fermdez/SW
fermdez/SW
1
1
Fork 0
Code Issues Pull Requests Packages repo.project_board Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Fernando Méndez 2021-03-15 12:11:51 +01:00 committed by GitHub
parent 3de57fc285
commit 22485e8647
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 283 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
assets/css/main.css
View File

@ -16,10 +16,17 @@ h1, h2, h3, h4 {
} }
h2 { h2 {
text-transform: none;
font-size: 90%; font-size: 90%;
} }
h3 {
font-size: 85%;
}
h4 {
font-size: 75%;
}
/* Header */ /* Header */
.header { .header {
background-color: #1f2c3d; background-color: #1f2c3d;
@ -168,7 +175,19 @@ table a{
overflow-x: auto; overflow-x: auto;
overflow-y: auto; overflow-y: auto;
} }
.code p, h1, h2, h3 { .code h1{
color: #dadada;
}
.code h2 {
color: #dadada;
}
.code h3 {
color: #d3ebff;
}
.code h4 {
color: #d3ebff;
}
.code p {
color: #dadada; color: #dadada;
} }
.code a { .code a {
@ -178,6 +197,17 @@ table a{
/* width: 80px; height: 80px; */ /* width: 80px; height: 80px; */
width: 25%; width: 25%;
} }
.code fieldset{
margin: 1px;
border-color: #dadada;
border-style: groove;
}
.code fieldset legend {
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: #d3ebff;
}
.blockquote { .blockquote {
border-left: solid 4px #dadada; border-left: solid 4px #dadada;
@ -199,8 +229,20 @@ table a{
background: #1f2c3d; background: #1f2c3d;
border-radius: 3px; border-radius: 3px;
} }
.sketches h1, h2, h3, h4 { .sketches h1 {
color: #d3ebff; color: #dadada;
}
.sketches h2 {
color: #dadada;
}
.sketches h3 {
color: #dadada;
}
.sketches h4 {
color: #dadada;
}
.sketches p {
color: #dadada;
} }
.sketches img{ .sketches img{
width: 550px; width: 550px;
@ -221,7 +263,11 @@ table a{
/* Form */ /* Form */
form { form {
margin: auto; margin: auto;
width: 50%; width: 65%;
}
form h1, h2, h3, h4 {
color: #363636;
} }
label { label {

71
bocetos/index.html
View File

@ -38,7 +38,7 @@
<div class="sketches"> <div class="sketches">
<img src="../img/inicio.png" /> <img src="../img/inicio.png" />
<div class="description"> <div class="description">
<h4>Pantalla de inicio.</h4> <h3>Pantalla de inicio</h3>
<p>Pantalla de bienvenida al entrar en la web.</p> <p>Pantalla de bienvenida al entrar en la web.</p>
</div> </div>
</div> </div>
@ -47,7 +47,8 @@
<div class="sketches"> <div class="sketches">
<img src="../img/peliculas.png" /> <img src="../img/peliculas.png" />
<div class="description"> <div class="description">
<h4>Pantalla de inicio.</h4> <h3>Películas</h3>
<p>Películas.</p>
</div> </div>
</div> </div>
</div> </div>
@ -57,7 +58,8 @@
<div class="sketches"> <div class="sketches">
<img src="../img/cine.png" /> <img src="../img/cine.png" />
<div class="description"> <div class="description">
<h4>Pantalla de inicio.</h4> <h3>Cine</h3>
<p>Cine.</p>
</div> </div>
</div> </div>
</div> </div>
@ -65,7 +67,68 @@
<div class="sketches"> <div class="sketches">
<img src="../img/mapa_asientos.png" /> <img src="../img/mapa_asientos.png" />
<div class="description"> <div class="description">
<h4>Pantalla de inicio.</h4> <h3>Mapa de los Asientos</h3>
<p>Mapa de los asientos.</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>Cine</h3>
<p>Cine.</p>
</div>
</div>
</div>
<div class="column left">
<div class="sketches">
<img src="../img/pagar.png" />
<div class="description">
<h3>Mapa de los Asientos</h3>
<p>Mapa de los asientos.</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>Mapa de los asientos.</p>
</div>
</div>
</div>
<div class="column left">
<div class="sketches">
<img src="../img/terminosyCondiciones.png" />
<div class="description">
<h3>Mapa de los Asientos</h3>
<p>Mapa de los asientos.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column left">
<div class="sketches">
<img src="../img/contacto.png" />
<div class="description">
<h3>Cine</h3>
<p>Cine.</p>
</div>
</div>
</div>
<div class="column left">
<div class="sketches">
<img src="../img/about_us.png" />
<div class="description">
<h3>Mapa de los Asientos</h3>
<p>Mapa de los asientos.</p>
</div> </div>
</div> </div>
</div> </div>

2
contacto/index.html
View File

@ -33,7 +33,7 @@
</div> </div>
<!-- Form --> <!-- Form -->
<section id="form"> <section id="formulario">
<h4>Formulario</h4> <h4>Formulario</h4>
<form method="post" action="mailto:fernmend@ucm.es"> <form method="post" action="mailto:fernmend@ucm.es">
<div class="row"> <div class="row">

63
detalles/index.html
View File

@ -7,7 +7,7 @@
<head> <head>
<title>CompluCine | Detalles</title> <title>CompluCine | Detalles</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link id="estilo" rel="stylesheet" type="text/css" href="../assets/main.css"> <link id="estilo" rel="stylesheet" type="text/css" href="../assets/css/main.css">
<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>
@ -31,7 +31,7 @@
</div> </div>
<!-- Details --> <!-- Details -->
<div class = "code"> <div class = "code">
<h1>Introduccion</h1> <h1>Detalles</h1>
<hr/> <hr/>
<div class ="blockquote"> <div class ="blockquote">
<p> <p>
@ -48,32 +48,39 @@
<div class ="row"> <div class ="row">
<div class="column left"> <div class="column left">
<div class = "code"> <div class = "code">
<h1>Tipos de usuario</h1> <h2>Tipos de usuario</h2>
<hr /> <hr />
<h2> Usuario No Registrado </h2> <fieldset>
<legend>Usuario No Registrado</legend>
<p> <p>
Usuario que entra a la web sin necesidad de estar registrado, podrá realizar compras, ver horarios y cartelera, sin necesidad de realizar ningún registro. Este tipo de usuario, puede interactuar con la web sin necesidad de estar registrado. Podrá realizar compras, ver horarios y cartelera, sin necesidad de realizar ningún registro.
No podrá usar ninguna de las promociones, pues estas estarán únicamente destinadas a los usuarios registrados No podrá usar ninguna de las promociones, pues estas estarán únicamente destinadas a los usuarios registrados.
</p> </p>
<h2> Usuario Registrado </h2> </fieldset>
<fieldset>
<legend>Usuario Registrado</legend>
<p> <p>
Estos usuarios son aquellos que previamente han realizado un registro en la base de datos del sistema.Tendrán las mismas funcionalidades básicas Estos usuarios son aquellos que previamente han realizado un registro en la base de datos del sistema. Tendrán las mismas funcionalidades básicas
que un usuario no registrado y además, podrán acceder a ofertas y aplicar promociones y descuentos en sus compras. que un usuario no registrado y además, podrán acceder a ofertas y aplicar promociones y descuentos y ver el historial de sus compras.
</br>
Además, estos usuarios podrán cancelar una compra previamente hecha, pues estas se asociarían a su cuenta, algo que sería imposible Además, estos usuarios podrán cancelar una compra previamente hecha, pues estas se asociarían a su cuenta, algo que sería imposible
con un usuario no registrado. con un usuario no registrado.
</p> </p>
<h2> Gerente de Cine </h2> </fieldset>
<fieldset>
<legend>Gerente de Cine</legend>
<p> <p>
Un administrador de rango bajo capaz de acceder a la vista de administradores, puede ver las peliculas que hay en la base de datos. Esta asociado a un cine al cual Un administrador de rango bajo capaz de acceder a la vista de administradores, puede ver las peliculas que hay en la base de datos.
puede añadir sesiones con peliculas existentes y modificar la disposicion de butacas. Este usuario está asociado a un cine, sobre el cual puede añadir sesiones con peliculas existentes y modificar la disposicion de butacas.
</p> </p>
</fieldset>
<h2> Administrador </h2> <fieldset>
<legend>Administrador</legend>
<p> <p>
El administrador es capaz de ascender cuentas de usuario registradas a cuentas de gerente de cine. Ademas es el encargado de añadir nuevos cines y peliculas. El administrador es capaz de ascender cuentas de usuario registradas a cuentas de gerente de cine. Ademas es el encargado de añadir nuevos cines y peliculas.
Para comprobar el correcto funcionamiento de la pagina puede cambiar entre distintas vistas de usuario. Para comprobar el correcto funcionamiento de la pagina podrá cambiar entre distintas vistas de usuario.
Las cuales le permitirán comprobar que cada usuario tiene acceso únicamente a sus funcionalidades y no a funcionalidades de otro rango superior.
</p> </p>
</fieldset>
</div> </div>
</div> </div>
<div class="column right"> <div class="column right">
@ -83,23 +90,21 @@
<p> <p>
La aplicación debe permitir la compra online de entradas para sesiones de cine, mostrando los cines y La aplicación debe permitir la compra online de entradas para sesiones de cine, mostrando los cines y
horarios en los que se encuentra disponible la película seleccionada por el usuario dentro del catálogo disponible en ese momento (la cartelera). horarios en los que se encuentra disponible la película seleccionada por el usuario dentro del catálogo disponible en ese momento (la cartelera).
</br> Los usuarios podrán acceder a la compra de entradas buscando la película que desean ver y luego escogiendo un cine y horario determinado.
Los usuarios podrán acceder a la compra de las entradas buscando la película que desean ver y luego escogiendo un cine y horario determinado. Además de una búsqueda específica, también se ofrecerá Además de una búsqueda específica, también se ofrecerá la posibilidad de visionar toda la cartelera, y escoger una película, horario y cine, de entre todas las posibilidades.
la posibilidad de visionar toda la cartelera, y escoger una película, horario y cine, de entre todas las posibilidades. <p>
</br>
Una vez escogido todo, se mostrará una página en la que el usuario decidirá la o las butacas en las que se sentará. Se mostrarán butacas disponibles y butacas ocupadas (en caso de que las haya). Una vez escogido todo, se mostrará una página en la que el usuario decidirá la o las butacas en las que se sentará. Se mostrarán butacas disponibles y butacas ocupadas (en caso de que las haya).
</br>
Antes de realizar la compra, los usuarios podrán aplicar promociones especificas que le permitan obtener algun snack en el cine o descuentos disponibles en la aplicación. Antes de realizar la compra, los usuarios podrán aplicar promociones especificas que le permitan obtener algun snack en el cine o descuentos disponibles en la aplicación.
</p> </p>
<p> <p>
Por otro lado la aplicacion debe permitir a los gerentes y administradores acceder a todas las peliculas que hay en emision siendo los administradores los encargados de modificarlas y añadir Por otro lado la aplicacion debe permitir a los gerentes y administradores visionar la lista y contenido de todas las peliculas que hay en cartelera,
nuevas. siendo los administradores los encargados de modificarlas y añadir nuevas.
</br> De igual forma, ambos podran ver todos los cines activos de la aplicacion, pero solo los administradores serán capaces de añadir o modificar cines existentes.
De forma similar ambos podran ver todos los cines activos de la aplicacion pero solo los administradores seran capaces de añadir o modificar cines existentes. <p>
</br> Cada cine tiene una cantidad de salas y sesiones con horarios específicos pora cada una de las películas.
Cada cine tiene una cantidad de salas y sesiones con horarios destinados a peliculas. Los dos roles pueden ver estos pero es el gerente de cine el encargado de modificar las salas, su Aunque ambos roles (administrador y gerente) pueden ver estas salas y horarios, es el gerente de cine el encargado de modificar las salas,
disposicion de butacas, modificar el horario de las sesiones y añadir nuevas sesiones, y crear promociones especificas para una sesion concreta o para el cine completo. Todo esto unicamente para el cine su disposición de butacas, modificar el horario de las sesiones y añadir nuevas sesiones, y crear promociones específicas para una sesión concreta o para el cine completo.
con el cual esta relacionado Todo esto unicamente para el cine con el cual esta relacionado.
</p> </p>
</div> </div>
</div> </div>

BIN
img/pagar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

2
miembros/index.html
View File

@ -29,7 +29,7 @@
<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>
<section id="members_table"> <section id="members_table">
<h4>Miembros</h4> <h1>Miembros</h1>
<hr /> <hr />
<table> <table>
<thead> <thead>

145
planificacion/index.html
View File

@ -7,14 +7,14 @@
<head> <head>
<title>CompluCine | Planificación</title> <title>CompluCine | Planificación</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link id="estilo" rel="stylesheet" type="text/css" href="../assets/css/main.css">
<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" />
<link id="estilo" rel="stylesheet" href="assets/css/plan.css" type="text/css">
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<div class="header"> <div class="header">
<a href="/"><img src="img/favicon2.png" /> CompluCine</a> | Planificación <a href="/"><img src="../img/favicon2.png" /> CompluCine</a> | Planificación
<div class="menu"> <div class="menu">
<a href="/">Inicio |</a> <a href="/">Inicio |</a>
<a href="../detalles/">Detalles |</a> <a href="../detalles/">Detalles |</a>
@ -27,81 +27,78 @@
<!-- 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>Planificación</h1>
<hr />
</div> </div>
<!-- Planning -->
<section class="planning">
<div class="row">
<div class="column side">
<div class="code">
<h2>Tareas</h2>
<p>Aquí las tareas a realizar.</p>
</div>
</div>
<div class="column middle">
<div class="code">
<h2>Divisón del trabajo</h2>
<p>Aquí cómo están repartidas las tareas y el trabajo.</p>
</div>
</div>
<div class="column side">
<div class="code">
<h2>Plazos</h2>
<p>Aquí plazos estimados para cada una de las tareas</p>
</div>
</div>
</div>
</section>
<!-- Timeline --> <!-- Timeline -->
<section id="planificacion"> <!-- TODO: INSERTAR AQUÍ UNA LÍNEA DEL TIEMPO HECHA CON PHOTOSHOP -->
<h1 class="princpial">PLANIFICACIÓN</h1>
<div class="code" id="web">
<h2>WEB</h2>
<hr />
<div class="blockquote">
<ul>
<li>Pantalla de Inicio (incluye promociones y estrenos)</li>
<li>Cartelera Dinámica</li>
<li>Selección de cines (mapa)</li>
<li>Listado de Horarios</li>
<li>Seleccion de Horarios</li>
<li>Pagar + codigos promocionales</li>
<li>¡Compra realizada!</li>
</ul>
</div>
</div>
<div class="code" id="usuario">
<h2>Usuario</h2>
<hr />
<div class="blockquote">
<ul>
<li>Registrarse (formulario para usuarios nuevos)</li>
<li>Iniciar sesión (en cualquier pantalla)</li>
<li>Menú y opciones de usuario</li>
</ul>
</div>
</div>
<div class="code" id="pie">
<h2>Footer</h2>
<hr />
<div class="blockquote">
<ul>
<li>About Us</li>
<li>Formulario de contacto</li>
<li>Términos y condiciones</li>
</ul>
</div>
</div>
<div class="code" id="administrador">
<h2>Administrador</h2>
<hr />
<div class="blockquote">
<p>VISTA</p>
<ul>
<li>Panel de inicio administrador</li>
<li>Panel Ver todos los cines</li>
<li>Panel añadir/editar/eliminar cine</li>
<li>Panel Ver salas del cine</li>
<li>Panel añadir/editar/eliminar sesiones (peliculas proyectadas en un horario y sala)</li>
<li>Panel editar disposicion de butacas de una sala o crear/eliminar sala</li>
</ul>
</div>
<div class="blockquote">
<p>FUNCIONES</p>
<ul>
<legend>Administrador</legend>
<li>Añadir/Eliminar Cine (Añadir Cine -> Panel Añadir Cine (formulario) + subir nueva imagen -> Añadir)</li>
<li>Añadir/Eliminar Administrador/Gerente</li>
<li>Añadir/Editar/Eliminar pelicula en Cartelera</li>
</ul>
<ul>
<legend>Gerente de Cine</legend>
<li>Añadir/Editar/Eliminar pelicula en su Cine</li>
<li>Añadir/Editar/Eliminar sesión en su Cine (peliculas proyectadas en un horario y sala)</li>
<li>Añadir/Editar/Eliminar Sala o disposicion de butacas en su Cine</li>
</ul>
</div>
</div>
<!-- Timeline Table -->
<section id="timeline table">
<h2>Hitos</h2>
<hr />
<table>
<thead>
<tr>
<th>Hito</th>
<th>Fecha estimada</th>
<th>Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>Práctica 0</td>
<td>4 de Marzo de 2021</td>
<td>ENTREGADO</td>
</tr>
<tr>
<td>Práctica 1</td>
<td>18 de Marzo</td>
<td>EN PROCESO</td>
</tr>
<tr>
<td>Práctica 2</td>
<td>15 de Abril de 2021</td>
<td>PENDIENTE</td>
</tr>
<tr>
<td>Práctica 3</td>
<td>7 de Mayo de 2021</td>
<td>PENDIENTE</td>
</tr>
<tr>
<td>Entrega Final</td>
<td>28 de Mayo de 2021</td>
<td>PENDIENTE</td>
</tr>
</tbody>
</table>
</section> </section>