TESIS

“Sitio Web para Panadería La Flor con acceso

a punto de venta.”
PARA OBTENER EL TÍTULO DE
INGENIERA EN TELEMÁTICA
Presenta:
Belem Valdez Hernández
Asesores internos:
M.C. José Christian Padilla Navarro
Dr. Óscar Enrique García Duarte
Santa Cruz de Juventino Rosas, Gto.
Mayo, 2016
Dedicatoria

La presente tesis está dedicada al hombre que me ha acompañado toda la vida,

quien me inicio en el camino de la educación, que ha estado conmigo en todos los
comienzos de mi existencia. A la persona que me llevo al primer día de kínder, de
primaria, secundaria, preparatoria, universidad, y a mi primer entrevista de trabajo
aunque fue en su cumpleaños. A mi padre, que me ha demostrado que con trabajo
y esfuerzo todo se puede en la vida, gracias por siempre estar ahí y darme la fuerza
y la inspiración para seguir adelante.
Te amo papi, espero nunca decepcionarte y algún día poder pagar todo lo que has
hecho y sacrificado por mí.

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

Un sitio web es un documento situado en una red informática al que se accede

mediante enlaces de hipertexto, y este es aquel que contiene elementos a partir de
los cuales se puede acceder a otra información (Española, 2014)
El tema de la presente tesina surge con el motivo de dar a la empresa Panaderia La
Flor una plataforma de comunicación además de un acceso para el manejo de sus
ventas, esto debido a que actualmente esta empresa no cuenta con ningún tipo de
sistema tecnológico para el manejo de esta.
Para el logro de esta se deben tomar muchas consideraciones necesarias para el
cliente y su desarrollo a lo largo de este documento se pretende dar a conocer los
pasos para la compilación de este proyecto.
1.1 Antecedentes

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

“Panadería La Flor” cuenta con más de seis sucursales en el municipio de Juventino

rosas las cuales mantienen los registros de venta en forma escrita. El método de
venta de estas es:
Diagrama de flujo de ventas

Imagen 1 Diagrama de flujo de ventas

3
Registro para llenar de ventas en Panaderia La Flor
Fecha Empleado Sucursal Producto Precio Cantidad TP Total

Ejemplo de registro de venta

Fecha Empleado Sucursal Producto Precio Cantidad TP Total
15/05/2016 Ana Mercadito -Concha $5 1 $5 $40
de
chocolate
-Cuernito $4 2 $8
-Telera $4 3 $12
-Bolsita $15 1 $15
de
galletas

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

Toda empresa, negocio y/o establecimiento se mantiene actualizada en todos los

aspectos, usando las nuevas tecnologías informáticas ya que esto les ayuda en
distintos aspectos como lo son la publicidad, administración, y todo proceso a su
beneficio, al usar uso de algún sistema se le da un giro completo a esta haciendo
su trabajo rápido, sencillo y eficaz. (Rojas, 2015)
En la actualidad la apertura de muchas empresas al mundo digital ha provocado un
cambio drástico en el modo de gestionar estas compañías, así como en su forma
de relacionarse con los clientes. Por ello, las empresas tienen la necesidad de
aplicar innovaciones tecnológicas que permitan mejorar su modelo de negocio en
un mercado que es cada día más competitivo. (Rojas, 2015)
La tecnología es un concepto amplio que ha llegado a referirse a los avances de la
ciencia que permiten una solución mejor o automatizada. Si bien, el beneficio más
obvio de la tecnología en las pequeñas empresas es el aumento de la productividad,
lo cual se traduce en una estructura de costes más baja, hay algunas otras ventajas
que también pueden ayudar a lo general. La velocidad mejorada, la facilidad de
compartir y almacenar información, y una disminución en el error humano a través
de la automatización se suman a una reducción de los costes y un aumento de los
ingresos. (Formacion Online En Gestion Empresarial, s.f.)
En la actualidad las sucursales de “Panaderia La Flor” cuenta con una plataforma
de venta no efectiva, esto lleva al personal a tener un mal manejo de las ventas que
se logran hacer a lo largo del día.
Es por eso que se solicita solucionar el problema principal de la empresa mediante
un sitio web, que contenga la información principal de la cadena de “Panaderías la
Flor” como son los valores de esta, su historia, sus productos, las distintas
sucursales, tener una forma de contacto para los clientes así como el punto de venta
en el que se agregue la información que se involucran en estas como los distintos
productos, precios, los empleados que manejan el punto de venta, la información
de las sucursales, etc.

5
1.4 Objetivos

1.4.1 Objetivo General.

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.

1.4.2 Objetivos Especificos.

 Desarrollar una sitio web

 Crear en su totalidad la vista del sitio y su estructura de la parte trasera no
