ESTRENUAL COMPANY|

Programando el futuro

Delicious food
Berenice Guzmán López Emmanuel Jijón Zuñiga
Estefany Vázquez Vázquez José Alfredo Arcos Morales
 DELICIOUS FOOD | Programando el futuro

INDICE
1. INFORMACION DEL PROYECTO ............................................................................................................................................ 3
Responsable de los requerimientos (Cliente) ......................................................................................................................... 3
2. ANALISIS DEL PROYECTO ........................................................................................................................................................ 3
Funcionalidades (Aplicación) .................................................................................................................................................. 3
• Usabilidad ............................................................................................................................................................................. 3
• Portabilidad ........................................................................................................................................................................... 2
• Especificación de requerimientos ......................................................................................................................................... 3
• Plan de proyecto ................................................................................................................................................................... 5
Diagramas de casos de uso ........................................................................................................................................................... 7
3. DISEÑO DEL PROGRAMA ........................................................................................................................................................ 10
 Íconos ................................................................................................................................................................................. 11
• Colores ................................................................................................................................................................................ 12
 Imágenes ............................................................................................................................................................................. 13
• Ambiente o tecnología ........................................................................................................................................................ 15
• Definir el dispositivo donde se va a desplegar, utilizar o montar la aplicación .................................................................. 15
• Dispositivos señalizadores: ................................................................................................................................................. 15
• Resoluciones ....................................................................................................................................................................... 15
• Fuentes................................................................................................................................................................................ 15
• Estilo de interacción: Global y/o Contextual....................................................................................................................... 16
• Estilo de la aplicación .......................................................................................................................................................... 16
• Compras: ............................................................................................................................................................................. 17
4. DISEÑO INICIAL ....................................................................................................................................................................... 17
Front de la aplicación ........................................................................................................................................................... 17
Dialogo o interacción (Diagramas de estado) ....................................................................................................................... 19
5. DISEÑO FINAL (MAQUETADO) ................................................................................................................................................ 29
Descripción de la organización del proyecto (organigrama) ................................................................................................ 29
Dialogo (Diagrama de estado) .............................................................................................................................................. 42
6. CONCLUSION ....................................................................................................................................................................... 48
 DELICIOUS FOOD | Programando el futuro

1. INFORMACION DEL PROYECTO

Sistema de compra/venta restaurantera “DeliciousFood”

CLIENTE
Restaurante los cazadores

 Responsable de los requerimientos (Cliente)

Sr. Servando Pineda Vargas

NOMBRE LA EMPRESA

 ESTRENUAL COMPANY

ANALISIS DEL PROYECTO

 Funcionalidades (Aplicación)

• Requerimientos
Identificador Descripción

REQ 1 Llevará el control de los platillos disponibles

REQ 2 Registro de las ventas diarias de todos los platillos

REQ 3 Notificación de promociones

REQ 4 Será capaz de llevar el control de los pagos

• Usabilidad
Id del requerimiento Descripción
REQ 1 Tendrá una interfaz gráfica táctil.
REQ 2 No permitirá el bloqueo de otras actividades.
 DELICIOUS FOOD | Programando el futuro

REQ 3 Permitirá imprimir el mismo ticket las veces

necesarias.

• Portabilidad

Id del requerimiento Descripción

REQ 1 Funcionará en las plataformas
requeridas

2
 DELICIOUS FOOD | Programando el futuro

Funcionalidades

REQ 1: Realizar Compra • Especificación de requerimientos

La especificación caso de uso: Realizar compra
1.0 Nombre del Caso de Uso
Realizar compra
1.1 Actores
Cliente
1.2 Breve Descripción
Realizar compra de platillos
Flujo de Eventos
2.1 Flujo Básico
El sistema mostrará el formato para realizar una venta: mostrando (fecha actual, hora,
numero de venta, lista con los productos que hasta el momento tiene registrados y las
categorías de los productos (Entadas, platos fuertes y bebidas)).
El cliente selecciona una categoría
Se mostrará en otra pantalla una lista con los productos nombre, precio, existencia y si tuviera
algún descuento lo muestra, también un espacio para ingresar la cantidad de productos para
agregar.
Si el cliente selecciona canjear promoción entonces el caso de uso, canjear promoción es
activado.
El cliente selecciona un producto, ingresa la cantidad, si desea agregar un texto adicional
lo ingresa en un apartado. El cliente selecciona agregar
El sistema valida los datos ingresados y si los datos son correctos, mostrará la cantidad
vendida del platillo correspondiente, entonces regresa a la pantalla donde se muestra una
lista con los platillos: nombre, imagen, precio, existencia y si tuviera algún descuento lo
muestra.
El cliente termina la compra.
Termina el caso de uso.

