711 239 085 info@gilsys.com
es ca en
Fons abstracte

Desenvolupem intranets, software com a servei (SaaS) i qualsevol tipus d'eina accessible en línia.

Aplicacions web a mida

Dissenyem i desenvolupem eines i plataformes a mida per a empreses, adaptades a objectius concrets, per optimitzar processos i oferir funcionalitats avançades.

Què són les aplicacions web a mida?

Plataformes cloud per oferir serveis o resoldre processos.

Programem tot tipus d'eines al núvol

Una aplicació web a mida és un programa que s'utilitza des del navegador, sense instal·lació, i que es programa per als processos d'una empresa concreta. És una de les formes del software a mida.

A diferència de les pàgines web amb WordPress o de les webs d'alt rendiment, que mostren informació, una aplicació web treballa amb les dades de cada empresa: usuaris amb permisos, formularis, càlculs, documents i integracions amb altres eines.

Eines internes per a empreses

Aplicacions centrades a complir objectius específics dins d'una empresa, com l'optimització de processos, la gestió de projectes, el control d'inventaris o qualsevol altra necessitat. Quan una regla fixa no és suficient per resoldre alguna cosa, integrem IA dins de la mateixa aplicació.

Portals interactius i plataformes personalitzades

Dissenyem aplicacions amb interfícies intuïtives per a la gestió de serveis públics o privats, incloent-hi portals per a clients, plataformes de gestió documental i eines de col·laboració.

Serveis SaaS

Plataformes orientades al client final que ofereixen serveis en línia amb funcionalitats avançades, que poden requerir pagaments o subscripcions i una estètica professional.

Qui necessita aplicacions web?

Les aplicacions web a mida són ideals per a empreses, startups i institucions que necessiten solucions digitals personalitzades per automatitzar processos, gestionar dades complexes o oferir serveis al núvol. Són especialment útils per a aquells projectes, interns o públics, amb requisits únics que no es cobreixen amb eines estàndard.

Web, PWA o app

Aplicació web a mida o app mòbil?

Davant d'un projecte nou, és habitual pensar primer en una app. Tanmateix, en eines de gestió, plataformes B2B o serveis SaaS, una aplicació web sol resoldre el mateix amb un sol desenvolupament per a tots els dispositius i sense passar per les botigues d'aplicacions.

Quan convé una aplicació web

  • Un únic desenvolupament per a ordinador, tauleta i mòbil, en lloc de programar per a iOS i Android per separat.
  • Eines de gestió de dades: reserves, clients (CRM), processos (ERP) o panells de control.
  • Pàgines públiques que han d'aparèixer a Google per captar usuaris.
  • Projectes que no depenen de sensors específics del telèfon.

Progressive Web Apps (PWA)

Una PWA és una aplicació web que s'instal·la des del mateix navegador: afegeix una icona a la pantalla d'inici, s'obre a pantalla completa, pot enviar notificacions i, si es prepara per fer-ho, funciona sense connexió o amb mala cobertura. L'experiència s'acosta a la d'una app, amb el cost i l'agilitat d'una aplicació web.

Quan convé una app mòbil

Quan l'aplicació necessita Bluetooth, NFC, sensors biomètrics o funcionar en segon pla, o s'ha de publicar a l'App Store i a Google Play. En aquest cas desenvolupem apps híbrides per a iOS i Android, que es gestionen des d'una aplicació web.

Resum comparatiu

  • Accés

    Aplicació web (i PWA): Immediat des del navegador, sense descàrregues.

    App mòbil: Es busca i es descarrega a l'App Store o a Google Play.

  • Presència a Google

    Aplicació web (i PWA): Les pàgines públiques es poden indexar; les d'accés privat, no.

    App mòbil: El contingut de l'app no apareix a Google; només la seva fitxa a la botiga.

  • Cost de desenvolupament

    Aplicació web (i PWA): Un únic desenvolupament adaptat a totes les pantalles.

    App mòbil: Més alt: una app per a iOS i Android i, normalment, una aplicació web per gestionar-la.

  • Actualitzacions

    Aplicació web (i PWA): Immediates: l'usuari sempre utilitza l'última versió.

    App mòbil: Passen la revisió d'Apple i Google, i arriben quan l'usuari actualitza l'app.

  • Hardware del mòbil

    Aplicació web (i PWA): Càmera, ubicació i notificacions (a l'iPhone, només si s'instal·la com a PWA). Bluetooth i NFC, limitats.

    App mòbil: Accés complet: Bluetooth, NFC i sensors biomètrics.

