DESARROLLO DE APLICACIONES CON TECNOLOGIA WEB
PROYECTO FINAL







LLUIS CASAJUANA ALPENS


1.	DESCRIPCIÓN DEL PROYECTO

Para la realización del proyecto de final de curso nos hemos planteado la realización de una página web completa en formato HTML con el uso de base de datos mediante código PHP y la inserción de estilos en CSS.
La temática de la página se centra en la obra del director de cine sueco Ingmar Bergman siendo esta una ventana donde podemos acceder a datos e imágenes relacionadas con sus películas y con los actores que trabajaron con él. En la medida de lo posible hemos incluido también las películas completas disponibles en YouTube, restringidas en muchos casos por no estar libres sus derechos de autor.
Básicamente nuestra página trabaja con dos tablas de datos, Actores y Películas, y a su vez usa una tercera tabla llamada Reparto para el cruce de datos de las tablas anteriores, adjudicando de esta manera a cada actor las películas donde ell@s aparecen y viceversa. Estas tablas las creamos en PHPMyAdmin en lenguaje MySQL. La tercera tabla es necesaria en tanto que la relación entre Actores y Películas es de ´n´ a ´n´.
Nuestra pretensión ha sido crear una página dinámica que nos permita visualizar la información de las tablas de la forma más atractiva posible, haciendo uso del código PHP para crear las plantillas de Actor y Película donde se centraliza la información completa de cada tabla. A su vez, el código PHP nos permite crear links inteligentes que nos permiten interrelacionar las páginas de forma selectiva según las acciones del usuario.
A continuación podemos ver las siete páginas que conforman nuestro sitio con una breve explicación del funcionamiento de cada una de ellas, prestando una atención especial aquellas partes de programación que nos han resultado más complejas.



2.	PÁGINAS
2.1 Index.html

Esta imagen corresponde a la Home de nuestro sitio. En ella aparecen los elementos de cabecera y pie que se repiten a lo largo de las siguientes páginas y que proporcionan unidad al proyecto en su conjunto.
En primer lugar destacaremos el uso de un navegador con cinco elementos que enlazan con las cinco páginas básicas de nuestro sitio: Inicio (index.html), Biografia (biografia.html), Fotografias (mosaico.html), Filmografia (filmografia.php) y Estrellas (reparto.php). Este mismo navegador se repite a lo largo de todas las páginas de la misma manera como también se repite la fila de imágenes que hace las funciones de pie de página.





2.2 Biografia.html
En esta página podemos acceder a una biografía completa del director Ingmar Bergman que hemos extraído de Wikipedia.
En ella repetimos los elementos de cabecera y pie que hemos marcado de entrada en la Home para mantener la unidad visual del proyecto.
Esta página no contiene ningún enlace a ninguna otra página y por ello hemos usado simplemente código HTML de la misma forma como lo hicimos en la Home.





2.3 Mosaico.html


En esta página nos encontramos con un mosaico de imágenes que hemos insertado directamente con código HTML.
En este caso no hemos hecho uso de la base de datos para recuperar las imágenes ya que estas no tenían cabida en ninguna de las tablas con las que estamos trabajando y nos hubiéramos visto forzados a crear una nueva tabla simplemente para incluir dichas imágenes.
Entendemos que la inserción mediante HTML es suficiente en este caso.


2.4 Filmografia.php
En esta página por primera vez hacemos uso de las tablas que hemos creado anteriormente y recuperamos los datos mediante la inserción de código PHP, concretamente visualizamos el campo Título de la tabla Películas y lo mostramos en pantalla de forma ordenada según el campo Año de la misma tabla Películas. A su vez, convertimos cada uno de los datos recuperados de la base de datos en un link que envía la selección del usuario a la página Pelicula.php (plantilla) que mostrará la información completa del título escogido.
A continuación recogemos el código PHP incluido en la página:
<?php
header("Content-Type: text/html;charset=utf-8");
$mysqli = new mysqli("localhost", "root", "", "bergman");
mysqli_set_charset($mysqli, 'utf8');
$consulta = "SELECT `Titulo` from `peliculas` ORDER BY `peliculas`.`Año` ASC";
if ($resultado = $mysqli->query($consulta)) {
echo "<h1>Filmografia</h1>";
	while ($fila = $resultado->fetch_row()) {
	echo "<h2><a href='pelicula.php?name=".$fila[0]."'>".$fila[0]."</a>";
	echo "</h2>";
    }
    $resultado->close();
}
$mysqli->close();
?>
2.5 Pelicula.php
Esta página nos sirve como plantilla para todas las películas de nuestra base de datos, que siempre visualizaremos a través de esta estructura marcada en pelicula.php.
En primer lugar recogemos los campos Título, Género, Año, Duración, Guión, Reparto y Sinopsis de la tabla Peliculas. A continuación recogemos el código iframe concreto para la inserción del vídeo que nos proporciona Youtube y que también recogemos de la base de datos seguido de las fotos que hemos asociado a cada una de las películas en la tabla Películas de nuestra BBDD.
Aquí nos gustaría destacar la forma que hemos utilizado para poder separar los distintos elementos del campo Reparto que hemos introducido de forma lineal en la base de datos separados por comas con el objetivo de poder convertir cada uno de ellos en un link individual que enlazara con Actor.php.

