Les aplicacions web

Tothom coneix els llocs web i les aplicacions mòbil. Però una nova tendència apareix amb força en el mercat digital aquest últims anys, son les aplicacions web. De fet, les aplicacions web van aparèixer a principis dels anys 2000, però no és fins fa pocs anys que alguns llocs web estan passant-se a les aplicacions web

Les aplicacions web son uns programes a mig camí entre els llocs web i les aplicacions mòbils. Des del punt de vista del usuari, una aplicació web s’assembla molt a un lloc web, però les aplicacions web porten tota una sèrie d’avantatges que veurem més endavant

 

Què és una aplicació web ?

Abans d’entrar en detalls sobre què és una aplicació web, hem d’entendre com funciona un lloc web. Quan visitem un lloc web, el servidor ens envia la pàgina que li hem demanat (sovint la pàgina d’inici) i quan naveguem a una altra pàgina (la de contacte, per exemple) estem demanant al servidor que ens enviï una altre pàgina. Això significa que, cada vegada que anem d’una pàgina a una altre ens cal demanar al servidor l’altre pàgina i per tant la connexió internet es necessària i el temps de canviar de pàgina depèn de la qualitat de la nostre connexió internet

En una aplicació web els intercanvis amb el servidor es fan de manera diferent. Quan visitem el lloc web, el servidor ens envia tot el lloc web (amb totes les pàgines que el componen) i, una vegada tot està descarregat, és el nostre navegador que ens presenta la pàgina que li demanem mitjançant el codi de l’aplicació

 

Els tipus d’aplicacions web

Les aplicacions web SPA

Aquest tipus d’aplicacions web son les que van arribar a principis dels anys 2000 i que no van fer unanimitat en la comunitat de programadors. Es diuen SPA del anglès Single Page Application

De fet, tot i el seu gran potencial tenen un gran defecte: el visitant de l’aplicació web ha d’esperar que tota l’aplicació sigui descarregada abans de poder interactuar i veure el contingut. Avui en dia, es considera que, en un lloc web que tarda més de tres segons a mostrar-se, hi ha una gran possibilitat que el internauta no la visiti.

A més a més, per poder consultar el lloc web ens cal que el navegador pugui executar el codi de l’aplicació web, això avui en dia no és cap problema, però els motors de recerca utilitzen robots que inspeccionen el contingut de tots els llocs web d’internet per poder categoritzar-los i posicionar-los correctament. La majoria de robots no executen en codi i, per tant, el posicionament de la nostra aplicació no serà gens bo.

Les aplicacions web progressives (PWA)

Aquest tipus d’aplicacions web son les que arriben amb força aquests dos últims anys. El nom de PWA prové del anglès Progressive Web Apps. Les aplicacions web progressives comporten totes les avantatges dels llocs web convencionals i totes les avantatges de les aplicacions web per al usuari.

Les aplicacions web progressives es carreguen en tres fases:

1.- Vista preliminar de la pàgina consultada

Quan accedim a una de les pàgines del lloc web, el servidor ens envia una versió “estàtica” de la pàgina (es exactament el mateix funcionament que un lloc web tradicional). Aquesta vista preliminar permet resoldre els dos problemes de les SPA: El posicionament i el temps necessari per mostrar el contingut

2.- Càrrega de l’aplicació en tasca de fons

El visitant està veient el contingut de la vista preliminar, sense saber-ho, l’aplicació es carrega en tasca de fons. El temps de càrrega depèn de la complexitat de l’aplicació i de la qualitat de la connexió

3.- Intercanvi de la vista preliminar a l’aplicació

Un cop l’aplicació està descarregada, l’aplicació agafa el control sense que ens en adonem i a partir d’aquest moment estem en l’aplicació. Si canviem de pàgina ja no ens caldrà el servidor, per exemple

 

Quins son els avantatges de les aplicacions web ?

Les aplicacions web progressives porten tota una sèrie d’avantatges inherents comparat amb els llocs web convencionals. A més a més, segurament que amb el temps noves possibilitats s’aniran afegint a les que ja existeixen.

Et presentem alguns dels avantatges principals:

 

Navegació instantània

Un cop l’aplicació descarregada podem canviar de pàgina de manera instantània ja que no depenem del servidor

 

Instal·lació de l’aplicació en un mòbil

Una aplicació web es pot instal·lar en un mòbil com si fos una aplicació mòbil nativa (només en telèfons Android de moment). A més a més, d’instal·lació es fa des del mateix lloc web sense haver d’anar al “Play Store” de Google

Et mostrem un vídeo de com funciona:

 

Mode sense connexió

Un cop tenim l’aplicació descarregada, podem fàcilment crear un mode sense connexió que ens permet continuar visitant el lloc web en mode avió. Evidentment, no podrem recuperar les ultimes informacions del lloc web ja que ens caldria la connexió internet, però el usuari podrà consultar el lloc web

 

Visites ulteriors ultra ràpides

Si tornem a visitar el lloc web un altre dia, ja tenim tota l’aplicació en el nostre terminal. Per tant, les úniques dades que hem de demanar al servidor, són les que estan relacionades amb el contingut accelerant moltíssim el temps de resposta

 

Exemples d’aplicacions web progressives

Starbucks

Si visitem Starbucks amb el nostre mòbil, sense saber-ho estem visitant una aplicació web progressiva. Starbucks volia millorar l’experiència d’usuari i captar nous clients en zones amb connexió internet de mala qualitat. De fet, Starbucks buscava una solució on es pogués encarregar els seus productes en quasi qualsevol condició de qualitat de xarxa internet.

Enllaç a l’aplicació web de Starbucks

Pàgina d'inici de la web app de Starbucks
Aplicació web de  Starbucks

 

Twitter

Si visitem Twitter en la seva versió per mòbil, utilitzarem la seva aplicació web progressiva. A Twitter, li diuen “Twitter Lite Platform”. Al Abril 2017 l’aplicació web progressiva de Twitter es va convertir en la manera d’accedir Twitter per defecte amb un mòbil. Això significa casi 100M de visites al dia !

Enllaç a l’aplicació web de Twitter

Aplicació web de Twitter
Aplicació web de Twitter

 

kubiiks

Doncs si, aquest lloc web es en realitat una aplicació web progressiva ! kubiiks SAS es una agència digital especialitzada en la creació d’aplicacions web progressives a mida. Hem desenvolupat tot una plataforma de codi que ens permet proposar aplicacions web progressives configurables a preus molt competitius. Si en vol saber mes, visiti la nostra pàgina d’inici

Pàgina d'inici de kubiiks
Pàgina d'inici kubiiks

 

 

Creat : 01-Apr-2020

Descobreixi com les noves tecnologies web el poden ajudar

Rebrà un correu electrònic al més amb explicacions de noves funcionalitats del web

Condiciones d’utilització de dades personals