Apps

Aplicacions Web Progressives (PWAs) per a empreses

Les aplicacions web progressives (PWA) inclouen totes aquelles aplicacions web que utilitzen les últimes tecnologies disponibles als navegadors per oferir una experiència en mòbils el més semblant a la d’una appnativa.

25/10/2021

Inicis de les apps i què és una PWA

Es pot dir que el naixement de les apps data del 2007, amb el llançament del primer Iphone al mercat. Però en aquest moment no existien les aplicacions natives de tercers, per la qual cosa l’única manera d’usar aplicacions de tercers era a través d’aplicacions web, per això devies connectar-te a través de Safari a una URL.

És a dir, el primer plantejament d’Apple va ser que totes les Apps fossin PWA. Però el limitant va ser la connexió. En aquella època no existia ni tan sols 3G, de manera que tota l’App al núvol era limitant per la velocitat de connexió

Després d’aquesta introducció sembla que queda clar què és una PWA, però si encara queden dubtes, a continuació us expliquem al detall què són les PWA, els seus avantatges i desavantatges davant de les apps natives i us mostrem alguns exemples de PWA desenvolupades per l’equip de GooApps.

¿Què són les PWA (Aplicacions Web Progressives)?

Les PWA, que es refereix a les Aplicacions Web Progressives o Progressive Web Apps en les sigles en anglès, inclouen totes aquelles aplicacions web que utilitzen les últimes tecnologies disponibles als navegadors per oferir una experiència en mòbils el més semblant a la d’una aplicació nativa .

Quins són els principis de les PWA?

– Progressives: funciona per a tots els usuaris, sense importar l’elecció de navegador, perquè està construïda amb millora progressiva com a principi central.

– Adaptables: s’adapta a qualsevol factor de formulari, sigui escriptori, mòbil, tauleta o el que vingui en el futur.

– Independents de la connectivitat: millorada amb service workers per treballar sense connexió o amb xarxes de mala qualitat.

– Estil app: a l’usuari li sembla una app amb interaccions i navegació estil app, perquè està construïda amb model de shell dapp.

– Fresca: sempre actualitzada gràcies al procés dactualització de service worker.

– Segura: emesa via HTTPS per evitar intromissions i per garantir que el contingut no s’hagi manipulat.

– Descobrible: es pot identificar com a “app” gràcies al manifest W3C ia l’abast de registre de service worker, cosa que permet que els motors de cerca la trobin.

– Possibilitat de tornar a interactuar: facilita la possibilitat de tornar a interactuar a través de funcions com a notificacions push.

– Instal·lable: els permet als usuaris “conservar” les apps que els resulten més útils a la pantalla principal sense la molèstia d’una botiga d’app.

– Vinculable : se puede compartir fácilmente via URL, no requiere instalación compleja.

Galeria d'imatges

PWA vs Apps natives: avantatges i desavantatges.

Avantatges respecte a les Apps:

– Temps de descàrrega: El temps de baixada de l’app nativa és superior al de la PWA. L’app nativa ha trigat 15 segons a descarregar-se al market i uns 25 segons a instal·lar-se al dispositiu.

Tot i això, la PWA ha trigat uns 5 segons a descarregar-se i instal·lar-se.
Aquesta gran diferència és perquè l’app nativa descarrega tots els recursos estàtics que necessitarà (imatges, pantalles, etc) i la PWA només requereix l’estructura bàsica i va descarregant el contingut a mesura que li cal.

– Mida que ocupen al dispositiu:
L’app nativa, descarregada de les stores ocupen molt més espais que les PWA. No obstant això la mida de la PWA s’anirà incrementant a mesura que usem l’app, ja que anirà escorcollant alguns recursos. Però tot i així, la mida de la PWA sempre serà més petita que l’app nativa.

-Connectivitat:
Si es perd la connexió a internet, totes dues apps t’avisen de manera similar.

-Interfície:
Les PWA són molt més fàcils de visualitzar en dispositius de diferents mides.

-Accés al hardware dels dispositivos:
Les PWA en aquest aspecte han evolucionat molt pel que cada cop és molt més fàcil accedir a hardware com BT, GPS, Cambra, micròfon.

Desavantatges que tenen davant de les apps natives:

– No apareixen en una store.
– Alguns navegadors no tenen suport 100 %, per la qual cosa podria funcionar de manera incorrecta.
– No s’han d’implementar per a tot tipus de cas d’ús, sobretot quan cal accés a hardware específic.
– L’experiència d’usuari moltes vegades no és la d’una apps nativa, però sí que és molt bona i fluida.

En qüestió de temps es triga més a desenvolupar una PWA o una App Nativa?

En quant a temps, s’empra menys temps a desenvolupar una PWA respecte a una app nativa degut a:
– Es troben equips de desenvolupament molt més fàcil.
– El procés de deployment als servidors és molt més senzill.
– El manteniment i suport és un procés més senzill i curt que a les apps natives.
– Els usuaris sempre tenen la darrera versió actualitzada a l’instant.
– Les tecnologies de desenvolupament són menys complexes.

En qüestió de tecnologia, per al nostre equip són més fàcils o difícils de desenvolupar?

Respecte a tecnologies per als desenvolupadors són moltes més fàcils de desenvolupar ja que sutilitzen tecnologies com Html, Css, JavaScript que són conegudes en el desenvolupament de pàgines web tradicionals, de manera que serà més fàcil trobar equip de desenvolupament especialitzat.

També el procés de desplegament és molt més fàcil que les aplicacions natives.

Per a quin tipus dempreses es recomana una PWA en lloc duna app?

Avui dia són moltes les empreses que cada vegada se sumen més a tenir les seves solucions en aquest tipus de solucions, per la qual cosa és viable per a qualsevol empresa que no requereixi accés específic de maquinari al seu negoci.
Per això podem recomanar aquest tipus de desenvolupament PWA a qualsevol empresa que requereix digitalitzar els seus processos o informació.

Contacta amb nosaltres si vols que t’ajudem a dur a terme el teu projecte

Exemples de PWA desenvolupades per l’equip de GooApps:

– Todo irá bien -> https://todoirabien.goomedical.es/#/tabs/1/inicio
– Total food control ->https://www.proacciona.es/
– GooCheck -> http://goocheck.es/

Si vols realitzar una PWA per a la teva empresa no dubtis en contactar amb nosaltres

Al donar l'OK, acceptes la nostra política de privacitat.