visible para empleados pero necesaria para su correcta funcionalidad
 Dar al cliente una plataforma de información sobre la empresa.
 Dar un método de contacto para los clientes con “Panaderia La Flor”.
 Dar visibilidad al catálogo de productos y precios.
 Crear plataforma Login para usuarios de punto de venta y para el
administrador.
 Proveer acceso a punto de venta.
 Implantar punto de edición para la administración de toda la página.
 Introducir Diseño y creación de base de datos para el
almacenamiento/manejo de la información.

6
1.5 Alcance

Dar al cliente una forma de obtener la información de “Panaderia La Flor” mediante

una sitio web, con un puente de contacto entre cliente y la empresa enviando
información de este a “Panadería La Flor” mediante un formulario de contacto, para
solucionar de manera más concreta sus dudas, escuchar sus sugerencias y surtir
algún pedido.
Diseñar una plataforma login para empleados y administrador.
Acceso a punto de ventas a empleados para realizar las compras de los clientes
mediante un catálogo de productos disponibles en la base de datos con precio por
producto y mostrando el total de la venta.
Acceso al administrador para el manejo de la información que conllevan las ventas
como el registro de los empleados de las distintas sucursales, con estatus de
trabajo, registro de sucursales con imagen de esta, registro de productos
disponibles en la base de datos con precio e imagen para su localización más fácil
dentro del punto de venta, y registro/modificación de la información en la base de
datos

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.

Capítulo 2 Análisis y requerimientos

En este capítulo se detalla el análisis que se le dio al proyecto así como se dan a
conocer los requerimientos del cliente para la creación de esta. Se muestran las
distintas opciones que están disponibles para su elaboración.

Capítulo 3 Desarrollo e implementación

En este capítulo se describen todas las funcionalidades del sitio web, se muestran
las elecciones que se decidieron utilizar para su creación así como la estructura de
la base de datos, además se señalan errores que se presentaron en la creación de
la misma.

Capítulo 4 Trabajo a futuro

Se muestran los trabajos a futuro que la página web tiene por enfrentar o que son
sugeridos al cliente.

Capítulo 5 Conclusiones Y Validaciones

Se dan las conclusiones del proyecto dividido por secciones desde el sitio web, el
punto de venta y punto de administración.
Capítulo 6 Referencias
Se muestran las distintas citas durante la tesina así como las referencias
bibliográficas de las diferentes fuentes que fueron utilizadas para la creación de la
misma.

8
1.7 Marco Teórico

Con el avance de la tecnología informática se ha mejorado muchos aspectos de la

vida. De las cuales se pueden adentrar distintas áreas tales como: la economía, la
cultura, la medicina, etc. (Vasquez, 2015)
Las páginas web pueden estar almacenadas en un equipo local o en un servidor
web remoto. El servidor web puede restringir el acceso únicamente a redes
privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en
la World Wide Web. El acceso a las páginas web es realizado mediante una
transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto
(HTTP). (Lee, 2010)
Por esto en una página web se pretende hacer uso de la tecnología en el área de
la venta de producto, haciendo uso de algunas herramientas extras tales como:
Definiciones (Definicion, s.f.)
 Entorno de desarrollo
Estos son programas diseñados para utilizar los distintos leguajes de
programación en la creación de páginas web, aplicaciones etc.

BlueFish: Es un potente editor dirigido a programadores y desarrolladores web,

con muchas opciones para escribir páginas web, scripts y código de
programación. BlueFish soporta varios lenguajes de programación. (Linux, 2016)

 Herramienta para la gestión de datos

Estas son utilizadas para ayudar administrar la información de una base de datos

PhpMyAdmin: phpMyAdmin es una herramienta de software libre escrito en

PHP, la intención de manejar la administración de MySQL a través de la Web.
(Operaciones de gestión de bases de datos, tablas, columnas, relaciones,
índices, usuarios, permisos, etc). (MySQL, 2016)

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)

HTML: (Hypertext Markup Language). Lenguaje de programación que se utiliza

para la creación de páginas web. (Definicion, s.f.)
PHP: (Personal Home Page). Lenguaje de programación para facilitar el diseño
de páginas web de carácter dinámico. (Spona, 2010)
Java Script: Es el lenguaje de programación HTML y de la Web (Gonzalez,
2006)
CSS: Hojas de estilo en cascada (CSS) es un lenguaje de hojas de estilo
utilizado para describir la presentación de un documento escrito en un lenguaje
de marcas. (Catalinas, 2002)

 Servidor local

XAMPP: Es una distribución de Apache completamente gratuita y fácil de

instalar para generar una plataforma de servidor web local. (Summerville, 2005)

Posteriormente se explican la manera en que se utilizaron estas herramientas.

10
Capítulo 2

Análisis Y Requerimientos

Esta es una de las partes más importantes dentro de un negocio, empresa o

