Backoffice en Java i aplicació web bassada en Wordpress connectades via API REST

Context

Pam a pam és el mapa col·laboratiu de l’Economia Social i Solidària de Catalunya. Una eina col·lectiva que contribueix a la transformació social mitjançant la visibilització d’iniciatives que operen sota els criteris de l’economia solidària. La plataforma web Pam a pam és un dels espais essencials del projecte, ja que en ella es visibilitzen aquestes iniciatives perquè puguin ser trobades fàcilment per la ciutadania. A més, la web és l’espai de treball per a l’equip del projecte, així com per a les seves activistes, les xinxetes taronges.

Repte

El principal repte del projecte era millorar la plataforma web de Pam a pam pel que fa al disseny, l’usabilitat i la funcionalitat de cara als usuaris externs, però especialment de cara als usuaris interns del web. Les xinxetes, les activistes del projecte, junt amb l’equip tècnic, són les principals usuàries de la plataforma. La utilitzen, principalment, per bolcar la informació que recullen sobre les iniciatives que poblen el mapa. Per això, era important que el procés de bolcat d’informació fos més intuïtiu i usable. Per la seva banda, l’equip tècnic volia una plataforma més modular en què fos més fàcil la revisió de la informació bolcada per les xinxetes i la comunicació amb elles, així com poder  millorar els fluxos de treball interns. A més, la part front-end de la plataforma requeria millores d’usabilitat i la possibilitat de modificar els continguts en un web que era molt estàtic. Finalment, el cercador del mapa, un altre dels elements clau per als usuaris del web, requeria millores d’usabilitat i en els resultats de les cerques. El projecte Pam a pam va demanar una plataforma ben documentada i que es pogués replicar amb facilitat per poder pujar-la a GitHub.

Solució

Jamgo proposa construir una nova plataforma integrada per un backoffice en Java i una aplicació web basada en WordPress connectades per una API REST. L’equip va valorar que el nou gestor de continguts juntament amb el backoffice permetria al projecte, de manera autònoma i amb un mínim esforç, actualitzar i gestionar la informació de manera més fàcil.

El backoffice, l’eina habilitada per a l’administració de la plataforma, ofereix les següents funcionalitats principals:

  • Gestió de persones (diversos tipus d’usuaris, edició dels diferents perfils, etc.)
  • Gestió de les iniciatives (flux d’estats, modificació de la informació, etc.)
  • Registre de les iniciatives per part de les voluntàries (notes internes, alertes que fan la pàgina més usable, etc.)

L’aplicació web està basada en WordPress i permet publicar tota la informació del projecte. El gruix de la informació del projecte (dades de les iniciatives i dels voluntaris) s’introdueix mitjançant el backoffice. L’API REST s’encarrega de connectar els dos elements.

Tecnologies

Spring Boot 1.5.2

Frontend: Vaadin 8.0

Web: WordPress

Autenticació: Spring Security + OAuth2

Persistència: Spring Data JPA + EclipseLink, MySql

Tests unitaris: Spring Test, JUnit, H2 Database

Maven 3, Git

Serveis Web: Spring web, Jackson

 

client: Pam a pam

any: 2018

https://pamapam.org

serveis relacionats:

Desenvolupament web i app

Software a mida

Disseny

SEO i analítica web

signatura: