A cette compte rendue j veux ecrit tout

ce que nous avons fait dans notre projet :

un site de genie informatique on ligne

COMPTE
RENDUE
REALISER PAR:ayyoub
mouttaki &mouhammed el
allouli

toshiba

Rapport de projet

Sommaire
Introduction...............................................................................................................................2
Objectif3
Cahier de charge 3
Conception du site ..3

base donnes...3
rgle de gestion...4
Module conceptuel de donnes...5
Module logique de donnes .6
Choix technique .7

le code 8
o partie visiteur ..8
o partie administrateur...8

Ralisation de site 9
Conclusion.1
9

Rapport de projet

INTRODUCTION
Un site web dynamique est un site Internet dont les pages sont cres
"dynamiquement" en fonction des requtes des internautes (les requtes sont
gnres par l'utilisation d'objets tels que zones de saisie, des boutons, des cases
cocher, les listes droulantes, etc...). Le contenu rdactionnel du site est
gnralement stock dans une base de donnes, ce qui permet de dissocier le
contenu (textes, images et autres mdias tels que des vidos) de sa prsentation,
qui peut tre dfinie au moyen de feuilles de style (fichiers portant l'extension
.css) ou de templates, qui sont des modles de mise en forme, comme le fait le
CMS Joomla. L'interrogation de la base de donnes et la ralisation de
traitements dynamiques s'effectue au moyen d'un langage de programmation, tel
que PHP, interprt sur le serveur web.

Rapport de projet

OBJECTIF
Nous devons raliser un site internet qui pourra tre en grande partie administrable par une
personne nayant aucune connaissance technique dans les langages du Web (HTML/PHP
/MySQL). Ce site doit tre donc aisment administrable, grce une interface simple et
intuitive.De manir plus technique, il nous a aussi fallu nous pencher sur le problme du
langage de dveloppement, nous avions au choix le couple PHP/MySQL ou MySQL. Aprs
une courte rflexion nous avons opt pour PHP/MySQL.

Cahier de charge
Le but de ce projet est de raliser une application web concerne la filire gnie informatique
on ligne .cest un site dynamique qui facilite la gestion des donnes de cette filire ce qui
concerne le lancement des devoirs surveiller ou des exams et de savoir les derniers
actualits pour chaque matire et de savoir les dfrant cours et des anciens exams, DS et
TD qui sont
ajouter par les professeurs inscrit par ladministration.
Ce site facilite le travail des professeures et ladministration par contrler le site distance
utilisant un mot de passe et juste les employs de ladministration et des professeurs qui peut
faire a, alors ce site a un seul but et de faciliter le travail des professeurs et aussi des
tudiants.

Conception de site
Base de donnes
la base de donnes de notre site contient les table suivant :
anne_universitaire : pour stoker les nouvelles annes.
Semestre : pour stoker les semestres.
Module : pour spcifier les diffrents modules et aussi lenregistrer.
Professeur : pour enregistrer les donnes de chaque professeur.
Matire : pour stocker tous les matires de chaque module .
3

Rapport de projet
Cour. Pour stocker les cours de chaque matire.
TD : pour stocker les travaux dirigent de chaque cour.
TP : pour stocker les travaux pratiques de chaque cour.
EXAM : pour enregistrer les exams lancs par les professeurs.
DS : pour enregistrer les devoir surveillent lancs par les professeurs.
User : pour enregistrer les utilisateurs de site.
Administration : pour enregistrer les donnes de comptes.

REGLES DE GESTIONS :

Une anne universitaire peut contenir une ou plusieurs semestre et une

semestre se trouve dans une anne universitaire au plusieurs.
Une semestre peut contenir une ou plusieurs modules mais un module
attach une seul semestre.
Un module peut contenir un ou plusieurs lments (matire), mais une
matire se trouve dans un seul module.
Une matire contenir un ou plusieurs cours et un ou plusieurs TD et
un ou plusieurs TP et mais ses trios derniers sont attach un seul
lment de module.
Une matire enseigner par un seul professeur et ce dernier peut
enseigner une ou plusieurs matires
Un professeur peut lancer un ou plusieurs exams et plusieurs DS mais
un exam ou un DS se lance par un seul professeur spcifier.

Rapport de projet

Module conceptuel de donnes :

Rapport de projet

