Proyecto Pen. para el Dis.

e Innovación
UNITEC Campus Atizapán

Cuevas Xique Sebastian

Flores Rodriguez Angel Ariel

Rubiera Escamilla Julio

Profesor: Edgar González Nuñez

15 de Agosto de 2024
1 - DEFINICIÓN DE PROYECTO

a) DESCRIPCIÓN DEL PROBLEMA

En acuerdo con profesores de la academia de Química, presenta los siguientes

problemas:

Desinterés mostrado hacia la asignatura de Química III por los alumnos en las
anteriores generaciones, debido al concepto de que la materia es aburrida, con el que
llegan a las aulas, provocado por lo monótono y metódico que puede resultar el hacer el
nombramiento o formación de las cadenas de carbono.

Prácticas de laboratorio con métodos manuales en las que se utilizan materiales como
bolas de unicel y bombones para crear modelos de cadenas de carbono.

Dificultad al mantener la atención de los alumnos y el orden en el laboratorio al

momento de realizar las prácticas de creación de modelos de cadenas de carbono.

Imposibilidad del alumno de autoevaluarse y practicar para reforzar su conocimiento.

b) JUSTIFICACIÓN

Se crea un software donde los alumnos puedan aprender de manera didáctica y

divertida sobre diversos temas referentes a Química, en especial Química III, ayudando
de esta manera a los jóvenes, además de acrecentar su conocimiento, a autoevaluarse
y cambiar el enfoque tedioso que se pudiera tener sobre la materia.

c) OBJETIVOS

Modernizar las metodologías utilizadas en las prácticas de creación de modelos en

Química.

Permitir a los alumnos autoevaluarse y aumentar sus conocimientos y habilidades

mediante la aplicación de ejercicios de la plataforma.

Facilitar a los alumnos el aprendizaje de la unidad de aprendizaje de Química.

1
 d) ALCANCE

El SW será implementado en las computadoras de los laboratorios de la escuela como

una página web, después se trasladará a una aplicación móvil para su uso en un aula
con tecnología interactiva y su expansión para dispositivos no pertenecientes al
campus.

2 - ESPECIFICACIONES FUNCIONALES

a) REQUERIMIENTOS DEL USUARIO

Se requiere un programa que de una forma didáctica y entretenida pueda ayudar al

usuario a aumentar sus conocimientos, habilidades y sobre todo gusto por la química
orgánica en especial en la formación de cadenas de carbono. El sistema, para esto,
contará con ejercicios tipo juego que irán aumentando de dificultad, en los cuales el
usuario deberá completar cadenas de carbono, nombrarlas o formarlas desde el
comienzo. Además, con el objetivo de modernizar las metodologías de las prácticas de
realización de modelos, el software implementará una función en la cual el alumno
podrá crear el modelo de manera digital. Para los profesores, se llevará a cabo una
gestión de grupos, en las cuales, se enviará a sus cuentas una lista de los resultados
obtenidos en la parte de los ejercicios por sus alumnos para que estos funcionen a
manera de cuestionarios. Como algo adicional, el programa agrega a los profesores la
opción de una comunicación general con el grupo mediante un foro y la posibilidad de
agregar material de apoyo a la materia a la sección de teoría y herramientas que tendrá
el sistema.

b) CARACTERÍSTICAS Y FUNCIONALIDADES
Módulo de Gestión de usuarios
Administrador

● Registrar profesor con los datos:

○ Nombre (String de 50 caracteres).
○ Apellido Paterno (String de 20 caracteres).
○ Grupos (Se escogen de la lista que da de alta el administrador).
○ Contraseña (String de 20 caracteres).
○ Correo electrónico (String de 20 caracteres -opcional-).

2
 ● Consultar profesores.
● Eliminar profesor.
● Dar de alta un grupo con los datos.

Profesor

● Modificar datos de profesor.

● Consultar alumnos de sus grupos asignados.
● Eliminar alumno de un grupo asignado.

Alumno

