HTML5, un puente hacia el internet del futuro

Por Mundo Contact | 10 octubre 2011 | Web

Esta nueva versión de HTML nos acercará más a la ‘Web semántica’, en la que podremos conseguir mejores resultados al hacer búsquedas y nos permitirá obtener más y mejor información de lo que pasa en la Web

En últimas fechas se ha hablado mucho acerca de HTML5, el lenguaje en el que están escritas las páginas Web. Una de las razones de que se haga tanto ruido es porque se trata de un estándar mucho más potente, y abre muchas posibilidades de manejar aplicaciones dentro de esa nueva versión del código, eliminando cierta dependencia de otros lenguajes web.

Esta nueva versión no solo hace más fácil para los desarrolladores escribir aplicaciones que utilicen formularios, animaciones, almacenamiento offline o usar la geolocalización de sus visitantes, sino que además ofrece cosas interesantes a los no desarrolladores, de acuerdo con David Austria, desarrollador de aplicaciones web y diseñador de soluciones con bases de datos y APIs sociales.

Lee este artículo completo en el número más reciente de la Revista Mundo Contact.

HTML5, un puente hacia el internet del futuro

Por Mundo Contact | 1 septiembre 2011 | Articulos, Web

Revista Mundo-Contact

   

HTML5, un puente hacia el internet del futuro

Esta nueva versión de HTML nos acercará más a la ‘Web semántica’, en la que podremos conseguir mejores resultados al hacer búsquedas y nos permitirá obtener más y mejor información de lo que pasa en la Web

Jorge Cervantes

En últimas fechas se ha hablado mucho acerca de HTML5, el lenguaje en el que están escritas las páginas Web. Una de las razones de que se haga tanto ruido es porque se trata de un estándar mucho más potente, y abre muchas posibilidades de manejar aplicaciones dentro de esa nueva versión del código, eliminando cierta dependencia de otros lenguajes web.

Esta nueva versión no solo hace más fácil para los desarrolladores escribir aplicaciones que utilicen formularios, animaciones, almacenamiento offline o usar la geolocalización de sus visitantes, sino que además ofrece cosas interesantes a los no desarrolladores, de acuerdo con David Austria, desarrollador de aplicaciones web y diseñador de soluciones con bases de datos y APIs sociales.

Por ejemplo, HTML5 incorpora etiquetas con codecs para mostrar contenidos multimedia: audio y video e imagenes en 2D y 3D.

Recordemos que el HTML, o HyperText Markup Language, ha venido evolucionando y con los años se ha hecho más eficiente. Por cuestiones de estándares y para adecuarlo a las necesidades de cada época, se le hicieron actualizaciones por parte de W3C.

W3C es el nombre abreviado del World Wide Web Consortium, un consejo internacional de expertos bajo la dirección de Tim Berners-Lee, creador original de URL (Uniform Resource Locator o Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol o Protocolo de Transferencia de HiperTexto) y el propio HTML (HyperText Markup Language o Lenguaje de Marcado de HiperTexto), tecnologías sobre las que se basa la WWW.

Desde los noventa el HTML ha evolucionado hasta convertirse en un lenguaje de marcación cada vez más eficiente y se usa para construir sitios web y aplicaciones. Ha sido un largo camino de aproximadamente 30 años para que el HTML versión 5, ahora sea capaz de producir páginas interactivas y visualmente sorprendentes.

La primera versión nació con internet en 1990, la versión 2 se lanzó en 1993, la 3 en 1995 y la 4 en 1997, con mejoras de importancia en 1997, 1998, y 2001.

A lo largo de los últimos años se han desarrollado diversas tecnologías para aplicaciones como Java, Flash, CSS, XML o Ajax, y han proliferado gracias a que presentan fortalezas en el manejo de datos, de gráficos o de funcionalidades, de tal suerte que todas estas tecnologías cubren las necesidades que el propio HTML no satisface.

Mucha expectativa

Austria apunta que HTML5 cambia el contexto en el que corren las aplicaciones multimedia: en la actualidad es necesario insertar un archivo de audio o video en una página web, entonces el visitante de la página necesita un plug-in como Adobe Flash, QuickTime o Windows Media Player para poder ver el clip de video en su navegador, pero con HTML5 el propio navegador puede reproducir contenidos multimedia sin la necesidad de plug-ins.

