Notas de la asignatura Desarrollo de Aplicaciones Web

Contenido
Requerimientos para publicar un sitio Web Conceptos de dominio, IP y URL Registro de Dominios Registrador de Dominios Hosting Tipos de Hosting Infraestructura Web Tipos de Aplicaciones Web Procesamiento de pginas Web estticas Procesamiento de pginas Web dinmicas HTML, XHTML, XML

Requerimientos para publicar un sitio Web

1. Registrar el dominio del sitio Web

2. Adquirir y configurar la infraestructura Web para alojar el sitio Web

3. Disear el Layout del sitio, as como el Mapa del sitio.

4. Programar los archivos HTML y disear el webart. As como las bases de datos si se requiere

5. Publicar los documentos HTML y verificar su funcionamiento

Conceptos de dominio, IP y URL

Una direccin IP es una secuencia de nmeros que identifica a un nodo dentro de uma red que utiliza el protocolo IP (Internet Protocol)

Los nodos se conectan entre s en Internet mediante sus respectivas direcciones IP. Sin embargo, a los seres humanos nos es ms cmodo utilizar otra notacin ms fcil de recordar, como los nombres de dominio, la traduccin entre unos y otros se resuelve mediante los servidores de nombres de dominio o DNS.

Por lo tanto, un nombre de dominio es nombre que identifica un nodo conectado a Internet, sin estos, los usuarios tendran que acceder a cada servicio web utilizando la direccin IP del nodo, por ejemplo en lugar de www.yahoo.com, tendra que escribir: 209.191.93.52

La URL es el Localizador Uniforme de Recursos, y es la identificacin de cada uno de los documentos de un sitio web, no confundir con dominio. Por ejemplo: dominio es: http://ecommerceutt.webatu.com y una URL es: http;//ecommerceutt.webatu.com/sitios.html

Registro de dominios
Elegir un dominio. Verificar la disponibilidad del nombre de dominio deseado en algn registrador. Ingresar los datos personales. Elegir la cantidad de tiempo que el dominio permanecer registrado.

El registrador contacta con InterNIC y realiza el proceso de forma transparente para el registrante.

El dueo del dominio debe esperar un tiempo para que el dominio sea reconocido en todos los servidores de Internet.

Una vez comprado, el dueo del dominio debe configurarlo con la URL a la cual redireccionar, IP del servidor al que encontrar mediante la DNS, servidor DNS usada por este.

Pagar el dominio, normalmente con tarjeta de crdito (o tambin por transferencia bancaria)

Se avisa al registrante que el dominio fue registrado.

El nuevo dominio funciona, y resuelve a la IP apropiada en el servidor DNS usado, poco a poco.

La pgina ya es accesible mediante un nombre de dominio desde cualquier computadora.

Registrador de Dominios
Un registrador de dominios es una empresa que vende dominios de Internet. Permiten que un individuo o empresa pueda pagar una cuota anual a cambio de tener un nombre de dominio, como .com, .es, .org, .net y muchos otros. Una empresa de registro de dominios ha de estar acreditada por ICANN para poder venderlos o formar parte de una cadena de distribucin. ICANN es el organismo que controla los 13 servidores raz (root servers), y por tanto tiene el control de facto de todo el sistema de nombres de dominio. Cada registrador puede poner unas normas distintas respecto a qu dominios permite registrar. Por ejemplo, algunos impiden usar palabras que se refieran a poltica, religin, obscenidades, o marcas que puedan violar la propiedad intelectual. Adems, pueden tener otras normas o restricciones locales. Por ejemplo, muchos registradores permiten usar ms caracteres que los que ofrece el ASCII original. Como curiosidad, y a fecha de febrero de 2006, la ee no se permite en los .es (esto cambi a partir del ao 2007, ahora se permiten los dominis multilinges), pero s en los .cl, .com, y otros; en general, en todos los que permiten el uso de Nombres de dominio internacionalizados (IDN). En Mxico, los Registradores de Dominio se encuentran listados en http://www.registry.mx/jsf/rar_list/search/search.jsf

Hosting
El web hosting o alojamiento web es el servicio que provee a los usuarios de Internet un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier contenido accesible va web.

Es una analoga de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar especfico, en este caso la analoga alojamiento web o alojamiento de pginas web, se refiere al lugar que ocupa una pgina web, sitio web, sistema, correo electrnico, archivos etc. en internet o ms especficamente en un servidor que por lo general hospeda varias aplicaciones o pginas web.

Las compaas que proporcionan espacio de un servidor a sus clientes se suelen denominar con el trmino en ingls web host.