● Registrar alumno con los datos:

○ Nombres (String de 50 caracteres).
○ Apellido Paterno (String de 20 caracteres).
○ Apellido Materno (String de 20 caracteres).
○ Grupo (Se escoge de los dados de alta por el administrador).
○ Contraseña (String de 20 caracteres).
○ Correo electrónico (String de 20 caracteres).
○ Fecha de nacimiento (Int de 6).
● Eliminar alumno.
● Modificar datos de alumno.
● Consultar datos.

Visitante

● Registrar visitante con los datos:

○ Nombre de Usuario (String de 20 caracteres).
○ Contraseña (String de 20 caracteres).
○ Fecha de nacimiento (Int de 6).
● Eliminar visitante.
● Modificar datos de visitante.
● Consultar datos.

3
Módulo de Ejercicios
Administrador

● Permitir al administrador subir ejercicios nuevos autorizados por la academia de

química con los datos de enunciado y respuesta.
● Permitir al administrador subir ejercicios de cuestionario nuevos autorizados por
la academia de química.
● Permitir al administrador hacer la consulta de ejercicios (revisión).
● Permitir al administrador eliminar ejercicios conforme a los acuerdos de la
academia de química.

Profesor

● Enviar a la cuenta del profesor los resultados obtenidos en los cuestionarios por
los alumnos de sus grupos asignados.
● Notificar al profesor que alumnos terminaron una práctica.
● Separar por grupos los resultados de los alumnos de un profesor.

Alumno

● Presentar ejercicios mezclados sobre nombramiento de cadenas de carbono.

● Presentar ejercicios mezclados para completar cadenas de carbono.
● Presentar ejercicios mezclados de creación de cadenas.
● Aumentar la dificultad de los ejercicios conforme el usuario vaya avanzando.
● Implementar un sistema de niveles que el usuario irá desbloqueando conforme
vaya superándose.
● Contar con 10 niveles.
● Presentar de 20 a 50 ejercicios en cada nivel, según de cual se trate.
● Permitir al usuario repetir los ejercicios que haya fallado, al final de la lista de
ejercicios de nivel.
● Presentar al final del nivel el puntaje del usuario.
● Desbloquear el siguiente nivel sólo si el usuario aserto al 80% de los ejercicios.
● Implementar un sistema de cuestionario el cual usará ejercicios del banco de
cuestionario que pone el administrador.
● Presentar el número de aciertos sobre el total del cuestionario al final.

4
 Visitante

● Presentar ejercicios mezclados sobre nombramiento de cadenas de carbono que

estarán registrados en el menú de tareas.
● Presentar ejercicios mezclados para completar cadenas de carbono.
● Presentar ejercicios mezclados de creación de cadenas.
● Aumentar la dificultad de los ejercicios conforme el usuario vaya avanzando.
● Implementar un sistema de niveles que el usuario ira desbloqueando conforme
vaya superándose.
● Contar con 10 niveles.
● Presentar de 20 a 50 ejercicios en cada nivel, según de cual se trate.
● Permitir al usuario repetir los ejercicios que haya fallado, al final de la lista de
ejercicios de nivel.
● Presentar al final del nivel el puntaje del usuario.
● Desbloquear el siguiente nivel solo si el usuario aserto al 80% de los ejercicios.

Módulo de Prácticas
Administrador

● Permitir que el administrador ingrese nuevas prácticas.

● Permitir que el administrador consulte prácticas.
● Permitir que el administrador modifique prácticas.
● Permitir que el administrador elimine prácticas.

Alumno

● Controlar el acceso a las prácticas mediante un menú de tareas.

● Mostrar una parte de teoría e instrucciones antes de empezar la práctica.
● Mostrar la instrucción que debe ejecutar el alumno durante la practica según se
vaya avanzando en esta.
● Permitir en un entorno grafico que el alumno realice los modelos solicitados por
la práctica.

Módulo de herramientas teóricas

Administrador

5
 ● Permitir al administrador modificar las herramientas teóricas.
