Inwiefern könnte HTML5 Webanwendungen verbessern? [geschlossen]


12

In den letzten Monaten sprachen viele Web-Unternehmen, Browser-Entwickler und Fachleute über HTML5, da es die neue Evolution / Revolution für das Web ist.

Praktisch gesprochen , in der Art und Weise HTML5 bestehende Web - Anwendungen wie Office Suites verbessern könnte (zB Google Docs) oder Social Network (zB Facebook), Online Photo Editor, usw.?


2
Ist das hier eigentlich zum Thema?

@Kinopiko Ich denke, es ist ein Thema. Ich frage mich, welche praktischen Funktionen HTML5 in einer Webanwendung implementieren kann.
Drake

Ich frage mich, warum niemand das Offline-Caching erwähnt. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Antworten:


5

Bestehende Web-Office-Anwendungen, in denen Daten gespeichert werden, können mithilfe des "Web-Speichers" verbessert werden.

Das Codieren von Websites für soziale Netzwerke könnte mit SQL-Datenbanken und Web-Workern einfacher sein, um verschiedene Teile der Seite zu laden. Unterstützung auch für Benachrichtigungen.

Online-Bildbearbeiter können Drag & Drop verwenden.

Dies sind nur einige Beispiele für die Verwendung der neuen Funktionen von HTML 5 in Ihrer Webanwendung.

Ich denke, Sie sollten HTML 5 Rocks ausprobieren! Sie haben eine gute Liste von Funktionen aus HTML 5 und Beispiele für deren Verwendung. Plus Ressourcen und Informationen zu den neuesten Nachrichten aus HTML5.


Vielen Dank für den Link, ich habe zwei nützliche Anleitungen gefunden: slides.html5rocks.com und diveintohtml5.org . Es scheint, dass in diesem Jahr die Unterstützung für eine gute Anzahl von HTML5-Funktionen zu den meisten Browsern hinzugefügt wird, wahrscheinlich 2011 werden wir die Ergebnisse in Web-Apps sehen.
Drake

Die neue Beta von Firefox 4 unterstützt HTML5 in Hülle und Fülle. Sie sollten es überprüfen.
Bernie Perez

3

Es gibt wahrscheinlich 5 am meisten über Features gesprochen

  1. Web Worker - Ermöglicht Entwicklern das Ausführen von Skripten im Hintergrund, sodass eine Webanwendung mehrere Aufgaben gleichzeitig ausführen kann.
  2. Video-Tag - Ein einfacher Weg, um kostenlose Flash-Videos online zu erstellen. Wir benötigen lediglich einen Standard-Codec
  3. Canvas - Genau wie es sich anhört, eine Möglichkeit, ein Bild im Handumdrehen im Browserfenster zu erstellen
  4. Anwendungs-Caches - Ermöglichen Anwendungen das Speichern von Inhalten, damit Sie diese später verwenden können, ohne mit dem Internet verbunden zu sein.
  5. Geolocation - Möglichkeit für den Browser, seinen Standort an die Anwendung weiterzuleiten

Viele dieser Funktionen wurden bereits in einigen Browsern und Anwendungen implementiert. Google Latitude verwendet die geografische Position. Google Gears war eine Plug-in-basierte Implementierung derselben Ideen wie Anwendungs-Caches. Canvas-ähnliche Vorgänge wurden mit JavaScript durchgeführt.

Web-Worker sind neu und können in Webanwendungen eine Reihe verschiedener Vorgänge ausführen. Jede Art von Nebenverarbeitung, die jetzt zu funktionieren scheint, ist reibungsloser, da ein einzelner Thread Benachrichtigungen oder einem Chat vor Ort oder einer anderen periodischen Verarbeitungsaufgabe innerhalb der Anwendung gewidmet werden kann.

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


2

Die Canvas- und Web-Worker-Threads sind für mich die aufregendsten Aspekte von HTML5. Ich habe einige Web-Apps geschrieben, die diese Funktionen nutzen:

GioAUTHor [sic] nutzt die Zeichenfläche in großem Umfang, um Pfade auf einer Karte zu zeichnen und dann den kürzesten Weg vom Start bis zum Ziel zu finden (über den Dijkstra-Algorithmus in JavaScript).

Die JavaScript-Thread-Demo nutzt die Zeichenfläche nur eingeschränkt, zeigt jedoch die Verwendung von Worker-Threads mit vollständigem Demo-Code. Es wird auch das Schieberegler-Steuerelement HTML5 input type = "range" verwendet.


Die HTML5-Browser-Unterstützung ist so vielfältig wie die Browser selbst. Es gibt eine nette Seite (in HTML5, natch) über die HTML5-Bereitschaft , die zeigt, wer für was bereit ist.


2

Meine drei Favoriten sind CSS3, Canvas und WebSockets. In Kombination können sie jeder Webanwendung wirklich leistungsstarke Funktionen für die Zusammenarbeit bieten. WebSockets würde Pseudo-Echtzeit-Messaging durch Ajax-Polling ersetzen. Die wenigen Dinge, die bisher verwendet wurden, sind webbasierter Chat (lame) und Mind-Mapping-Webapp (sieht wirklich cool aus, wenn zwei Leute ein Projekt mappen).


Eine Kuriosität: WebSockets wird AJAX komplett ersetzen?
Drake

1
Sie werden es nicht ersetzen. Ajax als Technologie bleibt bestehen. Es wird nicht mehr für Aufgaben verwendet, die besser zu WebSockets passen.
Eimantas

Ah ok, danke für die Erklärung.
Drake

1

Die Fähigkeiten von HTML5 ersetzen in erster Linie die von Flash. Mit den Canvas- und Video- Tags lassen sich Videos, Spiele und Online-Bildbearbeitungsprogramme viel einfacher ohne Flash ausführen.

Dies scheint keine große Verbesserung zu sein, aber Flash ist auf Nicht-Windows-Plattformen ein viel größeres Problem als Windows.


0

Die meisten Bandbreitentests basieren auf Flash. Jetzt können sie HTML5-basiert sein ... Dies bedeutet schnelleres Laden der Seite und genauere Bandbreitenmessung.

Ein gutes Beispiel ist: SpeedOf.me

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.