2.2 Flujos Alternativos

2.2.1 Si la compra no puede realizarse
El sistema mostrará un mensaje que la compra no fue realizada con éxito
3.0 Requisitos Especiales
Ninguno
4.0. Precondiciones
Ninguno
5.0 Pos condiciones
Ninguno

3
 DELICIOUS FOOD | Programando el futuro

6.0 Puntos de Extensión

Ninguno
REQ 2: Platillos disponibles
La especificación caso de uso: Platillos disponibles
1.0 Nombre del Caso de Uso
Platillos disponibles
1.1 Actores
Cliente
1.2 Breve Descripción
Se visualizará en la interfaz si el platillo ya no se encuentra disponible para su compra
Flujo de Eventos
2.1 Flujo Básico
El sistema mostrará la interfaz de menú de platillos fuertes, entradas o bebidas.
El cliente dará clic en el platillo.
Si el producto ya no se encuentra disponible mostrará un cuadro de dialogo con el
texto “Platillo no disponible”. Termina el caso de uso.

2.2 Flujos Alternativos

2.2.1 Si hay platillos disponibles
El sistema lo agrega a la orden
3.0 Requisitos Especiales
Ninguno
4.0. Precondiciones
Ninguno
5.0 Pos condiciones
Ninguno
6.0 Puntos de Extensión
Ninguno
REQ 3: Promociones
La especificación caso de uso: Promociones
1.0 Nombre del Caso de Uso
Promociones
1.1 Actores
Cliente
1.2 Breve Descripción
Adquirir promociones

4
 DELICIOUS FOOD | Programando el futuro

2.0Flujo de Eventos
2.1 Flujo Básico
El cliente seleccionará un platillo.
El sistema mostrará un cuadro de dialogo si existe alguna promoción en el platillo
seleccionado y si desea aplicarla.
El cliente selecciona su respuesta y continúa con su orden.
Termina el caso de uso.
2.2 Flujos Alternativos
2.2.1 Si la promoción no puede realizarse
El sistema mostrará un mensaje que la promoción no fue realizada con éxito
3.0 Requisitos Especiales
Ninguno
4.0. Precondiciones
ninguno
5.0 Pos condiciones
Ninguno
6.0 Puntos de Extensión
Ninguno
• Plan de proyecto
4.2 FUNCIONALIDADES (SISTEMA, DE LA APLICACIÓN)
Definición de arquitectura (A NIVEL DE SOFTWARE Y HARDWARE) Características, modelo, no de
parte, del Hardware y del software.

Workflow 2.0 (herramienta UML) (DE COMO QUEDARA LA APLICACIÓN)

Listado de casos de uso (NIVEL DE IMPLEMENTACION)

Diagrama de casos de uso (NIVEL DE IMPLEMENTACION)

Plantillas de cada caso de uso (NIVEL DE IMPLEMENTACION)
5.- DISEÑO
introducción general del diseño
Logotipos

Iconos
Colores
Color 1: RGB (94, 54,13) Se utiliza en los fondos principales de la aplicación.

Imágenes

5
 DELICIOUS FOOD | Programando el futuro

Ambiente o tecnología (móvil, WEB, stanalone)

Definir el dispositivo donde se va a desplegar, utilizar o montar la aplicación)

Dispositivos señalizadores (mouse, touch, lápiz óptico, Kinect)

