SITIO WEB FINAL DE CARRERA

DESARROLLO DE UN SITIO WEB PARA UN COLEGIO

CEIP Montealegre de LEliana

Autor: Vctor Prez Prez Director: Felix Buenda Garca

NDICE
1. INTRODUCCIN ................................................................................................................... 4
1.1 1.2 1.3 1.4 Presentacin y objetivos ............................................................................................ 4 Contexto .................................................................................................................... 4 Planteamiento del problema ...................................................................................... 4 Estructura del documento .......................................................................................... 5

2. ESPECIFICACIN DE REQUISITOS ..................................................................................6

2.1 Introduccin ............................................................................................................... 6 2.1.1 Propsito ..................................................................................................... 6 2.1.2 mbito ........................................................................................................ 6 2.1.3 Definiciones, acrnimos y abreviaturas ...................................................... 6 2.1.4 Referencias .................................................................................................. 6 2.1.5 Visin global ............................................................................................... 7 2.2 Descripcin general ................................................................................................... 7 2.2.1 Perspectiva del producto ............................................................................. 7 2.2.2 Funciones del producto ............................................................................... 7 2.2.3 Caractersticas del usuario .......................................................................... 9 2.2.4 Restricciones generales ............................................................................... 9 2.2.5 Supuestos y dependencias ........................................................................... 9 2.3 Requisitos especficos ............................................................................................... 10 2.3.1 Requerimientos funcionales ....................................................................... 10 2.3.2 Requerimientos de interfaces externos ...................................................... 16 2.3.2.1 Interfaces de usuario ................................................................... 16 2.3.2.2 Interfaces hardware ..................................................................... 16 2.3.2.3 Interfaces software ...................................................................... 16 2.3.2.4 Interfaces de comunicaciones ..................................................... 17 2.3.3 Requerimientos de eficiencia .................................................................... 17 2.3.4 Obligaciones del diseo ............................................................................ 17 2.3.4.1 Estndares cumplidos ................................................................. 17 2.3.4.2 Limitaciones hardware ............................................................... 17 2.3.5 Atributos .................................................................................................... 17 2.3.5.1 Seguridad .................................................................................... 17 2.3.5.2 Facilidades de mantenimiento .................................................... 17 2.3.5.3 Portabilidad ................................................................................. 18 2.3.5.4 Otros requerimientos .................................................................. 18

3. ANLISIS .............................................................................................................................. 19 3.1 Introduccin .............................................................................................................. 19 3.2 Diagrama de clases ................................................................................................... 19 3.3 Diagrama de casos de uso ......................................................................................... 20 3.3.1 Actores ....................................................................................................... 21 3.3.2 Casos de uso del usuario ............................................................................ 21 1

3.3.3 3.3.4 3.3.5 3.3.6

Casos de uso del usuario registrado ........................................................... 22 Casos de uso del usuario ............................................................................ 22 Casos de uso del profesor ........................................................................... 22 Casos de uso del administrador .................................................................. 23

4. DISEO .................................................................................................................................. 24 4.1 Introduccin .............................................................................................................. 24 4.2 Capa de presentacin ................................................................................................ 24 4.3 Capa de negocio o lgica del sitio web ................................................................ 26 4.4 Capa de persistencia o datos ..................................................................................... 27

5. IMPLEMENTACIN ............................................................................................................. 29
5.1 Tecnologas utilizadas en el desarrollo del sitio web ................................................. 29 5.1.1 HTML y XHTML ....................................................................................... 29 5.1.2 CSS ............................................................................................................. 29 5.1.3 JavaScript, jQuery y AJAX ........................................................................ 30 5.1.4 PHP ............................................................................................................. 30 5.1.5 SQL ............................................................................................................. 31 5.1.6 MySQL ....................................................................................................... 31 5.1.7 PhpMyAdmin ............................................................................................. 31 5.1.8 StarUML ..................................................................................................... 32 5.1.9 Adobe Dreamweaver .................................................................................. 32 5.1.10 DBDesigner .............................................................................................. 32 5.2 Descripcin del sitio web ........................................................................................... 32 5.2.1 Capa de presentacin ............................................................................. 32 5.2.2 Capa de negocio o lgica del sitio web ................................................. 36 5.2.3 Capa de persistencia o datos ...................................................................... 40

6. EVALUACIN ....................................................................................................................... 41
6.1 6.2 6.3 6.4 6.5 6.6 Introduccin ............................................................................................................... 41 Validacin de CSS ..................................................................................................... 41 Validacin de enlaces ................................................................................................ 42 Validacin de la resolucin ....................................................................................... 42 Validacin de navegadores ........................................................................................ 42 Validacin de la seguridad en el acceso a la zona de administracin ....................... 45

7. CONCLUSIN ....................................................................................................................... 46 7.1 Valoracin personal del trabajo realizado ................................................................. 46 7.2 Posibles ampliaciones ............................................................................................... 46

8. BIBLIOGRAFA .................................................................................................................... 47

NDICE DE FIGURAS
Figura 1. Zonas de la interfaz grfica ......................................................................................... 16 Figura 2. Diagrama de clases ...................................................................................................... 20 Figura 3. Actores ......................................................................................................................... 21 Figura 4. Casos de uso del usuario .............................................................................................. 21 Figura 5. Casos de uso del usuario registrado ............................................................................. 22 Figura 6. Casos de uso del usuario ............................................................................................. 22 Figura 7. Casos de uso del profesor ............................................................................................ 22 Figura 8. Casos de uso del administrador ................................................................................... 23 Figura 9. Esquema bsico de la arquitectura de tres capas ......................................................... 24 Figura 10. Formato de las pginas .......................................................................................... 25 Figura 11. Diagrama de navegavilidad de la pgina de Inicio.......................................................... 25 Fgura 12. Capas del sitio web ...................................................................................................... 26 Figura 13. Diagrama entidad-relacin ......................................................................................... 28 Figura 14. Tablas de la base de datos ........................................................................................... 40 Figura 15. Validacin de CSS ...................................................................................................... 41 Figura 16. Validacin de enlaces ................................................................................................. 42 Figura 17. Validacin de navegadores (Microsoft Internet Explorer) ......................................... 43 Figura 18. Validacin de navegadores (Mozilla Firefox) ............................................................ 43 Figura 19. Validacin de navegadores (Google Chrome) ......................................................44 Figura 20. Validacin de navegadores (Safari) ........................................................................44 Figura 21. Validacin de navegadores (Opera) ....................................................................... 45

