Comunitat DSTSC

Les PWA (Progressive Web App) són Apps basades en tecnologies web.

Per a desenvolupar una PWA corporativa cal tenir en compte el següent:

• Utilitzarem els servidors web corporatius preferentment. Sempre que sigui possible intentarem no estar lligats a hostings o serveis externs.
  • Podeu consultar les versions exactes del nostre servidor web a: https://comunitatdstsc.diba.cat/wiki/resum-de-la-plataforma-php
  • En cas d'una solució JAVA cal preguntar versions i especificacions del nostre servidor d'aplicacions.
• En cas d'haver utilitzar serveis de mapes o altres tipus de serveis / apis externes es prioritzaran els serveis gratuïts. Cas de ser necessàri o convenient l’ús d’un servei amb cost per ús, caldrà que el promotor de la PWA assumeixi la contractació d’aquest servei.
• Utilitzarem preferentment tecnologies i frameworks coneguts per la corporació com: Vuejs (JS), React (JS), Angular (JS), Symfony (PHP), Drupal (PHP), Liferay (JAVA), FAM (JAVA), Bootstrap (HTML)...
• Els llenguages de programació de les PWA corporatives que hagin d'hostatjar-se en els nostres servidors poden ser: HTML5, JavaScript, PHP i JAVA.
• En cas d'utilitzar serveis web prioritzarem Webservices REST seguint estàndards de mercat com JSON:API, GraphQL o ODATA.
• Prioritzarem l'adopció de frameworks i estàndards de mercat per sobre de desenvolupaments "des de zero" per facilitar el manteniment i futurs evolutius.
• En cas de necesitar emmagatzament persistent al servidor utilitzarem les bases de dades corporatives: MySQL, Oracle o MongoDB.
• Les PWA corporatives utilitzaran un subdomini de la Diputació de Barcelona de la forma: https://nom-del-projecte.diba.cat
• Totes les sol·licituts i recursos funcionaran sempre per HTTPS.
• El disseny ha de ser responsiu i adaptar-se a les diferents resolucions i disposicions de pantalla.

Totes les PWA han de definir un manifest.json que com a mínim especifiqui els següents atributs:

• name: Nom del producte en llenguatge natural.
• short_name: Utilitzarem com a short_name el mateix que al subdomini del projecte (nom-del-projecte).
• theme_color: #891536 (color corporatiu de la diba).
• description: Descripció del projecte diferent al name. No pot repetir el mateix que diu al name.
• author: Diputació de Barcelona
• icons: Diferents mides de l'icona de l'aplicació. Aquesta ha de ser acordada amb la Diputació i seguir el patró de disseny d'icones corporatives. (Com a mínim ha d'haver-hi una icona de 512x512px)
• screenshots: d'1 a 5 captures de l'aplicació (mínim 320px, màxim 3840px).
• start_url: ruta d'inici de l'aplicació.

Bones pràctiques:

• Sempre que sigui possible evitarem el scroll horitzontal.
• Validarem que funciona correctament amb tots els navegadors en versió mobile i desktop.
• Inclourem les metadades per permetre el A2HS (Add to Home screen).
• La càrrega dels recursos sempre que sigui possible serà asincrona.
• Utilitzarem PRPL Pattern sempre que sigui possible per optimitzar el rendiment en dispositius mòbils.