martes, 14 de mayo de 2019

Proyecto del curso (III): Entrega Final

En esta última (por ahora) versión del proyecto, hemos introducido algunos cambios poco significativos en la presentación del código, como es que:

  • En la página de Home, hemos cambiado la disposición de elementos de la barra de navegación.
  • He añadido la barra de navegación a otras páginas, como por ejemplo para crear una liga nueva o unirse a una liga ya existente.
El principal cambio de esta parte del proyecto ha sido la adaptación de todo el código a php, creando cada una de las páginas necesarias para que funcione de manera correcta la aplicación que posteriormente se describirá. Todo esto se debe a que ahora las consultas acerca de Usuarios, Equipos, Jugadores y Ligas, se realizará en una BBDD, que en mi caso funcionaba a nivel local con usuario: root y contraseña: *********. Para conseguir activar la BBDD a nivel local, he realizado los siguientes pasos:

  1. Descarga de Wampp
  2. Iniciar todos los servicios y abrir la ruta http://localhost/phpmyadmin/index.php 
  3. Entrar con usuario: root y contraseña: (vacía) para crear el usuario.
  4. Cambiar la contraseña por la que uno desee. Es conveniente acordarse de la contraseña introducida puesto que posteriormente se usará para conectarse la BBDD.
  5. Creamos nuestra BBDD llamandola como nosotros queramos (en mi caso la he llamado "interligatewc") y dentro de ella, creamos las tablas que necesitemos (en mi caso, las que mencioné anteriormente, Usuarios, Equipos, Jugadores y Ligas).
  6. En php añadimos un nuevo DataSource donde pondremos la siguiente configuración:
    1. Host: Localhost
    2. Database: interligatewc
    3. User: root
    4. Password: (Contraseña introducida anteriormente)
  7. Añadimos la conexión
Y de esta forma ya podremos trabajar con la BBDD en local.

Para adaptar la web y convertirla en dinámica, hemos usado sentencias de php en todos los ficheros, distinguiendo principalmente entre ficheros de generación de código, es decir, los ficheros que generan el código HTML que nosotros veremos posteriormente y ficheros de acceso y consulta a la BBDD, donde vamos a comprobar que los campos introducidos en los formularios son correctos o que son únicos en la BBDD.

¿Que cambios hemos hecho en cada fichero? Pues bien, los detallo a continuación:

  • Contectar.php, restringido.php, procesaLogin.php son ficheros que cogí directamente de moodle y los introduje en mi aplicación, con la salvedad de que en el fichero procesaLogin.php, he introducido algunos cambios a la hora de conectarse con la BBDD, comprobar si la contraseña es correcta y redirigir a la página correspondiente.
  • Ficheros de conexión: En estos ficheros principalmente se crea una conexión con la BBDD, se comprueban los campos corresponientes, se crea una sesión en caso de que los campos fueran correctos si no existiera ya previamente y se redirige a la página destino. Esta página destino será de generación de código o para comprobar otros parámetros. Estos ficheros son por ejemplo insertNewLeague.php, joinLeague.php, joinTeam.php, Logout.php, ...
  • Ficheros de generación de código: Primero comprueban si ya existe la sesión y en caso de que exista, extraen el nombre de usuario a partir del cual se pueden extraer otros datos como el equipo al que pertenece o la liga en la que está inscrito. Estos ficheros son por ejemplo crearEquipo.php, createLeague.php, home.php, myTeam.php, ...
De todos eso ficheros, los que eran obligatorios en la entrega son:
  • Formulario: Lo cumplimento con varios de los ficheros, aunque el más completo es register.php, que se encarga de insertar un usuario y meterlo en la BBDD. Otros de los ficheros que  realizan esta función son por ejemplo crearEquipo.php o searchLeague.php.
  • Listar: Lo cumplimento con un par de ficheros también, como son home.php (en caso de que el usuario que se registre este en una liga) o pinchando en la barra de navegación, en "Mi Equipo", te devuelve una vista en la que aparece una tabla con los distintos jugadores de tu equipo.
Además de esto, se han creado algunos ficheros que he utilizado como plantillas, que se encuentran en la carpeta de templates, como pueden ser:
  • header.php
  • nav.php, entre otros...
Otras cosas que cabe la pena mencionar son aquellas que por falta de tiempo no he podido realizar o que habría que mejorar, como pueden ser las siguientes:
  • Logout.php no funciona totalmente bien, puesto que cuando sales de la aplicación, se te redirige a una página en blanco y es necesario darle al botón atrás del navegador para que vuelva a index.php.
  • Algunos estilos de la aplicación.
  • La posibilidad de subir documentos a la aplicación, como pueden ser los escudos de los equipos, ya que aunque realmente este el campo para subirlos, estos no se instertan en la BBDD.
  • Ampliar la tabla de equipos en la BBDD con el objetivo de guardar los puntos, partidos, goleadores, etc...
A continuación voy a describir el flujo de navegación de la aplicación:
  1. En primera estancia, puedes loggearte en la aplicación si ya tienes cuenta, o registrarte dándo al botón de Crear una cuenta.
    1. En caso de loggearte: accedes a home.php donde se muestra la clasificación de tu liga y puedes realizar cualquiera de las acciones de la barra de navegacion: ver tu equipo, crear una liga o unirse a una en caso de no tener aun.
    2. En caso de crearte una cuenta, tienes que rellenar el formulario de registro, donde te pediran tus datos y los guardara en la BBDD y te dará la opción de crear un equipo, unirte a uno o saltar ese paso (En caso de saltar este paso, posteriormente no se podrá unirse ni crear uno, ya que no está aún implementado)
  2. Una vez te hayas registrado, podrás entrar a la aplicación haciendo Login.
  3. Si damos al botón de "Mi equipo", veremos una página que nos presentará la tabla correspondiente a nuestros jugadores de equipo.
  4. Si damos al botón de crear una nueva liga, nos llevará a un formulario donde rellenaremos algunos campos para crear una liga y meterá al equipo en el que estemos en dicha liga, por lo tanto solo conviene hacerlo cuando no estemos aún en ninguna liga.
  5. Si damos al botón de unirse a una liga, nos llevará a un formulario donde podremos buscar por el nombre dicha liga y podremos unirnos a ella, añadiendo asi nuestro equipo a la liga correspondiente y mostrando en la tabla de clasificación los equipos que están en ella.

No hay comentarios:

Publicar un comentario