Mots-clés : gouvernance de la sécurité, programmation avancée, architecture, protection de données, conformité aux besoins
M8: Identifier, choisir et adapter les solutions appropriées en les justifiant d’un point de vue économique, méthodologique, technologique, sociétal, environnemental, éthique, légal.
Dans le projet Veetamine, nous avons utilisé le framework Vue.js. Ce n’était pas notre choix, mais celui de notre client. Sa première version de son dashboard a été réalisée dans Vue 2 et il était satisfait de son fonctionnement. Nous avons profité des bibliothèques disponibles pour le JavaScript et Vue.js. Nous avons utilisé entre autres :
Le choix de ces solutions plutôt que d’autres a été principalement motivé par la compatibilité avec le langage de programmation utilisé. Vue propose des solutions telles que Pinia ou VeeValidate qui sont prises en charge et adaptées à ce framework. VeeValidate permet de valider facilement les données saisies dans un formulaire en utilisant des règles de validation simples à configurer. Il est basé sur les concepts de validation de formulaire classiques, mais l’intègre de manière transparente dans les composants Vue.js. Il peut aussi afficher des messages d’erreur pour les champs non valides, et permet de définir des messages d’erreur personnalisés pour les différentes règles de validation. Cependant, il ne se concentre pas sur la sécurité des données et ne propose pas de fonctionnalités de chiffrement. VeeValidate est utilisé pour la validation des données côté client, il serait alors nécessaire d’ajouter une méthode de chiffrement côté serveur pour protéger les données sensibles lorsqu’elles transitent sur un réseau ou lorsqu’elles sont stockées sur le serveur, pour éviter les risques de sécurité.
Pinia est un framework de gestion de l’état pour Vue.js. Il est conçu pour aider à gérer l’état global de l’application. Il est inspiré par le pattern d’architecture du store de Vuex. Pinia permet de définir des états de l’application, des actions pour mettre à jour ces états et des accesseurs pour accéder à ces états. Il intègre également des outils pour gérer les erreurs, les notifications, les formulaires, etc. Pinia est un outil qui s’intègre facilement à une application Vue.js existante et il est conçu pour être utilisé conjointement avec Vue‐Router pour gérer les routes de l’application.
Vue‐Router est un plugin de routing pour Vue.js. Il permet de gérer les routes dans une application Vue.js en associant des URLs à des composants Vue. Cela signifie qu’il peut gérer les différentes pages ou sections d’une application Web et afficher le composant approprié en fonction de l’URL.
Bootstrap était une proposition donnée par le client, car il voulait être sûr que la page serait responsive.
Axios est une bibliothèque JavaScript utilisée pour effectuer des requêtes HTTP côté client. Il permet de simplifier les opérations courantes telles que l’envoi de requêtes GET, POST, PUT et DELETE, ainsi que la gestion des erreurs et des réponses. Il supporte les promesses ainsi que les async/await pour une gestion de la concurrence simple. Il est souvent utilisé pour les projets basés sur JavaScript pour communiquer avec un serveur, pour récupérer des données à partir d’une API ou pour envoyer des données à un serveur.
Vue‐easy‐data‐table est un composant de tableau de données pour Vue.js 3. Il permet de créer des tables de données interactives et facilement personnalisables, avec des fonctionnalités telles que le tri, la pagination, les filtres et la sélection de lignes. Il est également compatible avec les données en direct, pour permettre une mise à jour instantanée des données affichées dans la table.
Tous nos choix ont été convenus et confirmés avec le client.