1. INTRODUCCIN 1.1 Presentacin y objetivos

Este documento describe el trabajo realizado en el sitio web final de carrera de Ingeniera en Tecnologas de la Informacin. El sitio web consiste en el desarrollo del sitio web empresarial donde se difundan las caractersticas de la empresa como su misin, visin, valores, etc. El objetivo de dicha web es dar una informacin completa sobre la empresa que representa el equipo de sitio web y los servicios de los que dispone, as como proporcionar una serie de funcionalidades a los usuarios que padecen debilidad motriz. La web es accesible desde cualquier navegador por Internet y tiene informacin referente a su localizacin, sus miembros (desarrolladores) y su sitio web final. Se trata de dar una visin lo ms completa posible de la empresa y de su funcionamiento.
En cuanto a los usuarios, la pgina tiene varios tipos. Por un lado, estn los usuarios no registrados, que nicamente pueden acceder a informacin general sobre la empresa. Por otro, estn los usuarios registrados, que pueden acceder a una mayor funcionalidad dentro del sitio web. Entre estos ltimos se encuentran los clientes, quienes pueden adquirir los productos que la empresa ofrece, principalmente el sitio web mvil de ayuda a dbiles motrices (AMAD).

1.2 Contexto
Para el desarrollo del sitio web se realizaron diversas reuniones con los integrantes del equipo de sitio web integrados. La mayora de las decisiones de esttica y funcionales del sitio web fueron tomadas junto con el lder del sitio web, quien adems proporcion toda la documentacin y fotografas de la empresa. Una vez realizadas las reuniones con el lder del sitio web y estudiada la situacin, se distribuy el trabajo en 3 partes: el diseo de la web, la intranet de los clientes o usuarios registrados y la del administrador.

1.3 Planteamiento del problema

El problema que se nos ha planteado es la construccin del sitio web de la empresa. La funcionalidad del sitio web, a grandes rasgos, deba ser: - Mostrar informacin general de la empresa. - Permitir a los clientes o usuarios registrados realizar consultas sobre su perfil de usuario y de los productos favoritos. - Permitir al administrador del sitio web realizar consultas sobre sus clientes o usuarios registrados y gestionar los datos registrados en su cuenta. - Permitir al administrador de la web gestionar la base de datos del sitio web.
4

1.4 Estructura del documento

El presente documento est dividido en una serie de captulos que corresponden, bsicamente, a las distintas etapas que conforman el proceso de desarrollo del sitio web. Estas etapas han sido:

- Especificacin de requisitos: Se redact de una manera global una primera visin del sitio web donde sealamos los requisitos que deba cumplir. La finalidad de esta etapa es plasmar el acuerdo entre el desarrollador y el cliente acerca de las funcionalidades del sitio web. En nuestro caso el visto bueno nos lo dio el lder del sitio web.
- Anlisis: Se realiz el modelado conceptual de la futura solucin mediante el uso de diagramas (diagrama de clases y diagramas de casos de uso). Los modelos ayudan a visualizar como es el sitio web, proporcionando plantillas que sirven de gua en la construccin del sitio web. En esta etapa se especifica qu debe contener el sitio pero no cmo debe hacerlo.

- Diseo: Se utilizaron los elementos y modelos obtenidos durante el anlisis para transformarlos en mecanismos que puedan ser utilizados en un entorno web con las caractersticas y condiciones que establecen este tipo de entornos. Se disearon todos los niveles de los que consta el sitio web (nivel de presentacin, nivel lgico y nivel de persistencia).

Tanto la etapa del anlisis como la del diseo estn desprovistas de cdigo. Un buen anlisis y un buen diseo son la mejor forma de llegar a producir un sitio web de calidad.
- Implementacin: Se utilizaron los elementos obtenidos en el diseo para permitir la elaboracin del producto o prototipo funcional, es decir, que puede ser puesto en marcha y sometido a pruebas. Para ello se consideraron las diversas tecnologas que han intervenido en la elaboracin de dicho producto. Todo lo desarrollado en las etapas del anlisis y del diseo, se tradujo a cdigo.

- Evaluacin y pruebas: Esta fase se centr en la comprobacin del correcto funcionamiento del producto desarrollado mediante una serie de pruebas.
Tras estas tareas pudimos dar por concluido el sitio web, por lo que en ltimo lugar mostramos las conclusiones obtenidas.

2. ESPECIFICACIN DE REQUISITOS

2.1 Introduccin
2.1.1 Propsito
El propsito de la especificacin de requisitos es definir cuales son los requerimientos que debe tener el sitio web que se va a desarrollar y describir la funcionalidad del usuario a lo largo de ella.

2.1.2 mbito
El desarrollo del sitio web est orientado a ofrecer diversos contenidos y funcionalidades que ayuden a poder obtener informacin sobre los servicios de los que dispone la empresa al usuario annimo y a obtener informacin sobre clientes o usuarios registrados y el administrador al usuario registrado. En el sitio web se diferencian, por tanto, dos partes bastante claras: la pblica y la privada. La parte pblica (portal) ser accesible por todo el mundo y tendr informacin general sobre la empresa. La parte privada (intranet) ser para uso exclusivo de usuarios registrados y contendr informacin ms especfica.

2.1.3 Definiciones, siglas y abreviaturas Sitio web: Conjunto de archivos electrnicos y pginas web referentes a un tema en particular que incluye una pgina inicial de bienvenida, con un nombre de dominio y direccin en Internet especficos. Interfaz: Parte del programa informtico que permite el flujo de informacin entre varias aplicaciones o entre el propio programa y el usuario. Intranet: Parte privada del sitio web donde slo tendrn acceso a la informacin los usuarios que estn registrados. Navegador: Permite al usuario recuperar y visualizar pginas web a travs de Internet.
Servidor web: Se trata de un programa que implementa el protocolo HTTP (HyperText Transfer Protocol). Este protocolo est diseado para transferir lo que llamamos hipertextos, pginas web o pginas HTML: textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de msica.

