diseÑo y desarrollo de un punto de venta con...

90
INSTITUTO POLITÉCNICO NACIONAL ESCUELA SUPERIOR DE INGENIERÍA MECÁNICA Y ELÉCTRICA UNIDAD PROFESIONAL “ADOLFO LOPEZ MATEO” DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MÓVIL T E S I S QUE PARA OBTENER EL TÍTULO DE: INGENIERO EN COMUNICACIONES Y ELECTRÓNICA P R E S E N T A N JORGE MARTÍN NÚÑEZ ISLAS CARLOS GIOVANNI RAMÍREZ ROSARIO MITCHELL NAVA ROJO A S E S O R E S ING. CATALINA PATIÑO GALLEGOS M. EN C. LUIS ANTONIO GARCÍA ESPINOSA CIUDAD DE MÉXICO MAYO 2016

Upload: truongkhanh

Post on 28-Sep-2018

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

INSTITUTO POLITÉCNICO NACIONAL

ESCUELA SUPERIOR DE INGENIERÍA MECÁNICA Y ELÉCTRICA

UNIDAD PROFESIONAL “ADOLFO LOPEZ MATEO”

DISEÑO Y DESARROLLO DE UN PUNTO DE

VENTA CON APLICACIÓN MÓVIL

T E S I S

QUE PARA OBTENER EL TÍTULO DE:

INGENIERO EN COMUNICACIONES Y ELECTRÓNICA

P R E S E N T A N

JORGE MARTÍN NÚÑEZ ISLAS

CARLOS GIOVANNI RAMÍREZ ROSARIO

MITCHELL NAVA ROJO

A S E S O R E S

ING. CATALINA PATIÑO GALLEGOS

M. EN C. LUIS ANTONIO GARCÍA ESPINOSA

CIUDAD DE MÉXICO MAYO 2016

Page 2: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo
Page 3: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 2

Page 4: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 3

RESUMEN

En esta tesis se presenta el diseño y el desarrollo de un sistema basado en computadoras para un

punto de venta con aplicación móvil que ayude a mejorar las operaciones y procesos de un

establecimiento que ofrece servicio de restaurante o bar.

En dichos establecimientos el tiempo de atención que se le da a un cliente depende mucho de la

cantidad de meseros que laboran en el establecimiento y el tiempo en el que le lleva al cocinero

preparar el pedido del cliente.

Así que para ofrecer un servicio eficiente, optimizado y que el cliente pueda interactuar con el servicio

que se le otorga, se pretende diseñar y crear un punto de venta inteligente y personalizado, con opción

de dar de alta y baja inventario, que se vincule con un software móvil que el mesero pueda manipular

finalmente para tomar la orden del cliente, que el cocinero pueda recibir la orden en tiempo real y que

tenga una base de datos que almacene la información de los productos, órdenes y ventas del día.

El resultado de esta tesis es el prototipo de un sistema basado en computadora funcional desarrollado

en Visual Studio, en la plataforma .NET, tomando como base los lenguajes de SQL, C# y una

aplicación móvil con lenguaje Android y PHP.

ABSTRACT

In this thesis going to present the design and development of a computer-based point of sale for a

mobile application that helps improve operations and processes a guest service restaurant or bar

system it is presented.

In that sites the time attention is given to a client depends a lot on the amount of waiters working in the

establishment and the time it takes the chef prepare the request.

So to provide efficient, optimized and the customer to interact with the service that is given, is to design

and create an intelligent and personalized point of sale, with option of giving high and low inventory

service that links with a mobile software that can eventually manipulate the waiter to take the customer's

order, the cook can receive real-time order and you have a database that stores product information,

sales orders and day.

The result of this thesis is a prototype based on functional computer developed in Visual Studio, the

.NET platform system based languages SQL, C # and Android mobile application with PHP.

Page 5: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 4

INDÍCE

RESUMEN ........................................................................................................................................... 3

ABSTRACT .......................................................................................................................................... 3

INDÍCE ................................................................................................................................................. 4

INDÍCE DE IMÁGENES ....................................................................................................................... 7

INDÍCE DE TABLAS ............................................................................................................................ 9

INTRODUCCIÓN ............................................................................................................................... 10

CAPÍTULO I ....................................................................................................................................... 11

1.1 MARCO CONCEPTUAL .................................................................................................... 12

1.1.1 INGENIERIA DE SOFTWARE ....................................................................................... 12

1.1.2 BASE DE DATOS .......................................................................................................... 13

1.1.3 PUNTO DE VENTA ................................................................................................... 13

1.1.4 SOFTWARE DE PUNTO DE VENTA ............................................................................ 14

1.1.5 TABLETA ELECTRONICA ............................................................................................. 14

1.1.6 SQL SERVER ................................................................................................................ 14

1.1.7 PLATAFORMA .NET...................................................................................................... 14

1.1.8 VISUAL STUDIO ............................................................................................................ 14

1.1.9 C# .................................................................................................................................. 15

1.1.10 SQL ............................................................................................................................ 15

1.1.11 ANDROID .................................................................................................................. 15

1.1.12 MYSQL ...................................................................................................................... 15

1.1.13 PHPMYADMIN ........................................................................................................... 15

1.1.14 WAMPSERVER ......................................................................................................... 16

1.1.15 SQL EXPRESS SERVER .......................................................................................... 16

1.1.16 SISTEMA DE INFORMACIÓN BASADO EN COMPUTADORAS. ............................. 16

1.1.17 DIFERENCIAS ENTRE MYSQL Y SQL SERVER ..................................................... 16

1.2 MARCO CONTEXTUAL..................................................................................................... 17

1.2.1 EL PUNTO DE VENTA ACTUAL ................................................................................... 18

1.2.2 COMPOSICION DEL SISTEMA PUNTO DE VENTA .................................................... 18

1.2.3 COSTOS Y LIMITACIONES .......................................................................................... 19

1.2.4 ANALISIS DE PUNTOS DE VENTA .............................................................................. 19

Page 6: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 5

CAPÍTULO II ...................................................................................................................................... 22

2.1 METODOLOGIA ................................................................................................................ 23

2.1.1 DESCRIPCIÓN .............................................................................................................. 23

2.1.2 PLANEACIÓN Y ANÁLISIS (24%) ................................................................................. 23

2.1.3 DISEÑO (26%) ............................................................................................................... 24

2.1.4 CONSTRUCCIÓN (30%) ............................................................................................... 24

2.1.5 IMPLANTACIÓN (13%).................................................................................................. 25

2.1.6 OPERACIÓN Y MANTENIMIENTO (7%) ....................................................................... 25

CAPÍTULO III ..................................................................................................................................... 27

3.1 CONOCIMIENTO DEL MEDIO AMBIENTE GENERAL ..................................................... 28

3.1.1 DESCRIPCIÓN DEL SISTEMA TRADICIONAL ............................................................ 28

3.2 PLANTAMIENTO DE LA PROBLEMÁTICA ....................................................................... 29

3.3 EVALUACIÓN Y DIAGNOSTICO DE LA SITUACIÓN ACTUAL ........................................ 30

3.3.1 JUSTIFICACION ............................................................................................................ 30

3.3.2 OBJETIVOS ................................................................................................................... 30

3.3.3 EVALUACIÓN ................................................................................................................ 30

3.3.4 DIAGNOSTICO .............................................................................................................. 32

3.3.5 PROPUESTA DE LA SOLUCIÓN .................................................................................. 33

3.3.6 PLANES DE TRABAJO (DIAGRAMA DE GANTT) ........................................................ 36

3.3.7 ANÁLISIS DE COSTO – BENEFICIO ............................................................................ 38

CAPÍTULO IV..................................................................................................................................... 39

4.1 DISEÑO ............................................................................................................................. 40

4.1.1 DISEÑO DE LA BASE DE DATOS ................................................................................ 40

4.1.2 DISEÑO DEL SOFTWARE DE ESCRITORIO ............................................................... 41

4.1.3 DISEÑO DE LA APLICACIÓN MOVIL ........................................................................... 43

4.1.4 DISEÑO DEL MONITOR DE ÓRDENES ....................................................................... 45

4.1.5 DISEÑO DE LA CONEXIÓN .......................................................................................... 46

4.2 CONSTRUCCIÓN .............................................................................................................. 46

4.2.1 BASE DE DATOS .......................................................................................................... 46

4.2.2 SOFTWARE DE ESCRITORIO ..................................................................................... 50

4.2.3 APLICACIÓN MÓVIL ..................................................................................................... 55

4.2.4 MONITOR DE ÓRDENES ............................................................................................. 57

4.2.5 CONEXIÓN .................................................................................................................... 58

Page 7: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 6

CAPÍTULO V ..................................................................................................................................... 59

5.1 IMPLANTACIÓN ................................................................................................................ 60

5.1.1 DATOS DE LA EMPRESA. ........................................................................................... 60

5.1.2 IMPLEMENTACIÓN DEL SISTEMA. ............................................................................. 62

5.1.3 ENTRENAMIENTO Y CAPACITACIÓN. ........................................................................ 62

5.2 OPERACIÓN Y MANTENIMIENTO ................................................................................... 62

5.2.1 MANUAL DE USUARIO ................................................................................................. 62

5.2.2 MANTENIMIENTO ......................................................................................................... 62

CONCLUSIONES .............................................................................................................................. 63

BIBLIOGRAFÍA Y REFERENCIAS .................................................................................................... 64

GLOSARIO ........................................................................................................................................ 66

ANEXO .............................................................................................................................................. 68

Page 8: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 7

INDÍCE DE IMÁGENES

Figura 1: Esquema de la metodología CVDSIBC .............................................................................. 26

Figura 2: Descripción del Sistema Tradicional. .................................................................................. 28

Figura 3: Diagrama de flujo de Nivel 0 de sistema actual. ................................................................. 31

Figura 4: Diagrama de flujo de Nivel 1 del sistema actual ................................................................. 31

Figura 5: Descripción de la función atención al cliente. ..................................................................... 32

Figura 6: Descripción del sistema propuesto. .................................................................................... 34

Figura 7: Diagrama de flujo de sistema propuesto. ............................................................................ 34

Figura 8: Diagrama de flujo a nivel 1 del sistema propuesto. ............................................................. 35

Figura 9: Diseño de Pantalla Inicio. ................................................................................................... 41

Figura 10: Diseño de Ventana Menú. ................................................................................................ 41

Figura 11: Diseño de Ventana Orden. ............................................................................................... 41

Figura 12: Diseño de Ventana Cuenta. .............................................................................................. 42

Figura 13: Diseño de Ventana Inventario. .......................................................................................... 42

Figura 14: Diseño de Ventana Ventas. .............................................................................................. 43

Figura 15: Inicio Principal ................................................................................................................... 43

Figura 16: Inicio ................................................................................................................................. 44

Figura 17: Interfaz móvil de la aplicación de la ventana Menú ........................................................... 44

Figura 18: Interfaz móvil de la pantalla de Orden .............................................................................. 45

Figura 19: Conexión Global ............................................................................................................... 46

Figura 20: Modelo Relacional de la Base de Datos. .......................................................................... 46

Figura 21: Servidor WAMP SERVER ................................................................................................. 49

Figura 22: Ejecución de consulta SQL en MySQL. ............................................................................ 49

Figura 23: Estructura de la Base de Datos. ....................................................................................... 50

Figura 24: Captura de pantalla de la ventana Inicio ........................................................................... 50

Figura 25: Captura de pantalla de Login. ........................................................................................... 50

Figura 26: Captura de pantalla de la ventana MAIN. ......................................................................... 51

Figura 27: Botones de acceso rápido. ............................................................................................... 51

Figura 28: MenuStrip de cabecera. .................................................................................................... 51

Figura 29: Captura de pantalla de la ventana MENÚ. ........................................................................ 52

Figura 30: Captura de pantalla de la ventana ORDEN. ..................................................................... 53

Figura 31: Captura de pantalla de la ventana CUENTA. ................................................................... 53

Figura 32: Captura de pantalla de la ventana INVENTARIO. ............................................................ 54

Figura 33: Captura de pantalla de la ventana VENTAS. .................................................................... 54

Figura 34: Captura de pantalla de la ventana INICIO (aplicación móvil). ........................................... 55

Figura 35: Captura de pantalla de la ventana PRINCIPAL (aplicación móvil). ................................... 55

Figura 36: Captura de pantalla de la ventana MENU (aplicación móvil). ........................................... 56

Figura 37: Captura de pantalla de la ventana ORDEN (aplicación móvil). ......................................... 56

Figura 38: Captura de pantalla de la lista de ordenes (aplicación móvil). .......................................... 57

Figura 39: Captura de pantalla de la ventana MONITOR. ................................................................. 57

Page 9: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 8

Figura 40: Descripcion de la conexión de los elementos del sistema. ............................................... 58

Figura 41: Logotipo Bar Luna ............................................................................................................ 60

Figura 42: Ubicación del establecimiento (Estado-Municipio). ........................................................... 61

Figura 43: Ubicación del establecimiento (Colonia-Calle-Número). ................................................... 61

Figura 44: Fachada del establecimiento. ........................................................................................... 61

Page 10: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 9

INDÍCE DE TABLAS

Tabla 1: Comparación entre MySQL y SQL Server ........................................................................... 17

Tabla 2: Tabla sistemática ................................................................................................................. 33

Tabla 3: Tabla sistemática del sistema propuesto. ............................................................................ 35

Tabla 4: Costo - Beneficio .................................................................................................................. 38

Tabla 5: Diseño de las Tablas de la base de Datos ........................................................................... 40

Tabla 6: Tabla user ............................................................................................................................ 47

Tabla 7: Tabla ventas ........................................................................................................................ 47

Tabla 8: Tabla producto ..................................................................................................................... 48

Tabla 9: Tabla subcategoría .............................................................................................................. 48

