index.html 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="pt-br">
  3. <head>
  4. <!-- Meta tags Obrigatórias -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  9. <title>LInE Quest</title>
  10. <style>
  11. body {
  12. background-color: #e9ecef;;
  13. }
  14. .page-header {
  15. margin-top: 1em;
  16. border-top: 1px solid rgb(155, 155, 155);
  17. padding-top: .5em;
  18. }
  19. .badge {
  20. font-size: 100%;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="jumbotron">
  26. <p style="float:right; color: #333; font-weight: 300;">Free Education, Private Data (FEPD)</p>
  27. <img src="assets/img/logo.png" width="250px">
  28. <p style="font-size: 21px; color: #333; font-weight: 300;">Plataforma para questionários</p>
  29. <h3 class="page-header">Sobre o LInE Quest</h3>
  30. <p>Este é um ambiente para a disponibilização de questionários públicos do Laboratório de Informática na Educação do Instituto de Matemática e Estatística da Universidade de São Paulo.
  31. É desenvolvido e mantido pelos alunos de pós graduação Igor Moreira Félix e Lucas Mendonça de Souza.
  32. Para conhecer nosso grupo e trabalhos que estamos desenvolvendo, visite o seguinte endereço: <a target="_blank" href="https://www.usp.br/line/">https://www.usp.br/line/</a>.</p>
  33. <p>O LInE Quest é gratuito e de código aberto, podendo ser acessado e copiado na área de projetos do LInE: <a target="_blank" href="http://200.144.254.107/git/LInE/linequest">http://200.144.254.107/git/LInE/linequest</a>.</a></p>
  34. <h3 class="page-header">Estrutura do LInE Quest</h3>
  35. <p>Conheça na figura abaixo, a estrutura de diretórios que compõem o LInE Quest:</p>
  36. <img src="assets/img/structure.png" width="90px" style="margin-left: 1em;margin-bottom: 1em;">
  37. <h3 class="page-header">Como disponibilizar um questionário utilizando o LInE Quest</h3>
  38. <p>Para disponibilizar seu questionário público, a fim de coletar dados relacionados às pesquisas, siga os passos abaixo:</p>
  39. <ol>
  40. <li>Crie um arquivo TXT com as questões do seu formulário seguindo as orientações do <a href="guia.html">nosso guia</a>.</li>
  41. <li>Acesse a página de <a href="app/create_form.php" >criação de questionários</a>.</li>
  42. <li>Preencha os campos apresentados e faça o <i>upload</i> do arquivo TXT criado.</li>
  43. <li>Uma página será exibida com o apontador para seu questionário e um código acesso único para acessar a página do <a href="explorer/login.php">explorador</a>. <b>Lembre-se de guardar esse código pois ele não será exibido novamente </b></li>
  44. <!-- <li>Você receberá no email informado durante a criação do formulário um código de acesso e o apontador para seu formulário. Seu código de acesso é único e você deve utilizá-lo <a href="/explorer/login.php">aqui</a> para acessar os seus dados.</li> -->
  45. </ol>
  46. <h3 class="page-header">Como o LInE Quest armazena as informações</h3>
  47. <center><img src="assets/img/request.png" width="300rem" style="margin-top: 2em; margin-bottom: 1em;"></center>
  48. <p>Uma vez que os formulários são respondidos e estas informações são submetidas ao LInE Quest, a seguinte sequência de passos é realizada pelo sistema:</p>
  49. <ol>
  50. <li>É procedida uma verificação do campo "form", caso não tenha sido submetido, o LInE Quest rejeitará os dados. Portanto, esteja atento à configuração do seu formulário!</li>
  51. <li>São adicionadas as seguintes informações aos dados recebidos: </li>
  52. &nbsp;&nbsp;i. endereço IP do usuário respondente.<br>
  53. &nbsp;&nbsp;ii. carimbo de data e hora de recebimento do formulário no servidor.
  54. <li>Todos os dados são convertidos para o formato <a target="_blank" href="https://www.json.org/json-pt.html">JSON</a>, compondo uma única String.</li>
  55. <li>A String gerada pela conversão é gravada no banco de dados MySQL.</li>
  56. </ol>
  57. </div>
  58. <script src="assets/js/jquery-3.3.1.slim.min.js"></script>
  59. <script src="assets/js/popper.min.js"></script>
  60. <script src="assets/js/bootstrap.min.js"></script>
  61. </body>
  62. </html>