2.1.4 Referencias
- ANSI/IEEE Std. 830 1984. Gua del IEEE para la especificacin de requerimientos software.

- Ejemplos de otros sitio webs. 2.1.5 Visin global A continuacin se realizar la descripcin general del sitio web desarrollado con sus funciones, caractersticas del usuario, restricciones, supuestos y dependencias. Tambin se expondr una especificacin detallada de los requisitos detectados.

2.2 Descripcin general

2.2.1 Perspectiva del producto
El sitio web desarrollado pretende dar informacin general sobre la empresa as como informacin ms especfica para cada tipo de usuario que est registrado. Se podr acceder al sitio web desde cualquier sistema operativo que tenga conexin a Internet utilizando un navegador web.

2.2.2 Funciones del producto A continuacin se muestran las funciones que conforman el sitio web, segn el tipo de usuario que se encuentre conectado. Usuario annimo
- Autenticacin: Se muestra un par de cajas de texto en las que el usuario ha de introducir su nombre de usuario y contrasea para acceder a la parte privada del sitio web.

Usuario registrado - Cerrar sesin: Se muestra un botn o enlace para que el usuario cierre su sesin. Cuando se pulsa se le redirige a la pgina de inicio. - Consultar productos: Se muestra un listado de los productos que el usuario registrado puede adquirir a travs del sitio web. - Modificar perfil: Se listan los clientes o usuarios registrados que comparten clase con el usuario conectado (nombre y apellidos). Administrador - Listar clientes o usuarios registrados: Se muestra el listado de los clientes registrados en la base de datos y muestra la opcin de modificar sus datos o darlos de baja por completo. - Alta de productos: Se podr dar de alta productos. - Baja de productos: Se podr dar de baja un producto -Moderar comentarios. El administrador podr ver y generar reportes de los comentarios. -visitas al sitio. El administrador podr ver y generar reportes de las visitas al sitio.

2.2.3 Caractersticas del usuario

Se puede diferenciar entre dos tipos de usuarios, los usuarios no registrados y los usuarios registrados. Dentro de los usuarios registrados podemos diferenciar, adems, ms tipos de usuarios.

Usuarios no registrados Este tipo de usuarios solamente tendrn acceso a la informacin general del sitio web.

Usuarios registrados Este tipo de usuarios son los que tienen acceso a la intranet. Hay distintos tipos de usuarios registrados segn la funcin que tengan que realizar. Se puede diferenciar el usuario cliente y el usuario administrador. Usuario cliente
Este tipo de usuario podr consultar y adquirir los productos y servicios que le ofrece la empresa. .

Usuario administrador Este tipo de usuario se encargar de la gestin de la base de datos del sitio web. Es decir, efectuar el alta y la baja de los usuarios y asignaturas as como las modificaciones sobre la informacin referente a ellos. 2.2.4 Restricciones Al tratarse de una aplicacin web, se requiere un ordenador con un navegador convencional y una conexin a Internet bsica. 2.2.5 Supuestos y dependencias El sitio web desarrollada trabaja al margen de cualquier hardware o software ofreciendo as un soporte multiplataforma. La nica dependencia importante que podemos encontrar est relacionada con el servidor web donde se encuentre alojado nuestro portal, el cual ha de ser capaz de soportar PHP y MySQL.

Menos importante pero a tener en cuenta es el hecho de que el diseo de la interfaz del sitio web ha sido realizada sobre el navegador Firefox, de manera que algunos aspectos como los bordes redondeados de los divs y que la posicin de algunos botones salga en la posicin correcta dependen de si el usuario utilizar este navegador para visualizar la web o no.

2.3.2 Requerimientos de interfaces externos 2.3.2.2 Interfaces hardware Al tratarse de una aplicacin web, se podr visualizar sobre cualquier sistema operativo. 2.3.2.3 Interfaces software
El sitio web funcionar en cualquier mquina con un navegador web y conexin a Internet.

2.3.2.4 Interfaces de comunicaciones

Las comunicaciones se efectuarn siguiendo el protocolo HTTP mediante conexiones TCP/IP.

2.3.3 Requerimientos de eficiencia

Debido a la metodologa empleada en el diseo del sitio web, el portal web tiene un rendimiento del 100% independientemente del hardware y software utilizado. Los nicos factores que pueden influir son las velocidades de conexin del cliente y del servidor. En cuanto al servidor, actualmente la mayora cuentan con velocidades de subida ms que suficientes para nuestras necesidades. Respecto al cliente, las velocidades ofrecidas actualmente por los ISP tambin son ms que suficientes para la correcta transmisin de datos entre el cliente y el servidor.

Otro aspecto que hemos tratado de cuidar especialmente es la resolucin del monitor. La mejor resolucin para visualizar nuestra aplicacin es 1280x800, pudindose visualizar, sin embargo, el contenido de igual modo con resoluciones inferiores. 2.3.4 Obligaciones del diseo 2.3.4.1 Estndares cumplidos
Se han intentado cumplir los estndares de cualquier web con acceso seguro, creando un sistema de autenticacin para que nadie pueda acceder a una zona de la web a la que no tiene permiso de acceso. El idioma elegido para la presentacin de las pginas ha sido el castellano.

2.3.4.2 Limitaciones hardware

Al tratarse de una aplicacin web no se requiere un hardware especfico. El servidor que albergar la base de datos del sitio web deber permanecer conectado a Internet las 24 horas, puesto que este host ser quien atienda las peticiones de lectura y escritura de los usuarios que accedan a la intranet.

2.3.5 Atributos 2.3.5.1 Seguridad

La seguridad es un componente fundamental en el portal. La administracin del sitio web est sujeta a la identificacin satisfactoria del administrador en el sitio web, de forma que

