{$page}
++
From a234cfe97a7a4c9f3756bfcb56a4da33aa07e567 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fernando=20M=C3=A9ndez?= <45081533+FerMdez@users.noreply.github.com> Date: Wed, 24 Mar 2021 21:35:59 +0100 Subject: [PATCH] Cambios estructurales para adaptar la P1 a la P2 --- assets/css/main.css | 524 ++++++++++++++++++ assets/php/dao.php | 25 + assets/php/template.php | 176 ++++++ assets/php/user_dao.php | 57 ++ assets/php/user_dto.php | 35 ++ assets/php/users_dto_interface.php | 14 + cinemas/index.php | 33 ++ contacto/index.php | 78 +++ fdicines/about_us/index.php | 76 +++ fdicines/bocetos/index.php | 307 ++++++++++ fdicines/detalles/index.php | 121 ++++ fdicines/index.php | 3 + fdicines/miembros/index.php | 178 ++++++ fdicines/planificacion/index.php | 296 ++++++++++ fdicines/terms_conditions/index.php | 34 ++ img/about_us.png | Bin 0 -> 43371 bytes img/arn.jpg | Bin 0 -> 76714 bytes img/avengers_age_of_ultron.jpg | Bin 0 -> 155352 bytes img/avengers_end_game.jpg | Bin 0 -> 122444 bytes img/avengers_inifinity_war.jpg | Bin 0 -> 154383 bytes img/capitan_america_civil_war.jpg | Bin 0 -> 136284 bytes img/capitan_america_el_primer_vengador.jpg | Bin 0 -> 105024 bytes ...capitan_america_el_soldado_de_invierno.jpg | Bin 0 -> 114135 bytes img/cine.png | Bin 0 -> 100274 bytes img/compra_realizada.png | Bin 0 -> 36521 bytes img/contacto.png | Bin 0 -> 37789 bytes img/dmg.jpg | Bin 0 -> 42204 bytes img/favicon.png | Bin 0 -> 7444 bytes img/favicon2.png | Bin 0 -> 15134 bytes img/fmt.jpg | Bin 0 -> 16148 bytes img/gestionar_admins_gerentes.png | Bin 0 -> 52713 bytes img/gestionar_cines.png | Bin 0 -> 68968 bytes img/gestionar_peliculas.png | Bin 0 -> 71405 bytes img/gestionar_promociones.png | Bin 0 -> 76899 bytes img/gestionar_salas.png | Bin 0 -> 46655 bytes img/gestionar_sesiones.png | Bin 0 -> 51019 bytes img/imt.jpg | Bin 0 -> 80801 bytes img/inicio.png | Bin 0 -> 42866 bytes img/iron_man.jpg | Bin 0 -> 68856 bytes img/iron_man_2.jpg | Bin 0 -> 98472 bytes img/iron_man_3.jpg | Bin 0 -> 122942 bytes img/linea_temporal.png | Bin 0 -> 6448 bytes img/logo.png | Bin 0 -> 98301 bytes img/logo_trasparente.png | Bin 0 -> 55071 bytes img/mapa_asientos .png | Bin 0 -> 37577 bytes img/mapa_asientos.png | Bin 0 -> 37577 bytes img/marvel_avengers.jpg | Bin 0 -> 136500 bytes img/menu_usuario.png | Bin 0 -> 49270 bytes img/mep.jpg | Bin 0 -> 99421 bytes img/orp.jpg | Bin 0 -> 67112 bytes img/pagar.png | Bin 0 -> 68019 bytes img/panel_inicio_admin.png | Bin 0 -> 34535 bytes img/panel_inicio_gerente.png | Bin 0 -> 20886 bytes img/peliculas.png | Bin 0 -> 48224 bytes img/plantilla.png | Bin 0 -> 29581 bytes img/registrarse_iniciar_sesion.png | Bin 0 -> 48882 bytes img/sala1.jpg | Bin 0 -> 31215 bytes img/selector_horario.png | Bin 0 -> 38882 bytes img/terminos_y_condiciones.png | Bin 0 -> 63961 bytes img/terminosyCondiciones.png | Bin 0 -> 63961 bytes login/index.php | 51 ++ login/login_register.php | 96 ++++ 62 files changed, 2104 insertions(+) create mode 100644 assets/css/main.css create mode 100644 assets/php/dao.php create mode 100644 assets/php/template.php create mode 100644 assets/php/user_dao.php create mode 100644 assets/php/user_dto.php create mode 100644 assets/php/users_dto_interface.php create mode 100644 cinemas/index.php create mode 100644 contacto/index.php create mode 100644 fdicines/about_us/index.php create mode 100644 fdicines/bocetos/index.php create mode 100644 fdicines/detalles/index.php create mode 100644 fdicines/index.php create mode 100644 fdicines/miembros/index.php create mode 100644 fdicines/planificacion/index.php create mode 100644 fdicines/terms_conditions/index.php create mode 100644 img/about_us.png create mode 100644 img/arn.jpg create mode 100644 img/avengers_age_of_ultron.jpg create mode 100644 img/avengers_end_game.jpg create mode 100644 img/avengers_inifinity_war.jpg create mode 100644 img/capitan_america_civil_war.jpg create mode 100644 img/capitan_america_el_primer_vengador.jpg create mode 100644 img/capitan_america_el_soldado_de_invierno.jpg create mode 100644 img/cine.png create mode 100644 img/compra_realizada.png create mode 100644 img/contacto.png create mode 100644 img/dmg.jpg create mode 100644 img/favicon.png create mode 100644 img/favicon2.png create mode 100644 img/fmt.jpg create mode 100644 img/gestionar_admins_gerentes.png create mode 100644 img/gestionar_cines.png create mode 100644 img/gestionar_peliculas.png create mode 100644 img/gestionar_promociones.png create mode 100644 img/gestionar_salas.png create mode 100644 img/gestionar_sesiones.png create mode 100644 img/imt.jpg create mode 100644 img/inicio.png create mode 100644 img/iron_man.jpg create mode 100644 img/iron_man_2.jpg create mode 100644 img/iron_man_3.jpg create mode 100644 img/linea_temporal.png create mode 100644 img/logo.png create mode 100644 img/logo_trasparente.png create mode 100644 img/mapa_asientos .png create mode 100644 img/mapa_asientos.png create mode 100644 img/marvel_avengers.jpg create mode 100644 img/menu_usuario.png create mode 100644 img/mep.jpg create mode 100644 img/orp.jpg create mode 100644 img/pagar.png create mode 100644 img/panel_inicio_admin.png create mode 100644 img/panel_inicio_gerente.png create mode 100644 img/peliculas.png create mode 100644 img/plantilla.png create mode 100644 img/registrarse_iniciar_sesion.png create mode 100644 img/sala1.jpg create mode 100644 img/selector_horario.png create mode 100644 img/terminos_y_condiciones.png create mode 100644 img/terminosyCondiciones.png create mode 100644 login/index.php create mode 100644 login/login_register.php diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..2258d65 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,524 @@ +/* Basic */ +* { + box-sizing: border-box; + margin: 0px; +} + +/* Headers */ +h1, h2, h3, h4 { + color: #363636; + text-transform: uppercase; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; + text-align: center; +} + +h2 { + font-size: 95%; +} + +h3 { + font-size: 85%; +} + +h4 { + font-size: 75%; +} + +/* Buttons */ +button { + display: inline-block; + margin: 10px; + width: 150px; + height: 30px; + padding: 5px 10px; + background-color :#1f2c3d; + border: 1px solid #d3ebff; + text-align: center; + color :#d3ebff; + font-weight: bold; + position: relative; +} +button:hover{ + cursor: pointer; + background-color:#d3ebff; + color:#1f2c3d; + border-color: #1f2c3d; +} + + +/* Header */ +.header { + background-color: #1f2c3d; + color: #dadada; + padding: 15px; + text-align: left; + font-size: 18px; +} +.header img { + width: 11px; +} +/* Header Menu */ +.menu { + margin-top: 10px; + text-align: right; + font-size: 15px; +} +.menu nav a{ + text-decoration: none; + color: inherit; + font-size: 15px; +} +.menu nav li{ + display: inline-block; + width: 150px; + height: 30px; + padding: 5px 10px; + background-color :#1f2c3d; + border: 1px solid #d3ebff; + text-align: center; + color :#d3ebff; + position: relative; +} +.menu nav li:hover{ + background-color:#d3ebff; + color:#1f2c3d; + border-color: #1f2c3d; +} +.menu nav li>ul{ + display: none; +} +.menu nav li:hover>ul{ + display: block; + position: absolute; + top: 29px; + right: -1px; +} +/* Sub Header */ +.header.sub { + margin-bottom: 20px; + padding: 5px; + display: flex; + flex-direction: row; + text-align: center; + justify-content: center; + font-size: 20px; +} +.header.sub .menu { + margin-top: 0px; + text-align: center; + font-size: 15px; +} + + +/* Paragraphs */ +p { + padding: 0; + border: 0; +} + +a { + color: #dadada; + text-decoration: none; +} +a:hover{ + color:rgb(138, 150, 32); +} + +/* Body */ +body { + font-family: Arial, Helvetica, sans-serif; + background-color: #d3ebff; + color: #000000 +} + +/* Table */ +table { + border-collapse: collapse; + border-spacing: 0; + margin: 0 0 2em 0; + width: 100%; + text-align: left; + font-size: 15px; +} +table a{ + color: #1f2c3d; +} + table tbody tr { + border: solid 1px #1f2c3d; + border-left: 0; + border-right: 0; + } + table tbody tr:nth-child(2n + 1) { + background-color: rgba(144, 144, 144, 0.25); + } + table td { + padding: 0.75em 0.75em; + } + table th { + color: #1f2c3d; + font-size: 0.9em; + font-weight: 600; + padding: 0 0.85em 0.85em 0.85em; + } + table thead { + border-bottom: solid 2px #1f2c3d; + } + + + +/* Main */ +.main { + padding: 30px; + text-align: center; + font-size: 35px; +} +.main h1, h2, h3, h4 { + color: #363636; +} +.main img { + width: 50%; +} + +/* Create three unequal columns that floats next to each other */ +.column { + float: left; + padding: 10px; +} + +/* Left and right column */ +.column.side { + width: 33.33%; +} + +/* Middle column */ +.column.middle { + width: 33.33%; +} + +.column.middle .image img, .column.side .image img{ + border-radius: 4px; + border: 0; + position: relative; + border-radius: 4px; + display: block; + margin: 0 0 3rem 0; + width: 100%; +} + +/* Left column */ +.column.left { + width: 50%; +} + +/* Right column */ +.column.right { + float: right; + width: 50%; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Responsive layout: makes the three columns stack on top of each other instead of next to each other */ +@media (max-width: 1000px) { + .column.side, .column.middle, .column.left, .column.right{ + width: 100%; + } +} + +/* Zoom */ +.zoom { + transition: transform .2s; +} +.zoom:hover { + transform: scale(1.05); +} + +/* Code & Blockquote */ +.code { + background: #1f2c3d; + border-radius: 3px; + font-size: 0.9em; + margin: 10px; + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; + overflow-y: auto; +} +.code h1, .code h2{ + color: #dadada; +} +.code h3, .code h4 { + color: #d3ebff; +} +.code p { + color: #dadada; +} +.code a { + text-decoration: underline; +} +.code ul { + color: #dadada; +} +.code img{ + /* width: 80px; height: 80px; */ + 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; +} +.code.details{ + height: 750px; +} +.code.plan { + height: 1150px; +} +.code.info{ + text-align: center; + height: 250px; +} + +.blockquote { + border-left: solid 4px #dadada; + margin: 0 0 2em 0; + margin-top: 10px; + padding: 0.5em 0 0.5em 2em; +} +.blockquote.bio { + height: 250px; +} + + +/* Sketches */ +.sketches { + text-align: center; + display: block; + line-height: 1.25em; + padding: 1em 1em; + overflow-x: auto; + background: #1f2c3d; + border-radius: 3px; + height: 680px; +} +.sketches h1, .sketches h2, .sketches h3, .sketches h4, .sketches p { + color: #dadada; +} +.sketches img { + width: 550px; + height: 550px; +} +.sketches .description { + color: #d3ebff; +} +/* Responsive layout */ +@media (max-width: 1500px) { + .column.side .sketches, .column.middle .sketches { + width: 100%; + height: 500px; + } + .column.side .sketches img, .column.middle .sketches img { + width: 100%; + height: 75%; + } +} +@media (max-width: 1150px) { + .sketches img { + width: 100%; + height: 75%; + } +} + +/* Galery */ +.galery { + box-sizing: border-box; +} +.galery .columna { + margin-top: 10px; + float: left; + width: 50%; + padding-right: 10px; +} +.galery .fila::after { + content: ""; + clear: both; + display: table; +} +.galery .image img { + width: 100%; +} +.galery .image.main img { + width: 100%; +} + + +/* Percentage bar */ +.bar { + height: 15px; + line-height: 15px; + font-size: 13px; + font-weight: bold; + width: 100%; + background-color: #d3ebff; + text-align: right; +} +.bar.seventyfive { + width: 75%; +} +.bar.fifty { + width: 50%; +} +.bar.twentyfive { + width: 25%; +} + +/* Timeline Image */ +.timeline h2 { + padding-top: 50px; +} +.timeline img{ + width: 100%; + text-align: center; + padding-bottom: 50px; + padding-left: 15px; + padding-right: 15px; +} + +/* Sidebars */ +.sidebar.left { + padding: 5px; + margin-top: 10px; + margin-bottom: 10px; + float: left; + width: 300px; + height: 370PX; + color: #d3ebff; + background-color: #1f2c3d; +} +.sidebar.left a { + color: #d3ebff; + font-weight: bold; + text-decoration: none; +} +.sidebar.left a:hover { + color: #d3ebff; + text-decoration: underline; +} +/* Responsibe sidebar */ +@media (max-width: 1000px) { + .sidebar.left { + width: 100%; + height: 100%; + } +} + + +/* Form */ +form { + margin: auto; + width: 65%; +} + +form h1, h2, h3, h4 { + color: #363636; +} + +label { + text-align: center; + font-weight: bold; +} + +input, textarea { + width: 100%; + height: 27px; + border: 1px solid #000000; + padding: 10px; + margin-top: 5px; + font-size: 15px; +} + +textarea { + width: 100%; + height: 150px; +} + +#radio, #checkbox { + width: auto; + height: 15px; + cursor: pointer; +} + +.verify { + font-size: 11px; +} + +#submit { + width: 100%; + height: 35px; + border: 1px solid #000000; + padding: 5px; + margin-top: 5px; + font-size: 15px; + font-weight: bold; + box-shadow: 2px 2px #1f2c3d; + filter: brightness(105%); + cursor: pointer; +} +#submit:hover { + background-color: #d3ebff; +} + +#reset { + width: 100%; + height: 30px; + border: 1px solid #dadada; + background-color: #00020f; + color: #dadada; + padding: 5px; + margin-top: 5px; + font-size: 12px; + font-weight: bold; + box-shadow: 2px 2px #1f2c3d; + cursor: pointer; +} +#reset:hover { + border:#000000; + background-color: #791515; +} + + +/* Footer */ +footer { + text-align: left; + background-color: #1f2c3d; + color: #dadada; + padding: 20px; + margin-top: 100px; + width: 100%; + height: 80px; +} +.footer { + text-align: right; +} +@media (max-width: 500px) { + footer { + width: 100%; + height: 100%; + } +} \ No newline at end of file diff --git a/assets/php/dao.php b/assets/php/dao.php new file mode 100644 index 0000000..6e32561 --- /dev/null +++ b/assets/php/dao.php @@ -0,0 +1,25 @@ +mysqli) { + $this->mysqli = new mysqli('127.0.0.1', 'sw', + '_admin_', 'complucine'); + } + // echo "Conexión a la BD, satisfactoria."; + } catch (Exception $e){ + echo "Error de conexión a la BD: ". mysqli_connect_error(); + exit(); + } + + /* ... */ + } + + public function __destruct(){ + $this->mysqli->close(); + } + } +?> \ No newline at end of file diff --git a/assets/php/template.php b/assets/php/template.php new file mode 100644 index 0000000..d34e133 --- /dev/null +++ b/assets/php/template.php @@ -0,0 +1,176 @@ +page = $_SERVER['PHP_SELF']; //Page that instantiates the template. + $this->prefix = '../'; //Default prefix. + + $this->set_page_prefix(); //Assigns the name and prefix of the page. + + $this->session = 'Iniciar Sesión'; //Default, the session has not started. + $this->session_route = 'login/'; //Default, the session has not started. + $this->panel = ''; //Default, the session has not started. + $this->user_route = 'panel_user/'; //Default, the type of client is user. + } + + //Methods: + + //Assigns the name and prefix of the page: + private function set_page_prefix() { + switch(true){ + case strpos($this->page, 'panel_user'): $this->page = 'Panel de Usuario'; break; + case strpos($this->page, 'panel_manager'): $this->page = 'Panel de Gerente'; break; + case strpos($this->page, 'panel_admin'): $this->page = 'Panel de Administrador'; break; + case strpos($this->page, 'login'): $this->page = 'Acceso'; break; + case strpos($this->page, 'logout'): $this->page = 'Cerrar Sesión'; break; + case strpos($this->page, 'showtimes'): $this->page = 'Cartelera'; break; + case strpos($this->page, 'cinemas'): $this->page = 'Nuestros Cines'; break; + case strpos($this->page, 'about_us'): $this->page = 'Sobre FDI-Cines'; $this->prefix = '../../'; break; + case strpos($this->page, 'terms'): $this->page = 'Terminos y Condiciones'; $this->prefix = '../../'; break; + case strpos($this->page, 'detalles'): $this->page = 'Detalles'; $this->prefix = '../../'; break; + case strpos($this->page, 'bocetos'): $this->page = 'Bocetos'; $this->prefix = '../../'; break; + case strpos($this->page, 'miembros'): $this->page = 'Miembros'; $this->prefix = '../../'; break; + case strpos($this->page, 'planificacion'): $this->page = 'Planificación'; $this->prefix = '../../'; break; + case strpos($this->page, 'contacto'): $this->page = 'Contacto'; break; + default: $this->page = 'FDI-Cines'; $this->prefix = './'; break; + } + + } + + //Returns page name: + function get_page(){ + return $this->page; + } + + //Returns page prefix: + function get_prefix(){ + return $this->prefix; + } + + //Print generic Head: + function print_head(){ + $page = $this->page; + $prefix = $this->prefix; + + echo"
++ CompluCine es un proyecto para la creación y desarrollo de una plataforma web que permita la compra de entradas + de cine, por fecha y hora, para cualquiera de los cines del grupo FDI-Cines + mostrar la cartelera disponible e incluya ofertas y promociones para los clientes. +
++ Con este proyecto buscamos la creación de una aplicación web que + gestione la cartelera de un grupo de cines con una lista de películas variable, + unos horarios propios de cada cine por sesión y película, y con unos precios determinados. +
++ Los usuarios podrán registrarse, comprar sus entradas para una + sesión, elegir asientos, precomprar sus snacks y ver ofertas y promociones. +
++ Somos un grupo de estudiantes de la asignatura de Sistemas Web + de la Facultad de Informática de la Universidad Complutense de Madrid. +
++ CompluCine es un proyecto web universitario y en ningún momento pretende ofrecer una funcionalidad real. + Para más información acerca del proyecto, haz click aquí. +
+Pantalla de bienvenida al entrar en la web.
+Pantalla para que un usuario nuevo se registre o, en caso de ya tener una cuenta de usuario, inicie sesión.
+Pantalla con todas las opciones disponibles, propias de un usuario registrado.
+Pantalla con información sobre todas las películas disponibles en ese momento.
+Pantalla con un mapa que indica la geolocalización de todos los cines de FDI-Cines.
+Pantalla que muestra los horarios disponibles por salas para un cine y película elegidos.
+Pantalla con un mapa para selccionar los asientos que se quieren escoger. Los asientos ocupados no pondrán ser seleccionados.
+Pantalla para realizar el pago, después de haber selecionado película, cine, sala, horario y butacas.
+Pantalla de confirmación con los datos de compra.
+Pantalla con información sobre FDI-Cines.
+Pantalla con un formulario para realizar una consulta a los administradores.
+Pantalla con todos los términos y condiciones de uso del servicio.
+Pantalla con las funciones exclusivas a las que puede acceder un Gerente.
+Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar la sala de un cine.
+Pantalla en la que los Gerentes pueden interactuar para añadir, modificar o eliminar las sesiones de una película.
+Pantalla con las funciones exclusivas a las que puede acceder un Administrador.
+Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las películas de la cartelera.
+Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar los cines.
+Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar las promociones existentes.
+Pantalla en la que los Administradores pueden interactuar para añadir, modificar o eliminar tanto otros Administradores como Gerentes.
++ Con este proyecto buscamos la creación de una aplicación web que + gestione la cartelera de un grupo de cines con una cartelera de películas variable, unos horarios propios de cada cine por sesión y película + y unos precios determinados. + + Los usuarios podrán registrarse, comprar sus entradas para una + sesión, elegir asientos, precomprar sus snacks y ver ofertas y promociones. +
++ 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). + 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. + 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. +
+ 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). + 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. +
++ 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, + siendo los administradores los encargados de modificarlas y añadir nuevas. + 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. +
+ Cada cine tiene una cantidad de salas y sesiones con horarios específicos pora cada una de las películas. + Aunque ambos roles (administrador y gerente) pueden ver estas salas y horarios, es el gerente de cine el encargado de modificar las salas, + 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. + Todo esto unicamente para el cine con el cual esta relacionado. +
+Nombre | +|
---|---|
Marco Expósito Pérez | +marcoexp@ucm.es | +
Fernando Méndez Torrubiano | +fernmend@ucm.es | +
Daniel Muñoz García | +danimu03@ucm.es | +
Ioan Marian Tulai | +ioantula@ucm.es | +
Óscar Ruiz de Pedro | +oscarrui@ucm.es | +
Adrian Real del Noval | +adrireal@ucm.es | +
~ Marco Expósito Pérez (marcoexp@ucm.es)
+Aficionado a todo tipo de videojuegos, principalmente la saga Zelda. Tambien me gusta leer tanto literatura fantastica como mangas y veo anime asiduamente.
+En verano suelo participar en campeonatos de pesca subacuatica y tambien me gusta bastante jugar al futbol federado, aunque hace un tiempillo ya que no hago.
+~ Fernando Méndez (fernmend@ucm.es)
+Estudiante de Ingeniería de Computadores en la Universidad Complutense de Madrid.
+Presidente de la asociación Diskobolo. Colaborador de la Oficina de Sotfware Libre de la UCM y coordinador del grupo de Hacking Ético de la FDI.
+~ Daniel Muñoz García (danimu03@ucm.es)
+Estudiante del grado en ingeniería informática en la Universidad Complutense de Madrid. Aficionado a la ciberseguridad y las nuevas tecnologías.
+Especializado en el diseño y gestión de bases de datos, tanto SQL como noSQL, y su desarrollo con distintos lenguajes como MongoDB o MySQL.
+~ Ioan Marian Tulai (ioantula@ucm.es)
+Estudiante con mucha ilusion y ganas de trabajar especialista en hardware.
+Alta experiencia programando en C, gran interés en aprender nuevos lenguajes de programación y aficionado a dibujar.
+~ Óscar Ruiz de Pedro (oscarrui@ucm.es)
+Estudiante de ingeniería de computadores en la Universidad Complutense de Madrid.
+Altas capacidades de programación en bajo nivel, me gustaría aprender más sobre el ámbito de la robótica.
+Aficionado a todo tipo de videojuegos, impresión 3D, teatro y airsoft.
+~ Adrian Real del Noval (adrireal@ucm.es)
+Estudiante de 3er año de Ingeniería de Computadores en la Universidad Complutense de Madrid.
+Las áreas en las que tiene mayor interés son la electrónica, las GPUs, y los sistemas empotrados.
+