Module logique de donnes :

NOTE ! : Ce module designer par un logiciel qui sappelle Win'Design1412_2 .

Rapport de projet

Choix technique :
Recherches sur les langages utiliss

HTML :
LHypertext Markup Language, gnralement abrg HTML, est le format de donnes conu
pour reprsenter les pages web. Cest un langage de balisage permettant dcrire de
lhypertexte, do son nom. HTML permet galement de structurer smantiquement et de
mettre en forme le contenu des pages, dinclure des ressources multimdias dont des images,
des formulaires de saisie, et des programmes informatiques. Il permet de crer des
documents interoprables avec des quipements trs varis de manire conforme aux
exigences de laccessibilit du web. Il est souvent utilis conjointement avec des langages de
programmation (JavaScript) et des formats de prsentation (feuilles de style en cascade)

css :
Les feuilles de styles (en anglais "Cascading Style Sheets", abrg CSS)
sont un langage qui permet de grer la prsentation d'une page Web. Le
langage CSS est une recommandation du World Wide Web Consortium
(W3C), au mme titre que HTML ou XML. Les styles permettent de
dfinir des rgles appliques un ou plusieurs documents HTML. Ces
rgles portent sur le positionnement des lments, l'alignement, les polices
de caractres, les couleurs, les marges et espacements, les bordures, les
images de fond, etc. Le but de CSS est sparer la structure d'un document
HTML et sa prsentation. En effet, avec HTML, on peut dfinir la fois la
structure (le contenu et la hirarchie entre les diffrentes parties d'un
document) et la prsentation. Mais cela pose quelques problmes. Avec le
couple HTML/CSS, on peut crer des pages web o la structure du
document se trouve dans le fichier HTML tandis que la prsentation se
situe dans un fichier CSS.
PHP :
Sigle de HyperText Prprocesseur, langage de script ct serveur .Cest un langage de
programmation de page web :
Nous avons opt pour le choix de ce langage pour programmer notre site grce ses
diffrentes qualits : libre, gratuit, simple d'utilisation et pour la faciliter de son hbergement
d'installation
et aussi.
MySQL.
Cest un systme de gestion de base de donnes (SGDB). Selon le type
d'application, sa licence est libre ou propritaire. Il fait partie des logiciels de
gestion de base de donnes les plus utiliss au monde, autant par le grand public
(applications web principalement) que par des professionnels. Il est souvent
7

Rapport de projet
utilis en couple avec PHP. Cest un SGBD qui trs utilis par les sites web et
propos par la majorit des hbergeurs.

le code :
Partie visiteur :
Cette partie concerne les tudiants connects au site. Ces tudiants peuvent
visiter les pages public qui sont accessible par toute les personne ses page sont
les suivants : administration.html ,planningds.php et planningexames.php
module1.php , module2.php,.module16.php
fonction des pages
la page departement.html :permet le visiteur de contre les diffrant
information sur ladministration et les article publier.
la page planningds.php :est raliser pour que le visiteur peut savoir les
actualit de lancement des DS.
la page planningexames.php :cest le mme chose que planningds.php mais ici
pour les exams .
les pages module1.php , module2.php,.module16.php :
sont permet le visiteur de site de connaitre les lment de chaque module et dans
chaque page de ces dernires contient des pages qui permet de savoir les coure
les TD et les DS.

Partie administration :
Cette partie est rserve pour deux mini administrateurs :
La direction :
Cest ladministrateur majeure de site il a le droit de faire
les dferlants changements sur la base de donnes par exemple lajout dun
professeur, une anne universitaire, une semestre, module, une matire . .
Une professeure (espace membre) :
Se administrateur il a le droit de de ajouter un coure, TD
et un TP.
un professeure ne peut pas crer un compte si nest pas inscrit par la direction
car cette dernire rempli un formulaire qui contient un code dadministration

Rapport de projet

pour chaque professeure et ce code est demand lors

crer un compte.

ce quun professeure veut

Ralisation de site
Accueil du site

Cette image prsente laccueil du site o le visiteur va diriger la premire fois .il
contient tous les liens vers les autres pages qui sont mentionn dj.

Rapport de projet

un exemple des pages modules (module1.php)

Pour accder cette page il faut faire un double clic sur le mot module 1
et con vous faire a vous trouverez la page suivante.

