Está en la página 1de 70

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO

Proyecto Tecnológico

“DESARROLLO DE UN APLICATIVO MÓVIL PARA OBTENER


INFORMACIÓN DE LOS PRODUCTOS DE PRENDA DE VESTIR”.

CARRERA TÉCNICA PROFESIONAL DE TELEMÁTICA

Autores:
Bejar Choque Maria Del Carmen
Del Águila Rengifo Mirko Renato
Huancho Mariño Mateo
Padilla Loja Jayo Jair

Asesor:
Juan Carlos Camayo

2017

1
RESUMEN
El presente trabajo consiste en desarrollar un aplicativo móvil para agilizar el acceso de
información de las prendas de vestir en centros comerciales de Gamarra, para este
propósito implementaremos una base de datos para las tiendas de ropa. La aplicación móvil
utilizara la tecnología Near Field Communication para mostrar la información de las prendas
de vestir.

En el capítulo I, se desarrollará el objetivo general, planteamiento de problema,


antecedentes, descripción, justificación, los interesados y el alcance del proyecto a realizar.

En el capítulo II, se seleccionarán tecnologías necesarias para el desarrollo de la aplicación


móvil, como Near Field Communication, SQL, Eclipse, StarUML, MYSQL, Java, así mismo
el uso de la metodología Scrum a utilizar durante todo el proyecto.

En el capítulo III, se definirá el diseño de la aplicación móvil, así mismo se mencionará el


ciclo de vida del prototipo, análisis de requerimiento, diagrama de contexto del sistema,
diagrama de caso de uso y sus especificaciones.

En el capítulo IV, se mostrará pruebas finales con sus respectivos resultados de la


programación y características técnicas del producto.

Finalmente, en el capítulo V, se señalará las conclusiones que se obtuvo con este proyecto.

2
INDICE

INTRODUCCIÓN................................................................................................................................. 6
CAPÍTULO I ........................................................................................................................................ 7
1. ASPECTOS GENERALES ...................................................................................................... 7
1.1. Nombre del proyecto ........................................................................................ 7
1.2. Tipo de proyecto .............................................................................................. 7
1.4. Objetivo general ............................................................................................... 8
1.5. Planteamiento del problema ............................................................................. 8
1.6. Antecedentes ................................................................................................... 9
1.7. Descripción del proyecto ................................................................................ 10
1.8. Justificación del proyecto ............................................................................... 11
1.9. Interesados del proyecto ................................................................................ 11
1.10. Alcance del proyecto y productos esperados ................................................. 11
CAPITULO II ..................................................................................................................................... 12
2. MARCO TEORICO ................................................................................................................ 12
2.1. Tecnologías utilizables ................................................................................... 12
2.2. Metodologías utilizables ................................................................................. 13
CAPITULO III .................................................................................................................................... 16
3. DESCRIPCION TECNICA ..................................................................................................... 16
3.1. Fases del ciclo de vida del prototipo............................................................... 17
3.2. Análisis de requerimientos ............................................................................. 18
3.3. Diagrama de contexto del sistema ................................................................. 20
3.4. Diagrama de caso de uso .............................................................................. 21
3.5. Diagrama de Actores...................................................................................... 22
3.6. Matriz de trazabilidad ..................................................................................... 28
3.7. Especificaciones de caso de uso del sistema ................................................. 29
CAPITULO IV .................................................................................................................................... 48
4. PRUEBAS Y RESULTADOS ................................................................................................. 48
4.1. Prueba de validación ...................................................................................... 48
4.2. Resultados de validación ............................................................................... 50
4.2.1. El sistema se logea correctamente con el tipo de rol asignado ...................... 50
4.10. Características técnicas finales del producto .................................................. 64
CAPITULO V ..................................................................................................................................... 68
5. CONCLUSIÓN....................................................................................................................... 68
CAPÍTULO VI .................................................................................................................................... 69
6. REFERENCIAS ..................................................................................................................... 69

3
INDICE DE FIGURAS
Figura 1:Árbol de problema................................................................................................ 9
Figura 2: Ciclo de vida del prototipo ................................................................................. 17
Figura 3:Diagrama de contexto del sistema ..................................................................... 21
Figura 4: Diagrama de caso de uso del sistema(CUS) ..................................................... 21
Figura 5: Diagrama de Actores ........................................................................................ 22
Figura 6: Gestión de Administrador del Sistema .............................................................. 22
Figura 7:Gestión del Gerente ........................................................................................... 23
Figura 8: Gestión de Usuario- dispositivo......................................................................... 24
Figura 9: Gestión de Personal de Logística ..................................................................... 24
Figura 10: Tabla de base de datos................................................................................... 27
Figura 11: Diagrama de secuencia del caso de uso CU001 ............................................. 41
Figura 12: Diagrama de secuencia del caso de uso CU002 ............................................. 42
Figura 13 : Diagrama de secuencia del caso de uso CU003 ........................................... 43
Figura 14: Diagrama de secuencia del caso de uso CU004 ............................................. 44
Figura 15: Diagrama de secuencia del caso de uso CU005 ............................................. 45
Figura 16:Diagrama de secuencia del caso de uso CU006 .............................................. 46
Figura 17: Diagrama de secuencia del caso de uso CU007 ............................................. 47
Figura 18: Pagina de acceso al sistema........................................................................... 50
Figura 19: Pagina principal del Administrador .................................................................. 51
Figura 20: Asignación de rol de cada usuario .................................................................. 51
Figura 21: Registro de personal de Logística ................................................................... 52
Figura 22: Ingreso de una nueva Contraseña .................................................................. 52
Figura 23: Salir de sistema de Administrador ................................................................... 52
Figura 24: Página principal del Gerente ........................................................................... 53
Figura 25: Reporte de Inventario ..................................................................................... 53
Figura 26: Reporte de consulta y ventas .......................................................................... 54
Figura 27: Reporte de la salida y entrada de las prendas ................................................ 55
Figura 28: Cuenta del Gerente......................................................................................... 55
Figura 29: Salir del sistema de la página del Gerente ..................................................... 55
Figura 30: Pagina de inicio de Logística........................................................................... 56
Figura 31: Registro de prendas ........................................................................................ 57
Figura 32:Registro de una nueva prenda ......................................................................... 57
Figura 33: Eliminar prenda ............................................................................................... 58
Figura 34: Modificar prenda ............................................................................................. 58
Figura 35: Cuenta de Logística ........................................................................................ 59
Figura 36: Salir de la página de Logística ........................................................................ 59
Figura 37: Pagina de usuario o dispositivo ....................................................................... 59
Figura 38 : Consulta de prenda ........................................................................................ 60
Figura 39: Elegir la cantidad que desea comprar ............................................................. 60
Figura 40 : Enviar al carrito para confirmar la compra ...................................................... 61
Figura 41:Confirmar la compra ........................................................................................ 61
Figura 42: Historial de compras ....................................................................................... 62
Figura 43:Detalle de la compra ........................................................................................ 62
Figura 44: Salir del sistema de usuario ............................................................................ 63
Figura 45: MYSQL .......................................................................................................... 64
Figura 46: STARUML....................................................................................................... 65

4
Figura 47: Lenguaje de programación PHP ..................................................................... 66
Figura 48: Editor Atom ..................................................................................................... 67
Figura 49: Xampp para la conexión con MYSQL ............................................................. 67

INDICE DE TABLAS
Tabla 1: Requerimientos funcionales ............................................................................... 19
Tabla 2: Requerimientos no funcionales .......................................................................... 20
Tabla 3: Actores del sistema ............................................................................................ 25
Tabla 4: Lista de tablas del sistema ................................................................................. 26
Tabla 5: Caso de uso del sistema .................................................................................... 28
Tabla 6: Matriz de trazabilidad ......................................................................................... 29
Tabla 7 : Prueba de validación ......................................................................................... 48

