SafeZone.ch – Plateforme hébergée en Suisse et mise en œuvre avec des technologies open source

La solution

SafeZone.ch fait partie de l’offre de l’Office fédéral de la santé publique (OFSP) depuis 2016 et vient compléter les offres locales de consultation sur les dépendances. Peu importe où et quand, le site web apporte en permanence une aide anonyme. On y trouve également des liens vers des centres spécialisés, des outils d’auto-évaluation et d’autres informations utiles. C’est en 2021 que le portail devient le support central de la consultation. Via l’application, des spécialistes des dépendances peuvent conseiller en ligne les personnes qui en ont besoin. Rapidement et à tout moment : c’est ça, l’aide d’urgence !

En un an seulement, nous avons conçuune application réellement utile. Un tour de force qui n’aurait évidemment pas été possible sans agilité. Nous sommes ravi·e·s de présenter ici les différents éléments de ce projet.

Les frameworks

Nous avons eu recours à deux frameworks open source bien établis. Django (basé sur Python) pour la base de l’application. Et Vue.js pour la partie frontend. Et les différentes parties de l’application sont reliées entre elles par le biais d’une interface REST.

Django

Django est une sorte de boîte à outils compacte destinée au développement d’applications web. Elle convient parfaitement à la conception d’applications individuelles, car elle contient les outils de base indispensables, sans pour autant imposer (trop) de contraintes à l’architecture de l’application.

Ces outils facilitent le travail des développeur·euse·s lors de l’élaboration de fonctionnalités de base avec un ORM solide, d’une interface graphique pour les administrateurs du système et d’un système intelligent d’utilisateurs et de rôles. Sans oublier qu’il est tout à fait possible, par le biais d’une extension courante, d’ajouter l’ensemble à un frontend désolidarisé, sous forme d’API REST.

Vue.js

Vue.js est un framework très apprécié pour la conception d’interfaces graphiques épurées et performantes dans le navigateur. Vue.js dispose naturellement de modules complémentaires qui permettent par exemple d’ajouter au framework un lien avec une API. Grâce à sa popularité (donc à sa large communauté de contributeur·trice·s), l’environnement de Vue.js propose également un large choix de composants standards comme des datepickers, des validations de données, des fenêtres modales, des accordéons et bien plus encore. Il existe par ailleurs pour Vue.js des bibliothèques UI prédéfinies qui ont permis de mettre en œuvre ultra-rapidement le frontend des expert·e·s.

Conception modulaire

Le développement du frontend a suivi une approche modulaire. Regroupées et hiérarchisées en composants, les fonctionnalités sont très polyvalentes et interchangeables.

Le module destiné aux personnes en quête de conseils est conçu de manière à s’intégrer directement dans les différents sites des centres suisses de consultation sur les dépendances. L’application peut ainsi être utilisée indépendamment du prestataire de la consultation sur les dépendances, ce qui uniformise son utilisation. Cette harmonisation permet non seulement de réduire les coûts initiaux, mais aussi d’exploiter facilement des synergies dans l’utilisation de l’outil. L’interaction est garantie au-delà des frontières des cantons et des centres de consultation, et toujours dans le plus grand respect des données. La plateforme constitue ainsi un réel atout non seulement pour les Suisses et les Suissesses, mais aussi pour les centres de consultation.