In che modo HTML5 potrebbe migliorare le applicazioni Web? [chiuso]


12

Negli ultimi mesi molte società web, sviluppatori di browser e professionisti hanno parlato di HTML5 in quanto è 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.?


2
Questo è davvero in tema qui?

@Kinopiko Penso che sia in tema, sto chiedendo quali funzionalità pratiche HTML5 potrebbe consentire di implementare in un'applicazione web.
Drake,

Mi chiedo perché nessuno menzioni la memorizzazione nella cache offline. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla,

Risposte:


5

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 a HTML 5 Rocks! Hanno un buon elenco di funzionalità da HTML 5 ed esempi su come usarle. Inoltre risorse e informazioni sulle ultime notizie da HTML5.


Grazie per il link, ho trovato due utili guide all'interno: slides.html5rocks.com e diveintohtml5.org . Sembra che quest'anno il supporto per un buon numero di funzionalità HTML5 verrà aggiunto alla maggior parte dei browser, probabilmente nel 2011 vedremo i risultati nelle app web.
Drake,

La nuova beta di Firefox 4 ha tonnellate di supporto per HTML5. Si dovrebbe controllare.
Bernie Perez,

3

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 eseguire video online senza flash, è sufficiente un codec standard
  3. Canvas - Esattamente come sembra, un modo per creare un'immagine al volo all'interno della finestra del browser
  4. Cache delle applicazioni : consente alle applicazioni di archiviare oggetti in modo da poterli utilizzare in un secondo momento senza essere connessi a Internet (leggi la tua e-mail dopo il download, come in Google Gears)
  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/


2

I thread Canvas e Web Worker sono per me gli aspetti più interessanti di HTML5. 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).

La demo dei thread JavaScript fa un uso limitato dell'area di disegno ma mostra l'uso dei thread di lavoro, completi di codice demo. Utilizza inoltre il controllo del cursore di input type = "range" di input HTML5 .


Il supporto del browser HTML5 è vario quanto i browser stessi. C'è un bel sito (in HTML5, natch) sulla disponibilità di HTML5 che mostra chi è pronto per cosa.


2

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).


Una curiosità: WebSocket sostituirà completamente AJAX?
Drake,

1
Non lo sostituiranno. L'Ajax, come tecnologia, rimarrà. Non verrà più utilizzato per attività che si adattano meglio a WebSocket.
Eimantas,

Ah ok, grazie per la spiegazione.
Drake,

1

Le capacità di HTML5 stanno principalmente sostituendo ciò che fa Flash, con i tag canvas e video 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 molto più grande su piattaforme non Windows rispetto a Windows.


0

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

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.