5
INTRODUCCIÓN

En la situación actual, debido al desarrollo de nuevas tecnologías podemos disfrutar de


muchas aplicaciones y funciones que nos permitan agilizar las tareas, ahorrar el tiempo y
las formas en que las personas puedan accedes a dicha información.

El ingreso de nuevas tecnologías en el mercado laboral no solo genera ingreso económico,


sino también algunas molestias de parte de los clientes que ingresan a las tiendas, en
consecuencia, el aburrimiento de los compradores, el desinterés, y la molestia por la mala
atención. Por ese motivo se planteó crear nuevas tecnologías que permitan que los clientes
tengan una experiencia personalizada que sea atractiva para los clientes.

El proyecto tiene como objetivo desarrollar un aplicativo móvil basado en la tecnología NFC
para el acceso a la información de las prendas de vestir, con la finalidad de mejorar la
interacción y la atención personalizada al cliente. Lo cual implementaremos una base de
datos para mostrar cada prenda que existe en la tienda.

6
CAPÍTULO I
1. ASPECTOS GENERALES

1.1. Nombre del proyecto

Desarrollo de un aplicativo móvil para obtener información de los productos de


prenda de vestir.

1.2. Tipo de proyecto

Proyecto tecnológico

1.3. Equipo de proyecto

7
Código Apellidos y Nombres Rol
A1510216 Padilla Loja Jayo Jair Analista
A1510052 Bejar Choque Maria Del Carmen Jefe de proyecto
A1510147 Huancho Mariño Mateo Programador
A1510093 Del Águila Rengifo Mirko Renato Programador

1.4. Objetivo general

Desarrollar un software, que permita visualizar la información de las prendas de


vestir de manera detallada en un dispositivo móvil, tales como: la marca, el color, la
talla, y otros. El aplicativo se distribuirá principalmente en establecimientos
comerciales de Gamarra.

1.5. Planteamiento del problema

En los centros comerciales de Gamarra a diario acuden aproximadamente medio


millón de compradores procedentes del país y del extranjero especialmente. En
temporadas como verano e invierno de igual forma, la venta de ropa aumenta en
gran cantidad y en fiestas o eventos especiales como día del Padre, San Valentín y
otros.

La Agencia Andina del presidente de la Coordinadora de Empresarios de Gamarra,


Diógenes Alva. Refirió que en temporada baja recibe entre 200,00 y 250,00
personas al día, mientras que en temporada alta pueden llegar hasta el medio millón
de compradores (Perú Retail, 2016).

En la actualidad pocos establecimientos cuentan con tecnología que les facilita la


atención al cliente en venta de ropa, pero la mayoría de las tiendas siguen optando
por la atención de manera rudimentaria esto a su vez trae reclamos y quejas sobre
la atención y la incomodidad del cliente.

“Indecopi destacó que, desde su creación, en abril del 2003, la citada sede ha
atendido a casi 17,300 usuarios. Asimismo, precisó que entre el 2003 y en lo que
del año han recibido casi 2,000 reclamos, destacando como los rubros con más

8
quejas de los vestidores y calzados (799), servicios bancarios (233),
electrodomésticos (65), servicios educativos (36), seguros (19), entre otros” (Portal
PQS, s.f.).

Figura 1:Árbol de problema

Fuente: Elaboración propio

1.6. Antecedentes

Hoy en día vivimos en país donde la tecnología crece de manera notable y la moda
de igual forma. Muchas veces solo miramos a la tienda como un establecimiento
para compras, pero las tiendas físicas no solo debería ser un lugar donde compras,
ves y tocas sino un lugar donde la experiencia se personalizada que sea atractiva
para los clientes.

En primer lugar, Mosquera, Olarte, Juanead y Sierra estudiantes de la Universidad


de la Roja (El panel de la tecnología en una tienda de moda en un entorno
omnicanal). En este proyecto se indica que atreves de la etiqueta de con las
9
tecnologías RFID (Radio Frequency IDentification) y NFC (Near Fiel
Communication) se puede obtener información sobre la fabricación de la prenda,
consejos de lavado o distinguir una pieza falsa de una original ver la disposición en
el almacén en tiempo real. (Mosquera & Olarte, 2017)

En segundo lugar Acosta , Guillermo y Riveros alumnos de la Universidad Distrital


Francisco José de Caldas (Diseño y desarrollo de una aplicación móvil para la
adquisición de productos en el sector comercial utilizando Android y NFC).En este
proyecto tiene como objetivo implementar la tecnología NFC(Near Fiel
Communication) y Android para el desarrollo de una aplicación para mejorar los
procesos involucrados en la atención al cliente en establecimientos comerciales y
evitar congestiones en los puntos de pago y obteniendo mayor información de los
productos disponibles.

Para finalizar Herrera alumno de Universidad Católica del Perú (Diseño e


implementación de una aplicación móvil basada en la tecnología NFC para acceso
a información de las piezas de arte de un museo) .En este proyecto tiene como
objetivo implementar la tecnología NFC(Near Fiel Communication) en los museo
para así obtener información de las piezas debido a que las largas explicaciones de
guía no abarcan todo el recorrido dejando algunas piezas del museo sin explicar la
información de dicha pieza.

1.7. Descripción del proyecto

Desarrollar un aplicativo móvil que permita visualizar la información de manera


detallada de una prenda de vestir que será consultada. El aplicativo se distribuirá en
un centro comercial que no cuenta con un sistema de Base de Datos.

El sistema usará una base de datos que brinde información de los productos de la
tienda de forma detallada; para mostrar al cliente su descripción de la prenda (color,
talla, cantidad, modelo, precio y su respectiva imagen) y si está disponible, para
acceder a esa información primero el cliente accede al sistema de modo invitado. El
dispositivo móvil contará con la tecnología NFC que capture el código de la prenda
que se consultará, a través del aplicativo se obtendrá la información captada por la
tecnología, con las siguientes características: el modelo, color, la talla, precio,

10
imagen y la cantidad que hay en el almacén, sin la necesidad de recurrir a un
software externo, ya que toda la información estará disponible en este software en
tiempo real.

1.8. Justificación del proyecto

Este proyecto busca resolver las dificultades en la escasa información de la prenda


de ropa, los reclamos de los clientes sobre el servicio de atención y el desamine de
opción de compra en las tiendas de Gamarra. Lo cual provoca la pérdida de
compradores y bajas ganancias en los establecimientos.

1.9. Interesados del proyecto

• Los dueños de las pequeñas o grandes empresas.


• El personal de servicio.
• Los usuarios y clientes
• Los desarrolladores del Sistema

1.10. Alcance del proyecto y productos esperados

• Se implementará una Base de Datos donde se almacenará toda la información


de los productos de la tienda de vestir.
• Este permitirá visualizar la información de las prendas en un dispositivo móvil
donde obtendrá la información almacenada con las siguientes características
(modelo, color, talla, precio, imagen de la prenda y la marca).
• La aplicación solo será implementada en las tiendas que no poseen una base
de datos.
• El aplicativo móvil estará disponible solo para “Dispositivos Android”

11
CAPITULO II

2. MARCO TEORICO
2.1. Tecnologías utilizables

Base de datos: Es una colección información que se organizan por campos, registro
y archivos.

Tipos de base de datos:

• Oracle Databas 11g V2: Es una colección de datos su propósito general es


almacenar y recuperar información relacionado (ORACLE).
• MYSQL Cloud: Es un sistema de gestión de base de datos seguro y rentable
de calidad empresarial (MYSQL, 2017).

