Què és una aplicació html5 i en vull una?

Has sentit? Les aplicacions HTML5 ho canviaran tot, probablement l' any que ve. Almenys això és el que fa un temps del debat sobre HTML5 versus aplicacions natives. És un missatge que fa de tant en tant a la llum, i serà així per sempre. O almenys fins que passi realment i totes les millors aplicacions són aplicacions HTML5. No és rar veure que els desenvolupadors tinguin aquest tipus de debats i defensors de cada costat que expliquen com és la seva versió millor, però quan les coses van més enllà d’una discussió per a desenvolupadors i cap a la corrent principal on tu i jo els sentim, ens poden adormir. Ens hauria de preocupar realment el que estem escoltant?

En aquest cas, sí. Si bé la utopia on totes les aplicacions estan escrites en HTML5 i tots els usuaris tenen la mateixa experiència, no deixa de ser una bona manera de passar si alguna vegada passa, HTML5 en una forma híbrida ja és un gran problema. Hauríem de conèixer i entendre qualsevol cosa que sigui força important.

Què és una aplicació HTML5?

La primera vegada que la gent va sentir que es mencionava HTML5 va ser quan Steve Jobs ens va dir que seria el futur de la web i Flash no ho faria. La seva declaració es va fer veritablement parcial perquè Apple va bloquejar l'accés a qualsevol tipus de reproductor Flash a iOS, però no va tenir cap visió en saber-ho, perquè HTML5 té moltes coses més que això que Flash. I només passa que el futur de la web és també una forma molt bona de codificar aplicacions.

HTML significa HyperText Markup Language i estem a la cinquena revisió de l'estàndard. Però, quan escolteu el terme aplicació HTML5, tant si significa una aplicació web com una aplicació que podeu instal·lar al vostre telèfon, realment teniu tres tipus de codi.

• HTML proporciona un marc on els desenvolupadors poden posar el seu codi i una aplicació pot convertir-la en quelcom amb què puguem veure i interactuar.
• CSS proporciona una manera de dissenyar com es veuran els bits de codi individuals un cop es mostren i es mostren a la pantalla.
• JavaScript és el que fa que sigui tot interactiu i sigui capaç de "fer" qualsevol cosa.

El que fa que HTML5 sigui fantàstic, és que una aplicació que un desenvolupador d'aplicacions no necessita mantenir i funciona en qualsevol dispositiu amb una pantalla que tingui la seva pròpia versió. Estem parlant d’un navegador web, però no de la pròpia aplicació del navegador web. El component d’un navegador web que pot agafar tot aquest codi i convertir-lo en alguna cosa que podem utilitzar al vol és bastant portàtil i una part de moltes aplicacions que ja utilitzeu com a vista web.

Un enginyer de Mozilla va dir que "el codi una vegada executat a qualsevol lloc no significa fugir. L'optimització és la clau". Nois intel·ligents, aquells enginyers de Mozilla.

El que vol dir és que un desenvolupador pot escriure el seu codi i ajustar-lo, i desplegar-lo a tot arreu. És molt diferent que escriure codi separat per a Android, iOS, macOS, Windows i HTML per a webOS i BlackBerry 10. Un desenvolupador pot escriure codi utilitzant qualsevol entorn de desenvolupament que trien, ja sigui un bloc de notes o alguna cosa complexa com Visual Studio o Adobe Dreamweaver., depurar i ajustar-lo a qualsevol navegador que trien, i encara funciona a tot arreu.

També inclou el telèfon. Tots hem vist que les aplicacions HTML5 s’utilitzen com a pàgina web. Llocs com Twitter o la versió per a mòbils de Gmail són excel·lents exemples de HTML5. Però, ja que HTML5 es pot presentar amb un component de vista web, deixar que una finestra sigui dins d'un marc bàsic d'aplicacions per crear una aplicació que realment instal·leu al telèfon és senzill i ràpid. Fins i tot hi ha eines de tercers que fan tota la feina per vosaltres, com Apache Cordova. Això ajuda als nous desenvolupadors a aportar les seves idees a tothom, així com als desenvolupadors experimentats que ara tenen temps de somiar coses que no hem vist abans. L’HTML5 incrustat en una aplicació nativa pot executar el codi i utilitzar els recursos que obté d’internet, però un desenvolupador també pot instal·lar-los localment i assenyalar el codi allà per obtenir aplicacions natives fora de línia sincera.

Però no tot és fantàstic sobre HTML5.

La realitat de les aplicacions HTML5

Aquí és on les coses es poden confondre. Quan pensem en una pàgina web, sovint ens oblidem que una pàgina web només envia el seu codi a un motor del navegador i el nostre dispositiu és el que fa la feina. Això significa que la geolocalització, el xat de vídeo i àudio en temps real, els gràfics accelerats en 3D i moltes altres coses no només són possibles, sinó senzilles perquè un desenvolupador implementi l'ús de HTML5. Això és perquè un organisme de normes ha dit: "Hola, tots hem de fer aquesta cosa d'aquesta manera en concret i un desenvolupador pot demanar-nos que ho fem així".

Aquest és l'objectiu. La realitat pot ser una mica diferent i només cal mirar la reproducció de vídeos per obtenir un bon exemple del perquè. Tots els navegadors que vulgueu fer servir admeten HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox i Safari són navegadors HTML5 i admeten la reproducció de vídeo una vegada que un desenvolupador escrigui en poques paraules que apuntin a un vídeo. Qualsevol tipus de component de vista web portàtil que tinguin aquestes aplicacions farà el mateix perquè utilitzen el mateix motor de renderització.

