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

64
assets/css/main.css
View File

@ -8,16 +8,23 @@ h1, h2, h3, h4 {
color: #363636; color: #363636;
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
font-size: 100%; font-size: 100%;
vertical-align: baseline; vertical-align: baseline;
text-align: center; text-align: center;
} }
h2 { h2 {
text-transform: none; font-size: 90%;
font-size: 90%; }
h3 {
font-size: 85%;
}
h4 {
font-size: 75%;
} }
/* Header */ /* Header */
@ -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 {
@ -297,4 +343,4 @@ textarea {
width: 100%; width: 100%;
height: 80px; height: 80px;
text-align: right; text-align: right;
} }

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

87
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>
<p> <legend>Usuario No Registrado</legend>
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. <p>
No podrá usar ninguna de las promociones, pues estas estarán únicamente destinadas a los usuarios registrados 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.
</p> No podrá usar ninguna de las promociones, pues estas estarán únicamente destinadas a los usuarios registrados.
<h2> Usuario Registrado </h2> </p>
<p> </fieldset>
Estos usuarios son aquellos que previamente han realizado un registro en la base de datos del sistema.Tendrán las mismas funcionalidades básicas <fieldset>
que un usuario no registrado y además, podrán acceder a ofertas y aplicar promociones y descuentos en sus compras. <legend>Usuario Registrado</legend>
</br> <p>
Además, estos usuarios podrán cancelar una compra previamente hecha, pues estas se asociarían a su cuenta, algo que sería imposible Estos usuarios son aquellos que previamente han realizado un registro en la base de datos del sistema. Tendrán las mismas funcionalidades básicas
con un usuario no registrado. 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.
</p> Además, estos usuarios podrán cancelar una compra previamente hecha, pues estas se asociarían a su cuenta, algo que sería imposible
<h2> Gerente de Cine </h2> con un usuario no registrado.
<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 </fieldset>
puede añadir sesiones con peliculas existentes y modificar la disposicion de butacas. <fieldset>
</p> <legend>Gerente de Cine</legend>
<p>
<h2> Administrador </h2> Un administrador de rango bajo capaz de acceder a la vista de administradores, puede ver las peliculas que hay en la base de datos.
<p> Este usuario está asociado a un cine, sobre el cual puede añadir sesiones con peliculas existentes y modificar la disposicion de butacas.
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. </p>
Para comprobar el correcto funcionamiento de la pagina puede cambiar entre distintas vistas de usuario. </fieldset>
</p> <fieldset>
<legend>Administrador</legend>
<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.
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>
</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>

229
planificacion/index.html
View File

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