UNIVERSIDAD MARIANO GÁLVEZ DE GUATEMALA

FACULTAD DE INGENIERIA EN SISTEMAS DE INFORMACIÓN

CENTRO DE CHIMALTENANGO

TEMA: FASE II PROYECTO FINAL

CURSO: ASEGURAMIENTO DE LA CALIDAD DE SOFTWARE

CATEDRÁTICO: ING. JORGE RAMIRO IBARRA MONROY

PRESENTA: OSCAR OMAR ALVAREZ ZAMAYOA (1990-20-3083)

DIANA VANESA LARA AGUILA (1990-20-6281)

DANIEL ALEXANDER MAZATE JUÁREZ (1990-20-5071)

JESSIE DANIEL SIQUINAJAY ARGUETA (1990-20-21842)

CESAR JOSUE PEREN SALAZAR (1990-20-3256)

CHIMALTENANGO, SEPTIEMBRE 2024.

índice

Introducción..............................................................................................................4
DEFINICIÓN DEL PROYECTO FINAL.....................................................................5
Aplicación de Gestión Escolar..............................................................................5
Diseño de sprints......................................................................................................6
Primer sprint – Diseño y autenticación..................................................................6
Segundo sprint – Gestión de usuarios..................................................................7
Tercer sprint – Gestión académica (materias, cursos y salones)..........................7
Cuarto sprint – Gestión de materias y pagos........................................................7
Bitrix24..................................................................................................................... 8
Requisitos Funcionales:........................................................................................9
Requisitos No Funcionales:................................................................................12
Tecnologías y Herramientas para el Desarrollo de la Aplicación:.......................14
Frontend:......................................................................................................... 14
Backend:..........................................................................................................15
Bases de Datos:.............................................................................................. 15
IDE y Herramientas de Desarrollo:..................................................................15
Control de Versiones:...................................................................................... 15
Arquitectura en Capas:....................................................................................... 16
Diagrama de la Arquitectura:...............................................................................18
Modelo Relacional:..............................................................................................19
Casos de Uso:.....................................................................................................20
Diagrama de Flujo:..............................................................................................23
Pantallas del Sistema.............................................................................................24
Pantalla de acceso..............................................................................................24
Pantalla “carreras”...............................................................................................24
Pantalla “enviar pago”.........................................................................................25
Pantalla transacción............................................................................................25
Pantalla “Catálogos”............................................................................................26
Pantalla de “Alta de una materia”........................................................................26
Pantalla “Materiales”...........................................................................................27
Pantalla “Crear las clases del curso”..................................................................27
Pantalla “Horario de matemática 1”....................................................................28
Pantalla “Alta de un horario”...............................................................................28
Pantalla “Horario”................................................................................................29
Pantalla “modificar curso”...................................................................................29
Pantalla “Cursos”................................................................................................ 30
Pantalla “Salones”...............................................................................................30
Pantalla “Usiarios”...............................................................................................31
Pantalla “Materias”..............................................................................................31
Introducción

En la era digital actual, las instituciones educativas enfrentan desafíos cada vez
más complejos para gestionar eficientemente sus operaciones administrativas y
académicas. La creciente cantidad de datos, la necesidad de coordinación entre
diversas actividades y la demanda de una comunicación fluida entre alumnos,
profesores y padres de familia, requieren soluciones tecnológicas avanzadas. En
respuesta a estas necesidades, el presente proyecto se centra en el diseño y
desarrollo de una Aplicación de Gestión Escolar, una herramienta integral
destinada a optimizar la administración de las escuelas y mejorar la calidad
educativa.
Actualmente, se está desarrollando el software utilizando PHP como lenguaje
principal para la funcionalidad del backend, y tecnologías como HTML, CSS y el
framework Bootstrap para el diseño y desarrollo de la interfaz de usuario. Esta
fase incluye la implementación de módulos clave para la gestión de alumnos,
profesores, padres de familia, inscripciones, calificaciones, y el control de grados y
secciones.
La finalidad de esta aplicación es centralizar y automatizar estos procesos en una
plataforma única, accesible y fácil de usar. Al digitalizar las operaciones
administrativas, no solo se mejora la eficiencia y precisión, sino que se libera
tiempo valioso para que los educadores y administradores se concentren en lo que
realmente importa: la educación y el desarrollo integral de los estudiantes.
 DEFINICIÓN DEL PROYECTO FINAL

Aplicación de Gestión Escolar