ningn usuario annimo o visitante pueda, por ejemplo, aadir o eliminar usuarios en la base de datos. Para asegurar la identidad del administrador se requerir un nombre de usuario y contrasea que autenticar a ste en el sitio web. La informacin acerca de la cuenta se guardar en la base de datos. El proceso de inicio de sesin o autenticacin llevar al administrador al panel de administracin desde donde podr gestionar el sitio web del centro.

2.3.5.2 Facilidades de mantenimiento

El mantenimiento bsico del sitio web se llevar a cabo por el administrador. Sin embargo, cualquier cambio que se deseara introducir y requiriese de la modificacin de la base de datos, as como implementar nueva funcionalidad, deber ser llevada a cabo por el programador de la web.

2.3.5.3 Portabilidad
El sitio web ha sido diseado con tecnologa libre, luego podr ser soportada por cualquier plataforma y sistema operativo. Por lo mismo, se podr acceder a ella desde cualquier navegador.

2.3.5.4 Otros requerimientos El portal usa una base de datos MySQL donde se almacena toda la informacin referida sitio web como usuarios, servicios, etc. Las consultas a la base de datos se realizan por parte del servidor web mediante PHP y su API de acceso a bases de datos MySQL.
Por otro lado, ya hemos comentado que para poder introducir datos en la base de datos se debe ser el usuario administrador. As pues, la primera vez que entremos al sitio web se nos ha de haber creado un usuario de este tipo, puesto que si no es as no podremos crear nuevos usuarios, entre otras cosas. El sitio web se entregar, por tanto, con este usuario ya creado.

4. DISEO

4.1 Introduccin
El diseo es el proceso que extiende, refina y reorganiza los aspectos detectados en el proceso de modelado conceptual para generar una especificacin rigurosa del sitio web de informacin siempre orientada a la obtencin de la solucin del sitio web.
Para el diseo del sitio web se ha escogido una arquitectura de tres capas (presentacin, aplicacin y persistencia). La utilizacin de esta arquitectura (figura 9) se debe a que los distintos niveles son independientes unos de otros de manera que, por ejemplo, se puede cambiar fcilmente el comportamiento de las clases en el nivel de aplicacin sin que ello influya en las otras capas.

Figura 9. Esquema bsico de la arquitectura de tres capas

4.2 Capa de presentacin

La capa de presentacin se puede definir como el conjunto de componentes software que implementan la interaccin con los usuarios a travs de una representacin visual del sitio web, proporcionando a los usuarios una forma de acceder y controlar los datos y los servicios de los objetos. A partir de la interfaz grafica, el usuario podr navegar por las distintas pginas para poder obtener toda la informacin que desee, o aportarla en caso de ser necesario.

4.3 Capa de negocio o lgica del sitio web

La capa de negocio se puede definir como el conjunto de componentes software que implementan completamente el comportamiento de las clases del dominio, especificadas en la fase de modelado conceptual. Es en este nivel, por tanto, donde se implementa la funcionalidad del sitio web web. Esta capa sirve de enlace entre los niveles de presentacin y de persistencia, ya que la capa de presentacin no accede a la base de datos directamente, sino que se comunica con la capa de aplicacin para demandarle el servicio deseado y es la capa de aplicacin la que se comunica con la capa de persistencia para recuperar los datos necesarios.

Figura 12. Capas del sitio web

En el sitio web la capa de negocio se corresponde con las clases, es decir, con los ficheros que representan los distintos elementos del diagrama de clases y sus colecciones, almacenadas en la carpeta Clases. Hay dos tipos de estructura, dependiendo de si se trata de la definicin de un elemento o la definicin de una coleccin de elementos.

- Atributos: Define las propiedades del elemento. - Mtodo constructor: Crea una instancia del elemento y da valor a sus atributos. - Mtodos get y set: Devuelven o establecen el valor de los atributos del elemento. - Mtodo leer: Dado un identificador, recupera de la base de datos las propiedas del elemento con ese identificador. - Mtodo insertar: Inserta en la base de datos un elemento con los atributos que se supone se han establecido previamente con llamadas a mtodos set. - Mtodo modificar: Modifica en la base de datos un elemento con los atributos que se supone se han establecido previamente con llamadas a mtodos set. - Mtodo eliminar: Dado un identificador, elimina de la base de datos el elemento con ese identificador. - Mtodo visualizar: Muestra el valor de los atributos de un elemento. - Atributos: Define las propiedades de la coleccin de elementos. - Mtodo constructor: Crea una instancia de la coleccin y la rellena con los elementos que toque en funcin del valor de los parmetros que se le han pasado.

- Mtodo obtenerLista: Devuelve una lista con los distintos elementos que conforman la coleccin.
- Mtodo cantidadElementos: Devuelve la cantidad de elementos que hay en la coleccin.

- Mtodo visualizar: Realiza la llamada al mtodo visualizar sobre los distintos elementos que conforman la coleccin y devuelve una tabla con los datos.

4.4 Capa de persistencia o datos

La capa de persistencia se puede definir como el conjunto de componentes software que proporcionan una serie de servicios que permiten a los objetos del dominio interactuar con su repositorio permanente asociado. En el sitio web la capa de persistencia se corresponde con la base de datos del sitio web y las distintas tablas que la conforman. 5. IMPLEMENTACIN

5.1 Tecnologas utilizadas en el desarrollo del sitio web

5.1.1 HTML y XHTML
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).

El lenguaje HTML es un estndar reconocido en todo el mundo y cuyas normas define un organismo sin nimo de lucro llamado World Wide Web Consortium, ms conocido como W3C. Como se trata de un estndar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma pgina HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo. El propio W3C define el lenguaje HTML como "un lenguaje reconocido universalmente y que permite publicar informacin de forma global".

