Matricula Nombre Carrera

1995290 Zeida Dariana Silva Bocanegra I.A.S

2000556 Lesly Irais Argumedo Díaz I.A.S
2008520 Oscar Israel Torres Urbina I.A.S
1957668 Bárbara Mariann Martínez Macías I.A.S
2002467 Judith Saraí Carranza Martínez I.A.S
2025752 Karina Gabriela Salazar Luna I.A.S

1
INDICE:
Nombre del proyecto ........................................................................................................ 3
Análisis y Diseño ............................................................................................................... 3
Análisis ............................................................................................................................. 3
Diseño ............................................................................................................................... 3
Requerimientos .................................................................................................................. 4
Requerimientos complementarios.................................................................................... 5
Diagrama Entidad-relación ............................................................................................. 5
Diccionario de datos ......................................................................................................... 6
Anexo al Diccionario de datos ........................................................................................... 9
Español Estructurado..................................................................................................... 13
Prototipos .......................................................................................................................... 19
Entradas y salidas ........................................................................................................... 23
Interfaces de entrada....................................................................................................... 23
Interfaces de salida .......................................................................................................... 30
Interfaces combinadas ..................................................................................................... 32
Política de calidad ........................................................................................................... 36
Organigrama ..................................................................................................................... 36
Calendario ......................................................................................................................... 37
Herramientas asistidas por computadora ................................................................ 39
Diagrama de flujo del proyecto .................................................................................... 40

2
"IngeniOsos" es el nombre del programa, una herramienta didáctica que evalúa
los conocimientos de los estudiantes y les ayuda a desarrollar la comprensión
matemática y lectora.

El proyecto llamado “IngeniOsos” consta de una herramienta para facilitar la evaluación del
conocimiento de los estudiantes y ayudarlos en el desarrollo de habilidades en matemáticas y
en comprensión lectora. A través de una aplicación interactiva con actividades didácticas; la
profesora Jazmín Alejandra da clases en la primaria “Prof. Pablo Cantú Villarreal” haciéndose
cargo de un grupo de 4to grado en el turno vespertino. Ella mencionó que es necesario reforzar
practicando sus conocimientos en español y matemáticas.
La profesora ha hecho saber que le gustaría contar con una página de internet para que los
estudiantes puedan practicar desde fuera de la escuela para agilizar los procesos y que no
necesariamente tengan que estar en la escuela para contestarlos obteniendo mejores
resultados.
Especificó también que le gustaría que hubiera diferentes tipos de dificultad para que los
alumnos sigan desarrollando sus habilidades en matemáticas y español e identificar a los
alumnos por sus números de listas.

El diseño del sistema “IngeniOsos” debe contar con interfaces sencillas pero que a su vez
cumplan con los requerimientos propuestos por la profesora. Tal como se menciona en el
análisis, la profesora desea que el sistema cuente con las herramientas y opciones necesarias
para que los alumnos puedan ingresar sin tanta dificultad, ya que son niños de alrededor de 10
años.

3
Es por eso que la página cuenta con interfaces sencillas para que los alumnos no batallen en
ingresar datos ni en seleccionar la materia deseada, también ir avanzando el grado de dificultad
a medida que el estudiante va aplicando sus conocimientos.
El sistema cuenta con una interfaz de entrada “LogIn” ya sea para el docente o el alumno, para
esta manera identificar quien está ingresando a la página; Actividades de matemáticas que sean
de suma, resta, multiplicación y división; y de español son de comprensión lectora y de lectura.
Estas actividades estarán aumentando la dificultad a medida que el alumno avance.
Estéticamente la página incluye logo de la escuela, fondo de perfiles ya sea de paisajes o de
plantas y código de colores. El perfil del docente cuenta con un avatar de profesor(a)
“IngeniOsos”, lista de alumnos con su nivel y puntuación de matemáticas y español. El perfil del
alumno puede seleccionar entre 4 opciones de “Ingenioso”, su nivel y puntuación de
matemáticas y español. Al finalizar cualquier actividad dará la calificación para que tanto los
alumnos como el profesor puedan verla.

La asesora externa, Jazmín Alejandra Carranza Duarte es profesora en la escuela primaria

