DESARROLLO WEB INTEGRADO

CARRERA:
INGENIERÍA DE SISTEMAS

CURSO:

DESARROLLO WEB INTEGRADO

SECCIÓN:

47534

PROFESOR:

PAUL MAURICIO MENDOZA DEL CAMPO

TÍTULO:

Informe de Avance 01 –

INTEGRANTES:

SUSAN ESTHER FOSSA AGURTO : U21101780

SEBASTIAN ERNESTO MAGALLANES GARCIA :
U20210012 SEBASTIAN RAPHAEL SANCHEZ PRINCIPE
: U20238522
KELLTON RAUL CESPEDES ESCRIBA : U18308090
 DESARROLLO WEB INTEGRADO

ABRIL – 2024

Índice
1 Introducción 2
1.1 El Producto 2
1.2 Nombre del producto 2
1.3 Antecedentes y problemática 2
1.4 Objetivo 3
1.5 Alcance 3
1.6 Características 4
2 Arquitectura 5
2.1 User Stories 5
2.2 Diagrama de Flujo de navegación entre Wireframes, Wireframes de Web App (Responsive
Web Design, Version Desktop y Mobile) 11

4
 DESARROLLO WEB INTEGRADO

Informe de participación

Susan Esther Fossa Agurto: PARTICIPACIÓN: 100%

Sebastián Ernesto Magallanes Garcia: PARTICIPACIÓN: 100%
Sebastián Raphael Sánchez Principe: PARTICIPACIÓN: 100%
Kellton Raul Cespedes Escriba: PARTICIPACIÓN: 100%

1 Introducción

1.1 El Producto
SISTEMA DE ADMINISTRACION PARA LA TIENDA DE ROPA – BAMBA¨S ADDIDUS

1.2 Nombre del producto

Sistema de administración para la tienda de ropa - Bamba's Addidus" es una plataforma digital que
centraliza y facilita todas las tareas relacionadas con la gestión de inventario, ventas, clientes y empleados
de la tienda. Permite a los propietarios y empleados realizar un seguimiento eficiente de los productos
disponibles, gestionar las ventas en línea y en la tienda física, así como administrar la información de los
clientes y el personal desde cualquier dispositivo con acceso a Internet..

1.3 Antecedentes y problemática

Antecedentes

Como antecedentes encontramos algunos casos que han sido desarrollados con éxito:

Título: Sistema de software para la mejora de ventas del establecimiento “prendas de vestir moda” de la ciudad de Lima
Jasmin Leidy Anaya Marcelo, 2019, El proyecto desarrollado por Jasmin Anaya tiene como
objetivo es dar una solución al problema creciente originado en el rubro de venta de productos mediante
el sistema de software que apoye la gestión del negocio de la empresa. El sistema de software, permitirá
la automatización en los procesos de control del inventario y facturación de forma eficiente, que conlleva
a mejorar la gestión de la información para la toma de decisiones en el negocio del establecimiento.

Titulo : Plan De Negocios Para "Núcleo" Centro De Emprendimiento En Moda

Gian Franco Castillo lecca, 2018, El proyecto desarrollado por Gian Franco tiene como objetivo
es permitir desarrollar un centro de emprendimiento especializado en la industria de la moda, dirigido a
los diseñadores de indumentaria que deseen desarrollar su idea de negocio y transformarla en una
empresa. El enfoque sectorial del proyecto ha permitido el desarrollo de servicios especializados en la
creación y la gestión de los start-ups de la industria indumentaria.
 DESARROLLO WEB INTEGRADO

Problemática

El rápido crecimiento de la tienda generó desafíos significativos en la gestión, especialmente debido al aumento
inesperado de clientes. Esta situación ha expuesto deficiencias en los sistemas de administración existentes, lo que
dificulta satisfacer la demanda y brindar un servicio óptimo. Para abordar esta problemática, es necesario implementar
un sistema de administración integral que no solo gestione eficazmente la tienda física, sino que también facilite la
venta de productos a través de un sitio web. Esto permitirá a la tienda mantenerse al día con el aumento de la demanda
y ofrecer una experiencia de compra fluida tanto en el entorno presencial como en línea.