RequisitAplicació web (i PWA)App mòbil
AccésImmediat des del navegador, sense descàrregues.Es busca i es descarrega a l'App Store o a Google Play.
Presència a GoogleLes pàgines públiques es poden indexar; les d'accés privat, no.El contingut de l'app no apareix a Google; només la seva fitxa a la botiga.
Cost de desenvolupamentUn únic desenvolupament adaptat a totes les pantalles.Més alt: una app per a iOS i Android i, normalment, una aplicació web per gestionar-la.
ActualitzacionsImmediates: l'usuari sempre utilitza l'última versió.Passen la revisió d'Apple i Google, i arriben quan l'usuari actualitza l'app.
Hardware del mòbilCàmera, ubicació i notificacions (a l'iPhone, només si s'instal·la com a PWA). Bluetooth i NFC, limitats.Accés complet: Bluetooth, NFC i sensors biomètrics.

Des del 2004 hem desenvolupat aplicacions web de tota mena

Exemples d'aplicacions web a mida

Aquestes són algunes de les més representatives, sense el nom dels clients per confidencialitat.

Processos i planificació

  • Gestories

    Organització de les tasques i la planificació dels treballadors, amb els clients i les seves sol·licituds agrupats. Cada tràmit té una plantilla de treball: en rebre la sol·licitud, es creen tots els seus processos pendents i l'equip controla en quin punt es troba cadascun.

  • Sector públic

    Gestió d'activitats, amb els seus pressupostos i la seva planificació.

Gestió de centres

  • Centres mèdics

    Disponibilitat dels metges, cites, seguiment dels pacients i facturació.

  • Autoescoles

    Gestió d'alumnes, cotxes i pràctiques, amb recordatoris automàtics per SMS.

Generació automàtica de documents

  • Fitxes tècniques

    Per al sector industrial, generades a partir de la base de dades del client o d'una dissenyada per nosaltres, per exemple amb Pimcore.

  • Albarans

    Integrats a la plataforma de gestió de centres de jardineria.

  • Etiquetes

    Per a empreses de retail tèxtil, generades a partir de les dades dels seus productes.

Formació i acreditació

  • Gestió de la formació

    Materials, sessions en streaming dels formadors, qüestionaris, seguiment de l'alumnat i emissió de diplomes.

  • Plataformes d'acreditació

    Una pàgina d'entrada i un qüestionari a partir del qual es genera automàticament un informe dinàmic, amb gràfics, i el diploma corresponent.

Plataformes SaaS

  • Validació intel·ligent de dades

    L'usuari puja una dada o un Excel, o connecta el seu sistema per API, i la plataforma indica si les dades de cada tipus són correctes.

  • Clubs de futbol

    Gestió de tàctiques, entrenaments i seguiment del club.

  • Generador de webs

    Creació de webs, amb una àrea privada per gestionar-ne el contingut.

Càlcul tècnic per a la indústria

  • Components industrials

    Càlcul del seu rendiment amb models de física i matemàtica avançada.

  • Indústria farmacèutica

    Calculadores en línia, amb accés privat per als seus usuaris.

Màrqueting i posicionament

  • Campanyes de màrqueting

    Eines per controlar les campanyes i analitzar-ne els resultats.

  • SEO i GEO

    Eines avançades per mesurar i controlar la presència d'una web a Google i als assistents d'IA.

Dispositius connectats (IoT)

  • Polseres

    Plataformes al núvol que reben i gestionen la informació de les polseres, comunicades amb una app mòbil.

  • Pantalles

    Gestió de pantalles connectades des de l'aplicació web.

El llistat és un petit exemple: podem desenvolupar el que la teva empresa necessiti, encara que no s'assembli a cap solució de la llista.

Avantatges de les aplicacions web a mida i eines cloud

Aporten beneficis únics en comparació amb les solucions estàndard.

