Articolo

Che cos'è un'app HTML5 e ne voglio una?

protection click fraud

Hai sentito? Le app HTML5 cambieranno tutto, probabilmente Il prossimo anno. Almeno questo è quello che dice da un po 'di tempo un lato del dibattito su HTML5 e app native. È un messaggio che ogni tanto si fa strada alla ribalta, e sarà così per sempre. O almeno fino a quando non accade effettivamente e tutte le migliori app sono app HTML5. Non è insolito vedere gli sviluppatori avere questo tipo di dibattiti e sostenitori di ogni parte che spiegano come la loro versione sia la versione migliore, ma quando le cose vanno oltre una discussione con gli sviluppatori e nel mainstream in cui tu e io le sentiamo, possono crearci intorpidito. Dovremmo davvero preoccuparci di ciò che stiamo ascoltando?

In questo caso sì. Mentre l'utopia in cui ogni app è scritta in HTML5 e ogni utente ha la stessa esperienza è ancora una buona soluzione Se non succede mai, HTML5 in una forma ibrida è già un grosso problema. Dovremmo sapere e capire tutto ciò che è un grosso problema.

Verizon offre Pixel 4a per soli $ 10 / mese sulle nuove linee Unlimited

Cos'è un'app HTML5?

La prima volta che la maggior parte delle persone ha sentito parlare di HTML5 è stato quando Steve Jobs ci ha detto tutto sarebbe il futuro del web e Flash no. La sua dichiarazione è stata resa vera in parte perché Apple ha bloccato l'accesso a qualsiasi tipo di lettore Flash su iOS, ma non ci voleva un visionario di alcun tipo per sapere che questo sarebbe successo perché HTML5 ha molto di più da offrire rispetto a Flash mai fatto. Ed è così che il futuro del Web è anche un ottimo modo per codificare le applicazioni.

HTML sta per HyperText Markup Language e siamo alla quinta revisione dello standard. Ma quando senti il ​​termine app HTML5, che significhi un'app Web o un'app che puoi installare sul tuo telefono, hai davvero a che fare con tre tipi di codice.

  • L'HTML fornisce una struttura in cui gli sviluppatori possono inserire il loro codice e un'applicazione può trasformarlo in qualcosa che possiamo vedere e con cui possiamo interagire.
  • I CSS forniscono un modo per impaginare l'aspetto dei singoli bit di codice una volta che sono stati renderizzati e visualizzati sul nostro schermo.
  • JavaScript è ciò che rende tutto interattivo ed è in grado di "fare" qualsiasi cosa.

Ciò che rende eccezionale HTML5 è che tutto è compreso da un'applicazione che uno sviluppatore di app non ha bisogno di manutenzione e funziona tutto su qualsiasi dispositivo con uno schermo che ha la sua versione di quello app. Stiamo parlando di un browser web, ma non della stessa app del browser web. Il componente di un browser web che può prendere tutto questo codice e renderlo in qualcosa che possiamo usare al volo è abbastanza portabile e fa parte di molte app che già usi come visualizzazione web.

Un ingegnere Mozilla ha detto una volta: "Il codice una volta eseguito ovunque non significa scappare. L'ottimizzazione è la chiave. "Ragazzi intelligenti, quegli ingegneri di Mozilla.

Ciò significa che uno sviluppatore può scrivere il proprio codice e ottimizzarlo, quindi distribuirlo ovunque. È molto diverso dalla scrittura di codice separato per Android, iOS, macOS, Windows e HTML per webOS e BlackBerry 10. Uno sviluppatore può scrivere codice utilizzando qualunque ambiente di sviluppo scelga, che sia Blocco note o qualcosa di complesso come Visual Studio o Adobe Dreamweaver, esegui il debug e ottimizzalo in qualsiasi browser scelga e funziona ancora ovunque.