Tabla 10: Tabla orden ........................................................................................................................ 48

Page 11: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 10

INTRODUCCIÓN

Actualmente las grandes empresas comerciales como por ejemplo supermercados, restaurantes,

farmacias, etc. cuentan con un Sistema de Punto de Venta (SPDV) que administra sus actividades

principales como son: compras, ventas y pedidos; y en la mayoría de los casos no tienen problemas

cuando hacen sus inventarios, porque todo se maneja mediante lectores de código de barras que

registran sus productos, sus costos y sus cantidades de manera precisa y confiable.

Un sistema punto de venta está compuesto por software y hardware, creado especialmente para

agilizar los procesos relacionados con ventas y atención al público.

La tecnología de los sistemas punto de venta se inició en 1980 con la unión de un grupo de consultores

independientes, diseñadores de programas de cómputo y expertos en el desarrollo de soluciones

administrativas para el mercado Mexicano, el cual presenta necesidades distintas a las de otros

países.

Muchos establecimientos desean actualizar sus sistemas tradicionales, las pequeñas y medianas

empresas comerciales buscan también administrar adecuadamente su negocio, pero sin embargo no

tienen acceso a este tipo de tecnologías por lo que tienen una gran desventaja competitiva.

Los puntos de venta vienen a automatizar el proceso de salida y cobro de la mercancía en las tiendas

departamentales, comercios, restaurantes y otras instituciones. La implementación de los sistemas de

punto de venta no son un lujo, sino una necesidad primordial para agilizar los procesos en los que está

relacionado la salida de la mercancía en estos establecimientos.

El objetivo general es agilizar los procesos relacionados con ventas y atención al público de

establecimientos dedicados, realizando un sistema amigable con el usuario y personalizado con el

gerente, mejorando la relación entre estos dos, innovar en el mercado del software y el desarrollo de

puntos de venta para hacer más cómodo y fácil la labor del personal y reducir tiempos.

Es por ello que surge la idea de desarrollar un nuevo sistema que apoye y optimice el servicio de

atención al cliente para apoyar a los pequeños establecimientos que desean crecer, tener franquicias

o que desean la implementación de tecnología. Instalando nuestro sistema los hará crecer de manera

más sencilla e innovadora.

Page 12: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 11

CAPÍTULO I MARCO CONCEPTUAL Y CONTEXTUAL

Page 13: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 12

En este primer capítulo explicaremos los conceptos referentes al desarrollo de un software para un

sistema punto de venta y los principales componentes que debe tener para realizar adecuadamente

su función, la cual es hacer más eficiente la administración de un restaurante y tener un servicio de

mejor calidad en cualquier restaurante que aplique nuestro producto.

1.1 MARCO CONCEPTUAL

Para que se pueda comprender el contenido y objetivo de esta tesis, a continuación se describirán los

conceptos más importantes.

1.1.1 INGENIERIA DE SOFTWARE

Es la aplicación de un enfoque sistemático, disciplinado y cuantificable al desarrollo, operación y

mantenimiento de software, y el estudio de estos enfoques. Integra matemáticas, ciencias de la

computación y prácticas cuyos orígenes se encuentran en la ingeniería.

La implementación de la ingeniería, el análisis y el diseño de es muy importante, ya que se exige que

el software sea eficaz y barato tanto en el desarrollo como en la compra. También se requiere una

serie de características como fiabilidad, facilidad de mantenimiento y de uso, eficiencia, etc.

Los estándares de la ingeniería de software y la madurez de proceso, han caracterizado a la industria

del software como una disciplina madura. En un nivel más técnico, la ingeniería de software comienza

con una serie de tareas que hacen modelos y que resultan en una especificación completa de

requisitos y una representación comprensiva de diseño del software que será construido.

La ingeniería de software comprende un conjunto estructurado de procesos que representan los

“paradigmas de la ingeniería de software”. Los cuales se basan en la naturaleza del proyecto y de la

aplicación, en los métodos y las herramientas que serán usados en el proyecto, los controles y los

productos o servicios desarrollados.

La ingeniería de software brinda el enfoque sistemático del desarrollo, operación, mantenimiento y

ciclo de vida del software. También ayudará a establecer el costo-beneficio dentro del desarrollo del

producto.

A través de la ingeniería de software se buscan los siguientes objetivos:

Establecer calidad en los productos dirigidos a los usuarios.

Aumento de productividad.

Control en el proceso del desarrollo de software.

Bases para la construcción de software de alta calidad en una forma eficiente.

Garantizar la producción y mantenimiento de los productos de software desarrollados en el

plazo fijado y dentro del costo estimado. [1]

Page 14: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 13

1.1.2 BASE DE DATOS

Se le llama base de datos a los bancos de información que contienen datos relativos a diversas

temáticas y categorizados de distinta manera, pero que comparten entre sí algún tipo de vínculo o

relación que busca ordenarlos y clasificarlos en conjunto. Diferentes programas y diferentes usuarios

deben poder utilizar estos datos. Por lo tanto, el concepto de base de datos generalmente está

relacionado con el de red ya que se debe poder compartir esta información.

¿Por qué utilizar una base de datos?

Una base de datos proporciona a los usuarios el acceso a datos, que pueden visualizar, ingresar o

actualizar, esta a su vez es más útil cuando la cantidad de datos almacenados crece. [6]

Una base de datos puede utilizarla sólo un usuario en un equipo, o en un grupo de equipos, es decir

que la información se almacena en equipos remotos y se puede acceder a ella a través de una red.

La principal ventaja de utilizar bases de datos es que múltiples usuarios pueden acceder a ellas al

mismo tiempo. [a]

Administración de bases de datos

Debido a la aparición de las bases de datos surgió la necesidad de contar con un sistema para poder

administrarlas. La administración de bases de datos se realiza con un sistema llamado DBMS

(Database management system [Sistema de administración de bases de datos]). El cual es un conjunto

de servicios que nos permiten administrar bases de datos, que tiene como características principales:

Un fácil acceso a los datos

El acceso a la información por parte de múltiples usuarios

La manipulación de los datos encontrados en la base de datos (insertar, eliminar, editar).

Los principales sistemas de administración de bases de datos son:

• Microsoft SQL server

• Microsoft Access

• Microsoft FoxPro

• Oracle

• Sybase

• MySQL

• PostgreSQL

• mSQL

• SQL Server 11 [a]

• SQL Lite

• Bird

1.1.3 PUNTO DE VENTA

Es un sistema compuesto por software y hardware, creado especialmente para agilizar procesos

relacionados con ventas y atención al público con los avances tecnológicos que tenemos hoy en día

dichos software se pueden implementar en una diversa cantidad de dispositivos de diferentes

tecnologías como por ejemplo en tabletas electrónicas de pantalla táctil. [b]

Page 15: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 14

1.1.4 SOFTWARE DE PUNTO DE VENTA

Este es el sistema encargado de realizar todo el proceso de venta desde la captura de los productos

en su base de datos, lectura de la información mediante dispositivos externos, emisión de

comprobantes de compra, emisión de reportes mensuales entre muchas funciones más. [c]

1.1.5 TABLETA ELECTRONICA

Es un tipo de computadora portátil, de mayor tamaño que un teléfono inteligente o una PDA, integrado

en una pantalla táctil, (sencilla o multitáctil) con la que se interactúa primariamente con los dedos o

una pluma stylius (pasiva o activa), sin necesidad de teclado físico ni ratón. Estos últimos se ven

reemplazados por un teclado virtual y, en determinados modelos, por un mini-mouse integrado en uno

de los bordes de la pantalla. [d]

Ventajas:

• Más ligeras que las laptops:

• La mayor ventaja de las tabletas electrónicas contra las laptops es lo extremadamente

ligeras y sus características prácticas.

• Estas pueden ser fácilmente acomodadas bajo el brazo y moverlas de un lugar a otro. [2]

Otras ventajas

Otras ventajas de las tabletas electrónicas Pc son: software de terceros, aplicaciones y herramientas

hechas específicamente para las tabletas, procesador de baja temperatura, duración más larga de

batería.

1.1.6 SQL SERVER

Es un sistema de gestión o administración de bases de datos relacionales, que puede ejecutar muchas

tareas simultáneamente con otras tareas y es accesible a muchos usuarios a la hora de obtener

información que se encuentra almacenada en este gestor de base de datos. [3]

1.1.7 PLATAFORMA .NET

Es un componente del software de Microsoft que hace énfasis en la transparencia de redes con

independencia de plataforma de hardware, haciendo que permita un desarrollo rápido de aplicaciones.

.NET es una respuesta a los programas de desarrollo de entornos web creados por JAVA y en PHP

permitiendo una integración, acceso más rápido y simple desde cualquier dispositivo a todo tipo de

información. [j]

1.1.8 VISUAL STUDIO

Es un programa de desarrollo para crear aplicaciones para Windows, Android e iOS, entre otros;

además de aplicaciones web y servicios en la red. [7]

Page 16: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 15

1.1.9 C#

Es un lenguaje de programación que se ha diseñado para compilar diversas aplicaciones que se

ejecutan en .NET Framework. C# es simple, eficaz, con seguridad de tipos y orientado a objetos. Las

numerosas innovaciones de C# permiten desarrollar aplicaciones rápidamente y mantener la

expresividad y elegancia de los lenguajes de estilo de C. [4]

1.1.10 SQL

El lenguaje de consulta estructurado o SQL (por sus siglas en inglés Structured Query Language) es

un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos

de operaciones en ellas. Una de sus características es el manejo del álgebra y el cálculo relacional

que permiten efectuar consultas con el fin de recuperar, de forma sencilla, información de bases de

datos, así como hacer cambios en ellas. [3]

1.1.11 ANDROID

Es un sistema operativo basado en el núcleo Linux. Fue diseñado por google principalmente para

dispositivos móviles con pantalla táctil, como teléfonos inteligentes o tabletas electrónicas y también

para relojes inteligentes, televisores y automóviles. [d] [9]

1.1.12 MYSQL

MySQL es un sistema de uso libre de administración de bases de datos con más de seis millones de

instalaciones; es software de código abierto. Código abierto significa que es posible para cualquier

persona usarlo y modificarlo. Cualquier persona puede bajar el código fuente de MySQL y usarlo sin

pagar. Permite a aplicaciones escritas en diversos lenguajes de programación, acceder a las bases

de datos desarrolladas en diferentes lenguajes.

MySQL es una base de datos muy rápida en la lectura pero puede provocar problemas de integridad

en entornos de alta concurrencia en la modificación de archivos. En aplicaciones web hay baja

concurrencia en la modificación de datos y en cambio el entorno es intensivo en lectura de datos, lo

que hace a MySQL ideal para este tipo de aplicaciones. Sea cual sea el entorno en el que va a utilizar

MySQL, es importante monitorizar de antemano el rendimiento para detectar y corregir errores tanto

de SQL como de programación. [8]

1.1.13 PHPMYADMIN

Es una herramienta creada con la intención de manejar la administración de MySQL a través de

páginas web, utilizando Internet. Actualmente puede crear y eliminar Bases de Datos, crear, eliminar

y alterar tablas, borrar, editar y añadir campos, ejecutar cualquier sentencia SQL, administrar claves

en campos, administrar privilegios, exportar datos en varios formatos y está disponible en 62 idiomas.

Page 17: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 16

1.1.14 WAMPSERVER

Es un entorno de desarrollo web de Windows, que nos permite crear aplicaciones web con Apache 2,

PHP y una base de datos MySQL. Trabajando en conjunto con PHPMYADMIN nos permite administrar

fácilmente una base de datos en la web.

1.1.15 SQL EXPRESS SERVER

Versión optimizada de Microsoft SQL server. Ésta sirve para uso libre y distribuible a los

desarrolladores de software. Esta versión incluye mayor almacenamiento en las bases de datos,

elimina el proceso de sobrecarga que generaba la versión anterior al conectarse más de 5 usuarios.

1.1.16 SISTEMA DE INFORMACIÓN BASADO EN COMPUTADORAS.

Es la integración de hardware, software, personas, procedimientos y datos. Todos estos elementos se

conjugan, trabajando juntos, para proporcionar información básica para la conducción de la empresa.

Esta información hace posible que las empresas lleven a cabo sus tareas con mayor calidad y facilidad.

1.1.17 DIFERENCIAS ENTRE MYSQL Y SQL SERVER

Como sabemos MySQL es el administrador de base de datos más popular usado en la red. Desde sus

inicios su objetivo ha sido ser el gestor de base de datos libre más rápido y libre pero sacrificando

muchas características.

Una de las razones por la que MySQL es permanentemente comparado frente a SQL Server es porque

los dos son populares en la misma plataforma, también cabe resaltar que MySQL tiene herramientas

mejoradas principalmente para Windows pero no siempre están actualizadas o no tienen las mismas

prestaciones.

En cuanto a SQL Server Microsoft ha desarrollado este administrador de base de datos que soporta

y es compatible con casi todo, por el mismo hecho de que fue creado para venderse y ganar dinero a

diferencia de MySQL. SQL Server no tiene muchas cosas en contra si acaso solamente el precio; pero

para combatir la popularidad de MySQL tiene una versión libre y redistribuible incluso en aplicaciones

comerciales.

En la siguiente tabla comparativa podemos ver cuáles son las características que posee cada uno.

Page 18: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 17

Tabla 1: Comparación entre MySQL y SQL Server

1.2 MARCO CONTEXTUAL

El sistema de Punto de Venta (POS por sus siglas en inglés Point of Sale) es de suma importancia

hoy día en cualquier tienda. Esta tecnología llegó junto a los equipos de cómputo y a la demanda de

los mismos gracias a los bajos costos que se manejan en el mercado. Fue desarrollada e impulsada

principalmente por el desarrollo del Código de Barras.

En resumen un punto de venta permite llevar el control de todo lo que sucede en los negocios que