Cabe señalar que HTML5 aún está en proceso de revisión, sin embargo la comunidad abraza esta nueva versión con estusiasmo, y ya muchos navegadores (Safari, Chrome, Firefox, Opera, Internet Explorer) soportan algunas características.

Las razones de que haya tanta expectativa por HTML5 son muchas. Sucede que la versión previa, la HTML 4.01, fue publicada el 24 de diciembre de 1999 y desde entonces la web ha cambiado mucho.

“HTML5 genera mucha expectativa porque cambia la forma en que se programan las páginas web y facilita la creación de aplicaciones web modernas. Creo que Steve Jobs generó mucho ruido al declarar que veía innecesario implementar Flash en el iPad ‘porque el mundo se está moviendo hacia el HTML5’ ”, considera David Austria.

La W3C (World Wide Web Consortium) agrupa las tecnologías usadas en HTML5 de la siguiente manera:

Semántica: Se utilizan etiquetas enriquecidas, RDFa como tecnología más simple para incrustar datos en la Web actual y microformatos.

Offline y almacenamiento: No se requiere conexión a internet y se utiliza App Cache, Local Storage, Indexed DB, o la API de File.

Acceso al dispositivo: La aplicación web interactúa con el dispositivo para obtener información, por ejemplo, la geolocalización.

Conectividad: Se utiliza Web Sockets y gestión de eventos al servidor para mejorar la comunicación y ofrecer chats en tiempo real.

Multimedia: Se utilizan las nuevas etiquetas de audio y video de HTML5.

3D, gráficos y efectos: Se utiliza SVG, Canvas, WebGL, o CSS3 3D para ofrecer una interfaz visual más atractiva renderizada de forma nativa por el navegador.

Optimización e integración: Se utilizan tecnologías como Web Workers o XMLHttpRequest 2 para ofrecer al usuario una web más rápida y sin esperas de carga.

CSS3: Se utilizan las últimas características de estilo mejorando el diseño de las aplicaciones. También se incluyen tecnologías como Web Open Font Format (WOFF) para controlar las tipografías utilizadas en la Web.

Todo en uno

Lo verdaderamente prometedor de HTML5 es que cubre necesidades que no satisface la versión HTML 4.01.

Austria menciona que muchas carencias que tiene HTML4 para creación de aplicaciones modernas basadas en un navegador son compensadas con el uso de javascript o plug-ins como Flash de Adobe y Silverlight de Microsoft, entre otros.

Entre las novedades que incorpora HTML5 tenemos:

Etiquetas (canvas 2D y 3D, audio, video) con códecs para mostrar los contenidos multimedia. Mejoras en los formularios. Nuevos tipos de datos (eMail, number, url, datetime) y facilidades para validar el contenido sin Javascript. Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML. Drag & Drop: Nueva funcionalidad para arrastrar objetos como imágenes. Añade etiquetas para manejar la Web Semántica (Web 3.0). Permite incorporar a las páginas ficheros RDF / OWL (con meta información) para describir relaciones entre los términos utilizados. Nuevas APIs: para hacer drag & drop, para trabajar offline, de geoposicionamiento

Un paso más hacia la web semántica

Además de cumplir con necesidades actuales, el HTML5 es un puente hacia el internet del futuro: la Web semántica, también llamada Web 3.0.

“Una característica muy importante de HTML5 es la creación de etiquetas denominadas ‘semánticas’, con las cuales será posible describir cuál es el significado del contenido de una página Web, su importancia, los tipos de datos que tiene y su relación”, precisa Austria.
 
Estas etiquetas permitirán a los buscadores indexar e interpretar mejor esta meta-información para no buscar simplemente apariciones de palabras en el texto de la página.

“Esta característica nos acerca más a la Web semántica (también llamada Web de los datos) en la que podremos conseguir mejores resultados al hacer búsquedas, y nos permitirá obtener más y mejor información de lo que pasa en la web”, concluyó.