Java: Es un lenguaje de programación orientado a objetos. El propósito general es


concurrente por su arquitectura empresarial (ORACLE, 2017).

12
Tipos de lenguaje de programación:

• Android Studio: Proporcionar una herramienta más rápida para crear


aplicaciones con mayor facilidad y una mejor calidad para cada dispositivo
Android (Android Studio, 2017).
• NetBeans: Permite desarrollar rápida y fácilmente aplicaciones de escritorio,
móviles y web java, así como HTML5 HTML, JavaScript, CSS (Netbeans,
2017).
• PHP: Es un lenguaje de código abierto, para el desarrollo web (PHP, 2011-
2017).
• Bootstrap: Son herramientas de código abierto para desarrollar con HTML,
CSS y JS (BOOTSTRAP, s.f.).

Identificación por radiofrecuencia: Se utiliza para identificar un elemento, seguir


su ruta de movimiento y calcular la ruta del objeto. (Scansource pos and barcode,
2014-2017).

Tipos de Radio Frecuencia:

• El NFC (Near Field Communication): Es una forma de comunicación sin


contacto que permite el intercambio de información entre dos terminales
conectados. Se perfila como la tecnología de futuro para pagos a través de
smartphone (NFC, 2017).
• La Tecnología RFID: Identificación por radio frecuencia identifica los
códigos de barra, utiliza un chip más pequeño que un grano de arena con el
fin de rastrear o identificar objetos a distancia (Area Tecnologia, 2017).

2.2. Metodologías utilizables

Scrum

Es una metodología basada en Frameworks (Estructuras de Trabajo) ágil para


trabajar colaborativamente en equipo, y obtener el mejor resultado posible
(Sutherland, 2016).

13
El equipo Scrum (Scrum Team): Se encarga de la entrega del producto. Los
equipos Scrum entregan productos de forma iterativa e incremental (Sutherland,
2016).

El dueño de producto (Product Owner): Se encarga de la comunicación con el


usuario del sistema que se va a desarrollar, y es el responsable de gestionar la Lista
del producto (Product Backlog) (Sutherland, 2016).

El Equipo de Desarrollo (Development Team): Son profesionales encargados de


realizar y entregar un producto “Terminado” para poner en producción al final de
cada Sprint. Solo participan los desarrolladores en la creación del Incremento
(Sutherland, 2016).

El Scrum Máster: No es el líder del equipo (porque ellos se auto organizan), Es la


persona encargada de que todos los miembros del equipo participen en el producto,
se encarga de la organización de las reuniones diarias. Se asegura de que el
proceso Scrum se utiliza como es debido y es el que hace que las reglas se cumplan
(Sutherland, 2016).

Sprint: Es el núcleo central que genera el pulso de avance por tiempos prefijados
(time boxing). 30 días 24 horas Cada nuevo Sprint comienza inmediatamente
después de la finalización del Sprint anterior. El Dueño de Producto es la autoridad
para cancelar el Sprint (Sutherland, 2016).

Planificación de Sprint (Sprint Planning Meeting): Tiene como finalidad planear


el trabajo a realizar durante un Sprint, el cual es creado por el trabajo de todo el
equipo Scrum (Sutherland, 2016).

Objetivo del Sprint (Sprint Goal): Es una meta establecida que puede lograrse
mediante la implementación de la Lista de Producto que proporciona una guía al
Equipo de Desarrollo acerca de por qué está construyendo el incremento. Se crea
durante la Planificación del Sprint (Sutherland, 2016).

Scrum Diario (Daily Scrum): Es una reunión de 15 minutos diarios en el lugar


específico (en el mismo lugar) para planificar las actividades que se va a realizar en
las siguientes 24 horas (Sutherland, 2016).

14
Revisión de Sprint (Sprint Review): Durante esta revisión, el Equipo Scrum y los
interesados (Stakeholders) invitados por el Dueño de Producto, analizan acerca de
lo que se ha hecho durante el Sprint (Sutherland, 2016).

Retrospectiva de Sprint (Sprint Retrospective): Es un punto para determinar que


se hizo bien y que se puede mejorar. Tiene lugar después de la Revisión de Sprint
y antes de la siguiente Reunión de Planificación de Sprint (Sutherland, 2016).

Lista de Producto (Product Backlog): La Lista de Producto cambia a medida que


el producto y el entorno en el que se usará también lo hacen. El Dueño de Producto
(Product Owner) es el responsable de la Lista de Producto, incluyendo su contenido,
disponibilidad y ordenación (Sutherland, 2016).

Lista de Pendientes del Sprint (Sprint Backlog): La lista de pendientes del Sprint
es una imagen visible en tiempo real del trabajo que el equipo de desarrollo planea
llevar a cabo durante el Sprint (Sutherland, 2016).

15
CAPITULO III

3. DESCRIPCION TECNICA

Las tecnologías utilizadas en este proyecto son:

StarUML: El proyecto está diseñado en el lenguaje gráfico StarUML para visualizar los
casos de uso, diagrama de casos, diagrama de secuencia y diagrama de paquetes, es
un software libre y con una facilidad para la especificar, construir y documentar.

MYSQL: Es un sistema de gestión de base de datos de código abierto que nos permite
hacer consultas y crear base de datos de una manera estructurado ya que nos permite
trabajar en la WEB de manera rápida.

PHP: Es un lenguaje de código abierto donde nos permite desarrollar sistemas Web
con mayor facilidad y muy seguro.

16
Bootstrap: Es un framework que nos permite crear interfaces webs de forma sencilla y
adaptable, dentro de bootstrap está CSS y JAVASCRIPT, que permite hacer un diseño
a las páginas webs.

3.1. Fases del ciclo de vida del prototipo

Figura 2: Ciclo de vida del prototipo

Fuente: Elaboración propia

3.1.1. Fase de identificación

En esta primera fase se mostrará los análisis de requerimientos y las actividades


que se va a desarrollar durante todo el proyecto como los objetivos, limitaciones,
justificación, el alcance del proyecto, interesados y la metodología para su
desarrollo.

17
3.1.2. Fase de desarrollo de diseño

En esta segunda fase se desarrollará el flujo de trabajo de requerimiento funcional


y no funcional, la base de datos, análisis, diseño, prototipo, diseño y programación.

• Diagrama de casos de uso


• Creación de base de datos y tablas
• Diseño del prototipo

3.1.3. Fase de programación

En esta tercera fase se desarrollará las actividades a realizar a realizar durante todo
el proyecto como: casos de uso, diagrama de secuencia, y las pruebas respectivas
de acuerdo a cada actividad.

• Acceso Inicial de logeo.


• Registrar usuarios y validaciones de acceso.

3.1.4. Fase de Ejecución final

En esta cuarta y última fase se accederá al sistema del proyecto con todas las
pruebas respectivas en cada acción a realizar como: logeo, ingreso, buscar, editar,
eliminar, reporte, grabar. Además, la documentación del proyecto con todas las
actividades realizadas en la prueba.

• Funcionalidad del sistema


• Documentación

3.2. Análisis de requerimientos

3.2.1. Requerimientos funcionales


Como requerimientos funcionales de este sistema bibliotecario tenemos los
siguientes:

18
Tabla 1: Requerimientos funcionales

Código Descripción Prioridad


RF001 El sistema Permitirá registrar, actualizar y eliminar los datos del Alto
Usuario (Administrador de Sistema)

El sistema asigna un rol a cada usuario que ingrese al sistema Medio


RF002 (Gerente, usuario-dispositivo, Logística).

RF003 El sistema debe permitir modificar, la salida y el ingreso de las


prendas. Alto

RF004 El sistema debe permitir agregar, modificar y eliminar el registro Alto


