Des del 2012 desenvolupem apps per a empreses, startups i institucions.
Desenvolupament d'aplicacions mòbils a mida
Una sola base de codi per a iOS i Android: apps híbrides per a mòbil i tauleta, publicades a l'App Store i Google Play i integrades amb IA.
Apps híbrides per a iOS i Android
Què és una app mòbil a mida?
Una app mòbil a mida és una aplicació que s'instal·la al telèfon o a la tauleta i es programa per a un projecte concret. És una de les formes del software a mida.
A Gilsys, a més de l'app, desenvolupem l'API que la connecta amb les dades de l'empresa i, quan cal, l'aplicació web per gestionar-la, amb un únic codi per a iOS i Android.
App o aplicació web
Quan convé desenvolupar una app mòbil?
Una aplicació web responsive resol la majoria d'eines de gestió. Hi ha casos, però, en què cal una app instal·lada al dispositiu:
Ús intensiu del hardware
Giroscopi, acceleròmetre, magnetòmetre o funcions avançades de càmera, com la realitat augmentada.
Connexió amb altres dispositius
Aparellar-se i comunicar-se de manera contínua per Bluetooth (BLE) o NFC amb wearables, balises, domòtica o maquinària industrial.
Integració amb el sistema
Accés als contactes, trucades, vibració hàptica o widgets a la pantalla d'inici.
Processos en segon pla
Continuar funcionant amb el telèfon bloquejat o mentre s'utilitza una altra app, com en el seguiment GPS continu o les alarmes crítiques.
Notificacions push del sistema
Integrades al centre de notificacions del telèfon i lliurades pels serveis d'Apple i Google.
Presència a les botigues
Ser a l'App Store i a Google Play facilita que els usuaris trobin i instal·lin l'app.
App mòbil o aplicació web
Hardware
App mòbil (iOS i Android): Accés natiu a Bluetooth, NFC, Face ID, giroscopi i vibració.
Aplicació web: Limitat per les restriccions de seguretat del navegador.
Sense connexió
App mòbil (iOS i Android): Funciona sense internet i sincronitza les dades en segon pla.
Aplicació web: Bàsic: només si s'ha preparat com a PWA.
Notificacions push
App mòbil (iOS i Android): Integrades al sistema.
Aplicació web: Depenen del navegador; a l'iPhone, només si s'instal·la com a PWA.
Rendiment
App mòbil (iOS i Android): Aprofita la potència gràfica i de procés del telèfon.
Aplicació web: Bo, però supeditat al motor del navegador.
Presència
App mòbil (iOS i Android): Icona a la pantalla d'inici, instal·lada des de la botiga.
Aplicació web: Icona només si l'usuari instal·la la PWA.
| Capacitat | App mòbil (iOS i Android) | Aplicació web |
|---|---|---|
| Hardware | Accés natiu a Bluetooth, NFC, Face ID, giroscopi i vibració. | Limitat per les restriccions de seguretat del navegador. |
| Sense connexió | Funciona sense internet i sincronitza les dades en segon pla. | Bàsic: només si s'ha preparat com a PWA. |
| Notificacions push | Integrades al sistema. | Depenen del navegador; a l'iPhone, només si s'instal·la com a PWA. |
| Rendiment | Aprofita la potència gràfica i de procés del telèfon. | Bo, però supeditat al motor del navegador. |
| Presència | Icona a la pantalla d'inici, instal·lada des de la botiga. | Icona només si l'usuari instal·la la PWA. |
App, API i aplicació web
Apps connectades a una API i gestionades des d'una aplicació web
En moltes ocasions, una app necessita comunicar-se amb una API centralitzada que ofereixi funcions al núvol, i fins i tot amb una aplicació web des de la qual administrar els continguts que mostra.
Gestió centralitzada
Configuració d'opcions, administració d'usuaris i supervisió de dades des d'un entorn web privat.
Continguts sense publicar una altra versió
Els continguts es canvien des de l'aplicació web i es veuen a l'app sense publicar una nova versió a les botigues.
Dades sincronitzades
L'app i la web treballen amb les mateixes dades a través de l'API, sempre coherents i actualitzades.
Notificacions i seguiment
Des de l'aplicació web s'envien les notificacions i es consulten les estadístiques d'ús de l'app.
Per exemple, en una de les apps de formació mèdica, els formadors disposen d'un panell privat des del qual van desbloquejant "mons" de contingut, i els usuaris hi accedeixen des de l'app per continuar la seva formació. Des de la mateixa aplicació web es gestionen les notificacions i es fa el seguiment del progrés.
Cas d'èxit
Click2Move: una app contra el sedentarisme del teletreball
Click2Move és un projecte de recerca europeu, liderat per la UVic-UCC i finançat per la Comissió Europea (programa Erasmus+ Sport), creat per reduir el sedentarisme associat al teletreball. Hem desenvolupat l'app, híbrida amb React Native i connectada a una polsera d'activitat, i l'aplicació web des de la qual es gestiona. La iniciativa s'està provant amb més de 170 treballadors d'empreses dels Països Baixos, Espanya, Irlanda i Eslovènia, per avaluar-ne l'impacte en la salut i la productivitat. El protocol de l'estudi està publicat a BMC Public Health.
Seguiment dels passos
L'app rep les dades d'una polsera d'activitat adaptada al projecte.
Alertes d'inactivitat
Quan l'usuari porta massa temps sense moure's, l'app li ho recorda.
Reptes individuals i grupals
Des d'una aplicació web central es proposen activitats i exercicis per aconseguir reptes i millorar la salut.
Des de la nostra primera app, el 2012
Exemples d'apps mòbils a mida
Altres apps destacades que hem desenvolupat, sense el nom dels clients per confidencialitat.
Formació mèdica
Apps de gestió de la formació, amb continguts que els formadors desbloquegen des d'un panell web i seguiment del progrés de cada usuari.
Startup de cites
Una app per connectar amb els contactes que ja es tenien al mòbil, amb el concepte de match abans que es generalitzés: quan hi havia coincidència, es generava una notificació.
Gestió de dades empresarials
Aplicacions per gestionar des del mòbil les dades d'empreses del sector serveis.
Atles clínic per a professionals sanitaris
Un atles de més de 100 imatges de casos clínics reals, dissenyat per professionals sanitaris, classificat per patologies i amb accés privat, que ajuda a la consulta a obtenir diagnòstics diferencials. Permet cercar per àrea afectada, per diagnòstic o per imatge, i consultar referències creuades entre casos.
Tecnologia
Dues maneres de desenvolupar una app híbrida
Totes dues permeten publicar la mateixa app a iOS i Android a partir d'un sol codi. L'elecció depèn de si també cal una versió web i de les funcions del dispositiu que necessiti l'app.
App web encapsulada (Angular o React, amb Cordova)
Es programa una aplicació web amb Angular o React i s'encapsula amb Cordova per instal·lar-la com a app. El mateix codi serveix per a la versió web i per a l'app, i mitjançant plugins accedeix a funcions bàsiques del dispositiu, com la càmera, el GPS o les notificacions push. La recomanem quan el projecte necessita alhora una versió accessible des del navegador i una app instal·lable. Les apps de formació mèdica segueixen un enfocament similar: un framework propi basat en HTML i un motor JavaScript, connectat a una API remota pròpia desenvolupada en PHP amb Slim Framework.
App híbrida nativa (React Native, amb Expo)
Es programa amb React Native i Expo, que generen una app nativa per a iOS i Android a partir d'un sol codi. Té accés complet a les funcions del dispositiu, com el Bluetooth o la biometria, i un rendiment proper al d'una app nativa. La recomanem quan l'app necessita funcions avançades del dispositiu, o quan no cal una versió web o aquesta té requisits diferents.
Comparativa de les dues opcions
Tecnologia
App web encapsulada: Angular o React, amb Cordova.
App híbrida nativa: React Native, amb Expo.
Versió web
App web encapsulada: Sí, amb el mateix codi.
App híbrida nativa: No: el codi és només per al mòbil.
Funcions del dispositiu
App web encapsulada: Bàsiques, mitjançant plugins: càmera, GPS o notificacions.
App híbrida nativa: Completes: Bluetooth, biometria i sensors.
Rendiment
App web encapsulada: Correcte, amb menys fluïdesa.
App híbrida nativa: Proper al d'una app nativa.
Cost
App web encapsulada: Més baix si calen alhora la versió web i l'app.
App híbrida nativa: Més alt si, a més, cal una versió web.
Un exemple nostre
App web encapsulada: Les apps de formació mèdica (amb un framework propi).
App híbrida nativa: Click2Move.
| Aspecte | App web encapsulada | App híbrida nativa |
|---|---|---|
| Tecnologia | Angular o React, amb Cordova. | React Native, amb Expo. |
| Versió web | Sí, amb el mateix codi. | No: el codi és només per al mòbil. |
| Funcions del dispositiu | Bàsiques, mitjançant plugins: càmera, GPS o notificacions. | Completes: Bluetooth, biometria i sensors. |
| Rendiment | Correcte, amb menys fluïdesa. | Proper al d'una app nativa. |
| Cost | Més baix si calen alhora la versió web i l'app. | Més alt si, a més, cal una versió web. |
| Un exemple nostre | Les apps de formació mèdica (amb un framework propi). | Click2Move. |
De la idea al desenvolupament
Com es defineix un projecte d'app a mida
El més habitual és separar el projecte en fases i començar per un MVP, per controlar la inversió i no desenvolupar el que encara no cal. Abans de programar cada fase, es defineixen:
Pantalles i fluxos de navegació
Les pantalles es dissenyen a Figma o amb mockups, juntament amb els fluxos de navegació, per validar l'experiència d'ús abans de programar-la.
Funcionament sense connexió
Quines parts de l'app han de funcionar sense connexió i com se sincronitzen les dades quan es recupera. A Click2Move, per exemple, l'app continua registrant els passos de l'usuari encara que no hi hagi connexió.
Accés, rols i privilegis
El sistema d'accés (login) i el que pot veure i fer cada perfil d'usuari, revisant els fluxos i els privilegis de cadascun.
APIs pròpies o de tercers
Quines dades arriben d'una API pròpia i quins serveis de tercers cal connectar, com un ERP o una passarel·la de pagament.
IA generativa
Si en algun punt convé integrar IA generativa, i per a què.
Infraestructura i publicació
On s'allotjaran l'API i l'aplicació web, i com es publicaran les versions de l'app a l'App Store i a Google Play.
Per què confiar en Gilsys per desenvolupar aplicacions mòbils?
Desenvolupant apps des del 2012
Vam llançar la nostra primera app el 2012. Amb la IA, cada dia hi haurà més persones i empreses capaces de crear una app sense coneixements de programació i, en molts casos, sense entendre el codi que es genera; moltes d'elles no existien quan nosaltres ja desenvolupàvem apps. Aquesta base tècnica és la que permet detectar els errors i mantenir l'app en el temps.
IA, amb control
Fem servir la IA per potenciar els nostres desenvolupaments, i la integrem a les apps quan el projecte ho requereix, però amb precaució davant el vibe coding: requereix una base de coneixement i no es pot fer servir sense control.
La seguretat, un requisit indispensable
Quan l'app és un SaaS o tracta dades privades, la seguretat no és opcional, i sense coneixements sòlids no és possible detectar els errors que la comprometen. Així protegim les dades personals.
El codi és del client
El codi font i la propietat intel·lectual de l'app pertanyen al client, sense llicències ni dependències tecnològiques que el lliguin a nosaltres. Només ens reservem l'ús dels components genèrics, de tipus biblioteca, que no formen part del nucli del projecte.
Manteniment i evolució
Manteniment correctiu i evolutiu, per adaptar l'app a les noves versions d'iOS i Android i a les noves necessitats del projecte.
Preguntes freqüents sobre el desenvolupament d'apps mòbils
Qui publica l'app a l'App Store i a Google Play?
Desenvolupeu apps natives en Swift o Kotlin?
Podem convertir la nostra aplicació web en una app?
Quant costa desenvolupar una app?
Quina app necessita la teva empresa?
Analitzarem si encaixa millor una app híbrida nativa, una app web encapsulada o una aplicació web, i prepararem un pressupost personalitzat.