Grossièrement, cela permet une séparation entre les traitements de données et la

Présentation.
2.1.1. Le modèle :
Le modèle représente les structures de données. Typiquement, les classes modèles
contiennent des fonctions qui aident à récupérer, insérer et mettre à jour des
informations de la base de données.
2.1.2. La vue :
La vue correspond à l'interface avec laquelle l'utilisateur interagit. Elle se présente sous
la forme d'un Template représentant l'interface, mais sans les données.
2.1.3. Le contrôleur :

Il gère l'interface entre le modèle et le client. Il va interpréter la requête de ce dernier

pour lui envoyer la vue correspondante. Il effectue la synchronisation entre le modèle et
les vues.

1- Les outils de modélisation utilisés :

1.1. MERISE :
MERISE est une méthode de conception, de développement et de réalisation de projets
informatiques.
 Le but de cette méthode est d'arriver à concevoir un système d'information. La
méthode MERISE est basée sur la séparation des données et des traitements à
effectuer en plusieurs modèles conceptuels et physiques.
 Niveau conceptuel : MCD :
Modèle conceptuel des données Le Modèle conceptuel des données (ou MCD),
schéma représentant la structure du système d'information, du point de vue des
données, c'est-à-dire les dépendances ou relations entre les différentes données
du système d'information (par exemple : le client, la commande, les produits,
etc.)
 Niveau logique ou d’organisation : MLD:
Modèle Logique des Données Qui reprend le contenu du MCD précédent, mais
précise la volumétrie, la structure et l'organisation des données telles qu'elles
pourront être implémentées. Par exemple, à ce stade, il est possible de
connaître la liste exhaustive des tables qui seront à créer dans une base de
données relationnelle.

3- Les outils de développement utilisés :

Tout d’abord, voici les différents langages qu’on a utilisés pour la réalisation du site
web :

a- HTML :

Le HTML est un langage qui a pour rôle de gérer et organiser le

contenu d'une page web. C'est un langage de description de données, et non
un langage de programmation. J'ai utilisé le HTML 5 qui est la dernière
version du HTML qui est actuellement toujours en développement.

Cette version apporte de nombreuses améliorations comme la possibilité d'inclure

facilement des vidéos, un meilleur agencement du contenu, de nouvelles fonctionnalités pour
les formulaires etc.
 b- CSS :

Le rôle du CSS est de gérer l'apparence de la page web (agencement,

positionnement, décoration, couleurs, taille du texte…). Ce langage est le
complément du langage HTML pour obtenir une page web avec du style. Le
navigateur parcourt le document HTML.
Lorsqu'il rencontre une balise, il demande à la CSS de quelle manière il doit l'afficher.

c- PHP:

HyperText Preprosessor ,plus connu son sigle PHP ,est un langage de programmation libre
principalement utilisé pour produire des pages Web dynamique via un serveur
HTTP mais pouvant également fonctionner comme n'importe quel Langage
interprété de façon locale.

PHP est un langage impératif orienté objet PHP a permis de créer un grand
nombre de sites web célèbres, Comme Facebook, Wikipédia, etc.6 Il est considéré comme une
des bases de la création de sites web dits dynamiques mais également des applications web.

d- SQL :
MySQL dérive directement de SQL (Structured Query Language) qui est un
langage de requête vers les bases de données exploitant le modèle
relationnel, mais ne possède pas toute la puissance du langage SQL.

e- Bootstrap:

Bootstrap est une collection d'outils utile à la création du design (graphisme, animation
et interactions avec la page dans le navigateur ... etc ) de sites et d'applications
web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires,
boutons, outils de navigation et autres éléments interactifs, ainsi que des
extensions JavaScript en option.
 f- Xampp :

Est un ensemble de logiciels permettant de mettre en place facilement un serveur Web local,
un serveur FTP et un serveur de messagerie électronique. Il s'agit d'une
distribution de logiciels libres (X (cross) Apache MariaDB Perl PHP) offrant une
bonne souplesse d'utilisation, réputée pour son installation simple et rapide. Ainsi,
il est à la portée d'un grand nombre de personnes puisqu'il ne requiert pas de
connaissances particulières et fonctionne, de plus, sur les systèmes d'exploitation les plus
répandus.

g- Sublime :
Sublime Text est un éditeur de texte générique codé en C++ et Python disponible
sur Windows, Mac et Linux. Le logiciel a été conçu tout d'abord comme une
extension pour Vim, riche en fonctionnalités1.

Depuis la version 2.0, sortie le 26 juin 20122, l'éditeur prend en charge 44

langages de programmation majeurs, tandis que des plugins sont souvent disponibles pour les
langages plus rares.
 D'abord, nous avons fait des réunions en ZOOM à chaque fois dans tout des Mardi et les

Jeudi à 21 heures pour voir le progrès du notre projet pfe ainsi pour voir que ce que nous

avons fait,

Aprés cette période, nous avons fait des tirages aux sorts on utilisant un site pour déviser

les taches d'une maniére legal et chacun entre nous a reçu l’une des taches suivantes :

1) Partie Etudiant:

signup-login-verification : Oussama

annonce-absence : Asmae

notification-menu : Abderrahman

notes : Ayman

==============================================================

2) Partie Admin:

Home-menu : Asmae

Boite reception : Oussama

liste absence : Abderrahman

liste des documents : Ayman