tienen venta de mostrador o venta al público y nos permiten atender al cliente de una mejor forma,

más rápido y con todo el control del negocio automático.

El punto de venta tiene diferentes funciones básicas que aportan diferentes beneficios para una

empresa:

• Captura de información inmediata.

• Total control del negocio (incluidos los inventarios).

Una función muy importante y vital en todo negocio es el conocimiento de su información, por ejemplo

la cantidad de empleados, el desempeño de estos, el producto más vendido, modificación del

inventario de acuerdo con la cantidad del uso de cada producto y reportes de mercancía dañada, entre

otras características más.

Prácticamente cualquier tipo de negocio puede verse beneficiado con un sistema punto de venta. El

ejemplo más clásico es un supermercado, pero también una carnicería, una tienda de discos o incluso

un restaurante puede usar un punto de venta.

Page 19: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 18

El sistema punto de venta se compone con los siguientes elementos; un elemento físico (hardware) y

un programa (software), con los actuales avances de la tecnología donde cualquier persona puede

traer consigo un teléfono móvil o una tableta electrónica se han desarrollado diferentes sistemas

puntos de venta para cubrir las necesidades de estos dispositivos y del cliente en particular. Algunos

han sido desarrollados para los sistemas operativos de dispositivos móviles tales como: Android, Java,

entre otros.

1.2.1 EL PUNTO DE VENTA ACTUAL

El PDV que se utiliza actualmente está diseñado especialmente para el proceso de ventas o atención

al cliente, entre sus componentes podemos mencionar. Monitor Touchscreen, CPU con sistema

operativo, software de punto de venta, Impresora de recibos, escaner y en algunos casos pueden

diferir el contenido agregándole teclados, lectoras de tarjetas magnéticas, etc. El beneficio de las

terminales punto de venta radica en que todos los componentes están perfectamente ensamblados

todo en uno y ocupa un espacio reducido, por ello su nombre Terminal Punto de Venta (TPDV).

1.2.2 COMPOSICION DEL SISTEMA PUNTO DE VENTA

Como hemos podido ver los puntos de venta anteriormente se constituían de cuatro elementos básicos

llamados “hardware”:

1. Scanner: Un lector de código de barras.

2. Impresora de Tickets: Al finalizar una venta se entrega un ticket al cliente; también nos permite

imprimir alguna operación del punto de venta, por ejemplo al hacer algún movimiento bancario,

etc. o en el cierre de caja.

3. Cajón de Dinero: Este elemento guarda el dinero y se abre generalmente al hacer una venta

en efectivo o al hacer algún movimiento bancario.

4. PC: Es la computadora que opera el sistema, actualmente debido a avance de la tecnología

se pueden usar dispositivos móviles como teléfonos celulares o tabletas electrónicas.

Algunos puntos de venta específicos para ciertos negocios o comercios poseen diferentes

características como lo son impresoras de códigos de barras y basculas, entre otros. El programa o

“software” del sistema punto de venta debe de tener las siguientes características:

1. Registrar las ventas de una manera fácil y rápida.

2. Encontrar fácilmente y rápido los productos, así como clasificarlos y ordenarlos para su venta.

3. Integrar puertos que nos faciliten el manejo del sistema punto de venta; ya que a través de

estos puertos podemos conectar diversas herramientas que nos facilitan el trabajo con este;

como lo son: lectores de códigos de barra, impresoras, entre otros.

4. Poder realizar transacciones bancarias y cierres de caja o de turno.

5. Llevar un control de los inventarios.

6. Entrega de un ticket al cliente que visito el restaurante o negocio.

Page 20: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 19

1.2.3 COSTOS Y LIMITACIONES

Actualmente en el mercado hay diversos puntos de venta, los precios también varían de acuerdo a las

necesidades del restaurante o negocio que se desea administrar mediante el punto de venta.

En la actualidad podemos encontrar sistemas punto de venta que son muy costosos a los cuales hay

personas que desean tener uno en su negocio pero no pueden tener acceso a este por su elevado

costo.

Hay variedad de precios en el mercado actualmente, podemos encontrar puntos de venta desde

$1,200 pesos hasta $11,000 pesos dependiendo el equipo y las necesidades del negocio.

Algunos de los más conocidos y más usados que encontramos se enlistan y se muestran más

adelante.

Dependiendo de las características del punto de venta y necesidades del negocio podemos enumerar

las limitaciones con que cuentan este tipo de aplicaciones o programas.

Algunas de ellas son:

1. Falta de seguridad: No cuentan con los candados de seguridad necesarios para evitar que

otras personas las cuales no están permitidas para realizar diversas consultas o movimientos

puedan accesar a éste.

2. Actualizaciones vía internet: Si el sistema punto de venta no cuenta con actualizaciones no

podrá operar y esto genera retraso en operaciones de venta, consulta y movimientos

bancarios que el establecimiento o restaurante pueda manejar. Este tipo de actualizaciones

son muy importantes para su correcto funcionamiento son más fáciles de hacer y se llevan

menos tiempo.

3. Poca capacidad en base de datos: Este tipo de limitación trae consigo muchos problemas al

dueño y al administrador del negocio, ya que al no tener suficiente espacio en su base de

datos no podrá almacenar y consultar todos los artículos que tenga en existencia dentro del

inventario.

4. Pérdida de información: Hay que considerar que los puntos de venta son similares a una

computadora y que con cualquier falla o alteración del sistema se pueden presentar perdidas

de información.

1.2.4 ANALISIS DE PUNTOS DE VENTA

Existen diversos programas punto de venta hoy en día que fueron diseñados de acuerdo a las

necesidades y requerimientos de los negocios donde se encuentran instalados.

Dentro de estos podemos encontrar los siguientes:

a) Soft-Restaurant.

b) SICAR.

c) PDV CASIO.

Page 21: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 20

Los anteriormente mencionados son los más usados principalmente en restaurantes y

establecimientos dedicados a la venta de comida y a continuación se enlistaran los detalles de cada

uno.

1.2.4.1 SOFT RESTAURANT [g]

Es un sistema de punto de venta creado por una compañía mexicana ideal para todo tipo de negocio

gastronómico ofreciendo una solución integrada con la funcionalidad y flexibilidad necesaria para el

negocio centralizando todas las operaciones de manera práctica y rápida permitiendo el control ideal

y los beneficios en la operación de tu negocio, incrementando la productividad y mejorando el servicio.

Algunas de sus características son:

1. Soporta Facturación.

2. Generador de orden de compra en base a stock mínimo y máximo.

3. Envío de órdenes de compra al proveedor por correo electrónico.

4. Tipos de servicio para venta rápida.

5. Reportes de venta, comensales y productos por hora y/o por semana.

6. Mesero puede accesar a todas las mesas.

7. Configuración de precio de productos.

8. Conversión entre unidades para recetas.

9. Sistema de administración, punto de venta y almacén.

El precio de la licencia anual es de $2,500.

1.2.4.2 SICAR [h]

Es una empresa que desarrolla un sistema punto de venta que permite crecer de forma fácil y

organizada a la empresa o establecimiento, ayudándolo a brindar un mejor servicio con las

herramientas que necesita para atender más rápido, administrar mejor los productos, llevar controles

de inventario, ofrecer descuentos, entre muchas cosas más.

Su software de punto de venta tiene las siguientes características:

1. Realizar facturas electrónicas.

2. Realizar cotizaciones a los clientes.

3. Realizar ventas y compras.

4. Controlar créditos y cobranza.

5. Nota de crédito.

6. Clientes con huella digital.

7. Realizar venta de recargas y pago de servicios.

8. Realizar un control de inventarios.

9. Realizar cortes de caja.

10. Crear permisos para empleados.

11. Integración de más accesorios.

12. Llevar control de clientes.

13. Llevar control de proveedores.

Page 22: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 21

14. Reportes de todo tipo.

El precio de la licencia anual es de $3,990.

1.2.4.3 PDV-CASIO [i]

Programa líder de su especialidad en el país, ofreciendo soluciones integrales junto con equipos PDV

4000, elaborados en México con elementos producidos para la marca, por líderes mundiales. Busca

satisfacer las diferentes necesidades del mercado, ofreciendo módulos que se aplican a ciertos tipos

de clientes y desarrollando aplicaciones especiales para cada caso en específico, logrando con esto

una flexibilidad que nos permite manejar desde tiendas individuales, farmacias hasta negocios de

comida.

1. Artículos en venta, manejo automático de precios, ofertas, descuentos y tipo de clientes.

2. Ingresos recibidos por diferentes formas de pago.

3. Egresos.

4. Pagos como anticipo de una mercancía o abono a cuentas de crédito.

5. Registro de ventas.

6. Operaciones realizadas.

7. Corte de caja parcial o definitivo.

8. Inventarios de todas o cada una de las tiendas.

9. Entradas, salidas, ajustes y traspasos entre tiendas.

10. Estadística de ventas de todas o cada una de las tiendas

11. Flujo de caja de todos o cada uno de los PDV's.

La información presentada anteriormente para realizar la comparación de estos sistemas punto de

venta la obtuvimos directamente de la empresa; observamos que cada uno tienen diferentes

características que satisfacen a un negocio en particular, no todos son para un negocio en particular

ya que hay alguno más complicado que otro y hace más pesada la tarea de administración del negocio.

El precio de la licencia anual es de $2,900.

Page 23: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 22

CAPÍTULO II MARCO METODOLOGICO

Page 24: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 23

2.1 METODOLOGIA La metodología que se usara para la elaboración de la siguiente tesis tiene como nombre Ciclo de Vida de Desarrollo de Sistemas de Información Basados en Computadoras (CVDSIBC); a continuación se describirá cada elemento con un porcentaje del tiempo que se debe implementar a cada uno de estos.

Para desarrollar este tesis se optó por utilizar la metodología para el desarrollo de un Sistema de

Información Basados en Computadoras, debido a que este está orientado a apoyar las funciones

básicas de la empresa, condensando e integrando la mayor parte de la información relevante de la

empresa brinda la administración de diversas cantidades y tipos de información.

2.1.1 DESCRIPCIÓN

Un sistema de Información Basado en Computadoras es un conjunto integrado de programas de computadora, equipos y servicios de cómputo, cuyo propósito fundamental es: obtener y proporcionar información de apoyo, a las funciones de la institución, empresa o área.

El Ciclo de Vida de Desarrollo de Sistemas (CVDS), comúnmente, se considera como el conjunto de actividades que los: usuarios, analistas, diseñadores, constructores, implantadores y operadores; necesitan llevar a cabo para desarrollar y poner en marcha un Sistema, donde se presentan y describen en términos muy generales, cada una de las fases y actividades que conforman un Ciclo de Vida de Desarrollo de Sistemas de Información Basados en Computadoras (CVDSIBC).

El Ciclo de Vida para el Desarrollo de Sistemas se realiza siguiendo las siguientes etapas o actividades generales o fases. (Porcentaje de recursos sugeridos para su ejecución entre paréntesis).

2.1.2 PLANEACIÓN Y ANÁLISIS (24%) Se enfoca totalmente al intento de seccionar un posible problema u oportunidad en las partes que lo conforman para analizarlo y comprenderlo, así como de desarrollar soluciones de carácter general que fuesen aplicables en este contexto o medio ambiente, en este se encuentran siempre las personas que requieren su solución, o que se ven afectados directa o indirectamente por su existencia, llamados usuarios. Las tres subfaces de la fase de Análisis son:

a. Análisis de la situación actual o Investigación preliminar (Conocer el “pasado”) i. Identificar y conocerla institución donde se construirá e implantará el Sistema

de Información. ii. Conocer el medio ambiente específico del área en el que se va a trabajar iii. Identificar funciones del área de aplicación del SIBC iv. Obtención de Información v. Identificar los procesos actuales con respecto a la situación que se está

identificando y analizando. (¿Cómo lo hacen ahora?). vi. Identificar y Recopilar u obtener todo tipo de documentación o información. vii. Identificar o definir los alcances del Sistema actual y del futuro.

b. Análisis e identificación de los requerimientos de información o análisis de la

problemática e identificación de los requerimientos de apoyo informático (Analizar el “Presente”).

Page 25: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 24

i. Identificación de posibles: entradas, salidas, procesos, archivos y/o bases de datos, controles, tiempos, volúmenes y distribución, se debe obtener básicamente, los elementos de un Sistema.

c. Propuesta General de Solución y Reporte de Análisis (Proponer el “Futuro”). i. Para elaborar planes y/o programas de trabajo. ii. Para elaborar Diagramas de Flujo de Datos (DFD´s). iii. Para efectuar Análisis de Costos /Beneficios.

2.1.3 DISEÑO (26%) Es la colección de actividades necesarias para conducir (ampliando y adaptando los postulados de la propuesta del análisis) a la creación del sistema hasta el momento en que las instrucciones o procesos de cada programa computacional puedan ser codificadas por el programador o creadas en una herramienta automática de construcción, está técnicamente orientada a responder a la pregunta ¿Cómo hacerlo?, una vez que en la etapa de análisis, se ha propuesto: ¿Qué hay qué hacer?

a. Diseño preliminar o conceptual o lógico: Diseño de la arquitectura del sistema, diseño de la interfaz con el usuario, diseño de todo tipo de Salidas, diseño de todo tipo de Entradas, diseño de los diagramas o descripción general de todos los Procesos, definición y utilización de productos secundarios.

iv. Identificación y definición detallada de los elementos de almacenamiento de información: Bases de Datos, Archivos, (El diseño de la estructura de la Base de Datos).

v. Identificación y/o definición de los elementos susceptibles de brindar cifras o actividades de control (diseño de los esquemas o procesos o actividades de Control).

b. Diseño detallado o particular o procedural del sistema: La fase de diseño detallado del sistema correspondiente virtualmente a la construcción de las especificaciones de cada programa computacional, lo que viene a ser el puente entre la idea general o preliminar del diseñador y el equipo de programadores o implementadores.