“Prof. Pablo Cantú Villarreal”, en la cual se encarga de un grupo de cuarto grado en el turno
vespertino. Al momento de dirigirnos hacia ella y hablar más sobre el tema del desempeño de
los alumnos, pudimos concluir que es necesario reforzar sus conocimientos en algunas
materias. Principalmente en español y matemáticas, es por esto por lo que decidimos
desarrollar una página enfocada en estas dos asignaturas principalmente.

La página desarrollada incluirá actividades didácticas que realizarán los alumnos, es por eso
que los alumnos tendrán su propia cuenta para que ellos como el docente pueda observar El
Progreso en cada una de las áreas a trabajar.

1. Incluirá un Login para docente y alumno.

2. Perfil docente y alumno.

4
3. Actividades de matemáticas (suma, resta, multiplicación, división) y español (comprensión
lectora, lectura)
4. Diferentes Niveles de dificultad conforme se vayan completando las actividades
5. Los alumnos serán identificados mediante su número de lista.

Los requerimientos complementarios describen de manera más específica las características

de la página web.

1. Temática relacionada al nombre de la página “IngeniOsos”: Logo, código de colores y fondo

de perfiles relacionado con paisajes o marcos con fondo de plantas.
2. Perfil del docente con avatar de profesor (a) “IngeniOso”, lista de alumnos con su nivel y
puntuación de Comprensión lectora y actividades de Pensamiento Matemático.
3. Perfil del alumno (a) con avatar a seleccionar en por lo menos cuatro opciones de “Ingenioso”,
su nivel y puntuación de Comprensión lectora y actividades de Pensamiento Matemático.
4. 1 actividad de 10 problemas de pensamiento matemático que cada semana cambiaran
5. 1 actividad de 10 problemas de comprensión lectora que cada semana cambiaran
6. Al finalizar la actividad dará la calificación para que tanto los niños y el profesor puedan verla

El siguiente es el diagrama implementado en este proyecto, este incluye un Login para docentes
y alumnos, perfiles para docentes y alumnos, actividades de matemáticas y español con
diferentes niveles de dificultad, y la identificación de los alumnos por su número de lista:

5
 Figura 1. Diagrama Entidad-Relación

Los diccionarios de datos se trabajaron en phpMyAdmin aquí mismos se hicieron las tablas que
se usaron en el programa donde se recaudó toda la información y se juntó para poder hacerlo
de manera más ordenada y optimizada

6
 TABLA REGISTRO_ALUM

TABLA REGISTRO_MAESTRO

TABLA ALUMNO

TABLA PROFESOR

TABLA DETALLE_PA

7
 TABLA MATEMATICAS

TABLA CALIFICACION_ALUMNO

TABLA REGISTRO_ALUM

8
Anexo al Diccionario de datos

Anexo del punto “Diccionario de datos”

Tabla: Profesor
No Campo Nombre Descripción Tipo de dato Llave
del campo
1 num_ Prof Número Número que Int Pk
del identifica al profesor
profesor
2 nom_Prof Nombre Nombre del profesor Texto
3 apell_Prof Apellido Apellido del profesor Texto
4 tel_Prof Teléfono Teléfono del Int
profesor

Tabla: Alumno
No Campo Nombre del campo Descripción Tipo de Llave
dato
1 numLista_Alu Número lista Número que le Int Pk
pertenece de la
lista
2 nom_Alu Nombre Nombre del Texto
alumno
3 apell_Alu Apellido Apellido del Texto
alumno
4 nivelAsig_Alu Nivel Asignatura Nivel de la Int
asignatura

9
 Tabla: Detalle PA (Lista del Grupo)
No Campo Nombre del Descripción Tipo de Llave
campo dato
1 num_ListGru Número de Grupo al que se Int Pk
grupo pertenece
2 num_Prof Número del Número que Int Fk
profesor identifica al profesor
3 numLista_Alu Número lista Número que le Int Fk
pertenece de la lista

Tabla: español
Nombre del
No Campo campo Descripción Tipo de dato Llave
índice de dificultad
en el que se
Nivel de encuentra el
1 Niveldif_Esp dificultad texto alumno Pk
actividad de
Tipo de acuerdo al nivel de
2 TipoAct_Esp actividad texto dificultad
Puntaje en Puntos obtenidos
3 PuntAct_Esp la actividad int por el alumno

