Projet web: site de distribution d’application Electron (Laravel)

1 – Paragraphe grand public (Décideur / Guru Business)

Cette application de formation interactive a été conçue pour offrir un accès simple et structuré à trois cours en informatique : Web interactif, Réseautique et Programmation Multijoueur. Chaque formation est organisée en chapitres progressifs afin de guider l’utilisateur dans son apprentissage de manière claire et autonome.

L’accès à l’application se fait via un site web dédié où l’utilisateur peut consulter les formations proposées, remplir un formulaire d’accès sécurisé et télécharger l’application en quelques étapes simples. Une fois le fichier téléchargé, il suffit de le décompresser sur son ordinateur et de lancer l’application pour commencer l’apprentissage. L’objectif est de proposer une solution moderne, intuitive et professionnelle pour faciliter la diffusion de contenus pédagogiques.

2 – Paragraphe technique (Architecte)

Le site de distribution est développé avec Laravel (PHP) et repose sur une architecture MVC assurant une séparation claire entre les vues, la logique métier et les routes. Le formulaire d’accès inclut une validation côté serveur afin de garantir l’intégrité des données.

L’interface est conçue avec HTML, CSS et JavaScript, et intègre des interactions dynamiques pour améliorer l’expérience utilisateur. L’application elle-même est développée en Electron. Elle est distribuée sous forme d’un fichier compressé (.zip). Après extraction, elle s’exécute localement via la commande npm start, ce qui permet de lancer l’environnement Electron sur le poste de l’utilisateur. L’ensemble est déployé sur un serveur web accessible publiquement.

Afin de garantir un accès contrôlé au téléchargement, la page de distribution est protégée par une vérification côté serveur. Un utilisateur ne peut pas accéder directement au lien de téléchargement en entrant l’adresse URL manuellement. Le système vérifie qu’un formulaire valide a été soumis avant d’autoriser l’accès à la page de distribution.

Cette approche renforce la sécurité du site et assure que chaque téléchargement est associé à une demande correctement validée, tout en conservant une expérience fluide pour l’utilisateur légitime.

En complément des améliorations techniques, une attention particulière a été portée à l’expérience utilisateur. Le formulaire d’accès a été optimisé afin d’afficher des messages d’erreur clairs et visibles en cas de saisie invalide. Les champs concernés sont automatiquement mis en évidence, ce qui guide l’utilisateur et réduit les erreurs lors de la soumission. Cette amélioration renforce la lisibilité du parcours et contribue à une interface plus professionnelle et intuitive.

3 – Illustration

La page d’accueil avec les trois cours: application-formation-interactive-laravel-electron.png

Le formulaire de téléchargement à remplir: formulaire.png

La page de téléchargement: telechargement.png

Formulaire d’accès avec validation dynamique des champs

4 – Lien

Vers le site en ligne: http://distribution.raissadomg.website/

Vers le code (GitHub): https://github.com/Raissa00bopda/maintenance-web-portfolio-ra-ssa