● Permitir al administrador consultar las herramientas teóricas.
● Permitir al administrador aumentar a las herramientas teóricas.
● Permitir al administrador aumentar a las herramientas teóricas.

Alumno

● Presentar una sección de teoría y diversas herramientas que ayuden a la

comprensión de los temas de la materia.

Módulo de Foros
Profesor

● Tener un foro por grupo.

● Dar la posibilidad de enviar mensajes al foro.
● Dar la posibilidad de subir material adicional, enlaces y contenido audio visual.

Alumno

● Dar al alumno la posibilidad de entrar a un foro en el cual se verá contenido

subido por el profesor.
● Solo dar la posibilidad al alumno de entrar al foro del grupo al que pertenece.

3 - ESPECIFICACIONES TÉCNICAS
a) LENGUAJES DE PROGRAMACIÓN
● Java.
● JavaScript.
● PHP.
● Python.
● HTML5.
● C.
● SQL.

6
 b) ENTORNO DE DESARROLLO
● Sublimetext.
● NetBeans.
● Dreamweaver (HTML/CSS).
● Invision.
● MySQL Workbench.
● Eclipse.

7
4 - DISEÑO DEL SISTEMA

a) CASOS DE USO

8
Modulo Foro

CASO DE USO Foro

ACTOR Alumno
DESCRIPCIÓN Se podrá consultar el foro
PRECONDICIÓN Contar con una cuenta y un grupo registrado

FLUJO BÁSICO ACTOR SISTEMA

Consultara el foro Accederá al foro Mandara al menú del foro

FLUJO ALTERNO 1 ACTOR SISTEMA

9
 No estar registrado Trata de acceder al foro. Notifica de un error y
manda a apantalla de
registro

FLUJO ALTERNO N ACTOR SISTEMA

No tener acceso al foro No poder acceder al foro No dar acceso al foro,
notificar de error

POSTCONDICIÓN Mandar al usuario al menú del foro

CASO DE USO Foro

ACTOR Profesor
DESCRIPCIÓN Se pondrá consultar el foro, subir material y
mandar mensajes al foro
PRECONDICIÓN Contar con una cuenta registrada
FLUJO BÁSICO ACTOR SISTEMA
Consultará el foro y subirá material accederá al foro Mandara al menú del
foro

FLUJO ALTERNO 1 ACTOR SISTEMA

No tener sesión iniciada Trata de acceder al Notifica de un error y
foro. manda a apantalla de
iniciar sesión

FLUJO ALTERNO N ACTOR SISTEMA

No tener acceso al foro No poder acceder al No dar acceso al foro,
foro notificar de error

POSTCONDICIÓN Mandar al profesor al menú del foro

Modulo Herramientas teóricas

10
 CASO DE USO Herramientas teóricas

ACTOR Alumno
DESCRIPCIÓN Visualizara los temas ordenados por capítulos

PRECONDICIÓN Contar con una cuenta y un grupo registrado

FLUJO BÁSICO ACTOR SISTEMA
Acceder a las herramientas teóricas Seleccionara el tema Desplegara todos los
deseado capítulos de ese tema

FLUJO ALTERNO 1 ACTOR SISTEMA

No estar registrado Trata de acceder al foro. Notifica de un error y
manda a apantalla de
registro
FLUJO ALTERNO N ACTOR SISTEMA
No tener acceso al tema No poder acceder al No dar acceso al
capítulo deseado apítulo, notificar de error

POSTCONDICIÓN Mandar al usuario a la entrada del foro

CASO DE USO Herramientas teóricas

ACTOR Profesor

11
 DESCRIPCIÓN Visualizará los temas ordenados por capítulos y
podrá subir más material
PRECONDICIÓN Contar con una cuenta registrada
FLUJO BÁSICO ACTOR SISTEMA
Acceder a las herramientas teóricas Seleccionara el tema Desplegara todos los
deseado capítulos y la opción de
subir más material