compañía. Dentro de estas se involucran las áreas de producción, contabilidad y
almacenes.
El análisis en ventas se realiza diariamente dentro de cada sucursal ya que así se
logra asumir una forma segura de almacenaje de datos de ventas para así tener en
cuenta el precio, la preferencia del cliente, quien se hace cargo de estas ventas y
donde son hechas.
Dentro de esta compañía se requiere poseer un punto de venta con la información
de cada una de estas disponible para así tener un manejo de los productos
disponibles así como estar al tanto sobre quiénes son los encargados de las ventas
hechas en las distintas sucursales.

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

1. ¿Qué tipo de empresa es? ¿Cuáles son sus productos y servicios?

“Panaderia La Flor” es una empresa en crecimiento dedicada a la elaboración
de pan dulce, pan blanco y pasteles para distintos eventos en Juventino
Rosas.
2. ¿Quiénes son sus clientes?
Los clientes de “Panaderia La Flor” son de distinto tipo ya que son la
población de Juventino Rosas y sus alrededores
3. ¿Existe un proyecto anterior de este tipo?
No
4. ¿Cómo son registradas las ventas?
Se registran de forma escrita al momento que el cliente lleva su bandeja a la
mesa de cobro
5. ¿Dónde se guarda la información de estas?
En libretas, hojas (De forma escrita).
6. ¿Qué información es escrita a la hora de la venta de los productos?
El nombre del producto, su precio, su cantidad y el total de esta.
7. ¿Por qué se tomó la idea de la implementación de un sitio web con
acceso a punto de venta?
Los métodos se están volviendo obsoletos ya que es muy difícil catalogar los
registros escritos.
8. ¿Quiénes serán las personas con acceso a el sitio web?
Clientes, empleados, y administrador.
9. ¿Estos tendrán acceso a toda el sitio web?
No, serán divididos en 3 secciones distintas. Clientes, empleados y
administrador.
10. ¿Qué es lo que el cliente/empleado quiere ver y tener en el sitio web?
Un sitio web sencillo y amigable a la vista, que les muestre a los clientes
nuestros productos, sucursales y les de una forma de contacto con nosotros.
Un punto de venta para el cliente que los empleados manejen de una forma
sencilla y con vista limpia y profesional. Acceso a edición para el
administrador de la página con reportes de la información obtenida de las
ventas.

13
2.3 Necesidades

El cliente solicito un sitio web para tres distintos perfiles de usuarios:

 Administrador
 Empleados
 Clientes
Con el contenido dividido en tres partes
Sitio web  Accesible para los tres perfiles de usuario
Punto de venta  Accesible para los empleados y administrador
Administración  Accesible solo para administrador

El sitio web debe contener las siguientes cinco pestañas:

 Bienvenida
 Información empresarial
o Misión
o Visión
o Valores
 Información de productos
 Información de sucursales
 Login
El cliente solicitó la creación de un punto de venta dentro del sitio web al que se
acceda mediante la pestaña Login con un usuario y contraseña, que serán
establecidos dentro de la página web por el administrador en su módulo de
administración dentro también de la pestaña Login.

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.

Imagen 2 Estructura lineal

2.3.1.3 Colores y fuentes

El color del fondo que debe ser un color suave, que haga percibir la bienvenida de
una empresa de alimentos entre las opciones son:

 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.

2.3.1.4 Información del sitio web

 Bienvenida al sitio de la “Panaderia La Flor”

 Pestaña de la información que representa a “Panaderia La Flor” como lo es
su misión, visión y valores.
 Catálogo de productos con su precio actual por unidad e imagen del producto
 En la pestaña de contacto se podrán visualizar las distintas sucursales de
“Panaderia La Flor” además de tener un formulario de contacto
cliente/empresa solicitando la siguiente información:
o Nombre
o Email
o Asunto del mensaje
o Mensaje a enviar

2.3.2 Punto de venta

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.

2.3.3 Punto de administración

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

Es un método del que disponemos para diseñar estos esquemas que

posteriormente debemos de implementar en un gestor de BBDD (bases de datos).
Este modelo se representa a través de diagramas y está formado por varios
elementos. (Gutierrez, 2013)

Imagen 3 Modelo entidad-relación

La imagen 3 muestra el modelo entidad-relación de la base de datos, el cual

contiene seis tablas: usuarios, productos, compras, empleados, sucursales,
compra_producto. Se muestran sus respectivos atributos los cuales están
precedidos por su llave primaria y de colores se muestran las relaciones que existen
entre ellas.

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

En este punto de describirán las herramientas a utilizar para el desarrollo en su

totalidad de la página web.

2.4.1 Entorno de desarrollo

2.4.1.2 BlueFish
Bluefish es un software editor HTML multiplataforma POSIX y con licencia GPL, lo
que lo convierte en software libre, está dirigido a diseñadores web experimentados
y programadores y se enfoca en la edición de páginas dinámicas e interactivas. Es
capaz de reconocer diversos lenguajes de programación y de marcas y corre en
muchos de los sistemas operativos compatibles con POSIX. (Linux, 2016).

