před 5 měsíci · 8b68cd9dd0
--- a/about/assets/c1-A.png
+++ b/about/assets/c1-A.png
--- a/about/assets/c1-B.png
+++ b/about/assets/c1-B.png
--- a/about/assets/custom-menu-c1.png
+++ b/about/assets/custom-menu-c1.png
--- a/about/assets/custom-menu-s1.png
+++ b/about/assets/custom-menu-s1.png
--- a/about/assets/custom-menu-s2.png
+++ b/about/assets/custom-menu-s2.png
--- a/about/assets/db_js_game.png
+++ b/about/assets/db_js_game.png
--- a/about/assets/db_js_global.png
+++ b/about/assets/db_js_global.png
--- a/about/assets/db_mysql.png
+++ b/about/assets/db_mysql.png
--- a/about/assets/db_php.png
+++ b/about/assets/db_php.png
--- a/about/assets/dificuldades-1.png
+++ b/about/assets/dificuldades-1.png
--- a/about/assets/dificuldades-5.png
+++ b/about/assets/dificuldades-5.png
--- a/about/assets/dificuldades.png
+++ b/about/assets/dificuldades.png
--- a/about/assets/diretorio.png
+++ b/about/assets/diretorio.png
--- a/about/assets/end.png
+++ b/about/assets/end.png
--- a/about/assets/flag.png
+++ b/about/assets/flag.png
--- a/about/assets/flag_icon.png
+++ b/about/assets/flag_icon.png
--- a/about/assets/floor.png
+++ b/about/assets/floor.png
--- a/about/assets/fluxo-de-telas.png
+++ b/about/assets/fluxo-de-telas.png
--- a/about/assets/fluxoDeEstados.png
+++ b/about/assets/fluxoDeEstados.png
--- a/about/assets/fluxoDeTelas.png
+++ b/about/assets/fluxoDeTelas.png
--- a/about/assets/lang.png
+++ b/about/assets/lang.png
--- a/about/assets/lang_files.png
+++ b/about/assets/lang_files.png
--- a/about/assets/logo_line.png
+++ b/about/assets/logo_line.png
--- a/about/assets/logo_line_no_sub.png
+++ b/about/assets/logo_line_no_sub.png
--- a/about/assets/map.png
+++ b/about/assets/map.png
--- a/about/assets/menu.png
+++ b/about/assets/menu.png
--- a/about/assets/moodle_adicionar_atividade.png
+++ b/about/assets/moodle_adicionar_atividade.png
--- a/about/assets/moodle_info_atividade.png
+++ b/about/assets/moodle_info_atividade.png
--- a/about/assets/moodle_personalizar_jogo.png
+++ b/about/assets/moodle_personalizar_jogo.png
--- a/about/assets/moodle_relatorio_alunos.png
+++ b/about/assets/moodle_relatorio_alunos.png
--- a/about/assets/moodle_selecionar_jogo.png
+++ b/about/assets/moodle_selecionar_jogo.png
--- a/about/assets/moodle_solucao_aluno.png
+++ b/about/assets/moodle_solucao_aluno.png
--- a/about/assets/name.png
+++ b/about/assets/name.png
--- a/about/assets/s1-A.png
+++ b/about/assets/s1-A.png
--- a/about/assets/s1-B.png
+++ b/about/assets/s1-B.png
--- a/about/assets/s2.png
+++ b/about/assets/s2.png
--- a/about/assets/selected-game.png
+++ b/about/assets/selected-game.png
--- a/about/assets/student-report.png
+++ b/about/assets/student-report.png
--- a/about/assets/tabela-propriedades.png
+++ b/about/assets/tabela-propriedades.png
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 
				 
			
 
				   <base target="_blank">
			
 
				 
			
 
				-  <title>iFractions | Início</title>
			
 
				+  <title>iFrações | Início</title>
			
 
				 </head>
			
 
				 
			
 
				 <body class="container-flex">
			
