# Instrucciones de Uso<br>![Peru Learns English](Imagenes/ple.png)<br><p>© 2015 - Laura Vargas & Sebastian Silva</p> ![CC BY-SA 3.0](extra/cc-by-sa-full.png)

---


# ¡Bienvenidos! &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Welcome!

<div style="color: white; 
            width: 100%; height: 600px; 
            background-image: url(extra/chalkboard.png); 
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: 0 3px;
            ">
            <br>
<div style="float:left; width:50%; padding-top: 5px">
<p style="font-size: 19pt; margin-left: 42px; margin-right: 42px">
Peru Learns English (PLE) es una aplicación para <b>facilitar la adquisición de vocabulario y expresiones útiles en inglés</b>, apelando a estímulos multisensoriales como los videojuegos.
</p>

<p style="font-size: 19pt; margin: 0px 42px 0px 42px">
La aplicación contiene una herramienta de repaso espaciado, capaz de ajustarse al progreso de cada estudiante. El repaso espaciado es demostradamente eficaz para ayudar a estudiantes comprometidos a memorizar vocabulario.
</p>
</div>

<div style="float:left; width:50%; padding-top: 5px">
<p style="font-size: 19pt; margin-left: 42px; margin-right: 42px">
Peru Learns English (PLE) is an application which aims to <b>facilitate the acquisition of vocabulary and useful expressions in English</b>, by means of appealing to multi-sensory stimuli such as videogames.
</p>

<p style="font-size: 19pt; margin: 0px 42px 0px 42px">
A spaced repetition tool is provided, which is capable of adjusting to each student's progress. Spaced repetition is demonstrably effective at helping engaged students to memorize vocabulary.
</p>
</div>
</div>

---

# ¿Cuál es el objetivo de esta aplicación?

<img src="extra/memorize.png" style="float:left; margin-left: 20px;margin-right: 20px;">
El objetivo de la aplicación PLE es facilitar a los estudiantes su proceso de memorización de vocabulario y expresiones comunes en el idioma inglés. 