2.4.2 Lenguajes de programación

2.4.2.1 HTML
Es el lenguaje de marcado para la elaboración de páginas web. Es un estándar que
sirve de referencia para la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la
definición de contenido de una página web, como texto, imágenes, videos, entre
otros. Se considera el lenguaje web más importante siendo su invención crucial en
la aparición, desarrollo y expansión de la Word Wide Web. (Catalinas, 2002)
2.4.2.2 PHP
PHP es un lenguaje de código abierto muy popular, adecuado para desarrollo web
y que puede ser incrustado en HTML. Es popular porque un gran número de páginas
y portales web están creadas con PHP. (Catalinas, 2002)
Siendo código abierto nos da un uso libre y gratuito, además cuenta con la gran
ventaja de ser compatible para combinarse con HTML.
Páginas estáticas son a aquella cuyos contenidos permanecen siempre igual,
mientras que se llama páginas dinámicas a aquellas cuyo contenido no es el mismo
siempre. PHP se utiliza para generar páginas web dinámicas, ya que Panaderia la
Flor es una empresa en rápido crecimiento se necesita esta flexibilidad para la
página ya que nuevos productos, sucursales y empleados pueden ser agregados
así como cambio de precio en los productos.

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 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.
Una base de datos puede ser de diverso tipo, desde un pequeño fichero casero para
ordenar libros y revistas por clasificación alfabética hasta una compleja base que
contenga datos de índole gubernamental en un Estado u organismo internacional.
(Spona, 2010)

2.4.3.1 Gestor De Base De Datos

Es un programa cuyo objetivo es servir de interfaz entre la base de datos, el usuario
y las aplicaciones. Se compone de un lenguaje de definición de datos, de un
lenguaje de manipulación de datos y de un lenguaje de consulta. Un GBD permite
definir los datos a distintos niveles de abstracción y manipular dichos datos,
garantizando la seguridad e integridad de los mismos.

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

MySQL es un sistema de gestión de bases de datos relacional, multihilo y

multiusuario. Permite hacer tareas simples como: Insertar, eliminar, modificar y
consultar. También realiza tareas complejas como la comparación de datos en ella.
(MySQL, 2016)

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.

2.5.1 Perfiles de Usuarios

 Administrador: Es el perfil con más privilegios de la aplicación. Tiene

permisos sobre todos los objetos y le está permitido realizar todas las
acciones que crea conveniente sobre ellos.

 Empleados: Este perfil es el usuario principal de la parte del punto de venta

y las compras ingresadas.

 Clientes: Tiene acceso a la parte de la información del sitio web.

22
2.6 Sistema de usuarios

Las funcionalidades del usuario que acceden a la aplicación determinadas por

perfiles:
Administrador (Imagen 4):
 Web master.
 Tiene todos los derechos sobre la aplicación y base de datos.
 Crea/edita/borra empleados.
 Crea/edita/borra productos.
 Crea/edita/borra sucursales.
 Crea/edita/borra usuarios.
 Crea/edita/borra compra_producto.
 Edita/borra compras realizadas.
 Crea/edita/borra cualquier elemento necesario para definir los anteriores.
Empleados (Imagen 5):
 Acceso a punto de ventas
 Registra compras realizadas
Cliente (Imagen 6):
 Acceso a las siguientes plataformas del sitio:
o Inicio
o Valores
o Productos
 Acceso a precios establecidos por Administrador/personal
o Contacto
 Acceso a información de distintas sucursales así como envió
de información para contacto con el gerente de las distintas
sucursales.

23
2.6.1.2 Administrador

Imagen 4 Usuario 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

Imagen 5 Usuario empleado

Agrega Compras: Se muestra un formulario con la siguiente información a llenar:

Fecha de la compra, id_empleado que hizo la venta, id_sucursal en la que se hizo
la venta, por default se le agrega un id de compra auto incrementable.
Acceso a punto de venta: en esta se muestran los distintos productos con su
precio, se le da la opción de agregar la cantidad de cierto producto que se está
vendiendo, este es mandado a una tabla donde aparece el producto, código,
cantidad, precio por unidad y el total de los productos añadidos. Este se multiplica
cantidad por precio de unidad de cada producto.
El total después es enviado a la tabla compra con el id de monto, de ahí se agregan
los demás campos que son la fecha de la compra, id del empleado que hiso la venta
y el id de la sucursal donde se hiso la venta. También se le da al empleado la
posibilidad de quitar el producto elegido en la tabla de la compra que se está
haciendo o limpiar en su totalidad la tabla de los productos para venta.

26
2.6.1.4 Cliente

Imagen 6 Usuario 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.

3.1 Desarrollo de la base de datos