@@ -37,10 +37,10 @@
 
				 
			
 
				   <!-- header -->
			
 
				   <header class="ifr_header jumbotron jumbotron-flex p-5 d-flex flex-column justify-content-center">
			
 
				-    <h1 class="display-4">iFractions</h1>
			
 
				+    <h1 class="display-4"><em>iFrações</em></h1>
			
 
				     <p class="lead">Aprenda frações jogando!</p>
			
 
				     <hr class="my-4">
			
 
				-    <p class="lead"><strong>iFractions</strong> é uma coletânea de jogos online para o <strong>ensino de
			
 
				+    <p class="lead">O <strong>iFrações</strong> é uma coletânea de jogos online para o <strong>ensino de
			
 
				         frações</strong> direcionado a alunos do Ensino Fundamental. Ele é um dos sistemas educacionais de
			
 
				       <strong>código aberto</strong> que vem sendo desenvolvido pelo <a href='http://www.usp.br/line'
			
 
				         target="_blank">LInE</a> e utiliza dinâmicas de jogo para apresentar conteúdos de frações de forma aplicada,
			
@@ -51,13 +51,87 @@
 
				   </header>
			
 
				 
			
 
				   <!-- game frame -->
			
 
				-  <iframe src=" http://www.usp.br/line/ifractions#ifractions-canvas" frameborder="0"
			
 
				-    style="width:100%; height:700px;"></iframe>
			
 
				+  <!-- <iframe src=" http://www.usp.br/line/ifractions#ifractions-canvas" frameborder="0"
			
 
				+    style="width:100%; height:700px;"></iframe> -->
			
 
				 
			
 
				   <!-- pagina -->
			
 
				-  <main class='container my-5 py-5'>
			
 
				+  <main class='container mb-5 py-5'>
			
 
				+
			
 
				+    <!-- info cards -->
			
 
				+    <div class="row text-start">
			
 
				+      <div class="col-md-4 d-flex align-items-stretch">
			
 
				+        <section class="card shadow bg-primary text-white" id="publico alvo">
			
 
				+          <h4 class="card-title text-center mt-4">Publico Alvo</h4>
			
 
				+          <hr class="text-white mx-4" />
			
 
				+          <div class="card-body">
			
 
				+            <ul>
			
 
				+              <li><strong>Alunos</strong> desejando estudar diferentes assuntos de frações de forma aplicada
			
 
				+              </li>
			
 
				+              <li>
			
 
				+                <strong>Professores/tutores</strong> participando do ensino de frações que tenham interesse em:
			
 
				+                <ul>
			
 
				+                  <li>
			
 
				+                    utilizar um jogo personalizavel como material auxiliar no ensino de um tópico específico no nível de
			
 
				+                    dificuldade desejado
			
 
				+                  </li>
			
 
				+                  <li>
			
 
				+                    criar uma trilha com diferentes atividades em crescente grau de dificuldade de forma a guiar o aluno
			
 
				+                    pelo
			
 
				+                    processo de aprendizagem de vários conteúdos
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </section>
			
 
				+      </div>
			
 
				+      <div class="col-md-4 d-flex align-items-stretch">
			
 
				+        <section class="card shadow bg-primary text-white" id="concepcao">
			
 
				+          <h4 class="card-title text-center mt-4">Concepção</h4>
			
 
				+          <hr class="text-white mx-4" />
			
 
				+          <div class="card-body">
			
 
				+            <p>O projeto teve início em 2016 numa parceria entre os professores
			
 
				+              <a class="text-info fw-bold" href='http://www.ime.usp.br/~leo'>Leônidas de Oliveira Brandão</a>
			
 
				+              (<a class="text-info fw-bold" href='http://www.ime.usp.br'>IME-USP</a>) e
			
 
				+              <a class="text-info fw-bold" href='https://users.dcc.uchile.cl/~mibarra/'>Manuel Ibarra</a>
			
 
				+              (EAPIIS-UNAMBA), baseado no
			
 
				+              <a class="text-info fw-bold" href='https://matematica.br/iassign/index_pt.html'>Módulo de Aprendizado
			
 
				+                Interativo</a> (iMA) e
			
 
				+              <a class="text-info fw-bold"
			
 
				+                href='https://www.researchgate.net/publication/262370367_The_Six_Facets_of_Serious_Game_Design_A_Methodology_Enhanced_by_Our_Design_Pattern_Library'>
			
 
				+                Six facets of Serious Game Design</a> e segue sendo desenvolvido desde então.
			
 
				+            </p>
			
 
				+          </div>
			
 
				+        </section>
			
 
				+      </div>
			
 
				+      <div class="col-md-4 d-flex align-items-stretch">
			
 
				+        <section class="card shadow bg-primary text-white" id="desenvolvimento">
			
 
				+          <h4 class="card-title text-center mt-4">Desenvolvimento</h4>
			
 
				+          <hr class="text-white mx-4" />
			
 
				+          <div class="card-body">
			
 
				+            <!-- <p>Assim que o estudante finaliza o algoritmo, já consegue receber uma
			
 
				+              <i>retroação</i> imediata, informando se sua solução resolve ou não o problema proposto.
			
 
				+            </p> -->
			
 
				+            <p>
			
 
				+              Vem sendo desenvolvido para permitir <strong>ampla personalização</strong> dos jogos de forma que se
			
 
				+              adaptem
			
 
				+              às
			
 
				+              necessidades
			
 
				+              de cada usuário. Novos jogos são criados com ênfase em <strong>incentivar a cooperação</strong> ao invés
			
 
				+              da
			
 
				+              competitividade,
			
 
				+              visto que a última pode produzir condições adversas ao aprendizado. Além disso, dada a universalidade da
			
 
				+              matemática, é incentivada a internacionalização da ferramenta, que atualmente está <b>disponível em cinco
			
 
				+                idiomas:</b> espanhol, francês, inglês, italiano e português.
			
 
				+            </p>
			
 
				+          </div>
			
 
				+        </section>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- <hr class="my-4"> -->
			
 
				 
			
 
				-    <section id="public alvo">
			
 
				+    <!-- <section id="public alvo">
			
 
				       <h2> Público alvo </h2>
			
 
				 
			
 
				       <ul>
			
