2.

HTTPS (HyperText Transfer

Protocol Secure)

HTTPS est la version sécurisée de

HTTP. Il utilise des certificats SSL/
TLS pour chiffrer les données
échangées, garantissant ainsi
confidentialité et intégrité.
• Port utilisé : 443
• Avantage : Les
données (ex. : mots de
passe, paiements) sont
cryptées, ce qui est
indispensable pour une
application e-commerce.

Exemple d’URL : [Link]

[Link]/commande

3. TCP/IP (Transmission Control

Protocol / Internet Protocol)

La suite TCP/IP est la base de toutes

les communications réseau sur
Internet :
• TCP
(Transmission Control
Protocol) : assure que les
données arrivent sans
perte, dans le bon ordre.
• IP (Internet
Protocol) : assure le
routage des données
vers la bonne adresse.

Ces deux protocoles ne

sont pas visibles par
 l’utilisateur mais sont
fondamentaux pour les
échanges fiables.

4. FTP (File Transfer Protocol)

Le FTP permet de transférer des

fichiers entre un client et un serveur,
notamment pour téléverser des
images de produits ou des fichiers
HTML vers le site.
• Ports utilisés : 20
(données), 21
(commandes)
• Limite : FTP n’est
pas sécurisé (préférer
SFTP ou FTPS pour la
sécurité).

5. SMTP (Simple Mail Transfer

Protocol)

SMTP est le protocole utilisé pour

l’envoi d’e-mails. Dans une
application e-commerce, il est utilisé
pour :
• Envoyer une
confirmation de
commande ;
• Transmettre des
factures électroniques ;
• Réinitialiser les
mots de passe.
• Ports utilisés :
• 25 : standard
(souvent bloqué
par les FAI),
 • 587 :
recommandé pour
l’envoi authentifié,
• 465 : utilisé
avec SSL.

Synthèse des protocoles utiles à

notre projet

Proto- Utilisa-
Rôle
cole princi-
tion
pal
dans
notre
appli-
cation
HTTP Accès Naviga-
aux tion
res- clas-
sources sique
web (dev à
éviter
en
prod)
HTTPS Sécuri- Paie-
sation ments,
des connexi
échang ons,
es formu-
laires
TCP/IP Trans- Fonde-
mission ment
fiable des
des échang
don-
 don- es
nées réseau
FTP Trans- Mise à
fert de jour du
fichiers site
(images
de
pro-
duits,
etc.)
SMTP Envoi Notifi-
d’e- cations,
mails confir-
mation,
récupé-
ration
de mot
de
passe

I.3.5. Site web

Un site web est un ensemble

structuré de pages web (HTML), liées
entre elles par des hyperliens, et
accessibles via une adresse unique
(URL) à travers Internet. Ces pages
peuvent contenir du texte, des images,
des vidéos, ou des éléments
interactifs.

Dans le cadre de notre projet, le site

web constitue l’interface principale
entre le système et les utilisateurs
(clients et administrateurs). Il permet
aux clients de :
• Consulter les
produits disponibles,
• Passer
commande,
• Suivre leurs
achats,
• Accéder à leur
historique de
commandes.

Le site web de
l’administrateur permet
quant à lui de gérer le
catalogue, contrôler les
ventes, et suivre les
paiements.

Un site web dynamique,

tel que celui que nous
développerons, s’appuie à
la fois sur des contenus
statiques (HTML, images)
et dynamiques (PHP,
JavaScript, base de
données).

I.3.6. Serveur web

Le serveur web joue un rôle

fondamental dans le fonctionnement
des sites et applications web. Il peut
être défini selon deux aspects
complémentaires :

a) Le serveur logiciel

Il s’agit d’un programme chargé de :

 • Recevoir les
requêtes HTTP/HTTPS
envoyées par le
navigateur du client ;
• Traiter ces
requêtes (exécution de
scripts PHP, accès à la
base de données) ;
• Renvoyer une
réponse appropriée,
généralement une page
web.

Les serveurs web les plus

couramment utilisés
sont :
• Apache HTTP
Server
• Nginx
• LiteSpeed

b) Le serveur matériel

C’est une machine (physique ou

virtuelle) disposant de :
• Puissance de
calcul (CPU, RAM) pour
exécuter les scripts ;
• Espace de
stockage pour héberger
les fichiers de
l’application ;
• Connexion réseau
permanente pour garantir
l’accessibilité continue
du site web.

