Sabana de contenido

SABANA DE CONTENIDO
Giro de la Aplicación:
Bar
Nombre de la Aplicación:
Drink
Ícono:

Equipo:
#2
ID
Título de la página
Tema de la sección
Requisitos de contenido
Tipo de contenido a integrar
Descripción de las unidades organizativas
Especificaciones funcionales del sistema
Especificaciones de diseño
00-intro
Intro
Entra a la App.
Introducción a la app.
Logo de la aplicación.
Esta página sirve para introducir la App.
Es la primera pantalla al entrar a la app.
Al entrar a la app el fondo se pone de color negro y el logo de la app aparece, es un icono en forma de copa de martini, de color morado, con un efecto glow para resaltar y contrastar con el fondo oscuro.
01-inicio
Inicio
Pantalla de inicio.
Empezar en el circulo con la palabra drink
Menu desplegable para elegir tipo de moneda, bar, bebidas o revisar el historial.
Boton principal para iniciar.
Pestaña desplegable para elegir o agregar un nuevo bar.

Esta pantalla sirve para empezar, tiene un botón de Drink que es donde comienzas a utilizarla y un pequeño menú desplegable en la parte de abajo donde esta la configuración.

Al presionar el botón Drink empiezas a utilizar la app introduciendo tu presupuesto y el tipo de moneda a utilizar.
Al presionar el menú desplegable te da la opción para configurar el tipo de moneda que se va manejar, un historial de los bares visitados y una base de datos de los bares y bebidas guardadas. 
Al comenzar, el fondo sigue siendo de color negro, en lugar del logo de la copa, ahora aparece un circulo con la palabra drink en el centro, el color del circulo, es el mismo color morado con efecto glow igual que el de la copa y las letras blancas.
02-pres
Agregar presupuesto
Introducir presupuesto.
Introducir la cantidad de dinero con el que dispones.
Boton para agregar presupuesto y pestaña desplegable para agregar un nuevo bar o elegir uno en caso de ya tener bares guardados.
En esta pantalla introduces la cantidad de dinero con la que dispones para gastar en tus bebidas y eliges el tipo de moneda a utilizar, al igual que puedes elegir un bar en caso de ya tener guardada una base de datos.
Ya que presionaste el botón de drink, introduces tu presupuesto girando el circulo para ajustar la cantidad deseada en pesos y centavos y el tipo de moneda que vas a utilizar solo tocando las letras de pesos o dlls y en la pestaña desplegable de abajo hacia arriba, agregas un bar o eliges uno en caso de ya tener guardados solo presionando los iconos.
Al  presionar el botón de drink se cambia la palabra drink a un formato de entero y decimal ($ 0.00) y el tipo de moneda esta debajo de ese formato, donde se puede elegir pesos o dlls, con las mismas propiedades de color y  letra, solo cambia el tamaño de la tipografía, ya que es mas pequeña que la del formato donde introduces tu presupuesto.
03-restar
Restar al presupuesto.
Agregar bebidas y mostrar el dinero restante.
Agregar bebidas y restar el costo de cada bebida al presupuesto.
Pantalla que te muestra el dinero restante después de ir agregando bebidas.
Icono en la parte inferior derecha que te permite agregar bebidas.
En esta pantalla puedes ver el total de dinero con el que dispones después de ir agregando bebidas, automáticamente se va restando al presupuesto inicial.
En el icono con el símbolo de + vas agregando las bebidas que vas consumiendo.
Para agregar bebidas nuevas presiona el icono de +.
Esta pantalla sigue teniendo el fondo negro, el circulo color morado con efecto glow, donde te muestra el dinero que te queda, con letras de color blanco y un icono en forma de + en la esquina inferior derecha.
04-bebidas
Agregar bebidas
Agregar y elegir bebidas.
Agregar bebidas, incluyendo el costo, marca y  tamaño o presentaciónde la bebida.
Pantalla donde agregas las bebidas que vas consumiendo, agregando la marca, el tamaño y el costo de la bebida y guardarla.
En esta pantalla puedes configurar cada bebida que agregas, eligiendo si es cerveza, licor o shot. Eliges el tamaño de la bebida (lt, ½, ¼, shot, vaso, otro). Agregas la marca de la bebida y el precio.
Para agregar una nueva bebida presionas el botón con el icono de la copa, cada vez que lo presionas cambia el icono, tienes 3 opciones a elegir, una copa si lo que vas a tomar es licor, un tarro si vas a tomar cerveza y un vaso pqueño si vas a tomar un shot.
De igual manera eliges el tamaño de la bebida  (lt, ½, ¼, shot, vaso, otro) presionando en este caso las letras, para elegir el tamaño.
Para elegir la marca es el mismo procedimiento, la app cuenta con las marcas mas reconocidas y la opción de otro, en caso de no tener alguna. En esta opción te muestra iconos pequeños con el logo de cada marca.
Y por ultimo introduces el costo en entero y decimal de la misma forma que introduces el presupuesto, girando el circulo hasta ajustar el costo deseado.
Y por ultimo la pantalla tiene una X y una palomita en las esquinas superiores izquierda y derecha para guardar o no guardar la bebida.
El fondo de esta pantalla será negro.
La presentación de todos estos formatos serán en círculos de color azul con efecto glow y letras blancas.
05-addbar
Agregar bar.
Agregar bar nuevo o elegir.
Agregar bares o elegir en caso de ya tener guardados.
Pantalla que te muestra los bares guardados para que puedas elegir entre alguno de ellos.
Cuenta con una pestaña con el símbolo de + para agregar un nuevo bar.
En esta pantalla puedes elegir un bar si ya tienes guardado en tu base de datos o agregar uno nuevo.
Para agregar un nuevo bar presionas el icono de + y te abre una pequeña ventana donde solo escribes el nombre del bar y guardar.
Para elegir un bar, solo presionas el circulo donde este el bar de tu elección.
El fondo de esta pantalla es negro.
Los círculos en donde esta cada bar son amarillos y las letras que indican el nombre del bar son blancas.
Al tocar para elegir cualquiera de los círculos se sombrea ligeramente para indicarte que esta seleccionado.
Al presionar  el icono de + se abre una ventana  de color morado translucido con el contorno glow y letras blancas y un cursor para que escribas el nombre del nuevo bar.
06-cuentadrinks
Cuenta drinks
Muestra el total de bebidas que has consumido en la noche.
Aquí puedes ver cuantas bebidas has consumido, así como el total de dinero gastado equivalente a esas bebidas.
Pantalla que te muestra  logos en forma circular donde puedes ver el tipo de bebida y la cantidad de bebidas que has consumido así como el total de dinero gastado.
Esta pantalla solo es para ver la cantidad de bebidas tomadas y el total de dinero gastado.
Para ingresar a esta pantalla tienes que estar en la pagina principal y solo deslizar la pantalla de derecha a izquierda y de izquierda a derecha para ocultarla.
Cuenta con 4 iconos diferentes, cerveza, licor, shot y otro y debajo de cada circulo muestra la cantidad de bebidas consumidas.
Abajo tiene otro circulo con la cantidad de dinero gastado en el centro a sea en pesos o dlls.
Esta pantalla tiene el fonde negro y unos círculos de color verde con efecto glow y letras blancas con iconos de cerveza, licor y shot y otro circulo mas grande debajo de los demás de color verde con efecto glow y letras blancas.
07-moneda
Moneda
Elegir el tipo de moneda, pesos o dlls.
Aquí puedes modificar el tipo de moneda que vas a manejar.
Pantalla que te muestra un circulo y dentro del circulo el tipo de moneda (pesos o dlls)
Esta pantalla te sirve para configurar el tipo de moneda que vas a utilizar,  solo hay dos opciones: pesos o dlls.
Para ingresar a esta pantalla tienes que presionar el menú que esta en la pantalla de inicio y dentro de ese menú elegir la opción de moneda, al seleccionar moneda te manda a esta pantalla y solo tocas el texto pesos o dlls para elegir el deseado, la pantalla tiene 2 iconos en las esquinas superiores izquierda y derecha en forma de X y palomita para guardar o no guardar el tipo de moneda.
El fondo de esta pantalla al igual que el de toda la app es negro, el circulo donde esta la palabra pesos o dlls es rosa con efecto glow
08-bares
Bares
Entra a los bares guardados
Te muestra una lista de tus bares guardados.
Es una lista horizontal que te muestra el nombre del bar guardado.
Cuenta con un icono de X en la esquina superior derecha.
Y otro icono en forma de + en la esquina superior izquierda
Y un icono de menos (-) al deslizar cada renglón de derecha a izquierda.
Este pantalla te muestra una lista horizontal de tus bares guardados.
Cuenta con un icono de X en la esquina superior derecha que sirve para cerrar la ventana.
Y otro icono en forma de + en la esquina superior izquierda para agregar un nuevo bar.
Y un icono de menos (-) en cada nombre del bar, al deslizar cada renglón de derecha a izquierda, puedes  eliminar un bar de la lista.
Al presionar el menú desplegable que esta en la pantalla de inicio, eliges la opción bares y te manda a otra pantalla con la lista de bares guardados, también puedes borrarlos de la lista, solo deslizando el renglón de derecha a izquierda y eligiendo el símbolo de menos (-)
El fondo de esta pantalla es morado transparente con letras blancas.
Al deslizar el renglón para borrar se pone una pequeña parte roja, que indica que es borrar.
09-drinks
Drinks
Entra a las bebidas guardadas
Muestra las bebidas consumidas, así como el costo, la marca y el tamaño de cada bebida guardada.
Es una lista horizontal que te muestra el nombre de la bebida guardada, el tamaño, y el precio.
Cuenta con un icono de X en la esquina superior derecha.
Y otro icono en forma de + en la esquina superior izquierda
Y un icono de menos (-) al deslizar cada renglón de derecha a izquierda.
Este pantalla te muestra una lista horizontal de tus bebidas guardadas.
Cuenta con un icono de X en la esquina superior derecha que sirve para cerrar la ventana.
Y otro icono en forma de + en la esquina superior izquierda para agregar una nueva bebida.
Y un icono de menos (-) en cada nombre del bar, al deslizar cada renglón de derecha a izquierda, puedes  eliminar un bar de la lista.
Al presionar el menú desplegable que esta en la pantalla de inicio, eliges la opción drinks y te manda a otra pantalla con la lista de bebidas guardadas, también puedes borrarlas de la lista, solo deslizando el renglón de derecha a izquierda y eligiendo el símbolo de menos (-)
El fondo de esta pantalla es morado transparente con letras blancas.
Al deslizar el renglón para borrar se pone una pequeña parte roja, que indica que es borrar.
10-historial
Historial
Entra al historial de bares visitados.
Muestra el historial de bares visitados y el total de dinero gastado en cada bar.
Es una lista horizontal que te muestra el nombre del bar guardado y la cantidad de dinero gastado.
Cuenta con un icono de X en la esquina superior derecha.

Y un icono de menos (-) al deslizar cada renglón de derecha a izquierda.
Este pantalla te muestra una lista horizontal de tus bares guardados junto con la cantidad de dinero gastado en cada bar.
Cuenta con un icono de X en la esquina superior derecha que sirve para cerrar la ventana.
Y un icono de menos (-) en cada nombre del bar, al deslizar cada renglón de derecha a izquierda, puedes  eliminar un bar de la lista.
Al presionar el menú desplegable que esta en la pantalla de inicio, eliges la opción historial y te manda a otra pantalla con la lista de bares guardados así como con la cantidad de dinero gastado en cada bar, también puedes borrarlos de la lista, solo deslizando el renglón de derecha a izquierda y eligiendo el símbolo de menos (-)
El fondo de esta pantalla es morado transparente con letras blancas.
Al deslizar el renglón para borrar se pone una pequeña parte roja, que indica que es borrar.


Comentarios