2.1.4 CONSTRUCCIÓN (30%) La escritura o desarrollo de programas o procesos en la computadora es normalmente la actividad individual más operativa (e incluso tediosa), en el desarrollo de un Sistema de Información Basado en Computadoras.

a. Identificación de los propósitos del programa y con ellos la primera aproximación lógica a las rutinas que la computadora debe efectuar y a los límites (alcances) del programa.

b. Definición de la secuencia lógica en que los datos de entrada deberán ser procesados y su operación (también secuenciadas lógicamente) por las “rutinas” o procesos computacionales.

c. Traducción del planteamiento lógico del proceso (anterior), a códigos de programación “entendidos” por el procesador especial o de lenguaje de programación llamado “compilador” o una “interfaz de más alto nivel”, por medio de la operación denominada codificación de instrucciones.

Page 26: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 25

d. Compilar u operar las instrucciones mediante el uso de procesadores (compiladores) específicos, a fin de “depurar” los posibles errores de sintaxis y/o de lógica cometidos al codificar o al emplear una interfaz de más alto nivel.

e. Prueba del programa; esta tarea implica suministrar al proceso computacional datos de entrada “artificiales” para observar su ejecución, confrontando paso por paso las especificaciones (especificadas en las tablas de decisiones y secuencias de actividades) previas, con los resultados de la ejecución.

f. Descripción de actividades a ser realizadas por el personal que administre o maneje operativamente el programa computacional en su forma “ejecutable” u de operación final.

2.1.5 IMPLANTACIÓN (13%) La implantación o instalación del sistema tiene que ver, en primera instancia, con las consideraciones de hardware y software del mismo y usualmente, se lleva a cabo con posterioridad a la prueba del sistema.

a. Preparación de la Implantación. Entrenamiento del usuario: El entrenamiento de las personas que toman parte en las operaciones diarias con el sistema, es de vital importancia para facilitar y hacer bien el trabajo.

i. A personal nivel oficinista. ii. A personal de un nivel medio o administrativo.

b. Implantación y/o Conversión Completa del Nuevo Sistema: La implantación del sistema nuevo, es una actividad sumamente delicada y debe de realizarse con el mayor esfuerzo posible para tratar de obtener un a conversión correcta y/o sin tantos problemas o tropiezos.

2.1.6 OPERACIÓN Y MANTENIMIENTO (7%) La fase o etapa de operación del sistema de información, es aquella en la cual el sistema instalado, se transfiere del área de desarrollo a la de operación y entonces, queda totalmente bajo control de la instancia encargada de su producción u operación final.

a. Conformación del sistema nuevo a estándares de operación. b. Evaluación de los estándares de operación. c. Evaluación de la eficiencia de los procesos de computación. d. Mantenimiento de los programas o módulos. e. Obtención de mejoras en la operación. f. Revisión y Evaluación Total del sistema.

i. Satisfacción del usuario con las salidas del sistema. ii. Eficiencia del actual sistema respecto a sus procesos de recolección y

entrada de datos. iii. Contribución directa del sistema a los objetivos de la organización. iv. Contribución indirecta del sistema a los objetivos de la organización. v. Descontento con el presente sistema.

Page 27: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 26

Estas actividades tienen que seguir el orden específico y ser retroactivas ya que se debe tener en

cuenta el avance de la actividad anterior en la actividad actual y así sucesivamente, como lo muestra

el esquema.

Figura 1: Esquema de la metodología CVDSIBC

Para el desarrollo de un sistema se deben administrar los recursos de tal manera que el desarrollo

tenga el mayor peso (30%), seguido por el diseño (26%), la planeación y el análisis (24%), la

implantación (13%) y la operación y mantenimiento (7%). De tal manera que se debe destinar casi

igual recursos a la planeación al diseño y el desarrollo y teniendo una buena base con estos no se

necesitaran muchos recursos para el mantenimiento.

Page 28: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 27

CAPÍTULO III ANALISIS, EVALUACION Y DIAGNOSTICO

Page 29: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 28

3.1 CONOCIMIENTO DEL MEDIO AMBIENTE GENERAL

3.1.1 DESCRIPCIÓN DEL SISTEMA TRADICIONAL En los establecimientos tipo restaurante/bar existen distintos procesos, donde grandes cantidades de empleados tienen varias actividades con una meta en común, producir un sólo servicio: venta de productos comestibles y venta de bebidas. Cada uno de estos procesos es cuidadosamente monitoreado, debido a que la incorrecta manipulación y el mal inventario de los productos pueden perjudicar al cliente y por consecuencia al negocio. [e]

Las actividades del restaurante están divididas en 4 procesos principales:

A) Atención al cliente: El proceso de atención al cliente la maneja individualmente cada mesero, enlistaremos a continuación el proceso que lleva la atención al cliente: (Figura 1)

1. El cliente llega al establecimiento y espera a que un mesero lo atienda. 2. El mesero encargado de atenderlo, le muestra el menú y anota la orden del cliente. 3. El mesero lleva la orden a la cocina. 4. El cocinero recibe el pedido y empieza su preparación. 5. Tiempo de preparación. 6. Cuando la orden esta lista el cocinero llama al mesero. 7. El mesero va a la concina por la orden 8. El mesero lleva la orden al cliente. 9. El cliente recibe su orden. 10. Tiempo de degustación. 11. El cliente pide la cuenta. 12. El mesero busca la lista de productos que ordeno el cliente. 13. El mesero calcula la cuenta del cliente basado en la orden o pedido del cliente. 14. El mesero lleva la cuenta al cliente. 15. El cliente paga, el mesero recibe y deposita en la caja el dinero.

Figura 2: Descripción del Sistema Tradicional.

Page 30: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 29

NOTA: cabe señalar que cuando el mesero consulta o toma la orden del cliente este puede pedir algún otro consumible o ingrediente del menú; el cual será ingresado también en la cuenta. La desventaja de este sistema es que el mesero debe estar pendiente de que el cocinero lo llame cuando la orden este lista y por consecuencia el mesero debe visitar la cocina en múltiples ocasiones.

B) Alta/Baja de inventario:

El sistema tradicional funciona de la siguiente manera:

Con las notas y un cuadro en Excel se contabiliza los productos existentes en cantidad.

Al momento de que se hace la compra de la materia prima solo se toma en cuenta aquella que se compra por paquete.

El gerente lleva un inventario rustico basado en notas, libretas y lista de compras.

C) Menú: En el sistema actual, el menú se muestra en una folleto o pancarta donde se muestra el menú que se ofrece, algunas veces mostrando imágenes y precio del mismo. D) Cuenta del día: La cuenta del día se calcula manualmente juntando todas las notas de los pedido que hubo en el día, en ocasiones pueden tener errores esos cálculos y en consecuencia, perdidas en los activos del establecimiento.

3.2 PLANTAMIENTO DE LA PROBLEMÁTICA De lo presentado anteriormente se puede determinar que existe una gran cantidad de problemas a resolver, de los cuales podemos detallar y dividir en tres diferentes áreas.

1. En el área de almacenamiento de materia prima:

No se encuentra detallada ni almacenada la información proveniente de los proveedores.

No existe un control de los insumos en cuanto al nivel o cantidad existente.

Escaso control de las materias primas con fecha de vencimiento.

2. En el área de venta se pueden detallar los siguientes problemas a resolver:

No existe coordinación en todas las partes involucradas.

No se puede determinar la cantidad de productos vendidos en forma exacta.

Imposibilidad de saber la cantidad de ventas realizadas por cada funcionario

El sistema de venta actual no es confiable, no es rápido y propenso a errores.

3. En el área de información comercial se pueden detallar los siguientes problemas a resolver:

No se puede cuantificar o determinar las posibles ventas en periodos específicos del año.

No existe un control para determinar el nivel de ventas de cada uno de los vendedores en distintos periodos del año.

Imposibilidad de determinar el nivel de utilidad de los productos.

No es posible determinar la totalidad de las ventas en las diferentes mesas del local.

Page 31: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 30

3.3 EVALUACIÓN Y DIAGNOSTICO DE LA SITUACIÓN ACTUAL

3.3.1 JUSTIFICACION La difícil manipulación del software de un punto de venta actual, funciones innecesarias, interfaz de usuario incomprensible y complicaciones en el ingreso de productos al inventario, nos impulsa a diseñar un software con una interfaz sencilla y rápida, que cuente con funciones esenciales de administración.

Apoyar a las pequeñas y medianas empresas (PYMES) dedicadas al servicio de venta de alimentos a impulsar su desarrollo funcional, facilitándoles y optimizando los procesos con las que cuentan actualmente, logrando un crecimiento en conjunto con ellas.

3.3.2 OBJETIVOS Objetivo General:

Desarrollar un software para punto de venta y un software de aplicación apoyado en el uso de dispositivos móviles como herramienta de administración mediante una interfaz amigable, que permita gestionar los pedidos de los clientes en un restaurante o bar.

Objetivos Específicos:

Diseñar una interfaz sencilla y amigable para el usuario en el software de escritorio y en la aplicación móvil.

Que el software permita administrar el inventario de manera sencilla para el usuario.

Conectar la aplicación con el software de escritorio sin necesidad de conexión a internet, convirtiendo a la computadora que contiene el software como un servidor local.

Ver las órdenes realizadas en un monitor ubicado en la cocina para que el cocinero indique cuando esta orden esta lista y mesero pueda recogerla.

Impresión del Ticket de una cuenta.

Diseñar y presentar los manuales de usuarios respectivos.

3.3.3 EVALUACIÓN

Desventajas del sistema actual

El uso solo de sistemas de escritorio detiene la evolución del software como tal, pues son las nuevas tecnologías en medios de interacción con el usuario los elementos que marcan la usabilidad del sistema.

En restaurantes-bares de gran tamaño con numerosa clientela obliga a la contratación de más personal para cubrir la demanda.

Si los tiempos de espera en un restaurante-bar son altos, generalmente no regresamos otra vez pues lo más molesto para un cliente es esperar.

Ventajas de la solución Propuesta

El escenario de un restaurante-bar es perfectamente aplicable para explotar las capacidades de un dispositivo móvil como medio de interacción con el usuario.

Page 32: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 31

El uso de dispositivos móviles evitarían la visita del mesero a la cocina para dejar las órdenes, esto mejoraría los tiempos de espera por parte de los clientes que a su vez estarán más satisfechos por una atención eficaz y eficiente pues se optimiza el rendimiento del personal.

Un dispositivo móvil es perfectamente portable para los meseros y ofrecería información actualizada al instante para todos los usuarios, esto reducirá errores en las órdenes. Además la cocina tendrá una pantalla táctil para mostrar la información de los pedidos y despacharlos. En definitiva la atención será más eficaz y eficiente, haciendo al restaurante más competitivo.

El cocinero vera desplegada lo que ordena el cliente en una pantalla ubicada en la cocina.

Diagramas de flujo del sistema actual.

Figura 3: Diagrama de flujo de Nivel 0 de sistema actual.

Figura 4: Diagrama de flujo de Nivel 1 del sistema actual

Page 33: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 32

3.3.4 DIAGNOSTICO

Los sistemas tradicionales para restaurantes de nuestro medio no se apoyan en dispositivos móviles, generalmente son sistemas de escritorio o notas hechas a mano.

Un sistema actual de escritorio difícilmente podría ayudar a los meseros pues no lo pueden portar por su peso y dimensiones.

El funcionamiento de la atención al cliente apoyado de un terminal punto de venta se describe a continuación:

1. El cliente espera a que un mesero lo atienda. 2. El mesero le otorga el menú y anota la orden. 3. El mesero ingresa el pedido en el punto de venta. 4. El pedido se imprime del lado de la cocina. 5. El cocinero empieza la preparación. 6. El mesero está atento de que su pedido esté listo para ir a la cocina por él. 7. El mesero va a la cocina por el pedido. 8. Lleva el pedido al mesero. 9. El cliente recibe su orden y degusta su producto. 10. Tiempo de degustación. 11. El cliente llama al mesero para pedir la cuenta. 12. El mesero va al punto de venta a calcular la cuenta. 13. Imprime la cuenta. 14. Lleva el ticket al cliente. 15. El cliente paga la cantidad total por el servicio.

Figura 5: Descripción de la función atención al cliente.

El tiempo que un mesero usa para llevar el pedido a la cocina representa tiempo de espera para el cliente, además si el cliente desea modificar su orden el mesero debe buscar su nota de pedido por el número de mesa lo cual consume tiempo.

Page 34: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 33

Tabla 2: Tabla sistemática

Subsistemas Entradas Procesos Salidas Tiempos Volúmenes Datos Controles

Generación de orden

Orden del usuario

Elaboración de la cuenta

Hoja de bloc con cuenta

5 minutos aprox.

80 – 100 diarias

N° de mesa Costo total

Que no se repita el N°

de mesa

Actualización del almacén

Notas de compra Botellas vacías

Contar las botellas

existentes

N° de botellas en existencia

1 -2 días aprox.

1 por mes N° de botellas y

marca

Que no se cuenten mal las botellas.

3.3.5 PROPUESTA DE LA SOLUCIÓN

Desarrollar un software para un punto de venta personalizado que pueda manejar los siguientes aspectos:

o Menú o Inventario o Orden/Pedido o Cuenta o Ventas del Día

Este software (de escritorio), contara con un ingreso al sistema controlado por usuarios y cuentas, esto para evitar la manipulación del inventario si es que no está autorizado para esta tarea.

Desarrollar una aplicación móvil que sirva de herramienta para que el mesero pueda ingresar fácilmente el pedido del cliente. Esta aplicación servirá también para que el cliente visualice el menú y su descripción (ingredientes y precio).

Visualizar en un monitor (ubicado en la cocina) en tiempo real el pedido que pidió algún cliente. Así evitando la visita del mesero a la cocina, reduciendo eficazmente tiempos.