Este proyecto está enfocado en el desarrollo de una aplicación web integral para
la gestión administrativa y académica de un colegio. Se ha elegido llevar a cabo
este proyecto por varias razones fundamentales, destacando su relevancia y el
impacto significativo que puede tener en la eficiencia y calidad de las instituciones
educativas.
La necesidad de digitalizar y optimizar los procesos administrativos y académicos
en las escuelas es cada vez más evidente. Tradicionalmente, muchas de estas
tareas se realizan manualmente o con sistemas fragmentados que no permiten
una gestión centralizada ni eficiente. Este proyecto se propone abordar esta
necesidad real y tangible, ofreciendo una solución que centralice y automatice
estas operaciones, mejorando así la eficiencia y la calidad del servicio educativo.
Desde una perspectiva técnica, el desarrollo de esta aplicación web se está
llevando a cabo utilizando tecnologías como PHP para el backend, así como
HTML, CSS y Bootstrap para el diseño y desarrollo del frontend. Esto permitirá
crear una interfaz de usuario intuitiva y funcional, mientras que el servidor
gestionará eficientemente la lógica de negocio y los datos.
 Diseño de Bases de Datos: Creación y gestión de un esquema de base de
datos relacional que soporte las diversas funcionalidades del sistema.
 Programación Front-end y Back-end: Desarrollo de interfaces de usuario
responsivas utilizando HTML, CSS y Bootstrap, y la lógica de negocio con
PHP.
 Seguridad Informática: Implementación de medidas de seguridad para
proteger datos sensibles, garantizando la confidencialidad e integridad de la
información.
 Sistemas de Autenticación y Autorización: Diseño e implementación de
mecanismos para la gestión de acceso y permisos de los usuarios del
sistema.
 Experiencia de Usuario (UX) e Interfaz de Usuario (UI): Diseño de
interfaces accesibles y fáciles de usar, basadas en principios sólidos de
UX/UI.

Página 5 de 31
Debido a la complejidad y la necesidad de adaptabilidad del proyecto, se utilizará
la metodología ágil Scrum. Esta metodología es especialmente adecuada para
gestionar el desarrollo de proyectos en entornos dinámicos y cambiantes como el
educativo. Scrum permitirá:

 Gestión Eficaz del Proyecto: Dividir el proyecto en Sprints, períodos de

tiempo definidos durante los cuales el equipo se enfocará en completar un
conjunto específico de características del sistema.
 Entrega Continua de Valor: Garantizar una entrega iterativa y continua de
funcionalidades, permitiendo ajustes basados en el feedback de los
usuarios finales.
 Adaptabilidad y Flexibilidad: Facilitar la adaptación a cambios
inesperados o requerimientos evolutivos, maximizando la productividad del
equipo.

Diseño de sprints

Primer sprint – Diseño y autenticación

Página 6 de 31
Segundo sprint – Gestión de usuarios

Tercer sprint – Gestión académica (materias, cursos y salones)

Cuarto sprint – Gestión de materias y pagos

Página 7 de 31
Bitrix24

es una plataforma que facilita la implementación de Scrum al integrar herramientas

esenciales en un solo sistema, permitiendo gestionar proyectos, tareas,
comunicaciones y seguimiento del progreso de manera eficiente, Bitrix24 optimiza
la colaboración del equipo en sprints, asegurando una mayor transparencia y
control de las tareas. Además, su capacidad para centralizar la comunicación
interna y documentación reduce la fragmentación de información, lo que agiliza la
entrega de productos incrementales en cada iteración del proceso Scrum.

Página 8 de 31
Requisitos Funcionales:

1. Módulo de Usuarios: Crear, editar, eliminar y listar usuarios

Descripción: Este requisito permite a los administradores gestionar las

cuentas de usuario dentro del sistema.

Funcionalidad:

 Crear: Formularios de registro para añadir nuevos usuarios con

campos para nombre, apellido, correo electrónico, y contraseña.

 Editar: Formularios para actualizar la información del usuario

existente.

 Eliminar: Opción para eliminar usuarios del sistema, con

confirmación previa.

 Listar: Vista para mostrar todos los usuarios registrados con

opciones de búsqueda y filtrado.

2. Gestión de roles (administrador, profesor, alumno, padre de familia)

Descripción: Asignar y gestionar roles de usuario para controlar el acceso

a diferentes partes del sistema.

Funcionalidad:

 Asignación de roles: Los administradores pueden asignar roles a

los usuarios durante la creación o edición.

 Permisos: Configuración de permisos específicos para cada rol,

determinando qué acciones pueden realizar.

3. Módulo de Alumnos

Registro de datos personales:

 Descripción: Permitir el ingreso de información personal de los

alumnos.

Página 9 de 31
  Funcionalidad: Formularios para capturar datos como nombre,
apellido, fecha de nacimiento, dirección, y contacto.

Gestión de notas y calificaciones

 Descripción: Registrar y mantener un historial de las calificaciones

de los alumnos.

 Funcionalidad: Interfaces para que los profesores ingresen y

actualicen notas de los alumnos por materia y período.

4. Asignación de secciones

Descripción: Asignar alumnos a secciones específicas dentro de cada

