Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
I
Resumen
Los objetivo principales de las empresas son el multiplicar sus clientes y aumentar
las ventas. El internet es la plataforma de comunicación más grande del mundo esto
nos facilita el cumplimiento de estos objetivos. (Lopez, 2016)
Un sitio web permite dar a la empresa una tarjeta de presentación, ya que centraliza
toda la información de la empresa, productos, o servicios en una sola plataforma.
(Rodriguez, 2015)
El presente documento consiste en describir desarrollo de un sitio web para los
clientes con acceso a información de la empresa, da una forma de hacer contacto
con Panaderia la flor, además de contar con un acceso de punto de ventas para
desarrollar estas de una manera ágil y eficaz en las distintas sucursales.
El sitio web también cuenta con una plataforma de login para los empleados y el
administrador de Panaderia La Flor
Para este trabajo se crea una base de datos para almacenar la información que
conllevan las ventas de sus productos, esta información se divide en seis tablas en
las que se almacenan datos de empleados, sucursales, compras, productos y
usuarios de dicha página web.
.
II
Abstract
The main objective of the companies are multiplying their customers and increase
sales. The internet platform is the world's largest communication this helps us
achieve these goals. (Lopez, 2016)
A website can give the company a business card as it centralizes all company
information, products or services on a single platform. (Rodriguez, 2015)
This document is to describe the development of a website for customers with
access to company information, it gives a way to make contact with Panaderia La
Flor, in addition it also has an access to a sales point to develop these in an agile
manner and effective in the different branches.
The website also provides a login platform for employees and administrator of
Panaderia La Flor.
For this work a database is created to store information involving sales of its
products, this information is divided into six tables in which data of employees,
branches, purchases, products and users of the website are stored.
III
Agradecimientos
Al completar este largo y difícil camino para terminar mi educación universitaria sé
que no lo hubiera logrado sola, mediante el aporte y ayuda de distintas personas he
logrado una meta que me impuse hace 19 años, el de acabar el camino de la
educación.
Debo agradecer a las personas que me dieron la vida, el apoyo y los medios para
iniciar y acabar una profesión. Gracias papi por siempre estar ahí empujándome
cuando las cosas se hacían difíciles. Gracias mami por darme el valor a no rendirme,
por escucharme en los momentos cuando ya no podía más, por enseñarme los
valores de la vida, por ti soy la persona de hoy.
Agradezco también a mis tíos Juan, Teófilo, Mario y a mi tía Bertha, gracias por
darme la inspiración y los regaños necesarios para terminar mi carrera. También en
especial al tío que en cada paso creyó en mí, que me presto su oído para escuchar
mis problemas y me dio su habla para ayudar a solucionarlos, Tío Luis a usted no
le toco verme graduada pero sé que si hay algo más después de la muerte usted
estaría muy feliz por mí.
También debo agradecer a mis maestros, y compañeros que en toda la carrera
nunca me hicieron mala cara cuando me atrasaba o pedía mil explicaciones, gracias
por siempre apoyarme en todo, siempre estarán en mi corazón.
Mil gracias a mi el tutor que no rindió conmigo, que me empujo a hacer las cosas
bien y me decía la verdad como debe ser dada, sin vacilaciones.
Gracias profe Gabriel por darme la enorme oportunidad de plazo que me dio, espero
no haberle fallado, no sabe la inspiración que me dio a ser mejor Ingeniera.
Por ultimo quiero agradecer a mi mayor motivación por superarme, los grandes
amores de mi vida, mis hermanas, Bertha, Karina, Cielo, y Dulce. Gracias por
siempre apoyarme y no dejarme rendirme, ustedes son mi motivación para salir
adelante, y espero que no sea tan mal ejemplo de superación.
En especial quiero agradecer a mi Kari, mil gracias por siempre estar empujando a
hacer las cosas mejor, todos tus regaños bien intencionados me han enseñado a
ser mejor estudiante, todas esas caras que me dabas cuando sabias lo que hacía
me ayudaron a reflexionar sobre mis acciones, te adoro mi prieta y ahora seré yo la
que te empuje y te haga caras para que hagas las cosas bien y tú también termines
la universidad.
IV
Contenido
Dedicatoria ........................................................................................................................................... I
Resumen.............................................................................................................................................. II
Abstract .............................................................................................................................................. III
Agradecimientos ................................................................................................................................ IV
Índice de imágenes.............................................................................................................................. X
Capítulo 1 ............................................................................................................................................ 1
Introducción ........................................................................................................................................ 1
1.1 Antecedentes ............................................................................................................................ 2
1.2 Definición del problema ............................................................................................................ 3
1.3 Justificación ............................................................................................................................... 5
1.4 Objetivos ................................................................................................................................... 6
1.4.1 Objetivo General. .................................................................................................................. 6
1.4.2 Objetivos Especificos. ............................................................................................................. 6
1.5 Alcance ...................................................................................................................................... 7
1.6 Organización de la tesina .......................................................................................................... 8
Capítulo 1 Introducción ............................................................................................................... 8
Capítulo 2 Análisis y requerimientos........................................................................................... 8
Capítulo 3 Desarrollo e implementación..................................................................................... 8
Capítulo 4 Trabajo a futuro ......................................................................................................... 8
Capítulo 5 Conclusiones Y Validaciones ...................................................................................... 8
Capítulo 6 Referencias................................................................................................................. 8
1.7 Marco Teórico ........................................................................................................................... 9
Capítulo 2 .......................................................................................................................................... 11
Análisis Y Requerimientos ................................................................................................................. 11
2.1 Elementos para la construcción del sitio ................................................................................ 12
2.2 Entrevista para obtención de requerimientos ........................................................................ 13
2.3 Necesidades ............................................................................................................................ 14
V
2.3.1 Necesidades para el sitio web .............................................................................................. 15
2.3.1.2 Estructura ..................................................................................................................... 15
2.3.1.3 Colores y fuentes ........................................................................................................... 15
2.3.1.4 Información del sitio web.............................................................................................. 16
2.3.2 Punto de venta ..................................................................................................................... 16
2.3.3 Punto de administración ...................................................................................................... 16
2.3.4 Base de datos ....................................................................................................................... 17
2.3.4.1 Modelo entidad-relación............................................................................................... 17
2.3.4.2 Tablas de la base de datos ............................................................................................ 18
2.4 Herramientas para el desarrollo ............................................................................................. 19
2.4.1 Entorno de desarrollo ...................................................................................................... 19
2.4.1.2 BlueFish ......................................................................................................................... 19
2.4.2 Lenguajes de programación ............................................................................................. 19
2.4.2.1 HTML........................................................................................................................... 19
2.4.2.2 PHP ............................................................................................................................. 19
2.4.2.3 CSS ............................................................................................................................. 20
2.4.2.4 JavaScript....................................................................................................................... 20
2.4.3 Base de datos ................................................................................................................... 20
2.4.3.1 Gestor De Base De Datos .............................................................................................. 20
2.4.3.2 SQL................................................................................................................................. 20
2.4.3.3 MySQL ........................................................................................................................... 21
2.4.3.4 phpMyadmin ................................................................................................................. 21
2.4.4 Servidor web .................................................................................................................... 21
2.4.4.1 XAMPP ........................................................................................................................... 21
2.5 Casos de uso ............................................................................................................................ 22
2.5.1 Perfiles de Usuarios .......................................................................................................... 22
2.6 Sistema de usuarios................................................................................................................. 23
2.6.1.2 Administrador ............................................................................................................... 24
Login: ......................................................................................................................................... 24
VI
Gestión de empleados............................................................................................................... 24
Gestión de Productos ................................................................................................................ 24
Gestión de Sucursales .............................................................................................................. 25
Gestión de Usuarios .................................................................................................................. 25
Gestión de compras .................................................................................................................. 25
Gestión compra_producto ........................................................................................................ 25
2.6.1.3 Empleados ..................................................................................................................... 26
2.6.1.4 Cliente ........................................................................................................................... 27
Capítulo 3 .......................................................................................................................................... 28
Desarrollo e Implementación ............................................................................................................ 28
3.1 Desarrollo de la base de datos ................................................................................................ 28
3.1.2 Tabla compras .................................................................................................................. 29
3.1.3 Tabla compra_producto ................................................................................................... 30
3.1.4 Tabla Empleados .............................................................................................................. 31
3.1.5 Tabla Productos ................................................................................................................ 32
3.1.6 Tabla Sucursales ............................................................................................................... 32
3.1.7 Usuarios ............................................................................................................................ 33
3.2 Desarrollo del sitio web........................................................................................................... 34
3.2.1 Inicio ................................................................................................................................. 34
3.2.2 Pantalla Valores ................................................................................................................ 36
3.2.3 Productos ......................................................................................................................... 37
3.2.4 Contacto ........................................................................................................................... 38
3.2.5 Login Principal .................................................................................................................. 39
3.3 Administrador ......................................................................................................................... 40
3.3.1 Interfaz Administrador ..................................................................................................... 40
3.3.2 Comenzar a editar ............................................................................................................ 42
3.3.3 Administrar Productos ..................................................................................................... 43
3.3.4 Agregar producto ............................................................................................................. 44
3.3.5 Modificar productos ......................................................................................................... 45
VII
3.3.6 Eliminar producto ............................................................................................................. 46
3.3.7 Administrar Empleados .................................................................................................... 47
3.3.8 Agregar empleado ............................................................................................................ 48
3.3.9 Modificar empleado ......................................................................................................... 49
3.3.10 Eliminar Empleado ......................................................................................................... 50
3.3.11 Administrar sucursales ................................................................................................... 51
3.3.12 Agregar sucursales ......................................................................................................... 52
3.3.13 Modificar sucursal .......................................................................................................... 53
3.3.14 Eliminar sucursal ............................................................................................................ 54
3.3.15 Administrar Usuarios ...................................................................................................... 55
3.3.16 Agregar Usuarios ............................................................................................................ 56
3.3.17 Modificar Usuario ........................................................................................................... 57
3.3.18 Eliminar Usuario ............................................................................................................. 58
3.3.19 Administrar Compras ..................................................................................................... 59
3.3.20 Agregar Compra ............................................................................................................. 60
3.3.21 Modificar compra ........................................................................................................... 61
3.3.22 Eliminar compra ............................................................................................................. 62
3.3.23 Gestionar compra_producto .......................................................................................... 63
3.3.24 Agregar compra_producto ............................................................................................. 64
3.3.25 Modificar compra_producto .......................................................................................... 65
3.3.26 Eliminar compra_producto ............................................................................................ 66
3.3.27 Regresar ......................................................................................................................... 67
3.4 Empleados ............................................................................................................................... 68
3.4.1 Opciones para empleado ..................................................................................................... 69
3.4.2 Punto de venta ..................................................................................................................... 70
3.4.3 Compras ............................................................................................................................... 71
3.6 Back & Front ............................................................................................................................ 72
3.6.1 50 archivos php ................................................................................................................ 72
Productos .................................................................................................................................. 72
VIII
Empleados ................................................................................................................................. 72
Compras .................................................................................................................................... 73
Sucursales .................................................................................................................................. 73
Usuarios..................................................................................................................................... 74
Compra_producto ..................................................................................................................... 74
Principal ..................................................................................................................................... 75
Controlador ............................................................................................................................... 75
Otras .......................................................................................................................................... 76
3.6.2 11 archivos JavaScript ...................................................................................................... 76
3.6.3 28 Imágenes ..................................................................................................................... 76
3.6.4 7 archivos css .................................................................................................................... 76
Capítulo 4 .......................................................................................................................................... 77
Trabajo a futuro ................................................................................................................................ 77
4.1 Sistema multi-perfil y multi-permiso. ..................................................................................... 77
4.2 Servidor http ........................................................................................................................... 78
4.3 Otras recomendaciones .......................................................................................................... 78
Capítulo 5 .......................................................................................................................................... 79
Conclusiones y validaciones .............................................................................................................. 79
5.1 Validación interfaz web edición .............................................................................................. 80
5.2 Validación conexión punto de venta y base de datos ............................................................. 81
5.3 Validación ingreso a interfaz Login ......................................................................................... 82
Capítulo 6 .......................................................................................................................................... 83
Referencias ........................................................................................................................................ 83
6.1 BIBLIOGRAFIA .......................................................................................................................... 85
IX
Índice de imágenes
Imagen 1 Diagrama de flujo de ventas .................................................................... 3
Imagen 2 Estructura lineal ..................................................................................... 15
Imagen 3 Modelo entidad-relación ........................................................................ 17
Imagen 4 Usuario administrador ........................................................................... 24
Imagen 5 Usuario empleado ................................................................................. 26
Imagen 6 Usuario cliente ....................................................................................... 27
Imagen 7 Base de datos panaderialaflor ............................................................... 28
Imagen 8 Tabla compras ....................................................................................... 29
Imagen 9 Tabla compra_producto......................................................................... 30
Imagen 10 Tabla empleados ................................................................................. 31
Imagen 11 Tabla productos ................................................................................... 32
Imagenn 12 Tabla sucursales ............................................................................... 32
Imagen 13 Tabla usuarios ..................................................................................... 33
Imagen 14 Pestaña principal ................................................................................. 35
Imagen 15 Pestaña valores ................................................................................... 36
Imagen 16 Pestaña productos............................................................................... 37
Imagen 17 Pestaña contacto ................................................................................. 38
Imagen 18 Pestaña login ....................................................................................... 39
Imagen 19 Login administrador ............................................................................. 40
Imagen 20 Opciones administrador ....................................................................... 41
Imagen 21 Opciones de edición para administrador ............................................ 42
Imagen 22 Reporte productos .............................................................................. 43
Imagen 23 Ingreso de producto............................................................................. 44
Imagen 24 Actualización de producto ................................................................... 45
Imagen 25 Eliminación producto ........................................................................... 46
Imagen 26 Reporte empleados ............................................................................ 47
Imagen 27 Agregación de empleado ..................................................................... 48
Imagen 28 Modificación de empleado ................................................................... 49
Imagen 29 Eliminación de empleado ................................................................... 50
Imagen 30 Reporte sucursales.............................................................................. 51
Imagen 31 Agregar sucursales.............................................................................. 52
Imagen 32 Actualización de sucursales ................................................................ 53
Imagen 33 Eliminación de sucursal ....................................................................... 54
Imagen 34 Reporte de usuarios ............................................................................ 55
Imagen 35 Ingreso de usuarios ............................................................................. 56
X
Imagen 36 Actualización de usuarios .................................................................... 57
Imagen 37 Eliminación de usuarios....................................................................... 58
Imagen 38 Reporte de compras ............................................................................ 59
Imagen 39 Registro de compras ........................................................................... 60
Imagen 40 Modificación de compras ..................................................................... 61
Imagen 41 Eliminación de compras ...................................................................... 62
Imagen 42 Reporte compra_producto ................................................................... 63
Imagen 43 Ingreso de compra_producto ............................................................... 64
Imagen 44 Modificación de compra_producto ...................................................... 65
Imagen 45 Eliminación de compra_producto ........................................................ 66
Imagen 46 Opciones de edición del administrador................................................ 67
Imagen 47 Opción principal ................................................................................... 68
Imagen 48 Opciones para empleados ................................................................... 69
Imagen 49 Punto de ventas .................................................................................. 70
Imagen 50 Reporte compras ................................................................................. 71
Imagen 51 Validación de agregación .................................................................... 80
Imagen 52 Validación conexión entre punto de venta y base de datos ................. 81
Imagen 53 Validación login ................................................................................... 82
XI
Capítulo 1
Introducción
En 1951 el señor José Delgado y esposa comenzaron la producción del pan para
después darse a conocer en el municipio de Juventino Rosas, Guanajuato y hacer
sus primeros pedidos.
Desde 1951 “Panadería La Flor” cuenta con más de seis sucursales dentro del
municipio, una sucursal en el municipio Salamanca, y otra más en Sarabia.
Desde hace más de 60 años “Panadería La Flor” se ve comprometida con sus
clientes entregándole un alimento de calidad, y buen sabor, con excelente personal
y trato.
Los métodos de venta de “Panadería La Flor” han sido los mismos desde su
fundación, estos son tomados de forma escrita y llevado en inmensas cantidades
de escritos almacenados por los últimos 65 años.
2
1.2 Definición del problema
3
Registro para llenar de ventas en Panaderia La Flor
Fecha Empleado Sucursal Producto Precio Cantidad TP Total
Diariamente se toman cientos de registros como este en todas las sucursales los
cuales son difíciles de manejar, y de catalogar.
“Panadería La Flor” busca la forma de implementar un sistema de ventas por medio
de un sitio web en sus sucursales, entrando a la aplicación informática ya que el
método tradicional se está convirtiendo en obsoleto.
El método utilizado es poco seguro, e inflexible por lo que se busca manejar los
datos obtenidos de dichas ventas más eficientemente.
4
1.3 Justificación
5
1.4 Objetivos
Proporcionar una página web a la empresa “Panaderia La Flor”, que dé a los clientes
la información de la empresa de una forma amigable, además de dar acceso
mediante esta a los empleados de esta empresa con un punto de venta para dar
almacenaje a la información adquirida de las ventas diarias en las distintas
sucursales.
6
1.5 Alcance
7
1.6 Organización de la tesina
Esta tesina está conformada por siete capítulos los cuales son:
Capítulo 1 Introducción
Se define los antecedentes del problema, se da un resumen del contenido de esta
tesina. Además de describir el objetivo principal del proyecto junto con sus objetivos
específicos, su justificación y alcance.
8
1.7 Marco Teórico
9
Lenguajes de Programación
Las herramientas de programación, son aquellas que permiten realizar
aplicaciones, programas, rutinas, utilitarios y sistemas para que la parte física
del computador u ordenador, funcione y pueda producir resultados. (Catalinas,
2002)
Servidor local
10
Capítulo 2
Análisis Y Requerimientos
11
2.1 Elementos para la construcción del sitio
Se requiere saber las necesidades de la empresa, estar al tanto cuáles son sus
preferencias, para así poder definir el proyecto.
Objetivos.
Definir los objetivos es la tarea más importante de un sitio web, para medir el
éxito de la página se deben conocer los objetivos de la empresa, ya sean
aumentar publicidad, obtener más clientes, o facilitar ventas pero estos no
son objetivos medibles.
Imágenes y fuentes
Es necesario saber que imágenes y tipo de fuente tendrá la página web antes
de ser creada de lo contrario causa problemas y retrasos, ya que la búsqueda
de imágenes no definidas crea pérdidas de tiempo
Colores, logos y estilos
El color de la página web es muy importante a la hora de elegirse ya que
colores suaves les da a los clientes un sentido de la comodidad y confianza
más los colores fuertes crean la impresión de emociones fuertes y
desconfianza.
Ejemplos de diseño positivo y negativo
Esto se logra estando al corriente de sus gustos o disgustos, saber que
paginas admira y conocer las que no también ayuda a saber cuáles deberías
ignorar
Funcionalidad
Se deben definir todas las áreas de interacción de la web, desde los
formularios principales para clientes hasta los más avanzados de
administrador.
Características técnicas
Es necesario saber las distintas características de la página, que es lo que
quiere el cliente, y si contara con formularios de base de datos. Se debe
establecer si la página será estática o dinámica, si habrá publicación de
información, y sus contenidos se actualizarán, en general es saber las
características técnicas de la página.
12
2.2 Entrevista para obtención de requerimientos
13
2.3 Necesidades
Es necesario saber cuáles son los requerimientos para realizar el sitio web, además
de saber cuáles son las necesidades de cliente o empresa para así cumplir
satisfactoriamente, por lo que se hizo la pasada entrevista, de esta se obtuvieron
las siguientes necesidades del cliente que se dividirán en 4 secciones.
14
2.3.1 Necesidades para el sitio web
2.3.1.2 Estructura
Su estructura debe ser sencilla para su navegación por lo que se le dieron dos
opciones, estructura lineal y estructura jerárquica lineal al explicar al cliente de
decidió por:
Estructura lineal: Ya que es una estructura muy simple similar a las páginas de un
libro, se muestra en la imagen 2.
Rosa pálido
Azul cielo
Verde pistacho
Gris plateado
Chocolate suave
Rojo pálido
El color de la fuente debe ser blanca o negra dependiendo de los colores escogidos
para el fondo.
Las opciones de fuentes son:
Georgia
Lucida Calligraphy
Monotype cursiva
15
El sitio debe contener distintas imágenes relacionadas con el tema que se trata.
Formulario Login solicitando nombre y contraseña de entrada para que así solo las
personas autorizadas tengan acceso a esta parte del sitio.
El punto de venta debe tener los productos de la panadería con su precio y campo
para al ser elegido ingresar la cantidad de ese producto en específico y así se haga
la cuenta del total de las ventas.
Al ser elegido el producto se agrega a una tabla en la que se tendrá que ir haciendo
la cuenta total.
Este podría compartir login con el punto de venta además de tener acceso a todas
las tablas de las bases de datos además del punto de venta para añadir/modificar y
eliminar registros.
16
2.3.4 Base de datos
2.3.4.1 Modelo entidad-relación
17
2.3.4.2 Tablas de la base de datos
Compras: Esta cuenta con la siguiente información:
o Fecha en la que se realizó la compra.
o Id_empleado que realizo la compra.
o Id_sucursal donde se hizo la compra.
o El código del producto.
o La cantidad de este.
o El precio por unidad.
o Total de la compra/venta.
Empleados: Para esta tabla se piden tres campos:
o Nombre del empleado.
o Password para el empleado.
o Estatus para saber si el empleado aun trabaja en alguna de las
sucursales o está inactivo.
Sucursales: la información de esta también es solo de dos campos:
o Nombre de la sucursal.
o Ruta para la imagen de esta.
Productos: Para el registro de productos se solicita la siguiente información:
o El nombre del producto.
o Precio por unidad.
o Ruta de imagen.
o Código de producto.
Usuarios: Esta tabla contendría la información del administrador de la página
web y el punto de venta:
o Nombre.
o Password.
Compra_producto: Esta tabla es la conexión entre los productos y las
compras realizadas:
o Id_producto que se vendio.
o Id_compra que se realizo
o Cantidad de producto que se vendio
o Estatus de la venta
18
2.4 Herramientas para el desarrollo
19
2.4.2.3 CSS
Para la parte visual del sistema se usa la hoja de estilo en cascada o CSS es un
lenguaje usado para definir y crear la presentación de un documento estructurado
escrito en HTML o XML2 (y por extensión en XHTML). La idea que se encuentra
detrás del desarrollo de CSS es separar la estructura de un documento de su
presentación. La información de estilo puede ser definida en un documento
separado o en el mismo documento HTML. (Cabello, 2015)
2.4.2.4 JavaScript
JavaScript es un lenguaje de programación, al igual que PHP, si bien tiene
diferencias importantes con éste. JavaScript se utiliza principalmente del lado del
cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo
crear efectos atractivos y dinámicos en las páginas web. Los navegadores
modernos interpretan el código JavaScript integrado en las páginas web. (Gonzalez,
2006)
2.4.3.2 SQL
SQL (Structured Query Language) es un lenguaje declarativo de acceso a bases de
datos relacionales que permite especificar diversos tipos de operaciones en ellas.
20
2.4.3.3 MySQL
2.4.3.4 phpMyadmin
PhpMyAdmin es una herramienta escrita en PHP 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 72
idiomas.
Una de las ventajas que tiene es que al tener una interfaz web no se necesita estar
en la computadora de cada uno, el mismo se instala en el mismo lugar del hosting,
entonces desde cualquier computadora con acceso a internet van a poder realizar
consultas, y acciones sobre la base de datos que estén utilizando para trabajar.
(Spona, 2010)
2.4.4 Servidor web
Es un programa informático que procesa una aplicación del lado del servidor,
realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas
con el cliente y generando o cediendo una respuesta en cualquier lenguaje o
Aplicación del lado del cliente. (Summerville, 2005)
2.4.4.1 XAMPP
XAMPP es un servidor independiente de plataforma, software libre, que consiste
principalmente en el sistema de gestión de bases de datos MySQL, el servidor web
Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene
del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache,
MySQL, PHP, Perl. (Enrique E. Condor Tinoco, 2014)
21
2.5 Casos de uso
A continuación se detallaran cada uno de los sistemas de casos de uso de los que
está dotada al sitio web indicando que perfiles pueden participar y de qué
operaciones están compuestas. Este es un resumen de las adaptaciones de los
casos de uso reales.
22
2.6 Sistema de usuarios
23
2.6.1.2 Administrador
Login: Para gestionar las asignaturas es necesario estar logado e identificado por
uno de los perfiles mencionados anteriormente.
Gestión de empleados
Agregar empleados: Se mostrará un formulario con dos campos a rellenar por el
usuario: Nombre y estatus, un id es asignado por default. En caso de error, se
notificará al usuario el campo erróneo y se le pedirá que vuelva a introducir los datos.
Los estatus permitidos son 1: activado: Esto indica que el empleado trabaja
actualmente en una de las sucursales. 0: desactivado: Indica que el empleado ya
no trabaja para “Panaderia la Flor” pero su récord sigue presente en la base de
datos.
Modificar empleados: Se modifica el estatus del empleado pendiendo su estado
activo o inactivo.
Borrar empleado: Se elimina el registro de empleado definitivamente del sitio web.
No se guarda un historial de empleados. Esta opción solo es disponible con permiso
del encargado de sucursal.
Gestión de Productos
Agregar/borrar/modificar productos: Se muestra un formulario con todo los campos
a rellenar como lo son: producto, precio, código y ruta de una imagen de este. El id
24
es auto incrementable. Estos datos pueden ser modificados y eliminados por el
administrador.
Gestión de Sucursales
Agregar/borrar/modificar sucursales: Se muestra un formulario con los siguientes
campos a rellenar: Nombre de sucursal y una ruta para una imagen de esta, estos
pueden modificados y borrados.
Gestión de Usuarios
Agrega/borra/modifica Usuarios: Se muestra un formulario con la siguiente
información a llenar: El nombre del usuario y un password asignado por el
administrador, estos pueden ser modificados y eliminados.
Gestión de compras
Agrega/borra/modifica compras: Un id único de la compra, la fecha en la que se hizo
la compra, el id del empleado que registra la compra, id de la sucursal donde se
hizo la compra, el código del producto comprado, la cantidad del producto
comprado, el precio por unidad del producto, y el monto total de la compra, estos
pueden ser modificados y eliminados.
Gestión compra_producto
Agrega/borra/modifica compra_producto: Un id único de la compra_producto, el id
de la compra, id del producto vendido, la cantidad de este y un estatus de la compra
hecha, estos pueden ser modificados y eliminados.
25
2.6.1.3 Empleados
26
2.6.1.4 Cliente
El cliente tiene acceso al resto de la página web que cuenta con las siguientes
ventanas:
Inicio: En este el cliente se le da la bienvenida a el sitio de “Panaderia la
Flor”, se muestran imágenes y frases de este.
Valores: En esta se muestra la información principal de “Panadería La Flor”
como son misión, visión y valores.
Productos: en esta interfaz se muestran los diferentes productos que se
encuentran en la base de datos de la panadería, cada uno se muestra con
su nombre, una imagen y el precio del producto.
Contacto: aquí se le permite ver a el cliente las diferentes sucursales de
las panaderías con una imagen respectiva también se les da la oportunidad
de contactar al gerente de panaderías la flor agregando cierta información.
27
Capítulo 3
Desarrollo e Implementación
El sitio web cuenta con cinco pestañas que conforman el menú principal, cuatro de
estas disponibles para los clientes, en las cuales se puede navegar sencillamente
conociendo información de “Panaderia La Flor” así como sus productos, sucursales
y contando con una forma de contacto con la empresa. En la quinta pestaña de
esta es disponible solo para empleados y administrador.
28
3.1.2 Tabla compras
29
3.1.3 Tabla compra_producto
La tabla mostrada en la imagen 9 cuenta con una llave primaria auto incrementable.
Esta enlaza a la tabla productos con el campo Id_producto, y a la tabla compras con
Id_compra, también cuenta con campo cantidad y estatus de la compra. Esta tabla
enlaza la compra de los productos con la tabla compra.
30
3.1.4 Tabla Empleados
31
3.1.5 Tabla Productos
En esta tabla solo se cuenta con dos campos a llenar además de su id en los que
se almacenan el nombre de la sucursal y una ruta de imagen de esta.
32
3.1.7 Usuarios
En esta tabla solo existe un registro que es el del administrador, esta tabla solo
almacena la información del administrador de la página web, esta no es conectada
con ninguna de las otras tablas de la base de datos, esta tiene acceso a la pestaña
de login del programa, el administrador es registrado con un id, su nombre y una
contraseña.
33
3.2 Desarrollo del sitio web
3.2.1 Inicio
34
Imagen 14 Pestaña principal
35
3.2.2 Pantalla Valores
36
3.2.3 Productos
37
3.2.4 Contacto
38
3.2.5 Login Principal
39
3.3 Administrador
40
Al ingresar sesión siendo correcta la información de usuario y contraseña el
administrador es presentado por el sistema a la interfaz de opciones disponibles.
41
3.3.2 Comenzar a editar
42
3.3.3 Administrar Productos
Al ingresar al botón productos le envía a la tabla reporte de los productos que están
registrados en la base de datos, esta tabla cuenta con botones para agregar un
nuevo producto, un botón para editar los productos de la tabla y un botón para
eliminar el producto.
Los campos de esta tabla son el id automático dado por el sistema, el nombre del
producto, su precio por unidad, la ruta de imagen, y su código.
También cuenta con un botón para salir de ediciones al cerrar sesión y un botón
para regresar al formulario de opciones de tablas, además cuenta con un botón de
exportación a Excel.
Al fondo de la imagen 22 se muestra la paginación del usuario administrados esta
página es la numero 2 ya que las opciones principales son la página número 1.
43
3.3.4 Agregar producto
Al elegir el botón verde pequeño con la cruz del signo (+) mostrado en la parte
superior de la imagen 22 nos manda a la interfaz de agregar producto.
44
3.3.5 Modificar productos
45
3.3.6 Eliminar producto
46
3.3.7 Administrar Empleados
47
3.3.8 Agregar empleado
48
3.3.9 Modificar empleado
49
3.3.10 Eliminar Empleado
50
3.3.11 Administrar sucursales
51
3.3.12 Agregar sucursales
52
3.3.13 Modificar sucursal
53
3.3.14 Eliminar sucursal
54
3.3.15 Administrar Usuarios
Al ingresar al botón usuarios te envía a la tabla reporte de los usuarios que están
registrados en la base de datos, esta tabla cuenta con botones para agregar un
nuevo usuario, un botón para editar de la tabla y un botón para eliminar.
Los campos de esta tabla son el id automático dado por el sistema, el nombre del
usuario, y un password.
También cuenta con un botón para salir de ediciones al cerrar sesión y un botón
para regresar al formulario de opciones de tablas, además del botón para exportar
a Excel.
55
3.3.16 Agregar Usuarios
56
3.3.17 Modificar Usuario
57
3.3.18 Eliminar Usuario
58
3.3.19 Administrar Compras
59
3.3.20 Agregar Compra
Al elegir el botón de agregar nos manda a la interfaz de agregar una compra, esta
también puede ser agregada por medio del punto de venta.
60
3.3.21 Modificar compra
61
3.3.22 Eliminar compra
62
3.3.23 Gestionar compra_producto
63
3.3.24 Agregar compra_producto
64
3.3.25 Modificar compra_producto
65
3.3.26 Eliminar compra_producto
66
3.3.27 Regresar
67
3.4 Empleados
Al ingresar a la pestaña Login en el sitio web se dan las dos opciones de entrada
(imagen 47) .En esta sección se mostraran las distintas opciones de manejo para
los empleados registrados de “Panadería La Flor”.
68
3.4.1 Opciones para empleado
En la imagen 48 se muestran las opciones para los empleados, como se puede ver
este solo tiene permiso de entrada al punto de venta y al reporte de compras
realizadas, además que por este medio también se pueden agregar compras.
69
3.4.2 Punto de venta
70
3.4.3 Compras
71
3.6 Back & Front
Productos
Agregartabla1.php: En este formulario se mandan los datos de
productos para agregarse a la base de datos.
Edición.php: Este formulario es usado para editar los datos de
producto por medio del id.
Eliminar.php: Este es usado para eliminar productos por medio
de id.
Guardartabla2.php: Este formulario es llamado para mandar los
datos modificados después de edición.php.
Nuevo.php: En este formulario se agregan los datos que serán
enviados a la tabla productos de aquí se mandan a la interfaz
agregartabla1.php.
Reporte.php: En esta interfaz se muestran todos los productos
almacenados en la tabla productos.
Reporte_excel_productos.php: Esta interfaz es necesaria para
la formulación de un documento de Excel con la información de
la tabla productos.
Empleados
Agregartablaemple.php: En este formulario se mandan los
datos de empleados para agregarse a la base de datos.
Edicionemple.php: Este formulario es usado para editar los
datos de empleados por medio del id.
Eliminaremple.php: Este es usado para eliminar empleados por
medio de id.
Guardartablaemple.php: Este formulario es llamado para
mandar los datos modificados después de ediciónemple.php.
72
Nuevoemple.php: En este formulario se agregan los datos que
serán enviados a la tabla empleados de aquí se mandan a la
interfaz agregartabla1.php.
Reporteemple.php: En esta interfaz se muestran todos los
empleados registrados en la tabla empleados.
Reporte_excel_empleados.php: Esta interfaz es necesaria
para la formulación de un documento de Excel con la
información de la tabla empleados.
Compras
Agregartablacomp.php: En este formulario se mandan los datos
de las compras para agregarse a la base de datos.
Edicioncompra.php: Este formulario es usado para editar los
datos de las compras por medio del id.
Eliminarcompra.php: Este es usado para eliminar compras por
medio de id.
Guardartablacompra.php: Este formulario es llamado para
mandar los datos modificados después de edicióncompra.php,
Nuevocompra.php: En este formulario se agregan los datos que
serán enviados a la tabla empleados de aquí se mandan a la
interfaz agregartablacomp1.php.
Reportecompra.php: En esta interfaz se muestran todas las
compras registrados en la tabla compras.
Reporte_excel_compras.php: Esta interfaz es necesaria para la
formulación de un documento de Excel con la información de la
tabla compras.
Sucursales
Agregartablasucu.php: En este formulario se mandan los datos
de las sucursales para agregarse a la base de datos.
Edicionsucu.php: Este formulario es usado para editar los datos
de las sucursales por medio del id.
Eliminarsucu.php: Este es usado para eliminar sucursales por
medio de id.
Guardartablasucu.php: Este formulario es llamado para mandar
los datos modificados después de ediciónsucu.php.
73
Nuevosucu.php: En este formulario se agregan los datos que
serán enviados a la tabla empleados de aquí se mandan a la
interfaz agregartablasucu1.php.
Reportesucu.php: En esta interfaz se muestran todos ls
sucursales registrados en la tabla sucursal.
Reporte_excel_sucursales.php: Esta interfaz es necesaria para
la formulación de un documento de Excel con la información de
la tablas sucursales.
Usuarios
Agregartablausua.php: En este formulario se mandan los datos
de los usuarios para agregarse a la base de datos.
Edicionusua.php: Este formulario es usado para editar los datos
de los usuarios por medio del id.
Eliminarusua.php: Este es usado para eliminar usuarios por
medio de id.
Guardartablausua.php: Este formulario es llamado para
mandar los datos modificados después de edicionusua.php.
Nuevousua.php: En este formulario se agregan los datos que
serán enviados a la tabla empleados de aquí se mandan a la
interfaz agregartablausua1.php.
Reporteusua.php: En esta interfaz se muestran todos los
usuarios registrados en la tabla usuarios.
Reporte_excel_usuarios.php: Esta interfaz es necesaria para la
formulación de un documento de Excel con la información de la
tabla usuarios.
Compra_producto
Agregartablacomp_prod.php: En este formulario se mandan los
datos de compra_producto para agregarse a la base de datos.
Edicioncompra_producto.php: Este formulario es usado para
editar los datos de la tabla compra_producto por medio del id.
Eliminarcompra_producto.php: Este es usado para eliminar por
medio de id.
74
Guardartablacomp_prod.php: Este formulario es llamado para
mandar los datos modificados después de
edicioncompra_prod.php.
Nuevocompra_producto.php: En este formulario se agregan los
datos que serán enviados a la tabla compra_producto de aquí
se mandan a la interfaz agregartablacomp_prod.php.
Reportecompra_producto.php: En esta interfaz se muestran
todos los usuarios registrados en la tabla compra_producto.
Reporte_excel_compra_producto.php: Esta interfaz es
necesaria para la formulación de un documento de Excel con la
información de la tabla compra_producto.
Principal
Index.php: Este php es el principal de la página Panaderia La
Flor aquí muestra las diferentes ventanas de la página.
Valores.php: aquí se da a conocer la información de Panaderia
la flor como: Misión, visión, valores
Productos.php: aquí se hace una conexión con la base de datos
y se toman los productos registrados para mostrarlos al cliente
con su respectivo precio.
Contacto.php: En esta interfaz se muestran las diferentes
sucursales y se da una forma de contacto con Panaderia La
Flor
Principallogin.php: esta interfaz es la principal al ingresar a la
pestaña login del sitio web ya que da las opciones de entrada
entre administrador y empleado
Login.php: Esta interfaz es llamada cuando se selecciona el
ingresa a administrador
Loginemp: Esta interfaz es solo para la entrada de los
empleados
Puntodeventa.php: esta interfaz es en la que el empleado hace
y registra las ventas de cada sucursal
Controlador
Dbcontroller.php: este el controlador que permite la conexión
del punto de venta con la base de datos
75
Conexión.php: Esta interfaz es la que permite la conexión de la
base de datos con la página web
Otras
Cerrarsesion.php: Esta interfaz es encargada de cerrar sesión
para el usuario que haya ingresado
Enviar.php: esta interfaz es la que permite el contacto con
Panaderia la flor en Contacto.php
Error.php: esta interfaz es llamada cuando el programa registra
un error como en la entrada de usuarios.
Opciones. Php: Esta es la interfaz que te guía a las distintas
tablas en la base de datos
Operaciones.php: Esta es la primera interfaz que aparece
cuando se entra a login
Operaciones2.php:Esta interfaz es llamada cuando quieres
regresar al primer formulario al entrar con login
Valida.php: Esta interfaz se encarga de validar la entrada de los
usuarios
Estos para hacer las conexiones de base de datos, correr los Query y conexiones
con boostrap para el diseño de la parte administrativa.
3.6.3 28 Imágenes
Desde el logo de “Panaderia La Flor”, producto e imágenes para botones.
76
Capítulo 4
Trabajo a futuro
77
4.2 Servidor http
El proyecto fue creado mediante especificaciones y requisitos del cliente más sin
embargo hay funciones que pueden mejorar la calidad de este por ejemplo:
Mensaje de confirmación para la eliminación de la información de las distintas
tablas. Así el administrador confirmaría la acción al momento de intentar
eliminar algún registro y no tener que volverlo a registrar al momento después
de haberlo eliminado.
Botón de navegación de rutas de imágenes. Esto para hacer más sencilla la
labor de agregación de ruta de imágenes a los productos y sucursales
ingresados.
78
Capítulo 5
Conclusiones y validaciones
79
5.1 Validación interfaz web edición
80
5.2 Validación conexión punto de venta y base de datos
Esta fue creada de la manera más amigable y sencilla para el uso de los empleados
de las distintas sucursales de Panaderia La Flor, teniendo ayuda visual de imágenes
para encontrar los productos y ser agregados para la venta. En la prueba de interfaz
pasada se mostró que el producto principal fue eliminado de la administración y de
la base de datos lo que implica que también debe ser eliminado de las opciones de
venta.
81
5.3 Validación ingreso a interfaz Login
82
Capítulo 6
Referencias
Amo, F. A., Normand, L. M., & Pérez, F. J. (2005). Introducción a la ingeniería del
software. Delta Publicaciones.
Apache Friends. (2016). Obtenido de https://www.apachefriends.org/about.html
Cabello, A. L. (2015). Implantacion de aplicaciones web en entornos internet,
intranet y extranet. IC Editorial.
Catalinas, E. Q. (2002). Sistemas operativos y lenguajes de programación. Editorial
Paraninfo.
Cruz, R. (2012). Guialista Santa Cruz De Juventino Rosas. Obtenido de http://santa-
cruz-de-juventino-rosas.guialis.com.mx/datos/panaderia-la-flor/2174608
Definicion. (s.f.). Obtenido de http://definicion.de/
Enrique E. Condor Tinoco, I. S. (2014). Programación Web con CSS, JavaScript,
PHP y AJAX. Universidad Nacional Jose Maria Ruedas.
Formacion Online En Gestion Empresarial. (s.f.). Obtenido de www.geston.org
Gonzalez, E. (2006). ¿Que es JavaScript? Obtenido de
http://aprenderaprogramar.com/index.php?option=com_content&view=articl
e&id=590:ique-es-y-para-que-sirve-javascript-embeber-javascript-en-html-
ejercicio-ejemplo-basico-cu00731b&catid=69:tutorial-basico-programador-
web-html-desde-cero&Itemid=192
Gutierrez, P. (5 de Noviembre de 2013). Fundamento de Bade de Datos. Obtenido
de http://www.genbetadev.com/bases-de-datos/fundamento-de-las-bases-
de-datos-modelo-entidad-relacion
Linux. (24 de Enero de 2016). Bluefish. Obtenido de
http://bluefish.openoffice.nl/index.html
Lopez, D. (12 de Enero de 2016). Obtenido de http://www.sdlopez.es/el-objetivo-
principal-de-una-empresa/
83
MySQL. (02 de Mayo de 2016). Bringing MySQL to the web. Obtenido de
https://www.phpmyadmin.net/
Rodriguez, H. A. (2015). akus.net. Obtenido de http://disenowebakus.net/beneficios-
pagina-web.php
Rojas, H. D. (26 de Agosto de 2015). IMPORTANCIA DE LA TECNOLOGÍA EN LAS
EMPRESAS. Obtenido de http://www.eumed.net/ce/2010a/hdgr.htm
Spona, H. (2010). Programación de bases de datos con MySQL y PHP. Marcombo.
Summerville, I. (2005). Software Engineering and Advanced Applications. En I.
Summerville, Software Engineering and Advanced Applications (págs. 80-
87). IEEE.
Valdéz, J. L. (2014). Tesis Doctorales. Obtenido de http://www.eumed.net/tesis-
doctorales/2014/jlcv/software.htm
Vasquez, S. B. (30 de marzo de 2015). Wordpress.com. Obtenido de
https://solvasquez.wordpress.com/2010/04/02/tecnologia-y-vida-cotidiana/
Wikipedia. (1 de Mayo de 2016). Pagina Web. Obtenido de
https://es.wikipedia.org/wiki/P%C3%A1gina_web
84
6.1 BIBLIOGRAFIA
1. Francisco Javier Gil Rubio. (2006). Creating Websites with PHP5. España:
McGraw-Hill Interamericana.
2. Jon Duckett. (2014). JavaScript and JQuery. Estados Unidos: John Wiley &
Sons.
3. E. Robson & . Freeman. (2012). Head First HTML and CSS. Houston Texas:
O'Reilly Media, Inc.
4. Olivier Sessink. (2016). Bluefish. Enero 10, 2016, de OpenOffice Sitio web:
http://bluefish.openoffice.nl/index.html
6. Damian Perez Valdez. (2007). Que son las bases de datos. Octubre 6, 2007,
de Platzy Sitio web: http://www.maestrosdelweb.com/que-son-las-bases-de-
datos/
85
9. Vicente Javier Eslava Muñoz. (2013). El nuevo PHP. Conceptos avanzados.
España: Bubok Publishing.
10. B. Schwartz & P. Zaitsev. (2012). High Performance MySQL. Estados Unidos:
O'Reilly .
12. Matthew Stucky. (2001). MySQL. Indianápolis, Indiana, United States: Sams
Publishing.
13. C. Date. (2001). Introducción a los sistemas de bases de datos. Upper Saddle
River, New Jersey: Pearson Educación.
15. Linux Blog. (2015) ¿Qué hace un Servidor Web como Apache? Febrero 16,
2015, de Digital Learning Sitio web:
http://www.digitallearning.es/blog/apache-servidor-web-configuracion-
apache2-conf
16. Desconocido. (2013). Aprende PHP. Octubre 21, 2013, de KekoMundo Sitio
web: https://www.kekomundo.com/foro/tutoriales/42/aprende-php-conectar-
php-a-phpmyadmin/336568/
17. Kasia Mikoluk. (2013). Las 5 Mejores Herramientas de Diseño de Sitios Web.
Noviembre 29, 2013, de Udemy Blog Sitio web: https://blog.udemy.com/las-
5-mejores-herramientas-de-diseno-de-sitios-web
18. Andrew Lohman. (2014). The Beauty of CSS Design. Diciembre 23, 2015, de
CSS Zen Garden Sitio web: http://www.csszengarden.com
19. JetImpex, Inc. (2013). Mis Plantillas. Mayo 1, 2003, de JetImpex, Inc Sitio
web: http://www.misplantillas.com/plantillas-web-gratis
86
20. Justin. (2008). Taller de PHP: MySQL – phpMyAdmin. Mayo 5, 2008, de
ElWebMaster Sitio web: http://www.elwebmaster.com/editorial/taller-de-php-
mysql-phpmyadmin
21. A. Abin. (2016). JavaScript. Mayo 10, 2016, de Mozilla Developer Network
Sitio web: https://developer.mozilla.org/en-US/docs/Web/JavaScript
24. Brian Urban. (2014). Normas APA para trabajos escritos. Mayo 09, 2016, de
ColConectada Sitio web: http://www.colconectada.com/normas-apa/
87