Les implications politiques du e-commerce sont souvent sous-estimées, pourtant elles façonnent l’avenir des marchés locaux. Ce mémoire sur la plateforme ‘EsoukDz’ révèle comment une solution innovante peut transformer le paysage commercial algérien, offrant des outils essentiels pour les vendeurs et améliorant l’expérience client.
Chapitre : Réalisation
Introduction
Dans ce chapitre, nous détaillerons le processus de réalisation de notre application multi-vendeur, en nous appuyant sur les technologies modernes et robustes sélectionnées lors de la phase de conception.
L’architecture de l’application repose sur une base de données MongoDB pour le stockage des données, une interface utilisateur développée avec React.js pour une expérience utilisateur dynamique et réactive, et un backend en Express.js pour la gestion des logiques métier et des API.
De plus, nous utiliserons Amazon Web Services (AWS) pour le déploiement et l’hébergement de notre application, garantissant ainsi une scalabilité et une disponibilité optimale. Ce chapitre abordera les différentes étapes de développement, les choix technologiques et les stratégies de déploiement mises en place pour concrétiser notre projet.
Environnement de développement
Dans cette section, nous aborderons l’environnement de développement utilisé pour concevoir et mettre en œuvre l’application. Nous avons opté pour les outils suivants afin de faciliter le processus de développement :
- Express.js: Utilisé comme Framework [12] côté serveur pour construire des API RESTful5 robustes en JavaScript.
- React.js : Framework JavaScript côté client pour développer des interfaces utilisateur interactives et réactives. [13]
- MongoDB : Base de données NoSQL [14] choisie pour sa flexibilité et sa scalabilité.
- Visual Studio Code : Éditeur de code source léger [15], puissant et multiplateforme utilisé pour l’écriture du code.
- Postman : Outil de test d’API utilisé pour tester et valider les requêtes API. [16]
- Studio 3T : Interface graphique pour MongoDB , utilisée pour explorer, visualiser et interagir avec les données de la base de données. [17]
Cet ensemble d’outils a été sélectionné pour maximiser la productivité, assurer la qualité du code et faciliter le développement et le débogage de l’application.
lII.3 Architecture de la plateforme
Pour la mise en œuvre de notre système, nous avons opté pour une architecture client- serveur. Cette approche divise les responsabilités entre le client, qui représente l’utilisateur final, et le serveur, qui gère la logique métier et les données.
Cette séparation permet une gestion efficace des requêtes et des réponses, assurant ainsi une performance optimale et une scalabilité adéquate du système.
5 RESTful (Representational State Transfer) : une interface de programmation appréciée pour sa simplicité, sa scalabilité et sa compatibilité avec les protocoles web standards.
[9_implications-politiques-du-e-commerce-en-algerie_10]
Figure III-1 Modèle client / serveur
Client : Il s’agit d’un dispositif matériel équipé d’un environnement logiciel offrant une interface graphique. Les clients contactent un serveur pour accéder à des services spécifiques.
Serveur : C’est un processus qui reçoit des demandes de services provenant des clients via un réseau. Il traite ces demandes et renvoie les résultats aux clients. Les serveurs sont souvent des machines puissantes, particulièrement en termes de capacités d’entrées/sorties (E/S).
Communication Client/Server
La communication entre le client et le serveur repose souvent sur l’utilisation du format JSON (JavaScript Object Notation) [18] pour échanger des données structurées de manière efficace et flexible. Voici comment ce processus peut être abordé :
Utilisation de JSON pour la Communication
JSON [18] est un format de données léger et largement utilisé pour représenter des objets et des tableaux de valeurs. Il offre plusieurs avantages pour la communication client/serveur :
- Structuration des Données : JSON [18] permet de structurer les données en objets et en tableaux, facilitant ainsi la représentation de structures complexes.
- Lisibilité et Compatibilité : Les données JSON [18] sont lisibles par les humains et faciles à manipuler dans les applications JavaScript, en plus d’être compatibles avec de nombreux langages de programmation et frameworks.
- Échange de Données : Dans le contexte client/serveur, JSON est utilisé pour envoyer des requêtes et des réponses entre le client et le serveur. Les requêtes peuvent contenir des données envoyées par le client au serveur, tandis que les réponses fournissent les résultats ou les informations demandées par le client.
Exemple de Communication JSON
Voici un exemple simplifié montrant comment les données sont échangées entre un client et un serveur en utilisant JSON :
[9_implications-politiques-du-e-commerce-en-algerie_11]
Figure III-2 Communication avec JSON client / serveur
Gestion des routes
La gestion des routes est un aspect essentiel du développement backend, permettant de définir comment les requêtes HTTP sont traitées par le serveur et quelles actions sont entreprises en réponse à ces requêtes. Dans cette section, nous allons expliquer les principales méthodes HTTP utilisées dans la gestion des routes : GET, POST, PUT et DELETE.
En utilisant ces méthodes HTTP, nous pouvons structurer notre application backend pour gérer efficacement les différentes opérations CRUD (Create, Read, Update, Delete) nécessaires à la gestion des données. Ces routes sont définies dans notre serveur Express.js, assurant une communication fluide entre le frontend et le backend.
Méthode GET
La méthode GET est utilisée pour récupérer des données du serveur. Elle est généralement utilisée pour obtenir des ressources ou des informations spécifiques.
Voici un exemple d’utilisation :
[9_implications-politiques-du-e-commerce-en-algerie_12]
Figure III-3 Exemple de Méthode GET
Méthode POST
La méthode POST est utilisée pour envoyer des données au serveur, souvent pour créer une nouvelle ressource. Les données envoyées avec une requête POST sont généralement incluses dans le corps de la requête.
Voici un exemple d’utilisation :
[9_implications-politiques-du-e-commerce-en-algerie_13]
Figure III-4 Exemple de Méthode POST
Méthode PUT
La méthode PUT est utilisée pour mettre à jour une ressource existante sur le serveur. Elle nécessite généralement l’identification de la ressource à mettre à jour via un paramètre dans l’URL.
Voici un exemple d’utilisation :
[9_implications-politiques-du-e-commerce-en-algerie_14]
Figure III-5 Exemple de Méthode PUT
Méthode DELETE
La méthode DELETE est utilisée pour supprimer une ressource existante sur le serveur. Comme la méthode PUT, elle nécessite l’identification de la ressource à supprimer via un paramètre dans l’URL.
Voici un exemple d’utilisation :
[9_implications-politiques-du-e-commerce-en-algerie_15]
Figure III-6 Exemple de Méthode DELETE
________________________
5 RESTful (Representational State Transfer) : une interface de programmation appréciée pour sa simplicité, sa scalabilité et sa compatibilité avec les protocoles web standards. ↑
Questions Fréquemment Posées
Quelle architecture est utilisée pour la plateforme multi-vendeurs EsoukDz?
Nous avons opté pour une architecture client-serveur, qui divise les responsabilités entre le client et le serveur.
Quels outils sont utilisés pour le développement de la plateforme EsoukDz?
Nous avons utilisé Express.js, React.js, MongoDB, Visual Studio Code, Postman et Studio 3T pour le développement de l’application.
Comment se fait la communication entre le client et le serveur dans la plateforme?
La communication entre le client et le serveur repose sur l’utilisation du format JSON pour échanger des données structurées de manière efficace et flexible.