diff --git a/assets/css/main.css b/assets/css/main.css index 5211369..85706b1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -16,7 +16,7 @@ h1, h2, h3, h4 { } h2 { - font-size: 90%; + font-size: 95%; } h3 { @@ -215,7 +215,7 @@ table a{ height: 750px; } .code.plan { - height: 1050px; + height: 1150px; } .blockquote { @@ -237,6 +237,7 @@ table a{ overflow-x: auto; background: #1f2c3d; border-radius: 3px; + height: 680px; } .sketches h1 { color: #dadada; @@ -284,6 +285,9 @@ table a{ .bar.fifty { width: 50%; } +.bar.twentyfive { + width: 25%; +} /* Form */ diff --git a/bocetos/index.html b/bocetos/index.html index 6fcde56..8a19907 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

-
- -
-

FLUJO DE NAVEGACION

+ +
+
+

Bocetos

+
+
+ + +
+

FLUJO DE NAVEGACIÓN

-
- -
- 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.

-
- - -
- 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. -

-
-
+ +
+ 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. +

+
+ +
+ 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. +

+
+ +
+ 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.

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

~ REGISTRARSE/LOGIN ~

-

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

-
-
-
-
+ +
+
+ +
+

Pantallas Genéricas

+
+
+
+
+ +
+

Pantalla de inicio

+

Pantalla de bienvenida al entrar en la web.

+
+
+
+
+
+ +
+

Pantalla de Registro / Inicio de sesión

+

pantalla para que un usuario nuevo se registre o, en caso de ya tener una cuenta de usuario, inicie sesión.

+
+
+
+
+
+
+
+ +
+

Menú de usuario registrado

+

Pantalla con todas las opciones disponibles, propias de un usuario registrado.

+
+
+
+
+
+ +
+

Cartelera

+

Pantalla con información sobre todas las películas disponibles en ese momento.

+
+
+
+
+
+
+
+ +
+

Cines

+

Pantalla con un mapa que indica la geolocalización de todos los cines de FDI-Cines.

+
+
+
+
+
+ +
+

Selección de Horario

+

Pantalla que muestra los horarios disponibles por salas para un cine y película elegidos.

+
+
+
+
+
+
+
+ +
+

Mapa de los Asientos

+

Pantalla con un mapa para selccionar los asientos que se quieren escoger. Los asientos ocupados no pondrán ser seleccionados.

+
+
+
+
+
+ +
+

Pagar

+

Pantalla para realizar el pago, después de haber selecionado película, cine, sala, horario y butacas.

+
+
+
+
+
+
+
+ +
+

Compra Realizada

+

Pantalla de confirmación con los datos de compra.

+
+
+
+
+
+ +
+

Sobre nosotros

+

Pantalla con información sobre FDI-Cines.

+
+
+
+
+
+
+
+ +
+

Formulario de Contacto

+

Pantalla con un formulario para realizar una consulta a los administradores.

+
+
+
+
+
+ +
+

Términos y Condiciones

+

Pantalla con todos los términos y condiciones de uso del servicio.

+
+
+
+
- -
-
- 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.

-
-
-
-
-
-
+ +
+

Pantallas de Gerentes

+
+
+
+
+ +
+

Panel de Incio Gerente

+

Pantalla con las funciones exclusivas a las que puede acceder un Gerente.

+
+
+
+
+
+ +
+

Gestionar salas

+

Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar la sala de un cine.

+
+
+
+
+
+ +
+

Gestionar Sesiones

+

Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar las sesiones de una película.

+
+
+
+
- -
- 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.

-
-
-
-
-
-
+ +
+

Pantallas de Administradores

+
+
+
+
+ +
+

Panel Inicio Administrador

+

Pantalla con las funciones exclusivas a las que puede acceder un Administrador.

+
+
+
+
+
+ +
+

Gestionar Películas

+

Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las películas de la cartelera.

+
+
+
+
+
+
+
+ +
+

Gestionar Cines

+

Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar los cines.

+
+
+
+
+
+ +
+

Gestionar Promociones

+

Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las promociones existentes.

+
+
+
+
+
+ +
+

Gestionar Administradores y Gerentes

+

Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar tanto otros Administradores como Gerentes.

+
+
+
+
+ - -
- 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

+
+
-
-
- - -
-

© Práctica 1 | Sistemas Web 2021

-
- - - - + diff --git a/contacto/index.html b/contacto/index.html index 06d6146..1663b6e 100644 --- a/contacto/index.html +++ b/contacto/index.html @@ -77,9 +77,11 @@ -
-

© Práctica 1 | Sistemas Web 2021

-
+ diff --git a/detalles/index.html b/detalles/index.html index 68889fa..7410671 100644 --- a/detalles/index.html +++ b/detalles/index.html @@ -111,9 +111,11 @@
-
-

© Práctica 1 | Sistemas Web 2021

-
+ diff --git a/img/gestionar_cines.png b/img/gestionar_cines.png new file mode 100644 index 0000000..d83a9c6 Binary files /dev/null and b/img/gestionar_cines.png differ diff --git a/img/gestionar_peliculas.png b/img/gestionar_peliculas.png new file mode 100644 index 0000000..5983e7f Binary files /dev/null and b/img/gestionar_peliculas.png differ diff --git a/img/gestionar_promociones.png b/img/gestionar_promociones.png new file mode 100644 index 0000000..852d802 Binary files /dev/null and b/img/gestionar_promociones.png differ diff --git a/img/terminos_y_condiciones.png b/img/terminos_y_condiciones.png new file mode 100644 index 0000000..3da4927 Binary files /dev/null and b/img/terminos_y_condiciones.png differ diff --git a/index.html b/index.html index 8469e08..7e38665 100644 --- a/index.html +++ b/index.html @@ -60,9 +60,11 @@ -
-

© Práctica 1 | Sistemas Web 2021

-
+ diff --git a/miembros/index.html b/miembros/index.html index d0ef1b3..5098027 100644 --- a/miembros/index.html +++ b/miembros/index.html @@ -167,9 +167,11 @@ -
-

© Práctica 1 | Sistemas Web 2021

-
+ diff --git a/planificacion/index.html b/planificacion/index.html index 159d719..87f5aa3 100644 --- a/planificacion/index.html +++ b/planificacion/index.html @@ -174,19 +174,27 @@ Práctica 2 [HTML + PHP]
100%
75%
50%
+
25%
+ @@ -195,8 +203,8 @@ Práctica 3 [HTML + PHP + CSS]
100%
75%
@@ -207,13 +215,13 @@
50%
- Entrega Final [[HTML + PHP + CSS + JS] + Entrega Final [HTML + PHP + CSS + JS]
100%