de las prendas
El sistema debe permitir un simulador de compra que mostrara el Alto
RF005 estado de las prendas.

RF006 El sistema debe mostrar la prenda consultada Alto

RF007 El sistema debe permitir buscar la prenda más consultada Medio

RF008 El sistema debe permitir descargar el reporte de las prendas en Medio


formato PDF.

RF009 El sistema debe permitir buscar el dispositivo más consultado. Medio

RF0010 El sistema debe permitir descargar el reporte de los dispositivos Medio


más consultados en formato PDF

RF0011 El sistema debe consultar las prendas disponibles por categoría Medio
(polo, pantalones, etc.)

RF0012 El sistema permitirá descargar el reporte del inventario en un Medio


formato PDF.
Fuente: Elaboración propia

19
3.2.2. Requerimientos no funcionales

Como requerimientos no funcionales de este sistema académico tenemos los


siguientes:

Tabla 2: Requerimientos no funcionales

Código Descripción Prioridad


El sistema deberá generar un reporte estadístico que indique
RNF0001 que usuario-dispositivo ha generado más consultas. Medio

El sistema debe soportar de manera simultánea por lo menos Alto


RNF0002 trecientas interacciones.

El sistema debe permitir dos niveles de usuario cliente y


RNF0003 administrador. Alto

El sistema debe desarrollarse en el lenguaje de programación Alto


RNF0004 JAVA
Fuente: Elaboración propia

3.3. Diagrama de contexto del sistema

El aplicativo móvil brindará información de las prendas de ropa a los clientes de las
tiendas de Gamarra, ofrecer una atención personalizada al cliente, además permitirá
el ingreso a la base de datos a personal autorizados como gerente, administrador
del sistema, personal de logística. Los cuales hacen las diferentes acciones como:
grabar, eliminar, modificar, guardar, generar reporte.

20
Figura 3:Diagrama de contexto del sistema

Fuente: Elaboración propia

3.4. Diagrama de caso de uso

Figura 4: Diagrama de caso de uso del sistema(CUS)

Fuente: Elaboración propia

21
3.5. Diagrama de Actores

Figura 5: Diagrama de Actores

Fuente: Elaboración propia

a) Paquete: Gestión de Administrador del sistema

Figura 6: Gestión de Administrador del Sistema

Fuente: Elaboración propia

22
b) Paquete: Gestión del Gerente

Figura 7:Gestión del Gerente

Fuente: Elaboración propia

23
c) Paquete: Gestión Usuario- dispositivo

Figura 8: Gestión de Usuario- dispositivo

Fuente: Elaboración propia

d) Paquete: Gestión de Personal de Logística

Figura 9: Gestión de Personal de Logística

Fuente: Elaboración propia

24
3.5.1. Actores del sistema

Tabla 3: Actores del sistema

Código Actor Descripción


Encargado de monitorear a los
ACT001 Usuario (administrador del usuarios y dar permiso depende al
sistema) tipo de rol que cumple.
También encargado de agregar,
modificar y eliminar al usuario o el
dispositivo.

ACT002 Gerente Encargado de generar reportes de


tres tipos:
Prenda Para saber que prenda fue
más consultada durante un mes
Dispositivo: Para saber que
dispositivo fue más consultada cada
día.
Inventario
ACT003 Usuario - Dispositivo Encargado de mostrar y consultar la
prenda en el aplicativo.
ACT004 Personal de logística Encargado de registrar, modificar y
eliminar las prendas en la data.

Fuente: Elaboración propia

25
3.5.2. Lista de tabla del sistema

Tabla 4: Lista de tablas del sistema

N° Tabla Función Función


1 TB_User Es la tabla encargado de registrar y guardar la
cuenta del usuario-Dispositivo, Logística,
Gerente también de eliminar, modificar.
2 TB_Product Es la tabla encargada de obtener la información
de la tabla “Logística”, ‘categoría’ para mostrar,
3 TB_Categoria Complemento de la tabla product, su función es
guardar los datos designada.

4 TB_Usuario-Dispositivo Se encarga de cumplir el rol que la TB_User lo


asigne.
5 TB_Logistica Se encarga de cumplir el rol que la TB_User lo
asigne.
6 TB_Gerente Se encarga de cumplir el rol que la TB_User lo
asigne.
7 TB_Carrito Es la tabla encargada de obtener la información
de la tabla ‘Product’. ‘Usuario-Dispositivo’
8 TB_Inventario Es la tabla encargada de obtener la información
de la tabla ‘Product’. ‘Usuario-Dispositivo’,
‘Logística’, ‘User’.
9 TB_Venta Es la tabla encargada de obtener la información
de la tabla ‘Usuario-Dispositivo’.
10 TB_Venta_Detail Es la tabla encargada de obtener la información
de la tabla ‘Product’. ‘Ventas.’

Fuente: Elaboración propia

26
Figura 10: Tabla de base de datos

Fuete: elaboración propia

27
3.5.3. Caso de uso del sistema

Tabla 5: Caso de uso del sistema

Código Caso de uso Descripción


CU001 Administrar Usuario o Permite el registro del usuario o dispositivo, la
Dispositivo actualización, la eliminación y guardar los cambios
de la información
CU002 Asignar perfil Permite asignar el tipo de rol que cada usuario va a
realizar, también permite actualizar, eliminar y
guardar los cambios.
CU003 Generar el reporte de Permite buscar la prenda por el tipo de categoría
prendas como (polo, chompa, camisa, etc.) para saber que
prenda fue más consultada y descargar la
información en formato pdf.
CU004 Generar el reporte del Permite buscar que dispositivo fue más consultada y
Dispositivo descargar la información en formato pdf
CU005 Generar el reporte del Permite la búsqueda del inventario y la descarga del
inventario informe en formato pdf.
CU006 Consultar Prendas Permite mostrar la prenda con sus respectivas
características como (talla, color, precio, etc.) y
agregar a la compra solo como un simulador.
CU007 Administrar prendas Permite el registro de prendas nuevas y la
eliminación y la modificación de dichas prendas y
guardar los cambios de la información.

Fuente: Elaboración propia

3.6. Matriz de trazabilidad

28
Tabla 6: Matriz de trazabilidad

Requerimientos funcionales Casos de Uso


RF001 CUS001, CUS002
RF002 CUS003
RF003 CUS003
RF004 CUS001, CUS004, CUS005
RF005 CUS001
Fuente: Elaboración propia

3.7. Especificaciones de caso de uso del sistema

A continuación, se detallan todos los casos de uso del sistema que serán
implementados.

CU001 Administrar Usuario o Dispositivo

1. Descripción

Permite el registro de los usuario o dispositivo, la actualización, la eliminación


y guardar los cambios de la información

2. Requerimientos atendidos
R001
3. Actores
Administrador de sistemas
4. Precondición
Acceso al sistema
5. Flujo normal
5.1. El sistema muestra el formulario “Sistema de Administración”
5.2. El Administrador elije las operaciones a realizar.
5.2.1. El Administrador elige la opción de Menú, Personal de
Administración” USUARIOS” ver su flujo “Registro Usuario”.
5.2.2. El Administrador elige la opción de Menú, Personal de
Administración” LOGISTICA” ver su flujo “Registro del Personal”.

29
5.2.3. El Administrador elige la opción de Menú, Personal de
Administración” GERENTE” ver su flujo “Registro del Personal”.
5.3. El Administrador indica la opción “SALIR” del sistema

6. Sub flujo registro usuario