Tipos de hosting
Gratuito
Generalmente agregan publicidad en los sitios y tienen un espacio y trfico limitado

Compartido Reseller Dedicado

Cloud Hosting

En este servicio se alojan clientes de varios sitios en un mismo servidor, es econmico debido a la reduccin de costos al compartir el servidor con varios usuarios. La desventaja es la disminucin del desempeo del servidor.

Este servicio est diseado para personas que venden el servicio de hospedaje a otras personas. Cuenta con gran cantidad de espacio y dominios disponibles para cada cuenta.
Un servidor dedicado es una computadora que se utiliza especficamente para alojamiento web. Su desventaja es el costo del servicio.
Est basado en las tecnologas ms innovadoras que permiten a un gran nmero de mquinas actuar como un sistema conectadas a un grupo de medios de almacenamiento . La seguridad de un sitio web alojado en la nube est garantizada por numerosos servidores en lugar de slo uno.

Infraestructura Web
La Infraestructura Web est conformada por el Hardware y Software para alojar el sitio Web. Existen diversos paradigmas de desarrollo que utilizan distintas plataformas de desarrollo. La combinacin ms importante es:

Otra combinacin es:

Tipos de aplicaciones Web

Una aplicacin Web es un conjunto de pginas Web estticas y dinmicas.

Una pgina Web esttica es aqulla que no cambia cuando un usuario la solicita: el servidor Web enva la pgina al navegador Web solicitante sin modificarla.

Por el contrario, el servidor modifica las pginas Web dinmicas antes de enviarlas al navegador solicitante. La naturaleza cambiante de este tipo de pgina es la que le da el nombre de dinmica.

Tipos de aplicaciones Web

Web esttica: Todos los usuarios reciben exactamente el mismo contenido cuando acceden al sitio Web. Web Dinmica: Cada usuario recibe contenido personalizado cuando accede al sitio Web.

Procesamiento de pginas Web estticas

El navegador Web solicita la pgina esttica.
Un sitio Web esttico consta de un conjunto de pginas y de archivos HTML relacionados alojados en un equipo que ejecuta un servidor Web.

El servidor localiza la pgina.

El servidor Web enva la pgina al navegador solicitante.

Un servidor Web es un software que suministra pginas Web en respuesta a las peticiones de los navegadores Web. La peticin de una pgina se genera cuando el usuario hace clic en un vnculo de una pgina Web, elige un marcador en un navegador o introduce una URL en el cuadro de texto Direccin del navegador.

El contenido final de una pgina Web esttica lo determina el diseador de la pgina y no cambia cuando se solicita la pgina.

Procesamiento de pginas Web dinmicas

Cuando un servidor Web recibe una peticin para mostrar una pgina Web esttica, el servidor la enva directamente al navegador que la solicita. Cuando el servidor Web recibe una peticin para mostrar una pgina dinmica, sin embargo, reacciona de distinta forma: transfiere la pgina a un software especial encargado de finalizar la pgina. Este software especial se denomina servidor de aplicaciones.

El servidor de aplicaciones lee el cdigo de la pgina, finaliza la pgina en funcin de las instrucciones del cdigo y elimina el cdigo de la pgina. El resultado es una pgina esttica que el servidor de aplicaciones devuelve al servidor Web, que a su vez la enva al navegador solicitante. Lo nico que el navegador recibe cuando llega la pgina es cdigo HTML puro

Procesamiento de pginas Web dinmicas

1. El navegador Web solicita la pgina dinmica. 2. El servidor Web localiza la pgina y la enva al servidor de aplicaciones. 3. El servidor de aplicaciones busca instrucciones en la pgina y la termina.

4. El servidor de aplicaciones pasa la pgina terminada al servidor Web.

5. El servidor Web enva la pgina finalizada al navegador solicitante.

Creacin de pginas Web dinmicas

La creacin de una pgina dinmica implica, en primer lugar, escribir el cdigo HTML Y aadir los scripts o etiquetas del lado del servidor al cdigo HTML para crear la pgina dinmica. La utilizacin de un lenguaje basado en scripts se decide en funcin de la tecnologa de servidor disponible en el servidor.
Un script o archivo de rdenes es un programa usualmente simple que por lo regular se almacena en un archivo de texto.

Creacin de pginas Web dinmicas

La utilizacin de un lenguaje basado en etiquetas o en scripts se decide en funcin de la tecnologa de servidor disponible en el servidor.:
Tecnologa de servidor
ColdFusion

Lenguaje
ColdFusion Markup Language

(CFML)
Active Server Pages (ASP) JSP VBScript JavaScript

