W jaki sposób HTML5 może ulepszyć aplikacje internetowe? [Zamknięte]

12

W ostatnich miesiącach wiele firm internetowych, programistów i profesjonalistów mówiło o HTML5, ponieważ jest to nowa ewolucja / rewolucja w Internecie.

Praktycznie rzecz biorąc, w jaki sposób HTML5 może ulepszyć istniejące aplikacje internetowe, takie jak Pakiety Office (np. Dokumenty Google) lub Sieć społecznościowa (np. Facebook), Edytor zdjęć online itp.?

Kaczor
źródło
2
Czy to rzeczywiście temat na ten temat?
@Kinopiko Myślę, że jest to temat, pytam, jakie praktyczne funkcje HTML5 mogłyby pozwolić na wdrożenie w aplikacji internetowej.
Drake
Zastanawiam się, dlaczego nikt nie wspomina o buforowaniu offline. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Odpowiedzi:

5

Może poprawić istniejące aplikacje biurowe, które przechowują dane, korzystając z „Web Storage”.

Kodowanie serwisów społecznościowych może być łatwiejsze dzięki bazom danych SQL i pracownikom sieci Web ładującym różne części strony. Wsparcie dla powiadomień.

Edytory zdjęć online mogą korzystać z funkcji przeciągnij i upuść.

To tylko kilka pomysłów, jak korzystać z nowych funkcji HTML 5 w aplikacji internetowej.

Myślę, że powinieneś sprawdzić HTML 5 Rocks! Mają dobrą listę funkcji z HTML 5 i przykłady ich używania. Plus zasoby i informacje o najnowszych wiadomościach z HTML5.

Bernie Perez
źródło
Dziękuję za link, znalazłem dwa przydatne przewodniki: slides.html5rocks.com i diveintohtml5.org . Wygląda na to, że w tym roku obsługa większości funkcji HTML5 zostanie dodana do większości przeglądarek, prawdopodobnie w 2011 r. Zobaczymy wyniki w aplikacjach internetowych.
Drake
Nowa wersja Firefox 4 beta ma mnóstwo wsparcia dla HTML5. Powinieneś to sprawdzić.
Bernie Perez,
3

Prawdopodobnie jest 5 najczęściej omawianych funkcji

  1. Pracownicy sieci - umożliwia programistom uruchamianie skryptów w tle, dzięki czemu aplikacja internetowa może wykonywać więcej niż jedną czynność naraz.
  2. Tag wideo - Łatwy sposób na darmowe flashowanie wideo online, potrzebujemy tylko standardowego kodeka
  3. Płótno - dokładnie tak, jak to brzmi, sposób na tworzenie obrazu w locie w oknie przeglądarki
  4. Pamięci podręczne aplikacji - umożliwia aplikacjom przechowywanie rzeczy, dzięki czemu można z nich później korzystać bez konieczności łączenia się z Internetem (po pobraniu przeczytaj wiadomość później, tak jak Google Gears)
  5. Geolokalizacja - możliwość przekazywania przez przeglądarkę swojej lokalizacji do aplikacji

Wiele z tych funkcji zostało już zaimplementowanych w niektórych przeglądarkach i aplikacjach. Współrzędne Google używają lokalizacji geograficznej, narzędzia Google były wtyczkową implementacją tych samych pomysłów, co pamięci podręczne aplikacji. Płótno podobne do rzeczy zostało zrobione za pomocą JavaScript.

Pracownicy sieci Web są nowi i mogą pozwolić na wiele różnych rzeczy w aplikacjach internetowych. Wszelkie przetwarzanie boczne, które wydaje się teraz działać, będzie bardziej płynne, ponieważ pojedynczy wątek może być dedykowany do powiadomień, czatu na stronie lub innego zadania przetwarzania okresowego w aplikacji.

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

Danivovich
źródło
2

Na płótnie i Web Worker Threads są najbardziej ekscytujących aspektów HTML5 do mnie. Napisałem kilka aplikacji internetowych, które korzystają z tych funkcji:

GioAUTHor [sic] szeroko wykorzystuje obszar roboczy, umożliwiając wykreślanie ścieżek na mapie, a następnie znajdowanie najkrótszej trasy od początku do końca (za pomocą algorytmu Dijkstry w JavaScript).

Demo Temat JavaScript sprawia ograniczone zastosowanie płótna, ale pokazuje wykorzystanie pracownika wątki, wraz z kodem demonstracyjnym. Wykorzystuje również sterowanie suwakiem typu wejściowego HTML5 = „zakres” .


Obsługa przeglądarki HTML5 jest tak różnorodna, jak same przeglądarki. Jest to miejsce ładne (w HTML5, wydrą) o gotowości HTML5 , który pokazuje, kto jest gotowy do czego.

Alan
źródło
2

Moje trzy ulubione to CSS3, Canvas i WebSockets. Łącznie mogą one zapewnić naprawdę potężne funkcje współpracy dla dowolnej aplikacji internetowej. WebSockets zastąpiłoby wiadomości pseudo-w czasie rzeczywistym odpytywaniem ajax. Do tej pory widziałem tylko kilka rzeczy: czat internetowy (lame) i webapp mapowania umysłu (wygląda naprawdę fajnie, gdy dwie osoby mapują jakiś projekt).

Eimantas
źródło
Jedna ciekawostka: WebSockets całkowicie zastąpi AJAX?
Drake
1
Nie zastąpią go. Ajax, jako technologia, pozostanie. Nie będzie już używany do zadań, które lepiej pasują do WebSockets.
Eimantas
Ach, ok, dziękuję za wyjaśnienie.
Drake
1

Umiejętności HTML5 zastępują głównie to, co robi Flash, dzięki znacznikom płótna i wideo , dzięki którym filmy, gry i edytory obrazów online są znacznie łatwiejsze bez Flasha.

Chociaż może to nie wydawać się dużym ulepszeniem, Flash jest znacznie większym problemem na platformach innych niż Windows niż Windows.

żelatyna
źródło
0

Większość testów prędkości łączy bazuje na pamięci flash. Teraz mogą być oparte na HTML5 ... Oznacza to szybsze ładowanie strony i dokładniejszy pomiar przepustowości.

Dobrym przykładem jest: SpeedOf.me

vivaHtml5
źródło