6.1. El sistema muestra el formulario “REGISTRO USUARIO” con las
siguientes informaciones: “nombre”, “username”, “password”, “localidad”,
“teléfono”, “acción”, “botón Editar”, “botón Eliminar”, “Botón salir”, “botón
Agregar nuevo usuario”.
6.2. El Administrador indica la opción “botón agregar nuevo usuario” subflujo
“usuario nuevo”
6.2.1. Sub flujo agregar nuevo usuario
a) El sistema muestra el formulario “agregar nuevo usuario” con la siguiente
información: “nombre”, “localidad”, “teléfono”, “username”, “password”,
“botón guardar”, “botón cancelar”.
b) El Administrador llena los datos en el formulario “agregar nuevo usuario”
y elige el “botón guardar”
c) El sistema guarda los datos del formulario “agregar nuevo usuario” y se
redirige al formulario ““REGISTRO DE USUARIO”
d) El sistema muestra el Formulario “REGISTRO DE USUARIO” con la
información del “nuevo usuario” registrado con un código elegido.

6.3. El Administrador indica la opción “botón editar” subflujo “editar usuario”


6.3.1. Sub flujo editar usuario
a) El administrador elige el campo en el formulario “REGISTRO DE
USUARIO” para actualizar
b) El sistema muestra el formulario “editar usuario” con la siguiente
información: “nombre”, “localidad”, “teléfono”, “username”, “password”,
“botón guardar”, “botón cancelar”.
c) El Administrador corrige los datos en el formulario “editar usuario” y elige
el “botón actualizar”
d) El sistema guarda los datos del formulario “editar usuario” y se redirige
al formulario ““REGISTRO DE USUARIO”

30
e) El sistema muestra el Formulario “REGISTRO DE USUARIO” con la
información del formulario “editar usuario” actualizada.

6.4. El administrador indica la opción “botón eliminar” ver subflujo formulario


“eliminar usuario”
6.4.1. Sub flujo eliminar usuario
a) El administrador elige el campo en el formulario “REGISTRO DE
USUARIO” para eliminar
b) El sistema muestra el formulario “ELIMINAR USUARIO “con la siguiente
información: “botón eliminar”, “botón salir”.
c) El Administrador elige en el formulario “eliminar usuario” el “botón
eliminar”
d) El sistema muestra en el formulario “REGISTRO DE USUARIO” la
disminución de los usuarios registrado.
6.5. El Administrador elige el “botón inicio” en el formulario “REGISTRO DE
USUARIO”
6.6. El sistema muestra el formulario “SISTEMA DE ADMINISTRACION”

7. Sub flujo registro del personal Logística


7.1. El sistema muestra el formulario “REGISTRO PERSONAL DE
LOGISTICA” con las siguientes informaciones: “puesto”, “username”,
“password”,” localidad”, “teléfono”, “acción”, “botón Agregar personal
Logística”, “botón editar”, “botón Eliminar”, “Botón salir”.
7.2. El Administrador indica la opción “botón agregar personal logístico”
subflujo “agregar nuevo personal”
7.2.1. Sub flujo nuevo personal
a) El sistema muestra el formulario “agregar nuevo personal” con la
siguiente información: “puesto”, “username”, “password”,”
localidad”, “teléfono”, “botón Agregar nuevo personal”, “botón
editar”, “botón Eliminar”, “Botón salir”.
b) El Administrador llena los datos en el formulario “nuevo personal”
y elige el “botón guardar”
c) El sistema guarda los datos del formulario “nuevo personal” y se
redirige al formulario ““REGISTRO PERSONAL DE LOGISTICA”

31
d) El sistema muestra el Formulario “REGISTRO PERSONAL DE
LOGISTICA” con la información del formulario “nuevo personal”
este es registrado con un código elegido.

7.3. El Administrador indica la opción “botón editar” subflujo “editar personal”


7.3.1. Sub flujo editar personal
a) El administrador elige el campo en el formulario “REGISTRO
PERSONAL DE LOGISSTICA” para actualizar
b) El sistema muestra el formulario “editar personal” con la siguiente
información: “puesto”, “username”, “password”,” localidad”,
“teléfono”, “botón actualizar”, “botón cancelar”.
c) El Administrador corrige los datos en el formulario “editar
personal” y elige el “botón actualizar”
d) El sistema guarda los datos del formulario “editar personal” y se
redirige al formulario “REGISTRO PERSONAL DE LOGITICA”
e) El sistema muestra el Formulario “REGISTRO PERSONAL DE
LOGISTICA” con la información del formulario “editar personal”
actualizada.

7.4. El administrador indica la opción “botón eliminar” ver subflujo formulario


“eliminar personal”
7.4.1. sub flujo eliminar personal
a) El administrador elige el campo en el formulario “REGISTRO
PERSONAL DE LOGISTICA” para eliminar
b) El sistema muestra el formulario “ELIMINAR PERSONAL” con la
siguiente información: “botón eliminar”,” botón cancelar”.
c) El Administrador acepta las condiciones elige en el formulario
“eliminar personal” el “botón eliminar”.
d) El sistema muestra en el formulario “REGISTRO PERSONAL DE
LOGISTICA” la disminución del personal registrado eliminado.
7.5. El Administrador elige en el menú “inicio” en el formulario “REGISTRO
PERSONAL DE LOGISTICA”
7.6. El sistema muestra el formulario “SISTEMA DE ADMINISTRACION”

32
8. Sub flujo registro personal gerencia
8.1. El sistema muestra el formulario “REGISTRO DEL PERSONAL
GERENCIA” con las siguientes informaciones: “puesto”, “username”,
“password”,” localidad”, “teléfono”, “acción”, “botón agregar personal
gerente”, “botón editar”, “botón Eliminar”, “Botón salir”.
8.2. El Administrador indica la opción “botón agregar personal gerente”
subflujo “agregar nuevo personal”
8.2.1. Sub flujo nuevo personal
e) El sistema muestra el formulario “agregar nuevo personal” con la
siguiente información: “puesto”, “username”, “password”,”
localidad”, “teléfono”, “botón Agregar nuevo personal”, “botón
editar”, “botón Eliminar”, “Botón salir”.
f) El Administrador llena los datos en el formulario “nuevo personal”
y elige el “botón guardar”
g) El sistema guarda los datos del formulario “nuevo personal” y se
redirige al formulario ““REGISTRO DEL PERSONAL
GERENCIA”
h) El sistema muestra el Formulario “REGISTRO DEL PERSONAL
GERENCIA” con la información del formulario “nuevo personal”
este es registrado con un código elegido.

8.3. El Administrador indica la opción “botón editar” subflujo “editar personal”


8.3.1. Sub flujo editar personal
f) El administrador elige el campo en el formulario “REGISTRO DEL
PERSONAL GERENCIA” para actualizar
g) El sistema muestra el formulario “editar personal” con la siguiente
información: “puesto”, “username”, “password”,” localidad”,
“teléfono”, “botón actualizar”, “botón cancelar”.
h) El Administrador corrige los datos en el formulario “editar
personal” y elige el “botón actualizar”
i) El sistema guarda los datos del formulario “editar personal” y se
redirige al formulario “REGISTRO DEL PERSONAL GERENCIA”

33
j) El sistema muestra el Formulario “REGISTRO DEL PERSONAL
GERENCIA” con la información del formulario “editar personal”
actualizada.

8.4. El administrador indica la opción “botón eliminar” ver subflujo formulario


“eliminar personal”
8.4.1. sub flujo eliminar personal
a) El administrador elige el campo en el formulario “REGISTRO DEL
PERSONAL GERENCIA” para eliminar
b) El sistema muestra el formulario “ELIMINAR PERSONAL” con la
siguiente información: “botón eliminar”,” botón cancelar”.
c) El Administrador acepta las condiciones elige en el formulario
“eliminar personal” el “botón eliminar”.
d) El sistema muestra en el formulario “REGISTRO DEL
PERSONAL GERENCIA” la disminución del personal registrado
eliminado.
8.5. El Administrador elige en el menú “inicio” el sistema muestra el formulario
“REGISTRO DEL PERSONAL GERENCIA”
8.6. El sistema muestra el formulario “SISTEMA DE ADMINISTRACION”
8.7. El administrador indica el “botón salir”.
8.8. El sistema de redirige al login de inicio.