Por convencin, los archivos de formato HTML usan la extensin .htm o .html. XHTML es el sucesor de HTML. XHTML, acrnimo ingls de eXtensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estndar para las pginas web. XHTML es la versin XML de HTML, por lo que tiene, bsicamente, las mismas funcionalidades, pero cumple las especificaciones, ms estrictas, de XML.
XHTML tiene como objetivo avanzar en el sitio web del W3C de lograr una web semntica, donde la informacin, y la forma de presentarla estn claramente separadas. En este sentido, XHTML servira nicamente para transmitir la informacin que contiene un documento, dejando para hojas de estilo y JavaScript su aspecto y diseo en distintos medios.

5.1.2 CSS
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentacin de un documento estructurado escrito en HTML o XML (y

por extensin en XHTML). El W3C es el encargado de formular la especificacin de las hojas de estilo que servir de estndar para los agentes de usuario o navegadores.
La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de un documento de su presentacin. La informacin de estilo puede ser adjuntada tanto como un documento separado o en el mismo documento HTML. En este ltimo podran definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style".

Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:

Control
Los navegadores permiten a los usuarios especificar su propia hoja de estilo local que ser

centralizado de la presentacin de un sitio web completo, con lo que se agiliza de forma considerable la actualizacin del mismo.
aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. 29

Una pgina puede disponer de diferentes hojas de estilo segn el dispositivo que la muestre.

El

documento HTML en s mismo es ms claro de entender y se consigue reducir considerablemente su tamao. 5.1.3 JavaScript, jQuery y AJAX JavaScript es un lenguaje interpretado utilizado principalmente en pginas web, con una sintaxis semejante a la del lenguaje Java. Sin embargo, al contrario que Java, JavaScript no es un lenguaje orientado a objetos propiamente dicho, ya que no dispone de herencia. Es ms bien un lenguaje basado en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.
Todos los navegadores interpretan el cdigo JavaScript integrado dentro de las pginas web. Para interactuar con una pgina web se provee al lenguaje JavaScript de una implementacin del DOM (Modelo de Objetos del Documento). JavaScript se ejecuta en el agente de usuario al mismo tiempo que las sentencias van descargndose junto con el cdigo HTML.

jQuery es una biblioteca o framework de JavaScript que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interaccin con la tecnologa AJAX a pginas web. jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requeriran de mucho ms cdigo, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.
AJAX, acrnimo de Asynchronous JavaScript And XML (JavaScript asncrono y XML), es una tcnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicacin asncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las pginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

5.1.4 PHP
PHP es un lenguaje interpretado de propsito general ampliamente usado, diseado especialmente para desarrollo web y que puede ser incrustado dentro de cdigo HTML. Generalmente se ejecuta en un servidor web, tomando el cdigo en PHP como su entrada y creando pginas web como salida. Puede ser desplegado en la mayora de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. PHP se encuentra instalado en ms de 20 millones de sitios web y en un milln de servidores. Es tambin el mdulo Apache ms popular entre las computadoras que utilizan Apache como servidor web. El gran parecido que posee PHP con los lenguajes ms comunes de programacin estructurada, como C y Perl, permiten a la mayora de los programadores crear aplicaciones complejas con una curva de aprendizaje muy corta. Tambin les permite involucrarse con aplicaciones de contenido dinmico sin tener que aprender todo un nuevo grupo de funciones.

30

Aunque todo en su diseo est orientado a facilitar la creacin de pgina web, es posible crear aplicaciones con una interfaz grfica para el usuario, utilizando la extensin PHP-Qt o PHPGTK. Tambin puede ser usado desde la lnea de rdenes, de la misma manera como Perl o Python pueden hacerlo; a esta versin de PHP se la llama PHP-CLI (Command Line Interface). Cuando el cliente hace una peticin al servidor para que le enve una pgina web, el servidor ejecuta el intrprete de PHP. ste procesa el script solicitado que generar el contenido de manera dinmica (por ejemplo obteniendo informacin de una base de datos). El resultado es enviado por el intrprete al servidor, quien a su vez se lo enva al cliente. Mediante extensiones es tambin posible la generacin de archivos PDF, Flash, as como imgenes en diferentes formatos.

Permite la conexin a diferentes tipos de servidores de bases de datos tales como MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y SQLite.
PHP tambin tiene la capacidad de ser ejecutado en la mayora de los sistemas operativos, tales como UNIX (y de ese tipo, como Linux o Mac OS X) y Windows, y puede interactuar con los servidores de web ms populares ya que existe en versin CGI, mdulo para Apache, e ISAPI.

PHP es una alternativa a las tecnologas de Microsoft ASP y ASP.NET, a ColdFusion de la compaa Adobe, a JSP/Java de Sun Microsystems, y a CGI/Perl.

5.1.5 SQL
El lenguaje de consulta estructurado (SQL Structured Query Language) es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones sobre las mismas. Una de sus caractersticas es el manejo del lgebra y el clculo relacional permitiendo lanzar consultas con el fin de recuperar de una forma sencilla informacin de inters de una base de datos, as como tambin hacer cambios sobre la misma.

5.1.6 MySQL MySQL es un sistema de gestin de base de datos relacional, multihilo y multiusuario con ms de seis millones de instalaciones. MySQL AB desarrolla MySQL como software libre en un esquema de licenciamiento dual. Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con esta licencia, pero para aquellas empresas que quieran incorporarlo en productos privativos deben comprar a la empresa una licencia especfica que les permita este uso. Est desarrollado en su mayor parte en ANSI C.
MySQL es muy utilizado en aplicaciones web como MediaWiki, Amazon, Yahoo, Flickr o Drupal; en plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por herramientas de seguimiento de errores como Bugzilla. Su popularidad como aplicacin web est muy ligada a PHP.

5.1.7 PhpMyAdmin
PhpMyAdmin es una herramienta escrita en PHP con la intencin de manejar la administracin de MySQL a travs de pginas web, utilizando Internet. Actualmente puede crear y eliminar bases de datos, crear, eliminar y alterar tablas, borrar, editar y aadir campos, ejecutar cualquier sentencia SQL, administrar claves en campos, administrar privilegios, exportar datos en varios formatos y est disponible en 50 idiomas. Se encuentra disponible bajo la licencia GPL.

31

