La durabilité technologique

  • Marc BrĂŒhwiler

Du frontend au backend, en passant par le headless CMS, le développement technologique de la plateforme visait une solution globale accessible à tout un chacun.

En savoir plus sur les services UX Design et CMS de notre agence digitale.

Une solution digitale accessible est une solution qui fonctionne, peu importe le terminal utilisĂ©. Ecorating est entiĂšrement adaptable et utilisable sur tous les navigateurs dĂšs IE11. Vue.js et GraphQL ont permis de garantir une bonne stabilitĂ© et disponibilitĂ©, tout comme une architecture flexible et un accĂšs sur mesure aux donnĂ©es par l’API. Ces bases sont dĂ©cisives afin que les pages supportent le trafic Ă©levĂ© pendant les Ă©lections au Conseil national et au Conseil des États.

L’innovation frontend exige un backend flexible

Le frontend au graphisme Ă©laborĂ© exige une solution backend innovante. Nous avons donc eu recours au headless CMS October. Le backend se charge de tous les calculs pour les diagrammes et prĂ©pare les donnĂ©es pour le frontend par le biais de l’interface GraphQL. Le frontend a Ă©tĂ© mis en Ɠuvre comme single page application avec Vue.js.

Des graphiques de qualité

En ce qui concerne la visualisation des donnĂ©es, Ecorating mise sur des graphiques qui ne s’affichent sur les pages que dans une qualitĂ© Ă©levĂ©e. De nombreux graphiques sont donc prĂ©parĂ©s avec des mĂ©thodes SVG modernes.

Trouver au lieu de chercher

Aujourd’hui, sur le web, on trouve ce que l’on cherche grĂące aux moteurs de recherche et on s’exprime sur les rĂ©seaux sociaux. La SEO (l’optimisation pour les moteurs de recherche) et le social media sharing, utilisable pour des pages individuelles, Ă©taient donc des exigences non nĂ©gociables du projet. Pour cette raison, nous avons utilisĂ© Nuxt.js pour le rendu cĂŽtĂ© serveur. Avec une page en JavaScript pur, la mise en Ɠuvre aurait Ă©tĂ© mission impossible.

Afficher les erreurs de maniÚre compréhensible

Aujourd’hui, la tolĂ©rance en matiĂšre d’erreurs des utilisateurrice·s est trĂšs faible. D’un point de vue technique et convivial, l’absence d’erreurs est essentielle. Ecorating dĂ©tecte les erreurs, par exemple les problĂšmes de tĂ©lĂ©chargement, et les indique de maniĂšre transparente aux utilisateur∙rice·s.

Sécurité

my.ecorating.ch, la zone protĂ©gĂ©e par une identification dans laquelle les politiciens∙ennes saisissent leurs promesses Ă©lectorales et les mettent Ă  jour, nĂ©cessite une sĂ©curitĂ© Ă©levĂ©e. L’API est en mode lecture uniquement et la norme de sĂ©curitĂ© Laravel est appliquĂ©e. La mise en Ɠuvre s’est effectuĂ©e avec Vuetify. Chaque politicien∙enne peut crĂ©er un profil Ă  tout moment. Une fois qu’il a Ă©tĂ© vĂ©rifiĂ© manuellement, celui-ci est alors autorisĂ© par l’Alliance-Environnement. La protection face aux manipulations est donc garantie, car chaque candidat·e doit attendre la vĂ©rification par l’Alliance-Environnement pour voir son profil ĂȘtre mis en ligne.


Qu’en penses-tu?