Estudios de Informática, Multimedia y Telecomunicaciones

Grado de multimedia

Programación web avanzada

 Para dudas y aclaraciones sobre el enunciado, contactad con el consultor

responsable de vuestra aula.
 Es necesario entregar la solución en un fichero ZIP O RAR. Adjuntad el fichero en un
mensaje dirigido al buzón Entrega y registro de EC.
 El nombre del fichero debe ser ApellidosNombre_PW_PRACTICA con la extensión
.rar o .zip.
 Consultad la fecha de entrega en el calendario.

PRÁCTICA 1: jQuery

Introducción

En esta práctica desarrollaremos una aplicación web donde se podrán registrar las
reservas de un restaurante. Con esta aplicación se podrán dar de alta, baja y hacer
modificaciones de las reservas.
Los empleados del restaurante dispondrán de páginas para visualizar las reservas y
así poder planificar el comedor con anterioridad.

Descripción de l’aplicación

La aplicación dispondrá de un total de 4 páginas. Un listado con todas las reservas

futuras, una página para ver el detalle de una reserva, una para poder modificar o
hacer una alta de una reserva y por último un listado con las reservas de las próximas
24 horas.

La aplicación tendrá una base de datos con una sola tabla, “reservas”. Esta tabla
tendrá los siguientes campos:
El script de creación de la base de datos lo encontraréis junto con el enunciado de la
práctica.

Para acceder a esta base de datos tendréis que hacer los archivos php que necesitéis.

Requerimientos de cada página

Listado de reservas (4 puntos)

En el listado de reservas se mostraran las reservas futuras, es decir, desde el día de

hoy en adelante.

Desde cada reserva se podrá ir a la página de destalle y a la página de modificación.

Cada reserva se podrá eliminar desde el listado. Esta eliminación se hará mediante
las funciones Ajax de jQuery. Una vez que se elimine de base de datos se borrará
el registro de la tabla mediante los selectores y funciones de jQuery.

Desde la página del listado se podrá acceder a la página de nueva reserva.

Como último requerimiento de esta página, se mostrará un link informando de que

hay reservas durante las próximas 24 horas. Este link se mostrará mediante las
funciones Ajax de jQuery. Cada minuto se hará una petición para saber si hay
reservas durante las próximas 24 horas, si hay se mostrará el link.
Formulario de modificación y alta de reserva(4 puntos)

En la página de modificación o alta de una reserva se mostrará un formulario con

todos los campos de la tabla reservas.

Cuando un usuario relleno los datos del formulario y clique el botón “Guardar” se hará
una validación de los campos mediante la función submit de jQuery. Básicamente
habrá dos validaciones:
- La fecha tiene que ser, al menos, 24h más que la fecha actual.
- El campo “Comensales” tiene que ser numérico y no puede excedes de 10.

Cuando una de estas validaciones falle se mostrará un mensaje entendible en la

cabecera y se cambiará el color del campo en cuestión. Todo esto se hará con los
selectores i funciones de jQuery.
Listado de reservas de las próximas 24 horas(1 punt)

Esta página será prácticamente idéntica a la página del listado principal, pero
únicamente se mostraran las reservas de las próximas 24h y no se mostrará el link
del listado de reservas de las próximas 24h.

Detalle de una reserva (1 punto)

Esta página no tiene ningún secreto, será meramente informativa.