Conception et réalisation d'un site web

dynamique en utilisant une bd SQL

Amal ABIDI G2
PLAN:
• Contexte générale
• Problématique
• Solution
• Besoins nom fonctionnels
• Besoins fonctionnels
• Conception
• Réalisation
• Conclusion

06/02/2024 2
Contexte générale
le site web dynamique est devenu un incontournable pour les entreprises et les
particuliers souhaitant se démarquer sur internet.
Un site web dynamique est un site dont le contenu s’adapte en fonction de la demande
et des interactions de l’utilisateur. Contrairement à un site statique, où chaque page est
préconçue et ne change pas, un site web dynamique génère les pages à la volée, en
fonction des actions de l’utilisateur et des données stockées dans une base de
données.
Cela signifie que les informations affichées sur un site web dynamique peuvent varier d’un
utilisateur à l’autre, et même d’une visite à l’autre. Par exemple, un sit web e-commerce
qui affiche des produits en fonction des préférences de l’utilisateur ou un blog qui permet de
laisser des commentaires sont des exemples de sites web dynamiques.

06/02/2024 3
 Absence de
Paiement comparaison Perte
Problém Choix et livraison des prix et
non de
atique: limité des produits
sécurisés Navigation
difficile
temps

06/02/2024 4
 Solution:
Aujourd’hui, le commerce électronique est
considéré comme un dossier prioritaire par
de nombreuses organisations
internationales. L’objectif de notre projet est
le développement d’un site web d’e-
commerce pour Marjane, afin de gérer un
ensemble de tâches facilitant l’achat des
produits en ligne sans se déplacer sur place

06/02/2024 5
 Besoins Gestion des
fonctionnels: produits

Processus de
Panier d'achats
commande

Gestion des
Paiement
comptes et des
sécurisé
utilisateurs

Suivi des
commandes

06/02/2024 6
 Les besoin
nom Intégrité
fonctionnels:

Confidentialité Sécurité

Rapidité

7 06/02/2024
Planning de mon projet
Pour une meilleure compréhension de la chronologie des étapes de notre projet, nous avons
effectué le diagramme de Gantt

06/02/2024 8
 Conception

9 06/02/2024
L'objectif d'un diagramme de cas
d'utilisation UML est de représenter les
différentes façons dont un utilisateur
peut interagir avec un système. Créez
un diagramme de cas d'utilisation
professionnel pour tous les cas de
figure grâce à notre
éditeur de diagrammes UML.

06/02/2024 10
06/02/2024 11
• Les diagrammes de classes sont l'un des types
de diagrammes UML les plus utiles, car ils
décrivent clairement la structure d’un système
particulier en modélisant ses classes, ses
attributs, ses opérations et les relations entre
ses objets. Avec notre
logiciel de diagrammes UML, créer de tels
diagrammes n’est pas aussi difficile qu'il n'y
paraît. Ce guide vous montrera comment
comprendre, planifier et créer vos propres
diagrammes de classes.

06/02/2024 12
06/02/2024 13
 • Les diagrammes de séquence sont une
solution populaire de modélisation
dynamique en langage UML, car ils se
concentrent plus précisément sur les lignes
de vie, les processus et les objets qui
vivent simultanément, et les messages
qu'ils échangent entre eux pour exercer
une fonction avant la fin de la ligne de vie.
Parallèlement à notre

06/02/2024 14
06/02/2024 15
 Réalisation

06/02/2024 16
 Visual Studio Code
est un éditeur de code
permettant la création,
l'édition et l'utilisation
de fichiers de code
dans différents
langages de
programmation. Il est
très populaire pour ses
extensions et sa
personnalisation dans
l'affichage et ses
fonctionnalités.

06/02/2024 17
CSS
est un langage de règles de style utilisé pour mettre en forme le
contenu HTML. Par exemple : en modifiant la couleur d'arrière-
plan ou les polices, ou en disposant le contenu en plusieurs
colonnes.

06/02/2024 18
JavaScript
JavaScript est un langage de programmation qui permet d'implémenter des mécanismes
complexes sur une page web. À chaque fois qu'une page web fait plus que simplement
afficher du contenu statique — afficher du contenu mis à jour à des temps déterminés,
des cartes interactives, des animations 2D/3D, des menus vidéo défilants, ou autre,
JavaScript a de bonnes chances d'être impliqué. C'est la troisième couche des
technologies standards du web, les deux premières (HTML et CSS) étant couvertes
bien plus en détail dans d'autres tutoriels sur MDN.

06/02/2024 19
HTML
HTML signifie "HyperText Markup Language". C’est un
langage qui permet de composer des pages web.
On parle de langage de balisage et non de langage de
programmation, car le but du HTML est d’encadrer
les différents éléments présents dans une page
(images, titres, paragraphes ...) par des balises
pour leur permettre d’être mis en forme secondairement
(via une feuille de style) et pour leur donner du sens.

06/02/2024 20
06/02/2024 21
06/02/2024 22
06/02/2024 23
06/02/2024 24
06/02/2024 25
02/06/2024 26
•Conception
• Ce travail était très intéressant puisqu’il nous a permis de découvrir un nouveau
domaine de travail et de s’éloigner des projets traditionnels de gestion, il nous a
permis, aussi, d’approfondir nos connaissances dans les bonnes pratiques de
programmation et d’apprendre des nouvelles technologies de développement
d’applications informatiques.
• Comme perspectives, on peut envisager d’améliorer davantage notre site web pour
qu’elle puise supportée une connexion sécurisée lors du paiement d’une
commande client ou lors de la consultation d’un compte client grâce notamment
au protocole HTTPS.

06/02/2024 27