@@ -79,11 +153,11 @@
 
				           </ul>
			
 
				         </li>
			
 
				       </ul>
			
 
				-    </section>
			
 
				+    </section> -->
			
 
				 
			
 
				-    <hr class="my-4">
			
 
				+    <!-- <hr class="my-4"> -->
			
 
				 
			
 
				-    <section id="concepcao">
			
 
				+    <!-- <section id="concepcao">
			
 
				       <h2>Concepção</h2>
			
 
				       <p>
			
 
				         O projeto teve início em 2016 numa parceria entre os professores
			
@@ -97,10 +171,11 @@
 
				           Six facets of Serious Game Design</a> e segue sendo desenvolvido desde então.
			
 
				       </p>
			
 
				     </section>
			
 
				+ -->
			
 
				 
			
 
				-    <hr class="my-4">
			
 
				+    <!-- <hr class="my-4"> -->
			
 
				 
			
 
				-    <section id="desenvolvimento">
			
 
				+    <!-- <section id="desenvolvimento">
			
 
				       <h2>Desenvolvimento</h2>
			
 
				       <p>
			
 
				         Vem sendo desenvolvido para permitir <strong>ampla personalização</strong> dos jogos de forma que se adaptem
			
@@ -111,8 +186,8 @@
 
				         visto que a última pode produzir condições adversas ao aprendizado. Além disso, dada a universalidade da
			
 
				         matemática, é incentivada a internacionalização da ferramenta, que atualmente está <b>disponível em cinco
			
 
				           idiomas:</b> espanhol, francês, inglês, italiano e português.
			
 
				-      </p>
			
 
				-      <!--
			
 
				+      </p> -->
			
 
				+    <!--
			
 
				       COOPERATION TEAM
			
 
				       ----------------
			
 
				       BRAZIL: Leônidas de Oliveira Brandão (IME-USP)
			
