Introducción a las Tecnologías Web

          La Web es una idea que se construyó sobre la Internet. Las conexiones físicas son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las ya existentes.

          

          Empezó a principios de 1990, en Suiza en el centro de investigación CERN (Centro de Estudios para la Investigación Nuclear) y la idea fue de Tim Berners-Lee, que se gesto observando una libreta que él usaba para añadir y mantener referencias de cómo funcionaban los ordenadores en el CERN.

          La Web introduce un concepto fundamental: la posibilidad de lectura universal, que consiste en que una vez que la información esté disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier país, por cualquier persona autorizada, usando un único y simple programa. Para que esto fuese posible, se utilizan una serie de conceptos, el más conocido es el hipertexto.

          El HTTP permite el intercambio de multimedia de información a través de plataformas y de redes. 

          La WWW consiste en ofrecer una interfaz simple y consistente para acceder a la inmensidad de los recursos de Internet.

          Localizador uniforme de recursos (URL), es una dirección especial usada por los navegadores Web, para tener acceso de información a la Internet.

          

          Las hojas de estilo en cascada (CSS) es el nombre oficial de la herramienta hojas de estilo de HTML.

Tecnologías Web

1.1 Perspectiva Histórica del Internet

          Las autoridades americanas buscaban un sistema de comunicaciones que pudiese sobrevivir a los daños producidos por un ataque nuclear. La estructura existente basada en conmutación de circuitos no podía seguir funcionando si el ataque se dirigía contra los nodos de mayor importancia jerarquías, por lo que proponía una red de comunicaciones sin ningún tipo de control centralizado. Este seria el origen de Internet.

      

          En un informe escrito en 1961, se propuso un esbozo de la técnica de conmutación de paquetes. En esa época se creo el modelo de documentos en el que se irían recogiendo las conclusiones y los trabajos realizados. Estos documentos se denominaron Request For Coments o RFC y representa una manera informal de poner por escrito ideas para que sean debatidas. 

          

          
           A finales de 1989, el informático británico Timothy Berners-Lee desarrolla la World Wide Web para la organización Europea para la investigación nuclear, mas conocida como CERN. 

           Se esta desarrollando Internet2, una redefinición de Internet que tiene como objetivo principal lograr el intercambio de datos multimedia en tiempo real. 

1.2 Protocolo HTTP

          El protocolo de transferencia de hipertexto, es el protocolo utilizado en cada transacción de la Web (WWW). HTTP fue desarrollado por el consorcio W3C y la IETF, colaboración que culmino en 1999 con la publicación de una serie de RFC, siendo el mas importante de ellos el RFC 2616, que especifica la versión 1.1.

          HTTP define la sintaxis y la semántica que utilizan los elementos software de la arquitectura web (clientes, servidores, proxies) para comunicarse.  

Es un protocolo orientado a transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor. A la información transmitida se le llama recurso y se la identifica mediante un URL.

         


 Transacciones HTTP

          Una transacción HTTP consiste de un encabezado seguido, opcionalmente, por una linea en blanco y algún dato. El encabezado especificara cosas como la acción requerida del servidor, o el tipo de dato retornado, o el código de estado.

          Un encabezado es un bloque de datos que precede a la información propiamente dicha, por lo que muchas veces se hace referencia a él como meta-dato  porque tiene datos sobre los datos.

1.2.1 Arquitectura del WWW

          World Wide Web o red global mundial es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un navegador Web, un usuario visualiza paginas Web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.

          A los diseñadores de sitios Web, les interesa reunir todo el código CSS y JavaScript en unos pocos ficheros asociados a todo el sitio web, de forma que pueden ser descargados en las caches de los usuarios y reducir así el tiempo de carga de las paginas y las peticiones al servidor.

          Hay otros componentes de Internet que pueden almacenar contenido Web. El mas común son los frecuentes Firewalls de empresas y académicos donde se pueden almacenar los recursos web solicitados por un usuario para el beneficio de todos los que estén conectados a ese firewall.

1.2.2 URL's

          Localizador Uniforme de Recursos. Es una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, como documentos e imágenes en Internet, por su localización. 

          Las Url's fueron utilizadas por primera vez por Tim Berners-Lee en 1991, para permitir a los autores de documentos establecer hiperenlaces en la World Wide Web. 

          Desde 1994, en los estándares de la Internet, el concepto URL ha sido incorporado dentro del mas general de URI (Identificador Uniforme de Recursos), pero el termino URL aun se utiliza ampliamente.

Esquema URL

          Un Url se clasifica por si esquema, que generalmente indica el protocolo de red que se usa para recuperar, a traves de la red, la informacion del recurso identificado. 

           Un Url comienzaa con el nombre de su esquema, seguida por dos puntos, seguido por una parte especifica del esquema.

          Ejemplo:

                    https-    HTTP sobre SSL.

                    ftp----   File Transfer Protocol.

                    mailto-  Direcciones e-mail.

                    telnet-- Protocolo Telnet

                    news--  Grupos de noticias Usenet (newsgroup)

1.2.3 Método de http Persistencia en http cookies

Método de http