grado.
Funcionalidad: Opciones de selección para asignar o cambiar la sección
de un alumno.

5. Módulo de Profesores

Registro de datos personales:

 Descripción: Permitir el ingreso de información personal y

profesional de los profesores.

 Funcionalidad: Formularios para capturar datos como nombre,

apellido, especialidad, y experiencia profesional.

Asignación de materias y secciones:

 Descripción: Asignar a los profesores a materias específicas y

secciones.

 Funcionalidad: Interfaces para que los administradores asignen

materias y secciones a los profesores basándose en su especialidad.

Página 10 de 31
6. Módulo de Padres de Familia

Registro de datos personales

 Descripción: Permitir el ingreso de información personal de los

padres o encargados.

 Funcionalidad: Formularios para capturar datos como nombre,

apellido, relación con el alumno, y contacto.

Asignación de parentesco con los alumnos

 Descripción: Relacionar a los padres o encargados con sus

respectivos alumnos.

 Funcionalidad: Opciones de selección para asignar uno o más

alumnos a cada padre o encargado.

7. Módulo de Notas

Registro de calificaciones:

 Descripción: Permitir a los profesores registrar las calificaciones de

los alumnos.

 Funcionalidad: Interfaces para que los profesores ingresen

calificaciones por materia y alumno.

Generación de reportes académicos:

 Descripción: Crear reportes que resuman el desempeño académico

de los alumnos.

 Funcionalidad: Generar reportes visuales y descargables que

muestren las calificaciones y promedios.

8. Módulo de Inscripciones

Inscripción de alumnos en grados y secciones:

 Descripción: Gestionar la inscripción de alumnos en grados y

secciones para cada año escolar.

Página 11 de 31
  Funcionalidad: Formularios de inscripción para registrar nuevos
alumnos y reasignar secciones a alumnos existentes.

Módulo de Grados y Secciones:

Creación y gestión de grados y secciones

 Descripción: Permitir la creación y administración de los diferentes

grados y secciones del colegio.

 Funcionalidad: Interfaces para que los administradores creen y

editen grados y secciones, y asignen alumnos y profesores a estos.

Requisitos No Funcionales:

1. Seguridad:

Autenticación y autorización de usuarios:

 Descripción: Implementar medidas de seguridad para verificar la
identidad de los usuarios y controlar su acceso.

 Funcionalidad:

o Autenticación: Utilizar métodos seguros de inicio de sesión,

como correo electrónico y contraseña.

o Autorización: Definir y aplicar permisos de acceso basados

en los roles de usuario.

Encriptación de datos sensibles:

 Descripción: Proteger la información sensible mediante

encriptación.

 Funcionalidad: Encriptar datos como contraseñas y datos

personales tanto en tránsito como en reposo.

Página 12 de 31
2. Usabilidad:

Interfaz intuitiva y fácil de usar:

 Descripción: Diseñar una interfaz de usuario que sea clara y fácil de

navegar.

 Funcionalidad:

o Diseño UI/UX: Utilizar principios de diseño centrado en el

usuario para crear una interfaz amigable.

o Feedback: Proveer retroalimentación visual inmediata sobre

las acciones del usuario (como mensajes de éxito o error).

Accesibilidad para todos los usuarios:

 Descripción: Asegurar que la aplicación sea accesible para
personas con discapacidades.

 Funcionalidad: Implementar estándares de accesibilidad web, como

soporte para lectores de pantalla y navegación por teclado.

3. Escalabilidad:
Capacidad para manejar un número creciente de usuarios y datos
 Descripción: Diseñar el sistema para que pueda crecer y manejar
mayores volúmenes de uso sin degradar el rendimiento.

 Funcionalidad:

o Arquitectura modular: Diseñar componentes del sistema que

puedan ser escalados independientemente.

o Base de datos escalable: Utilizar soluciones de base de

datos que soporten escalabilidad horizontal y vertical.

4. Rendimiento:

Página 13 de 31
 Respuesta rápida y eficiente del sistema
 Descripción: Asegurar que la aplicación responda rápidamente a las
acciones de los usuarios.

 Funcionalidad:

 Optimización: Utilizar técnicas de optimización de consultas y

código para mejorar la velocidad de respuesta.

 Pruebas de rendimiento: Realizar pruebas de carga y

rendimiento para identificar y resolver cuellos de botella.

Tecnologías y Herramientas para el Desarrollo de la Aplicación:

Frontend:

 HTML: es el lenguaje de marcado estándar para crear páginas web,

fundamental para cualquier desarrollo web. Proporciona la estructura básica
del sitio, sobre la cual se aplican estilos y funcionalidades interactivas.
 CSS: se utiliza para definir la presentación, el diseño y el formato de las
