Característiques de la webapp


En aquest apartat es descriuen les característiques de la webapp i els diferents formats en què es pot oferir als usuaris.



Més concretament es pretén donar resposta a les preguntes següents:

  • Què és una webapp?
  • Quin llenguatge de programació s'utilitza?
  • Com poden els usuaris accedir a la webapp?


Una webapp és una aplicació que els usuaris poden utilitzar des d'un navegador web.

La proposta de webapp en aquest apartat consisteix en un document HTML de pàgina única (SPA) amb un menú de navegació per accedir a les diverses seccions de la webapp (fragments, pàgines…) i un espai central que conté una de les seccions amb els seus elements. Per tant, la navegació s’obté mostrant una de les seccions en funció de la tria de l’usuari i ocultant la resta.

El disseny de l’app es defineix mitjançant un fitxer CSS, el full d’estil, que concreta com dimensionar, posicionar i mostrar la webapp i els elements de cada secció. Cal tenir present que l’app ha de ser tan responsiva com es pugui, de forma que es pugui adaptar a qualsevol mida i orientació de pantalla (mòbil, tablet…)

Finalment es programa la interactivitat de l’app mitjançant un fitxer JS. Aquest fitxer conté el codi de programació en JavaScript que ha de permetre la navegació entre les diferents seccions i el comportament dels elements d'interacció amb l’usuari.

Els 3 fitxers esmentats defineixen una aplicació web (webapp) que es pot posar a disposició dels usuaris en un servidor web o en altres entorns que ho permetin (GitHub pages, Google scripts…).

La webapp, finalment, es pot convertir en una app instal·lable en dispositius mòbils Android, iOS o Windows. La conversió en una app es pot realitzar localment mitjançant Cordova. Aquest procediment permet accedir (en casos molt concrets on fos necessari) a components de maquinari del mòbil (càmera, sensors, telèfon…).
Una alternativa és convertir la webapp en una webapp progressiva (PWA), de forma que en l'accés d'un usuari des del navegador, el navegador proposa la instal·lació en el dispositiu. Un cop instal·lada, es comporta com qualsevol altra app i funciona sense connexió a Internet.