CU002 Gestionar perfil

1. Descripción

Permite asignar el tipo de rol que cada usuario va a realizar, también permite
actualizar, eliminar y guardar los cambios.

2. Requerimientos atendidos
R002
3. Actores
Administrador de sistemas
4. Flujo normal

34
4.1. El administrador de Sistemas gestiona el Perfil
4.2. El administrador de Sistemas indica cada función del perfil
4.3. El Sistema ingresa a cada función del Perfil

CU003 Generar reporte de Usuario-dispositivo

1. Descripción

Permite buscar que dispositivo fue más consultada y descargar la información


en formato pdf

2. Requerimientos atendidos
R007, R008
3. Actores
Gerente
4. Precondición

Ingreso al sistema y en la opción menú pulsa en la opción de “REPORTES” ver


subflujo “reporte del inventario”.

5. Flujo normal
5.1. El sistema muestra el formulario “REPORTE DE USUARIO” con las
siguientes informaciones: “la casilla del buscador”, “fecha”, “personal”,
“estado”, “nombre producto”, “cantidad”, “botón descarga: copy, Excel, csv,
pdf”, “Botón Salir”.
5.2. El Gerente digita en la casilla de buscador las opciones siguientes:
dispositivo1, dispositivo2, dispositivo3, dispositivo4 o nombre del producto,
cantidad.
5.3. El gerente elige la opción buscar.
5.4. El Sistema obtiene la información del buscador la prenda polo.
5.5. en el formulario muestra la opción de la búsqueda.
5.6. El Gerente elige el “botón descarga: ” unas de estas opciones, copy, Excel,
csv, pdf”,
5.7. El sistema responde la petición y empieza la descarga en formato pdf
5.8. El Gerente elige la opción Inicio
5.9. El sistema muestra el formulario “SISTEMA DE GERENTE”.

35
CU004 Generar reporte de prendas de entrada y salidas

1. Descripción

Permite buscar las prendas que se han ingresado, y lo que se ha vendido

2. Requerimientos atendidos
R009, R0010 3. Actores Gerente
3. Precondición

Ingreso al sistema y pulsa en el menú la opción “REPORTE” sub flujo


“REPORTE DE PRENDAS DISPONIBLE.

4. Flujo normal
4.1. El sistema muestra el formulario “REPORTE DE PRENDAS
DISPONIBLES” con las siguientes informaciones: “nombre”, “codbarra”,
“talla”, “color”, “marca”, “precio”, “cantidad”, “imagen”.
4.2. El Gerente puede buscar las prendas con siguientes informaciones:
“nombre”, “codbarra”, “talla”, “color”, “marca”, “precio”, “cantidad”,
“imagen”.
4.3. El Gerente elige en el botón inicio
4.4. El sistema muestra el formulario “SISTEMA GERENTE”

CU005 Generar reporte de Inventario

1. Descripción

Permite la búsqueda del inventario y ver los detalles de la compra.

2. Requerimientos atendidos
R0011, R0012
3. Actores
Gerente
4. Precondición
5. Ingreso al sistema y pulsa en el menú la opción “REPORTE” sub flujo
“REPORTE DE INVENTARIO.
6. Flujo normal

36
6.1. El sistema muestra el formulario “REPORTEDE INVENTARIO” con las
siguientes informaciones: “fecha reporte”, “cliente”, “compra total”, “acción”,
” botón ver detalles completos”.
6.2. El personal de logística indica la opción “acción” “ver detalles completos”
6.3. El sistema muestra el formulario “reporte de consultas y ventas” con la
siguiente información:” cliente”, “día”,” nombre producto”, “precio”,
“cantidad”, “subtotal”, “total”, “botón cerrar”.
6.4. El Gerente elige el “botón salir” del formulario “GENERAR REPORTE DE
INVENTARIO”
6.5. El sistema muestra el formulario “BUSCAR TIPO DE PRENDA”
6.6. El Gerente indica la opción “Botón Salir” del formulario “Generar Reporte
Inventario”
6.7. El sistema muestra el formulario “Reporte de Inventario”

CU006 Consultar prenda

1. Descripción

Permite mostrar la prenda con sus respectivas características como (talla, color,
precio, etc.) y agregar a la compra solo como un simulador, ver el historial, ver
tu carrito, ver productos por temporada, hacer búsqueda por código de barra

2. Requerimientos atendidos

R005, R006

3. Actores

Usuario o Dispositivo

4. Flujo normal

4.1. El sistema muestra la página principal con la siguiente información “el logo”,
“texto”, “lector de código de barra”
4.2. El cliente elige una prenda y con el “lector de código de barra” del dispositivo
escanea el código de barra de la prenda.

37
4.3. El sistema muestra el formulario “MENÚ DE PRENDA” con la siguiente
información: “imagen prenda”, “nombre”, “código barra”, “talla”, “color”,
“precio”, “marca”, “cuadro de prendas destacadas”. Y el “botón carrito”
4.4. El cliente elige el “botón carrito”
4.5. El sistema muestra el cuadro de cantidad de prendas a elegir.
4.6. El cliente digita 1 y pulsa el carrito
4.7. El sistema muestra el cuadro con la siguiente información “botón +”, “botón
–“, “cerrar”, “revisar”.
4.8. El cliente elige el botón revisar
4.9. El sistema muestra el formulario “CONFIRMAR COMPRA” con la siguiente
información: “nombre producto”, “cantidad disponible”, “precio”, “cantidad de
compra”, “subtotal”, “botón cancelar”, “botón eliminar”, “botón de confirmar”.
4.10. El cliente elige la opción confirmar
4.11. El sistema muestra el formulario “HISTORIAL DE COMPRA” con la siguiente
información: “fecha de compra”, “cantidad”, “acción”.
4.12. El cliente elige el la opción acción “ver detalles completos”.
4.13. El sistema muestra el formulario “DETALLE DE COMPRA” con la siguiente
información: “nombre producto”, “precio”, “cantidad de compra”, “sub total”,
“total”, “botón cerrar”.
4.14. El cliente elige el botón cerrar
4.15. El sistema muestra el formulario “HISTORIAL DE COMPRAS”.
4.16. El cliente elige el en el botón productos “todas las categorías”
4.17. El sistema muestra las prendas en total
4.18. El cliente elige el “botón admin” busca la opción salir
4.19. El sistema muestra el panel de login

38
CU007 Administrar prenda

1. Descripción

Permite el registro de prendas nuevas y la eliminación y la modificación de


dichas prendas y guardar los cambios de la información.

2. Requerimientos atendidos

R003, R004

3. Actores

Personal de logística

4. Precondición
El personal de logística accede al sistema
5. Flujo normal

5.1. El sistema muestra el formulario “SISTEMA DE LOGISTICA” con las