La aplicación agrupa el vocabulario en seis temas y desarrolla cada tema con la ayuda de un control navegador de **tarjetas de memoria**, tres divertidos videojuegos (*Play Practice*) y el mecanismo de **repaso espaciado** (*Let's Memorize*).

Este mecanismo está modelado para optimizar la retención, ajustanto el intervalo entre repasos para cada tarjeta y cada estudiante.

---

# Empezando una sesión de repaso

<div style="float:left; margin-left: 80px;margin-right: 80px;">
<br>
<br>
<img src="extra/topic_menu.png" style="border: 1px solid black">
</div>

<br>
<br>

Para iniciar una sesión de repaso, los estudiantes deben primero **seleccionar el tema** a trabajar, llamado en inglés *"Topic"*. 

Cada *Topic* o Tema, corresponde a un mazo o colección de tarjetas de memoria (*flashcards*). 

Una vez seleccionado el tema, la aplicación accederá a las opciones de repaso del tema seleccionado.


---

# Opciones de Repaso 

Actualmente hay tres actividades disponibles para cada tema:

<div style="text-align:center; float: left; margin-right: 30px">
<img src="extra/flashcard_explorer.png">
</div>

En el navegador de tarjetas, es posible revisar todo el mazo. 

Oprimiendo sobre la **imagen**, aparecerán flechas de navegación. 

Oprimiendo sobre el **texto**, podrá escuchar la pronunciación respectiva.


---

# Repaso Espaciado

<div style="float:left; width: 40%">
<br><br>
<br><br>
<br><br>
<img src="Imagenes/flashcard_banner.png" style="border: 1px solid black; float: left; margin-right: 25px;">
</div>
<div style="float:left; width: 60%">
<br>
<br>
<p>
En el mecanismo de repaso espaciado personalizado <b>Let's Memorize</b>, cada sesión de entrenamiento de memorización, consta de la presentación de 15 tarjetas. 

</p>
<p>
Basado en las respuestas de cada estudiante, el algoritmo de repaso espaciado calcula los intervalos de tiempo para la próxima presentación de las tarjetas.
</p>
</div>

---

# Identify yourself

<div style="float:right; margin-left: 40px; margin-right: 20px;">
<br><br><br>
<img src="extra/login.png" style="border: 1px solid black; height: 500px">
</div>

<br>

Para iniciar la sesión de repaso, es necesario que cada estudiante seleccione su usuario desde la lista desplegable.

De no existir un usuario para ese estudiante será necesario que cree un usuario nuevo, presionando el botón **new user** (nuevo usuario).


---

# What is this?

<div style="float:left; margin-left: 10px; margin-right: 30px;">
<br><br>
<img src="extra/camera.png" style="border: 1px solid black; height: 400px">
</div>

<br>
Durante la presentación de cada tarjeta, la aplicación hace una pregunta, como por ejemplo "What is this?". Los estudiantes deben apelar a su memoria y pensar sobre la posible respuesta.

Para conocer la respuesta correcta, los estudiantes deben apretar el botón <br> **"Show me the answer"**.

---

# It's a camera.

En este momento la aplicación muestra la respuesta correcta y se reproduce la pronunciación correspondiente.

<div style="text-align:center; float: left; margin-right: 30px">
<img src="extra/options.png">
</div>

<br>
Aquí es donde el estudiante debe evaluar sinceramente si sabía o no la respuesta correcta, y proceder a seleccionar el botón verde si conocía la respuesta, el amarillo si no estaba seguro y el rojo si no la conocía.
<br><br><br>

Teniendo en cuenta la respuesta proporcionada por el estudiante, la aplicación programará la próxima repetición de esa tarjeta.

---

# Congratulations!

<br>
Cada vez que el aprendiz completa una sesión de 15 flashcards, la aplicación le felicita indicando que su sesión diaria sugerida ha terminado y retorna a la pantalla anterior.

<table style="float: left; border-spacing: 15px;">
<tr><td>
<img src="Imagenes/juego1.png" style="border: 1px solid black">
</td><td>
<p>
Como refuerzo y recompensa para los aprendices. la aplicación pone a su disposición, tres mecanismos de repaso lúdico.
</p>
</td></tr>
</table>

---

# ¿Y los juegos? 

<table style="float: left; border-spacing: 20px;">
<tr><td>
<br>
<img src="Imagenes/juego1_banner.png" style="border: 1px solid black">
</td>
<td>
<br>
<p style="margin: 0em;" >
Una visita inesperada comienza la aventura. ¡Reconoce los vocablos ingresando cada letra con el teclado!
</td></tr>
<tr><td>
<img src="Imagenes/juego2_banner.png" style="border: 1px solid black">
</td>
<td>
<p style="margin: 0em;" >
¡Encuentra los ojos que se corresponden! Debes unirlos rellenando cada cuadrante entre ellos.
</td></tr>
<tr><td>
<img src="Imagenes/juego3_banner.png" style="border: 1px solid black">
</td><td>
<p style="margin: 0em;" >
Ayuda a encontrar la nave perdida. Debes reconocer el vocablo pronunciado por la computadora de entre las cuatro opciones posibles.
</td></tr>
</table>

---

# ¿Qué debo tener en cuenta antes de usar la aplicación?

- Es importante tener en cuenta que éste es un sistema personalizado, por lo que será necesario que cada aprendiz cree y trabaje desde su usuario durante las sesiones de repaso espaciado.

- Para una óptima memorización del vocabulario se recomienda una sesión de repaso al día o con la frecuencia que sea posible.

- Para un óptimo rendimiento de la máquina y concentración del estudiante, se recomienda no usar otras aplicaciones ni dispositivos al mismo tiempo.

---

# ¿Por qué aprender inglés?

El inglés es un idioma usado ampliamente por millones de personas en el mundo. 

Existe mucho conocimiento documentado en este idioma, tanto en formato digital como físico. El inglés es una de las lenguas oficiales de la Unión Europea y es el idioma de trabajo en numerosas organizaciones mundiales.

En pocas palabras, aprender inglés te permite comunicar tus ideas e intercambiar recursos y conocimiento con muchas personas.

Happy learning!


<img src="extra/banderas.png" style="display: block; margin-left: auto; margin-right: auto">