FLUJO ALTERNO 1 ACTOR SISTEMA

No tener sesión iniciada Trata de acceder al foro. Notifica de un error y
manda a apantalla de
iniciar sesión
FLUJO ALTERNO N ACTOR SISTEMA
No tener acceso al tema No poder acceder al No dar acceso al tema,
tema deseado notificar de error

POSTCONDICIÓN Mandar al usuario a la entrada de las

herramientas teóricas

Modulo Gestión Visitante

CASO DE USO Gestión Visitante

12
 ACTOR Visitante
DESCRIPCIÓN Realización de ejercicios
PRECONDICIÓN Tener una cuenta registrada.
FLUJO BÁSICO ACTOR SISTEMA
Realizar un ejercicio. Seleccionar el Acceder al ejercicio
ejercicio a realizar. seleccionado.

FLUJO ALTERNO 1 ACTOR SISTEMA

No poder acceder a los ejercicios. o tener acceso a los No dar opción al
datos. visitante de tener
acceso a los
ejercicios.
FLUJO ALTERNO N ACTOR SISTEMA
No estar registrado. ratar de acceder al nvía una notificación
sistema. de error.

POSTCONDICIÓN Envía al menú de ejercicios.

Modulo Gestión Estudiante

CASO DE USO Gestión Estudiante

ACTOR Estudiante
DESCRIPCIÓN Realización de ejercicios, prácticas y

13
 ejercicios.
PRECONDICIÓN ener acceso al sistema con una cuenta
de estudiante.
FLUJO BÁSICO ACTOR SISTEMA
Realizar un ejercicio, practica o eleccionar la tarea nviar a la página de
cuestionario. deseada. tarea seleccionada.

FLUJO ALTERNO 1 ACTOR SISTEMA

No poder acceder a las tareas. o tener acceso a los No dar opción al
datos. estudiante de tener
cceso a las tareas.

FLUJO ALTERNO N ACTOR SISTEMA

No tener acceso al sistema. o contar con acceso No conceder
al sistema. autorización al
administrador al
sistema.
POSTCONDICIÓN Enviar al actor al menú de tareas.

Modulo Gestión Registrar

14
 CASO DE USO Gestión Registrar
ACTOR Visitante, Alumno, Profesor, Administrador.
DESCRIPCIÓN Permite al usuario crear su registro en el sistema
de LAB Q.
PRECONDICIÓN Se le dará la opción al usuario de ingresar al
sistema o registrarse si no tiene una cuenta.
FLUJO BÁSICO ACTOR SISTEMA
Se le presenta al usuario la El usuario tendrá que El sistema conducirá al
pantalla donde se le dará a seleccionar entre: usuario a la página que
escoger entre “Registro de “Registro de Visitante”, éste le indicó.
Visitante”, “Registro de “Registro de Alumno”,
lumno”, “Registro de Profesor”“Registro de Profesor” o
y “Regresar”. “Regresar”.
FLUJO ALTERNO 1 ACTOR SISTEMA

15
 Si el usuario selecciona El usuario tendrá que El sistema volverá a pedir
“Registro de Visitante”, se le enar el formulario, el cual la contraseña para
enviará la pantalla con la ncluye nombre, fecha de asegurarse de que el
información del registro que nacimiento, Estado y usuario la escribió
deberá llenar, un botón de ontraseña. Al terminar, elorrectamente y creará un
Registrar” y otro de “Regresar”. usuario seleccionará uevo registro. El sistema
“Registrar”. usará el nombre y la
contraseña para cada
inicio de sesión.
FLUJO ALTERNO 2 ACTOR SISTEMA
Si el usuario selecciona El usuario tendrá que El sistema volverá a pedir
“Registro de Alumno”, se le enar el formulario, el cual la contraseña para
enviará la pantalla con la ncluye nombre, apellido asegurarse de que el
información del registro que aterno, apellido materno, usuario la escribió
deberá llenar, un botón de fecha de nacimiento, orrectamente y creará un
Registrar” y otro de “Regresar”.Estado, grupo, correo y uevo registro. El sistema
ontraseña. Al terminar, el usará el nombre y la
usuario seleccionará contraseña para cada
“Registrar”. inicio de sesión.

