Plan&Drive
Description
Plan&Drive est une application complète dédiée à la planification et au suivi des véhicules de chantier dans des petites entreprise, que j'ai développé avec WinDev et SQL Server pour assurer une gestion efficace et centralisée du parc automobile.
En complément, j'ai mis en place un site vitrine conçu avec React et TailwindCSS afin de présenter la solution et faciliter la communication et la commercialisation.
Le site met en avant les fonctionnalités du produit et ses avantages.
J'ai mené le projet en collaboration avec une graphiste, chargée de la conception de l'identité visuelle (logos, palette graphique) et de la maquette UI/UX, assurant une cohérence entre le produit logiciel et sa communication web.
Cahier des charges clients
- Application disponible sur Desktop et tablette Windows Surface
- Design simple et accessible à tous les utilisateurs (non formé)
- Impression des calendriers des camions
Réalisations :
- Développement back-end et front-end avec WinDev (gestion du parc, plannings).
- Connexion à SQL Server pour centraliser les données.
- Création d’un site vitrine pour présenter le produit, déployé en production.
- Collaboration avec une graphiste pour assurer une cohérence UI/UX.
Lien du projet : https://plandrive.ch
Composantes essentielles
C.E. 4.0 1 : Se conformer aux standards du Web et aux normes d'accessibilité.
→ Développement du site vitrine responsive avec React et TailwindCSS, conforme aux bonnes pratiques.
C.E. 4.0 2 : Appliquer des concepts théoriques issus de l’informatique et des sciences de l'information.
→ Architecture logicielle basée sur WinDev et SQL Server pour une gestion robuste des données métiers.
C.E. 4.0 3 : Produire un code fonctionnel, sobre et réutilisable.
→ Conception d’une application structurée et maintenable ; composants réutilisables sur le site vitrine React.
C.E. 4.0 4 : Utiliser des outils favorisants un développement itératif et collaboratif.
→ Collaboration efficace avec une graphiste : intégration d’une charte graphique et d’une maquette UI/UX partagée (Figma).
C.E. 4.0 5 : Veiller à la sécurité des systèmes et des données.
→ Intégration d’une base SQL sécurisée et protégé pour la gestion des données véhicules.
C.E. 5.0 1 : S’appuyer sur une veille technologique et des modèles d’innovation.
→ Choix de technologies modernes (React, TailwindCSS, SQL Server) adaptées au contexte PME.
C.E. 5.0 2 : Favoriser la collaboration entre les parties prenantes du projet.
→ Coordination entre le développement logiciel, le design visuel et le client (besoins métier) pour assurer une solution cohérente.
C.E. 5.0 3 : Respecter les droits et la vie privée.
→ Prise en compte de la confidentialité des données professionnelles stockées (véhicules, planning...).
Apprentissage critique
A.C. 34.01 : Développer à l’aide d’un framework de développement côté client.
→ Conception d’un site vitrine performant et responsive avec React + TailwindCSS.
A.C. 34.04 : Concevoir et développer des composants logiciels, plugins ou extensions.
→ Développement d’interfaces et fonctionnalités modulaires WinDev.
A.C. 34.05 : Maîtriser l’hébergement et le déploiement d’applications.
→ Mise en ligne du site vitrine (https://plandrive.ch), et déploiement de l'application métier chez le client
A.C. 35.01 : Piloter un produit, un service ou une équipe.
→ Gestion globale du projet (logiciel + communication), coordination avec la graphiste et suivi des livrables.
A.C. 35.02 : Maîtriser la qualité en projet Web ou multimédia.
→ Cohérence graphique, tests d’affichage, et optimisation technique pour une expérience utilisateur fluide.