Resoluciones (pantallas de alta resolución, pantallas especiales)
Fuentes
Calibri, tamaño 14 puntos, estilo negrito, Definir donde la voy a utilizar enla aplicación, Ejemplo:
títulos de los Paneles
Fondos y texturas
Estilo de interacción: global y/o contextual
Estilo de la aplicación (Hojas de estilo, estilo general, paneles)
5.1 DISEÑO INICIAL
Front de la aplicación (actividad 12)
Inventario de contenido - bocetos - pantallas principales de la aplicación(Funcionalidades) es una
lista con la función que va a cumplir
Definición de usuarios (son los usuarios que van a utilizar el sistema). Solo es un listado de
nombres, puesto que ocupa en la empresa y el rol que va a desempeñar en el diseño: contador,
etc.)
Descripción de la organización del proyecto (organigrama general y solouno) debe corresponden
contra el inventario de contenido.
Interfaces a mano alzada (plantilla). (CONTENIDO) solo las principales,corresponden al número que
se definió en inventario de contenido.
Dialogo o interacción (diagramas de estado, uno por interfaz y unogeneral). INTERACCIÓN)

5.2 DISEÑO FINAL (MAQUETADO)

Descripción de la organización del proyecto (texto / organigrama)Refinado

Interfaces (herramienta de diseño - software) (refinados)

Descripción de cada interfaz (texto)
Dialogo (diagrama de estado, uno por interfaz y uno general. plantilla). (refinados)

6
 DELICIOUS FOOD | Programando el futuro

6.- IMPLEMENTACION DEL PROYECTO (INTERFACES)

(LA UTILIZACIÓN DE HOJAS DE ESTILOS, DREAM WEBER, FLASH,NETBEANS, .NET,
DELPHI, WEB, CSS)
Software funcional desde el punto de vista de interfaces.

• Definición de arquitectura

Nombre: Software restaurante cazadores

Versión: 1.0
S.O. Android y IOS
Se eligió ese nombre, ya que hace referencia que es un software para la venta de platillos
de comida. La versión es 1.0 porque es la primera versión para dicho software. Se eligieron
esos sistemas operativos, ya que los dispositivos móviles cuentan con ellos y es donde se
utilizará el software.

Manejador de base de datos Se

utilizará MySQL versión 8.0.20.
Se optó por este manejador por la facilidad de uso para nuestro cliente ya que ha
interactuado con dicho manejador y es de su agrado.

Hardware
Servidor DELL PowerEDge T140, características: Procesador Intel Xeon E-2124 3.30 GHz,
memoria RAM de 8GB DDR4(máxima de 64GB), disco duro de 2TB, 2.5ll, interfaz SATA III,
chasis de torre (1 unidad).
Multifuncional Canon Pixma G2110, características: Impresión a color y blanco/negro,
inyección de tinta (1 unidad).
Diagramas de casos de uso
Diagrama de caso de uso para Realizar_Compra

7
 DELICIOUS FOOD | Programando el futuro

Diagrama de caso de uso para Platillos Disponibles

Diagrama de caso de uso para Promociones

8
 DELICIOUS FOOD | Programando el futuro

9
 DELICIOUS FOOD | Programando el futuro

DISEÑO DEL PROGRAMA

 Logotipos:

10
 DELICIOUS FOOD | Programando el futuro

Íconos
Íconos Nombre y utilidad Formato Tamaño

Ícono para iniciar la 1.87cm x

interacción PNG 7.86cm

Ícono de entradas al
menú: PNG 2.96cm x
Donde se 3.47cm
encuentran
comidas simples
tales como son las
Sopas.
Ícono de platillo fuerte: 2.72cm x
donde encontraremos los PNG 3.47cm
platos principales.

Ícono de bebidas: ubicado 2.9cm x

también en el menú, nos PNG 2.6cm
muestra la variedad de
bebidas disponibles

Ícono de orden: 1.42cm x

Nos indica hasta el PNG 3.95 cm
momento lo que estamos
pidiendo en nuestra
orden.
Ícono de flecha: 1.22cm x
Indicando hacia la PNG 1.35cm
izquierda que significa
retroceder a la vista
anterior.
Ícono de cantidad: la
flecha hacia arriba nos
indica si queremos
aumentar otra cantidad PNG 3.83cm x
del mismo plato o bebida, 1.27cm
la flecha hacia abajo
indicar lo contrario.

11
 DELICIOUS FOOD | Programando el futuro

Ícono de efectivo: hace

referencia para que el PNG 1.51cm x
pago sea con dinero en 1.57
efectivo
Ícono de tarjetas: hace 1.09cm x
referencia si el pedido PNG 1.84cm
será pagado con tarjetas
bancarias.