La base de datos fue desarrollada en phpMyAdmin la cual tiene como nombre

“panaderialaflor” y esta cuenta con seis tablas:
 Compras
 Compra_producto
 Empleados
 Productos
 Sucursales
 Usuarios

Imagen 7 Base de datos panaderialaflor

En la imagen 7 se muestran las tablas mencionadas antes en “panaderialaflor”.

28
3.1.2 Tabla compras

Imagen 8 Tabla compras

En la imagen 8 se muestra la tabla compras que está compuesta de ocho campos.

Esta es encabezada por un Id_compra único incrementable para que aumente
automáticamente al registrar la compra, esta también contiene:
 Fecha para asignar del día que se hace la compra
 Id_empleado que hizo la transacción de la compra
 Id_sucursal donde se hizo la compra
 Código del producto comprado
 Cantidad del producto
 Precio por unidad de este
 Monto que sería el total de la compra

29
3.1.3 Tabla compra_producto

Imagen 9 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

Imagen 10 Tabla empleados

La tabla empleados en la imagen 10 cuenta con un id incrementable único además

del nombre del empleado, un campo de password para que tenga ingreso a la parte
de los empleados de la plataforma login del sitio web y un estatus de 1 activo y 0
inactivo para los empleados que ya no trabajan con “Panaderia La Flor”.

31
3.1.5 Tabla Productos

Imagen 11 Tabla productos

La tabla mostrada en la imagen 11 cuenta con un id incrementable, el nombre del

producto, su precio por unidad, una ruta de imagen del producto, y su código.

3.1.6 Tabla Sucursales

Imagenn 12 Tabla sucursales

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

Imagen 13 Tabla 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

Al haber conocido la historia de la empresa, sus valores, sus necesidades se pasa

a la siguiente fase que es la creación del sitio web. Para esto se utilizó Bluefish que
es un editor de texto profesional para codificar php.

3.2.1 Inicio

Esta es la interfaz principal, con el color elegido de las opciones. En esta se

muestran las opciones de navegación que son:
 Inicio
 Valores
 Productos
 Contacto
 Login

34
 Imagen 14 Pestaña principal

La imagen 14 muestra la pantalla principal en la que se eligió el color chocolate con

fuente Lucida Calligraphy. El diseño de bloques en distintos tonos de chocolate y
blanco fueron diseñados con lenguaje css así como el tamaño de los bloques de
información.

35
3.2.2 Pantalla Valores

Imagen 15 Pestaña valores

En la imagen 15 se muestra la información esencial de “Panaderia La Flor” como lo

es su misión, visión y valores.

36
3.2.3 Productos

Imagen 16 Pestaña productos

En la imagen 16 se muestran los productos en la base de datos, imagen de ellos y

el precio por unidad, esto se logra mediante un enlace con la base de datos para
tomar los productos e información disponibles en esta.

37
3.2.4 Contacto

Imagen 17 Pestaña contacto

En la imagen 17 se le da al cliente la oportunidad de comunicarse con “Panaderia

La Flor” al enviar la información requerida, además del nombre e imágenes de las
distintas sucursales.

38
3.2.5 Login Principal

Imagen 18 Pestaña login

La imagen 18 muestra la pestaña login, esta da las opciones de usuario de entrada

se selecciona si el usuario es el administrador del sitio o un empleado de “Panadería
La Flor.”

39
3.3 Administrador

El administrador de la página está a cargo del mantenimiento y desarrollo del sitio

web de la compañía. El administrador es responsable de gestionar los datos de las
distintas tablas en la base de datos, él puede ver/agregar/modificar/eliminar la
información de todas estas.

3.3.1 Interfaz Administrador

Imagen 19 Login administrador

En la imagen 19 se muestra el login del administrador donde el usuario es belem y

la contraseña con los caracteres ocultos encabezados por el logo de “Panadería La
Flor”.

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.

Imagen 20 Opciones administrador

En la imagen 20 se muestran las primeras opciones disponibles para el

administrador. Estas son mostradas con un saludo personal al usuario que ingreso.

41
3.3.2 Comenzar a editar

Imagen 21 Opciones de edición para administrador

En la imagen 21 se muestran siete botones lo cuales le dan a elegir la tabla a

gestionar, el administrador puede elegir la que quiera o regresar a las opciones
principales, al fondo de la imagen se muestra la paginación del usuario
administrador.

42
3.3.3 Administrar Productos

Imagen 22 Reporte 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.

Imagen 23 Ingreso de producto

En la imagen 23 se muestra el formulario con los campos a completar para agregar

un nuevo producto y el botón de agregar producto tiene el permiso de hacerlo.

44
3.3.5 Modificar productos

Imagen 24 Actualización de producto

En la imagen 24 se puede apreciar el producto seleccionado para modificar. El

