Cambios en bocetos
This commit is contained in:
Fernando Méndez
GitHub
parent
7e95cb209d
commit
74f77f0034
@ -16,7 +16,7 @@ h1, h2, h3, h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 90%;
|
font-size: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
@ -215,7 +215,7 @@ table a{
|
|||||||
height: 750px;
|
height: 750px;
|
||||||
}
|
}
|
||||||
.code.plan {
|
.code.plan {
|
||||||
height: 1050px;
|
height: 1150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blockquote {
|
.blockquote {
|
||||||
@ -237,6 +237,7 @@ table a{
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
background: #1f2c3d;
|
background: #1f2c3d;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
height: 680px;
|
||||||
}
|
}
|
||||||
.sketches h1 {
|
.sketches h1 {
|
||||||
color: #dadada;
|
color: #dadada;
|
||||||
@ -284,6 +285,9 @@ table a{
|
|||||||
.bar.fifty {
|
.bar.fifty {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
.bar.twentyfive {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Form */
|
/* Form */
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<!--
|
<!--
|
||||||
Práctica 1 - Sistemas Web | Grupo D
|
Práctica 1 - Sistemas Web | Grupo D
|
||||||
CompluCine - FDI-cines
|
CompluCine - FDI-cines
|
||||||
@ -11,343 +11,305 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="icon" href="../img/favicon.png" />
|
<link rel="icon" href="../img/favicon.png" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a href="/"><img src="../img/favicon2.png" /> CompluCine</a> | Bocetos
|
<a href="/"><img src="../img/favicon2.png" /> CompluCine</a> | Bocetos
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="/">Inicio |</a>
|
<a href="/">Inicio |</a>
|
||||||
<a href="../detalles/">Detalles |</a>
|
<a href="../detalles/">Detalles |</a>
|
||||||
<a href="#">Bocetos |</a>
|
<a href="#">Bocetos |</a>
|
||||||
<a href="../miembros/">Miembros |</a>
|
<a href="../miembros/">Miembros |</a>
|
||||||
<a href="../planificacion/">Planificación |</a>
|
<a href="../planificacion/">Planificación |</a>
|
||||||
<a href="../contacto/">Contacto</a>
|
<a href="../contacto/">Contacto</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Main -->
|
<!-- Main -->
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="image"><img src="../img/logo_trasparente.png" /></div>
|
<div class="image"><img src="../img/logo_trasparente.png" /></div>
|
||||||
<h1>Bocetos</h1>
|
<h1>Bocetos</h1>
|
||||||
</div>
|
<hr />
|
||||||
<!-- Flujo de Navegacion -->
|
</div>
|
||||||
<div class="code">
|
|
||||||
<h1>FLUJO DE NAVEGACION</h1>
|
<!-- Flow -->
|
||||||
|
<div class="code">
|
||||||
|
<h2>FLUJO DE NAVEGACIÓN</h2>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="blockquote">
|
<!-- User Flow -->
|
||||||
<!-- Usuario -->
|
<fieldset>
|
||||||
<fieldset>
|
<legend>Usuario</legend>
|
||||||
<legend>Usuario</legend>
|
<p>
|
||||||
<p>
|
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
|
||||||
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:
|
||||||
de orden entre la elección de cine y de la película, a conveniencia del usuario; se procede a explicar ambos:
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
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
|
||||||
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 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
|
||||||
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).
|
||||||
eligirá la película y la versión a ver (VO, 3D, 4DX, etc).
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
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
|
||||||
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.
|
||||||
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.
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
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
|
||||||
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
|
||||||
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.
|
||||||
inicio.
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
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
|
||||||
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
|
||||||
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.
|
||||||
con la película seleccionada.
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
Una vez elegidos película y cine, el flujo es idéntico al anterior.
|
||||||
Una vez elegidos película y cine, el flujo es idéntico al anterior.
|
</p>
|
||||||
</p>
|
</fieldset>
|
||||||
</fieldset>
|
<!-- Manager Flow -->
|
||||||
<!-- Administrador -->
|
<fieldset>
|
||||||
<fieldset>
|
<legend>Gerente</legend>
|
||||||
<legend>Administrador</legend>
|
<p>
|
||||||
<p>El Administrador es el encargado de gestionar las: películas, cines, promociones, otros administradores y gerentes de cada cine.</p>
|
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.
|
||||||
<p>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
|
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.
|
||||||
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
|
</p>
|
||||||
quiera eliminar un elemento.</p>
|
</fieldset>
|
||||||
<p>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.</p>
|
<!-- Admin Flow -->
|
||||||
</fieldset>
|
<fieldset>
|
||||||
|
<legend>Administrador</legend>
|
||||||
<!-- Gerente -->
|
<p>El Administrador es el encargado de gestionar las: películas, cines, promociones, otros administradores y gerentes de cada cine.</p>
|
||||||
<fieldset>
|
<p>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
|
||||||
<legend>Gerente</legend>
|
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
|
||||||
<p>
|
quiera eliminar un elemento.</p>
|
||||||
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.
|
<p>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.</p>
|
||||||
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.
|
</fieldset>
|
||||||
</p>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<!-- Sketches -->
|
||||||
<!-- Boceto Inicio -->
|
<section id="sketches">
|
||||||
<div class="column left">
|
<hr />
|
||||||
<fieldset>
|
<!-- Generic Sketches-->
|
||||||
<legend>INICIAR SESIÓN</legend>
|
<div class="code">
|
||||||
<div class="sketches">
|
<h3>Pantallas Genéricas</h3>
|
||||||
<img src="../img/registrarse_iniciar_sesion.png" />
|
</div>
|
||||||
<div class="description">
|
<div class="row">
|
||||||
<h4>~ REGISTRARSE/LOGIN ~</h4>
|
<div class="column left">
|
||||||
<p>En esta parte se podrá dar de alta o iniciar sesión.</p>
|
<div class="sketches">
|
||||||
</div>
|
<img src="../img/inicio.png" />
|
||||||
</div>
|
<div class="description">
|
||||||
</fieldset>
|
<h3>Pantalla de inicio</h3>
|
||||||
</div>
|
<p>Pantalla de bienvenida al entrar en la web.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/registrarse_iniciar_sesion.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Pantalla de Registro / Inicio de sesión</h3>
|
||||||
|
<p>pantalla para que un usuario nuevo se registre o, en caso de ya tener una cuenta de usuario, inicie sesión.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column left">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/menu_usuario.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Menú de usuario registrado</h3>
|
||||||
|
<p>Pantalla con todas las opciones disponibles, propias de un usuario registrado.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/peliculas.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Cartelera</h3>
|
||||||
|
<p>Pantalla con información sobre todas las películas disponibles en ese momento.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column left">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/cine.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Cines</h3>
|
||||||
|
<p>Pantalla con un mapa que indica la geolocalización de todos los cines de FDI-Cines.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/selector_horario.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Selección de Horario</h3>
|
||||||
|
<p>Pantalla que muestra los horarios disponibles por salas para un cine y película elegidos.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column left">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/mapa_asientos.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Mapa de los Asientos</h3>
|
||||||
|
<p>Pantalla con un mapa para selccionar los asientos que se quieren escoger. Los asientos ocupados no pondrán ser seleccionados.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/pagar.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Pagar</h3>
|
||||||
|
<p>Pantalla para realizar el pago, después de haber selecionado película, cine, sala, horario y butacas.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column left">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/compra_realizada.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Compra Realizada</h3>
|
||||||
|
<p>Pantalla de confirmación con los datos de compra.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/about_us.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Sobre nosotros</h3>
|
||||||
|
<p>Pantalla con información sobre FDI-Cines.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column left">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/contacto.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Formulario de Contacto</h3>
|
||||||
|
<p>Pantalla con un formulario para realizar una consulta a los administradores.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column right">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/terminos_y_condiciones.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Términos y Condiciones</h3>
|
||||||
|
<p>Pantalla con todos los términos y condiciones de uso del servicio.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Boceto Menu Usuario -->
|
<!-- Manager Sketches-->
|
||||||
<div class="column left">
|
<div class="code">
|
||||||
<fieldset>
|
<h3>Pantallas de Gerentes</h3>
|
||||||
<legend>MENU USUARIO REGISTRADO</legend>
|
</div>
|
||||||
<div class="sketches">
|
<div class="row">
|
||||||
<img src="../img/menu_usuario.png" />
|
<div class="column side">
|
||||||
<div class="description">
|
<div class="sketches">
|
||||||
<h4>~ MENU ~</h4>
|
<img src="../img/panel_inicio_gerente.png" />
|
||||||
<p>En esta zona de la página, el usuario registrado accede a su perfil con sus correspondientes opciones.</p>
|
<div class="description">
|
||||||
</div>
|
<h3>Panel de Incio Gerente</h3>
|
||||||
</div>
|
<p>Pantalla con las funciones exclusivas a las que puede acceder un Gerente.</p>
|
||||||
</fieldset>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<div class="column middle">
|
||||||
<!-- Bocetos Usuario -->
|
<div class="sketches">
|
||||||
<fieldset>
|
<img src="../img/gestionar_salas.png" />
|
||||||
<legend>VISTA USUARIO</legend>
|
<div class="description">
|
||||||
<div class="row">
|
<h3>Gestionar salas</h3>
|
||||||
<div class="column left">
|
<p>Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar la sala de un cine.</p>
|
||||||
<!-- Pagina inicio -->
|
</div>
|
||||||
<div class="sketches">
|
</div>
|
||||||
<img src="../img/inicio.png" />
|
</div>
|
||||||
<div class="description">
|
<div class="column side">
|
||||||
<h4>~ PÁGINA DE INICIO ~</h4>
|
<div class="sketches">
|
||||||
<p>Pantalla de bienvenida al entrar en la web.</p>
|
<img src="../img/gestionar_sesiones.png" />
|
||||||
<p>Se mostrará los estrenos con sus sinopsis, las promociones disponibles y el último cine añadido.</p>
|
<div class="description">
|
||||||
</div>
|
<h3>Gestionar Sesiones</h3>
|
||||||
</div>
|
<p>Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar las sesiones de una película.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="column left">
|
</div>
|
||||||
<!-- Peliculas -->
|
</div>
|
||||||
<div class="sketches">
|
</div>
|
||||||
<img src="../img/peliculas.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ CARTELERA ~</h4>
|
|
||||||
<p>Mostrará todas las películas disponibles en base al filtro seleccionado (cine).</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Cines -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/cine.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ CINES ~</h4>
|
|
||||||
<p>Mostrará todos los cines disponibles.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Horario -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/selector_horario.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ SELECTOR DE HORARIO ~</h4>
|
|
||||||
<p>Aquí se mostrará todos los horarios disponibles y salas de la película y cine seleccionada.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Butacas -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/mapa_asientos .png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ SELECTOR DE BUTACAS ~</h4>
|
|
||||||
<p>Se mostrará los asientos que se van a seleccionar, ocupados y libres, dependiendo de las personas se subirá o bajará el precio. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Pagar -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/pagar.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ PAGAR ~</h4>
|
|
||||||
<p>Se ofrecerá un resumen de toda la compra, podrá poner algún código de descuento y realizar la compra.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Compra Realizada -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/compra_realizada.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ COMPRA REALIZADA ~</h4>
|
|
||||||
<p>Confirmará la compra de las entradas y si estás registrado podrás ver tu historial de compras.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- About us -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/about_us.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ ABOUT US ~</h4>
|
|
||||||
<p>Describe el equipo de FDI-cines.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Formulario de contacto -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/contacto.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ FORMULARIO DE CONTACTO ~</h4>
|
|
||||||
<p>Si un usuario tiene algún problema se puede poner en contacto en esta página.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Terminos y condiciones -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/terminosyCondiciones.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ TÉRMINOS Y CONDICIONES ~</h4>
|
|
||||||
<p>Habrá un texto describiendo los términos y condiciones de la página web.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</fieldset>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<!-- Bocetos Gerente -->
|
<!-- Admin Sketches-->
|
||||||
<fieldset>
|
<div class="code">
|
||||||
<legend>VISTA GERENTE</legend>
|
<h3>Pantallas de Administradores</h3>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="column left">
|
<div class="row">
|
||||||
<!-- Panel de inicio Gerente -->
|
<div class="column left">
|
||||||
<div class="sketches">
|
<div class="sketches">
|
||||||
<img src="../img/panel_inicio_gerente.png" />
|
<img src="../img/panel_inicio_admin.png" />
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<h4>~ PANEL DE INICIO ~</h4>
|
<h3>Panel Inicio Administrador</h3>
|
||||||
<p>Pantalla de inicio del gerente de un cine.</p>
|
<p>Pantalla con las funciones exclusivas a las que puede acceder un Administrador.</p>
|
||||||
<p>El gerente podrá administrar las salas y las sesiones.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="column right">
|
||||||
<div class="column left">
|
<div class="sketches">
|
||||||
<!-- Gestionar salas -->
|
<img src="../img/gestionar_peliculas.png" />
|
||||||
<div class="sketches">
|
<div class="description">
|
||||||
<img src="../img/gestionar_salas.png" />
|
<h3>Gestionar Películas</h3>
|
||||||
<div class="description">
|
<p>Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las películas de la cartelera.</p>
|
||||||
<h4>~ GESTIONAR SALAS ~</h4>
|
</div>
|
||||||
<p>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.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
</div>
|
<div class="column side">
|
||||||
<div class="row">
|
<div class="sketches">
|
||||||
<div class="column left">
|
<img src="../img/gestionar_cines.png" />
|
||||||
<!-- Gestionar sesiones -->
|
<div class="description">
|
||||||
<div class="sketches">
|
<h3>Gestionar Cines</h3>
|
||||||
<img src="../img/gestionar_sesiones.png" />
|
<p>Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar los cines.</p>
|
||||||
<div class="description">
|
</div>
|
||||||
<h4>~ GESTIONAR SESIONES ~</h4>
|
</div>
|
||||||
<p>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.</p>
|
</div>
|
||||||
</div>
|
<div class="column middle">
|
||||||
</div>
|
<div class="sketches">
|
||||||
</div>
|
<img src="../img/gestionar_promociones.png" />
|
||||||
</div>
|
<div class="description">
|
||||||
</fieldset>
|
<h3>Gestionar Promociones</h3>
|
||||||
<br>
|
<p>Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las promociones existentes.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column side">
|
||||||
|
<div class="sketches">
|
||||||
|
<img src="../img/gestionar_admins_gerentes.png" />
|
||||||
|
<div class="description">
|
||||||
|
<h3>Gestionar Administradores y Gerentes</h3>
|
||||||
|
<p>Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar tanto otros Administradores como Gerentes.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Bocetos Administrador -->
|
<!-- Footer -->
|
||||||
<fieldset>
|
<footer>
|
||||||
<legend>VISTA ADMINISTRADOR</legend>
|
<div class="footer">
|
||||||
<div class="row">
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
<div class="column left">
|
</div>
|
||||||
<!-- Panel de Inicio Admin -->
|
</footer>
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/panel_inicio_admin.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ PANEL DE INICIO ~</h4>
|
|
||||||
<p>Pantalla de inicio del administrador.</p>
|
|
||||||
<p>
|
|
||||||
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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Gestionar Peliculas -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/gestionarPeliculas.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ GESTIONAR PELÍCULAS ~</h4>
|
|
||||||
<p>El administrador puede listar las películas existentes, modificar sus datos, eliminarlas, o añadir una película nueva.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Gestionar Cines -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/gestionarCines.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ GESTIONAR CINES ~</h4>
|
|
||||||
<p>El administrador puede listar los cines existentes, modificar sus datos, eliminarlos, o añadir un cine nuevo.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Gestionar Promociones -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/gestionarPromociones.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ GESTIONAR PROMOCIONES ~</h4>
|
|
||||||
<p>El administrador puede listar las promociones existentes, modificar sus datos, eliminarlas, o añadir una promoción nueva.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column left">
|
|
||||||
<!-- Gestionar Admins-Gerentes -->
|
|
||||||
<div class="sketches">
|
|
||||||
<img src="../img/gestionar_admins_gerentes.png" />
|
|
||||||
<div class="description">
|
|
||||||
<h4>~ GESTIONAR ADMINS-GERENTES ~</h4>
|
|
||||||
<p>El administrador puede listar los administradores y gerentes existentes, modificar sus datos, eliminarlos, o añadir un admin/gerente nuevo.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</fieldset>
|
</body>
|
||||||
<br>
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<div class="footer">
|
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -77,9 +77,11 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="footer">
|
<footer>
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
<div class="footer">
|
||||||
</div>
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -111,9 +111,11 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="footer">
|
<footer>
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
<div class="footer">
|
||||||
</div>
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
img/gestionar_cines.png
Normal file
BIN
img/gestionar_cines.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
img/gestionar_peliculas.png
Normal file
BIN
img/gestionar_peliculas.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
img/gestionar_promociones.png
Normal file
BIN
img/gestionar_promociones.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
img/terminos_y_condiciones.png
Normal file
BIN
img/terminos_y_condiciones.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
@ -60,9 +60,11 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="footer">
|
<footer>
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
<div class="footer">
|
||||||
</div>
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -167,9 +167,11 @@
|
|||||||
|
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="footer">
|
<footer>
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
<div class="footer">
|
||||||
</div>
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -174,19 +174,27 @@
|
|||||||
<legend>Práctica 2 [HTML + PHP]</legend>
|
<legend>Práctica 2 [HTML + PHP]</legend>
|
||||||
<div class="bar">100%</div>
|
<div class="bar">100%</div>
|
||||||
<ul>
|
<ul>
|
||||||
<li></li>
|
<li>Sobre FDI-Cines (About us) [Fer && Adrián]</li>
|
||||||
<li></li>
|
<li>Formulario de Contacto [Fer]</li>
|
||||||
<li></li>
|
<li>Términos y Condiciones [Fer && Adrián]</li>
|
||||||
|
<li>Pantalla de inicio de gerente [Marco && Óscar]</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="bar seventyfive">75%</div>
|
<div class="bar seventyfive">75%</div>
|
||||||
<ul>
|
<ul>
|
||||||
<li></li>
|
<li>Pantalla de Inicio (incluye promociones y estrenos) [Fer && Adrián]</li>
|
||||||
|
<li>Listado de Horarios [Fer]</li>
|
||||||
<li></li>
|
<li></li>
|
||||||
<li></li>
|
<li></li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="bar fifty">50%</div>
|
<div class="bar fifty">50%</div>
|
||||||
<ul>
|
<ul>
|
||||||
|
<li>Eliminar sesión de una película [Marco && Óscar]</li>
|
||||||
|
<li>Deshabilitar salas [Marco && Óscar]</li>
|
||||||
<li></li>
|
<li></li>
|
||||||
|
</ul>
|
||||||
|
<div class="bar twentyfive">25%</div>
|
||||||
|
<ul>
|
||||||
|
<li>Deshabilitar asientos en una sala [Marco && Óscar]</li>
|
||||||
<li></li>
|
<li></li>
|
||||||
<li></li>
|
<li></li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -195,8 +203,8 @@
|
|||||||
<legend>Práctica 3 [HTML + PHP + CSS]</legend>
|
<legend>Práctica 3 [HTML + PHP + CSS]</legend>
|
||||||
<div class="bar">100%</div>
|
<div class="bar">100%</div>
|
||||||
<ul>
|
<ul>
|
||||||
<li></li>
|
<li>Eliminar sesión de una película [Marco && Óscar]</li>
|
||||||
<li></li>
|
<li>Deshabilitar salas [Marco && Óscar]</li>
|
||||||
<li></li>
|
<li></li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="bar seventyfive">75%</div>
|
<div class="bar seventyfive">75%</div>
|
||||||
@ -207,13 +215,13 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<div class="bar fifty">50%</div>
|
<div class="bar fifty">50%</div>
|
||||||
<ul>
|
<ul>
|
||||||
<li></li>
|
<li>Deshabilitar asientos en una sala [Marco && Óscar]</li>
|
||||||
<li></li>
|
<li></li>
|
||||||
<li></li>
|
<li></li>
|
||||||
</ul>
|
</ul>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Entrega Final [[HTML + PHP + CSS + JS]</legend>
|
<legend>Entrega Final [HTML + PHP + CSS + JS]</legend>
|
||||||
<div class="bar">100%</div>
|
<div class="bar">100%</div>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Todo el trabajo restante.</li>
|
<li>Todo el trabajo restante.</li>
|
||||||
@ -278,9 +286,11 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="footer">
|
<footer>
|
||||||
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
<div class="footer">
|
||||||
</div>
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user