1.4 Objetivo
1. Desarrollar e implementar un sistema de administración que permita gestionar eficientemente
todas las operaciones internas de la tienda, incluyendo inventario, ventas, clientes y empleados..
2. Mejorar el seguimiento y control del inventario para garantizar la disponibilidad adecuada de
productos y evitar faltantes o excedentes.
3. Desarrollar un sitio web de comercio electrónico que permita a los clientes realizar compras en
línea de manera conveniente y segura, ampliando así el alcance del negocio y aprovechando el
crecimiento del comercio electrónico.

1.5 Alcance
El Sistema de Administración para la Tienda de Ropa - Bamba's Addidus, proporcionará una herramienta integral para
mejorar la gestión de la tienda tanto en el entorno físico como en línea. Este sistema permitirá optimizar los procesos de
ventas y administración de inventario, brindando una experiencia más fácil y amigable tanto para los clientes como para
el personal de la tienda. Además, ofrecerá un recurso valioso para la toma de decisiones por parte de los propietarios y
gerentes de la tienda, al proporcionar información confiable, ágil y segura sobre ventas, inventario y clientes.

El sistema contendrá información detallada sobre el inventario disponible y las ventas realizadas, lo que permitirá una
gestión más eficiente de los productos. También ofrecerá la capacidad de generar informes personalizados según las
necesidades específicas del negocio, lo que facilitará la evaluación del desempeño y la identificación de áreas de
mejora. Además, el sistema facilitará la emisión de facturas y recibos de venta, garantizando una gestión financiera
precisa y transparente.

Para el entorno en línea, el sistema permitirá la venta de productos a través de un sitio web de comercio electrónico,
brindando a los clientes una experiencia de compra conveniente y segura. Se podrá acceder a información en tiempo
real sobre el inventario disponible y las ventas realizadas, lo que facilitará la toma de decisiones y la gestión del
negocio desde cualquier lugar.
 DESARROLLO WEB INTEGRADO

1.6 Características

ID Descripción

C-01 El sistema debe tener un tiempo corto de

respuesta

C-02 El sistema debe ser responsive

C-03 El sistema debe asegurar la privacidad de las

credenciales ingresadas

C-04 El sistema debe permitir el registro de

matrícula por parte de los alumnos que
tengan acceso.

C-05 El sistema debe permitir al administrador

mantener información de alumnos, docentes,
cursos, horarios y aulas.

C-06 El sistema deberá confirmar al alumno una vez su

matrícula sea ingresada y procesada.

C-07 El sistema deberá calcular el total de créditos

usados por alumno en la matrícula.
 DESARROLLO WEB INTEGRADO

2 Arquitectura
2.1 User Stories

HU-001

Nombre Crear Alumno

Identificador HU-001 Iteración Backlog
Prioridad Alta Puntos TBD
Como <Usuario>
Descripción Quiero <Crear una cuenta de alumno dentro de la aplicación>
Para <Acceder a las funcionalidades>
Caso de Éxito
Dado que <el usuario se encuentra en la vista "crear cuenta">
cuando <ingrese todos los campos requeridos y presione registrar>
entonces <el sistema mostrará un mensaje de éxito y lo redireccionará a iniciar
Criterios de sesión>
Aceptación Caso de Falla
Dado que <el usuario se encuentra en la vista "crear cuenta">
cuando <no ingrese todos los campos requeridos y presione registrar>
entonces <el sistema mostrará un mensaje de error con los campos que faltan
completar>

HU-002

Nombre Iniciar Sesión

Identificador HU-002 Iteración Backlog
Prioridad Alta Puntos TBD
Como <Usuario>
Descripción Quiero <Iniciar sesión en la aplicación>
Para <Acceder a las funcionalidades disponibles>
Caso de Éxito
Dado que <el usuario ingresa su correo y contraseña>
cuando <presione el botón iniciar sesión y las credenciales sean correctas>
entonces <el validará sus credenciales y lo redirecciona a su menú>
Criterios de Caso de Falla
Aceptación Dado que <el usuario ingresa su correo y contraseña >
cuando < presione el botón iniciar sesión y las credenciales no sean correctas
>

entonces <el sistema mostrará un mensaje de credenciales>

 DESARROLLO WEB INTEGRADO

HU-003

Nombre Cerrar Sesión

Identificador HU-003 Iteración Backlog
Prioridad Alta Puntos TBD
Como <Usuario>
Descripción Quiero <Cerrar sesión en la aplicación>
Para <Que otros visitantes o usuarios no accedan a mi cuenta>
Caso de Éxito
Dado que <el usuario tenga una sesión activa en la aplicación>
cuando <presione el botón cerrar sesión>
entonces <la aplicación cerrará la sesión y redirigirá al inicio>
Criterios de
Aceptación

