From 299683874eff40e2ec47a24763959deb49ab3030 Mon Sep 17 00:00:00 2001 From: adrireal <80281789+adrireal@users.noreply.github.com> Date: Tue, 16 Mar 2021 18:33:47 +0100 Subject: [PATCH] Add files via upload --- bocetos/index.html | 462 ++++++++++++++++++++++++++++++++------------- 1 file changed, 335 insertions(+), 127 deletions(-) diff --git a/bocetos/index.html b/bocetos/index.html index f21d8e8..6fcde56 100644 --- a/bocetos/index.html +++ b/bocetos/index.html @@ -1,4 +1,4 @@ - + -
- CompluCine | Bocetos -
- Inicio | - Detalles | - Bocetos | - Miembros | - Planificación | - Contacto -
-
+ + +
+ CompluCine | Bocetos +
+ Inicio | + Detalles | + Bocetos | + Miembros | + Planificación | + Contacto +
+
- -
-
-

Bocetos

-
-
+ +
+
+

Bocetos

+
+ +
+

FLUJO DE NAVEGACION

+
+
+ +
+ Usuario +

+ El Usuario puede tomar dos caminos a la hora de seleccionar la película, el cine, y la sesión a la que quiere asistir. La diferencia es puramente + de orden entre la elección de cine y de la película, a conveniencia del usuario; se procede a explicar ambos: +

+

+ 1. Selección de Cine -> Selección de Película -> Selección de Sesión -> Reserva de Butacas -> Checkout: Primero se selecciona el cine en la vista de selección + de cines en la que se encuentra un mapa y una lista con los cines de la cadena. Una vez seleccionado el cine se redirigirá al usuario a la vista de selección + de película, con el filtro del cine correspondiente activado, de forma que solo se muestren las películas disponibles en el cine seleccionado. En esa vista se + eligirá la película y la versión a ver (VO, 3D, 4DX, etc). +

+

+ Una vez elegida la película, se redirigirá al usuario a la elección de sesión. Se mostrarán todas las sesiones disponibles y el usuario podrá elegir la sesión y + el número de entradas que quiere reservar, pudiendo ver el precio final de las mismas. Se le llevará a la vista de butacas en donde podrá elegir qué butacas reservar. +

+

+ Una vez elegidas las butacas, el usuario procede a la página de pago, en donde rellenará los datos necesarios para pagar online. Terminada la compra con éxito, se + mostrará una pantalla de "Compra Realizada", dando al usuario la seguridad de que su reserva se ha registrado correctamente. Luego se le redirigirá a la pantalla de + inicio. +

+

+ 2. Selección de Película -> Selección de Cine -> Selección de Sesión -> Reserva de Butacas -> Checkout: Es idéntico al flujo anterior pero el usuario empieza eligiendo + la película, de forma que se le redirige a la vista de selección de cine, esta vez con un filtro, de forma que solo se muestran los cines que tengan sesiones activas + con la película seleccionada. +

+

+ Una vez elegidos película y cine, el flujo es idéntico al anterior. +

+
+ +
+ Administrador +

El Administrador es el encargado de gestionar las: películas, cines, promociones, otros administradores y gerentes de cada cine.

+

Para cada categoría tiene un panel en el que puede seleccionar, a partir de una lista, el elemento que quiere modificar, también hay otro panel al lado, en donde + puede modificar los datos de un elemento ya existente o crear uno nuevo introduciendo datos que no existan en la BD. También hay una opción de Eliminar en caso de que + quiera eliminar un elemento.

+

También cuenta con un botón de "Vista de Usuario", con el que puede navegar por la página con la vista que tendrá el usuario final.

+
- -
-
-
- -
-

Pantalla de inicio

-

Pantalla de bienvenida al entrar en la web.

-
-
-
-
-
- -
-

Películas

-

Películas.

-
-
-
-
-
-
-
- -
-

Cine

-

Cine.

-
-
-
-
-
- -
-

Mapa de los Asientos

-

Mapa de los asientos.

-
-
-
-
-
-
-
- -
-

Cine

-

Cine.

-
-
-
-
-
- -
-

Mapa de los Asientos

-

Mapa de los asientos.

-
-
-
-
-
-
-
- -
-

Mapa de los Asientos

-

Mapa de los asientos.

-
-
-
-
-
- -
-

Mapa de los Asientos

-

Mapa de los asientos.

-
-
-
-
-
-
-
- -
-

Cine

-

Cine.

-
-
-
-
-
- -
-

Mapa de los Asientos

-

Mapa de los asientos.

-
-
-
-
- + +
+ Gerente +

