cahier de charge dune platform e-commerce

1. Cahier des charges
Development of a “ E-Commerce” Platform
Réalisé par
MOHAMED JAWHAR CHAHED
Encadrant Entreprise
………ILYES FATFOUTI……..
Encadrant SESAME
………Mrs Riheb IDOUDI………..

2. Sommaire
1 - Contexte et définition du problème 1
2 - Objectif de projet 1
3- Acteurs 1
4- Les actions associées à chaque acteur 1
5 – Choix de technologie 2
6 – Module à développer 2
7 – Méthodologie de conception adoptée 2
8 – Architecture 3
9 – Choix technologiques 3

3. 1 - Contexte et définition du problème
Critique of the Existing System
Since its implementation, the existing procedure has achieved its
objectives with limited and non-scalable frequency, primarily targeting a
small number of customers in close proximity to the company. This
restricted reach poses a hindrance to product commercialization.
Proposed Solution
To address these shortcomings, we propose the digitization of our
product marketing through the creation of an online store. It's crucial to
note at this stage that our end-of-study project will take into account all
these constraints, striving to provide necessary solutions while adhering
to web design principles such as ease of navigation, good ergonomics,
and customer data security.
2 - Objectif de projet
The subject of our master's thesis is to develop an online store to
showcase, market, and deliver our products to our customers, whom we
expect to grow in numbers. The objective of this thesis is to design and
develop a commercial website that allows visitor registration to become
customers, tracking of orders, online payment management, and delivery
tracking.
1

4. 3- Acteurs
The Visitor: an individual who is browsing the internet, looking for
a product to buy or to get an idea about models and prices. Up to this
stage, they are an unknown user, so they are not yet a client.
The Client: this actor is a visitor who has already created an
account on our site, so they can follow the process of purchasing products
online on our site.
The Administrator: for websites, they are generally called "the
webmaster." They are the one who ensures the dynamism of the site and
oversees the updates of products, their prices, their availability, payment
management, and delivery management.
2

5. 4- Les actions associées à chaque acteur
the Visitor :
As a Visitor , I want to access the list of product
As an Visitor, I can log in of the Platform
The Client:
As an User, I can log in of the Platform
As a User, I want to access the list of product
As a User, I want to access the list of offers
As a User, I want to write my Review
The Administrator:
As an admin, I can view the list of offers, display the details of each offer,
update it, and/or delete it.
As an admin, I can view the list of research projects, display the details of
each project, update it, and/or delete it.
As an Admin, I can view the list of client requests, display the information
each one
3

6. 5 – Choix de technologie
Front End : Angular
back End : Spring boot
Data Base : MySql workBench
6 – Modules à développer
Exemple : Module M1 « ……………. »
Tâche (s) Acteur (s)
Authentication and User Management Module Developer
Platform Administration and Management Module Developer
Search Module Developer
7 – Méthodologie de conception adoptée
the design methodology adopted is UML (Unified Modeling Lanquage)
4

7. 8 – Architecture
- Client Tier (Presentation Tier):
- Angular Frontend: The Angular framework serves as the client
tier for the application. It provides the user interface that interacts with
the user, displays data fetched from the backend, collects user input, and
sends requests to the backend for processing.
- Middle Tier (Business Tier):
- Spring Boot Backend: The Spring Boot application acts as the
middle tier or business tier. It contains the business logic of the
application, processes requests received from the frontend, and
communicates with the database to perform CRUD operations and other
business tasks.
- Integration Tier (Application Tier)**:
- RESTful API: Within the Spring Boot backend, RESTful APIs
are implemented to define the endpoints through which the frontend
communicates with the backend. These APIs handle HTTP requests from
the Angular frontend, perform necessary operations, and send back
responses.
- Data Tier (Persistence Tier):
- Database Server: This tier remains unchanged from the
previous setup. It serves as the data storage system for the application,
where data is stored persistently. The Spring Boot backend interacts with
the database server to perform database operations such as retrieval,
insertion, update, and deletion of data.
5

8. 9 – Choix Technologiques
Technological Choices
1. Frontend (Angular):
• Components: Angular components represent different parts of the
user interface of the e-commerce platform.
• Services: Angular services are used to communicate with the
backend (via HTTP requests), manage the application state, and
implement client-side business logic.
• Modules: Angular modules group together components and
associated services to facilitate application management and
modularity.
• Routing: Angular routing is used for navigation between different
views of the application.
2. Backend (Spring Boot):
• Controllers: Spring Boot controllers expose RESTful endpoints for
various application features. They handle HTTP requests and return
appropriate responses.
• Services: Spring Boot services encapsulate the business logic of
the application and are called by controllers to perform operations
such as data retrieval or manipulation.
• Repositories: Spring Boot repositories are used to interact with the
database. They provide methods for CRUD (Create, Read, Update,
Delete) operations on database entities.
• Security: Security is implemented using the Spring Security
module to protect sensitive resources and authenticate users.
• Configuration: Spring Boot configuration includes database
configuration, Spring bean configuration, and other application
settings.
3. Communication between Frontend and Backend:
• The frontend communicates with the backend via HTTP requests
(GET, POST, PUT, DELETE) using Angular services.
6

9. • The backend processes these requests and returns JSON
responses containing the requested data.
• The frontend then processes backend responses to update the
user interface accordingly.
4. Database:
• The system uses a MySQL database to store user data, services,
orders, etc.
• Spring Boot manages database access through repositories and
JPA entities (Java Persistence API).
7