FLUJO ALTERNO 3 ACTOR SISTEMA

Si el usuario selecciona El usuario tendrá que El sistema volverá a pedir
“Registro de Profesor”, se le enar el formulario, el cual la contraseña para
enviará la pantalla con la ncluye nombre, apellido asegurarse de que el
información del registro que paterno, Estado, grupo, usuario la escribió
deberá llenar, un botón de correo y contraseña. Al orrectamente y creará un
Registrar” y otro de “Regresar”. terminar, el usuario uevo registro. El sistema
seleccionará “Registrar”. usará el nombre y la
contraseña para cada
inicio de sesión.
FLUJO ALTERNO 4 ACTOR SISTEMA

16
 Durante la sesión activa del El administrador tendrá El sistema volverá a pedir
administrador, éste podrá ue llenar el formulario, el la contraseña para
eleccionar “Registro de Nuevo cual incluye nombre y asegurarse de que el
Administrador” y se mostrará ontraseña. Al terminar, eladministrador la escribió
na pantalla con la información administrador orrectamente y creará un
del registro que deberá llenar, seleccionará “Registrar”. uevo registro. El sistema
un botón de “Registrar” y otro usará el nombre y la
de “Regresar”. contraseña para cada
inicio de sesión.
FLUJO ALTERNO 5 ACTOR SISTEMA
Perdida de datos en caso de Si el usuario selecciona El sistema lo regresará a
que el usuario haya cometido “Regresar” y no oprimió a página principal de LAB
un error al oprimir un botón no primero “Registrar”. Q y se perderán sus
deseado. datos.

FLUJO ALTERNO 6 ACTOR SISTEMA

Falta de datos solicitados en el Si el usuario selecciona El sistema abrirá una
formulario al elegir la opción Registrar” y no ha llenado pantalla donde le alerte
“Registrar”. todo el formulario. sobre la falta o la no
oincidencia de datos; y lo
egresará a la pantalla de
su debido registro.
POSTCONDICIÓN i el usuario ha sido correctamente registrado, será
activada su sesión y dirigido a la página principal.

Modulo Gestión Consultar

17
 CASO DE USO Gestión Consultar
ACTOR Visitante, Alumno, Profesor, Administrador.
DESCRIPCIÓN Permite al usuario consultar los datos de su
registro en el sistema de LAB Q.
PRECONDICIÓN Se le dará la opción al usuario de consultar
los datos de su cuenta una vez que se haya
registrado en el sistema.
FLUJO BÁSICO ACTOR SISTEMA
Se le presenta al usuario El usuario seleccionará El sistema le mostrará una
la opción en la página “Consulta tus datos”. pantalla con toda la
principal del sistema de información que el usuario
proporcionó en el momento
“Consulta tus datos”.
e su registro. Y hasta el final
e la pantalla, se mostrará un
botón de “Regresar”.

18
 POSTCONDICIÓN El usuario termina su consulta y es regresado a la página
principal.

Modulo Gestión Modificar

CASO DE USO Gestión Modificar

ACTOR Visitante, Alumno, Profesor.
DESCRIPCIÓN Permite al usuario modificar los datos de su
registro en el sistema de LAB Q.
PRECONDICIÓN Se le dará la opción al usuario de modificar los
atos de su cuenta una vez que se haya registrado
en el sistema.
FLUJO BÁSICO ACTOR SISTEMA

19
 Se le presenta al usuario la l usuario tendrá la opciónEl sistema actualizará los
pantalla donde se le dará a de cambiar los datos de cambios que se han
escoger entre “Modificar” y u registro. Al terminar, el hecho en la base de
“Regresar”. usuario seleccionará datos.
“Modificar”.

FLUJO ALTERNO 1 ACTOR SISTEMA