Para el código de enlace con Actores.php hemos utilizado un ´if´ para que enlace sólo sea efectivo en caso de que haya coincidencia entre el nombre recogido y algún elemento del campo Nombre en la tabla Actores:
<?php
$nose=$_GET['name']; $mysqli = new mysqli("localhost", "root", "", "bergman");
$consulta = "SELECT * from `peliculas` WHERE Titulo='".$nose."'";
$tqr = mysqli_query($mysqli, $consulta); $row = mysqli_fetch_assoc($tqr);
$thearray = explode(", ", $row['Reparto']);
for ($i=0;$i<count($thearray);$i++){
	$consultaactor="SELECT `Nombre` FROM `actores` WHERE `Nombre`='".$thearray[$i]."'";
	$tqr2 = mysqli_query($mysqli, $consultaactor);
	$row2 = mysqli_fetch_assoc($tqr2);
	if ($row2['Nombre']=="") {
			echo "<a href=#>".$thearray[$i].", </a>";
	} else if ($i==count($thearray)-1) {
			echo "<a href='actor.php?name=".$thearray[$i]."'>".$thearray[$i]." </a>";
	}else {echo "<a href='actor.php?name=".$thearray[$i]."'>".$thearray[$i].", </a>";
	}     }    ?>



2.6 Reparto.php
En esta página recogemos los datos del campo Nombre y Perfil de la tabla Actores de tal forma que cada Nombre se convierte en un link directo hacia la plantilla Actor.php que cargará la información completa de la tabla Actores correspondiente a dicho Nombre seleccionado por el usuario.
La fotografía de perfil la recogemos del campo Perfil de la tabla Actores de la base de datos y le añadimos un sombreado en CSS para separarla del fondo, como el resto de imágenes de nuestro sitio.










2.7 Actor.php
Esta es la plantilla que usamos para cargar toda la información de la tabla Actor de nuestra base de datos y también es aquí donde hacemos uso de la tercera tabla reparto, resultado del cruce entre la tabla Actor con Película (relación de ´n´ a ´n´). De esta forma podremos saber en qué películas de Ingmar Bergman han participado los actores destacados en nuestra tabla Actores (que a dia de hoy no son todos los que aparecen en el campo Reparto de la tabla Película): Nombre, Nacimiento, Biografía, Fotografías y Apariciones, que es donde hacemos uso de la tabla Reparto. Además convertimos cada Título de Apariciones en un link asociado a la página Pelicula.php que carga toda la información de la tabla Películas como veíamos antes. Destacamos, de nuevo, el código que hemos usado para poder separar, en este caso, las distintas imágenes .jpg del campo Fotografías de la tabla Actores:
<?php
$nose=$_GET['name'];
$mysqli = new mysqli("localhost", "root", "", "bergman");
$consulta = "SELECT `Fotografias` from `actores` WHERE Nombre='".$nose."'";
$tqr = mysqli_query($mysqli, $consulta);
$row = mysqli_fetch_assoc($tqr);
$thearray = explode(",", $row['Fotografias']);
for ($i=0;$i<count($thearray);$i++){
echo "<img src='media/".$thearray[$i]."'>";
	echo "<br>";        }  ?>
Aquí vemos como se destacan los enlaces de Apariciones cuando nos desplazamos por encima con el cursor:

Este sería el código de Apariciones, donde destaca de nuevo el uso de un ´if´ para conseguir que el último campo no lo escriba seguido de la coma que sí que llevan los demás:
<?php
$nose=$_GET['name'];
$mysqli = new mysqli("localhost", "root", "", "bergman");
$consulta = "SELECT `Pelicula` from `reparto` WHERE `Actor` ='".$nose."'";
$cont=0;    if ($resultado = $mysqli->query($consulta)) {
	    $cuenta = $resultado->num_rows;
	    while ($fila = $resultado->fetch_row()) {
	    $cont++;
	    if($cont==$cuenta){echo "<a href='pelicula.php?name=".$fila[0]."'>".$fila[0]." </a>";
    }else{	echo "<a href='pelicula.php?name=".$fila[0]."'>".$fila[0].", </a>";}  } $resultado->close();}
$mysqli->close();?>