@@ -129,20 +204,20 @@
 
				       ----------------
			
 
				       We used HTML5, CSS and the Javascript Library Phaser.io
			
 
				       -->
			
 
				-    </section>
			
 
				+    <!-- </section> -->
			
 
				 
			
 
				-    <hr class="my-4">
			
 
				+    <!-- <hr class="my-4"> -->
			
 
				 
			
 
				-    <section id="download">
			
 
				+    <section class="pt-5" id="download">
			
 
				       <h2>Onde encontrar</h2>
			
 
				       <p>
			
 
				-        O iFractions faz parte da comunidade de <strong>software livre</strong>, usando a <a
			
 
				+        O iFrações faz parte da comunidade de <strong>software livre</strong>, usando a <a
			
 
				           href='https://www.gnu.org/licenses/licenses.pt-br.html'>Licença Pública Geral GNU (GPLv3)</a>, possuindo
			
 
				         código
			
 
				         aberto que pode ser distribuido gratuitamente.
			
 
				       </p>
			
 
				 
			
 
				-      <p>Atualmente existem duas versões do iFractions disponíveis:</p>
			
 
				+      <p>Atualmente existem duas versões do iFrações disponíveis:</p>
			
 
				 
			
 
				       <div class="row">
			
 
				 
			
@@ -152,12 +227,13 @@
 
				             <img class="card-img-top" src="./assets/menu.png" alt="Card image cap">
			
 
				 
			
 
				             <div class="card-body">
			
 
				-              <h3 class="card-title">iFractions Web</h3>
			
 
				+              <h3 class="card-title">iFrações Web</h3>
			
 
				               <p class="card-text">Esta versão pode ser usada no navegador livremente.</p>
			
 
				 
			
 
				               <h4>Links de desenvolvimento</h4>
			
 
				               <ul class="list-unstyled">
			
 
				-                <li><span class="text-muted">Versão estável</span></li>
			
 
				+                <li><a href='http://200.144.254.107/git/LInE/Ifractions-web/src/release-3.1.0'>Versão estável
			
 
				+                    (v3.1.0)</a></li>
			
 
				                 <li><a href='http://200.144.254.107/git/LInE/Ifractions-web/src/master'>Versão de desenvolvimento</a>
			
 
				                 </li>
			
 
				               </ul>
			
@@ -178,7 +254,7 @@
 
				             <img class="card-img-top" src="./assets/student-report.png" alt="Card image cap">
			
 
				 
			
 
				             <div class="card-body">
			
 
				-              <h3 class="card-title">iFractions Moodle</h3>
			
 
				+              <h3 class="card-title">iFrações Moodle</h3>
			
 
				               <p class="card-text">Esta versão pode ser integrada a um ambiente <a href='https://moodle.org/'>Moodle</a>
			
 
				                 a partir do pacote <a href='https://www.matematica.br/ia/index_pt.html'>iTarefa</a>, aparecendo como
			
 
				                 um de seus Módulos de Atividade Interativos (iMA).
			
