IMPLANTACIN DE APLICACIONES WEB

Proyecto Final Tienda virtual

Para realizar el proyecto crea una carpeta llamada iawproy_apellido1.

El nombre de la base de datos ser iawproy_apellido1.

DISEO DE LA PGINA

Para el diseo de nuestra pgina tendremos una cabecera, un men (que podr estar debajo) de la
cabecera, una parte de contenidos (parte central de la pgina) y otra parte de informaciones (parte
derecha). Los contenidos tendrn ms espacio que las informaciones. Tambin tendremos un pie de
pgina en el que pondremos nuestros datos. Este aspecto se mantendr en todas las pginas de la
aplicacin, cambiando slo la parte de contenidos. Se valorar el diseo creado tanto a nivel esttico
como a nivel funcional.

El men de la aplicacin tendrn las siguientes opciones:

Si no estamos logueados: Login
Si estamos logueados: logout (ms el nombre del usuario), usuarios, productos, avisos.

VALIDACIN CON HTML5 o JAVASCRIPT

La aplicacin, tendr una pgina inicial, llamada index.php, en la que aparecer (en la parte de
contenidos) un formulario de login (campos usuario y password, ms un botn de entrar). Al pulsar el
botn se validar (con HTML5 o javascript y utilizando expresiones regulares) lo siguiente:
El usuario tiene una longitud mnima de 5 caracteres, que no podrn ser ni nmeros ni
caracteres no alfabticos, es decir, slo letras maysculas o minsculas (sin acentos).
El password tiene una longitud mnima de 6 caracteres, que podrn ser letras o nmeros.

Si no se pasa la validacin, se mostrar el mensaje correspondiente en un elemento creado

dinmicamente para ello y se cancelar el envo de los datos.

Si la validacin pasa correctamente, se llamar a la propia pgina index.html, que verificar si el

usuario y password existen en la tabla de usuarios, en cuyo caso, aadir el usuario a la sesin y har
una redireccin a principal.php. Si no existieran se volver a mostrar el formulario de login con un
error indicando que el usuario y/o password no son vlidos.

PGINA PRINCIPAL listar_productos.php

La pgina principal (listar_productos.php) mostrar todos los datos de la tabla de nuestra BBDD. Estos
datos se mostrarn con un diseo parecido a la prctica 2 de HTML5 y CSS3. Los productos tendrn
una imagen entre sus campos. Adems, habr los siguientes enlaces (pondremos imgenes que nos
ayuden a identificar la operacin):
Un enlace para eliminar la fila o registro de la tabla.
Un enlace para editar la fila o registro de la tabla.

<a href="nuevo_producto.php?id='.$fila['codigo'].'">
<img src="imagenes/editar.png"/>
</a>

IAW 1
Al pulsar el enlace eliminar, se llamar a la propia pgina listar_productos.php, pasndole un
parmetro que contendr la clave primaria del registro a eliminar. Cuando la pgina recibe este
parmetro, lo que har ser eliminar el registro de la BBDD y volver a mostrar todos los registros.

Al pulsar el enlace editar, se llamar a la pgina nuevo_producto.php, pasndole como parmetro la

clave primaria del registro a editar. En esta pgina, se mostrar un formulario con todos los campos de
la tabla rellenos con el registro que estamos editando y dos botones: un botn aceptar y otro cancelar.

La pgina principal tendr tambin, antes o despus de mostrar todos los artculos, un enlace para
crear un nuevo registro. Al pulsar este enlace, se llamar a la pgina nuevo_producto.php, pero esta
vez no pasaremos ningn parmetro y el formulario estar vaco.

SESIONES

En todas las pginas de la aplicacin, excepto index.php, lo primero que haremos ser verificar que el
usuario est logueado (lo consultaremos en la sesin). Si no lo estuviera, automticamente se
redirigirn a la pgina index.php.

SALIR (LOGOUT)

Cuando estamos logueados, en el men tenemos la opcin de Salir (o Logout).

Si se pulsa logout, iremos a la pgina logout.php, en la que se destruir la sesin y se redirigir
a index.php.

USUARIO CIFRADO

Para mayor seguridad vamos a tener la contrasea del usuario cifrada con el mtodo SHA1.

CREATE TABLE usuarios(

login VARCHAR(15) PRIMARY KEY,
contrasena BINARY(40) NOT NULL,
);

INSERT INTO usuarios VALUES ('admin', SHA1('admin1'));

El usuario anterior se crear en todas las pginas.

ENTREGA PROYECTO FINAL

Adems de entregar el proyecto final a travs del aula virtual, debis subir el sitio web a un servidor de
hosting en Internet.

Servidores de hosting gratuitos tenis muchos, podis utilizar el que queris, un ejemplo puede ser
hostinger (http://www.hostinger.es). Este servidor os permite crearos una cuenta gratuita con acceso
a una base de datos Mysql y con posibilidad de utilizar php.

IAW 2