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.