--- a/about/paginas/area_admin/page_1.html
+++ b/about/paginas/area_admin/page_1.html
--- a/about/paginas/area_professor/index.html
+++ b/about/paginas/area_professor/index.html
--- a/about/paginas/area_professor/page_2.html
+++ b/about/paginas/area_professor/page_2.html
--- a/about/paginas/area_professor/page_3.html
+++ b/about/paginas/area_professor/page_3.html
--- a/about/paginas/area_programador/index.html
+++ b/about/paginas/area_programador/index.html
--- a/about/paginas/area_programador/page_1.html
+++ b/about/paginas/area_programador/page_1.html
--- a/about/paginas/area_programador/page_2.html
+++ b/about/paginas/area_programador/page_2.html
--- a/about/paginas/area_programador/page_3.html
+++ b/about/paginas/area_programador/page_3.html
--- a/about/paginas/area_programador/page_tokens.html
+++ b/about/paginas/area_programador/page_tokens.html
--- a/about/paginas/area_programador/page_tutorial.html
+++ b/about/paginas/area_programador/page_tutorial.html
--- a/about/paginas/documentacao.html
+++ b/about/paginas/documentacao.html
--- a/about/paginas/index.html
+++ b/about/paginas/index.html
--- a/about/paginas/publicacoes.html
+++ b/about/paginas/publicacoes.html
--- a/about/paginas/sobre/index.html
+++ b/about/paginas/sobre/index.html
--- a/about/paginas/sobre/page_1.html
+++ b/about/paginas/sobre/page_1.html
--- a/about/paginas/sobre/page_2.html
+++ b/about/paginas/sobre/page_2.html
--- a/about/paginas/sobre/page_3.html
+++ b/about/paginas/sobre/page_3.html
--- a/about/paginas/sobre/page_4.html
+++ b/about/paginas/sobre/page_4.html
--- a/about/script/bootstrap/bootstrap.bundle.js
+++ b/about/script/bootstrap/bootstrap.bundle.js
--- a/about/script/bootstrap/bootstrap.bundle.js.map
+++ b/about/script/bootstrap/bootstrap.bundle.js.map
--- a/about/script/bootstrap/bootstrap.bundle.min.js
+++ b/about/script/bootstrap/bootstrap.bundle.min.js
--- a/about/script/bootstrap/bootstrap.bundle.min.js.map
+++ b/about/script/bootstrap/bootstrap.bundle.min.js.map
--- a/about/script/bootstrap/bootstrap.esm.js
+++ b/about/script/bootstrap/bootstrap.esm.js
--- a/about/script/bootstrap/bootstrap.esm.js.map
+++ b/about/script/bootstrap/bootstrap.esm.js.map
--- a/about/script/bootstrap/bootstrap.esm.min.js
+++ b/about/script/bootstrap/bootstrap.esm.min.js
--- a/about/script/bootstrap/bootstrap.esm.min.js.map
+++ b/about/script/bootstrap/bootstrap.esm.min.js.map
--- a/about/script/bootstrap/bootstrap.js
+++ b/about/script/bootstrap/bootstrap.js
--- a/about/script/bootstrap/bootstrap.js.map
+++ b/about/script/bootstrap/bootstrap.js.map
--- a/about/script/bootstrap/bootstrap.min.js
+++ b/about/script/bootstrap/bootstrap.min.js
--- a/about/script/bootstrap/bootstrap.min.js.map
+++ b/about/script/bootstrap/bootstrap.min.js.map
--- a/script/index.js
+++ b/script/index.js
@@ -16,9 +16,34 @@ function backToTop() {
 
				 }
			
 
				 
			
 
				 // Insere em todos rodapés
			
 
				+// let footer = document.getElementById("footer");
			
 
				+// footer.innerHTML =
			
 
				+//   "<p>Atualizado pela ultima vez em: 3 de Outubro de 2023 -- por <a href='http://www.ime.usp.br/~laira'>Laira</a>.</p>";
			
 
				+
			
 
				+// Insere em todos rodapés
			
 
				+const baseUrl = "/about";
			
 
				+const lastUpdate =
			
 
				+  "Atualizado pela ultima vez em: 25 de março de 2025 -- por <a href='http://www.ime.usp.br/~laira'>Laira</a>.";
			
 
				 let footer = document.getElementById("footer");
			
 
				-footer.innerHTML =
			
 
				-  "<p>Atualizado pela ultima vez em: 3 de Outubro de 2023 -- por <a href='http://www.ime.usp.br/~laira'>Laira</a>.</p>";
			
 
				+footer.innerHTML = `
			
 
				+  <div class="row">
			
 
				+    <div class="col-md-6 d-flex flex-column align-items-center justify-content-end">
			
 
				+      <a href="https://line.ime.usp.br/" title="Seguir para a página principal do LInE">
			
 
				+        <img src="${baseUrl}/assets/logo_line_no_sub.png" height="70"/>
			
 
				+      </a>
			
 
				+      <span>Free Education, Private Data</span>
			
 
				+    </div>
			
 
				+    <div class="col-md-6 d-flex flex-column align-items-center justify-content-end">
			
 
				+      <span>
			
 
				+        <a href="/index.html" target="_self" title="Seguir para a página principal do iFrações">iFrações</a> |
			
 
				+        <a href="https://line.ime.usp.br/" title="Seguir para a página principal do LInE">LInE</a> |
			
 
				+        <a href="https://www.matematica.br/" title="Seguir para a página principal do iMática">iM&aacute;tica</a>
			
 
				+      </span>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <hr/>
			
 
				+  <p>${lastUpdate}</p>
			
 
				+</div>`;
			
 
				 
			
 
				 // Cria menu de navegação
			
 
				 let nav = document.querySelector(".navbar");
			