Diseñar una base de datos sencilla donde se pueda manejar entrada y salida de materia prima, menús, usuarios, proveedores, cuentas, ventas del día, etc.

Crear una conexión entre el software de escritorio y la aplicación móvil, para que cada cambio en la base de datos se actualice en ambos lados.

El modo de funcionamiento que se propone para la atención al cliente se describe a continuación:

1. El cliente espera a que un mesero lo atienda. 2. El mesero presenta el menú con ayuda de la aplicación móvil y ordena los productos. 3. El sistema procesa la orden y se almacena en el servidor. 4. El pedido se muestra en un monitor ubicado en la cocina. 5. Tiempo de preparación. 6. El mesero recibe una notificación en su dispositivo móvil de que el pedido está listo. 7. El mesero va a la cocina por él. 8. Lleva el pedido al mesero. 9. El cliente recibe su orden y degusta su producto. 10. Tiempo de degustación.

Page 35: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 34

11. El cliente llama al mesero para pedir la cuenta. 12. El mesero va al punto de venta e ingresa el número de orden. 13. Imprime el ticket. 14. Lleva la nota de pago al cliente. 15. El Cliente paga.

Se presenta un nuevo diagrama de flujo de datos, en la cual se muestra la situación de los procesos, la transición y la transformación de los flujos de datos, sus orígenes y destinos y los lugares de almacenamiento de información del nuevo sistema propuesto como solución.

Figura 7: Diagrama de flujo de sistema propuesto.

Figura 6: Descripción del sistema propuesto.

Page 36: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 35

Figura 8: Diagrama de flujo a nivel 1 del sistema propuesto.

A continuación se presenta la tabla sistémica del sistema propuesto, para una mejor exposición de los elementos del sistema.

Tabla 3: Tabla sistemática del sistema propuesto.

Subsistemas Entradas Procesos Salidas Tiempos Volúmenes Datos Controles

Generación de orden

Orden del usuario

Elaboración del ticket de compra

Ticket de compra

(impreso)

1-2 minutos aprox.

80 – 100 diarias

N° de orden Costo total

No repetir el N° de

orden

Actualización del almacén

Notas de compra

Registros de compras

Actualización por

medio de una consulta a la

base de datos

N° de botellas

en existencia

1 min. Aprox.

Diario N° de botellas y marca

Actualizar los datos

de ingresos

Consulta de ganancia del día

Solicitud de consulta a la

base de datos

Suma de todos los tickets del día

Pantalla con las

ganancias en

número

1 minuto aprox.

Diario N° de ventas

No ingresar una fecha

incorrecta o invalida

Page 37: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 36

3.3.6 PLANES DE TRABAJO (DIAGRAMA DE GANTT)

A continuación se muestra el diagrama de Gantt cuyo objetivo es mostrar el tiempo de dedicación

previsto para la metodologia, tareas o actividades a lo largo de un tiempo total determinado en que se

planea trabajar.

Page 38: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 37

Page 39: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 38

3.3.7 ANÁLISIS DE COSTO – BENEFICIO

Con este análisis costo-beneficio se pretende dar a conocer al cliente los beneficios que obtendrá al implementar el nuevo sistema. En la siguiente tabla se muestran los costos que se generaran al desarrollar e implantar el nuevo sistema:

Tabla 4: Costo - Beneficio

Concepto Costo ($)

Horas Hombre $17,875.00

Papelería general $200.00

Computadora $5,000.00

Router Inalámbrico $350.00

2 Monitores Touch $5,000.00 c/u

Tableta Electrónica $1,000.00

Impresora Térmica $980.00

Subtotal $35,405.00

Total (IVA) $40,263.8

Para obtener el precio de las horas hombre se investigaron precios, salarios y se realizaron los siguientes cálculos:

El salario en promedio de un desarrollador de software ronda entre los $26,000 y los $30,000 pesos, dividiendo la primera cantidad entre 30 días nos da un salario de $866.66 al día, es decir, $36 pesos la hora.

Se planean 165 días de trabajo con 3 horas cada día en total 495 horas.

Multiplicando las horas por el salario promedio por hora, da un resultado de $17,875 MNX.

El sistema contara con 2 tipos de licencia, licencia para software de escritorio y licencia para la aplicación móvil.

El promedio de costo de una licencia anual de un software ronda en los $2,000 y $4,000 con funciones extras que pocos establecimientos llegan a ocupar

Por lo tanto para la licencia del software de escritorio se propone un precio de $1,200 MNX.

El promedio de costo de una aplicación móvil se maneja de $43 a $180.

Se propone un costo de licencia por cada dispositivo de la aplicación móvil de $90 MNX.

Los beneficios que se obtendrán serán en el orden del proceso y serán los siguientes:

Generación de un ticket impreso.

Generación automática del costo total del pedido.

Mayor control en los pedidos.

Actualización del inventario más sencilla y eficiente.

Visualización de las ganancias diarias.

Monitoreo de órdenes.

Page 40: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 39

CAPÍTULO IV DISEÑO Y CONSTRUCCIÓN

Page 41: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 40

4.1 DISEÑO

Basándonos en la propuesta de solución, enlistaremos cada aspecto y describiremos el diseño que

planteamos hacer. Al software desarrollado será llamado EASY-SOFT, por su fácil manipulación que

se planea lograr.

A continuación se describirá el diseño de los elementos que compondrán a nuestro sistema propuesto,

mencionando que se desea construir y el funcionamiento de estos.

4.1.1 DISEÑO DE LA BASE DE DATOS

La base de datos se diseñara pensando en el registro de los productos que se ordenaran, las ventas

del día y los usuarios que pueden ingresar al sistema.

La tabla Producto llevará una llave primaria (ID), nombre del producto, categoría principal (Comida o

Bebida), una segunda categoría que depende del inventario del establecimiento, precio individual, el

número de unidades en inventario y además una imagen para la visualización del producto en el Menú.

La tabla Orden contará con una llave primaria (ID), número de cuenta individual, producto elegido y su

precio, cantidad, la cantidad total de importe a pagar, detalles del pedido, el id del usuario que atendió,

hora de la petición y un dato llamado listo que le indicara al mesero si la orden esta lista.

La tabla Usuario tendrá un ID único, nombre completo del usuario, un usuario único, al que se le

asignará una contraseña (cifrada) y una fecha de registro.

La tabla Subcategoría tendrá un ID único, tipo (comida o bebida) y nombre.

La tabla Ventas tendrá un ID único que contendrá la fecha del día y Total donde se guardara la cantidad

total ganada en dicho día.

Tabla 5: Diseño de las Tablas de la base de Datos

Orden Producto Usuario Subcategoría Ventas

Id Orden Id Producto ♣ Id Usuario ♥ Id Subcategoría ♦ Id Venta ♠

Id Venta ♠ Nombre Nombre Nombre Total

Numero de Orden Categoría Usuario Tipo

Id Producto ♣ Id Subcategoría ♦ Contraseña

Importe Precio Fecha de Registro

Cantidad Descripción

Detalles Stock

Id Usuario ♥ Imagen

Hora

Listo

Page 42: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 41

4.1.2 DISEÑO DEL SOFTWARE DE ESCRITORIO

Para hacer el software más amigable con el usuario diseñaremos una ventana con listas desplegables

y botones sencillos.

Figura 9: Diseño de Pantalla Inicio.

El menú lo haremos sencillo donde con listas de despegables se encuentre el producto, o bien, con

tan solo ingresar en la búsqueda algún aspecto de productos, se visualizara los resultados

encontrados.

Figura 10: Diseño de Ventana Menú.

En el software de escritorio podrá ingresar el pedido de algún cliente, esto es, si la aplicación móvil

(más adelante explicada) se encuentra ocupada. Se pretende hacer una interfaz sencilla, con listas

desplegables y un botón donde se ingrese dicho pedido a la cuenta (tabla de la base de datos), con la

posibilidad de que se ingresen descripciones o especificaciones del producto. Al escoger el producto

se desplegara su precio, descripción, stock, imagen, ingredientes en una lista de productos.

Figura 11: Diseño de Ventana Orden.

Page 43: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 42

La función principal del software de escritorio es imprimir el ticket de una cuenta. La intención es que

el mesero ingrese el número de cuenta y se despliegue la lista de productos que se ordenaron (sin

descripción), mostrando como es que el ticket se mostrara impreso.

Además, se mostrara una tabla de datos que contendrá la lista de productos que contiene la orden,

esto, para que el usuario (mesero) tenga conocimiento de lo que va a imprimir en el ticket, si algún

producto se ingresó erróneamente, puede modificar la orden.

Figura 12: Diseño de Ventana Cuenta.

La modificación del inventario será muy sencilla. El usuario podrá ingresar, actualizar y eliminar

registros de la base de datos, teniendo la posibilidad de ingresar imágenes, para que en el apartado

de menú se muestre la imagen del producto. Para ingresar productos el usuario solo debe ingresar los

campos que la base de datos necesita en cada registró. Para actualizar deberá ingresar el ID del

producto a modificar e ingresar de nuevos los aspectos del producto y para eliminar solo deberá

ingresar el ID del producto y dar clic en eliminar.

Figura 13: Diseño de Ventana Inventario.

En el diseño del apartado de ventas del día, se mostrará el id de la cuenta individual, los productos,

cantidad y el precio, teniendo un botón de CERRAR ventas del día, que sumara todo el importe de las

ventas que hubo en el día.

Page 44: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 43

Figura 14: Diseño de Ventana Ventas.

4.1.3 DISEÑO DE LA APLICACIÓN MOVIL

El diseño de la interfaz de la aplicación EASY-SOFT será basada en un estilo minimalista, es decir

que tratamos de hacerla lo más simple pero funcional, descartando información innecesaria; el diseño

fue una recopilación de varias aplicaciones y con información que el cliente nos proporcionaba; la

interfaz tiene que tener la personalidad que proporciona el lugar donde se va a emplear.

La primera ventana con la que inicia la aplicación, contiene el logo de nuestra aplicación, situada en

la parte de en medio de la ventana con un tamaño grande abarcando casi el 70%, en la parte inferior

se muestra 1 botón con la función INICIAR y en la parte superior de este botón se encontrara el logotipo

de nuestro sistema.

Figura 15: Inicio Principal

La opción INICIAR por consecuente nos llevará a una segunda ventana en donde nos mostraran tres

menús despegables, con las siguientes funciones MENÚ y ORDEN (se necesitara inicio de sesión

para usar esta función).

Page 45: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 44

Figura 16: Inicio

Cada ventana fue diseñada basada en el mismo estilo y a pesar de que la aplicación maneja mucha

información tratamos de hacerla lo más simple y lo más entendible para el cliente.

Menú:

En la Figura 16, se podrá visualizar la imagen de los diferentes productos solo deslizando la imagen

o seleccionando de las listas despegables tipo, categoría y producto, automáticamente se llenaran los

recuadros de la información del producto automáticamente.

Figura 17: Interfaz móvil de la aplicación de la ventana Menú

Orden:

La ventana de ORDEN tendrá una tabla donde estarán los productos ingresados, básicamente la

aplicación está diseñada para pulsar botones, desplegar un menú de donde elegirá el elemento

deseado. Al elegir producto se mostrará su imagen, el total actual de la cuenta y para modificar el

pedido se diseñó un apartado (más opciones) para modificar el pedido o cerrar el mismo. Cabe

destacar que este apartado se diseñará para cada ventana (menú y orden).

Page 46: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 45

Figura 18: Interfaz móvil de la pantalla de Orden

4.1.4 DISEÑO DEL MONITOR DE ÓRDENES

En un monitor se mostrara una tabla donde se mostrara el producto y los detalles que el cliente quiere

de este. Esta parte del diseño es una de las más importantes de nuestro sistema, la conexión será la

base para esta parte.

Cada orden será identificada por número de orden y un color, verde para una orden con un tiempo de

espera cortó, amarillo para un tiempo intermedio y rojo para un pedido que fue ordenado con un tiempo

de espera elevado, esto ayudara al cocinero a controlar mejor el producto que sale.

Figura 14: Monitor de Pedidos

Esta ventana está diseñada para un monitor con pantalla táctil, la razón es porque esta ventana

contendrá un listado de órdenes del día donde el cocinero indicara que orden esta lista para recoger.

Este valor antes mencionado en el diseño de la base de datos ayudara al mesero a conocer el estado

de las órdenes que lleva a su cargo.

Page 47: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 46

4.1.5 DISEÑO DE LA CONEXIÓN

El software de escritorio y la aplicación se conectaran directamente a la base de datos que estará

almacenada en el servidor principal, el monitor de ordenes estará conectada a la computadora donde

está el software, funcionando como un segundo monitor, en los elementos del sistema propuesto

(Monitor, Aplicación y Software) la base de datos es la principal herramienta para la conexión entre

estos tres.

Figura 19: Conexión Global

4.2 CONSTRUCCIÓN

A continuación se describirá el funcionamiento y como fue la construcción de los elementos antes

diseñados.

4.2.1 BASE DE DATOS

La siguiente imagen (Figura 19) muestra las relaciones que hay entre las tablas de la base de datos

construida.

Modelo relacional

Figura 20: Modelo Relacional de la Base de Datos.

Page 48: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 47

Diccionario de datos

Un diccionario de datos es una lista y descripción detallada de todos los elementos de almacenamiento

de información, identificados en el conjunto de los diagramas de flujo de datos que se describen a un

sistema.

Igual que en un diccionario, definen las palabras de un lenguaje, un diccionario de datos define los

términos asociados con las estructuras de datos, que se emplean en el desarrollo y empleo de los

sistemas información. Los elementos principales en un sistema de información son, de acuerdo con lo

que se ha comentado, el flujo de datos, el almacenamiento de datos, los procesos, los controles y los

