jquery mobile practica

Vista previa del material en texto

Universidad Nacional Autónoma de México
Facultad de Ciencias
Diseño de Interfaces de Usuario
Práctica 05: jQuery Mobile
Descripción
Crear una aplicación web para la búsqueda de Restaurantes de Hamburguesas, utilizando la 
herramienta de jQuery Mobile.
La aplicación contará con cuatro secciones. La primera sección o home, sé mostrarán una lista de los 
diferentes tipos de hamburguesas que se pueden encontrar, se pueden agregar más divisiones si se 
considera pertinente. 
Como segunda sección será un filtro por zonas, donde se podrá elegir la zona para refinar la búsqueda.
Deberá contener el número de restaurantes que están en cada opción.
Como tercer sección será un listado de las diferentes opciones de restaurantes disponibles según las 
selecciones anteriores, estas deben de mostrar el nombre y una ilustración que represente a los 
restaurantes.
Como sección final, será la página del restaurante seleccionado. Deberá contener los siguientes datos
• Nombre
• Logotipo o ilustración del lugar
• Ubicación
• Especialidades
• Mapa donde se muestre la ubicación (Mediante la herramienta Google Maps).
• Botón para llamar al restaurante.
• Botón para otorgar una calificación.
Consideraciones
 ● Se podrá emplear el uso de las herramientas vistas en clase como jQuery Mobile, Javascript, 
jQuery, etc.
 ● Las imágenes de la práctica son de índole ilustrativo, es decir, son libres de utilizar el 
diseño que crean adecuado para la aplicación (modificar tipografías, paleta de colores, 
organización de los elementos, etc).
● Se recomienda hacer uso de los conceptos vistos en clase (Eventos, transiciones, 
botones, inputs, etc).
● Deberán entregar un archivo comprimido (.zip) con la siguiente estructura: 
○ <NumCuenta><##> 
(## representa el número de práctica a dos dígitos) 
■ practica03.html 
■ script.js
■style.css
El nombre del archivo comprimido será el mismo que el archivo raíz de la estructura 
antes mencionada, por ejemplo “30727819703.zip” 
 
Se deberá enviar al correo: sergiomayesell@ciencias.unam.mx
 
El asunto del correo deberá ser: 
[ Interfaces <número de cuenta> <número de práctica> ] 
 
Fecha de entrega máxima: 10 de noviembre del 2016 a las 23:59 hrs.