De quelle manière HTML5 pourrait-il améliorer les applications Web? [fermé]


12

Au cours des derniers mois, de nombreuses sociétés Web, développeurs de navigateurs et professionnels ont parlé du HTML5, car il s'agit de la nouvelle évolution / révolution du Web.

Concrètement, de quelle manière HTML5 pourrait-il améliorer les applications Web existantes comme les suites Office (par exemple Google Docs) ou les réseaux sociaux (par exemple Facebook), Online Photo Editor, etc.?


2
Est-ce réellement sur le sujet ici?

@Kinopiko Je pense que c'est sur le sujet, je me demande quelles fonctionnalités pratiques HTML5 pourrait permettre d'implémenter dans une application web.
Drake

Je me demande pourquoi personne ne mentionne la mise en cache hors ligne. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Réponses:


5

Il pourrait améliorer les applications de bureau Web existantes qui stockent des données en utilisant le «stockage Web».

Le codage des sites de réseaux sociaux pourrait être plus facile avec les bases de données SQL et les travailleurs Web pour charger différentes parties de la page. Prise en charge également des notifications.

Les éditeurs de photos en ligne peuvent utiliser le glisser-déposer.

Ce ne sont que quelques idées sur la façon d'utiliser les nouvelles fonctionnalités de HTML 5 dans votre application Web.

Je pense que vous devriez vérifier HTML 5 Rocks! Ils ont une bonne liste de fonctionnalités de HTML 5 et des exemples sur la façon de les utiliser. Plus de ressources et d'informations sur les dernières nouvelles de HTML5.


Merci pour le lien, j'ai trouvé deux guides utiles à l'intérieur: slides.html5rocks.com et diveintohtml5.org . Il semble que cette année, la prise en charge d'un bon nombre de fonctionnalités HTML5 sera ajoutée à la plupart des navigateurs, probablement en 2011, nous verrons les résultats dans les applications Web.
Drake

La nouvelle version bêta de Firefox 4 a des tonnes de support pour HTML5. Tu devrais y jeter un coup d'oeil.
Bernie Perez

3

Il y a probablement 5 fonctionnalités dont on parle le plus

  1. Travailleurs Web - permet aux développeurs d'exécuter des scripts en arrière-plan afin qu'une application Web puisse faire plus d'une chose à la fois.
  2. Balise vidéo - Un moyen facile de faire de la vidéo flash gratuite en ligne, nous avons juste besoin d'un codec standard
  3. Canvas - Exactement ce à quoi cela ressemble, un moyen de créer une image à la volée dans la fenêtre du navigateur
  4. Caches d'applications - Permet aux applications de stocker des éléments afin que vous puissiez les utiliser plus tard sans être connecté à Internet (lisez votre e-mail plus tard après le téléchargement, comme Google Gears l'était)
  5. Géolocalisation - Possibilité pour le navigateur de relayer sa position à l'application

Beaucoup de ces fonctionnalités ont déjà été implémentées dans certains navigateurs et applications. Google Latitude utilise la géolocalisation, Google Gears était une implémentation basée sur un plug-in des mêmes idées que les caches d'application, Canvas comme les choses ont été faites avec JavaScript.

Les travailleurs Web sont nouveaux et peuvent permettre à un tas de choses différentes de se produire dans les applications Web. Tout type de traitement secondaire qui semble fonctionner maintenant sera plus fluide, car un seul thread peut être dédié aux notifications ou à un chat sur site ou à toute autre tâche de traitement périodique au sein de l'application.

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


2

Les threads Canvas et Web Worker sont pour moi les aspects les plus intéressants de HTML5. J'ai écrit quelques applications Web qui utilisent ces fonctionnalités:

GioAUTHor [sic] utilise largement le canevas pour vous permettre de tracer des chemins sur une carte, puis de trouver l'itinéraire le plus court du début à la fin (via l'algorithme de Dijkstra en JavaScript).

JavaScript Thread Demo utilise de manière limitée le canevas mais montre l'utilisation des Worker Threads, avec le code de démonstration. Il utilise également le contrôle de curseur HTML5 input type = "range" .


La prise en charge du navigateur HTML5 est aussi variée que les navigateurs eux-mêmes. Il y a un bon site (en HTML5, natch) sur la préparation HTML5 qui montre qui est prêt pour quoi.


2

Mes trois favoris sont CSS3, Canvas et WebSockets. Combinés, ils peuvent fournir des fonctionnalités de collaboration vraiment puissantes à n'importe quelle application Web. WebSockets remplacerait la messagerie pseudo-temps réel par l'interrogation ajax. Les quelques choses que je vois utilisées jusqu'à présent sont le chat en ligne (boiteux) et la webapp de cartographie mentale (ça a l'air vraiment cool quand deux personnes cartographient un projet).


Une curiosité: WebSockets remplacera complètement AJAX?
Drake

1
Ils ne le remplaceront pas. Ajax, en tant que technologie, restera. Il ne sera plus utilisé pour des tâches qui conviennent mieux aux WebSockets.
Eimantas

Ah ok, merci pour l'explication.
Drake

1

Les capacités de HTML5 remplacent principalement ce que fait Flash, les balises canvas et vidéo rendant les vidéos, les jeux et les éditeurs d'images en ligne beaucoup plus faciles à faire sans Flash.

Bien que cela ne semble pas être une grande amélioration, Flash est un problème beaucoup plus important sur les plates-formes non Windows que Windows.


0

La plupart des tests de vitesse de bande passante sont basés sur le flash. Maintenant, ils peuvent être basés sur html5 ... Cela signifie un chargement de page plus rapide et une mesure plus précise de la bande passante.

Un bon exemple est: SpeedOf.me

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.