Dans le cadre de notre

projet, un serveur web
local sera utilisé pour les
phases de
 développement (via
Laragon), avant un
déploiement éventuel sur
un serveur distant
(hébergeur).

I.3.7. Navigateur web

Un navigateur web est une application

logicielle qui permet à un utilisateur
d’accéder, d’afficher et d’interagir
avec des contenus web hébergés sur
un serveur.

Il interprète le code source (HTML,

CSS, JavaScript) envoyé par le serveur
pour le transformer en une interface
visuelle claire et interactive. C’est
l’outil principal utilisé par les clients
pour naviguer dans l’application.

Les navigateurs les plus répandus

sont :
• Google Chrome
• Mozilla Firefox
• Safari
• Microsoft Edge
• Opera

Dans notre projet, le

navigateur web est
essentiel pour :
• Afficher le
catalogue de produits ;
• Gérer les
interactions avec
l’utilisateur (ajout au
panier, formulaire de
paiement, notifications) ;
 • Tester la
responsivité de
l’interface sur différents
types d’écrans (mobile,
tablette, ordinateur).

I.3.8. Technologies web

Le développement d’une application

web moderne repose sur un ensemble
de technologies complémentaires,
utilisées côté client (front-end) et côté
serveur (back-end). Ces technologies
assurent l’aspect visuel, fonctionnel et
logique du système.

a) PHP (Hypertext Preprocessor)

PHP est un langage de

programmation côté serveur utilisé
pour générer dynamiquement du
contenu HTML, gérer les sessions,
traiter les formulaires et interagir avec
les bases de données.

Dans notre projet, PHP est utilisé via le

framework Laravel, pour développer
une application web robuste,
sécurisée et bien structurée.

b) HTML (Hypertext Markup

Language)

HTML est le langage de balisage

standard du web. Il permet de
structurer les contenus des pages
web : titres, paragraphes, tableaux,
formulaires, images, etc.

C’est le squelette de l’interface

visible par les utilisateurs.

c) CSS (Cascading Style Sheets)

CSS permet de styliser les pages

HTML : couleurs, marges, polices,
disposition des éléments, etc. Il assure
la cohérence visuelle et l’esthétique
du site web.

Nous utiliserons Bootstrap, un

framework CSS populaire, pour obtenir
une interface responsive (adaptée aux
mobiles).

d) JavaScript

JavaScript est un langage de

programmation côté client, utilisé
pour ajouter de l’interactivité et du
comportement dynamique à
l’interface (ex. : bouton “Ajouter au
panier”, mise à jour en temps réel du
total, validation de formulaires).

JavaScript peut également être utilisé

avec des bibliothèques modernes
comme [Link] ou React, mais dans
notre cas, nous nous appuierons
principalement sur les fonctions
JavaScript classiques et celles
intégrées à Laravel.

⸻
e) MySQL

MySQL est un système de gestion de

base de données relationnelle. Il
permet de stocker, organiser et gérer
les données de l’application
(utilisateurs, produits, commandes,
paiements).

Laravel utilise un ORM appelé

Eloquent pour interagir avec la base
de données de manière intuitive et
sécurisée.

f) Laravel

Laravel est un framework PHP basé

sur le modèle MVC (Modèle-Vue-
Contrôleur). Il facilite la création
d’applications web structurées,
maintenables et sécurisées.

Il offre plusieurs fonctionnalités

intégrées :
• Authentification ;
• Migrations de base
de données ;
• Routage ;
• Templates Blade ;
• API RESTful ;
• Notifications, etc.

g) Laragon

Laragon est un environnement de

développement local qui facilite la
mise en place rapide d’un serveur
Apache, PHP, MySQL, et Laravel sur
une machine personnelle.

Il permet de développer et tester

l’application localement, avant de la
déployer sur un serveur de production.

Conclusion partielle

Le site web, le serveur web, le

navigateur, et les technologies web
sont des composants essentiels au
fonctionnement d’une application e-
commerce moderne. La bonne
maîtrise de ces éléments est
indispensable pour garantir la qualité,
la performance et la scalabilité du
système. Dans notre projet, nous
avons choisi un ensemble
technologique éprouvé, adapté aux
exigences d’un site de vente de
produits alimentaires en ligne.