Perdida de datos en caso de Si el usuario selecciona El sistema lo regresará a
que el usuario haya cometido “Regresar” y no oprimió a página principal de LAB
un error al oprimir un botón no primero “Modificar”. Q y se perderá la
deseado. actualización de sus
datos.

POSTCONDICIÓN Si el usuario ha modificado correctamente sus

datos, será actualizada su sesión y dirigido a la
página principal.

Modulo Gestión Eliminar

20
 CASO DE USO Gestión Eliminar
ACTOR Visitante, Alumno, Profesor.
DESCRIPCIÓN Permite al usuario eliminar su registro en el sistema
de LAB Q.
PRECONDICIÓN Se le dará la opción al usuario de eliminar su cuenta una
vez que se haya registrado en el sistema.

FLUJO BÁSICO ACTOR SISTEMA

Se le presenta al usuario la El usuario seleccionará El sistema mostrará una pantalla
pantalla donde se le dará a “Eliminar”. donde se le pedirá al usuario su
escoger entre “Eliminar” y ontraseña para asegurarse de que
“Regresar”. el usuario está consciente de su
eliminación.

21
 FLUJO ALTERNO 1 ACTOR SISTEMA
En caso de que el usuario haya El usuario tendrá la El sistema lo regresará a la página
cometido un error y opción de seleccionar principal de LAB Q manteniendo
no desee eliminar su registro. “Regresar”. su sesión abierta y sus datos de
registro.

POSTCONDICIÓN Si el usuario ha sido eliminado y será dirigido a la página

principal de LAB Q como usuario externo a su base de datos.

b) DIAGRAMA DE CLASES

22
 c) DIAGRAMA DE SECUENCIA
Registro Usuarios

Consulta Usuarios

Modificar Usuario

Eliminar Usuario

23
 Gestión Visitante

Gestión Estudiante
Foro Alumno

24
 Foro Profesor

25
 d) PROTOTIPO DE INTERFAZ

26
5 - DOCUMENTACIÓN

a) MANUAL DE USUARIO

1.1 Introducción

El software educativo para Química III está diseñado para ayudar a los estudiantes a aprender
de manera interactiva sobre la formación de cadenas de carbono y otros temas relacionados
con la química orgánica. Este manual proporciona una guía detallada sobre cómo utilizar el
sistema desde las perspectivas de Administrador, Profesor, Alumno y Visitante.

1.2 Registro e Inicio de Sesión

1.2.1 Administrador

● Registro: Solo los usuarios con permisos de Administrador pueden registrar nuevos
profesores, alumnos y visitantes.

27
 ● Inicio de Sesión: Utilice el correo electrónico (si se proporciona) y la contraseña para
acceder a su cuenta.
● 1.2.2 Profesor
● Registro: Los profesores son registrados por el Administrador.
● Inicio de Sesión: Ingrese con su nombre de usuario y contraseña proporcionados por el
Administrador.

1.2.3 Alumno

● Registro: Los alumnos son registrados por el Administrador o por el mismo alumno con
permisos de usuario.
● Inicio de Sesión: Use el nombre de usuario y la contraseña asignados.

1.2.4 Visitante

● Registro: Los visitantes pueden registrarse para acceder a contenido limitado.

● Inicio de Sesión: Ingrese el nombre de usuario y la contraseña.

1.3 Funcionalidades del Sistema

1.3.1 Módulo de Gestión de Usuarios

● Administrador: Crear, modificar y eliminar profesores, alumnos y grupos.

● Profesor: Modificar datos propios, consultar y gestionar alumnos en sus grupos.
● Alumno: Modificar sus propios datos y consultar información personal.
● Visitante: Consultar y modificar datos personales.

1.3.2 Módulo de Ejercicios

● Administrador: Subir, consultar y eliminar ejercicios.

● Profesor: Consultar resultados de cuestionarios y notificar sobre prácticas completadas.
● Alumno: Realizar ejercicios interactivos sobre cadenas de carbono y acceder a
cuestionarios.
● Visitante: Realizar ejercicios limitados y ver el progreso.