Flexibilitat

  • Adaptació completa: Les funcionalitats, el disseny i l'arquitectura es desenvolupen segons els requisits específics del projecte.
  • Personalització avançada: Possibilitat d'integrar funcionalitats exclusives que no es poden trobar en eines genèriques.
  • Evolució constant: Els sistemes poden ajustar-se a les noves necessitats o reptes que apareguin amb el temps.

Facilitat d'accés i ús en línia

  • Accessibilitat global: Els usuaris poden accedir-hi des de qualsevol lloc i en qualsevol moment.
  • Multidispositiu: Funcionen en ordinadors, tauletes i smartphones sense necessitat de versions específiques.
  • Compatibilitat multiplataforma: Funcionen en qualsevol sistema operatiu amb un navegador compatible.
  • Sense instal·lació: No ocupen espai a l'equip i requereixen menys hardware, perquè el procés es fa al servidor.

Automatització i eficiència

  • Gestió optimitzada: Automatització de tasques repetitives.
  • Productivitat millorada: Reducció del temps necessari per completar processos clau.
  • Eliminació d'errors: Automatitzar processos crítics minimitza els riscos associats a errors manuals.

Adaptació al creixement

  • Noves funcionalitats a demanda.
  • Gestió de grans volums de dades sense comprometre el rendiment.
  • Preparades per al futur: Integració amb tecnologies emergents.

Facilitat de manteniment i actualització

  • Actualitzacions instantànies sense necessitat de descàrregues.
  • Manteniment remot: Ajustos i millores sense interrupcions significatives.
  • Costos reduïts gràcies a la gestió centralitzada.

Disseny orientat a l'usuari

  • Facilitat d'ús: Dissenys intuïtius per a una millor experiència d'usuari.
  • Adaptabilitat visual a les necessitats del públic objectiu.

Control i propietat total

  • Propietat del codi: Autonomia en modificacions o transferències.
  • Independència de proveïdors.
  • Seguretat personalitzada adaptada a normatives específiques.

Optimització per a projectes col·laboratius i SaaS

  • Treball en equip en temps real.
  • Subscripcions i serveis en línia: Gestiona usuaris i serveis.

Un disseny pensat per a cada projecte

A Gilsys, entenem que cada aplicació web té uns objectius específics, i el seu disseny ha de reflectir-los. Per això, el nostre equip de programadors adapta les interfícies d'usuari (UI) segons el tipus de projecte:

Interfícies funcionals

Ideals per a aplicacions d'ús intern, on la simplicitat i l'eficiència són prioritàries.

Interfícies atractives

Necessàries per a projectes SaaS o eines orientades al públic final, on l'aparença visual i l'accessibilitat tenen un paper clau.

Components moderns

La interfície la dissenyem amb Metronic en els projectes monolítics i amb Mantine en els que separen API i frontend amb React. Totes dues són llibreries de components que permeten oferir una interfície moderna i agradable sense partir de zero.

Arquitectura

Aplicació monolítica o separada en API i frontend

És una decisió tècnica que depèn del tipus de projecte: l'enfocament canvia si es tracta d'una plataforma SaaS, una intranet o una eina d'ús puntual.

Monolítica: tot en una peça

Sense una API ni una capa de presentació separades, la programació és més lleugera perquè tot està unificat, i el resultat és igual de vàlid. A canvi, escalar en rendiment o en infraestructura és més complicat, connectar eines externes costa més, canviar l'estètica obliga a tocar codi i les proves automàtiques són més difícils d'implementar.

API i frontend separats

La lògica viu en una API i la interfície es desenvolupa a part, normalment amb React i Mantine. S'escala cada part pel seu compte, es connecten altres eines contra la mateixa API, es canvia l'aspecte sense tocar la lògica i es poden escriure proves automàtiques. És cap a on va el desenvolupament, i el que recomanem en projectes nous.

Intentem limitar al màxim el nombre d'errors amb tests automatitzats

Control de qualitat de les aplicacions web

Proves unitàries

En els projectes que separen API i frontend, escrivim proves unitàries en tots els casos. Cada prova comprova una part concreta de l'aplicació i avisa que alguna cosa ha deixat de funcionar abans que ho detecti un usuari.