Ícono de confirmación: 1.32cm x

Una vez oprimido el pago PNG 6.5cm
será realizado.

• Colores
Se utilizó el efecto teka para el fondo de toda la aplicación.

12
 DELICIOUS FOOD | Programando el futuro

 Imágenes
Se utilizaron las imágenes siguientes como ejemplos del menú:
Imagen Formato Tamaño

JPG 3.21cm x 5.11cm

JPG 1.67cm x 2.52cm

JPG 3.19cm x 5.16cm

JPG 3.12cm x 5.22cm

JPG 1.46cm x 1.85cm

JPG 1.73cm x 2.07cm

13
 DELICIOUS FOOD | Programando el futuro

JPG 3.08cm x 4.95cm

JPG 2.92cm x 5.08cm

JPG 3.26cm x 5.22cm

JPG 3.35cm x 5.17cm

14
 DELICIOUS FOOD | Programando el futuro

• Ambiente o tecnología
La tecnología que se ocupará será Móvil.

• Definir el dispositivo donde se va a desplegar, utilizar o montar la aplicación

El software será desplegado en un dispositivo móvil.
Celular: Marca Motorola, modelo Moto G30.

• Dispositivos señalizadores:
Pantalla táctil.

• Resoluciones:
Resolución de pantalla 1.280 x 720 píxeles
• Fuentes:

 Brush445 bt, tamaño 20, sin estilo Plato

fuerte
 Bahnschirft condensed, tamaño 10, sin estilo
Cantidad

15
 DELICIOUS FOOD | Programando el futuro

• Estilo de interacción: Global y/o Contextual:

La parte 1 que están en el rectángulo color verde, es la interacción global ya

que aparecen en todas las ventanas de la interfaz.
El recuadro 2, de color rojo es la interacción de contexto cambia en cada
ventana de la interfaz, son opciones para realizar tu pedido

• Estilo de la aplicación:

Clientes:
Ventas:
Compras:

16
 DELICIOUS FOOD | Programando el futuro

Cliente: va dirigido a todos los clientes que deseen comprar en el restaurante para
la cual está diseñada esta interfaz

• Compras:
Visualización de las compras

1. DISEÑO INICIAL

Front de la aplicación

17
 DELICIOUS FOOD | Programando el futuro

Descripción de la organización del proyecto (Organigrama general).

18
 DELICIOUS FOOD | Programando el futuro

Dialogo o interacción (Diagramas de estado)

Diagrama de estado general del sistema Grek Corp
En el sistema se compone de dialogo global y contextual, las partes globales se
distribuyen en las interfaces, en todas se mostrará el fondo estilo de madera esta
será la parte global, lo que cambiara será el contenido de cada interfaz para que
los usuarios consulten los platillos y bebidas existentes, todo esto será incluido
en el apartado de dialogo contextual ya que cada interfaz mostrara lo que el
usuario requiera consultar u ordenar.

19
 DELICIOUS FOOD | Programando el futuro

En la interfaz de bienvenida se muestra el mismo fondo estilo madera, además

en la parte superior se muestra el logo y el nombre del restaurante, en la parte
central hay tres botones los cuales son las Entradas, los platos Fuertes y
Bebidas. Al seleccionarlos nos enviara a la interfaz que corresponde a cada
elemento.

20
 DELICIOUS FOOD | Programando el futuro

En la interfaz de Plato fuerte se muestra de fondo el estilo madera, en la parte

superior se encuentra el logo y nombre del restaurante, en la parte central se
muestran los platillos disponibles con descripción y en donde se puede seleccionar
la cantidad de platillos a ordenar, en la parte inferior se muestran dos botones en
donde se puede regresar a la interfaz anterior de bienvenida, y terminar la orden,
para finalizar el pedido y pasar al pago por los platillos seleccionados.

21
 DELICIOUS FOOD | Programando el futuro

En la interfaz de cada degustación, cuando terminamos la orden se nos mostrará

una ventana emergente en donde se les permitirá a los usuarios agregar un extra
para su orden. Se puede omitir o agregar estas degustaciones o extras.

22
 DELICIOUS FOOD | Programando el futuro