28
1.3.3 Módulo de Prácticas

● Administrador: Crear, modificar y eliminar prácticas de laboratorio.

● Alumno: Acceder a prácticas, seguir instrucciones, y realizar modelos digitales.

1.3.4 Módulo de Herramientas Teóricas

● Administrador: Modificar y añadir herramientas teóricas.

● Alumno: Consultar material teórico y herramientas de apoyo.

1.3.5 Módulo de Foros

● Profesor: Crear y gestionar foros por grupo, enviar mensajes, y añadir material
adicional.
● Alumno: Participar en foros, visualizar contenido subido por profesores, y acceder solo
al foro del grupo correspondiente.

1.4 Requisitos del Sistema

● Hardware: Computadora con capacidad para ejecutar aplicaciones web y móviles.

● Software: Navegador web actualizado; para la aplicación móvil, sistema operativo
Android o iOS.

1.5 Solución de Problemas

1.5.1 Problemas de Inicio de Sesión

● Verifique que el nombre de usuario y la contraseña sean correctos.

● Asegúrese de que el teclado esté en el idioma correcto.

1.5.2 Problemas con la Aplicación

● Actualice la aplicación a la última versión.

● Reinicie la aplicación o el dispositivo si experimenta errores.

29
 b) DOCUMENTACIÓN TECNICA

2.1 Descripción del Sistema

El sistema es una plataforma educativa que se implementará como una página web y,
posteriormente, como una aplicación móvil. Su objetivo es modernizar el aprendizaje de
Química III, enfocándose en la formación de cadenas de carbono y proporcionando
herramientas de autoevaluación y comunicación.

2.2 Arquitectura del Sistema

2.2.1 Estructura General

● Frontend: Interfaz de usuario desarrollada con HTML5, CSS, y JavaScript.

● Backend: Servidor y lógica de negocio desarrollados en Java, PHP, y Python.
● Base de Datos: Gestión de datos utilizando SQL y MySQL.

2.2.2 Componentes Principales

● Servidor Web: Maneja las solicitudes de los usuarios y proporciona el contenido

adecuado.
● Base de Datos: Almacena información sobre usuarios, ejercicios, prácticas y foros.
● Aplicación Móvil: Adaptación de la plataforma para dispositivos móviles.

2.3 Requisitos Técnicos

● Lenguajes de Programación: Java, JavaScript, PHP, Python, HTML5, C, SQL.

● Entorno de Desarrollo: Sublimetext, NetBeans, Dreamweaver, Invision, MySQL
Workbench, Eclipse.

2.4 Diseño del Sistema

2.4.1 Diagrama de Clases

● Clases Principales:
○ Usuario (Administrador, Profesor, Alumno, Visitante)
○ Ejercicio
○ Práctica
○ Foro

30
 ○ HerramientaTeórica

2.4.2 Diagrama de Flujo

● Registro de Usuario: Proceso de alta y validación.

● Realización de Ejercicios: Flujo desde la selección hasta la evaluación.

2.5 Integración y Despliegue

● Integración: Configuración de módulos y servicios en el servidor.

● Despliegue: Publicación de la aplicación web en un servidor y distribución de la
aplicación móvil en tiendas correspondientes.

c) INFORME DEL PROYECTO

3.1 Cronograma del Proyecto

Fases del Proyecto:

● Análisis de Requerimientos: 1 mes

● Diseño del Sistema: 2 meses
● Desarrollo: 4 meses
● Pruebas y Ajustes: 2 meses
● Despliegue: 1 mes

Total: 10 meses

3.2 Desafíos Encontrados

Desafíos:

● Interactividad y Usabilidad: Asegurar que el sistema sea intuitivo y atractivo para los
estudiantes.
● Integración de Módulos: Sincronización de funcionalidades entre el frontend y el
backend.
● Adaptación a Dispositivos Móviles: Optimización del rendimiento y diseño para
móviles.

