Modulo: Ingeniería de Software

| Reto 5. Front-end y Back-end

Nombre completo: Santiago Said Hernández Osnaya
Matrícula: 20025007
Fecha de elaboración: 22/07/2022
Carrera: Ingeniería en Sistemas Computacionales
Asesor@: Norma Griselda Reyes Ávila
Preguntas para el diseño de interfaz
¿Qué es lo que el usuario del sistema observará en la aplicación?

Al entrar pasará por 2 interfaces las cuales serán necesarias para el inicio de sesión del individuo

La primera de ellas requiriéndole usuario y contraseña como en cualquier otra aplicación web

La segunda un código de verificación enviado a su correo institucional para un MFA o Autenticación de Múltiples
Factores, esto para temas de seguridad.

¿Qué colores, tamaño y tipo de fuente tiene la aplicación?

Una paleta de colores enfocada en color amarillos, azules y blancos, asegurando la armonía de para generar contrastes y
puntos de concentración.

Fuentes principalmente Calibri o Arial, además de fuentes caligráficas para títulos de la fundación y requerimientos con
fuentes como Sigher para señalizaciones.

¿La aplicación informática es fácil de utilizar gracias a su diseño?

Así es, la idea es que sea sumamente automatizada, enfocando solo el poder medir la productividad en calidad de
tiempo de conexión relacionado con resultados.

¿Qué apariencia tiene la aplicación informática?

Fresca de manera que genera paz, confianza y se limita a las funciones mínimas a manera de no forzar al usuario.

¿El usuario logra utilizar la aplicación de forma adecuada gracias a la interfaz gráfica?

En contexto la aplicación se deberá basar en 2 funciones, cambios de estatus a través de acciones determinadas por
botones y la comunicación directa con el participante o donador.
Interfaz
Inicio de Sesión y Verificación en 2 Pasos
Interfaz de Operador
Administrativo del Sistema

El administrador tiene las funciones de:

Acceder y editar las bases de datos de

proveedores, operadores (de proveedores,
donantes, participantes y administración del
sistema) y Contadores.

Verá una lista con los datos de cada registro y

opciones para editarlo, bloquearlo y
eliminarlo, cada una generará un formato
auto llenado con fecha y responsable de la
acción.

Contador

El usuario contador tendrá las siguientes

herramientas:

4 Paneles para administrar listas de:

 # de eventos
 relación de participantes y donadores
 utilidad por participantes
 utilidad por evento

Además de 4 botones que permiten generar

reportes de cada panel por separado.
Pudiendo elegir rango de fecha y numero de
reportes.

Operador Proveedores

Los Operadores en su mayoría tienen las

mismas funciones básicas:

Cambio de estado de disponibilidad siendo

3: No Listo, Espera, Disponible

Lista de Eventos con la información de ellos

Funciones Extra:

Para los de proveedores se les asignan 3

botones de acción para agregar
proveedores de recursos, agregar
proveedores de lugares y enviar un nuevo
mensaje.
Operador Participantes

En el operador de participantes además de

las funciones básicas se tienen:

Una sola acción que es el realizar un nuevo

contacto a algún participante de su base de
datos o generar uno nuevo.

La generación de las invitaciones es

automática pero su envío dependerá de la
disponibilidad de eventos en base a
márgenes de ganancia.

Operador Donadores

Para los operadores de donadores se tiene

una base más procesada, ya no se puede
agregar nuevos participantes solo generar
un nuevo contacto.

Sin embargo, se agrega la acción de

invitación, la cual le permitirá al operador
editar y llenar la invitación del donador de
forma inmediata y su envío.

Diagrama de Back-end

https://miro.com/app/board/uXjVOkVOIHM=/?share_link_id=226104652008
Dentro del flujo del back-end

Se determina que una vez se inicia sesión se envía un correo al usuario con un código de identificación esto para
aumentar la seguridad de la plataforma y la información de los donadores y participantes. Además de proteger la
integridad de los datos de la fundación

Dentro de la mayoría de las acciones está el contacto mediante servicios de Mail, Voice y Mensajería Instantánea como
WhatsApp, esto se realiza a través de configuraciones de servicio como servidores web de la fundación, protocolos de
enrutamiento para el servicio de voz y de enrutamiento para un único numero de servicio para WhatsApp Bussines por
ejemplo.

Hay un total de 7 bases de datos de las cuales no todas pueden ser consultadas por todos los usuarios, esto por motivos
de seguridad y que son datos ajenos a los procesos de trabajo de algunos usuarios.

Existe mucha generación de documentos los cuales son enviados en el caso de las invitaciones.

Otros como la generación de reportes no tienen salida ya que ellos se deberán consultar dentro de la plataforma.