Quan no apliqueu normes, es converteixen en suggeriments; aquelles que ningú vol seguir.

Però no tots admeten el mateix tipus de vídeo perquè HTML5 és multiplataforma, obert i no és propietari, de manera que ningú no els obliga a suportar tots els formats. Ogg Theora és un format de vídeo popular que tots els navegadors admet, tret de l'Internet Explorer, que és el navegador predeterminat en moltes computadores. H.264 és encara més popular, però no és obert ni gratuït d’utilitzar, de manera que Firefox no és compatible. VP8 i WebM són lliures d’utilitzar i obrir i tots els motors del navegador els suporten, però Internet Explorer i Safari requereixen que l’usuari recuperi i instal·li el suport. Tècnicament, HTML5 suporta la reproducció de vídeo en alta definició i és molt fàcil que un desenvolupador la pugui implementar. Al món real, només és compatible el tipus adequat de vídeo.

YouTube reprodueix tots els vídeos amb HTML5 perquè Google té els diners per convertir els vídeos que pengeu.

HTML5 també depèn del maquinari que s’utilitzi i de la capacitat de desenvolupament del desenvolupador a l’hora d’escriure el codi. La selecció de la biblioteca de JavaScript errònia pot produir el mateix resultat, però també pot comportar filtracions de memòria i manejar la manipulació DOM (Model Object Object (Document Object Model)) creat quan es carrega una pàgina o una aplicació i inclou tots els elements de la pàgina o de l'aplicació com un "document" separat, malament, pot fer que una aplicació HTML5 es redueixi frustrant fins i tot en el millor maquinari. En telèfons que no són tan capaços, permet que els usuaris desinstal·lin l'aplicació ràpidament.

Aquest no és l'únic problema. Quan creeu una aplicació HTML5 que trau tot d’internet, heu d’afrontar els temps de càrrega. Això afegeix la velocitat de connexió d’un usuari a la llista de coses que poden fer que la teva aplicació funcioni lentament, juntament amb les capacitats físiques del maquinari (molts telèfons utilitzen processadors que no són exactament ràpids) i l’optimització del codi. Si es triga un segon a mostrar el vostre codi en un dispositiu d’usuaris i a 10 segons per obtenir-lo d’internet, tindreu molts usuaris infeliços.

L’aplicació de Facebook és un exemple d’allò que passa amb HTML5 igual que Instagram és un exemple d’allò que va bé.

Hi ha un excel·lent exemple d’això, i gairebé tots hem estat descontents sense importar quin tipus de telèfon utilitzem: l’aplicació Facebook. L’aplicació de Facebook és bàsicament una vista web incrustada en un marc que conté els botons i ajuda a gestionar les credencials del vostre compte o enviar missatges de la manera que el sistema operatiu aprova. Totes les coses que succeeixen dins de l’aplicació es fan amb HTML5, i només s’ho pot gestionar un cop tingueu en compte totes les seves dades d’Internet. Els desenvolupadors continuen afegint cada cop més a Facebook, els usuaris publiquen fitxers grans allotjats a llocs fora de Facebook, i hi ha milions i milions de persones que van colpejant tots els servidors de Facebook alhora, les 24 hores. D'aquesta manera, les aplicacions es fan lentes per refrescar-se, tenen molta potència i són moltes queixes.

El lloc web mòbil de Facebook també està escrit en HTML5, però està dissenyat per utilitzar els recursos perquè és d'ús mòbil. Això fa que es pugui carregar més ràpidament el contingut que voleu veure, fins i tot si tot el contingut no es mostra tan agradable com a la vista completa. També és per això que el lloc per a mòbils i les aplicacions de Facebook "lite" fan referència a aquest funcionament molt millor que l'aplicació oficial de Facebook. I no es tracta només d’un problema de Facebook: hi ha un munt d’aplicacions que tindrien totes les seves funcions compatibles amb HTML5, però són tan complexes (una bona paraula inflat perquè han estat durant un temps i estan canviant constantment) com Facebook i actuaria de la mateixa manera.

Llavors, vull veure o no més aplicacions HTML5?

Sí! Però no totes les aplicacions.

HTML5 és molt bo per fer moltes coses i és una forma ideal per a que un desenvolupador utilitzi el seu temps per pensar en idees creatives en lloc d’arrelament a través d’un manual de referència Objective-C o C ++. Però, de vegades, l'estructura rígida dels llenguatges de desenvolupament que obliga un desenvolupador a fer les coses d'una manera determinada és el que fa que el resultat final funcioni millor als nostres telèfons.

Les aplicacions HTML5 poden ser un malson com les que veiem des de l’aplicació de Facebook o poden resultar força impressionants com les que veiem des del lloc mòbil de Gmail. O Uber. O Instagram. O qualsevol dels centenars d’aplicacions HTML5 que fem servir cada dia. No és una cosa que ens hauria de preocupar, però és totalment una cosa que els desenvolupadors debatin sense fi. I ara mentre debaten i intenten convèncer-te de què és millor, saps una mica per què diuen les coses que diuen.

És possible que guanyem una comissió per les compres mitjançant els nostres enllaços. Aprèn més.