Questo include anche il tuo telefono. Abbiamo visto tutti le app HTML5 utilizzate come pagina web. Luoghi come Twitter o la versione mobile di Gmail sono ottimi esempi di HTML5 al lavoro. Ma poiché HTML5 può essere visualizzato da un componente di visualizzazione Web, rilasciare una finestra all'interno di un frame di un'app di base per creare un'app che si installa effettivamente sul telefono è semplice e veloce. Ci sono anche strumenti di terze parti che fanno tutto il lavoro per te, come Apache Cordova. Questo aiuta i nuovi sviluppatori a portare le loro idee a tutti e agli sviluppatori esperti che ora hanno il tempo di inventare cose che non abbiamo visto prima. HTML5 incorporato in un'app nativa può eseguire il codice e utilizzare le risorse ottenute da Internet, ma un file lo sviluppatore può anche installarli localmente e puntare il codice lì per onestà offline app native.

Ma non tutto è eccezionale in HTML5.

La realtà delle app HTML5

È qui che le cose possono creare confusione. Quando pensiamo a una pagina web, spesso dimentichiamo che una pagina web invia il suo codice solo a un motore del browser ed è il nostro dispositivo che fa il lavoro. Ciò significa che cose come la geolocalizzazione, la chat audio e video in tempo reale, la grafica 3D accelerata e molto altro non solo sono possibili ma semplici da implementare per uno sviluppatore utilizzando HTML5. Questo perché un ente per gli standard ha detto: "Ehi ragazzi, dobbiamo tutti fare questa determinata cosa in questo modo particolare, e uno sviluppatore può chiederci di farlo in questo modo".

Questo è l'obiettivo, comunque. La realtà può essere leggermente diversa e dobbiamo solo guardare la riproduzione video per un ottimo esempio del perché. Ogni browser che vorresti utilizzare supporta HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox e Safari sono browser HTML5 e supportano la riproduzione video una volta che uno sviluppatore digita poche parole che puntano a un file video. Qualsiasi tipo di componente di visualizzazione Web portatile di queste app farà la stessa cosa perché utilizza lo stesso motore di rendering.

Quando non fai rispettare le regole diventano suggerimenti; quelli che nessuno vuole seguire.

Ma non supportano tutti lo stesso tipo di video perché HTML5 è multipiattaforma, aperto e non proprietario, quindi nessuno li obbliga a supportare tutti i formati. Ogg Theora è un popolare formato video supportato da tutti i browser ad eccezione di Internet Explorer, che risulta essere il browser predefinito su molti computer. H.264 è ancora più popolare, ma non è aperto o gratuito, quindi Firefox non lo supporta. VP8 e WebM sono liberi di usare e aprire e tutti i motori di browser li supportano, ma Internet Explorer e Safari richiedono all'utente di scaricare e installare il supporto. Tecnicamente, HTML5 supporta la riproduzione di video HD ed è semplicissimo per uno sviluppatore implementarlo. Nel mondo reale, solo il giusto tipo di video è supportato.

YouTube riproduce tutti i video con HTML5 perché Google ha i soldi per convertire i video che carichi.

HTML5 dipende anche dall'hardware in uso e da quanto sia competente lo sviluppatore quando si tratta di scrivere il codice. La scelta della libreria JavaScript errata può comunque produrre lo stesso risultato, ma può anche portare a perdite di memoria e gestire la manipolazione DOM (Document Object Model - creato quando una pagina o un'app viene caricata e include ogni elemento nella pagina o nell'app come un "documento" separato) può rallentare in modo frustrante un'app HTML5 anche sui migliori hardware. Sui telefoni che non sono così capaci, porta rapidamente gli utenti a disinstallare la tua app.

Non è l'unico problema. Quando crei un'app HTML5 che estrae tutto da Internet, devi affrontare i tempi di caricamento. Ciò aggiunge la velocità di connessione di un utente all'elenco di cose che possono far funzionare lentamente la tua app, insieme a capacità fisiche dell'hardware (molti telefoni utilizzano processori che non sono esattamente veloci) e codice ottimizzazione. Se ci vuole un secondo per visualizzare il tuo codice sul dispositivo di un utente e 10 secondi per recuperarlo da Internet, avrai molti utenti scontenti.

L'app di Facebook è un esempio di ciò che non va in HTML5 proprio come Instagram è un esempio di ciò che è giusto.