Java Server Pages (Sun)

PHP- MySQL

JavaScript, Java
PHP

Ejemplo de aplicacin de una pgina Web dinmica: acceso a Base de datos.

1. El navegador Web solicita la pgina dinmica. 2. El servidor Web localiza la pgina y la enva al servidor de aplicaciones.

3. El servidor de aplicaciones busca instrucciones en la pgina.

4. El servidor de aplicaciones enva la consulta al controlador de la base de datos.

5. El controlador ejecuta la consulta en la base de datos.

6. El juego de registros se devuelve al controlador.

7. El controlador pasa el juego de registros al servidor de aplicaciones.

8. El servidor de aplicaciones inserta los datos en una pgina y luego pasa la pgina al servidor Web.

9. El servidor Web enva la pgina finalizada al navegador solicitante.

HTML y XHTML

HTML: HyperText Markup Language (Lenguaje de Marcado de Hipertexto) Es usado para describir la estructura y el contenido de un texto, as como para complementar el texto con objetos tales como imgenes. HTML. Se escribe en forma de etiquetas, rodeadas por <,>. HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

XHTML: eXtensible HyperText Markup Language (Lenguaje de Marcado de Hipertexto Extensible). Es una versin ms estricta y limpia de HTML , que nace precisamente con el objetivo de remplazar a HTML ante su limitacin de uso con las cada vez ms abundantes herramientas basadas en XML . XHTML extiende HTML 4.0 combinando la sintaxis de HTML, diseado para mostrar datos, con la de XML, diseado para describir los datos. XHTML, al estar orientado al uso de un etiquetado correcto, exige una serie de requisitos bsicos a cumplir en lo que a cdigo se refiere. Entre estos requisitos bsicos se puede mencionar una estructuracin coherente dentro del documento donde se incluiran elementos correctamente anidados, etiquetas en minsculas, elementos cerrados correctamente, atributos de valores entrecomillados, etc.

Diferencias entre HTML y XHTML

Los documentos deben estar bien formados:

Los nombres de atributos y elementos deben ir en minsculas:

Los elementos que no estn vacios necesitan etiquetas de cierre: Los valores de las etiquetas deben ir siempre entre comillas: Todos los valores de los atributos deben ir entre comillas, incluso aquellos que sean numricos.

XML
XML: eXtensible Markup Language ('lenguaje de marcado extensible'). Es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C), permite definir la gramtica de lenguajes especficos. XML no es realmente un lenguaje en particular, sino una manera de definir lenguajes para diferentes necesidades. Algunos de estos lenguajes que usan XML para su definicin son XHTML, SVG, MathML. XML no ha nacido slo para su aplicacin en Internet, sino que se propone como un estndar para el intercambio de informacin estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de clculo y casi cualquier cosa imaginable. XML es una tecnologa sencilla que tiene a su alrededor otras que la complementan y la hacen mucho ms grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la informacin de una manera segura, fiable y fcil.

CSS
(Cascading Style Sheets) Hojas de estilo en cascada. Es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML o XML (y por extensin en XH La informacin de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este ltimo caso podran definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style".TML)

Tipos de Hojas de Estilo

CSS proporciona tres caminos diferentes para aplicar las reglas de estilo a una pgina Web:

Una hoja de estilo externa, es una hoja de estilo que est almacenada en un archivo diferente al archivo donde se almacena el cdigo HTML de la pgina Web. Esta es la manera de programar ms potente, porque separa completamente las reglas de formateo para la pgina HTML de la estructura bsica de la pgina:
Una hoja de estilo interna, que es una hoja de estilo que est incrustada dentro de un documento HTML. (Va a la derecha dentro del elemento <head>.) De esta manera se obtiene el beneficio de separar la informacin del estilo del cdigo HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una pgina a otra (esta posibilidad es difcil de ejecutar si se desea para guardar las copias sincronizadas). En general, la nica vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna caracterstica a una pgina Web en un simple fichero, por ejemplo, si se est enviando algo a la pgina Web. Un estilo en lnea (inline) es un mtodo para insertar el lenguaje de estilo de pgina directamente dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripcin del formateo dentro del documento de la pgina Web, a nivel de cdigo, se convierte en una manera larga, tediosa y poco elegante de resolver el problema de la programacin de la pgina. Este modo de trabajo se podra usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro o estructurado que debera ser, pero funciona. ste es el mtodo recomendado para maquetar correos electrnicos en HTML.

Ms sobre CSS

http://en.wikibooks.org/wiki/Cascading_Style_Sheets http://www.csszengarden.com/