10
 Tabla: Matemáticas
Nombre del
No Campo campo Descripción Tipo de dato Llave
índice de
dificultad en el
Nivel de que se encuentra
1 Niveldif_Mat dificultad texto el alumno PK
actividad de
Tipo de acuerdo al nivel
2 TipoAct_Mat actividad texto de dificultad
Puntaje en Puntos obtenidos
3 PuntAct_Mat la actividad int por el alumno

Tabla: Detalle MA (Actividades de las Materias)

Nombre del
No Campo campo Descripción Tipo de dato Llave
Registro de la
Registro de actividad que
las corresponda
1 Reg_ActMat Actividades Int según el nivel PK
índice de
dificultad en el
que se
Nivel de encuentra el
2 Niveldif_Esp dificultad texto alumno Fk
índice de
dificultad en el
que se
Nivel de encuentra el
3 Niveldif_Mat dificultad texto alumno FK

11
 Tabla: Detalle PAME (Registro de Actividades de las Pagina Web)
Nombre del
No Campo campo Descripción Tipo de dato Llave
Registro de
Registro de las
Actividades de actividades
las Pagina hechas en la
1 RegPW_RegPW Web Página web Int Pk
num_ListGru Número de Grupo al que Int Fk
2 grupo se pertenece
num_Prof Número del Número que Int Fk
profesor identifica al
3 profesor
numLista_Alu Número lista Número que Int Fk
le pertenece
4 de la lista
Registro de la
actividad que
Registro de las corresponda
5 Reg_ActMat Actividades según el nivel Int FK
índice de
dificultad en
el que se
Nivel de encuentra el
6 Niveldif_Esp dificultad alumno int Fk
índice de
dificultad en
el que se
Nivel de encuentra el
7 Niveldif_Mat dificultad alumno int FK

12
El proyecto consiste herramienta didáctica que por medio de una página web se pueden
realizar actividades de pensamiento matemático y comprensión lectora.
Al momento de ingresar a la página, se aparecerá en el login del estudiante.

Figura 2. Login de estudiante

Existen 3 casos al momento de querer ingresar al curso:

1. No tener cuenta y crearse una cuenta

Figura 3. Creación de perfil en la pagina

13
 2. Ser alumno

Figura 4. Entrando a la página como estudiante

Una vez dentro de la página se estará en la página principal del estudiante, podremos
seleccionar con que materia queremos trabar dándole clic a las imágenes nos llevará a las
actividades de comprensión lectora y de pensamiento matemático, perfil nos llevará a ver la
calificación de nuestras actividades, Home nos llevará a la página principal del estudiante y
cerrar sesión cierra la sesión llevándonos al login.

Figura 5. Página principal del estudiante

14
Imágenes:
Si le damos clic a los libros nos llevara a las actividades de comprensión lectora estas son un
conjunto de 10 actividades que al resolverlas la calificación se guardara en la base de datos, al
terminarlas y enviarlas regresaremos a la página principal.

Figura 6. Actividades de comprensión lectora

Si le damos clic a las imágenes de matemáticas nos llevara a las actividades de pensamiento
matemático estas son un conjunto de 10 actividades que al resolverlas la calificación se
guardará en la base de datos, al terminarlas y enviarlas regresaremos a la página principal.

15
 Figura 7. Actividades de pensamiento matemático

Perfil:
Si le damos clic a perfil nos llevara en este caso al apartado del perfil del usuario de tipo
alumno, en el cual podrá observas el desempeño que ha podido obtener este a lo largo de las
actividades que ha realizado, ya sea de pensamiento matemático, o de comprensión lectora, en
caso de que no se haya realizado alguna actividad, no se visualizara puntaje de esta misma.

16
 Figura 8. Perfil del estudiante

3. Ser docente
Al dar clic en “Aquí” nos llevara a al login de profesores donde al ingresar nuestro número de
empleado a la página principal de profesor

Figura 9. Login de profesor

17
 Figura 10. Entrando a la página como profesor