GET	Devuelve el recurso identificado en la URL pedida.
HEAD	Funciona como el GET, pero sin que el servidor devuelva el cuerpo del mensaje. Es decir, sólo se devuelve la información de cabecera.
POST	Indica al servidor que se prepare para recibir información del cliente. Suele usarse para enviar información desde formularios.
PUT	Envía el recurso identificado en la URL desde el cliente hacia el servidor.
OPTIONS	Pide información sobre las características de comunicación proporcionadas por el servidor. Le permite al cliente negociar los parámetros de comunicación.
TRACE	Inicia un ciclo de mensajes de petición. Se usa para depuración y permite al cliente ver lo que el servidor recibe en el otro lado.
DELETE	Solicita al servidor que borre el recurso identificado con el URL.
CONNECT	Este método se reserva para uso con proxys. Permitirá que un proxy pueda dinámicamente convertirse en un túnel. Por ejemplo para comunicaciones con SSL.

         Las cookies constituyen una potente herramienta empleada por los servidores Web para< almacenar y recuperar información acerca de sus visitantes. Dado que el HTTP es un protocolo si estados (es decir no almacena el estado de la sesión entre peticiones sucesivas), las cookies proporcionan una manera de conservar información entre peticiones del cliente, extendiendo significativamente las capacidades de las aplicaciones cliente/servidor basadas en la Web.

          El uso de cookies permite al servidor Web recordar algunos datos concernientes al usuario, como sus preferencias para la visualizacion de las paginas de ese servidor, nombre y contraseña, productos que mas les interesan, etc.

          Toda cookies esta vinculada con un dominio o subdominio. Ademas existe una restricción impuesta por el propio estándar de manera que no es posible acceder a cookies de otro domino o subdominio que no se a el de la propia URL donde se encuentra la pagina Web.  

1.3 HTML

          El html es el lenguaje usado por los navegadores para mostrar las paginas Webs al usuario, siendo hoy en día la interface mas extendida en la red.

          Este lenguaje nos permite aglutinar textos, sonidos e imágenes y combinarlos a nuestro gusto. Ademas es aquí donde reside su ventaja con respecto a libros y revistas, el html nos permite la introducción de referencias a otras paginas por medio de los enlaces hipertexto.

HTML como un tipo SGML

          El SGML es un sistema para definir lenguajes para dar formato a documentos. Los autores utilizan un código de formato en sus documentos para representar información estructural, presentacional y semántica junto con el contenido. 

        Frames o Marcos

          Nos permiten definir divisiones en la pagina HTML. Útil para colocar menú de navegación. Normalmente permanece siempre a la vista el menú de navegación y lo que cambia es el contenido de la ventana principal. 

Tablas en HTML

          Las tablas son componentes dedicados fundamentalmente a mejorar la visualización de los documentos en formato electrónico. Se trata de una funcionalidad básica de la inmensa mayoría de los programas de tratamiento de texto y una forma habitual de presentar información , especialmente numérica  desde la introducción de las mejoras de calculo.

Celdillas cabeceras

          Este tipo de celdillas son las que por asi decirlo, identifican cada una de las columnas de la celdilla, y su interior destaca del resto del texto contenido en el resto de la tabla, debido a que aparece en negrita.

          Se limitan por Table Head y todo lo que contenga en su interior, destacara del resto del documento. 

Formularios HTML

          Es una sección de un documento que contiene contenido normal, código  elementos especiales llamados controles (casillas de verificación (checkboxes), radio botones (radio buttons), menúes, etc), y rótulos (labels) en esos controles. 

1.4 Evolución de Desarrollo de Aplicaciones Web

          Hace algunos años, los sitios web no eran mucho mas que folletos digitales, y a menudo se les llamaba "grupo de folletos". Actualmente los sitios son mas grandes y complejos. 

          Con la introducción de comercio electrónico y las pagina dinámicas, los sitios ya han dejado a tras los folletos y han pasado a autenticas aplicaciones de software. 

          La web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El web 2.0 es una actitud y no precisamente una tecnología. Cuando el web inicio, nos encontrábamos en un entorno estático, con paginas en HTML que sufrían pocas actualizaciones y no tenían interaccion con el usuario. 

          La web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocado al usuario final.

          La web es la plataforma. La información es el procesador. Efectos de la red movidos por una arquitectura de participación.  

          La innovación surge de características distribuidas por desarrolladores independientes. Podemos comparar servicios web que marcan claramente la evolución hacia el web 2.0.

1.5 Hojas de Estilo

          Las hojas de estilo (style sheets) son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formatos y de presentación de los contenidos: tipo, fuente y tamaño de letras, justificación del texto, colores y fondos, etc.

          Las hojas de estilo permiten liberar la composición del texto de los aspectos visuales y favorecen que se estructure y anote mediante códigos que permiten un tratamiento mas eficaz de los contenidos. 

          Dos lenguajes de hojas de estilo son CSS y XSL.

          Ahora bien a un mismo fichero es posible adjuntar mas de un fichero de estilos, y esto puede provocar que un mismo elemento posea varias reglas de estilo asignados y contradictorias entre si, por lo que se determina un orden de aplicacion de estas reglas denominado estilo en cascada. 

CSS

          Es un lenguaje sencillo para la aplicación de estilos a un elemento XML. Un documento XML puede estar formateado de muchas formas y propósitos por lo que seria muy útil utilizar un solo documento XML y diferentes posibles formateos dependiendo del uso que se le vaya a dar al documento. 

          Cascading Style Sheets (Hojas de estilo en cascada), fue introducido en 1996 como el estándar para añadir información de estilo a los documentos HTML.