31
Soluciones:

● Prototipos de Usuario: Realización de pruebas de usabilidad para mejorar la

experiencia.
● Pruebas Unitarias y de Integración: Para garantizar la funcionalidad y la estabilidad
del sistema.
● Diseño Responsivo: Uso de técnicas de diseño adaptativo para asegurar una
experiencia de usuario consistente en diferentes dispositivos.

3.3 Resultados e Impacto

Resultados:

● Mejora en la Participación Estudiantil: Aumento en el interés y la participación en

Química III.
● Autoevaluación y Retroalimentación: Facilita la autoevaluación de los alumnos y
proporciona retroalimentación inmediata.

Impacto:

● Educativo: Modernización de las metodologías de enseñanza y aprendizaje.

● Tecnológico: Implementación de tecnologías modernas para la educación.

6 - FUNDAMENTOS DE DISEÑO E INNOVACIÓN

a) Técnicas para los Requerimientos

1.1 Recolección de Requerimientos

● Entrevistas con Stakeholders: Realizar entrevistas con profesores y estudiantes para

comprender sus necesidades y expectativas. Esto ayudará a definir las funcionalidades
críticas y características deseadas del software.
● Cuestionarios: Enviar cuestionarios a los usuarios potenciales para obtener
información sobre sus preferencias y problemas actuales con el aprendizaje de Química
III.
● Análisis de Competencia: Revisar software educativo existente para identificar
características útiles y áreas de mejora.

32
1.2 Análisis de Requerimientos

● Modelado de Casos de Uso: Crear diagramas de casos de uso para representar las
interacciones entre los usuarios y el sistema. Esto ayuda a visualizar los requisitos
funcionales y las interacciones clave.
● Historias de Usuario: Desarrollar historias de usuario para definir cómo diferentes tipos
de usuarios (administradores, profesores, alumnos, visitantes) interactuarán con el
sistema.

b) Técnicas para Diseño y Desarrollo

2.1 Diseño del Sistema

● Wireframes y Prototipos: Crear wireframes para el diseño de la interfaz de usuario y

prototipos interactivos para validar la usabilidad y el flujo de la aplicación antes del
desarrollo completo.
● Modelo de Diseño Responsivo: Asegurar que el diseño de la aplicación web y móvil
se adapte a diferentes tamaños de pantalla y dispositivos.

2.2 Desarrollo

● Desarrollo Ágil: Utilizar metodologías ágiles como Scrum o Kanban para gestionar el
desarrollo del proyecto, permitiendo iteraciones rápidas y ajustes basados en la
retroalimentación continua.
● Programación Modular: Dividir el sistema en módulos independientes (gestión de
usuarios, ejercicios, prácticas, etc.) para facilitar el desarrollo y el mantenimiento.
● Control de Versiones: Utilizar sistemas de control de versiones como Git para
gestionar el código fuente y coordinar el trabajo en equipo.

c) Proceso de Diseño Seleccionado

3.1 Proceso de Diseño

● Proceso de Diseño Iterativo: Se selecciona el diseño iterativo para el proyecto debido

a su capacidad para incorporar retroalimentación continua y realizar ajustes basados en
pruebas y evaluación constante. Este enfoque permite mejorar el diseño a lo largo del
desarrollo y adaptarse a los cambios en los requisitos.

33
Justificación:

● Flexibilidad: Permite realizar cambios y ajustes basados en pruebas y comentarios, lo

que es esencial en el desarrollo de software educativo donde las necesidades del
usuario pueden evolucionar.
● Validación Temprana: Facilita la validación temprana del diseño y las funcionalidades
mediante prototipos y pruebas de usuario, reduciendo el riesgo de errores significativos
en fases avanzadas del desarrollo.
● Iteración y Mejora: Permite iterar sobre el diseño y mejorar la interfaz y funcionalidades
en función de la retroalimentación, asegurando una experiencia de usuario más efectiva
y atractiva.

34