Una vez ingresemos el id de trabajador y darle clic a iniciar sesión nos llevara a la principal del
docente donde al igual que el alumno tiene el Home para volver a la página principal y el cerrar
sesión para salirse de la sesión y volver al login, aparte de eso el docente tiene una tabla de
donde ver las calificaciones de sus alumnos y un botón de imprimir que guardara esa tabla

18
 Figura 11. Página principal del profesor

A continuación, mostraremos los prototipos creados para la elaboración de la herramienta

didáctica “IngeniOsos”.

El siguiente prototipo muestra la interfaz del Login.

19
 Figura 12. Prototipo interfaz Login

El siguiente prototipo muestra la interfaz del registro de un usuario

Figura 13. Prototipo interfaz Registro

20
El siguiente prototipo muestra la interfaz del perfil del docente

Figura 14. Prototipo interfaz Perfil del docente

El siguiente prototipo muestra la interfaz del perfil del alumno

Figura 15. Prototipo interfaz Perfil del alumno

21
El siguiente prototipo muestra la interfaz del menú principal

Figura 16. Prototipo interfaz Menú principal

El siguiente prototipo muestra la interfaz de selección de actividad

Figura 17. Prototipo interfaz Selección de actividad

22
Interfaces de entrada

Interfaz de la página para inicio de sesión del estudiante:

En esta interfaz se muestra el inicio de sesión del estudiante si es que ya cuenta con su cuenta
para acceder a ingeniOsos, o si el usuario no tiene cuenta para acceder lo dirigirá a otra página
al presionar “Registrarse”.

Figura 18. Interfaz de inicio de sesión para estudiantes

En esta imagen (Figura 33), se observa cómo fue codificada la interfaz de inicio de sesión de
los estudiantes y como se relacionan las páginas entre sí.

23
 Figura 19. Codificación de la interfaz de inicio de sesión del alumno

Interfaz de inicio de sesión para el docente:

En esta interfaz se muestra el inicio de sesión que tiene que hacer el docente para poder
acceder a la plataforma de ingeniosos.
24
 Figura 20. Inicio de sesión para los docentes

En esta imagen (Figura 35), se observa cómo fue codificada la página de inicio de sesión para
los docentes, haciendo uso de una función para validar los datos y que no permita campos
vacíos.

25
Figura 21. Codificación del inicio de sesión para docentes

26
Interfaz para el registro de los estudiantes
En esta interfaz se muestra la pantalla de registro que el estudiante hace para completar su
registro y poder acceder a la pagina

Figura 22. Página de registro para los estudiantes

En esta imagen (Figura 37), se observa cómo fue codificada la pantalla de Registro para que los
estudiantes puedan acceder a IngeniOsos

27
 Figura 23. Codificación de la página de registro para el estudiante

Interfaz de la página principal

En esta interfaz se muestra la página principal en la cual se puede elegir entre las materias a
trabajar para realizar las actividades correspondientes a cada una de ellas

Figura 24. Página Principal

28
En la siguiente imagen (Figura 39), se observa cómo fue codificada la página principal del
proyecto, se pueden ver las imágenes utilizadas para esta, así como los colores y más aspectos
del diseño

29
 Figura 25. Codificación de la Página Principal

Interfaces de salida

Interfaz de la página para el perfil del estudiante:

En esta interfaz (figura 32.) la cual se encuentra en la página principal del estudiante, se da clic
a "perfil" y ahí se encuentra la información que recibe la página y que da como salida al
estudiante las calificaciones de las actividades en cada materia.

30
 figura 26. Página de perfil del estudiante

La siguiente pantalla (figura 41.) muestra como los datos son ingresados desde un inicio en
donde el estudiante se registra, utilizando comandos y funciones para mostrar el puntaje de
cada alumno dependiendo de la materia.

31
 Figura 27. Codificación para la página del perfil del alumno

Interfaces combinadas

Interfaz de la página principal del profesor:

En esta interfaz combinada (figura 42.) la cual es la página principal del profesor, se pueden
observar cómo es que los datos ingresados en cada uno de los ejercicios arrojan la calificación
que obtuvo cada alumno, así como los datos de estos mismos que estuvieron ingresando en el
menú principal, es decir, da como salida los resultados de estos datos ingresados

32
Figura 28. Página principal del docente.