tiempos.

Por lo tanto, un diccionario de datos construido por un conjunto riguroso de procedimientos que deberá

ayudar a cumplir los siguientes objetivos:

Establecer un glosario de términos.

Proponer una terminología estándar.

Definir todos los términos de almacenamiento asociados con un sistema.

Identificar estructuras de datos disponibles a todos los procesos.

Provee un control centralizado de datos, por ejemplo, para facilitar posibles cambios en el

sistema.

Provee una guía de referencia para evaluación de diseño.

Ayudan a minimizar costos de mantenimiento, al tener un repositorio con la información de

todas las estructuras de datos.

Tabla 6: Tabla user

Campo Llave

Campo Descripción Tipo de Dato

Longitud Permite Nulos

Dominio

PK id_user Clave del Usuario char 20 No Texto

usuario Usuario char 50 No Texto

nombre Nombre del Usuario char 100 No Texto

contraseña Contraseña de Usuario char 20 No Texto

fecha Fecha de Registro int 10 Si Numérico

Tabla 7: Tabla ventas

Campo Llave

Campo Descripción Tipo de Dato

Longitud Permite Nulos

Dominio

PK id_venta Clave de la Venta int 10 No Numérico

total Total de dinero obtenido double Si Numérico

Page 49: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 48

Tabla 8: Tabla producto

Campo Llave

Campo Descripción Tipo de Dato

Longitud Permite Nulos

Dominio

PK id_producto Clave del Producto char 50 No Texto

nombre Nombre del Producto char 100 Si Texto

precio Precio del Producto float No Texto

descripción Breve descripción del Producto char 200 Si Numérico

stock

Cantidad del Producto en existencia

int 10 No Numérico

BlobFile Imagen del Producto longblob Si Imagen

FK id_subcategoria Clave F. de la Subcategoría char 50 No Texto

Tabla 9: Tabla subcategoría

Campo Llave

Campo Descripción Tipo de Dato

Longitud Permite Nulos

Dominio

PK id_subcategoria Clave de la Subcategoría char 50 No Texto

nombre Nombre de la Subcategoría char 50 No Texto

tipo

Tipo de Subcategoría (Comida o Bebida)

char 10 No Texto

Tabla 10: Tabla orden

Campo Llave

Campo Descripción Tipo de Dato

Longitud Permite Nulos

Dominio

PK id_orden Clave de la Orden int 10 No Numérico

num_orden Numero de Orden del día int 10 No Numérico

importe Precio del Producto Elegido float No Numérico

cantidad Cantidad del Producto Elegido int 10 No Numérico

detalles Detalles del Producto Elegido char 254 No Texto

hora Hora de ingreso de la Orden int 10 No Numérico

listo Indica si la orden esta lista. char 3 No Texto

FK id_producto Clave foránea del Producto char 50 No Texto

FK id_venta Clave foránea de la Venta int 10 No Numérico

FK id_user Clave foránea del Usuario char 20 No Texto

Page 50: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 49

WAMP server

La construcción de la base de datos será en WAMP SERVER por la facilidad de uso y por su manejo

con los lenguajes de SQL y de PHP que se ocuparan más adelante para la construcción de la

aplicación móvil.

WAMP SERVER contiene los servicios de PHP, MySQL y APACHE, este último genera un servidor

local que puede almacenar páginas web y bases de datos, y podremos acceder a estas si estas

autorizado por el administrador del servidor.

Figura 21: Servidor WAMP SERVER

La creación de la base de datos será a través del servicio PHPMYADMIN que contiene WAMP

SERVER, para esto se ingresó al apartado de localhost (Figura 20) y se abrirá el administrador en el

buscador predeterminado.

Este servicio maneja varias funciones, entre ellas el manejo del lenguaje SQL, así que, podemos

construir la base de datos “manualmente” con las opciones que ofrece MySQL WAMPSERVER o con

una consulta SQL generada por el modelador de datos Erwin Data Modeler que una de las funciones

que ofrece es que convierte el modelo relacional (Figura 15) al lenguaje de consultas SQL, para este

sistema propuesto ocuparemos este modelador de datos para generar nuestra consulta SQL y

posteriormente ingresarla al servicio MySQL WAMPSERVER.

Figura 22: Ejecución de consulta SQL en MySQL.

Page 51: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 50

La base de datos almacenada en el servidor quedaría de la siguiente manera:

Figura 23: Estructura de la Base de Datos.

Cabe mencionar que si administrador del servidor desea buscar, insertar , vaciar , eliminar o cambiar

la estructura de alguna tabla, deberá ingresar al localhost y apoyarse en los servicios que ofrece

MySQL WAMPSERVER.

Nota: No se debe confundir al Administrador del servidor con el Gerente del establecimiento, este

último no tendrá el conocimiento de la existencia del localhost o servidor local para evitar que modifique

la base de datos del sistema propuesto EASYSOFT.

4.2.2 SOFTWARE DE ESCRITORIO

Para la construcción del sistema EASY-SOFT se utilizó el software de desarrollo Visual Studio, ya

mencionado el porqué del uso de este software en el capítulo 1, y las ventanas resultantes son las

siguientes:

Pantalla de Inicio (INDEX)

Al iniciar el software se mostrara la una pantalla compuesta de un botón principal, que al pulsarlo

activara una barra de carga que dura un tiempo determinado para la inicialización de elementos para

el inicio del software y a continuación se mostrara la pantalla de inicio de sesión (Login).

Figura 24: Captura de pantalla de la ventana Inicio

Figura 25: Captura de pantalla de Login.

Page 52: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 51

Pantalla de Principal (MAIN)

Al iniciar el sistema se mostrara una interfaz sencilla con 5 botones principales, los cuales son MENU,

ORDEN, CUENTA, INENTARIO y VENTAS, que se describirán más adelante. Cuenta con un menú

de selección en el encabezado de la ventana para elegir otras funciones que ofrece el sistema

propuesto, el nombre del usuario que inicio sesión y un indicador que muestra si está conectado al

servidor de la base de datos o no.

Figura 26: Captura de pantalla de la ventana MAIN.

Antes de iniciar el form se comprobara la conexión al a base de datos almacenada en el servidor local

que administra WAMP Server, indica si está conectado al servidor con un indicador de color verde o

de color rojo si no está conectado al servidor (Figura 25).

Al costado izquierdo de la pantalla están los botones de acceso rápido que son accesos directos a las

funciones principales de nuestro sistema, cada uno con su título y al seleccionar uno se abrirá una

ventana que contiene las funciones de dicho menú.

Figura 27: Botones de acceso rápido.

Tiene un menú de selección (MenuStrip) que admite la interfaz de múltiples funciones, cuyas

herramientas se despliegan al seleccionar un elemento. El Menustrip que tiene el sistema (Figura 27)

contiene los mismos accesos directos que los botones de acceso rápido, con la diferencia que al

seleccionar uno de estos accesos se desplegarán varias herramientas específicas de dicho menú

seleccionado. También, el MenuStrip contendrá la fecha actual y el indicador del estado de la

conexión.

Figura 28: MenuStrip de cabecera.

Page 53: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 52

Menú

Basándonos en el diseño de la herramienta MENÚ, y la descripción del funcionamiento de está, se

construyó una interfaz “táctil”, es decir, está diseñada para monitores con pantalla táctil, para que el

usuario seleccione de listas despegables el producto deseado.

Puede buscar el producto por nombre o si lo prefiere, por tipo y categoría, cuando seleccione un tipo

y categoría en específico se mostrara un listado de productos con estas características en el menú

despegable “Producto” y seleccionando dicho producto aparecerán sus características (Descripción,

Precio, Cantidad en existencia e Imagen) en las secciones que contiene esta ventana.

En la Figura 28 se muestra la ventana “Menú”, en la cual se en lista una serie de elementos que en

conjunto muestran la información del producto seleccionado o buscado.

En el apartado de Buscar (1) se podrá ingresar el nombre del producto que se desea visualizar, o

seleccionando en la lista despegable (ComboBox) el tipo de producto (2) que puede ser Comida o

Bebida, la categoría (3), y dependiendo de este último, seleccionar el producto (4) deseado.

Cuando el producto sea elegido se mostrara su descripción (5), precio (8), número de existencia del

producto en el inventario (7) y lo más importante, se mostrara la imagen del producto (6).

Figura 29: Captura de pantalla de la ventana MENÚ.

Orden

El proceso de ORDEN se basara en el dinamismo que caracteriza al sistema propuesto, es decir, una

interfaz sencilla para que el uso de este proceso de atención sea rápido.

El usuario (mesero) seleccionara una nueva orden (1), se mostrara el número de orden (2), fecha de

la orden (8), también, podrá agregar o eliminar (3) un producto a la orden. La interface le mostrara el

tipo de producto (9), la categoría (4), el nombre del producto (5), la cantidad (11) de este y el usuario

tendrá que indicar los detalles (6) o especificaciones de la orden, se pulsara el botón VER (10) si el

Page 54: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 53

usuario desea ver la imagen del producto, después de indicar estos detalles, ingresara (7) la orden a

una lista de productos antes ordenados (12).

Figura 30: Captura de pantalla de la ventana ORDEN.

Cuenta

La interface de la ventana CUENTA se desarrolló de tal manera que el usuario vera el último número

de orden del día (1) y en una lista despegable (2) estarán todas las órdenes del día , para que con un

solo clic seleccione la orden, previsualize el ticket (3) y lo imprima (5). Se mostrara una lista de los

productos ordenados (4) y si el usuario lo necesita, podrá modificar (6) esta lista en su caso.

Recordemos que el sistema está diseñado y construido para un establecimiento en general, así que,

en el ticket de compra estará el logotipo (7) de dicha empresa.

Figura 31: Captura de pantalla de la ventana CUENTA.

Page 55: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 54

Inventario

Para una mayor rapidez al introducir o eliminar productos al inventario se construyó una interface

donde el usuario seleccione la acción (1) a realizar (Agregar, eliminar o actualizar (12) un producto),

seleccionar su categoría o tipo (2), su clasificación o subcategoría (3), el identificador principal del

producto (4), nombre (5), precio (8), cantidad en existencia (9), detalles (10) y podrá agregar (7) la

imagen (6) del producto a la base de datos, después de ejecutar dicha acción (11), una lista de

productos (13) se desplegara para que el usuario observe que productos hay en el inventario.

Figura 32: Captura de pantalla de la ventana INVENTARIO.

Ventas

En la Figura 32 se muestra la ventana en la que el usuario podrá ver las ventas que se realizaron en

el día (4), podrá buscar por fecha si lo desea (3), cerrar el día (5) implica calcular todas las cuentas

del dicho día y cerrar totalmente el día (2) hará que el valor final se ingrese en la base de datos.

Figura 33: Captura de pantalla de la ventana VENTAS.

Page 56: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 55

4.2.3 APLICACIÓN MÓVIL

Para la construcción de las interfaces de la aplicación móvil se utilizó el desarrollador de Android: APP

INVENTOR 2 [o], además se crearon páginas web hechas con el lenguaje PHP y HTML, que

almacenan variables referentes a las de la base de datos, la conexión entre SQL y PHP es la base de

esta aplicación móvil.

La construcción de la aplicación móvil quedo de la siguiente manera:

Pantalla de Inicio

Al iniciar la aplicación se mostrara una pantalla la cual contiene el logo del sistema que hemos creado,

en la cual existe un botón en la parte inferior de la pantalla, al oprimir este botón se inicializara la

aplicación.

Figura 34: Captura de pantalla de la ventana INICIO (aplicación móvil).

Pantalla Principal

Esta ventana se compone de dos botones simples (Menú y Orden), cada uno con la imagen de estas

secciones, al oprimir alguno de ellos los enviara a la ventana correspondiente. Aquí es donde la

aplicación se apoya de las páginas web hechas con PHP.

Figura 35: Captura de pantalla de la ventana PRINCIPAL (aplicación móvil).

Page 57: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 56

Menú

Al igual que el software de escritorio, se desarrolló para el menú una interfaz dinámica y rápida, en

esta ventana se mostrara el logotipo(1) del establecimiento y con 3 listas de selecciones se elegirá el

tipo(2), la categoría(3) y el producto(4), mostrando como resultado la imagen(5), descripción, precio y

cantidad en inventario del mismo (6). Si el usuario oprime la imagen, se abrirá otra ventana mostrando

más grande la imagen.

Figura 36: Captura de pantalla de la ventana MENU (aplicación móvil).

Orden

Como resultado de la construcción, esta ventana mostrara el logotipo (1) del establecimiento y el

usuario (8) que inicio sesión en el dispositivo, además contiene 6 elementos tales como, un botón que

crea una nueva orden (2), contiene cuatro listas de selección donde se elegirá el tipo (3), la categoría

(4), el producto (5) y la cantidad (6) de productos que se desea ordenar, también, tiene un cuadro de

texto donde se escribirá los detalles de esta orden.

Figura 37: Captura de pantalla de la ventana ORDEN (aplicación móvil).

1

2

4

3

5 6

1

2

4

3

6

7

5

8

Page 58: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 57

Al terminar de llenar estos elementos se mostrara una lista de productos ordenados por este usuario

donde se enlistara por número de orden, contendrá también, el identificador del producto, cantidad,

detalles, identificador del usuario en sesión, la hora en la que se ordenó y el identificador si la orden

esta lista o no.

Figura 38: Captura de pantalla de la lista de ordenes (aplicación móvil).

4.2.4 MONITOR DE ÓRDENES

La visualización de las órdenes en la ventana MONITOR mostrara la lista de órdenes que se solicitaron

en un rango de 30 minutos, indicando la hora, la cantidad y el producto elegido (1), además, mostrara

el usuario (2) que las ordeno.

El cocinero podrá indicar cuando la orden esta lista seleccionando el número de la orden de una lista