--- a/about/script/prism/prism.js
+++ b/about/script/prism/prism.js
--- a/about/style/bootstrap/bootstrap-grid.css
+++ b/about/style/bootstrap/bootstrap-grid.css
--- a/about/style/bootstrap/bootstrap-grid.css.map
+++ b/about/style/bootstrap/bootstrap-grid.css.map
--- a/about/style/bootstrap/bootstrap-grid.min.css
+++ b/about/style/bootstrap/bootstrap-grid.min.css
--- a/about/style/bootstrap/bootstrap-grid.min.css.map
+++ b/about/style/bootstrap/bootstrap-grid.min.css.map
--- a/about/style/bootstrap/bootstrap-grid.rtl.css
+++ b/about/style/bootstrap/bootstrap-grid.rtl.css
--- a/about/style/bootstrap/bootstrap-grid.rtl.css.map
+++ b/about/style/bootstrap/bootstrap-grid.rtl.css.map
--- a/about/style/bootstrap/bootstrap-grid.rtl.min.css
+++ b/about/style/bootstrap/bootstrap-grid.rtl.min.css
--- a/about/style/bootstrap/bootstrap-grid.rtl.min.css.map
+++ b/about/style/bootstrap/bootstrap-grid.rtl.min.css.map
--- a/about/style/bootstrap/bootstrap-reboot.css
+++ b/about/style/bootstrap/bootstrap-reboot.css
--- a/about/style/bootstrap/bootstrap-reboot.css.map
+++ b/about/style/bootstrap/bootstrap-reboot.css.map
--- a/about/style/bootstrap/bootstrap-reboot.min.css
+++ b/about/style/bootstrap/bootstrap-reboot.min.css
--- a/about/style/bootstrap/bootstrap-reboot.min.css.map
+++ b/about/style/bootstrap/bootstrap-reboot.min.css.map
--- a/about/style/bootstrap/bootstrap-reboot.rtl.css
+++ b/about/style/bootstrap/bootstrap-reboot.rtl.css
--- a/about/style/bootstrap/bootstrap-reboot.rtl.css.map
+++ b/about/style/bootstrap/bootstrap-reboot.rtl.css.map
--- a/about/style/bootstrap/bootstrap-reboot.rtl.min.css
+++ b/about/style/bootstrap/bootstrap-reboot.rtl.min.css
--- a/about/style/bootstrap/bootstrap-reboot.rtl.min.css.map
+++ b/about/style/bootstrap/bootstrap-reboot.rtl.min.css.map
--- a/about/style/bootstrap/bootstrap-utilities.css
+++ b/about/style/bootstrap/bootstrap-utilities.css
--- a/about/style/bootstrap/bootstrap-utilities.css.map
+++ b/about/style/bootstrap/bootstrap-utilities.css.map
--- a/about/style/bootstrap/bootstrap-utilities.min.css
+++ b/about/style/bootstrap/bootstrap-utilities.min.css
--- a/about/style/bootstrap/bootstrap-utilities.min.css.map
+++ b/about/style/bootstrap/bootstrap-utilities.min.css.map
--- a/about/style/bootstrap/bootstrap-utilities.rtl.css
+++ b/about/style/bootstrap/bootstrap-utilities.rtl.css
--- a/about/style/bootstrap/bootstrap-utilities.rtl.css.map
+++ b/about/style/bootstrap/bootstrap-utilities.rtl.css.map
--- a/about/style/bootstrap/bootstrap-utilities.rtl.min.css
+++ b/about/style/bootstrap/bootstrap-utilities.rtl.min.css
--- a/about/style/bootstrap/bootstrap-utilities.rtl.min.css.map
+++ b/about/style/bootstrap/bootstrap-utilities.rtl.min.css.map
--- a/about/style/bootstrap/bootstrap.css
+++ b/about/style/bootstrap/bootstrap.css
--- a/about/style/bootstrap/bootstrap.css.map
+++ b/about/style/bootstrap/bootstrap.css.map
--- a/about/style/bootstrap/bootstrap.min.css
+++ b/about/style/bootstrap/bootstrap.min.css
--- a/style/bootstrap/bootstrap.min.css.map
+++ b/style/bootstrap/bootstrap.min.css.map