Proves escrites amb agents d'IA

Agents d'IA especialitzats escriuen les proves sota la nostra revisió, cosa que permet cobrir més casos dels que s'abastarien escrivint-les a mà. És on més ha millorat el resultat des que vam incorporar la IA al desenvolupament.

En cada nova versió

Les proves s'executen automàticament amb cada nova versió de l'aplicació, dins del procés d'integració contínua amb què es publica.

Ens prenem la seguretat molt seriosament

Què passa amb les dades personals en una aplicació web a mida?

Dades xifrades a les taules

Les dades de les taules que ho requereixen es xifren amb sistemes criptogràfics.

Base de dades xifrada amb TDE

A més, la base de dades completa es xifra amb TDE (Transparent Data Encryption): els seus fitxers no es poden llegir sense la clau.

Registre d'accessos

Queda registrat qui accedeix a l'aplicació i quan.

Còpies de seguretat protegides

Les còpies es protegeixen amb contrasenya, i la unitat on es guarden està xifrada.

Connexions segures

Les aplicacions funcionen sempre amb protocols segurs (HTTPS).

Auditoria interna abans de publicar

Abans de cada desplegament fem una segona auditoria interna, assistida per IA.

No som una empresa de ciberseguretat ni assessors legals. Quan el projecte ho requereix, recomanem sempre comptar amb una empresa especialitzada en protecció de dades o en ciberseguretat per obtenir una segona revisió.

Per què escollir Gilsys per al desenvolupament d'aplicacions web a mida?

Perfils tècnics amb experiència

Treballem amb nombrosos llenguatges i frameworks. És habitual que, en moltes empreses, un programador amb entre tres i cinc anys d'experiència passi a tasques de gestió i deixi d'evolucionar tècnicament. A Gilsys comptem amb diversos perfils tècnics de llarga trajectòria, cosa que aporta més maduresa a les solucions.

Disseny d'interfície amb la imatge de cada empresa

També ens encarreguem del disseny UI/UX: seleccionem i adaptem els components de Mantine, Metronic o un altre framework, perquè l'aplicació segueixi la línia gràfica de l'empresa i respongui a les exigències del projecte.

IA amb criteri

Incorporem la IA al desenvolupament amb criteri: revisem cada proposta i no l'acceptem sense validar-la. Les decisions tècniques les prenem nosaltres, no la IA.

Adaptació a diferents sectors

Hem treballat en projectes per a àmbits tan diversos com el sector públic, la sanitat, l'educació, la indústria, el retail i els serveis empresarials.

Suport tècnic i projecció de futur

Oferim manteniment correctiu i evolutiu per garantir que les aplicacions continuïn responent a les necessitats canviants.

Preguntes freqüents sobre aplicacions web a mida

Què és més econòmic: una aplicació web a mida o una app híbrida o nativa?

Determinar el preu depèn de molts factors (de què depèn el preu d'un desenvolupament), però, generalment, una aplicació web a mida és l'opció més econòmica: es fa un únic desenvolupament que funciona en ordinadors, tauletes i mòbils de qualsevol marca. Amb una app mòbil, fins i tot si és híbrida, cal adaptar el codi per a iOS i Android, passar les validacions d'Apple i Google i mantenir-la al dia a les botigues d'aplicacions, cosa que encareix el projecte.

De qui són el codi i la propietat de l'aplicació?

Del client. Un cop finalitzat el projecte, el codi font i la propietat intel·lectual de l'aplicació li pertanyen. Gilsys únicament es reserva l'ús dels components genèrics, de tipus biblioteca, que hagi desenvolupat i que no formen part del nucli del projecte.

Quins costos hi ha un cop lliurat el projecte?

No lliguem el client amb llicències ni amb dependències tecnològiques. Si cal manteniment, s'acorda la fórmula que millor encaixi en cada cas, però no és obligatori. A part queden els costos de la infraestructura on s'allotja l'aplicació (servidor o núvol) i dels serveis externs que utilitzi, que el client haurà de pagar al proveïdor corresponent.
Fons abstracte

Quina aplicació web necessita la teva empresa?

Analitzarem si encaixa millor una aplicació web, una PWA o una app i prepararem un pressupost personalitzat.