¿Le gustaría reservar en internet nuestras mesas para su mayor
VALIDACIÓN Y/O VERIFICACIÓN DE RESULTADOS DE LA APLICACIÓN
Tema
Plataforma web para la calidad del servicio al cliente en el restaurante “Tenedores & Sabores” de la ciudad de Portoviejo.
Descripción de la propuesta
Implementar una plataforma web para reservaciones en línea y pedidos a domicilio, disminuirá el tiempo en que los clientes realizan sus reservaciones de mesas. Además, es importantísimo el tema de tener un portal web donde podamos pedir comida a domicilio de una manera fácil y rápida.
La forma de pago que se implementara contra entrega del producto en caso de los pedidos a domicilio y pago al final del consumo en las reservaciones de mesas en el restaurante.
Objetivos
Definir funcionalidades de la plataforma web para reservaciones y pedidos en línea.
Establecer características para los diferentes roles de usuarios.
Definir documentación de la base de datos a través de diagramas entidad relación y diccionario de datos.
Realizar documentación de software con diagramas de casos de uso y de secuencias.
Diseñar interfaces de la plataforma web para reservaciones y pedidos en línea. Crear un dominio y poner en línea la plataforma
Efectuar pruebas de funcionamiento.
36 Desarrollo de la propuesta
Esencialmente la propuesta de solución planteada al problema descrito en el capítulo inicial consiste en la implementación de una plataforma web con características cliente / servidor que utiliza una base de datos en Mysql y ha sido desarrollado en PHP, utilizando DHTMLX para el frontend y otras herramientas como NetBeans, CSS, JQuery y Ajax.
Metodología de desarrollo
Para la implementación de la plataforma web, se eligió el método cascada ya que permite trabajar de una manera ordenada cada una de las fases para la implementación de este proyecto. Las etapas de esta metodología se muestran a continuación:
Figura 14 Metodología de Cascada cinco pasos Fuente: El autor
Mantenimiento
Respaldos Periodicos de Base de datos
Pruebas
Definir procesos de pruebas
Implementación
Codificación y hacer funcionar la plataforma en línea
Diseño
Definición de base de datos e interfaces
Analisis
37 Análisis
En la investigación que se ha realizado en Tenedores & Sabores, se ha determinó que existen ciertos requerimientos que se necesitan mejorar el servicio brindado a los clientes, entre los cuales detallaremos los siguientes:
Tener una identidad en línea por medio de una plataforma web. Falta de difusión a través de la web del menú del restaurante. Crear un sistema de reservaciones de mesas en línea.
Establecer un sistema de pedidos de comida a domicilio.
Facilitar un menú electrónico para que los clientes puedan ver los platos que oferta el restaurante.
Para cumplir los puntos indicados anteriormente, describiremos todo el negocio de la aplicación para dejar claro a que queremos llegar.
Funcionalidades de la plataforma web de pedidos y reservaciones de mesas.
Las funcionalidades que debe tener la plataforma web son las siguientes: Gestión de menú del restaurante
Consulta por tipo de plato Ver detalles de los platos
Insertar, eliminar o modificar platos (Opción disponible para el administrador del sistema)
Gestión de pedidos
Añadir o eliminar platos al pedido
Modificar cantidad de un plato seleccionado
Módulo de visualización de pedidos (Opción disponible para cocina del restaurante)
Gestión de Reservaciones
Insertar, eliminar o modificar mesas (Opción disponible para el administrador del sistema)
Consulta de mesas disponibles Reservación de mesas en línea
38
Módulo de calificación de la atención recibida. Gestión de usuarios
Inicio de sesión como cliente, cocinero o administrador. Permitir registro en línea de clientes
Mostrar perfil de usuario
Insertar, eliminar o modificar mesas (Opción disponible para el administrador del sistema)
Características de los usuarios
Los usuarios se dividirán en cuatro grupos y son los siguientes: visitante, cliente, cocinero y administrador del sistema.
El visitante será un usuario que podrá realizar consultas sobre el menú del restaurante. Pese a no haberse registrado, podrá navegar por las distintas categorías del menú para que se vaya familiarizando con la carta en línea y se le facilite al máximo la tarea de su pedido.
El cliente registrado es un usuario que anteriormente ha introducido sus datos en el formulario de registro y cuenta con un código y una contraseña para ingresar a la plataforma. Este tendrá la opción generar pedidos a domicilio o dentro del local y reservar mesas en línea.
El cocinero tendrá acceso una bandeja de entrada donde se visualizarán en orden los pedidos generados por las mesas o a domicilio. Para agilitar el proceso de entrega de comida.
El administrador del sistema tendrá acceso a la gestión de usuarios, de platos que brinda el restaurante, la gestión de reservaciones de mesas, la logística de entrega de pedidos a domicilio y el mantenimiento del sistema, así como sus respectivas actualizaciones de los servicios tales como nuevos platos, etc.
39
Diagramas de Secuencias
Diagrama de secuencia del visitante
Figura 15 Diagrama de Secuencia de Usuario Visitante Fuente: El Autor
40
Diagrama de secuencia del usuario registrado, módulo de pedidos a domicilio
Figura 16 Diagrama de secuencia del usuario registrado, módulo de pedidos a domicilio Fuente: El Autor
41
Diagrama de secuencia del usuario registrado, módulo de reservación de mesas en línea
Figura 17 Diagrama de secuencia del usuario registrado, módulo de reservación de mesas en línea Fuente: El Autor
42 Diagrama de secuencia del usuario cocinero
Figura 18 Diagrama de secuencia del usuario cocinero Fuente: El Autor
43
Diagrama de secuencia del administrador, módulo de gestión de usuarios
Figura 19 Diagrama de secuencia del administrador, módulo de gestión de usuarios Fuente: El Autor
44
Diagrama de secuencia del administrador, módulo de gestión de menús
Figura 20 Diagrama de secuencia del administrador, módulo de gestión de menús Fuente: El Autor
45
Diagrama de secuencia del administrador, módulo de gestión de mesas
Figura 21 Diagrama de secuencia del administrador, módulo de gestión de mesas Fuente: El Autor
46
Diagrama de clases
Figura 22 Modelo diagrama de clases Fuente: El Autor
47
Diccionario de datos
Tabla catalogo
Tabla 10 Diccionario de datos de la tabla catalogo
Columna Tipo Nulo Predeterminado Comentarios id_catalogo
(Primaria)
int(11) No
Nombre varchar(255) Sí NULL
Estado varchar(1) Sí S
Tabla catalogo_tipo
Tabla 11 Diccionario de datos de la tabla catalogo_tipo
Columna Tipo Nulo Predeterminado Comentarios id_catalogo_tipo
(Primaria)
int(11) No
id_catalogo int(11) No
id_catalogo_padre int(11) Sí NULL
Nombre varchar(255) Sí NULL
Dato varchar(255) Sí NULL
Estado varchar(1) No S
Tabla mesa
Tabla 12 Diccionario de datos de la tabla mesa
Columna Tipo Nulo Predeterminado Comentarios id_mesa (Primaria) int(11) No
num_maximo_comensal int(11) Sí NULL
Ubicación varchar(20) Sí NULL
48 Tabla pedido
Tabla 13 Diccionario de datos de la tabla pedido
Columna Tipo Nulo Predeterminado Comentarios id_pedido
(Primaria)
int(11) No
id_personal bigint(20) Sí NULL
id_tipo_pedido int(11) Sí NULL
id_mesa int(11) Sí NULL
fecha_pedido timestamp No CURRENT_TIMESTAMP
Tabla pedido_producto_oferta
Tabla 14 Diccionario de datos de la tabla pedido_oferta
Columna Tipo Nulo Predeterminado Comentarios id_pedido (Primaria) int(11) No
id_producto_oferta
(Primaria)
int(11) No
fecha_despachado timestamp Sí NULL
Estado varchar(1) No S
Tabla personal
Tabla 15 Diccionario de datos de la tabla personal
Columna Tipo Nulo Predeterminado Comentarios id_personal
(Primaria)
bigint(20) No
Cedula varchar(15) No
apellido1 varchar(255) Sí NULL
apellido2 varchar(255) Sí NULL
Nombres varchar(255) Sí NULL
Teléfono varchar(20) Sí NULL
Correo varchar(100) Sí NULL
49 Tabla personal_privilegio
Tabla 16 Diccionario de datos de la tabla personal_privilegio
Columna Tipo Nulo Predeterminado Comentarios id_personal
(Primaria)
bigint(20) No
id_tipo_rol (Primaria) int(11) No
Estado varchar(20) No S
Tabla producto
Tabla 17 Diccionario de datos de la tabla producto
Columna Tipo Nulo Predeterminado Comentarios id_producto (Primaria) int(11) No id_tipo_producto int(11) No Nombre varchar(500) No Descripción varchar(1000) No Estado varchar(1) No S Costo float(9,2) No Tabla producto_oferta
Tabla 18 Diccionario de datos de la tabla producto_oferta
Columna Tipo Nulo Predeterminado Comentarios id_producto_oferta
(Primaria)
int(11) No
id_producto int(11) No
Precio float(9,2) No
fecha_i timestamp No CURRENT_TIMESTAMP
fecha_f timestamp No 0000-00-00 00:00:00
50 Tabla venta
Tabla 19 Diccionario de datos de la tabla venta
Columna Tipo Nulo Predeterminado Comentarios
id_venta (Primaria) int(11) No id_pesonal_cliente bigint(20) No id_personal_empleado bigint(20) No id_tipo_valoracion int(11) No -1
Fecha timestamp No CURRENT_TIMESTAMP
sub_total float(9,2) No
Tabla venta_pedido
Tabla 20 Diccionario de datos de la tabla venta_pedido
Columna Tipo Nulo Predeterminado Comentarios id_venta (Primaria) int(11) No
id_pedido (Primaria) int(11) No
51
Interfaces del sistema
La siguiente figura muestra la pantalla principal de la aplicación web, básicamente solo tenemos el logo de restaurante tenedores & sabores unas fotos interactivas, la opción de inicio de sesión, en la parte superior tres pestañas inicio, opción de menú y la reservación de mesas en línea, también tenemos la integración de las redes sociales. La interfaz es sencilla y no esta carga con mucho contenido para que sea de fácil manejo para los clientes.
La imagen principal es una recopilación interactiva que cambia y muestra contenidos del restaurante, dándole un toque de sencillez y elegancia para captar la atención del posible cliente, con una interfaz muy fácil de apreciar y manejar para evitar confusiones en aquellos clientes que manejan muy poco la web, esta diseñada intuitivamente para su fácil manejo con muy pocas opciones en su primera pantalla.
Figura 23 Ventana principal del sistema web Fuente: El autor
52 Figura 24 Registro de usuario
Fuente: El autor
La siguiente figura muestra la pantalla de registro de usuario, cada usuario nuevo para poder hacer reservas de mesas o pedidos a domicilio necesariamente debe llenar los siguientes datos para poder quedar registrado, debe colocar nombre, apellido, dirección, teléfono, mail, una contraseña y confirmarla, posteriormente dar clic en registrarse ahora.
De esa manera el cliente quedara registrado y la siguiente vez que ingrese solo tendrá que ingresar su usuario y clave para poder realizar cualquiera de los servicios que ofrece el restaurante Tenedores & Sabores, ya sean estas reservas de mesas desde la web como solicitar pedidos a domicilio.
Se busca pedir solo los datos más importantes para que el cliente no tenga que llenar grandes fichas de ingresos que molestan en muchas ocasiones a los usuarios, de esa manera se agiliza el registro de usuarios.
53
La siguiente figura muestra la pantalla de consulta de menú, para poder acceder a ella es necesario estar logueado o registrado caso contrario se puede ver el menú, pero no escoger, vemos una opción de categoría de platos en donde podemos filtrar las opciones sean estas sopas, carnes, bebidas, etc.
Figura 25 Menú para usuario visitante Fuente: El autor
Figura 26 Reservación en Línea Fuente: El Autor
54
La siguiente figura muestra la pantalla de reservación de mesas en línea la cual va solicitar llenar los siguientes datos. La fecha, la hora, la ocasión pudiendo escoger algunas opciones, y la mesa la cual muestra el número y la cantidad de personas que pueden ocuparla, posteriormente en la parte inferior hay la opción de limpiar en el caso de querer comenzar de nuevo o guardar para confirmar la información.
Figura 27 Menú para usuario registrado Fuente: El autor
La siguiente figura muestra la pantalla consulta de menú, pero logueado como mesa para aquellos clientes que no reservan mesas en línea y llegan al restaurante a comer, básicamente es la misma pantalla mostrada en una imagen anterior, pero con la diferencia que al estar logueado como mesa se desactiva la opción de pedido a domicilio.
Cada plato muestra su precio al momento de dar clic en agregar pedido, vemos que al lado derecho se van colocando los platos escogidos en la parte que dice mis consumos, permitiendo modificar y eliminar cualquiera de los mismos, con unos pequeños iconos que están a su lado, en la parte superior aparece el total a pagar y la opción de escoger consumo en restaurante o pedido a domicilio inhabilitada.
55 Fuente: El autor
La siguiente figura muestra la pantalla de calificación del servicio, el cliente va poder calificar a través de estas tres preguntas los servicios implementados para poder medir la atención al cliente, escogimos el modo de calificación a través de estrellitas porque los clientes están familiarizados ya que es muy usado en las aplicaciones móviles, también se podrá escoger el nombre del camarero y al final una sugerencia que permitirá al administrador mejorar y evaluar dichos comentarios.
Figura 29 Notificación de código de reservación Fuente: El autor
56
La siguiente figura muestra la pantalla que aparece una vez hecha la reserva, en donde costa los datos del restaurante, código de la reserva que es generado por el sistema, nombre de cliente, ocasión, la mesa reservada, fecha, hora, mail y el estado, también permite la impresión del tique y el historial de las reservas hechas por el cliente.
Fuente: El autor
La siguiente figura muestra la pantalla del administrador para poder acceder es necesario ingresar al subdominio tenedoresysabores.net/admin en dicha pantalla encontramos el menú del lado derecho, en la parte superior tres graficas que muestran mesas ocupadas, mesas reservadas y mesas disponibles, dándole clic en cualquiera de esos iconos nos muestra esa opción en detalle, en la parte inferior encontramos la opción de selección de fechas que nos permite mostrar tres graficas relacionadas a las calificaciones de los clientes al servicio.
Fuente: El autor
Figura 30 Pantalla de administración del sistema
57
La siguiente figura muestra la pantalla el historial de la reservación del cliente de las mesas en línea, donde aparece la información del código de la reserva, la fecha, la ocasión, la mesa y estado donde va a parecer como pendiente hasta que sea confirmada por el administrador.
La siguiente figura muestra la pantalla de cocina para poder ingresar es necesario loguearse como cocina en dicha pantalla solo encontraremos los platos escogidos por los clientes dicha información aparecer por número de mesas, por cliente y por pedido a domicilio los cuales aparecerá la información de la dirección y el teléfono del cliente. Se reflejará la información de los platos, detalle, el precio la cantidad y el estado el cual cambiará de pendiente a entregado según sea el caso.
Fuente: El autor
Figura 32 Bandeja de Pedidos en Cocina Fuente: El autor
58
La siguiente figura muestra la pantalla de ingreso del administrador solo le pide clave e ingresa al menú principal.
Figura 34 Administración de Reservaciones Fuente: El autor
La siguiente figura muestra la pestaña de reservaciones logueado como administrador, donde vemos la fecha de la reserva junto con la hora, en la parte inferior aparece el nombre del cliente, tipo de ocasión, numero de mesa y el estado de la reserva, luego vemos en la parte final aparecen unos iconos que dicen confirmar reservación y otro que dice cancelar reservación.
Fuente: El autor
La siguiente figura muestra la pestaña de mesas disponibles, aparecerán cada una de las mesas que no estén ocupadas con un botón que permite asignarlas al consumo del restaurante, los iconos permiten al usuario tener una mejor compresión y manejo de la plataforma, usamos colores llamativos como el verde para orientar de mejor manera al usuario.
59 Figura 36 Asignación de mesa por parte del administrador Fuente: El autor
La siguiente figura muestra la pestaña de mesas disponibles y como el administrador habilita la mesa cinco para el consumo en el restaurante, vemos como aparece un mensaje que informa al respecto.
Este mensaje indica que fue escogida la mesa doce y la cantidad de personas que pueden acceder a dicha mesa, una leyenda que indica que esta habilitada para el consumo y un icono con la opción aceptar en color verde.
Fuente: El autor
La siguiente figura muestra la pestaña de cocina del administrador donde se podrá ver la misma información que si estuviera logueado como cocina con la diferencia que no se puede cambiar el estado, solo visualizar. Dicha información mostrada es solo informativa.
60 Figura 38 Ventana grafica de las calificaciones de los clientes Fuente: El autor
La siguiente figura muestra la opción de gráficos en donde podemos filtrar por fechas de hoy, ayer, últimos siete días, ultimo treinta días, mes actual, mes pasado y personalizar. Esta información le va permitir al administrador saber las áreas vulnerables para mejorarlas.
Fuente: El autor
61
La siguiente figura muestra la pestaña de mantenimiento en donde el administrador va a poder ingresar la información de las mesas, categorías, agregar menú, subcategorías, eventos y mirar la información de los usuarios registrados.
Fuente: El autor
La siguiente figura muestra la pestaña sugerencias que es de vital importancia ya que le permite al administrador evaluar un tipo de información que no la contempla sus encuestas, de esta manera podrá cubrir toda el área de servicio al cliente y darse cuenta de pequeños detalles que muchas veces hacen la diferencia.
Fuente: El autor
La siguiente figura muestra en una bandeja de correo electrónico la información de la reserva hecha por el cliente, en donde consta el código, fecha, la hora y el número de mesa reservada. Dicha grafica es un correo recibido por el usuario en su bandeja de email.
Figura 40 Pantalla de Sugerencias
62 Fuente: El autor
La siguiente figura muestra la opción entrega a domicilio que asigna los pedidos a los repartidores para la logística de entrega de estos, esta información es manejada por el administrador, le permite poder hacer seguimiento de la entrega.
Fuente: El autor
La siguiente figura muestra el menú escogido por el cliente en donde tendrá que ingresar la dirección de entrega, un número telefónico para poder contactarlo y la hora de requerimiento del pedido a domicilio.
Figura 42 Entrega a domicilio logística
63 Implementación
Dominio de la plataforma web
La plataforma web funciona en el dominio www.tenedoresysabores.net cual está alojado en un servidor del proveedor de hosting del restaurante Tenedores y Sabores.
Características del servidor de aplicaciones
El servidor de aplicaciones tiene soporte para apache en su versión 2.4.7, php 5.6.31, MariaDB 10.1.26 y cuenta con 6,84 GB de espacio en disco duro y transferencia de ancho de banda de 11,72 GB mensuales. Este servidor también cuenta con acceso ftp para subir los archivos del sistema.
Requisitos para conexión de clientes
Para la conexión de los clientes se requiere un computador ordinario con un plan de internet mínimo de 4mbps / 8. También es necesario que utilicen un navegador web como Mozilla Firefox o Google Chrome.
Seguridades de la plataforma web
Para las seguridades de la plataforma web, se manejan roles de usuarios, en donde tenemos el cliente registrado, el cocinero y el administrador de la plataforma web. Los clientes registrados solo tendrán acceso a la gestión de pedidos y reservación de mesas.
Los cocineros visualizaran la bandeja de entrada de pedidos de clientes por mesa o pedidos a domicilio. Mientras que el administrador de la tienda tiene acceso a la gestión de mesas, menú electrónico, y usuarios del sistema.
En la base de datos se creó un usuario independiente para la información de la plataforma web y el acceso remoto de usuarios ha sido deshabilitado. Solo podrá acceder a la base de datos la persona que tenga los accesos al CPANEL (Panel de