administrador puede cambiar cualquier dato salvo el id ya que es el dato con el que
el producto es identificado.

45
3.3.6 Eliminar producto

Imagen 25 Eliminación producto

Al eliminar el producto se envía un mensaje desde el servidor confirmando la

eliminación.
Se recomienda como trabajo a futuro mandar una pregunta para asegurar si el
administrador deberá desea eliminar el producto ya que tendría que ser escrito otra
vez para su recuperación.

46
 3.3.7 Administrar Empleados

Imagen 26 Reporte empleados

Al ingresar al botón empleado encontrado en las opciones de edición del

administrador te envía a la tabla reporte de los empleados que están registrados en
la base de datos, esta tabla cuenta con botones para agregar un nuevo empleado,
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
empleado, el password para que este acceda a su plataforma de usuario del punto
de venta y el estatus del empleado.
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 de exportación
a Excel.

47
3.3.8 Agregar empleado

Al elegir el botón de agregar nos manda a la interfaz de agregar empleado.

Imagen 27 Agregación de empleado

En la imagen 27 se muestra el formulario con los campos a completar para agregar

un nuevo empleado se asigna una contraseña de nombre password y se selecciona
el estado del empleado activo o inactivo. El botón de agregar tiene el permiso de
hacerlo.

48
3.3.9 Modificar empleado

Imagen 28 Modificación de empleado

En la imagen 28 se puede apreciar el empleado seleccionado para modificar. El

administrador puede cambiar cualquier dato salvo el id ya que es el dato con el que
el empleado es identificado.

49
3.3.10 Eliminar Empleado

Imagen 29 Eliminación de empleado

Al eliminar el empleado se envía un mensaje desde el servidor confirmando la

eliminación.
Se recomienda como trabajo a futuro mandar una pregunta para asegurar si el
administrador deberá desea eliminar el empleado ya que tendría que ser escrito
otra vez para su recuperación.

50
3.3.11 Administrar sucursales

Imagen 30 Reporte sucursales

Al ingresar al botón sucursales envía a la tabla reporte de sucursales como lo

muestra la imagen 30 que están registrados en la base de datos, esta tabla cuenta
con botones para agregar una nueva sucursal, 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 de la
sucursal, y la ruta de una imagen de esta.
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 de un botón para exportar
la tabla a un documento Excel.

51
3.3.12 Agregar sucursales

Al elegir el botón de agregar nos manda a la interfaz para agregar sucursales

Imagen 31 Agregar sucursales

En la imagen 31 se muestra el formulario con los campos a completar para agregar

una nueva sucursal y el botón de agregar tiene el permiso de hacerlo.

52
3.3.13 Modificar sucursal

Imagen 32 Actualización de sucursales

En la imagen 32 se puede apreciar la sucursal seleccionada para modificar. El

administrador puede cambiar cualquier dato salvo el id ya que es el dato con el que
la sucursal es identificada.

53
3.3.14 Eliminar sucursal

Imagen 33 Eliminación de sucursal

Al eliminar una sucursal se envía un mensaje desde el servidor confirmando la

eliminación.
Como trabajo a futuro se recomienda la confirmación de eliminación de dato.

54
3.3.15 Administrar Usuarios

Imagen 34 Reporte de 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

Al elegir el botón de agregar nos manda a la interfaz de agregar Usuario.

Imagen 35 Ingreso de usuarios

En la imagen 35 se muestra el formulario con los campos a completar para agregar

un nuevo empleado y el botón de agregar tiene el permiso de hacerlo.
En esta tabla se registran los administradores del sitio web por lo que puede solo
tener un registro.

56
3.3.17 Modificar Usuario

Imagen 36 Actualización de usuarios

En la imagen 36 se puede apreciar el usuario seleccionado para modificar. El

administrador puede cambiar cualquier dato salvo el id ya que es el dato con el que
el usuario es identificado.

57
3.3.18 Eliminar Usuario

Imagen 37 Eliminación de usuarios

Al eliminar a un usuario se envía un mensaje desde el servidor confirmando la

eliminación.

58
3.3.19 Administrar Compras

Imagen 38 Reporte de compras

Al ingresar al botón de compras te envía a la tabla reporte de las compras

registradas en la base de datos, esta tabla cuenta con botones para agregar una
nueva compra, 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, la fecha de la
compra, el id_empleado para registrar el empleado que capturo la compra,
id_sucursal para agregar la sucursal donde se hizo la compra, el producto vendido,
código del producto, cantidad del producto, su precio por unidad y el monto total.
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 de exportación
a Excel.

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.

Imagen 39 Registro de compras

En la imagen 39 se muestra el formulario con los campos a completar para registrar

una nueva compra y el botón de agregar tiene el permiso de hacerlo.

60
3.3.21 Modificar compra

Imagen 40 Modificación de compras

En la imagen 40 se puede apreciar la compra seleccionado para modificar. El

