6.1. Subsistema de almacenamiento
Se busca un hosting que logre cumplir con los requisitos funcionales que se necesitan para el desarrollo posterior de la aplicación, se encontraron diferentes opciones como blueHost, HostGator, GoDaddy, inmotionHosting entre otros, pero todos estos nos daban solo un tiempo de uso antes de comenzar a facturar el uso de sus servicios, se encontró un hosting que ofrecía todas las características requeridas y que además era gratuito así que se optó por usarlo.
000WebHost nos permitió almacenar la base de datos, los webservices y algunos archivos que harán más liviana la aplicación, la base de datos permite almacenar los usuarios junto con su información, también guardamos allí las preguntas de la sección de evaluación, los webservices permiten una conexión entre la Base de datos y la aplicación, creamos 3 que permiten Registrar usuarios, Autenticar usuarios y Recordar la contraseña de un usuario.
En la interfaz encontramos las dos secciones que se mencionan, File Manager (Sección que contiene los archivos y los WebServices) y Administrar bases de datos (Sección que contiene la BD)
En la carpeta “images” se tendrán las imágenes correspondientes a las operaciones que se usaran en la sección de evaluación, el archivo “consultar.php” será el WebService que se encargara del proceso de autenticación de usuarios, el archivo “evaluation.php” consulta y retorna la información de la tabla de preguntas de evaluación para mostrarla en esta sección, el archivo “guardar.php” registrara a los usuarios dentro de la BD y el archivo “recuperar.php” se encarga de validar la información para mostrar la contraseña de un usuario.
En la tabla “evaluación” se guarda la información de las preguntas y su respectiva imagen, esto con el fin de aligerar la carga de la aplicación. En la tabla “usuario” se almacena la información de los usuarios.
6.2. Subsistema de autentificación
En esta fase se desarrolla la parte de la aplicación que se encargara de toda la parte de registro, autenticación y recuperación de la contraseña de un usuario, se comienza con un diseño básico de formularios para el ingreso de la información correspondiente a cada uno de los procesos descritos anteriormente
6.2.1. Registro
Se diseña un formulario simple con varios EditText en donde se pide la información necesaria para enviarla a través de un WebService el cual realizara una validación previa al registro donde nos aseguramos que el nuevo usuario no exista actualmente en la BD para después poder insertarlo sin ningún inconveniente, la información solicitada es:
• Nombres • Apellidos • Nombre de usuario • Contraseña • Repetir la contraseña • Animal favorito • Color favorito • Deporte favorito
Los últimos 3 campos se piden como preguntas de recuperación, en caso de que el usuario olvide su contraseña podrá recuperarla con estas preguntas y su nombre de usuario
6.2.2. Autenticación
Esta es la vista principal de la aplicación, desde acá comienza el flujo de actividades de todo el proyecto, en esta pantalla se muestran dos EditText que piden el nombre de usuario y la contraseña junto con el botón de ingreso que consume el WebService que autenticara con la información de dichos EditText al usuario.
Hay una opción de modificar el idioma de la aplicación (inglés y español) y una opción de autenticación adicional a través de la cuenta de Google, en la parte inferior se muestran los dos enlaces a las pantallas de registro y recordar contraseña
6.2.3. Recuperar contraseña
En esta pantalla el usuario podrá recuperar la contraseña de su cuenta completando la información solicitada (nombre de usuario, animal favorito, color favorito y deporte favorito) correctamente, al dar click sobre el botón se consume el WebService que validará la información dentro de la BD y nos informara el resultado del proceso
6.3. Subsistema de visualización
En esa fase se desarrollarán las pantallas que contengan la información teórica sobre las fracciones que se le presentaran al niño como ayuda principal para que refuerce sus conocimientos. Se optó por colocar las pantallas en forma desplazable debido a que nos ahorrábamos la creación de más pantallas y la facilidad de crear una nueva en dado caso que se requiera más adelante, se muestran 8 pantallas en total de la sección de visualización:
• Portada (Se presenta el orden en el que aparecerán los temas al desplazar)
• Definición de fracciones
• Suma de fracciones heterogéneas
• Resta de fracciones homogéneas
• Multiplicación de fracciones
• División de fracciones
6.4. Subsistema de prácticas
7. Fase de Pruebas
La fase de pruebas está dividida en funcionales y no funcionales.
7.1. Funcionales
En esta etapa se han realizado pruebas en cuando a lo intuitivo que resulta para el usuario navegar dentro de la aplicación, esto mediante una encuesta a 10 niños con edades promedio de 9 años de donde pudimos extraer ideas sugeridas por los usuarios (Icono de home en cada módulo, cambio de colores y dificultad en el juego de “Gotas” para que sea más “fácil”), entre otros aspectos que se presentan a continuación de forma detallada.
Esta encuesta fue realizada a mitad del proceso de desarrollo y fue necesaria para cambiar, eliminar y agregar nuevos elementos que ayudaron a dar una mejor experiencia de usuario, veamos las preguntas realizadas en la encuesta.
¿Le agradan los colores que tiene la aplicación?
A partir de los resultados obtenidos se procedió a realizar la siguiente pregunta.
¿Qué colores elijaría como primarios o principales para la aplicación?
Se decido aplicar los tres primeros colores en orden descendente según el grafico anterior como colores principales de la aplicación.
20% 80% Si No 40% 20% 20% 20%
¿Ha podido navegar por la aplicación con facilidad?
Al ver que la mitad de los niños no entendía el flujo de la aplicación se decidió hablar con cada uno de ellos para determinar específicamente que parte del flujo se les hacía confuso, de esta manera se consiguió posteriormente que 9 de 10 niños entendieran el flujo sin inconvenientes a partir de las siguientes preguntas que se desglosan de esta.
¿En el módulo de tutoriales la información es clara?
En un principio este módulo no contaba con imágenes, solamente contenía información en modo texto, observando que para la mayoría la información no era clara se preguntó individualmente buscando ideas para poder brindar mejor
50% 50% Si No 20% 80% Si No
información y de forma sencilla. Se decidió agregar información en modo texto corto y una imagen ejemplificando el texto.
Luego de aplicados los cambios se consiguió que 8 de 10 niños entendieran la información quedando conformes con la información y el ejemplo respectivo.
¿En el módulo de prácticas, los juegos son de su agrado?
El ver que 6 de 10 niños no sentía agrado por los juegos se procedió a preguntar a detalle por dificultad o dinámica del juego, a partir de los datos recopilados se decidió rediseñar dos juegos dando como resultado un nivel de conformidad mayor, 7 de 10 niños consideraba los juegos estaban bien tanto en dinámica como en dificultad.
40%
60%
¿En el módulo de evaluación, el juego es de su agrado?
Debido a que el juego fue del agrado para la mayoría de los niños tanto en dificultad como en dinámica no se cambió ninguno de estos aspectos.
7.2. No Funcionales
Se realizan pruebas locales sobre el funcionamiento de cada requerimiento planteado y se obtienen los siguientes resultados:
Acción Resultado esperado Estado Observaciones
Registrar usuarios Capacidad de registrar usuarios en la BD (validación en BD y consumir WS) OK Recordar contraseña Capacidad de recordar la contraseña de un usuario (validación en BD y consumir WS) OK Autenticar usuarios Capacidad de autenticar usuarios (validación en BD y consumir WS) OK Autenticación por Google Capacidad de autenticar con la conexión a Google Account
OK
Cambiar idioma Capacidad de adaptar la
interfaz al idioma seleccionado (Inglés o Falta Imágenes en Ingles 70% 30% Si No
español)
Ver Tutoriales Mostrar la informacion teorica de las fracciones y sus operaciones
Falta Buscar imágenes
sin copyright para poder colocar Practica Suma Jugabilidad completa del
juego de suma
OK Practica Resta Jugabilidad completa del
juego de resta
OK Practica
Multiplicación
Jugabilidad completa del juego de multiplicación
OK Practica División Jugabilidad completa del
juego de división
OK Ver Evaluación Jugabilidad completa del
juego de evaluación
OK Cerrar sesión Cerrar la sesión del
usuario
8. Conclusiones
✓ La Metodologia Mobile-D ayudo mucho al proceso de desarrollo móvil debido a su forma de planificar por ciclos la implementación del sistema definido, haciendo más adaptable a cambios de tiempos y entregando muy buenos resultados para el desarrollo establecido en la planificación.
✓ El hosting 000Webhost fue muy eficiente ya que permitió almacenar la BD y los WebServices que usamos para el funcionamiento de la aplicación, permitió además almacenar imágenes para aligerar la carga del proyecto con el plus de ser Gratuito.
✓ El uso del IDE Android Studio para el desarrollo del aplicativo permitió trabajar de manera nativa, rápida y flexible debido al gran número de herramientas que el entorno ofrece como el VCS (System controller versión/Git), Herramientas de debug para la gestión de flujo y errores en la aplicación, Herramienta de ejecución en dispositivos móviles y herramienta para creación de la aplicación.
✓ El framework LibGDX es muy óptimo para el desarrollo de juegos multiplataforma, nos permitio desarrollar dos de ellos (Suma y División) con más facilidad debido a sus herramientas especializadas en aplicar las leyes físicas sobre los objetos que se incluyen, además se adapta perfectamente a las distintas densidades de pantalla.
✓ Los juegos como alternativa de enseñanza nos permitio hacer más agradable el tema de los fraccionarios para los niños, al mostrarle las matemáticas como una forma de entretenimiento logramos que se enfocaran en la comprensión de dichos temas y encontraran en la aplicación una opción de divertirse mientras aprenden.
9. Bibliografía
[1] Rafael Ochoa. (2011, Agosto) La biblioteca de Juan. [Online].
http://bibliotecadejuan.blogspot.com.co/2011/08/pedagogia-la-ensenanza-de-las.html [2] ICFES. (2016, Junio) Minieducacion. [Online].
https://s3.amazonaws.com/portal.icfes/datos/SB3579_2017/Grado+5/Ejemplos+de+preguntas +saber+5+matematicas+2015+v3.pdf
[3] Andrea linarez. (2014, Septiembre) El Tiempo. [Online].
http://www.eltiempo.com/archivo/documento/CMS-13088961
[4] Unesco, El niño y el juego, panteamientos teoricos y aplicaciones pedagocicas, 79th ed. Madrid, España, 2015.
[5] Angela. (2012, Mayo) Modelos pedagogicos. [Online].
https://modelospedagogicos.webnode.com.co/modelo-constructivista/
[6] Secretaría Jurídica Distrital de la Alcaldía Mayor de Bogotá D.C. . (2012, Octubre) Alcaldia de Bogota. [Online]. http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=49981 [7] Secretaría Jurídica Distrital de la Alcaldía Mayor de Bogotá D.C. (1982, Enero) Alcaldia de
Bogota. [Online]. http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=3431 [8] Txema Rodrigez. (2011, Septiembre) Genveta. [Online].
https://www.genbetadev.com/desarrollo-aplicaciones-moviles/metodos-aplicables-para-el- desarrollo-de-aplicaciones-moviles
[9] Florterbeck. (2014, Marzo) Peque Tablet. [Online]. http://pequetablet.com/apps-aprender- fracciones-jugando-tablet
[1 0]
Adela Salvador. (2014, Junio) [Online].
http://www2.caminos.upm.es/Departamentos/matematicas/grupomaic/conferencias/12.Jueg o.pdf
[1 1]
(2012, Agosto) Portal educativo. [Online]. https://www.portaleducativo.net/quinto- basico/531/Que-es-una-fraccion
ANEXOS
FunnyFractions
Manual de instrucciones 2019
1. Módulo de autenticación
✓ Es la parte inicial de la aplicación donde el usuario puede registrarse, recuperar contraseña y loguearse en el sistema.
El proceso de autenticación también se puede realizar mediante una cuenta Google.
2. Menú principal
✓ Pantalla principal donde se muestra al usuario los módulos a los cuales puede ingresar, así como también permite cerrar cesión, cambiar idioma y ver información específica de la aplicación.
3. Módulo de Tutoriales
✓ Este módulo permite al usuario informarse sobre las operaciones entre fracciones (Como se operan)
4. Módulo de Prácticas
✓ En este módulo el usuario podrá poner en práctica lo visto en el módulo de tutoriales mediante juegos.
4. Módulo de evaluación
✓ En este módulo el usuario se podrá evaluar para verificar que conocimientos ha afianzado mediante un juego de trivial.