páginas web creadas con HTML. Permite crear interfaces de usuario
estéticamente agradables y responsivas, adaptándose a diferentes
dispositivos y tamaños de pantalla.
 JavaScript es un lenguaje de programación que permite implementar
funcionalidades complejas en las páginas web, haciéndolas dinámicas e
interactivas.
 Bootstrap: Este framework permite crear interfaces responsivas y
estéticamente agradables de forma rápida y eficiente.

Backend:

 PHP: Es un lenguaje de programación ampliamente utilizado para el

desarrollo web. Es eficiente, flexible y permite gestionar la lógica del
servidor, interactuar con bases de datos, y manejar sesiones de usuario,
entre otras funcionalidades esenciales para el backend de la aplicación.
 MySQL: Es un sistema de gestión de bases de datos relacional que permite
almacenar y organizar la información de manera estructurada. Es confiable

Página 14 de 31
 y escalable, ideal para gestionar los datos de las instituciones educativas en
nuestra aplicación.
 HTML, CSS y Bootstrap: Aunque se asocian más con el frontend, su
integración en el backend es crucial para generar las vistas que se entregan
a los usuarios a través de tecnologías de renderizado del lado del servidor.
HTML proporciona la estructura del contenido, CSS define el estilo y
Bootstrap asegura una interfaz de usuario responsiva y moderna.

Bases de Datos:

 Base de datos: SQL Server.

 SQL Server Management Studio (SSMS): Es una herramienta gráfica
para configurar y administrar todos los componentes de SQL Server.

IDE y Herramientas de Desarrollo:

1. Visual Studio: Es el IDE más completo para desarrollo en .NET, ofrece un

entorno de desarrollo integrado robusto con soporte directo para [Link],
C# y SQL Server.

Control de Versiones:

1. Git: Es esencial para el control de versiones, permite gestionar el código

fuente y colaborar en equipo.
2. GitHub: Plataformas para alojar el repositorio Git que además ofrece
herramientas adicionales para la revisión de código y la gestión de
proyectos.

Arquitectura en Capas:

1. Capa de Presentación (Interfaz de Usuario): Esta capa se encarga de la

interfaz de usuario y la interacción con el usuario final.
 Componentes:

Página 15 de 31
  Interfaces de usuario para el registro, inicio de sesión,
visualización de datos, gestión de información, entre otros.
 Tecnologías:
 HTML, CSS, JavaScript, para el desarrollo de la interfaz web.
 Framework Bootstrap para la construcción de interfaces
responsivas.
 Herramientas para el desarrollo: Visual Studio Code 2022.

2. Capa de Lógica de Aplicación: Esta capa contiene la lógica de negocio de

la aplicación y se encarga de procesar las solicitudes del usuario y
coordinar la interacción entre la capa de presentación y la capa de acceso a
datos.
 Componentes:
 Controladores o servicios que implementan la lógica de negocio
específica de la aplicación.
 Validación de datos y reglas de negocio.
 Tecnologías:
 PHP para gestionar la lógica del servidor y las operaciones
necesarias para la aplicación.

3. Capa de Acceso a Datos: Esta capa se encarga de acceder y manipular

los datos almacenados en la base de datos o en otros sistemas externos.
 Componentes:
 Repositorios o DAOs (Data Access Objects) que se comunican
con la base de datos.
 Tecnologías:
 MySQL como sistema de gestión de bases de datos relacional.

4. Capa de Datos: Esta capa almacena y gestiona los datos utilizados por la
aplicación.
 Componentes:
 Base de datos relacional para almacenar datos como información
de alumnos, profesores, calificaciones, etc.
 Tecnologías:
Página 16 de 31
  Sistemas de gestión de bases de datos SQL Server.

Diagrama de la Arquitectura:

Página 17 de 31
Página 18 de 31
Modelo Relacional:

Página 19 de 31
Casos de Uso:

DIRECTOR

Página 20 de 31
PROFESOR

Página 21 de 31
ALUMNO

PADRE DE FAMILIA

Página 22 de 31
Diagrama de Flujo:

Página 23 de 31
Pantallas del Sistema.

Pantalla de acceso.

Pantalla “carreras”.

Página 24 de 31
Pantalla “enviar pago”.

Pantalla transacción.

Página 25 de 31
Pantalla “Catálogos”.

Pantalla de “Alta de una materia”.

Página 26 de 31
Pantalla “Materiales”.

Pantalla “Crear las clases del curso”.

Página 27 de 31
Pantalla “Horario de matemática 1”.

Pantalla “Alta de un horario”.

Página 28 de 31
Pantalla “Horario”.

Pantalla “modificar curso”.

Página 29 de 31
Pantalla “Cursos”.

Pantalla “Salones”.

Página 30 de 31
Pantalla “Usiarios”.

Pantalla “Materias”.

Página 31 de 31