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
Publicar un comentario