La interfaz de Confirmar orden se muestra en la parte superior el nombre y logo

del restaurante, así mismo como de fondo el estilo madera, aparecerán todos
los platillos y bebidas que hemos seleccionado, en la parte inferior se muestran
botones como, cancelar orden, y el método a pagar ya sea en efectivo o tarjeta.

23
 DELICIOUS FOOD | Programando el futuro

La interfaz Datos de pago nos muestra de fondo el estilo madera, así como la
información requerida para realizar el pago de la orden mediante una tarjeta. Al
finalizar se muestra un botón para terminar la compra de los platillos y bebidas.

24
 DELICIOUS FOOD | Programando el futuro

La interfaz Platillo no disponible se muestra de fondo el estilo madera, además en

la parte central la leyenda que corresponde a dicho platillo seleccionado en caso de
no haber existencias al requerirlo.

25
 DELICIOUS FOOD | Programando el futuro

En la interfaz Promociones de igual forma se utiliza de fondo el estilo madera, en el

centro aparecerá la promoción existente en el momento, y dos botones para aceptar
o rechazar dicha promoción.

26
 DELICIOUS FOOD | Programando el futuro

En la interfaz de Entradas se muestra de fondo el estilo madera, en la parte superior se

encuentra el logo y nombre del restaurante, en la parte central se muestran los platillos
disponibles con descripción y en donde se puede seleccionar la cantidad de platillos a
ordenar, en la parte inferior se muestran dos botones en donde se puede regresar a la
interfaz anterior de bienvenida, y terminar la orden, para finalizar el pedido y pasar al pago
por los platillos seleccionados.

27
 DELICIOUS FOOD | Programando el futuro

En la interfaz de Bebidas se muestra de fondo el estilo madera, en la parte superior se

encuentra el logo y nombre del restaurante, en la parte central se muestran las bebidas
disponibles con descripción y en donde se puede seleccionar la cantidad de bebidas a
ordenar, en la parte inferior se muestran dos botones en donde se puede regresar a la
interfaz anterior de bienvenida, y terminar la orden, para finalizar el pedido y pasar al pago
por los platillos seleccionados.

28
 DELICIOUS FOOD | Programando el futuro

2. DISEÑO FINAL (MAQUETADO)

Descripción de la organización del proyecto (organigrama)

29
 DELICIOUS FOOD | Programando el futuro

Interfaces (Descripción de cada interfaz)

NOMBRE DE PROYECTO: service MODULO: pantalla principal CLAVE O NÚMERO: 304001_01
food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

En la interfaz aparece un fondo en color madera, con el nombre del restaurante en la parte superior,
con el logotipo en la parte intermedia y en debajo del logotipo está el botón de “iniciar”. Esto
indicando que una vez seleccionando este botón iniciara su pedido en el restaurante.

30
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: menú principal CLAVE O NÚMERO: 304001_02

food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el el software

de un dispositivo móvil.

En la interfaz se visualiza el logotipo en la parte superior del lado izquierdo y en la parte superior del
lado derecho tenemos el nombre del restaurante. En la parte central tenemos un título que nos da la
bienvenida ,debajo de esto tenemos tres opciones “entradas” , “plato fuerte” y “ bebidas” con sus
debidas imágenes haciendo referencia a cada una de estas categorías.
NOMBRE DE PROYECTO: service MODULO: menú para ordenar CLAVE O NÚMERO:304001_03
food el “plato fuerte” FECHA DE DISEÑO:12-nov-2021

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

31
 DELICIOUS FOOD | Programando el futuro

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

En la interfaz se visualiza el logotipo en la parte superior del lado izquierdo y en la parte superior del
lado derecho tenemos el nombre del restaurante. Una vez seleccionada una de la opción de “PLATO
FUERTE” se abre una nueva interfaz con la visualización de todos los platillos. Así como los
ingredientes que la componen, cuenta con una opción para seleccionar cuantos platillos desea. Al
seleccionar algún platillo se desplegará una nueva interfaz con la opción “DESEA AGREGAR UN
EXTRA”.

NOMBRE DE PROYECTO: service MODULO: menú para ordenar CLAVE O NÚMERO: 304001_04
food las “entradas” FECHA DE DISEÑO: 12-nov-2021