siguientes características: menú (inicio, menú, salir”
5.2. El personal de logística elije la opción menú “productos”.
5.3. El sistema muestra el formulario “REGISTRO DE PRENDA” con la siguiente
información: “nombre”, “personal”, “código de barra”, “talla”, “color”, “marca”,
“precio”, “cantidad”, “imagen”, “acción”, “botón editar”, “botón eliminar”,
“botón Agregar nuevo Producto,
5.4. El personal de logística elige la opción de “agregar nuevo producto” ver
subflujo “Agregar nueva prenda” Sub flujo “agregar nueva prenda”
5.5. El sistema muestra el formulario “agregar nueva prenda” con la siguiente
información: “nombre”, “temporada”, “puesto, “codbarra”, “talla”, “color”,
“marca”, “precio”, “cantidad”, “imagen”, “botón guardar”, “botón cancelar”.
5.6. El personal de logística llena los datos en el formulario “agregar nueva
prenda”
5.7. El personal de logística elige la opción “botón guardar” del formulario
“agregar nuevo prenda”
5.8. El sistema guarda los datos del formulario “agregar nuevo prenda” y se
redirige al formulario “REGISTRO DE PRENDAS”.

39
5.9. El Formulario “REGISTRO DE PRENDAS” muestra las prendas registradas
con un código registrado.
5.10. El personal de logística indica la opción “botón Eliminar” ver subflujo
“Eliminar prenda” Sub Flujo de “eliminar prendas”
5.11. El personal de logística selecciona el campo de una prenda para eliminar
5.12. El personal de logística elige el campo seleccionado con el “botón eliminar”
5.13. El sistema muestra el formulario “eliminar producto” con la siguiente
información “botón eliminar”, “botón cancelar”.
5.14. El personal de logística acepta las condiciones para eliminar elige el “botón
eliminar”
5.15. El sistema muestra el formulario ““REGISTRO DE PRENDAS”. sin el campo
eliminado
5.16. El personal de logística no acepta las condiciones para eliminar elige el
“botón cancelar”.
5.17. El sistema muestra el formulario “REGISTRO DE PRENDAS”. con el campo
seleccionado
5.18. El personal de logística indica la opción “botón editar” ver subflujo “editar
producto” Sub Flujo de “editar producto”.
5.19. El personal de logística selecciona el campo de una prenda para modificar
5.20. El personal de logística elige el campo seleccionado con el “botón editar”
5.21. El sistema muestra el formulario “editar producto” con la siguiente
información: “nombre”, “temporada”, “puesto”, “codbarra”, “talla”, “color”,
“marca”, “precio”, “cantidad”, “imagen”, “botón actualizar” “botón cancelar”.
5.22. El personal de logística modifica los datos del formulario “editar producto”
5.23. El personal de logística selecciona el “botón actualizar” el sistema guardar
los datos del formulario “editar producto” y se redirige al formulario
“REGISTRO DE PRENDAS”.
5.24. El sistema muestra en el formulario “REGISTRO DE PRENDAS”. con los
datos modificados
5.25. El personal de logística indica la opción “Botón Regresar”

40
3.8. Diagrama de Secuencia de caso de uso del sistema

CU001 Administrar usuario o dispositivo

Figura 11: Diagrama de secuencia del caso de uso CU001

Fuente: Elaboración propia

41
CU002 Gestionar perfil

Figura 12: Diagrama de secuencia del caso de uso CU002

Fuente: Elaboración propia

42
CU003 Generar reporte de prendas

Figura 13 : Diagrama de secuencia del caso de uso CU003

Fuente Elaboración propia

43
CU004 Generar reporte de usuario o dispositivo

Figura 14: Diagrama de secuencia del caso de uso CU004

Fuente: Elaboración propia

44
CU005 Generar reporte de Inventario

Figura 15: Diagrama de secuencia del caso de uso CU005

Fuente: Elaboración propia

45
CU006 Consultar prenda

Figura 16:Diagrama de secuencia del caso de uso CU006

Fuente: Elaboración propia

46
CU007 Administrar prenda

Figura 17: Diagrama de secuencia del caso de uso CU007

Fuente: Elaboración propia

47
CAPITULO IV

4. PRUEBAS Y RESULTADOS

4.1. Prueba de validación

Tabla 7 : Prueba de validación

PRUEBAS RESULTADOS
P001 El sistema se logea correctamente con el tipo de rol SI
asignado
P002 El sistema muestra las prendas de acuerdo con su código SI
con todas sus características.
P003 El sistema agrega la prenda al simulador de compra SI
P004 El sistema controla el stock real de las prendas en el reporte SI
del inventario.

48
P005 El sistema muestra el listado del registro de prendas en el SI
sistema de Logística.
P006 El sistema consigue agregar un nuevo registro de prenda en SI
el sistema de Logística.
P007 El sistema consigue eliminar el campo seleccionado de SI
prendas en el sistema de Logística.
P008 El sistema consigue editar la prenda seleccionada en el SI
sistema de Logística.
P009 El sistema muestra el listado del registro de las SI
características en el sistema de Logística.
P0010 El sistema de administrador consigue agregar un nuevo SI
registro
P0011 El sistema de administrador consigue eliminar el campo SI
seleccionada
P0012 El sistema de administrador consigue modificar el campo SI
seleccionada
P0013 El sistema gerente muestra el listado del inventario SI
P0014 El sistema usuario-dispositivo consigue buscar la categoría SI
de prenda (verano, otoño, invierno, primavera)
P0015 El sistema gerente muestra la cantidad de prendas SI
disponibles.
P0016 El sistema gerente muestra el listado del registro de SI
Inventario de prendas
P0017 El sistema gerente busca la prenda más consultada por SI
categoría (polo, chompa, camisa etc.)
P0018 El sistema gerente permite descargar el archivo en formato SI
pdf.
P0019 El sistema gerente muestra el listado del registro del SI
inventario de Dispositivo
P0020 El sistema gerente busca el dispositivo más utilizada. SI

P0021 El sistema gerente controla el stock real de la prenda. SI

49
P0022 El usuario-dispositivo busca las prendas con un código de SI
barra asignado.
P0023 El usuario-dispositivo busca y guarda las prendas en el SI
carrito
P0024 El usuario-dispositivo revisa y confirma la compra de la SI
prenda.
Fuente: elaboración propia

4.2. Resultados de validación

4.2.1. El sistema se logea correctamente con el tipo de rol asignado

Figura 18: Pagina de acceso al sistema

Fuente: Elaboración propia

4.2.2. Interfaz del administrador de sistema

50
Figura 19: Pagina principal del Administrador

Fuente: Elaboración propia

4.2.3. Registro del Interfaz del usuario donde asigna el rol que cumple cada usuario

Figura 20: Asignación de rol de cada usuario

Fuente: Elaboración propia

4.2.4. Interfaz del sistema de administracion registro de Personal de logistica

51
Figura 21: Registro de personal de Logística

Fuente: Elaboración propia

4.2.5. Interfaz de Administrador visualizar cuenta y actualizar la contraseña


Figura 22: Ingreso de una nueva Contraseña

Fuente: Elaboración propia

4.2.6. Interfaz del administrador Salir del sistema


Figura 23: Salir de sistema de Administrador

52
Fuente: Elaboración propia

4.2.7. Interfaz del sistema de Gerente


Figura 24: Página principal del Gerente

Fuente: Elaboración propia

4.2.7. Interfaz del sistema de gerente Reporte de inventario


Figura 25: Reporte de Inventario

53
Fuente: Elaboración propia

4.2.8. Interfaz del gerente Reporte de Consultas y ventas


Figura 26: Reporte de consulta y ventas

Fuente: Elaboración propia

4.2.9. Interfaz del Sistema de Gerente Reporte de Usuarios

54
4.2.10. Interfaz del Sistema de Gerente Reporte de Prendas de entradas y salidas

Figura 27: Reporte de la salida y entrada de las prendas

Fuente: Elaboración propia

4.2.11. Interfaz del Sistema de Gerente Mi cuenta


Figura 28: Cuenta del Gerente

Fuente: Elaboración propia


4.2.12. Saliendo del Interfaz del Administrador del gerente
Figura 29: Salir del sistema de la página del Gerente

55
Fuente: Elaboración propia

4.2.13. Inicio del Interfaz del sistema de logística

Figura 30: Página de inicio de Logística

Fuente: Elaboración propia

56
4.2.14. Interfaz de sistema de logística Registro de prendas
Figura 31: Registro de prendas

Fuente: Elaboración propia

4.2.15. Interfaz Sistema logística agregar nueva prenda


Figura 32:Registro de una nueva prenda

Fuente: Elaboración propia

57
4.2.17. Interfaz del administrador de Logística eliminar producto
Figura 33: Eliminar prenda

Fuente: Elaboración propia

4.2.18. Interfaz de Logística Modificar prenda


Figura 34: Modificar prenda

Fuente: Elaboración propia

4.2.18. Interfaz del administrador de Logística Mi cuenta


58
Figura 35: Cuenta de Logística

Fuente: Elaboración propia

4.2.19. Saliendo del Interfaz de administrador de Logística


Figura 36: Salir de la página de Logística

Fuente: Elaboración propia

4.2.20. Inicio del Interfaz del sistema del usuario o dispositivo


Figura 37: Pagina de usuario o dispositivo

59
Fuente: Elaboración propia

4.2.21. Interfaz del sistema del usuario o dispositivo búsqueda por código barra y
muestra las prendas con sus características

Figura 38 : Consulta de prenda

Fuente: Elaboración propia

4.2.22. Interfaz del sistema del usuario o dispositivo realizamos compra llenamos el
carrito
Figura 39: Elegir la cantidad que desea comprar

60
Fuente: Elaboración propia

4.2.23. Interfaz del sistema del usuario o dispositivo verificamos la compra en el


carrito pulsamos revisar
Figura 40 : Enviar al carrito para confirmar la compra

Fuente: Elaboración propia

4.2.24. Interfaz del sistema del usuario o dispositivo confirmar compra


Figura 41:Confirmar la compra

61
Fuente: Elaboración propia

4.2.25. Interfaz del sistema del usuario o dispositivo historial de compras


Figura 42: Historial de compras

Fuente: Elaboración propia

4.2.26. Interfaz del sistema del usuario o dispositivo detalle de compras


Figura 43:Detalle de la compra

62
Fuente: Elaboración propia

4.2.27. Saliendo del interfaz del sistema del Usuario o Dispositivo


Figura 44: Salir del sistema de usuario

Fuente: Elaboración propia

63
4.3. Características técnicas finales del producto

MYSQL:
Es un sistema de gestión de base de datos relacional (RDBMS) de código abierto,
basado en lenguaje de consulta estructurado. Que se utilizó en la creación de base
datos para administrar nuestro sistema y de esa manera no perder los datos que se
ingresara o que ya está ingresada. la versión de MYSQL es 2.1. Este sistema se
asocia más con las aplicaciones basadas en Web ya que nuestro proyecto es una
aplicación que se desarrolla en el lenguaje PHP. Esta es la licencia utilizada el GNU
GPL: la cual permite a cualquier persona, empresa o entidad usar el programa sin
ninguna restricción. También se da la libertad de modificar el producto y nuevamente
redistribuirlo bajo la misma licencia. Esta licencia se caracteriza por ser
completamente gratuita.

Figura 45: MYSQL

Fuente: MYSQL (https://byet.host/free-hosting)

STARUML:

64
Es una herramienta para moldeamiento en los estándares UML y como ya sabemos
es un lenguaje gráfico para construir, documentar, visualizar y especificar un sistema
de software. Con esta Herramienta creamos los diagramas de secuencias, diagrama
de caso de usos (por cada actor) y creación de paquetes, la versión que se utilizó
es 2.8.0, este es una versión nueva, que no es complicada de usar.

Figura 46: STARUML

Fuente: Elaboración propia

65
PHP7:
Es un lenguaje de programación gratuito, rápido y con una gran librería de funciones,
en cual fue utiliza la última versión para crear el desarrollo web del proyecto, la
licencia utilizada es PHP esta licencia es creada por el mismo.

Figura 47: Lenguaje de programación PHP

Fuente: Lenguaje de programación PHP


(https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=607:generar-html-
usando-lenguaje-php-ejemplos-sencillos-que-estudiar-para-ser-programador-web-
cu00733b&catid=69&Itemid=192)

ATOM:
Es un editor de texto moderno, accesible, pero que se puede descifrar hasta el
núcleo, esta herramienta fue utilizada en editar y escribir los códigos del desarrollo
Web, la última versión de dicha herramienta fue utiliza ya que es muy fácil de
entender y de programar.

66
Figura 48: Editor Atom

Fuente: Elaboración propia

Xampp:
Es un servidor web apache dentro de él es alojado los archivos Web. ¿Por qué lo
alojamos ahí? para poder iniciar (correr el programa) ya que existen muchos
servidores web optamos por este ya que es un software libre y la licencia es GNU,
fácil de usar y capaz de interpretar páginas dinámicas.

Figura 49: Xampp para la conexión con MYSQL

Fuente: Elaboración propia

67
CAPITULO V

5. CONCLUSIÓN

La conclusión que se puede derivar en la realización de este trabajo de proyecto de fin


de carrera es positiva.
• El aplicativo móvil desarrollado permitirá acceder la información de las prendas
de manera fácil, en las tiendas de gamarra, su uso es sencillo, lo cual estará
disponible para teléfonos inteligentes de todas las marcas android (lg, samsung,
huawei, motorola, entre otros) y mejorará la atención efectiva al cliente.
• Se obtuvieron grandes conocimientos en las tecnologías utilizadas en este
proyecto, se aprendieron conceptos importantes para el desarrollo del software
sobre las limitaciones hacia un dispositivo móvil, también se obtuvieron
conocimientos avanzados en el uso de la programación.
• Se logró implementar una página web sencilla que cuentan con diferentes roles
para cada usuario, para administrar a las tiendas que cuenten con una base de
datos.
68
CAPÍTULO VI

6. REFERENCIAS

BOOTSTRAP. (s.f.). Obtenido de http://getbootstrap.com/

Joyanes. (2008). Estructuras de Datos en Java (Primera ed.). España: McGraw-

Hill.

Mosquera, A., & Olarte, C. (2017). El papel de la tecnología en una tienda de moda en
un entorno. DOCFRADIS.

Perú Retail. (Martes, 13 de Diciembre de 2016). Obtenido de


http://www.peruretail.com/gamarra-recibe-medio-millon-compradores-dia/

PHP. (2011-2017). Obtenido de http://php.net/manual/es/intro-whatis.php

Portal PQS. (s.f.). Obtenido de http://www.pqs.pe/economia/indecopi-gamarranueva-


oficina-atencion-consumidores

69
Android Studio. (2017). Obtenido de

https://developer.android.com/studio/index.html

Area Tecnologia. (2017). Obtenido de

http://www.areatecnologia.com/electronica/rfid.html

INEI. (10 de Mayo de 2012). RPP NOTICIAS. Obtenido de

http://rpp.pe/economia/economia/emporio-de-gamarra-alberga-mas-de-
24milestablecimientos-noticia-480508

Mires, J. J. (Diciembre del 2013). DISEÑO E IMPLEMENTACIÓN DE UNA


APLICACIÓN MÓVIL. Lima: Univercidad Catolica del Peru.

MYSQL. (2017). Obtenido de https://www.mysql.com/cloud/

Netbeans. (2017). Obtenido de https://netbeans.org/features/index.html

NFC. (2017). Obtenido de http://nearfieldcommunication.org/

ORACLE. (2017). Obtenido de https://www.oracle.com/lad/database/index.html


ORACLE. (2017). Obtenido de https://www.oracle.com/lad/java/index.html

70

También podría gustarte