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 nos services UX Design et CMS.

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?