¿QUÉ TRABAJOS SE HAN REALIZADO POR DIVERSOS INVESTIGADORES ALREDEDOR DEL TEMA? PUEDEN SER PONENCIAS, ARTÍCULOS CIENTÍFICOS U OTROS DE HTML5.

http://www.etsit.upm.es/arbol-de-noticias.html?tx_ttnews%5Btt_news%5D=580&cHash=ec80fcbdfaeca12642d251a1d51203a1

Investigadores de la ETSI de Telecomunicación han analizado el soporte de algunos navegadores web al estándar HTML5. De entre los analizados, Google Chrome 16 demuestra ser el navegador para PC con mayor compatibilidad y Blackberry PlayBook 2.0 para tablets.

El estándar HTML5, en continua evolución pero con versiones cada vez más estables gestionadas por el consorcio World Wide Web Consortium (W3C), pretende dar respuesta a necesidades existentes desde hace tiempo en el ámbito de las aplicaciones web: desarrollo de aplicaciones con una experiencia de usuario mejorada sin la utilización de software adicional; aprovechamiento del trabajo colaborativo de desarrolladores dada su naturaleza abierta; o, en principio,  una mejora de ahorro de costes en el desarrollo de páginas web.

http://gr3p.com/2010/11/una-de-cal-y-una-de-arena-para-html5/

Martes, 30 Noviembre 2010 por Federico Erostarbe

De acuerdo a toda una serie de estudios comparativos realizados por Paul Bakaus y compañía, la famosa etiqueta canvas de HTML5 todavía “no es una decisión obvia” para hacer juegos en línea. ¿Por qué? Porque trabajar con imágenes sería lento y el redibujado simplemente doloroso. Sí, dije “todavía”.

¿Lo bueno? Para prevenir cross-site scripting, HTML5 permitirá (algún día, recuerden el “todavía” del parrafo anterior) llevar a cabo cross-document messaging, es decir que se permitiría la comunicación entre distintos documentos sin importar el dominio, pero de un modo tal que se evite el problemita mencionado al inicio del párrafo.

http://www.aulaclic.es/articulos/html5.html

Articulo 26: HTML5, otra forma de crear

En los últimos años, las tecnologías para el diseño y la programación web han avanzado mucho, pero los esfuerzos se han centrado en potenciar el uso de AJAX. El lenguaje de etiquetas HTML, sin embargo, permanecía sin cambios desde su última revisión en 1999, quedando obsoleto en muchos aspectos. Entonces, en 2004, los principales desarrolladores de navegadores (Apple, Opera y Mozilla) iniciaron una colaboración para crear aplicaciones web, el WHATWG. Como no podía ser de otra manera el W3C se unió a la iniciativa en 2006, cuando empezaron a desarrollar la nueva versión. En 2009 nace por fin HTML5, y se prevee que para 2012 se acepte como estándar.

¿POR QUÉ SE CONSIDERA UNA TECNOLOGÍA DE PUNTA O MODERNA A HTML5?

Tecnología de punta es, un término utilizado por todos, entendido a plenitud por algunos, pero que otros asimilan sólo con computadores, elementos electrónicos o relacionados. Este tema, que tiene tanto qué expresar, se considera una herramienta útil que mantiene a las empresas vigentes y que contribuye a que éstas aumenten su rentabilidad a través de la agilización y efectividad en compras, ventas y, por supuesto, publicidad.

La tecnología de punta ha permitido que el desarrollo de las empresas adquiera una dinámica diferente, que utilicen lo nuevo para hacer la vida de los clientes más fácil, llevadera y grata. Un ejemplo de este tipo de tecnología es la presentada por Thriftway en West Seatle – Estados Unidos, quien implementó un sistema en el que se adhirió la huella digital en la tarjeta de crédito  o débito de los usuarios, con el objeto de que éstos sólo pasen uno de sus dedos por un huellero que identifica las huellas de las personas, sin necesidad de presentar documentos de identificación o firmar papeles.

Uno como desarrollador Web siempre estructura sus paginas Web dependiendo de sus necesidades, pero generalmente ocupamos los  campos o div con los identificadores :header (cabecera), footer (pie de página), sidebar(barra latera), nav (barra de navegación). La W3C, en esta version de HTML,  se basó en el diseño más común de las páginas Web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente.

¿POR QUÉ SE PUEDE APLICAR EN DETERMINADO PROBLEMA O EN CIERTOS SISTEMAS DE HTML5?

El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación “básico” de la World Wide Web, el HTML. Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo problemas con los que los desarrolladores web se encuentran, así como rediseñar el código actualizándolo a nuevas necesidades que demanda la web de hoy en día.

El HTML5 no es una cosa grande como un todo, sino una colección de elementos individuales, por consiguiente lo que sí se podrá será detectar si los navegadores soportan cada elemento por separado. Todos los objetos DOM comparten unas características comunes, aunque algunos tienen más que otros. En los navegadores que soportan rasgos del HTML5, algunos objetos tienen una única propiedad y con una simple ojeada al DOM podremos saber las características que soporta el navegador.

Existen muchas razones, de las cuales podemos mencionar:

• Empresas  como Google, Apple y Microsoft apoyan este estandar.
• Servicios Web como Yotube, Vimeo y Scribd ya se estan cambiando a este estándar
• Permite una mayor interacción entre nuestras páginas Web y contenido media (vídeo, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.
• Su reproductor de video no requiere flash o adobe player  y es más eficiente ya que  ocupa menos recursos en el computador del usuario.
• Es compatible con las versiones anteriores de HTML
• Su API ofrece una variedad de herramientas  que son fundamentales para el futuro de las aplicaciones Web como aplicaciones con  caché.

¿CUALES SON LAS APLICACIONES O USOS DE HTML5?

Las aplicaciones que utilizan HTML5 son:

1. DeviantART muro. Una aplicación de dibujo basado en HTML 5 que funciona en todos los navegadores modernos, y se puede bucear y empezar a dibujar sobre un lienzo en blanco.

2. HootSuite. Panel de control social basado en HTML5 con algunas funciones muy útiles: geo-localización de Tweet, búsqueda, elección entre retweets con estilo nuevo y viejo, con Google Analytics, interfaz personalizado y mucho más.

3. X-Worlds. Algo interesante para los niños, done puede presentar un dibujo de tu personaje favorito y ver que se transforman en una ilustración impresionante.

4. Aviary’s Image Editor. Un potente foto editor que es fácil de usar y sorprendente. Además está diseñada para ser portátil para que los desarrolladores pueden integrar directamente en sus sitios o aplicaciones.

5. CSSWarp. Una herramienta en línea que te permite conectar cualquier texto a una trayectoria curva o un círculo, a continuación, crear texto deformado con puro CSS y HTML.

6. Flickr Browser. Una aplicación única para la navegación en las fotos de Flickr con un enfoque nuevo.

7. CSS3.0 Maker. Una aplicación ideal para los desarrolladores. Hace uso de cursores e incluso un área de vista previa en vivo para generar las diferentes opciones.

8. Coolendar. Un calendario basado en HTML5, con interfaz simple y limpio y funciones útiles para la gestión eficaz del tiempo.

9. Twimbow. Una herramienta colorida, de Twitter con un enfoque en la filtración. Se pueden asignar diferentes colores para diferentes usuarios y grupos, y también cambiar el color de los tweets añadiendo una etiqueta de color.

10. Sketchpad. Una aplicación de dibujo con selección de colores, patrones, muestras y mucho más.

11. CloudCanvas. Editor de imagen con todas las funciones en línea que te permite crear y guardar los medios de comunicación digitales.

12. Lislis Painter. Otra interesante aplicación web con las herramientas básicas, que hacen de esta aplicación una útil herramienta de dibujo en línea.

13. Scribd. Una aplicación web que proporciona acceso en el navegador a todo tipo de documentos y libros electrónicos subidos por los usuarios.

14. Google Body Browser. Una aplicación web para el estudio del cuerpo humano.

15. LucidChart. Una gran herramienta en línea para la creación de gráficos y diagramas.

16. Diagramo. Una aplicación interactiva en línea, que te permite hacer diagramas y diagramas de flujo desde un navegador web.

17. Ultimate CSS Gradient Generator. Generador de gradientes CSS3. Utiliza los deslizadores y selectores de color como Photoshop y es muy recomendable.

18. Citicles. Un visualizator experimental que agrega información básica sobre una ciudad y lo muestra en un diseño de círculo (población, temperatura, tiempo, altitud, latitud y longitud).

19. Tiny Fluid Grid. Generador de marco con rejilla.

¿CUALES SON LAS VENTAJAS Y DESVENTAJAS DE HTML5?

Ventajas

• Tiene una sintaxis más clara.
• Elementos semánticos más concretos.
• Nuevos elementos de formulario que facilitan la programación de los mismos.
• Hace que se dependa menos de Flash, Silverlight y ciertas librerías de JavaScript.
• Hace que el navegador dibuje y ejecute de forma más rápida la web.

Desventajas

• La especificación de HTML 5 no ha finalizado, aún pueden sucederse cambios.
• No todo funciona en todos los navegadores.

¿CUALES SON LAS CARACTERÍSTICAS PRINCIPALES DE HTML5?

<article />Elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o periódicos.

<aside />Representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.

<dialog /> Elemento que permite reprensetar conversaciones.

<figure /> Podrás usarlo para asociar con un caption un contenido incrustado, como por ejemplo gráficos o vídeo.

<footer /> Sección de la página para contener información sobre el autor, copyright, etc,…

<header /> Representa a la sección de cabecera.

<nav /> representa la sección de la página orientada a la navegación.

<section /> Elemento que indica que se trata de una sección genérica.

<audio /> y <video /> Para el contenido multimedia.

<embed /> Es un elemento dedicado para contenido de plugins.

<m /> Representa el texto marcado.

<meter /> Usado para representar medidas, por ejemplo el tamaño del disco usado…

<time />  Usado para mostrar fechas y/o tiempo.

<canvas /> Usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos, juegos, etc,…

<commnad /> Relacionado con los comandos que el usuario puede invocar.

<datagrid /> Ideal para mostrar un arbol de datos o una tabla tabulada.

<details /> Muestra información adicionar si el usuario lo demanda.

<datalist /> Junto con el nuevo atributo list para los <input /> puede ser usado para crear comboboxes.

¿PARA QUE SIRVE EL HTML5?

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella. HTML5 está siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group.

Describir estructura y contenido.

Complementar el texto con Objetos.

Se escribe en forma de "etiquetas".

Rodeada por corchetes angulares < >.

HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico. Esta nueva versión se basó en el diseño más común de las páginas web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente, he aquí algunos ejemplos:

• Un nuevo diseño para páginas web, reflejado en las  etiquetas<header>, <footer>, <nav>, <section>,<article> las cuales están destinadas a remplazar la necesidad de tener una <div> para cada parte de la página, y en cambio, tener etiquetas específicas para ello.
• La nueva etiqueta <video> para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta <embed> y evitándonos la pena de insertar el código de <object>, así como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).
•  Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior.
• Una etiqueta <canvas> para manejo de gráficos en internet, sea para dibujar vectores o hacer animaciones.