HU-004

Nombre Ver Menú

Identificador HU-004 Iteración Backlog
Prioridad Alta Puntos TBD
Como <Usuario>
Descripción Quiero <Visualizar el menú principal de matrícula>
Para <Acceder a las funcionalidades de matrícula>
Caso de Éxito
Dado que <el usuario inicie sesión correctamente>
cuando <ingrese al menú de matrícula>
entonces <la aplicación mostrará las funcionalidades de matrícula>
Criterios de
Aceptación
 DESARROLLO WEB INTEGRADO

HU-005

Nombre Ver Cursos Disponibles

Identificador HU-005 Iteración Backlog
Prioridad Media Puntos TBD
Como <Usuario>
Descripción Quiero <Visualizar los cursos disponibles para mi carrera>
Para <Seleccionar un curso >
Caso de Éxito
Dado que <el usuario se encuentra en la vista del menú principal y podrá
ingresar a la opción de cursos disponibles que cumpla con los pre requisitos en su malla
>
cuando <Haga click en la opción de cursos disponibles>
entonces <la aplicación mostrará los cursos disponibles para la carrera del alumno que
cumplan los pre-requisitos >
Criterios de Caso de Falla
Aceptación
Dado que <el usuario se encuentra en la vista del menú principal y podrá ingresar a la
opción de cursos disponibles que cumpla con los pre requisitos en
su malla >
cuando <Haga click en la opción de cursos disponibles y no traiga
información>
entonces <el sistema mostrará un mensaje indicando que no hay cursos disponibles y
deba contactarse con el área de matriculas>

HU-006

Nombre Ver Horarios Disponibles

Identificador HU-006 Iteración Backlog
Prioridad Media Puntos TBD
Como <Usuario>
Descripción Quiero <Visualizar los horarios disponibles para un determinado curso>
Para <Seleccionar un horario >
Caso de Éxito
Dado que <el usuario desea visualizar los horarios disponibles >
cuando <seleccione un curso>
entonces <la aplicación mostrará los horarios del curso>
Criterios de Caso de Falla
Aceptación Dado que < el usuario se encuentra en la vista de cursos disponibles >
cuando < seleccione un curso sin cupos >
entonces <el sistema mostrará un mensaje indicando que el curso ya no tiene cupos
disponibles>

HU-007
 DESARROLLO WEB INTEGRADO

Nombre Matricularse en curso

Identificador HU-007 Iteración Backlog
Prioridad Media Puntos TBD
Como <Usuario>
Descripción Quiero <Matricularme en un curso con horario disponible>
Para <añadirlo a mi lista de matricula >
Caso de Éxito
Dado que <el usuario desea agregar un curso a su matricula>
cuando <seleccione un curso y horario definido>
entonces <la aplicación añadirá el curso a su matricula>
Criterios de Caso de Falla
Aceptación Dado que < el usuario desea agregar un curso a su matricula >
cuando < seleccione un curso sin cupos >
entonces <el sistema mostrará un mensaje indicando que el curso ya no tiene cupos
disponibles>

HU-008

Nombre Retirar o Editar el horario de un curso para su matricula

Identificador HU-008 Iteración Backlog
Prioridad Media Puntos TBD
Como <Usuario>
Descripción Quiero <Retirar o Editar un curso>
Para <eliminarlo de mi lista de matricula o cambiar el horario>
Caso de Éxito
Dado que <el usuario desea retirar o editar el horario de un curso a su matrícula>

cuando <seleccione un curso de su matricula>

entonces <la aplicación podrá eliminar o permitirá cambiar el horario de un curso, en
Criterios de función a lo que seleccione>
Aceptación Caso de Falla
Dado que < el usuario desea editar el horario de un curso en su matricula >
cuando < edite un curso sin cupos >
entonces <el sistema mostrará un mensaje indicando que el curso ya no tiene cupos
disponibles>

HU-009

Nombre Procesar una matrícula

 DESARROLLO WEB INTEGRADO

Identificador HU-009 Iteración Backlog