cette page permet de savoir les lment de module par exemple dans cette
image on a le module 1 contient les lments algorithme et programmation.
le nombre 2015 signifie les annes qui contenir les coure et les TD et les DS
pour chaque lment.
le formulaire qui se trouve dans cette image pour le but de obtenir les cours de
lanne qui on va le transmettre dans ce formulaire.
Un exemple de teste :
En va remplir le formulaire par lanne 2015 donc on va obtenir le rsultat
suivant .

10

Rapport de projet

le planning des DS :

Cette image prsente la page qui nous donne le planning des DS qui on lancer
par un professeure par exemple ici le professeure ` Mohamed ` lance un DS qui
va tre le 25/05/2015 dans la matire `ddd` la salle 23.
le planning des examens

Cune page qui prsente les dfirent examens lance, la mme chose que la
partie DS.
11

Rapport de projet

dpartement

Cette page permet au visiteur de connaitre des informations propos de

dpartement de filire GI.
administration
Cette partie nest pas accessible par les visiteurs cest pour cela il doit tre
scuriser par in mot de passe et un nom dutilisateur comme se dessous

12

Rapport de projet

Ladministrateur reste dans la mme ta tant que le mot de passe ou le mot

dutilisateur et incorrect sinon ladministrateur va diriger vers la page
dadministration suivante :

Comme vous voyiez ladministrateur qui est la direction dans ce cas peut
ajouter les lments affichs dans limage pare la rempli de formulaire. Mais ces
requte nexcute quand ses condition ralis :
Une semestre ne pas tre ajouter si lanne universitaire nexiste pas.

un

un module ne pas tre ajouter si la semestre nexiste pas dans la base de

donne

une matire ne peut pas tre ajoute si l nom du module et le nom de

professeure nexistant pas dans la base de donnes
13

Rapport de projet

une ds ne peut pas tre ajoute si l nom du matiere et le nom de

professeure nexistant pas dans la base de donnes

pour un examen cest la mme chose quun DS.

Si ladministrateur a envoy un formulaire et si un champ de cette formulaire
nexiste pas dans la base de donnes, il va rediriger dans a une autre page qui
indique que la requte a t corrompu.
en prenant lexemple de module :

si en clique sur le boutant en va redirige ver cette page :

14

Rapport de projet

comme on a not que il y a deux administrateurs la direction et les professeure

donc il nous que le deuxime partie qui concerne lespace propre des
professeures ce espace est prsente par la page suivante :

Cette page fournit 3 chois au professeur soi linscription ou il se connecter si il

a un compte ou peut voire la liste des utilisateurs qui sont dj inscrit.
inscription
si le professeure a choisi linscription il va trouver cette page :

15

Rapport de projet

Pour que le professeur tre inscrit il doit remplir toute les case des
formulaires avec les conditions note sur la page.
Si le professeur a bien remplit le formulaire alors la requte va sexcut
sans aucun problme et le professeur va se connecter, ses donnes van
enregistre dans la table user.
voire la liste des utilisateurs
cette permet de visualiser les professeure membre dans le site.

se connecter
Les professeures qui peuvent se connecter partir de cette pages ce sont les
personne qui ont dj inscrit.

16

Rapport de projet

Si le ladministrateur na pas saisie les combinaisons bonne le serveur va

afficher se message derreur.

Sinon :

Donc daprs ce message le professeure peut accder leur compte, ce

dernier est rserver pure lajout des cours ou TP ou les DS.

Le butant

permet ladministrateur de slectionner un

17

Rapport de projet

fichier PDF dans leur document.

ladministrateur peut modifier leur compte et peut aussi se dconnect.

18

Rapport de projet

Conclusion
Sur le plan informatique, on a beaucoup appris sur langage PHP
(dveloppement, liens avec la base de donnes, cration de fonctions,
), la manipulation de bases de donnes avec phpMyAdmin et
MySQL, les feuilles de style CSS, on a commenc crire des
fonctions en JavaScript. Jai galement dcouvert comment utiliser les
forums sur Internet et rutiliser le code existant (que lon peut
ventuellement trouver sur Internet). Jai appris comment construire
un site Web dynamique. Plus gnralement, on a continuer
apprendre bien prsenter le code, de manire lisible et trs
comment, afin quil soit rutilisable par la suite.

19