despegable (3), y pulsara el botón “listo” para que el usuario identifique que su orden esta lista, para

ello es necesario que el usuario (mesero) visualiza la lista de órdenes que tiene a cargo desde la

aplicación móvil.

Figura 39: Captura de pantalla de la ventana MONITOR.

1 2

3

Page 59: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 58

4.2.5 CONEXIÓN

Para que la aplicación móvil se pueda conectar con el software de escritorio se necesitó el uso de

WAMP SERVER que además de almacenar nuestra base de datos con MySQL SERVER, tiene la

funcionalidad de trabajar como un servidor de páginas web, entre ellas de tipo PHP, este servidor

(WAMP) al realizar su instalación crea una carpeta en el disco duro de la computadora donde se

almacenan las páginas web.

Para acceder a dichas páginas web se debe modificar un archivo de configuración del servidor

APACHE para que cualquier dispositivo cliente que esté conectada a la misma subred que la

computadora “localhost” pueda accesar a estas páginas, para ello se necesita conocer la IP del

servidor local, esta IP debe ser estática, para nuestro sistema asignaremos la IP: 192.168.0.5, que es

una IP privada designada por el Router. Al tener conocimiento de esta IP, el software de escritorio y

la aplicación móvil se conectan a través de este servidor WAMP se describirá a continuación los pasos

que sigue cada elemento para conectarse entre sí.

Conexión: App – Base de datos

Para el funcionamiento del proceso de ORDEN en la aplicación móvil fue necesario crear páginas web

con PHP que se encuentran almacenadas en el servidor local., que con la mezcla con el lenguaje

SQL, genera query’s de inserción y lectura de registros a la base de datos.

Conexión: Software – Base de Datos

El software de escritorio se conecta al servidor WAMP server mediante funciones que MySQL y el

software Visual Studio contienen para crear la conexión entre SERVIDOR – SOFTWARE, este

software de escritorio crea a su vez consultas SQL con ayuda del lenguaje de C# inserta y lee registros

a la base de datos.

Conexión: Base de datos – Monitor de órdenes

Después de la inserción de registros a la base de datos realizada por la aplicación o el software, el

monitor de órdenes lee estos registros y cada 15 segundos los muestra.

Figura 40: Descripcion de la conexión de los elementos del sistema.

Page 60: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 59

CAPÍTULO V CASO PRÁCTICO Y RESULTADOS

Page 61: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 60

5.1 IMPLANTACIÓN

La empresa BAR LUNA desea implantar nuestro sistema en su establecimiento, puesto que en el

mercado hay muchos softwares y aplicaciones móviles que ofrecen los procesos de ordenar y ver el

menú que no son muy fácil de manipular ellos desean adquirir un sistema sencillo que optimice los

procesos con los que actualmente cuenta (atención al cliente e inventario), a continuación se describirá

como fue implementado el sistema EASY-SOFT en esta empresa.

5.1.1 DATOS DE LA EMPRESA.

El Bar Luna fue inaugurado por su dueño Jesús Luna Nuñez en el año de 1999, el negocio ha ido

creciendo hasta ser un establecimiento de renombre, reconocido por que siempre está innovando su

servicio.

Figura 41: Logotipo Bar Luna

Misión

Brindar un sitio atractivo y exclusivo con horarios extendidos y de muy buen ambiente, ofreciendo a

nuestros visitantes una atmósfera alegre y de distracción acompañada de productos de calidad,

música selecta y excelente servicio. Nuestra razón de ser son nuestros clientes, y eso no tiene límites.

Visión

Ser líderes en el mercado local reconocidos como el mejor Bar de la zona, crecer a través un mejor

servicio, mantener la atracción y preferencia de nuestros clientes, proyectando un crecimiento

constante.

Cultivar un ambiente donde sus trabajadores sean capacitados y motivados a desarrollar su más alto

potencial de productividad y creatividad, para que, quienes laboran con nosotros mantengan

compromiso, lealtad y orgullo, alcanzando así la más alta satisfacción en el trabajo.

Ubicación

Es necesario conocer el lugar donde se va a trabajar e implementar el sistema, a continuación se

muestra un croquis de la ubicación del establecimiento.

Page 62: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 61

El establecimiento se encuentra ubicado en el estado de Hidalgo en el municipio de Actopan.

Figura 42: Ubicación del establecimiento (Estado-Municipio).

Dentro de la colonia Benito Juárez en la calle México-Laredo con numero exterior #14.

Figura 43: Ubicación del establecimiento (Colonia-Calle-Número).

Figura 44: Fachada del establecimiento.

Page 63: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 62

5.1.2 IMPLEMENTACIÓN DEL SISTEMA.

Para una correcta implementación del presente sistema se requiere:

Computadora con los siguientes parámetros:

o Sistema operativo Windows (XP o superior).

o 2 GB en memoria RAM.

o .NET Framework (versión 2.5 o superior).

o WAMP Server.

o IP estática 192.168.0.5

o 2 GB de espacio libre en disco duro.

Router inalámbrico o AP (Access Point)

Impresora térmica.

2 Monitores con pantalla táctil.

Dispositivo móvil con pantalla táctil (Tableta electrónica o celular).

Software EASY-SOFT.

5.1.3 ENTRENAMIENTO Y CAPACITACIÓN.

Las capacitaciones se harán en común acuerdo con el dueño del bar cubriendo los siguientes puntos:

Dado que son pocas personas las que trabajan en el bar es necesario que estén todos

presentes durante la capacitación.

Los horarios no deben ser en horas de trabajo.

Debido a que el sistema no maneja tantas formas, ni registros complejos se prevé que con

una capacitación será suficiente, y las dudas subsecuentes se resuelvan por medio de

consultas telefónicas.

El sistema es fácil de manejar, por lo tanto solo se debe indicar cundo abrir y cerrar el sistema

de ventas.

5.2 OPERACIÓN Y MANTENIMIENTO

5.2.1 MANUAL DE USUARIO

El manual de usuario explica una serie de pasos a realizar de los procesos que componen al sistema

propuesto, esté se encuentra en el Anexo.

5.2.2 MANTENIMIENTO

El sistema no necesitara mucho mantenimiento, la construcción se realizó pensando en futuro, en

plazos de 4 a 5 años, cada plazo la base de datos será limpiada, es decir, los registros que la

contengan serán eliminados, esto es para evitar que la capacidad de almacenamiento en el disco duro

sea extensa y claro está que al pasar el plazo, ya no se necesitara tener conocimiento de las ventas

que se realizaron después de 5 años.

Page 64: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 63

CONCLUSIONES

En este largo periodo, nos dimos la tarea de desarrollar un software que se empleará en un bar o

restaurante para hacer más eficiente el servicio que emplean los meseros, cocineros y gerentes,

ayudando a producir más ganancias al establecimiento.

Con respecto al producto que el día de hoy finalizamos, es sólo una fase. Comparando en el mercado

los sistemas que se relacionan en nuestra categoría, nuestro software es competitivo y tiene varias

ventajas que los demás no ofrecen, interfaces amigables con el usuario y funciones básicas pero

necesarias para el funcionamiento de estos establecimientos.

Easy-Soft es un sistema completo, fue creado con herramientas de programación gratuitas al igual

que los servicios que ocupamos, como ejemplo el servidor local, que es básicamente nuestro núcleo

por que se almacena toda la información.

Dando como mensaje que para crear un software no se necesita una gran inversión de dinero y que

las herramientas que existen hoy en día son accesibles, pero si se necesita un conocimiento amplio

de programación, ser ordenado y marcar tiempos, tener gran creatividad, saber cómo resolver los

problemas, una vez concluido también se tiene que saber cómo vender el producto.

Observando el comportamiento de nuestro software, los resultados fueron positivos, los objetivos que

nos marcamos desde un principio, los cumplimos, fue diseñado para las pequeñas y medianas

empresa tipo restaurante/bar, el objetivo fue que nuestro software también fuera una herramienta para

poder hacer crecer los negocios, al igual que mejorar la imagen del mismo, se cumplió la primera

etapa, el software administra el inventario del establecimiento e imprime el ticket de la cuenta de un

cliente.

Los resultados fueron satisfactorios, fue un reto difícil, teniendo un tiempo limitado y varias

distracciones como la escuela, trabajo, servicio, etc. Siempre comprometidos para que el sistema sea

un producto de calidad, fueron días difíciles pero al observar el resultado final, concluimos que ese

tiempo no se desperdició y podemos afirmar que nuestro software es un producto competitivo, pero

no nos conformaremos, en estos tiempos la tecnología avanza muy rápido, y la demanda de un mejor

producto aumenta, implementaremos nuevos métodos y/o funciones que hagan que el software Easy-

Soft sea competitivo y uno de los mejores de su categoría.

Page 65: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 64

BIBLIOGRAFÍA Y REFERENCIAS

BIBLIOGRAFÍA

[1] Roger.S.Pressman. “Ingeniería de software un enfoque práctico” 5ta Edición. Mc Graw-Hill. [2] Juan De La Cruz. “Los Ojos Manipuladores Del Dragón” 1ª Edición. Palibrio [3] Ramos Jesús María, Ramos Alicia, Montero Fernando. “Sistemas Gestores de Bases de Datos.” Mc Graw-Hill. [4] Paul Deitel Harvey Deitel. “Como programar en C#.” 5ª Edición. Prentice Hall. [5] Scott Hanselman, Devin Rader, Bill Evje. “Professional ASP.NET 4 in C# and VB.” Wrox [6] Cuadra Dolores, Castro Elena. “Desarrollo de Bases de Datos – Casos prácticos desde el análisis hasta la implementación.” 2ª Edición. Ramma [7] Jérôme Hugon. “C# 6 Desarrolle Aplicaciones Windows con Visual Studio 2015.” 1ª Edición. Eni Ediciones. [8] Cyril Thibaud. “MySQL 5 - Instalación, Implementación, Administración y Programación.” 1ª Edición. Eni Ediciones. [9] Sylvain Hébuterne. “Android, Guia de desarrollo de aplicación es para teléfonos móviles y tabletas.” 2ª Edición. Eni Ediciones. REFERENCIA ELECTRÓNICA [a] Introducción a las bases de datos (Pagina Web) URL: http://es.ccm.net/contents/66-introduccion-bases-de-datos [b] Punto de Venta (Pagina Web) URL: http://www.mbcestore.com.mx/punto-de-venta [c] Sistema Punto de Venta (ventajas) (Pagina Web) URL: http://www.ehowenespanol.com/ventajas-sistemas-punto-venta- lista_95589/ [d] Tabletas Electrónicas (Pagina Web) URL: http://todotabletaselectronicas.blogspot.mx [e] Uso de Tabletas electrónicas y dispositivos móviles en restaurants (Pagina Web) http://marketingastronomico.com/nuevas-tecnologias-para-la-gestion-de-restaurantes/ [f] Ventaja de software para restaurants (Pagina Web)

Page 66: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 65

http://mx.globedia.com/ventajas-software-restaurantes [g] Soft Restaurant (Pagina Web) URL: http://www.softrestaurant.mx/ [h] SICAR (Pagina Web) URL: http://www.sicar.mx/ [i] PDV CASIO (Pagina Web) URL: http://www.pdv.com.mx/site/ [j] .NET (Pagina Web) URL: http:// www.microsoft.com/net

[k] PHPMYADMIN (Pagina Web) URL: https://www.phpmyadmin.net/ [l] SQL Express (Pagina Web) URL: https://www.microsoft.com/es-mx/download/details.aspx?id=42299 [m] WAMP SERVER (Pagina Web) URL: http://www.wampserver.es/ [n] Sistema de información basado en computadoras. (Pagina Web) URL:https://administrativas.wordpress.com/2013/09/10/sistemas-de-informacion-basados-en-computadoras/ [o] App Inventor 2 (Desarrollador). (Pagina Web) URL: http://ai2.appinventor.mit.edu/

Page 67: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 66

GLOSARIO

APACHE: Es un servidor web http que cualquier usuario puede modificar disponible para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras más. Compilar: Es la acción que realiza la computadora para la traducción de un programa desarrollado en cualquier lenguaje de programación a un código intermedio, para luego poder ejecutarse. Combobox: Nos permite que un usuario pueda seleccionar una opción de entre varias, es como si se le preguntase al usuario donde reside y tuviera un combobox con todas las provincias del mundo y el elije de entre todas una. Depurar: Es la acción que realiza la computadora para detector problemas en la programación de un código y a su vez buscar soluciones a estos problemas. Interfaz: Es la conexión entre sistemas o dispositivos ya sea entre ellos mismos o entre un usuario y uno de ellos; de esta manera el usuario puede comunicarse con la máquina y realizar cualquier acción que desee. Implementación: Puesta en marcha de un plan o aplicación. Establece dentro del contexto de software los análisis e impactos que este genera. Local Host: Es la dirección de red de una computadora necesaria para que esta pueda hacerse transmisión de datos e información a sí mismo y a la vez recibir y enviar información a otros dispositivos dentro de la red. Query: Es una consulta que realiza el software encargado de administrar la base de datos para obtener, modificar y eliminar datos. Stock: Es la cantidad de productos, materias primas, herramientas, etc., que es necesario tener almacenadas para compensar la diferencia entre el flujo del consumo y el de la producción de un negocio. Este a su vez constituye parte de la inversión que permite asegurar en condiciones óptimas la continuidad de las ventas, las fabricaciones y la explotación normal de la empresa.

Page 68: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 67

Stylus: Es un accesorio de escritura principalmente utilizado en una PDA o en un teléfono móvil inteligente. Es similar a un lápiz que tiene como función ayudar a navegar o alcanzar una mayor precisión al señalar en pantallas táctiles y la escritura a mano en dispositivos de pantalla táctil con ciertas características.

Page 69: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON APLICACIÓN MOVIL

JMNI / MNR / CGRR 68

ANEXO