C'è un eccellente esempio di questo disponibile, e quasi tutti noi non siamo stati contenti indipendentemente dal tipo di telefono che usiamo: l'app Facebook. L'app di Facebook è fondamentalmente una visualizzazione web incorporata in una cornice che contiene i pulsanti e aiuta a gestire le credenziali del tuo account o inviare messaggi in un modo approvato dal sistema operativo. Tutto ciò che accade all'interno dell'app è fatto con HTML5, ed è semplicemente troppo da gestire una volta che hai preso in considerazione il recupero di tutti i suoi dati da Internet. Gli sviluppatori continuano ad aggiungere sempre di più a Facebook, gli utenti pubblicano file di grandi dimensioni ospitati in luoghi al di fuori di Facebook, e ci sono milioni e milioni di persone che colpiscono tutti i server di Facebook una volta, 24 ore su 24, 7 giorni su 7. Ciò rende le app lente da aggiornare, molto assetate di energia e oggetto di molte lamentele.

Anche il sito web per dispositivi mobili di Facebook è scritto in HTML5, ma è progettato per essere limitato alle risorse perché è per mobile uso. Ciò rende più veloce il caricamento del contenuto che si desidera vedere anche se tutto quel contenuto non è visualizzato così bene come nella visualizzazione completa. È anche il motivo per cui il sito mobile e le app "lite" di Facebook che fanno riferimento ad esso funzionano molto meglio dell'app ufficiale di Facebook. E questo non è solo un problema di Facebook: ci sono molte app che avrebbero tutte le loro funzionalità supportate usando HTML5, ma lo sono altrettanto complesso (una bella parola per gonfio perché sono in giro da un po 'e sono in continua evoluzione) come Facebook e agirebbero allo stesso modo.

Quindi voglio vedere più app HTML5 o no?

Sì! Ma no tutti app.

HTML5 è davvero bravo in molte cose ed è un ottimo modo per uno sviluppatore di usare il proprio tempo per pensare a idee creative invece di fare il rooting attraverso un manuale di riferimento Objective-C o C ++. Ma a volte, la struttura rigida dei linguaggi di sviluppo che costringe uno sviluppatore a fare le cose in un certo modo è ciò che fa funzionare meglio il risultato finale sui nostri telefoni.

Le app HTML5 possono essere un incubo come vediamo dall'app di Facebook o possono essere davvero fantastiche come vediamo dal sito Gmail per cellulari. O Uber. O Instagram. O una delle centinaia di app HTML5 che utilizziamo ogni giorno. Non è una cosa noi dovrebbe preoccuparsi, ma è totalmente una cosa per gli sviluppatori dibattere all'infinito. E ora, mentre discutono e cercano di convincerti su cosa sia meglio, sai un po 'sul perché stanno dicendo le cose che stanno dicendo.

Potremmo guadagnare una commissione per gli acquisti utilizzando i nostri link. Per saperne di più.

Questi sono i migliori auricolari wireless che puoi acquistare ad ogni prezzo!
È ora di tagliare il cavo!

Questi sono i migliori auricolari wireless che puoi acquistare ad ogni prezzo!

I migliori auricolari wireless sono comodi, hanno un suono eccezionale, non costano troppo e stanno facilmente in tasca.

Tutto ciò che devi sapere sulla PS5: data di uscita, prezzo e altro ancora
Prossima generazione

Tutto ciò che devi sapere sulla PS5: data di uscita, prezzo e altro.

Sony ha ufficialmente confermato che sta lavorando su PlayStation 5. Ecco tutto ciò che sappiamo finora.

Nokia lancia due nuovi telefoni Android One economici a meno di $ 200
Nuovi Nokias

Nokia lancia due nuovi telefoni Android One economici a meno di $ 200.

Nokia 2.4 e Nokia 3.4 sono le ultime aggiunte alla gamma di smartphone economici di HMD Global. Poiché sono entrambi dispositivi Android One, è garantito che riceveranno due importanti aggiornamenti del sistema operativo e aggiornamenti di sicurezza regolari per un massimo di tre anni.

Ravviva il tuo smartphone o tablet con i migliori pacchetti di icone per Android
tema tu stesso

Ravviva il tuo smartphone o tablet con i migliori pacchetti di icone per Android.

Essere in grado di personalizzare il tuo dispositivo è fantastico in quanto aiuta a rendere il tuo dispositivo ancora più "tuo". Con la potenza di Android, puoi utilizzare lanciatori di terze parti per aggiungere temi di icone personalizzati e questi sono solo alcuni dei nostri preferiti.

instagram story viewer