Mise en place d'un site de vente en ligne

Cette conférence porte sur la mise en place d'un site de vente en ligne, un projet qui s'inscrit dans le cadre d'un cours sur le développement d'applications web professionnelles. Elle couvre les différentes étapes du projet, depuis l'analyse des besoins jusqu'à la réalisation, les tests, et enfin la conclusion avec les perspectives d'évolution.

Présentation générale et problématique

Le site actuel de la société se présente comme une vitrine statique, affichant des publications anciennes sans possibilité de mise à jour régulière via un back office. Les ventes se font principalement par des méthodes non professionnelles, notamment via Facebook, ce qui limite la portée et l'efficacité commerciale.

La solution proposée vise à créer un site de vente en ligne qui met en contact direct les clients avec les experts de la société grâce à un service d’assistance « helpdesk ». Ce site permettra également de gérer les produits, de faciliter la recherche pour les clients, et de fidéliser ces derniers en leur offrant un espace abonné personnalisé.

Objectifs du projet

Pour la société, l'objectif principal est de rationaliser le processus de vente, simplifier et réduire la charge de travail des employés. Pour les clients, il s'agit de pouvoir passer commande facilement sur différents produits et d'échanger avec des spécialistes via le service d’assistance.

Analyse et spécification des besoins

L’analyse des besoins s’appuie sur plusieurs diagrammes UML :

• Diagramme de cas d’utilisation : il illustre les interactions entre les utilisateurs (clients, employés, administrateurs) et le système, notamment la gestion des commandes, la consultation des produits, et le service helpdesk.
• Diagramme de classe d’analyse : il décrit les principales classes du système et leurs relations, telles que Produit, Client, Commande, Ticket d’assistance, etc.
• Diagramme de séquence d’analyse : il montre la chronologie des interactions entre objets pour des cas d’utilisation spécifiques, par exemple la création d’un ticket d’assistance.

Les besoins non fonctionnels identifiés sont :

• La sécurité
• La rapidité de traitement
• L’extensibilité
• L’exactitude
• La performance
• L’ergonomie
• La modularité

Étude conceptuelle

Lors de cette phase, des diagrammes de conception ont été élaborés pour préciser la structure du système :

• Diagramme de classe de conception « gestion des utilisateurs » : il détaille les classes liées à la gestion des comptes clients, employés et administrateurs, leurs attributs et méthodes.
• Diagramme de classe de conception « gestion des tickets » : il décrit la gestion des demandes d’assistance, du dépôt à la résolution des tickets.
• Diagramme de séquence objet « créer un ticket » : il illustre les interactions entre objets lors de la création d’un ticket d’assistance, précisant les messages échangés et les actions déclenchées.

Réalisation technique

Le développement du site a été réalisé en utilisant plusieurs technologies et langages :

• WampServer : environnement de développement local sous Windows.
• PHP 7.2.2 : langage de programmation côté serveur.
• Laravel 5.4 : framework PHP pour structurer l’application.
• Bootstrap : framework CSS pour la mise en forme responsive.
• jQuery : bibliothèque JavaScript pour faciliter les interactions côté client.
• Base de données MySQL pour le stockage des données.

Ces outils ont permis de construire un site dynamique avec un back office pour la gestion des produits, des utilisateurs et du service d’assistance.

Tests réalisés

Plusieurs tests ont été effectués pour garantir la qualité et la conformité du site :

• Distinction entre items : vérification que les éléments de l’interface sont clairement différenciés pour éviter toute confusion.
• Action minimale respectée : chaque fonctionnalité doit pouvoir être exécutée avec un minimum d’effort et d’étapes.
• Contrôle utilisateur : validation que les actions des utilisateurs sont correctement contrôlées et sécurisées.
• Flexibilité : le système doit pouvoir s’adapter facilement à différentes situations et besoins.

Conclusion et perspectives

Le développement de cette application a permis de résoudre les problèmes rencontrés par la société, notamment en offrant de nouveaux services et en améliorant la gestion commerciale. Cependant, certaines tâches restent à réaliser, comme la gestion des promotions.

Pour l’avenir, des modules complémentaires pourraient être développés, par exemple un tableau de bord pour les statistiques, facilitant la prise de décision pour les responsables de la société.

Points clés

• Le site actuel est une vitrine statique, les ventes se font via des méthodes non professionnelles.
• La solution proposée inclut un service d’assistance « helpdesk » et un espace abonné pour les clients.
• Les objectifs sont de rationaliser le processus pour la société et de faciliter les commandes pour les clients.
• L’analyse des besoins s’appuie sur des diagrammes UML (cas d’utilisation, classes, séquences).
• Les besoins non fonctionnels incluent sécurité, rapidité, extensibilité, performance, ergonomie et modularité.
• La conception détaillée comprend des diagrammes de classes et de séquences orientés objets.
• La réalisation utilise PHP, Laravel, Bootstrap, jQuery et MySQL dans un environnement WampServer.
• Les tests valident la clarté de l’interface, la simplicité d’usage, le contrôle des actions et la flexibilité.
• Des améliorations futures envisagent la gestion des promotions et un tableau de bord statistique.