Page 70: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

MANUAL DE

USUARIO

Page 71: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

SOFTWARE DE ESCRITORIO

INICIO DEL SISTEMA EASY-SOFT

A continuación se explicara que se debe hacer al momento de iniciar el sistema EASY-SOFT.

1. Pulsa el acceso directo para iniciar el sistema.

2. Se mostrara la siguiente ventana, pulsa el botón iniciar.

3. Se mostrara un mensaje si el sistema está correctamente conectado con el servidor que

almacena la base de datos,

,

Si el sistema-servidor no está conectado mostrara el siguiente mensaje y le indicara al

usuario que hacer para solucionarlo.

4. Se iniciara una ventana de inicio de sesión, ingresa un usuario y contraseña correcto, ya

antes almacenado en la base de datos.

Si los datos son correctos se mostrara el siguiente mensaje, con el nombre del usuario:

Page 72: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

Si los datos son incorrectos se mostrara el siguiente mensaje:

5. Para cerrar el sistema, solo ingresa al menú de selección en la parte superior del sistema en

la sección INICIO y selecciona salir.

ABRIR EL SISTEMA DE VENTAS

1. En el menú de selección, a continuación selecciona SISTEMA y ABRIR.

2. Se mostrara a continuación un mensaje si el sistema fue abierto exitosamente

Si el sistema ya fue activado con anterioridad se mostrara el siguiente mensaje:

3. Si se desea cerrar el sistema vea el apartado INVENTARIO – CIERRE TOTAL DEL DIA.

Page 73: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

USUARIOS

Inicio/Cierre de sesión

a) Para ingresar con un nuevo usuario selecciona INICIO – LOGIN – INGRESAR del

menú de selección.

b) Ingresa con los nuevos datos de usuario.

Registro de nuevos de usuarios.

a) Ingresa al menú de selección en el apartado de INICIO-LOGIN-CREAR USUARIO.

b) Ingresa los datos del nuevo usuario.

c) Cuando se pulse el botón CREAR USUARIO se mostrara un mensaje con la

leyenda “USUARIO CREADO EXITOSAMENTE”, si el usuario ya existe en la base

de datos mostrara “USUARIO YA EXISTENTE”.

Eliminar usuario

a) Ingresa al menú de selección en el apartado de INICIO-LOGIN-BORRAR USUARIO.

Page 74: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

b) Ingresa el identificador del usuario que deseas eliminar, cabe mencionar que solo el

usuario que conozca este Id podrá eliminar dicho usuario.

Privilegios de Usuario

Existen 3 tipos de usuarios (Administrador, Gerente y Mesero), a continuación se enlistara los

privilegios con los que cuentan cada uno.

a) Administrador:

Activar sistema de ventas.

Ingreso a Menú, Orden y Cuenta.

Ingreso al Inventario.

Cambio de IP del servidor.

Creación/Eliminación de usuarios.

Modificación de órdenes y cuentas.

Acceso total a la base de datos.

Modificación del logotipo de la empresa.

Ingreso a ventas del día

Cierre de ventas

b) Gerente:

Activar sistema de ventas.

Ingreso a Menú, Orden y Cuenta.

Ingreso al Inventario.

Creación/Eliminación de usuarios.

Modificación de órdenes y cuentas.

Modificación del logotipo de la empresa.

Ingreso a ventas del día

Cierre de ventas

c) Mesero:

Activar sistema de ventas.

Ingreso a Menú, Orden y Cuenta.

Si el usuario no tiene estos privilegios saldrá el siguiente mensaje:

Page 75: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

MENÚ

1. Para ver el menú disponible en el establecimiento pulsa el botón y se abrirá la

siguiente ventana:

2. Se podrá buscar el producto en el apartado de buscar, ingresa alguna descripcion que

contiene el producto y al oprimir BUSCAR aparecerán las descripciones en lo elementos de

la ventana anteriormente mencionada.

3. Para seleccionar “manualmente” el producto, selecciona de la lista despegable TIPO el tipo

del producto (bebida o comida).

4. Selecciona la categoría en la que se encuentra el producto.

5. Selecciona el nombre del producto.

Page 76: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

6. Después de haber seleccionado el producto de la última lista de selección se mostrara la

descripción, precio, cantidad en existencia y la imagen del producto.

ORDEN

1. Para ingresar una orden a nuestro sistema, pulsa el botón y se mostrara la siguiente

ventana.

Page 77: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

2. Pulsa el botón NUEVA para agregar una nueva orden. Se mostrara la fecha actual y el número

de orden del día.

3. Para ver la lista de producto pulsa VER.

4. Selecciona Agregar.

5. Selecciona el tipo del producto

6. Categoría donde se encuentra

7. Nombre del producto

8. Cantidad que se desea

9. Detalles de la orden

10. Si se dese ver la imagen del producto pulsa

11. Pulsa AGREGAR para ordenar el producto.

Eliminar producto de la orden.

1. Si se desea eliminar algún producto que se ordenó,

selecciona ELIMINAR y a continuación indica el ID

del producto que deseas eliminar de la orden.

2. Pulsa el botón ELIMINAR

Page 78: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

CUENTA

1. Para imprimir una cuenta, oprime el botón y se abrirá la siguiente ventana.

2. Se mostrara en pantalla la ultima orden que se ingreso en el sistema.

3. Selecciona de la lista de selección en numero d orden que se desea imprimir su ticket.

4. Cuando se seleccina el numero de orden automaticamente se mostrara la lista de productos

de esta orden.

5. Para ver como quedara el ticket oprime el boton .

Page 79: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

6. Se mostrara la previsualizacio del ticket.

7. Para imprimir el ticket presiona

8. Si se desea modificar esta orden oprime el boton

y se retornara a la ventana

ORDEN para ahí poder modificar la orden.

Imprimir cuenta de una fecha anterior.

1. Si se desea imprimir la cuenta de algun dia en especifico,

pulsa en el menu de selección IMPRIMIR CUENTA

ANTERIOR

2. Selecciona la fecha de la orden que se desea imprimir y pulsa BUSCAR.

.

3. Repite los pasos basicos para imprimir el ticket.

4. NOTA: Es necesario que la ventana orden este Abierta.

Page 80: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

VENTAS

Para INGRESAR, BORRAR o ACTUALIZAR inventario pulsa el boton y se abrira la

siguente ventana con la lista de prodcutos que se encuentran en la base de datos (recuerde que para

ingresar a esta funcion se debe tener un usuario con privilegios).

Agregar

1. Pulsa AGREGAR en la lista de selección ACCIÓN.

2. Ingresa los datos en los elementos que aparecen a continuación.

3. Selecciona la categoria (tipo del producto).

4. La subcategoria (categoria)

5. Para ingresar la imagen del producto pulsa EXAMINAR y selecciona la imagen que deseas

ingresar.

6. Al termino de llenar todos los elementos pulsa .

7. Se mostrara en la lista el producto que se ingreso, esta lista esta ordenada por el ID del

producto.

Page 81: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

Eliminar

1. Pulsa ELIMINAR en la lista de selección ACCIÓN.

2. Ingresa el ID del producto que desea eliminar, (se mostrara el despeglado en la lista de los

productos).

3. Pulsa el boton para eliminar el producto, a continuación

se actualizara lla lista de los productos.

Actualizar

1. Pulsa ACTUALIZAR en la lista de selección ACCIÓN.

2. Ingresa el ID del producto al que se le desea modificar un dato .

3. Selecciona del menu de selección el datos que deseas actualizar.

4. Ingresa el nuevo dato de dicho producto.

5. Pulsa el boton para eliminar el producto, a continuación

se actualizara lla lista de los productos.

OTRAS OPCIONES

Categorias

1. Para INGRESAR, MODIFICAR o ELIMINAR una categoria ingresa en el manu de selección

en el apartado de INVENTARIO-AGREGAR-CATEGORIA.

2. Se mostrara la siguiente ventana, el funcionamiento de esta sección es igual que en el

inventario.

Page 82: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

Categorias

1. El sistema EASY-SOFT permite a sus clientes ingresar el logotipo de su establecimiento en

la base de datos, para que al imprimir el ticket se muestre su logotipo.

2. Para agregar o modificar el existente ingresa al menú de selección en el apartado de

OPCIONES-LOGO EMPRESA-AGREGAR/CAMBIAR.

3. Se abrira la siguiente ventana, donde solo se tiene que oprimir el boton EXAMINAR y

seleccionar la imagen del logotipo en la computadora y acontinuacion oprimir AGREGAR.

Ayuda

1. EASY-SOFT otorga ayuda al usuario del sistema, para ello seleccióna en el apartado de

AYUDA.

2. Si selecciona MANUAL DE USUARIO, se abrira un PDF mostrando el manual de usuario y de

operación.

3. Si selecciona HELP, se abrira un apartado donde se explica la version del sistema y su estado.

4. Si selecciona DESARROLLADOR se mostraran el correo electronico de la empresa

EasySoftCompany para que se comunique con la misma y resuelva cualquier tipo de duda.

Page 83: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

VENTAS

Para ver las ventas diarias o mensuales del establecimiento pulsa el botón y se mostrara la

siguiente ventana (recuerde que para ingresar a esta funcion se debe tener un usuario con privilegios).

Diario

1. Selecciona el dia que desea ver sus ventas, pulsa BUSCAR para ver las ventas del dia.

2. Se mostrara una lista de todos los producto que se ordenaron, ordenados por el ID de la

orden.

3. Para conocer la cantidad de dinero que se obtuvo en dicho día, pulsa el botón CERRAR

DIA. .

Cierre total del dia.

1. Para ingresar la cantidad total a la base de datos se debe estar seguro de cerrar las ventas

del día, para ello pulsa el botón y se mostrara un

mensaje de éxito y la cantidad que se ingresó a la base de datos.

Page 84: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

Ventas Mensuales

1. Se puede ver las ventas por mes, para ello ingresa al menu de selección en el apartado

VENTAS y selecciona VER CUENTA MENSUAL.

2. Selecciona cualquier día del mes al que desea ver sus ventas.

3. Se mostrara la lista de los días y el total de dinero obtenido en dicho día.

Borrar cuenta u orden.

1. Se podra eliminar un producto de una orden o la orden entera del dia, para ello ingresa al

menu de selección en el apartado VENTA y selecciona MODIFICAR CUENTA.

2. Si se desea eliminar la orden completa selecciona de la lista de selección el número de

orden.

3. Si solo se desea eliminar un producto, ingresa el ID del producto ordenado.

Page 85: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

APLICACIÓN MOVIL

INICIO DE LA APLICACIÓN

1. Para iniciar la aplicación móvil selecciona el icono de EASY-SOFT

2. Se iniciara la siguiente pantalla, pulsa el botón de INICIAR.

3. La pantalla principal se abrirá, donde muestra dos botones MENU y ORDEN, la operación

de estos botones se describen más adelante.

Page 86: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

MENÚ

1. Para ingresar a ver el menú del establecimiento pulsa el botón MENU.

2. Se abrirá una nueva ventana, selecciona de la lista despegable el tipo de producto que buscas

(Bebida o Comida) y pulsa enviar.

3. Seleccionando el tipo del producto, selecciona la categoría donde se encuentra este producto

y pulsa enviar.

4. Selecciona la ID del producto y pulsa enviar.

Page 87: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

5. Ingresando los datos anteriores se mostrara la siguiente ventana resultante, mostrando la

imagen y las descripciones del producto.

ORDEN

1. Para ingresar una orden pulsa el botón ORDEN.

2. Se abrirá una ventana con el logotipo del establecimiento y un botón en el centro, pulsa este

botón para acceder con una cuenta de usuario.

3. Ingresa los datos de usuario en la siguiente ventana

Page 88: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

4. Se mostrara una ventana con un encabezado donde se muestra el logotipo del

establecimiento y el usuario que inicio sesión en el dispositivo, pulsa el botón NUEVA ORDEN

para crear una nueva cuenta, es necesario que el sistema haya sido abierto con anterioridad.

5. Seguido de esto, selecciona el tipo del producto y oprime enviar.

6. Selecciona la categoría y oprime enviar.

7. Selecciona el producto y oprime enviar.

Page 89: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

8. Indica la cantidad de productos que deseas en el apartado CANTIDAD.

9. Indica los detalles y especificaciones que desea el cliente de esta orden en el apartado de

DESCRIPCIÓN y al término de esto, oprime enviar.

10. Si se desea ingresar otro producto a la orden, pulsa cualquier apartado a donde se desee

regresar.

11. Se mostrara una ventana con la lista de productos que se ingresaron a la orden.

12. Si el usuario (mesero) desea ver el estado de las órdenes que tiene a cargo, pulsa el logotipo

del establecimiento y se abrirá una nueva ventana, selecciona LISTA DE ORDENES:

Page 90: DISEÑO Y DESARROLLO DE UN PUNTO DE VENTA CON …tesis.ipn.mx/jspui/bitstream/123456789/18454/1/Diseño y... · 2017-06-05 · En esta tesis se presenta el diseño y el desarrollo

EASYSOFT - Manual de usuario

MONITOR DE ÓRDENES

Para activar el monitor de órdenes pulsa del menú de selección el apartado y se abrirá la

siguiente ventana en el segundo monitor.

Notificar que la orden esta lista

1. Selecciona de la lista despegable el numero de orden que ya esta lista y pulsa el boton LISTO,

al pulsarlo en identificador de la derecha se convertira de color verde, identificando

que esta orden ya se envio a la base de datos indicando que la orden esta lista.

2. Se mostrara un mensaje con la leyenda “LA ORDEN # ESTA LISTA”

3. Si se selecciona una orden que ya fue enviada se mostrara un mensaje con la leyenda “LA

ORDEN # YA FUE NOTIFICADA”.

4. Las ordenes que ya esten “LISTAS” ya no se mostraran en la lista de ordenes.