5.1.8 StarUML
StarUML es un sitio web de software libre que intenta reemplazar las herramientas de UML comerciales tales como Rational Rose. Se ha utilizado para desarrollar el diagrama de clases y los diagramas de casos de uso en la etapa de anlisis del sitio web. Debido a su interfaz intuitiva, se trata de una herramienta fcil de manejar para el usuario.

5.1.9 Adobe Dreamweaver

Adobe Dreamweaver es una aplicacin en forma de estudio enfocada a la construccin y edicin de sitios y aplicaciones web basadas en estndares. Es el programa de este tipo ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del W3C. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edicin de imgenes como para animacin a travs de su integracin con otras. Las versiones originales del sitio web se utilizaban como simples editores WYSIWYG. Sin embargo, versiones ms recientes soportan otras tecnologas web como CSS, JavaScript y algunos frameworks del lado servidor. Esta aplicacin est disponible tanto para la platafoma MAC como para Windows, aunque tambin se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.

5.2 Descripcin del sitio web

Las pginas Web que componen el sitio web estn implementadas siguiendo una estrategia basada en contenidos, es decir, las pginas Web se estructuran en zonas (divs) donde cada una es responsable de proporcionar cierta informacin sobre un contenido en concreto.
A continuacin va a procederse a hacer una descripcin del sitio web siguiendo el esquema por capas que se ha seguido para implementarlo. Para cada capa, se ha elegido un fichero de los que la conforman para explicar su estructura, ya que el nmero de zonas o divs es siempre el mismo.

5.2.1 Capa de presentacin

A continuacin se muestra el contenido de uno de los ficheros que conforman la capa de presentacin. Para poder explicarlo mejor, he dividido el fichero y he aadido un breve texto explicativo antes de cada una de las partes en las que ha sido dividido.
En la cabecera del documento, se importan el fichero CSS que define el estilo de la pgina y el script JavaScript que nos permitir hacer la presentacin de la web ms dinmica y amigable.

32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Inicio</title> <link href="CSS/estilo.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> </head>
La primera zona del cuerpo del documento el contenedor, dentro de la cual se aadirn todas las zonas que conforman el sitio web. La primera en aadirse es la zona correspondiente al logo de la empresa, compuesta nicamente por una imagen que sirve de enlace a la pgina de inicio.

<body> <div id="contenedor"> <div id="logo"> <a href="index.php" title="Inicio"> <img src="Imagenes/logo.gif" alt="Logo" /> </a> </div> La segunda zona que se aade al contenedor de zonas es la correspondiente al men, compuesta nicamente por una lista no numerada de enlaces a las distintas pginas que conforman la parte pblica del sitio web.
<div id="menu"> <ul> <li><a href="localizacion.php">Localizaci&oacute;n</a></li> <li><a href="caracteristicas.php">Caracter&iacute;sticas</a></li> <li><a href="instalaciones.php">Instalaciones</a></li> <li><a href="servicios.php">Servicios</a></li> <li><a href="informacion.php">Informaci&oacute;n</a></li> </ul> </div>
La siguiente zona que se aade al contenedor de zonas es la correspondiente a la autenticacin del usuario, compuesta por un par de cajas para que se escriba el nombre de usuario y la contrasea y un botn para que se enven los datos introducidos al formulario de validacin. Si los datos de acceso son correctos se redirige a la pgina de inicio del usuario registrado, si no, se redirige a esta pgina pasando como parmetro la variable error. En funcin del valor de esta variable se muestra un mensaje de error u otro en la zona del usuario, a continuacin del botn Enviar. 33

Si en lugar de en la parte pblica nos encontraramos en la parte privada del sitio web, lo que se vera en esta zona sera el nombre de usuario del usuario conectado y un enlace para cerrar sesin.

