page_3.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!-- LInE - Free Education, Private Data - http://www.usp.br/line -->
  2. <!DOCTYPE html>
  3. <html lang='pt-br'>
  4. <head>
  5. <meta charset='UTF-8'>
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  7. <meta name="description" content="Collection of educational games for teaching fractions" />
  8. <meta name="keywords" content="ifractions, ifrações, fraction, game, private data, math, moodle" />
  9. <link rel="icon" type="image/ico" href="../../assets/flag_icon.png">
  10. <link rel="stylesheet" href="../../style/bootstrap/bootstrap.min.css">
  11. <link rel='stylesheet' href="../../style/style.css">
  12. <title>iFractions | Área do Professor</title>
  13. </head>
  14. <body class="container-flex">
  15. <!-- menu superior -->
  16. <nav class="navbar navbar-expand-lg navbar-dark ifr__color__blue">
  17. </nav>
  18. <!-- botao de voltar ao inicio da pagina -->
  19. <button onclick="backToTop()" type="button" id="ifr__btn__backToTop" title="Go to top"
  20. class="btn btn-primary">&uparrow;</button>
  21. <!-- modal -->
  22. <div id="myModal" class="modal">
  23. <span class="close">&times;</span>
  24. <img class="modal-content" id="myModal-img" src="">
  25. <div id="caption"></div>
  26. </div>
  27. <!-- header -->
  28. <header class="jumbotron jumbotron-flex p-5">
  29. <nav aria-label="breadcrumb">
  30. <ol class="breadcrumb">
  31. <li class="breadcrumb-item"><a href="../../index.html">Início</a></li>
  32. <li class="breadcrumb-item"><a href="../documentacao.html">Documentação</a></li>
  33. <li class="breadcrumb-item active" aria-current="page">Tutorial: Examinando atividades no Moodle</li>
  34. </ol>
  35. </nav>
  36. <h1 class="display-4">Área do Professor</h1>
  37. <p class="lead">Esta área foi preparada para ajudar o professor a usar o iFractions no Moodle.</p>
  38. <hr class="display-4">
  39. </header>
  40. <!-- pagina -->
  41. <main class='container-flex'>
  42. <div class="row">
  43. <!-- menu de navegacao lateral -->
  44. <!-- <div class="col-lg-2 text-start p-1 ifr__toc ifr__noBullet">
  45. </div> -->
  46. <div class="col-lg-2 text-start p-1"></div>
  47. <div class="col-lg-8 px-5">
  48. <section id="examinando">
  49. <h2>Examinando atividades dos alunos</h2>
  50. <p>Se você é um professor, siga o seguinte tutorial para analisar as atividades do iFractions enviadas pelo
  51. seus alunos no
  52. Moodle.
  53. </p>
  54. <h3>
  55. 1. Para examinar uma atividade deve-se entrar na página da atividade (estando no papel professor);
  56. </h3>
  57. <h3>
  58. 2. Na página do iTarefa (da atividade), clicar no botão <em>"Relatórios"</em> (segundo botão) e depois na
  59. opção <em>"Página inicial"</em>;
  60. </h3>
  61. <h3>
  62. 3. Receberá uma página com uma tabela. Na coluna "Estudantes" estão os nomes dos alunos
  63. matriculados
  64. e na coluna "1" os resultados dos alunos para atividade 1 (e assim por diante se houver mais atividades);
  65. </h3>
  66. <div class="text-center mb-3">
  67. <img src='../../assets/moodle_relatorio_alunos.png' class='ifr__img img-responsive shadow w-100'
  68. alt='Tabela com todos os alunos e todas as atividades do bloco.'>
  69. </div>
  70. <h3>
  71. 4. Para examinar uma atividade específica de um aluno, clicar na entrada correspondente à linha do aluno e
  72. coluna da atividade. A página retornada é como na figura abaixo.
  73. </h3>
  74. <div class="text-center mb-3">
  75. <img src='../../assets/moodle_solucao_aluno.png' class='ifr__img img-responsive shadow w-100'
  76. alt='tividade 1 do aluno 1.'>
  77. </div>
  78. </section>
  79. <div>
  80. <a class="btn btn-primary" href='../documentacao.html' role="button">Voltar</a>
  81. </div>
  82. </div>
  83. <div class="col-lg-2 p-1"></div>
  84. </div>
  85. </main>
  86. <!-- rodape -->
  87. <footer id='footer' class="container-flex mt-5 py-5 text-center"></footer>
  88. </body>
  89. <script src="../../script/bootstrap/bootstrap.bundle.min.js"></script>
  90. <script src="../../script/index.js"></script>
  91. <script>
  92. updateMenu(2);
  93. </script>
  94. </html>