it-swarm.it

In che modo HTML5 potrebbe migliorare le applicazioni Web?

Negli ultimi mesi molte società web, sviluppatori di browser e professionisti hanno parlato di HTML5 poiché è la nuova evoluzione/rivoluzione per il web.

In pratica, in che modo HTML5 potrebbe migliorare le applicazioni web esistenti come Office Suite (ad esempio Google Docs) o Social Network (ad esempio Facebook), Online Photo Editor, ecc.?

12
Drake

Potrebbe migliorare le applicazioni di web office esistenti che archiviano i dati utilizzando "Web Storage".

La codifica dei siti di social network potrebbe essere più semplice con database SQL e Web Worker per caricare diverse parti della pagina. Supporto anche per le notifiche.

Gli editor di foto online possono utilizzare il trascinamento della selezione.

Queste sono solo alcune idee su come utilizzare le nuove funzionalità di HTML 5 nella tua applicazione web.

Penso che dovresti dare un'occhiata HTML 5 Rocks! Hanno un buon elenco di funzionalità da HTML 5 ed esempi su come usarli. Più risorse e informazioni sulle ultime notizie da HTML5.

5
Bernie Perez

Probabilmente ci sono 5 funzionalità più parlate

  1. Web worker - consente agli sviluppatori di eseguire script in background in modo che un'applicazione web possa fare più di una cosa alla volta.
  2. Tag video - Un modo semplice per fare video online senza flash, abbiamo solo bisogno di un codec standard
  3. Canvas - Esattamente come sembra, un modo per creare un'immagine al volo all'interno della finestra del browser
  4. Cache dell'applicazione - Consente alle applicazioni di archiviare oggetti in modo da poterli utilizzare in seguito senza essere connessi a Internet (Leggi la tua e-mail dopo il download, Google Gears era)
  5. Geolocalizzazione - Possibilità per il browser di inoltrare la propria posizione all'applicazione

Molte di queste funzionalità sono già state implementate in alcuni browser e applicazioni. Google latitude utilizza la geolocalizzazione, Google Gears era un'implementazione basata su plug-in delle stesse idee delle cache delle applicazioni, Canvas come le cose sono state fatte con JavaScript.

I web worker sono nuovi e possono consentire che accadano diverse cose all'interno delle applicazioni web. Qualsiasi tipo di elaborazione laterale che sembra funzionare ora, sarà più fluido in quanto un singolo thread può essere dedicato alle notifiche o a una chat in loco o ad altre attività di elaborazione periodica all'interno dell'applicazione.

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

3
danivovich

I thread Canvas e Web Worker Thread sono gli aspetti più interessanti di HTML5 per me. Ho scritto alcune app Web che utilizzano queste funzionalità:

GioAUTHor [sic] fa ampio uso della tela per permetterti di tracciare percorsi su una mappa e quindi trovare il percorso più breve dall'inizio alla fine (tramite l'algoritmo di Dijkstra in JavaScript).

Demo discussione JavaScript fa un uso limitato della tela ma mostra l'uso di Discussioni lavoratore, completo di codice demo. Utilizza inoltre il controllo del cursore HTML5 input type = "range" .


Il supporto del browser HTML5 è vario quanto i browser stessi. C'è Nice site (in HTML5, natch) su HTML5 readyiness che mostra chi è pronto per cosa.

2
Alan

I miei tre preferiti sono CSS3, Canvas e WebSocket. Insieme, possono fornire funzionalità di collaborazione davvero potenti a qualsiasi webapp. WebSocket avrebbe sostituito la messaggistica pseudo-realtime con polling ajax. Le poche cose che vedo finora utilizzate sono la chat basata sul web (zoppo) e la webapp di mappatura mentale (sembra davvero interessante quando due persone stanno mappando un progetto).

2
Eimantas

Le capacità di HTML5 stanno sostituendo principalmente ciò che fa Flash, con il canvas e video tag che rendono molto più facile fare video, giochi e editor di immagini online senza Flash.

Anche se questo potrebbe non sembrare un grande miglioramento, Flash è un problema moltopiù grande su piattaforme non Windows rispetto a Windows.

1
Gelatin

La maggior parte dei test di velocità della larghezza di banda sono basati su flash. Ora possono essere basati su html5 ... Significa caricamento della pagina più veloce e misurazione della larghezza di banda più accurata.

Un buon esempio è: SpeedOf.me

0
vivaHtml5