<div id="usuario"> <form id="logeo" class="expose" method="post" action="validacionUsuario.php"> <label for="tipoUsuario">Tipo</label> <select id="tipoUsuario" name="tipoUsuario"> <option value="cliente">Cliente</option> <option value="admin">Administrador</option> </select> <br clear="left"/> <label for="usuarioText">Usuario</label> <input id="usuarioText" type="text" name="usuario"/> <br clear="left"/> <label for="clave">Clave</label> <input id="clave" type="password" name="clave" /> <br clear="left"> <input style="width:60px;" id="submit" type="submit" value="Entrar" /> <?php if ($_GET["error"]=="0"){ //login vacio ?> <span><b>Usuario vacio</b></span> <?php } if ($_GET["error"]=="1"){ //clave vacia ?> <span><b>Clave vacia</b></span> <?php } if ($_GET["error"]=="2"){ //login incorrecto ?> <span><b>Usuario incorrecto</b></span> <?php }else if ($_GET["error"]=="3"){ //Clave incorrecta ?> <span><b>Clave incorrecta</b></span> <?php } ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('form span').fadeIn(); }); </script>

</form> </div> La ltima zona que se aade al contenedor es la correspondiente al contenido. En este caso, como nos encontramos en la pgina de inicio de la parte pblica del sitio web, slo se visualiza una imagen y algunos datos de contacto de la empresa. <div id="inicio" class="contenido"> <center> <h3>Bienvenido </h3> </center>
34

<img id="imagenIndex" src="Imagenes/index.jpg" alt="Foto"><br> <p id="parrafoIntro"> <b>Direcci&oacute;n:</b><br> C/ Jos&eacute; Alegre Rubio, n 11<br><br> <b>Localidad:</b><br> <b>Tel&eacute;fono:</b><br> 962743609<br><br> <b>Fax:</b><br> 962758780<br><br> <b>Email:</b><br> info@desole.mx<br> </p> </div> </div><!-- Contenedor
Por ltimo, se ejecuta un script para hacer la presentacin de la informacin ms dinmica.

<script type="text/javascript"> jQuery(document).ready(function(){ var form = jQuery(".expose").bind("click keydown", function() { jQuery(this).expose({ onLoad: function() { form.css({backgroundColor: '#eeeeee'}); }, onClose: function() { form.css({backgroundColor: null}); } }); }); jQuery('#inicio').fadeIn(); }); </script> </body> </html>

35

5.2.2 Capa de negocio o lgica del sitio web A continuacin se muestra el contenido de uno de los ficheros que conforman la capa de negocio. Para poder explicarlo mejor, de la misma manera que para la capa de presentacin, he dividido el fichero y he aadido un breve texto explicativo antes de cada una de las partes en las que ha sido dividido. Se definen los atributos del elemento. <?php class cliente { private $id; private $login; private $clave; private $nombre; private $apellidos; private $id_nivel;
Se implementa el mtodo constructor. Se da valor a los atributos (en un principio iguales a 0 o a ).

public function __construct($id=0, $apellidos="", $id_nivel=0){ $this->id = $ id; $this>login = $login; $this>clave = $clave; $this>nombre = $nombre; $this->apellidos = $apellidos; $this->id_nivel = $id_nivel; }

$login="",

$clave="",

$nombre="",

Se implementan los mtodos get y set que devuelven o establecen el valor de los atributos. public function getIdentificador(){ return $this->id; }

public

function getId($login, $clave, $nombre, $id_nivel){ $bd = new AuxBD(); $bd->conectar(); $sql = "Select id From "; $sql.= "usuario Where login='".$login."' AND "; $sql.= "clave='".$clave."' AND "; $sql.= "nombre='".$nombre."' AND "; $sql.= "apellidos='".$apellidos."' AND "; $sql.= "id_nivel='".$id_nivel."'"; $resultado = $bd->ejecutarSQL($sql);

$apellidos,

36

$bd->desconectar(); $fila = $bd->siguienteFila($resultado); return $fila['id']; }

public function getLogin(){ return $this->login; } public function setLogin($nuevoLogin){ $this->login = $nuevoLogin; } public function getClave(){ return $this->clave; } public function setClave ($nuevaClave){ $this->clave = $nuevaClave; } public function getNombre(){ return $this->nombre; } public function setNombre ($nuevoNombre){ $this->nombre = $nuevoNombre; } public function getApellidos(){ return $this->apellidos; } public function setApellidos ($nuevosApellidos){ $this->apellidos = $nuevosApellidos; } public function getIdNivel(){ return $this->id_nivel; } public function setIdNivel ($nuevoIdNivel){ $this->id_nivel = $nuevoIdNivel; }

Se implementa el mtodo leer, que dado un identificador, recupera de la base de datos el valor de los atributos del elemento (en este caso usuario) con ese identificador.
37

public function leer ($id){ $this->id = $id; if($this->id>0){ $bd = new AuxBD(); $bd->conectar(); $sql = "Select * From "; $sql.= "usuario Where id='".$this->id."'"; $resultado = $bd->ejecutarSQL($sql); $bd->desconectar(); $fila = $bd->siguienteFila($resultado); $this->login = $fila['login']; $this->clave = $fila['clave']; $this->nombre = $fila['nombre']; $this->apellidos = $fila['apellidos']; $this->id_nivel = $fila['id_nivel']; } }
Se implementa el mtodo insertar, que inserta en la base de datos un nuevo usuario. Se supone que los atributos del objeto ya recibieron las asignaciones a travs de llamadas a mtodos set.

public function insertar(){ $bd = new AuxBD(); $bd->conectar(); $sql = "Insert Into usuario (id, login, clave, nombre, apellidos, id_nivel) Values ('"; $sql.= $this->id."','"; $sql.= mysql_escape_string ($this->login)."','"; $sql.= mysql_escape_string ($this->clave)."','"; $sql.= mysql_escape_string ($this->nombre)."','"; $sql.= mysql_escape_string ($this>apellidos)."','"; $sql.= $this->id_nivel."')"; $bd>ejecutarSQL($sql); $bd->desconectar(); } Se implementa el mtodo modificar, que modifica en la base de datos la informacin de un usuario. Se supone que ya se ha hecho uso del mtodo leer para recuperar la informacin de un usuario y de los mtodos set para establecer los nuevos valores de los atributos. public function modificar (){ $bd = new AuxBD(); $bd->conectar(); $sql = "Update usuario Set login='".mysql_escape_string ($this>login)."'"; $sql.= "Where id='".$this->id."'"; $bd->ejecutarSQL($sql); $sql = "Update usuario Set clave='".mysql_escape_string ($this>clave)."'"; $sql.= "Where id='".$this->id."'"; $bd->ejecutarSQL($sql);
38

$sql = "Update usuario Set nombre='".mysql_escape_string ($this>nombre)."'"; $sql.= "Where id='".$this->id."'"; $bd->ejecutarSQL($sql); $sql = "Update usuario Set apellidos='".mysql_escape_string ($this>apellidos)."'"; $sql.= "Where id='".$this->id."'"; $bd->ejecutarSQL($sql); $sql = "Update usuario Set id_nivel='".$this>id_nivel."'"; $sql.= "Where id='".$this->id."'"; $bd>ejecutarSQL($sql); $bd->desconectar(); } Se implementa el mtodo eliminar, que dado un identificador, eliminar de la base de datos el usuario con ese identificador.
public function eliminar ($id){ $bd = new AuxBD(); $bd->conectar(); $sql = "Delete From usuario_asignatura Where id_usuario=".$id." "; $bd->ejecutarSQL($sql); $sql = "Delete From usuario Where id=".$id." "; $bd->ejecutarSQL($sql); $bd->desconectar(); }
Se implementa el mtodo visualizar, que muestra el valor de algunos de los atributos del elemento.

public function visualizar(){ setlocale (LC_TIME, "sp_SP"); $resultado = "<tr><td>".nl2br($this->nombre)."</td><td>&nbsp;&nbsp;</td>"; $resultado.= "<td>".nl2br($this>apellidos)."</td><td>&nbsp;&nbsp;</td></tr>"; return $resultado; }

} ?>

39

5.2.3 Capa de persistencia o de datos

La base de datos est compuesta por dos tablas: administrador y usuario.

- id: Almacena el identificar de un usuario. Es la clave primaria. - usuario: Almacena el nombre de usuario de un usuario. - password: Almacena la contrasea de un usuario. - nombre: Almacena el nombre de un usuario. - apellidos: Almacena los apellidos de un usuario. - Email. Almacena el correo electrnico de un usuario.

6. EVALUACIN 6.1 Introduccin

La fase de evaluacin y pruebas concluye el ciclo de vida de nuestro sitio web y lo prepara para subirlo al servidor y que se ejecute. Esta fase mide el nivel de calidad que ofrece al usuario el sitio web creada. Las herramientas que vamos a usar para realizar estas pruebas son gratuitas y las podemos encontrar online en las direcciones http://jigsaw.w3.org/css-validator/, http://validator.w3.org/ y www.spoon.com /.

6.2 Validacin de CSS

Dado que se han utilizado hojas de estilo para la interfaz del sitio web, se ha realizado una prueba de validacin de CSS. Para ello, se ha utilizado la pgina web http://jigsaw.w3.org/css- validator/. En cuanto al resultado (figura 14) se podra decir que la hoja de estilo ha pasado la validacin a medias, ya que hay dos propiedades que el W3C no reconoce (-moz-border-radius y -webkit-border-radius) pero que son necesarias para que los bordes de los divs que hay en la pgina web se vean redondeados en los navegadores web Firefox, Google Chrome, Safari y Opera.

Figura 15. Validacin de CSS

6.3 Validacin de enlaces

Para esta prueba he utilizado la herramienta Verificador de vnculos del programa Adobe Dreamweaver. Dicho software verifica si hay enlaces rotos (enlaces incorrectos o que apuntan a una pgina que no existe) en el sitio web. El resultado (figura 15) de esta prueba ha sido ptimo.

Figura 16. Validacin de enlaces

6.4 Validacin de la resolucin

Durante la fase de especificacin de requisitos establecimos que para una correcta visualizacin del sitio web deberamos optimizar la pantalla a una resolucin de 1280x800 pxeles. Lo que sucede para resoluciones menores (640x480 o 800x600 pxeles) es que algunos elementos (botones sobre todo) no aparecen en la posicin adecuada.

6.5 Validacin de navegadores

Es importante de cara al usuario que el sitio web se visualice bien en todos los navegadores web, o al menos, en los ms populares. El sitio web ha sido implementada y probada con xito en Microsoft Internet Explorer (57.08% de cuota de mercado), Firefox (22.81%), Chrome (9.98%), Safari (5.89%) y Opera (2.23% ). Para ello he utilizado la herramienta online spoon, que te permite virtualizar navegadores web de forma que puedes visualizar la pgina web sobre cualquier navegador sin necesidad de instalarlo.

42

6.6 Validacin de la seguridad en el acceso a la zona de administracin

Para entrar en la zona de administracin del sitio web web, el usuario deber acceder a travs del div situado en el sector inferior izquierdo de la pgina seleccionando el tipo de usuario Administrador e introduciendo un nombre de usuario y contrasea correctos. Los datos son enviados al formulario de validacion validacionUsuario.php que redirige a la pgina de inicio de la parte especfica del administrador si los datos son correctos o devuelve un mensaje de error si sucede alguna de las siguientes situaciones: el usuario no ha escrito el login; el usuario no ha escrito la clave; el login no existe en la base de datos; el par login-contrasea no existe en la base de datos.

7. CONCLUSIN

A continuacin har un resumen del trabajo realizado. El primer paso que tom fue establecer los requisitos que deba cumplir el sitio web reunindome con el lder del sitio web del centro educativo. En segundo lugar, realiz los modelos oportunos en UML para que me sirvieran de gua durante la implementacin. Como escog utilizar la arquitectura de tres capas, el diseo de las distintas capas que conforman el sitio web fue el siguiente paso. A continuacin, llev a cabo la etapa a la que ms tiempo dediqu, la implementacin del prototipo. En esta ltima etapa podra distinguir cuatro fases: la del diseo de la web (primera aproximacin de la hoja de estilos), la de la implementacin de la intranet del administrador, la de la implementacin de la intranet del usuario usuario/padre y la de la implementacin de la intranet del usuario profesor. Por ltimo y para comprobar el correcto funcionamiento de todo el sitio web, llev a cabo las pruebas del sitio web.

7.1 Validacin personal del trabajo realizado

Durante la realizacin del sitio web he podido comprobar lo tiles que son los conocimientos adquiridos durante la carrera en asignaturas como Ingeniera del Software, Base de Datos, Diseo de base de Datos y Programacin.
Considero que este sitio web me ha aportado una visin profesional del programador web, ya que he tenido que tratar directamente con el cliente y he trabajado bajo presin, en el sentido de que he tenido que cumplir ciertos plazos de entrega. Cabe destacar que, por tratarse de un prototipo, la funcionalidad del sitio web web puede no ser completa. Muchas mejoras y ampliaciones, como las que se citan en el siguiente punto, quedan fuera del alcance de este sitio web por su duracin y extensin. Sin embargo, las funciones descritas en la especificacin de requisitos estn implementadas. Luego, bajo mi punto de vista, se trata de un trabajo realizado satisfactoriamente.

7.2 Posibles ampliaciones

A continuacin se listan una serie de ampliaciones que pudieran implementarse sobre el prototipo:

- Gestin de la biblioteca.

- Tabln de anuncios y seccin de noticias. - Calendario de exmenes y excursiones. - Hacer segura la transmisin de datos sensibles del sitio web como puedan ser las contrasenas, mediante tcnicas de encriptacin de datos.

46

8. BIBLIOGRAFA

- Apuntes de ISG, BDA, DBD y CDH. - Pgina oficial de PHP www.php.org

- Desarrollo Web

www.desarrolloweb.com

- Wikipedia, la enciclopedia libre www.wikipedia.org - PHP 6. Curso profesional de programacin

Edgar DAndrea Ediciones InforBooks
- Una gua para la realizacin y supervisin de PFC en el mbito de la Web

Felx Buenda Garca Editorial Universidad Politcnica de Valencia - Gua del IEEE para la especificacin de requerimientos software ANSI/IEEE Std. 830 1984

47