33
En la siguiente pantalla la cual es (figura 43.) se puede observar la codificación que se utilizó
para poder mostrar los resultados de cada estudiante en una tabla.

34
Figura 29. Codificación de la página principal del docente.

35
Política de calidad

POLÍTICA DE CALIDAD
INGENIOSOS está orientada y dirigida hacia alumnos de 4to grado de primaria, la herramienta
tiene como objetivo el apoyo para el estudio del alumno y eso es lo que queremos lograr con
esta herramienta. Apoyar a los niños que tenga dificultades en algunas materias, que al
momento de entrar a esta aplicación, fortalezca su conocimiento.
En la constante búsqueda de alcanzar altos estándares de calidad, nuestros objetivos son:
 Que el alumno con esta aplicación refuerce sus conocimientos.
 Una aplicación llamativa, agradable e interactiva para los usuarios.
 Una mejor interacción y familiarización con la tecnología para su futuro academico.
 Tener una mejor comprensión lectora y pensamiento matemático.
 Que los usuarios puedan utulizarla con autonomía y tener el beneficio de desarrollar
diferentes habilidades.

Todo esto de la mano de una gran comunicación entre todos los encargados del proyecto, tales
como el líder, desarrolladores y diseñadores, para una constante mejora del sistema.

Zeida Dariana Silva Bocanegra

_
__________________________

Líder del proyecto

Organigrama

36
 A continuación, se muestra el organigrama del proyecto:

Figura 30. Organigrama de integrantes del proyecto

FECHA ACTIVIDAD DESCRIPCIÓN

Análisis del cliente, para saber a qué
08 de Agosto del
Análisis área estaba destinado el sistema que
2023
está necesitando.
Reunión con el cliente para saber
cuáles eran sus necesidades y para
10 de Agosto del saber cómo es que quiere las
Requerimientos del cliente
2023 interfaces del sistema al igual cuáles
son los datos que quisiera que se
guardaran en la base de datos.
Investigación sobre el análisis que se
le hizo al cliente para tener más
12 de Agosto del
Investigación del tema conocimiento y para que el sistema
2023
quede completo y cumpla todos los
requerimientos del cliente.
Junta para realizar lluvia de ideas con
los de los integrantes del equipo para
14 de Agosto del
Lluvia de ideas ver las distintas ideas que se tenían
2023
para el diseño tomando en cuenta lo
que pide el cliente.
15 de Agosto del Selección del nombre apropiado para
Elegir nombre del proyecto
2023 el sistema.

37
15 de Agosto del Realizar diagramas Desarrollo de diagramas
2023 Entidad-Relación indispensables para crear el sistema.
Hacer el diccionario de Realización de diccionario de datos
20 de Agosto del
datos en base a los para saber qué datos son
2023
requerimientos importantes en el sistema.
Creación de prototipos a base de la
22 de Agosto del lluvia de ideas para mostrarle al
Realización de prototipos
2023 cliente distintos diseños de las
interfaces
Junta con el cliente para mostrarle los
27 de Agosto del Mostrar avances que se avances y nos diga si está satisfecho
2023 tienen con los avances o si quiere realizar
algún cambio.
Con base a los avances que se tienen,
29 de Agosto del Realizar español se realiza el español estructurado de
2023 estructurado la programación que se requiere para
el sistema.
03 de Septiembre Realización de la página según los
Realizar página del sistema
del 2023 prototipos aprobados por el cliente.
17 de Septiembre Con base a los requerimientos del
Realizar base de datos
del 2023 cliente, realizar la base de datos.
Según el sistema lo requiera, realizar
08 de Octubre del la programación para el mejor
Realizar programación
2023 rendimiento y funcionamiento del
sistema.
Ya hecha la base de datos, la página
Hacer las conexiones de la del sistema y la programación se
22 de Octubre del
base de datos junto con la realizan las conexiones para que el
2023
programación sistema funcione según lo haya
pedido el cliente.
Ya con el sistema casi terminado el
sistema, realizar la documentación
29 de Octubre del con todos los elementos que se
Desarrollar documentación
2023 tienen, así como los manuales de su
funcionamiento para que el cliente
pueda capacitar a nuevos usuarios.
Se realizan pruebas al sistema para
05 de Noviembre Realizar pruebas del poder verificar que no tenga errores,
del 2023 sistema en dado caso de tener se corrigen en
tiempo y forma.
Se implementas el sistema en el área
correspondiente junto con el cliente
07 de Noviembre Implementar el sistema en
para que pueda checar su
del 2023 el área donde se requiere
funcionamiento y para que pueda
verificar que no tiene errores.

