Sabana de contenido

SABANA DE CONTENIDO
Giro de la Aplicación: Enfermedad de Alzheimer			Nombre de la aplicación: INDEFINIDO			Ícono: INDEFINIDO	Equipo: 7
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
1era	Primera pantalla	Se muestra el logo de la aplicación mientras se carga la interfaz y dura unos segundos.	Ícono de la interfaz.	Imagen.	No requiere la interacción del usuario, sino que se da a entender que se está abriendo la aplicación.	HML5: agregar como imagen el ícono de la aplicación. CSS3: agregar las transiciones y el acomodo del estilo de la hoja.	Pantalla blanca, en el centro se encuentra el ícono de la app y se abre con un efecto de difuminado y cierra de la misma manera, dura unos segundos.
Info.	Datos generales	Campos de texto y agregar imagen desde galería o cámara.	Nombre completo, edad e imagen opcional del usuario.	Texto e imagen.	Al dar clic un campo de texto se despliega el teclado y el resto de la pantalla se recorre hacia arriba. Al dar clic en la opción de la imagen se abre la opción de cargar la imagen desde la galería o directamente de la cámara frontal o trasera.	HTML5: se utiliza un formulario que pida el nombre, la edad y la imagen, utilizando MySQL de base de datos. CSS3 se utiliza para darle estilo y color a la hoja.	Pantalla blanca, opción de agregar imagen y debajo los 2 campos de texto en recuadros. Al terminar de llenar los campos se mostrará una opción de deslizar la pantalla hacia el lado derecho para continuar con la configuración.
Casa	Ubicación	Se muestra un mapa de ubicación y un texto superior que describa lo que el usuario debe realizar.	Texto superior explícito y la dirección del lugar más frecuente del usuario.	Mapa de ubicación.	Se mostrará un mapa el cual se agrega la ubicación del lugar más frecuentado dando clic en la opción de “compartir ubicación”, el mapa se mostrará a la mitad de la pantalla y al dar clic se va hacia Google Maps.	HTML5: Se agregan los textos y la opción de la ubicación guardándola y teniéndola segura por medio de MySQL. CSS3: estilo y color a la hoja.	Pantalla blanca, se mostrará el texto de forma breve y concisa de color negro. Al terminar de llenar los campos se mostrará una opción de deslizar la pantalla hacia el lado derecho para continuar con la configuración.
Tel	Contactos	Agregar al contacto más frecuente y tener otros 3 a 5 contactos más de respaldo.	Números telefónicos de personas cercanas al usuario y nombre.	Caracteres numéricos y texto.	Se tendrá que agregar el número de teléfono del contacto de emergencia y de 3 a 5 contactos extras (opcionales) dando clic a la opción “agregar contacto”. Se mostrarán de forma descendente y el de emergencia tendrá una estrella para identificarlo y al abrir cada uno se despliega el teclado y el resto de la pantalla se recorre hacia arriba,	HTML5: Se agregan los nombres y los teléfonos de los contactos se exportarán hacia el celular. CSS3: estilo y color a la hoja. JavaScript: para aceptar todos los cambios.	Pantalla blanca, los contactos divididos en recuadros con bordes degradados de color gris y el contacto frecuente con un icono de estrella de color negro. Al terminar de llenar los campos se mostrará un texto de aceptar cambios para ir a la página inicial.
Inicio	Pantalla inicial	Se muestra el ícono de editar la configuración y un ícono de la información del usuario. En el centro se muestra un ícono de teléfono y debajo las opciones de GPS, mensajería y más contactos.	Ícono de herramienta, de información, de teléfono, GPS, mensajería y de contactos.	Imágenes y texto.	En la parte superior izquierda se muestra el ícono para editar la configuración. En la parte superior izquierda se muestra el ícono de información donde viene el perfil del usuario. En la parte superior izquierda se muestra una leyenda “Soy usuario, tengo Alzheimer y estoy perdido”. En la parte central se encuentra el ícono de un teléfono que cubre la mitad de la pantalla. En la parte inferior se muestran las demás opciones que al dar clic se despliegan pantallas de abajo hacia arriba y cubren la mitad de la pantalla.	HTML 5: el texto plano de la leyenda y se agregan los íconos y la estructura de la página. CSS3: Las transiciones, animaciones de los botones y el estilo del color. JavaScript: se abre una pequeña pantalla sobre la principal.	Fondo de color blanco, el texto de la leyenda es de color negro y los íconos superiores son pequeños y de color gris. El ícono del centro debe ser grande y de color llamativo (verde) con un borde difuminado de color gris. Los botones inferiores son de tamaño mediano y son de color negro.
Más	Configuración	Nos permite regresar a la configuración inicial para cambiar algún dato ingresado anteriormente	Nombre completo, edad, imagen y el número de emergencia	Imágenes y texto	Al dar clic un campo de texto se despliega el teclado y el resto de la pantalla se recorre hacia arriba, ahí podremos cambiar los datos antes ingresados en nombre y edad, al igual que el teléfono de su contacto de emergencia. Al dar clic en la imagen que se tenía anteriormente se abre la opción de cargar otra imagen desde la galería o directamente de la cámara frontal o trasera.	HTML5: se aplica para los campos de texto que piden el nombre, la edad, teléfono y la imagen, utilizando una base de datos para guardarlos. CSS3 se utiliza para darle estilo y color a la hoja.	Pantalla blanca, opción de cambiar la imagen desde la galería o la cámara y debajo los campos de texto en recuadros apara el nombre, la edad y el teléfono de emergencia.
Info	Perfil	Esta sección nos muestra el perfil del usuario de la app	Nombre, edad e imagen	Imagen y texto	Aquí tenemos la información básica del usuario, una imagen suya, su nombre completo y su edad	HTML5: para mostrar los datos del nombre, edad y la imagen CSS3 se utiliza para darle estilo y color a la hoja.	Pantalla blanca, una imagen de perfil en el centro, debajo el nombre completo de la persona y su edad.
+ tel	Más contactos	Aquí podemos ver todos los contactos frecuentes que se tienen guardados	Nombres y teléfonos	Texto	Al dar clic se despliega la lista de los contactos más frecuentes y sus teléfonos	HTML5: para mostrar los nombres y teléfonos y una base de datos donde estén guardados CSS3 se utiliza para darle estilo y color a la hoja.	Pantalla blanca dividida en secciones, una para cada contacto que este guardado en la app.