32
 DELICIOUS FOOD | Programando el futuro

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

En la interfaz se visualiza el logotipo en la parte superior del lado izquierdo y en la parte superior del
lado derecho tenemos el nombre del restaurante. Una vez seleccionada una de la opción de
“ENTRADAS” se abre una nueva interfaz con la visualización de todas las entradas. Así como los
ingredientes que la componen, cuenta con una opción para seleccionar cuantas entradas desea. Al
seleccionar alguna entrada se desplegará una nueva interfaz con la opción “DESEA AGREGAR UN
EXTRA”.

33
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: menú para ordenar CLAVE O NÚMERO: 304001_05
food las “bebidas” FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

En la interfaz se visualiza el logotipo en la parte superior del lado izquierdo y en la parte superior del
lado derecho tenemos el nombre del restaurante. Una vez seleccionada una de la opción de
“BEBIDAS” se abre una nueva interfaz con la visualización de todas las bebidas. Así como los
ingredientes que la componen, cuenta con una opción para seleccionar cuantas bebidas desea. Al
seleccionar alguna bebida se desplegará una nueva interfaz con la opción “DESEA AGREGAR UN
EXTRA”.

34
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: menú de guarnición CLAVE O NÚMERO:304001_06

food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

Esta interfaz nos muestra distintos productos que podrías agregar como un extra a lo que este
ordenando, se nos muestra en forma de lista y con recuadros donde podrás seleccionar que
productos desea agregar. También se visualiza los precios y en la parte inferior se muestran dos
botones con las opciones de “NO GRACIAS” Y “AGREGAR”.

35
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: confirmación de la CLAVE O NÚMERO: 304001_07

food compra FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

0Se visualizará una nueva interfaz con los productos seleccionados junto con la cantidad que se pidió
de cada una de ellas y el precio. También incluye una imagen del platillo, bebida, postre etc. Que se
está pidiendo para que el usuario observe la presentación de lo que este ordenando. Así también
tendremos el subtotal de todo lo que ordenamos y las opciones de “CANCELAR ORDEN”, “PAGAR
TARJETA” y “PAGAR EFECTIVO”. AGREGAR MÁS PRODUCTO: esta opción nos regresa al “MENU” para
agregar más productos de otras categorías o de la misma.

36
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: forma de pago CLAVE O NÚMERO: 304001_08

food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

Visualizamos un título que nos dice “Datos de pago”

Debajo tenemos el total a pagar y también nos pide el número de tarjeta, nos proporciona un
recuadro en donde debemos ingresar los 16 dígitos de la tarjeta, también nos pide la validación de la
tarjeta y el CVV y por último nos pide el nombre del titular de la tarjeta y tenemos un botón que dice
“procede a continuar”

37
 DELICIOUS FOOD | Programando el futuro

NOMBRE DE PROYECTO: service MODULO: pantalla de cierre CLAVE O NÚMERO: 304001_09

food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

38
 DELICIOUS FOOD | Programando el futuro

En la interfaz aparece un fondo en color madera, con el enunciado de “su pago ha sido exitoso “en la
parte superior, con el logotipo en la parte intermedia y en debajo del logotipo está un enunciado que
dice “Disfrute usted de un buen manjar”.

NOMBRE DE PROYECTO: service MODULO: pantalla de avisos CLAVE O NÚMERO:

food 304001_10
FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x

720 píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

39
 DELICIOUS FOOD | Programando el futuro

Si el platillo que solicito no está disponible aparecerá una interfaz con el mensaje de “Disculpe la
molestia, el platillo que ha solicitado”, en la parte superior del lado derecho se visualiza una flecha el
cual tiene como función regresar a la interfaz anterior.

NOMBRE DE PROYECTO: service MODULO: pantalla de CLAVE O NÚMERO:

food promociones 304001_11
FECHA DE DISEÑO: 03-jun-
2022
REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x
720 píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software

de un dispositivo móvil.

40
 DELICIOUS FOOD | Programando el futuro

En la parte superior central se encuentra el encabezado que es “¡¡Promoción!!” debajo de esto

aparecerá una imagen de lo que se está promocionando y el nombre del platillo, postre o bebida.
También se visualizará dos botones los cuales serán: “Aplicar” y “Rechazar”.