Prioridad Media Puntos TBD
Como <Usuario>
Descripción Quiero <Procesar mi matrícula >
Para <que ingrese al sistema>
Caso de Éxito
Dado que <el usuario desea ingresar su matrícula>
cuando <seleccione la opción de procesar matrícula>
entonces <la aplicación ingresará los datos del curso asociado al alumno , así como el
horario seleccionado y actualizar la cantidad de cupos disponibles, finalmente deberá
Criterios de emitir un breve reporte en pantalla de los cursos procesados
Aceptación y el # de operación>

HU-010

Nombre Menu de administrador

Identificador HU-010 Iteración Backlog
Prioridad Media Puntos TBD
Como <Administrador>
Descripción Quiero <Mantener los cursos >
Para <dar de alta , baja , editar cursos>
Caso de Éxito
Dado que <el administrador desea mantener los cursos>
cuando <seleccione la opción de mantenimiento de cursos >
entonces <la aplicación mostrará los cursos disponibles, con opciones para crear
Criterios de nuevos cursos, editar un curso o eliminar un curso>
Aceptación

HU-011

Nombre Mantenimiento de Cursos

Identificador HU-011 Iteración Backlog
 DESARROLLO WEB INTEGRADO

Prioridad Media Puntos TBD

Como <Administrador>
Descripción Quiero <Mantener los cursos >
Para <dar de alta, baja , editar cursos>
Caso de Éxito
Dado que <el administrador desea mantener los cursos>
cuando <seleccione la opción de mantenimiento de cursos >
entonces <la aplicación mostrará los cursos disponibles, con opciones para
crear nuevos cursos, editar un curso o eliminar un curso>
Criterios de Caso de Falla
Aceptación Dado que < el administrador desea mantener los cursos >
cuando < este editando o añadiendo un curso y no cumpla la validación de
campos>
entonces <el sistema mostrará un mensaje indicando que vuelva a ingresar los datos en
el campo que origine el error>

HU-012

Nombre Mantenimiento de Docentes

Identificador HU-012 Iteración Backlog
Prioridad Media Puntos TBD
Como <Administrador>
Descripción Quiero <Mantener los docentes >
Para <dar de alta , baja , editar docentes>
Caso de Éxito
Dado que <el administrador desea mantener los docentes>
cuando <seleccione la opción de mantenimiento de docentes >
entonces <la aplicación mostrará los docentes disponibles, con opciones para crear
nuevos docentes, editar un docente o eliminar un docente>
Criterios de Caso de Falla
Aceptación
Dado que < el administrador desea mantener los docentes >
cuando < este editando o añadiendo un docente y no cumpla la validación de campos>

entonces <el sistema mostrará un mensaje indicando que vuelva a ingresar los datos en
el campo que origine el error>

2.2 Diagrama de Flujo de navegación entre Wireframes, Wireframes

de Web App (Responsive Web Design, Version Desktop y Mobile)
 DESARROLLO WEB INTEGRADO

En este punto se va a exponer los prototipos (Wireframes) que representan los diferentes módulos a
implementar del sistema Edutec. Es importante recalcar que el principio fundamental para estas vistas es
la usabilidad de la aplicación, por sobre el diseño. En otras palabras, la máxima atención de estos
Wireframes es la interacción del usuario con la herramienta. Es por ello, que a continuación se muestran
las vistas en su versión web y móvil.

Finalmente, hay que mencionar que en el transcurso del desarrollo del proyecto pueden surgir mejoras
que decanten en una nueva versión final de estas vistas, pero siempre respetando el principio de
usabilidad ya mencionado.
 DESARROLLO WEB INTEGRADO

2.2.1 Diagrama de flujo de navegación entre Wireframe

 DESARROLLO WEB INTEGRADO

2.2.2 Mockups Web

Login

Registro de alumno
 DESARROLLO WEB INTEGRADO

Registro de docente

Registrar aula
 DESARROLLO WEB INTEGRADO

Registrar Matricula
 DESARROLLO WEB INTEGRADO

Menú de CRUDs para el administrador

Agregar Curso (parte del CRUD)

DESARROLLO WEB INTEGRADO
 DESARROLLO WEB INTEGRADO

2.2.3 Mockups móvil

Login
 DESARROLLO WEB INTEGRADO

Registro de alumno
 DESARROLLO WEB INTEGRADO

Registro de docente
 DESARROLLO WEB INTEGRADO

Registrar aula
 DESARROLLO WEB INTEGRADO

Registrar Matricula
 DESARROLLO WEB INTEGRADO

Agregar Curso
DESARROLLO WEB INTEGRADO