administrador puede cambiar cualquier dato salvo el id ya que es el dato con el que
la compra es identificada.

61
3.3.22 Eliminar compra

Imagen 41 Eliminación de compras

Al eliminar una compra se envía un mensaje desde el servidor confirmando la

eliminación.

62
3.3.23 Gestionar compra_producto

Imagen 42 Reporte compra_producto

Al ingresar al botón de compra_producto te manda a la interfaz expuesta en la

imagen 42 en esta se pueden ver los campos del id de la compra_producto, id del
producto, el id de la compra, la cantidad del producto y el estatus de la compra
También se puede ver en la imagen 41 los botones para agregar, modificar y
eliminar, además de botones para cerrar sesión, regresar a opciones principales de
administrador y un botón para exportar la tabla a un documento Excel.

63
3.3.24 Agregar compra_producto

Al elegir el botón de agregar nos manda a la interfaz de agregar una

compra_producto donde se solicitan los campos que relación

Imagen 43 Ingreso de compra_producto

En la imagen 43 se muestra el formulario con los campos a completar para registrar

una nueva compra y el botón de agregar tiene el permiso de hacerlo.

64
3.3.25 Modificar compra_producto

Imagen 44 Modificación de compra_producto

En la imagen 44 se puede apreciar la compra seleccionado para modificar. El

administrador puede cambiar cualquier dato salvo el id_compra_producto ya que es
el dato con el que la compra es identificada.

65
3.3.26 Eliminar compra_producto

Imagen 45 Eliminación de compra_producto

Al eliminar una compra_producto se envía un mensaje desde el servidor

confirmando la eliminación.

66
3.3.27 Regresar

Imagen 46 Opciones de edición del administrador

Además de las opciones mostradas en la imagen 46 para ingresar a las distintas

tablas también está el botón regresar que nos envía al formulario principal en el
login.

67
3.4 Empleados

Imagen 47 Opción principal

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

Imagen 48 Opciones para empleados

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

Imagen 49 Punto de ventas

En la imagen 49 se muestran las tablas en el punto de venta. La tabla productos

cuenta con conexión a la base de datos por lo que solo muestra los productos en
esta así como su precio. En esta tabla se eligen los productos y su cantidad
agregándolos al campo esto manda a la tabla compras que se muestra en la parte
superior del punto de ventas, donde se hace una lista de los productos listos para
su compra ademad de su código.
En la tabla compras se dan la opción de vaciar el carrito de compras, así como un
botón para guardar la compra tomando la información de fecha, id_empleado que
registra la compra, este tomado de los registros en la tabla empleados de la base
de datos así como el id de la sucursal.
La tabla compras también da la opción de quitar producto seleccionado, además de
contener botones para salir de la sesión o regresar a opciones.

70
3.4.3 Compras

Imagen 50 Reporte compras

En la imagen 50 se muestra la opción de compras en el menú de empleado, como

se puede ver se muestra el reporte de las compras registradas y se da la opción de
agregar nuevas compras más en empleado no tiene permisos de modificar o
eliminar estos datos.

71
3.6 Back & Front

El proyecto fue codificado en varios lenguajes ya mencionados anteriormente como

php, css, y HTML. En su totalidad se crearon:

3.6.1 50 archivos php

Unos de estos archivos fueron los mostrados en las ilustraciones anteriores pero
otros no son demostrados ya que son piezas de la parte trasera de la página para
que esta pueda funcionar correctamente

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

3.6.2 11 archivos JavaScript

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.

3.6.4 7 archivos css

Diferentes estilos para toda la página desde css hasta boostrap.

76
Capítulo 4

Trabajo a futuro

Un punto interesante de desarrollar sería la posibilidad de que los usuarios

poseyeran múltiples perfiles para poder desempeñar varias funcionalidades.

4.1 Sistema multi-perfil y multi-permiso.

1. Sistema multi-perfil: Se ha estudiado para las siguientes iteraciones de la

aplicación el proporcionar a los usuarios varios perfiles y que sean ellos los que
decidan entrar en la aplicación con unos u otros perfiles.
Esto se pensó por los casos de los perfiles especiales (ADMINISTRADOR,
EMPLEADOS) ya que el administrador puede que también sea empleado de la
Panadería quizá le sea útil acceder a la aplicación con el perfil EMPLEADO. De
esta forma, sería la aplicación la que preguntaría al usuario que perfil quiere usar
para navegar por ella.

2. Sistema multi-permiso: Pensado en posibles interacciones entre usuarios o la