NOMBRE DE PROYECTO: service MODULO: pantalla de registros CLAVE O NÚMERO: 304001_12

food FECHA DE DISEÑO: 03-jun-2022

REQUISITOS PREVIOS: Se visualizará en un dispositivo móvil. Con resoluciones de pantalla 1.280 x 720
píxeles.

INSUMOS: S/I

DESCRIPCIÓN DE LA FUNCIONALIDAD: La interfaz permite el ingreso al sistema desde el software de

un dispositivo móvil.

En la parte superior central se encuentra el encabezado que es “Registro de nuevo producto” Para
registrar un nuevo producto nos pide el Número, Comprobante, Concepto y fecha. También
visualizaremos el código, Descripción, cantidad y el subtotal de cada nuevo registro.

41
 DELICIOUS FOOD | Programando el futuro

Dialogo (Diagrama de estado)

a. Diagrama de estado General

b. Estado de la pantalla Comenzar

Esta pantalla es solo de presentación, al momento de dar clic en iniciar se
comenzará a tomar la orden.

42
 DELICIOUS FOOD | Programando el futuro

Estado de la pantalla Menú

Esta pantalla se muestra el menú, en donde se elegirán los platillos y bebidas
deseadas.

c. Estado de la pantalla Entradas

Esta pantalla se muestran las entradas disponibles.

Estado de la pantalla Plato fuerte

Esta pantalla se muestra los platos fuertes disponibles

43
 DELICIOUS FOOD | Programando el futuro

d. Estado de la pantalla Bebidas

Esta pantalla se muestra las bebidas disponibles

Estado de la pantalla Agregar extra

Esta pantalla se muestra las guarniciones disponibles.

44
 DELICIOUS FOOD | Programando el futuro

e. Estado de la pantalla Confirmar orden

En esta pantalla se puede cancelar la orden y seleccionar si se pagara con efectivo
o tarjeta.

45
 DELICIOUS FOOD | Programando el futuro

Estado de la pantalla Platillo no disponible

En esta pantalla se muestra una leyenda en caso de que un platillo no esté disponible
en el momento de que el cliente lo requiera.

f. Estado de la pantalla Promociones

En esta pantalla se muestran las promociones existentes, el cliente puede aceptar
o rechazar la promoción del día.

46
 DELICIOUS FOOD | Programando el futuro

Estado de la pantalla Entradas

Esta pantalla se muestra las entradas disponibles

g. Estado de la pantalla Bebidas

Esta pantalla se muestra las bebidas disponibles

47
 DELICIOUS FOOD | Programando el futuro

5. Conclusión
Un proyecto de desarrollo de un sistema de Información comprende varios
componentes o pasos llevados a cabo durante la etapa del análisis, el cual
ayuda a traducir las necesidades del cliente en un modelo de sistema que utiliza
uno o más de los componentes que pueden ser: software, hardware, personas, base
de datos, documentación y procedimientos. En una organización o empresa, el
análisis y diseño de sistemas, es el proceso de estudiar su situación con la finalidad
de observar cómo trabaja y decidir si es necesario realizar una mejora.
Antes de comenzar con el desarrollo de cualquier proyecto, se conduce un estudio
de sistemas para detectar todos los detalles de la situación actual de la empresa.
La información reunida con este estudio sirve como base para crear
varias estrategias de diseño para que finalmente los administradores decidan que
estrategias seguir de acuerdo con los resultados del estudio.
En esta ocasión se requirió un sistema para un restaurante que servirá para el
control y disponibilidad de platillos, así como el registro de ventas diarias de todo el
restaurante entre otras cosas.
Mediante el estudio se determino que este sistema también sea capaz de llevar
control de pagos e imprimir tickets y llevar registros de los mismos para un mayor
control almacenándolos por formato de fecha, nombre del cliente y producto.
Este sistema permitirá llevar un mayor control de egresos, ingresos de una manera
interactiva, así como un control de insumos y además permitirá observar todos los
detalles desde una interfaz móvil para una mayor comodidad.
Es por eso que mediante este método se decidió colocar la interfaz y facilitar todas
las tareas diarias que se llevaban a cabo en el restaurante.

48