38
 Se hace entrega al cliente de todo el
09 de Noviembre
Fin del proyecto sistema funcionando correctamente y
del 2023
sin errores

Tabla 1. Calendario del proyecto

La siguiente tabla muestra las herramientas asistidas por computadoras utilizadas para la
elaboración del proyecto.
NO. Tipo de Herramienta Versión Uso
Herramienta
1 Alto nivel Visual Studio Code 1.77 Creación de las
interfaces del
proyecto
incluyendo
HTML, CSS,
java, etc.
2 Alto nivel Php 8.1 Creación de
base de datos
para el
proyecto
3 Alto nivel XAMPP 8.2.4 Creación de
base de datos
para el
proyecto
4 Alto nivel Apache 2.4.53 Creación de
base de datos
para el
proyecto
5 Alto nivel Google Chrome 112.0.5615.137 Navegador
donde será
visible la
interfaz
6 Bajo nivel Word 2304 Recopilar la
información
sobre el
proyecto

Tabla 2. Herramientas asistidas por computadora

39
El siguiente diagrama de flujo representa la elaboración del proyecto

Figura 31. Diagrama de flujo del proyecto

40
Bibliografía
(S/f). Gob.mx. Recuperado el 18 de mayo de 2023, de
https://educacionbasica.sep.gob.mx/multimedia/RSC/BASICA/Documento/202105/
202105-RSC-Lz0fiisOtD-Estgia_Nac.pdf
(S/f-b). Gob.mx. Recuperado el 19 de mayo de 2023, de
https://www.gob.mx/cms/uploads/attachment/file/20177/Plan_de_Estudios_2011_f.
pdf
(S/f). Gob.mx. Recuperado el 19 de mayo de 2023, de
https://educacionbasica.sep.gob.mx/multimedia/RSC/BASICA/Documento/202108/
202108-RSC-
Herramientas%20educativas%20para%20el%20inicio,%20permanencia%20y%20
egreso%20del%20ciclo%20escolar%20de%20las%20ni%C3%B1as%20ni%C3%B
1os%20y%20adolescentes%20de%20la%20educaci%C3%B3n%20b%C3%A1sica
.pdf
de Educación Pública, S. (s/f). Servicio Nacional de Bachillerato en Línea.- Prepa
en Línea. gob.mx. Recuperado el 22 de mayo de 2023, de
https://www.gob.mx/sep/en/acciones-y-programas/servicio-nacional-de-
bachillerato-en-linea-prepa-en-linea
Díaz, A. G. R. (2021, diciembre 17). Herramientas digitales para la educación:
Diversos caminos al cambio. Plataforma Educativa Luca: Curso en línea y
Aprendizaje Esperado; Plataforma Educativa Luca.
https://www.lucaedu.com/herramientas-digitales-para-la-educacion/
Slu, P. S. (s/f). ReadUp by Glifing: Improve your reading skills through the Glifing
method. ReadUp: Improve Your Reading Skills. Recuperado el 1 de junio de 2023,
de https://www.pupgam.com/readup/
APRENDER A LEER 2 grin uipi. (2018, octubre 10). EDUCAPLANET APPS.
https://www.educaplanet.com/educaplanet/aprender-a-leer-2-grin-uipi/
(S/f). Google.com. Recuperado el 1 de junio de 2023, de
https://play.google.com/store/apps/detailsid=com.google.android.apps.seekh&hl=e
n&gl=US&pli=1

41
(S/f-b). Bmath.app. Recuperado el 1 de junio de 2023, de
https://www.bmath.app/bmath-app-de-matematicas-para-ninos/
Rey de las Matemáticas Jr. (s/f). App Store. Recuperado el 1 de junio de 2023, de
https://apps.apple.com/es/app/rey-de-las-matemáticas-jr/id718099583

42