posibilidad de casos especiales entre ellos (vacaciones, enfermedad, etc), se
ha ideado un sistema binario para dar permisos sobre la aplicación al usuario
que lo necesite independientemente del perfil que tenga.
Así, no es necesario modificar el perfil de ningún usuario sino que basta con darle
permisos sobre las acciones que necesite. De manera similar a la categoría de los
eventos, se destinaría un campo de base de datos de EMPLEADOS para indicar
los permisos que el usuario que está accediendo a la aplicación tiene. Esto es, se
indica una cadena de 0 y 1 por los que según la posición del carácter y su valor
(0/1) podemos llegar a si un usuario tiene unos permisos determinados sobre una
determinada acción dentro de la aplicación.

77
4.2 Servidor http

Este proyecto ha sido probado y ejecutado en el servidor local XAMPP después

cuando el cliente de la orden se planea instalarse en un servidor web de su
preferencia recomendé Apache por las siguientes razones:

 El servidor web Apache es totalmente gratuito y puede ser descargado por

cualquier persona en el mundo.
 Apache es usado principalmente para enviar páginas web estáticas y
dinámicas en la World Wide Web.
 Apache es el componente de servidor web en la popular plataforma de
aplicaciones LAMP, junto a MySQL y los lenguajes de programación
PHP/Perl/Python.
 Modular.
 Código abierto.
 Multi-plataforma.
 Extensible.
 Popular (fácil conseguir ayuda/soporte).

4.3 Otras recomendaciones

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

La página web que se desarrolló en este proyecto se trata de una herramienta

sencilla para el usuario, dando la información proporcionada y solicitada por el
cliente. Además fue creada con las especificaciones de necesidades del cliente, el
color de su preferencia, la fuente de su preferencia y más importante con la
información dada asignada para los usuarios de esta que son los clientes

79
5.1 Validación interfaz web edición

Esta interfaz permite agregar/modificar/eliminar información de las distintas tablas

de la base de datos de “Panaderia La Flor” para sus empleados y administrador,
con un estilo limpio y sencillo permitiéndoles el acceso sencillo y amigable. Una
forma de validar las acciones realizadas de esta es probando que la conexión con
la base de datos sea estable ya que los botones para modificar todos están
conectados con su respectiva tabla en la base de datos.

Imagen 51 Validación de agregación

En la Imagen se muestran las acciones que se hicieron en el capítulo de la

implementación como lo fue la eliminación del primer producto.

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.

Imagen 52 Validación conexión entre punto de venta y base de datos

Como se muestra en la ilustración 52 el producto principal que era la concha con

Id_producto 1 ya no es mostrado en las opciones para su compra.

81
5.3 Validación ingreso a interfaz Login

La interfaz principal login para administrador y empleados debe ser capaz de

impedir el acceso a los usuarios no registrados en la tabla usuarios y la tabla
empleados por lo que se debe mandar un mensaje de error si los datos del
empleado o administrador son incorrectos

Imagen 53 Validación login

En la ilustración 54 se comprueba que cuando un usuario incorrecto intenta la

entrada al sistema este es rechazo por el sistema dándole la opción de volver a
intentar el ingreso al sistema con el botón regresar.

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

5. phpMyAdmin Contributors. (2002). Bringing MySQL to the web. Enero 15,

2016, de phpMyAdmin Sitio web: https://www.phpmyadmin.net/

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/

7. Marcos Medina. (2012). 15 Aplicaciones para montar servidores web en local.

Febrero 5, 2016, de Emezeta Sitio web:
http://www.emezeta.com/articulos/15-aplicaciones-para-montar-servidores-
web-en-local

8. Roberto Seijo. (2004). Diseño y creación de páginas web. Argentina: Ideas

propias.

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 .

11. M. Alvares. (2004). Introducción a php 5. Noviembre 12, 2004, de En Línea

Sitio web: http://www.ecured.cu/Lenguaje_de_Programaci%C3%B3n_Web

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.

14. E. Fernandez. (2014). Entorno de desarrollo para aplicaciones web

dinámicas. Agosto 3, 2014, de NeoTeo Sitio web:
http://www.neoteo.com/entorno-de-desarrollo-para-aplicaciones-web-
dinamicas

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

22. Carlos Hernández Rodriguez. (2015). Manual Para Elaboración De Tesis.

Xalapa: Universidad de Xalapa.

23. H. J. WONG . (2011). CARRITO DE COMPRAS CON PHP Y MYSQL -

RESUMEN. Marzo 12, 2011, de Programando con cafe Sitio web:
http://www.programandoconcafe.com/2011/03/carrito-de-compras-con-php-
y-mysql.html

24. Brian Urban. (2014). Normas APA para trabajos escritos. Mayo 09, 2016, de
ColConectada Sitio web: http://www.colconectada.com/normas-apa/

25. Community Foundation. (2005). Cómo funcionan las aplicaciones web.

marzo 17, 2016, de GCF Aprende Libre Sitio web:
http://www.gcfaprendelibre.org/tecnologia/curso/informatica_basica/aplicaci
ones_web_y_todo_acerca_de_la_nube/2.do

87