Mémoire de projet de fin d`études Création de pages web pour les

Mémoire de projet de
fin d’études
Création de pages web pour les branches de
la faculté de génie
Présenté par: Ola SALMAN
Surveillé par: Dr.Abed Ellatif SAMHAT
Promotion 2012-2013
Université Libanaise-Faculté de génie Branche 3

2 | P a g e
Remerciements
Je veux exprimer par ces quelques lignes de remerciements mes gratitudes envers tous ceux en
qui, par leur présence, leur soutien, leur disponibilité et leurs conseils j’ai trouvé courage afin
d’accomplir ce projet.
Je tiens encore à exprimer ma profonde gratitude et mes sincères remerciements à Dr.
SAMHAT qui m’a fait l'honneur de diriger ce travail et ses précieux conseils furent d'un apport
considérable. Aussi je tiens à lui reconnaître le temps précieux qu'il m’a consacré.
Aussi que les membres de jury trouvent ici mes remerciements les plus vifs pour avoir accepté
d'honorer par leur jugement mon travail.
Enfin, je ne peux achever ce projet sans exprimer mes gratitudes à tous les enseignants de la
faculté de génie-Branche 3, et en particulier le doyen Dr.YOUNES et le directeur Dr.HAMDAN,
pour leur dévouement et leur assistance tout au long de mes études.

3 | P a g e
résumé
Ce mémoire présente le fruit d’un travail de quatre mois portant sur le design et la
création d’un modèle de page web pour les branches de la faculté de génie. Ce travail qui a
permis l’acquisition d’une expérience importante dans le monde web.
Le cahier de charges, qui est essentiel dans un tel genre de projets, est déterminé tout
d’abord pour pouvoir préciser les besoins et les outils requis pour créer les pages web pour
les trois branches dans le site présent de la faculté de génie.
Plusieurs langages et technologies sont utilisées afin de construire une page web
interactive et dynamique (c. à. d. le contenu n’est pas statique, il est tiré d’une base de
données). Ainsi la dynamicité des pages nécessite le développement d’un système de
gestion de la base de données qui doit être toujours mise à jour.
Dans ce rapport, on a détaillé les étapes de construction de la base de données, des pages
web, ainsi que du système de gestion.
On a pu à la fin du projet de créer des pages respectant le contexte général du site présent
mais qui présente une nouveauté dans l’exposition et l’affichage des informations ainsi qu’il
y’a des nouvelles fonctionnalités ajoutées et dont l’étudiant en a besoin.

4 | P a g e
Table de matières
INTRODUCTION GéNéRALE ...................................................................................................................... 7
Chapitre 1: PRéSENTATION DU PROJET ............................................................................................. 9
1. Introduction ...................................................................................................................................... 9
2. L’état actuel ...................................................................................................................................... 9
3. Le Cahier de charges ....................................................................................................................... 11
3.1 Cahier de charges fonctionnel ...................................................................................................... 11
3.2 Plan ................................................................................................................................................ 13
4. Conclusion ....................................................................................................................................... 13
Chapitre 2:Les Technologies de réalisation .......................................................................... 14
1. Introduction .................................................................................................................................... 14
2. Introduction au World Wide Web .................................................................................................. 14
3. Des pages statiques vers les pages dynamique .............................................................................. 15
3.1 Qu'est-ce qu'une page dynamique ............................................................................................... 16
3.2 Le fonctionnement des pages dynamiques .................................................................................. 16
3.3 Le Back Office ................................................................................................................................ 17
4. .NET ................................................................................................................................................. 18
5. C’est Quoi .Net Framework? ........................................................................................................... 19
5.1 ASP.NET ......................................................................................................................................... 20
5.2 Dynamicité et Base de données(ADO.NET) .................................................................................. 21
6. CSS ................................................................................................................................................... 22
7. JavaScript ........................................................................................................................................ 22
8. Conclusion ....................................................................................................................................... 23
Chapitre 3:Les outils de travail ................................................................................................. 24
1. Introduction .................................................................................................................................... 24
2. Asp.Net avec VB dans Visual Studio 2010 ....................................................................................... 24
3. Les caractéristiques et le fonctionnement de la page ASP.Net ...................................................... 24
4. Les éléments d’un projet Web Avec Asp.Net ................................................................................. 26
4.1 Les Pages Web Forms.................................................................................................................... 26
4.2 La Page Maître .............................................................................................................................. 27

5 | P a g e
4.3 Les Contrôles ................................................................................................................................. 27
4.3.1 Contrôles utilisateur ............................................................................................................... 27
4.3.2 Contrôles serveur ................................................................................................................... 28
4.4 Les fichiers essentiels .................................................................................................................... 28
4.4.1 Web.config ............................................................................................................................. 28
4.4.2 Fichier .css (feuille de style) ................................................................................................... 29
4.4.3 App-code ................................................................................................................................ 29
4.4.4 Fichier .js ................................................................................................................................ 29
5. SQL Server 2008 .............................................................................................................................. 29
6. Conclusion ....................................................................................................................................... 30
Chapitre 4:les étapes de réalisation ....................................................................................... 31
1. Introduction .................................................................................................................................... 31
2. Construction de la base de données ............................................................................................... 32
3. Définition des classes ...................................................................................................................... 35
4. Construction des pages ................................................................................................................... 36
4.1 Page Maître .................................................................................................................................. 36
4.2 Les Pages Web............................................................................................................................... 37
4.2.1 “Home” .................................................................................................................................. 39
4.2.2 “News” ................................................................................................................................... 40
4.2.3 “Academic Staff” .................................................................................................................... 41
4.2.4 “Administratif Staff” ............................................................................................................... 42
4.2.5 “Academic Schedules” ........................................................................................................... 43
4.2.6 “Ressources” .......................................................................................................................... 44
4.2.7 “Library” ................................................................................................................................. 44
4.2.8 “Our Graduates” .................................................................................................................... 45
4.3 Les Pages de gestion ..................................................................................................................... 46
4.3.1 La page “Insert” ...................................................................................................................... 46
4.3.2 La page “show” ...................................................................................................................... 46
4.3.3 La page “Update” ................................................................................................................... 47
4.4.4 La page “Delete” .................................................................................................................... 47
5. Conclusion ....................................................................................................................................... 47