¿De qué manera HTML5 podría mejorar las aplicaciones web? [cerrado]


12

En los últimos meses, muchas compañías web, desarrolladores de navegadores y profesionales hablaron sobre HTML5, ya que es la nueva evolución / revolución para la web.

En términos prácticos, ¿de qué manera HTML5 podría mejorar las aplicaciones web existentes como Office Suites (por ejemplo, Google Docs) o las redes sociales (por ejemplo, Facebook), Online Photo Editor, etc.


2
¿Esto es realmente sobre el tema aquí?

@Kinopiko Creo que es un tema, estoy preguntando qué características prácticas HTML5 podría permitir implementar en una aplicación web.
Drake

Me pregunto por qué nadie menciona el almacenamiento en caché sin conexión. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Respuestas:


5

Podría mejorar las aplicaciones existentes de la oficina web que almacenan datos mediante el uso de "Almacenamiento web".

Codificar sitios de redes sociales podría ser más fácil con Bases de datos SQL y Trabajadores web para cargar diferentes partes de la página. También soporte para notificaciones.

Los editores de fotos en línea podrían usar arrastrar y soltar.

Estas son solo algunas ideas sobre cómo usar las nuevas funciones de HTML 5 en su aplicación web.

¡Creo que deberías echar un vistazo a HTML 5 Rocks! Tienen una buena lista de características de HTML 5 y ejemplos sobre cómo usarlas. Además de recursos e información sobre las últimas noticias de HTML5.


Gracias por el enlace, encontré dos guías útiles dentro: slides.html5rocks.com y diveintohtml5.org . Parece que este año el soporte para una buena cantidad de características HTML5 se agregará a la mayoría de los navegadores, probablemente en 2011 veremos los resultados en las aplicaciones web.
Drake

El nuevo Firefox 4 beta tiene toneladas de soporte para HTML5. Usted deberia comprobar esto.
Bernie Perez

3

Probablemente hay 5 características más comentadas

  1. Trabajadores web : permite a los desarrolladores ejecutar scripts en segundo plano para que una aplicación web pueda hacer más de una cosa a la vez.
  2. Etiqueta de video : una forma fácil de hacer videos flash gratis en línea, solo necesitamos un códec estándar
  3. Lienzo : exactamente cómo suena, una forma de crear una imagen sobre la marcha dentro de la ventana del navegador
  4. Cachés de aplicaciones : permite que las aplicaciones almacenen cosas para que pueda usarlas más tarde sin estar conectado a Internet (lea su correo electrónico más tarde después de que se descargue, al igual que Google Gears)
  5. Geolocalización : capacidad del navegador para transmitir su ubicación a la aplicación

Muchas de estas características ya se han implementado en algunos navegadores y aplicaciones. Google latitude usa la ubicación geográfica, Google gears fue una implementación basada en plug-in de las mismas ideas que los cachés de aplicaciones, Canvas como cosas que se han hecho con JavaScript.

Los trabajadores web son nuevos y pueden permitir que sucedan muchas cosas diferentes dentro de las aplicaciones web. Cualquier tipo de procesamiento paralelo que parezca funcionar ahora, será más sencillo ya que un solo hilo puede dedicarse a notificaciones o un chat en el sitio u otra tarea de procesamiento periódico dentro de la aplicación.

Recursos:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/


2

Los temas de Canvas y Web Worker son los aspectos más interesantes de HTML5 para mí. He escrito algunas aplicaciones web que hacen uso de esas funciones:

GioAUTHor [sic] hace un uso extensivo del lienzo para permitirle trazar rutas en un mapa y luego encontrar la ruta más corta desde el principio hasta el final (a través del algoritmo de Dijkstra en JavaScript).

JavaScript Thread Demo hace un uso limitado del lienzo, pero muestra el uso de Worker Threads, completo con el código de demostración. También utiliza el control deslizante HTML5 input type = "range" .


El soporte del navegador HTML5 es tan variado como los navegadores mismos. Hay un buen sitio (en HTML5, natch) sobre la preparación HTML5 que muestra quién está listo para qué.


2

Mis tres favoritos son CSS3, Canvas y WebSockets. Combinados, pueden proporcionar funciones de colaboración realmente potentes a cualquier aplicación web. WebSockets reemplazaría la mensajería pseudo-en tiempo real con sondeo ajax. Las pocas cosas que veo que se usan hasta ahora son el chat basado en la web (cojo) y la aplicación web de mapeo mental (se ve realmente genial cuando dos personas están mapeando algún proyecto).


Una curiosidad: ¿WebSockets reemplazará a AJAX por completo?
Drake

1
No lo reemplazarán. Ajax, como tecnología, permanecerá. Ya no se usará para tareas, que se ajustan mejor a WebSockets.
Eimantas

Ah ok, gracias por la explicación.
Drake

1

Las capacidades de HTML5 están reemplazando principalmente lo que hace Flash, con las etiquetas de lienzo y video que hacen que los videos, juegos y editores de imágenes en línea sean mucho más fáciles de hacer sin Flash.

Si bien esto puede no parecer una gran mejora, Flash es un problema mucho mayor en plataformas que no son Windows que Windows.


0

La mayoría de las pruebas de velocidad de ancho de banda están basadas en flash. Ahora pueden basarse en html5 ... Significa una carga de página más rápida y una medición de ancho de banda más precisa.

Un buen ejemplo es: SpeedOf.me

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.