+ El Gerente es el encargado de gestionar las sesiones y salas de cada cine. La forma de proceder es la misma que el administrador, con vistas equivalentes. + En el caso de la gestión de salas, se administrarán los asientos disponibles (por temas de Covid-19) y si está o no habilitada para su uso. +

+
+
+
- -
-

© Práctica 1 | Sistemas Web 2021

-
+
+ +
+
+ INICIAR SESIÓN +
+ +
+

~ REGISTRARSE/LOGIN ~

+

En esta parte se podrá dar de alta o iniciar sesión.

+
+
+
+
- + +
+
+ MENU USUARIO REGISTRADO +
+ +
+

~ MENU ~

+

En esta zona de la página, el usuario registrado accede a su perfil con sus correspondientes opciones.

+
+
+
+
+
+
+ +
+ VISTA USUARIO +
+
+ +
+ +
+

~ PÁGINA DE INICIO ~

+

Pantalla de bienvenida al entrar en la web.

+

Se mostrará los estrenos con sus sinopsis, las promociones disponibles y el último cine añadido.

+
+
+
+
+ +
+ +
+

~ CARTELERA ~

+

Mostrará todas las películas disponibles en base al filtro seleccionado (cine).

+
+
+
+
+
+
+ +
+ +
+

~ CINES ~

+

Mostrará todos los cines disponibles.

+
+
+
+
+ +
+ +
+

~ SELECTOR DE HORARIO ~

+

Aquí se mostrará todos los horarios disponibles y salas de la película y cine seleccionada.

+
+
+
+
+
+
+ +
+ +
+

~ SELECTOR DE BUTACAS ~

+

Se mostrará los asientos que se van a seleccionar, ocupados y libres, dependiendo de las personas se subirá o bajará el precio.

+
+
+
+
+ +
+ +
+

~ PAGAR ~

+

Se ofrecerá un resumen de toda la compra, podrá poner algún código de descuento y realizar la compra.

+
+
+
+
+
+
+ +
+ +
+

~ COMPRA REALIZADA ~

+

Confirmará la compra de las entradas y si estás registrado podrás ver tu historial de compras.

+
+
+
+
+ +
+ +
+

~ ABOUT US ~

+

Describe el equipo de FDI-cines.

+
+
+
+
+
+
+ +
+ +
+

~ FORMULARIO DE CONTACTO ~

+

Si un usuario tiene algún problema se puede poner en contacto en esta página.

+
+
+
+
+ +
+ +
+

~ TÉRMINOS Y CONDICIONES ~

+

Habrá un texto describiendo los términos y condiciones de la página web.

+
+
+
+
+
+
+ + +
+ VISTA GERENTE +
+
+ +
+ +
+

~ PANEL DE INICIO ~

+

Pantalla de inicio del gerente de un cine.

+

El gerente podrá administrar las salas y las sesiones.

+
+
+
+
+ +
+ +
+

~ GESTIONAR SALAS ~

+

Solo podrá gestionar las salas el gerente, escoge una sala y lo edita o lo deshabilita(ya que una sala no se puede eliminar físicamente), también podrá añadir una nueva sala y guardarla.

+
+
+
+
+
+
+ +
+ +
+

~ GESTIONAR SESIONES ~

+

Solo podrá gestionar las sesiones el gerente, escoge una sesión y lo edita o lo elimina, también podrá añadir una nueva sesión y guardarla.

+
+
+
+
+
+
+ + +
+ VISTA ADMINISTRADOR +
+
+ +
+ +
+

~ PANEL DE INICIO ~

+

Pantalla de inicio del administrador.

+

+ El administrador podrá añadir, editar y eliminar las películas, cines y promociones, también podrá añadir o eliminar + a un gerente o administrador, y ver la página con la vista de usuario final. +

+
+
+
+
+ +
+ +
+

~ GESTIONAR PELÍCULAS ~

+

El administrador puede listar las películas existentes, modificar sus datos, eliminarlas, o añadir una película nueva.

+
+
+
+
+
+
+ +
+ +
+

~ GESTIONAR CINES ~

+

El administrador puede listar los cines existentes, modificar sus datos, eliminarlos, o añadir un cine nuevo.

+
+
+
+
+ +
+ +
+

~ GESTIONAR PROMOCIONES ~

+

El administrador puede listar las promociones existentes, modificar sus datos, eliminarlas, o añadir una promoción nueva.

+
+
+
+
+
+
+ +
+ +
+

~ GESTIONAR ADMINS-GERENTES ~

+

El administrador puede listar los administradores y gerentes existentes, modificar sus datos, eliminarlos, o añadir un admin/gerente nuevo.

+
+
+
+ +
+
+ + +
+

© Práctica 1 | Sistemas Web 2021

+
+ + + +