|
|
@@ -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.0.0'>Versão estável
|
|
|
+ (v3.0.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).
|
lairaalmas
