Vous êtes sur la page 1sur 44

Ministère de l’Enseignement Supérieur, de la Recherche Scientifique et de la Technologie Université 7 novembre de Carthage Ecole Supérieure de la Statistique et de l’Analyse de l’Information de Tunis

Projet de deuxième année

Elaboré par : Riadh KOUKI

Encadré par : Mme. Fatma CHAKER KHARRAT

Mai 2010

Année Universitaire 2009/2010

Table des matières
1 Introduction 2 Etude de l’ existant 2.1 Introduction . . . . . . . . . . . . . . . . 2.2 Cadre général . . . . . . . . . . . . . . . 2.3 Présentation générale de l’ ESSAI . . . . 2.4 Etude de l’ existant 10 2.4.1 Les Projets de Fin d’ Annnée . . . 2.4.2 Le projet de …n d’ études (PFE) : 2.5 Critique de l’ existant . . . . . . . . . . . 2.6 Besoins et suggestions . . . . . . . . . . 7 10 . . . . . . . . . . . . 10 . . . . . . . . . . . . 10 . . . . . . . . . . . . 10

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

10 11 14 14 16 16 16 19 22 22 22 22 22 25 25 26 27 28 29 36 41

3 Conception 3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3.2 Le modèle conceptuel de données (MCD) . . . . . . . . . . . . 3.2.1 Description des entités . . . . . . . . . . . . . . . . . . 4 Environnement du travail 4.1 Introduction . . . . . . . . . . . . . 4.2 Environnement technique du travail 4.2.1 Environnement matériel . . 4.2.2 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5 Description de la solution développée 5.1 Home page . . . . . . . . . . . . . . . 5.2 Accueil . . . . . . . . . . . . . . . . . 5.3 Authenti…cation . . . . . . . . . . . . 5.4 Page d’ accueil du compte étudiant . 5.5 Fonctionnalités accordées à l’ étudiant 5.6 Espace administrateur . . . . . . . . 6 Conclusion

7 Annexes 43 7.1 Annexe 1 : Code JSP asuurant la connexion à la base . . . . 43

1

Liste des …gures
Figure1 : Modèle Conceptuel des Données. . . . . . . . . . . . . . . . . . .. 17 Figure2 : Modèle Physique des Données. . . . . . . . . . . . . . . . . . . . . 18 Figure3 : Home page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Figure4 : page d’ accueil. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Figure5 : Authenti…cation. . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 Figure6 : Page d’ accueil du compte étudiant. . . . . . . . . . . . . . . . . . .28 Figure7 : fenêtre groupe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Figure8 : former un groupe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 Figure9 : Consulter la liste des groupes . . . . . . . . . . . . . . . . . . . . . . 30 Figure10 : S’ inscrire à un groupe. . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Figure11 : fenêtre projet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .31 Figure12 : Déposer une demande de projet. . . . . . . . . . . . . . . . . . . 31 Figure13 : Choix du publicateur. . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Figure14 : Consulter la liste des projets proposés. . . . . . . . . . . . . . . 32 Figure15 : Véri…cation de la décision …nale. . . . . . . . . . . . . . . . . . . . 33 Figure16 : envoyer un mail. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 Figure17 : envoyer un mail à un enseignant. . . . . . . . . . . . . . . . . . . . 34 Figure18 : voire les coordonnées. . . . . . . . . . . . . . . . . . . . . . . . . . . 35 Figure19 : Espace administrateur. . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Figure20 : Ajouter un étudiant. . . . . . . . . . . . . . . . . . . . . . . . . . . . .36 Figure21 : Supprimer un étudiant. . . . . . . . . . . . . . . . . . . . . . . . . . . 37 Figure22 : A¢ cher / Supprimer un groupe. . . . . . . . . . . . . . . . . . . . 37 Figure23 : A¢ cher / Supprimer une demande de projet. . . . . . . . . . 38 Figure24 : Valider / Refuser une demande de projet. . . . . . . . . . . . . 38

2

liste des annexes
Annexe 1 : Code JSP. . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

3

Remerciements
Je tiens à exprimer ma gratitude à Mme Fatma CHAKER-KHARRAT pour ses conseils et ses encouragements pendant la période consacrée à ce travail. Je tiens à remercier également les membres de jury qui me font l’ honneur de juger ce projet..

4

Résumé
Ce travail, qui entre dans le cadre du projet de …n de deuxième année, consiste à concevoir et à développer un site web dynamique pour l’ Ecole Supérieure de la Statistique et de l’ Analyse de l’ Information de Tunis (ESSAI). Ce site va permettre à l’ ESSAI de se rapprocher davantage de ses étudiants en leurs o¤rant la possibilité d’ être au bout du …l des autres étudiants, des enseignants et des entreprises.

Mots clés : ESSAI, site Web dynamique, Conception, gestion des projets.

5

Chapitre 1 :

Introduction

6

1

Introduction

En raison de l’ importance de la formation qui devient un outil nécessaire pour garantir l’ adéquation de futurs employés à leur travail, Les projets sont intégrés dans le programme d’ études universitaires, ils représentent des excellents compléments de formation. Ils permettent à l’ étudiant de s’ intégrer dans la vie professionnelle et de confronter les connaissances théoriques à l’ exercice pratique. Les projets représentent des activités obligatoires pour tous les étudiants inscrits à l’ orientation professionnelle. Le projet constitue pour l’ étudiant une période d’ apprentissage (amélioration de savoir, de savoir être, savoir-faire) durant laquelle l(étudiant est le premier responsable de sa formation. Le milieu de stage, tout en béné…ciant du travail du stagiaire, participe à la formation de futurs professionnels de l’ information. Ainsi le stage donne une occasion de prendre contact avec la vie professionnelle et de découvrir le monde réel de travail et les meilleurs moyens pour rapprocher les connaissances théoriques et technologiques de la pratique. Aujourd’ hui, plus que jamais, la tendance est à la communication et au partage de l’ information qui représente la pierre angulaire autour de laquelle gravitent toutes sortes de l’ organisation. Ces deux maîtres mots qui sont la philosophie même de l’ Internet, créent sans cesse de nouvelles fonctions et de nouveaux besoins. Le succès de l’ Internet comme média d’ échange d’ informations multi plateforme d’ une vaste portée , et l’ importance majeur des stages et des projets intégrés dans les programmes d’ étude universitaire , à amener l’ ESSAI à se doter des meilleurs technologies pour informatiser sa gestion des stages et des projets. Cette informatisation se traduit par la mise en place d’ une application Internet dynamique assurant la communication , le partage et l’ échange collaboratif des informations entre les di¤érents auteurs : à savoir les professeurs , les étudiants, le personnel administratif ainsi que les responsables des entreprises. 7

Cette application représente le sujet de notre projet de …n de deuxièe année. Le but est donc de se doter : – D’ système de gestion de groupes (espace étudiant) : Création, parun ticipation, inscription. – D’ système de gestion des demandes de projets (espace étudiant, un enseignant, entreprise) : Déposer une demande, consulter la liste des demandes déposées par tous les utilisateurs, – D’ système de gestion administratif, un – D’ système de gestion des CV, un – D’ système de consultation des projets validés ou refusés, un – D’ système de consultation et d’ un envoie des e-mails, – Véri…cation des coordonnées enregistrées à la base. Le présent document se propose de décrire la démarche adoptée pour e¤ectuer ce travail et s’ articule en quatre parties : Une première partie s’ attache à présenter le projet ainsi qu’ une étude de l’ existant qui nous permettra de dé…nir clairement nos besoins. Une deuxième partie se compose d’ une spéci…cation détaillée des besoins. Elle jette les bases de la conception même de l’ application. La troisième partie concerne la réalisation de l’ application moyennant une méthodologie de conception adoptée aux besoins d’ applications hypermédia, elle présente aussi les choix technologiques et le travail réalisé ainsi elle jette, en plus, Les bases des améliorations possibles de l’ application.

8

Chapitre 2 :

Présentation et étude de l’ existant

9

2
2.1

Etude de l’ existant
Introduction

Dans ce chapitre, nous allons aborder la première partie du travail qui consiste à : – Introduire le cadre de notre travail, – Etudier et critiquer le système actuellement utilisé au sein de l’ école, – Proposer des améliorations possibles.

2.2

Cadre général

Dans le cadre du projet de …n de notre deuxième année d’ études, nous avons essayé de concevoir un site web dynamique pour notre école qui, en plus de ses fonctionnalités statiques, va nous o¤rir un lien direct entre les étudiants de l’ ESSAI, les enseignants et l’ environnement professionnel.

2.3

Présentation générale de l’ ESSAI

l’ Ecole Supérieure de la Statistique et de l’ Analyse de l’ Information de Tunis (ESSAI) est la première école d’ ingénieurs tunisienne qui, à travers d’ enseignements approfondis en statistique, en mathématiques appliquées, en économie, en informatique et en systèmes d’ information, permet d’ accéder aux multiples fonctions de l’ ingénierie statistique. À l’ issue de trois années de scolarité, les élèves majoritairement issus de classes préparatoires (sections physique-technologie et mathématiquesphysique) deviennent ingénieurs diplômés, titre habilité par l’ Ordre des ingénieurs tunisiens.

2.4
2.4.1

Etude de l’ existant
Les Projets de Fin d’ Annnée

Description générale : Le Projet de Fin d’ Année (PFA) est une application pratique des connaissances scienti…ques et techniques acquises par l’ élève ingénieur durant son programme de formation. Il est à noter que le PFA porte généralement sur l’ ensemble des matières enseignées à l’ ESSAI. Proposition du PFA : Au début du second semestre de l’ année universitaire les enseignants proposent des sujets de projets aux étudiants. Ces 10

sujets portent généralement sur les concepts développées en cours. Seuls les étudiants de première et deuxième année sont concernés par les sujets de PFA. Choix et a¤ectaion du PFA : Un PFA peut être réalisé en monôme, binôme ou encore en trinôme. Chaque étudiant ou groupe d’ étudiants prend contact avec l’ enseignant responsable a…n de choisir un sujet parmi la liste des projets proposés. Evaluation du PFA : A la …n du projet chaque étudiant ou groupe d’ étudiant fournit un rapport décrivant son travail. L’ évaluation du PFA di¤ère selon qu’ soit un PFA de 1ère ou de 2ème année : il 1. S’ s’ il agit d’ PFA de première année l’ un enseignant peut demander une démonstration suite à laquelle une note sera attribuée. 2. S’ s’ il agit d’ PFA de deuxième année une soutenance sera programun mée durant laquelle le(s) étudiant(s) présenteront leur travail. Après délibération une note sera attribuée. La note porte sur : La compétence, le sérieux, l’ implication des étudiants dans le projet et leurs initiatives personnelles. La forme et le fond du rapport (complétude, clarté,. . . ). La présentation orale. 2.4.2 Le projet de …n d’ études (PFE) :

Le projet de …n d’ études clôture le programme de formation de l’ élève ingénieur et se déroule durant la troisième année (sixième semestre) d’ une durée d’ environ quatre mois. Les projets de …n d’ études peuvent être de deux types : Les projets académiques : sont proposés par des enseignants de l’ ESSAI ou par des enseignants d’ autres institutions universitaires et se déroulent dans des milieux universitaires. Les projets industriels : sont proposés par des entreprises, des organismes publiques et des centres de recherche à l’ extérieur de l’ ESSAI ; Proposition et validation des PFE : – Cas de projets académiques : Un enseignant peut proposer des sujets de PFE en précisant le titre, la description, l’ objectif, les outils de développement, etc. Un enseignant a la possibilité de choisir plusieurs projets pour la même année universitaire. 11

Ces projets doivent être a¢ chés aux étudiants. – Cas de projets industriels : Un projet industriel se déroule généralement dans une Entreprise. L’ étudiant contacte les responsables de l’ Entreprise pour un éventuel stage. Le projet proposé est étudié par une commission, composée des enseignants de l’ ESSAI. Si le stage est conforme aux capacités de l’ élève ingénieur, une lettre d’ a¤ectation de stage est remise au stagiaire qui, à son tour, doit la remettre au responsable d’ Entreprise. Un enseignant de l’ ESSAI assurant l’ encadrement du projet est ensuite a¤ecté au projet. Choix du projet : Dans le cas d’ projet académique, les étudiants un doivent contacter les enseignants a…n de voir leurs propositions de sujets. Dans le cas d’ projet industriel, l’ un étudiant doit prendre contact avec les entreprises et voir la possibilité de réaliser son stage au sein de leur établissement. A¤ectation de sujets : Dans le cas d’ projet académique, et après un un entretient entre l’ étudiant et l’ enseignant, ce dernier peut choisir d’ accepter d’ encadrer ou pas l’ étudiant. Dans le cas d’ projet industriel, l’ un étudiant est encadré, normalement, par un encadrant Entreprise. L’ ESSAI lui a¤ecte un enseignant de l’ école qui est considéré comme un co-encadrant. Suivi du projet : Pour le bon déroulement du stage, les étudiants peuvent compter sur les conseils de leurs encadrants à travers des réunions organisées toutes les semaines. En cas de problèmes l’ étudiant peut contacter son encadrant (téléphone, e_mail. . . ). L’ encadrant rencontre régulièrement le stagiaire a…n d’ évaluer l’ avancement du projet et de valider les méthodes de travail utilisées Le responsable des stages et des projets intervient durant le déroulement de projets, en s’ assurant de : - la validation des sujets proposés par les entreprises aux étudiants. - la di¤usion des sujets proposés et validés aux étudiants. - la di¤usion d’ une liste des sujets retenus par les étudiants. - la gestion des écritures relatives à la passation des conventions entre l’ université et les entreprises. - la répartition des projets entre les enseignants.

12

- la di¤usion aux étudiants et aux enseignants des consignes (contenu attendu du rapport, nature exacte d’ une soutenance, comportement attendu d’ enseignant visitant un stagiaire. . . ). un - la gestion des calendriers des soutenances des projets, avec di¤usion de ceux-ci auprès des enseignants et des étudiants. - la gestion des documents après stage (…che appréciation de l’ entreprise, …che évaluation du stage, rapport) Rédaction du rapport : Le rapport préparé par l’ étudiant est un document de synthèse présentant le travail réalisé durant son stage. Ce document peut comprendre des annexes détaillant certains points. Le rapport comporte trois parties : La problématique. La solution technique. La conception et la réalisation. Le rapport doit être lisible, précis et concluant. La soutenance : Une soutenance est prévue pour chaque étudiant. Un jury est a¤ecté à chaque projet. L’ encadrant fait partie des membres du jury. La soutenance est d’ une durée d’ environ 30mn. Dans certains cas, et selon le sujet, les membres du jury peuvent exiger une démonstration. a- Déroulement de la soutenance La soutenance se déroule devant un jury constitué par les enseignants de l’ ESSAI dans laquelle l’ étudiant présente son travail. Dans le cas d’ projet un industriel, le responsable de l’ Entreprise sera invité à la soutenance. La soutenance peut être reportée à une autre date si : – Rejet du projet par le jury. – Absence de l’ des membres du jury. un – Problème technique : matériel non disponible, coupure de courant électrique. b- Evaluation du travail : Le jour de la soutenance, l’ étudiant est évalué sur : la clarté et le contenu de son rapport. le travail réalisé et l’ initialité apportée. sa présentation. les réponses aux questions posées par les membres du jury. Immédiatement après la présentation orale, le jury se réunit, attribut la note …nale, et accorde la mention correspondante aux étudiants.

13

2.5

Critique de l’ existant

L’ étude de l’ existant nous a conduit à noter quelques insu¢ sances dans le système actuel de l’ ESSAI causés principalement par le manque de communication et de circulation de l’ information entre les di¤érents acteurs. En e¤et, nous avons remarqué : Vu le volume important des documents administratifs, le responsable trouve des di¢ cultés dans la recherche d’ informations ou de documents. Absence d’ moyen pratique qui peut aider l’ un étudiant à chercher un organisme qui l’ accueille pour son stage. Il n’ a pas un moyen de communication pratique entres les étudiants y et les entreprises et entre les entreprises et l’ ESSAI. L’ étudiant trouve des di¢ cultés pour contacter les enseignants pour s’ informer sur les projets proposés. L’ a¤ectation de projet se fait d’ une manière arbitraire qui conduit souvent à des problèmes. C’ le cas d’ sujet choisi par plusieurs groupes est un ou le cas de l’ a¤ectation d’ même groupe à deux enseignants di¤érents. un

2.6

Besoins et suggestions

Vue l’ importance de la disponibilité permanente des informations concernant toutes nouveautés à propos l’ ESSAI, et l’ importance d’ avoir un espace qui rapproche les étudiants à l’ environnement professionnel, et compte tenu des lacunes citées précédemment, nous sommes appelés à : – Mettre en relief notre spécialité et notre école ainsi que notre régime d’ études en o¤rant un espace statique de présentation générale des cours et des activités.. – O¤rir une application dynamique et performante assurant un contact direct entre les étudiants, les enseignants et les entreprises. – O¤rir à l’ administration la possibilité de publier toutes informations concernant l’ école. – Informatiser la distribution des formulaires et des propositions de stage. – Informatiser tout contact des étudiants entre eux et avec le cadre administratif, éducatif et professionnel.

14

Chapitre 3 :

Conception

15

3
3.1

Conception
Introduction

A…n de modéliser le Système d’ Information de notre application, nous avons adopté la méthodologie de conception des systèmes d’ information " MERISE " qui propose une démarche séparant l’ étude des données de celle des traitements en avançant progressivement par niveau. Chacun de ces niveaux a pour objectif de fournir un certain nombre de documents qui sont indispensables à l’ élaboration et la concertation autour 1 de tout projet informatique".

3.2

Le modèle conceptuel de données (MCD)

Le MCD permet de représenter d’ une manière structurée les données impliquées dans notre SI, il nous fournit d’ une description statique du SI à l’ aide des concepts de formalisme "entitée-association". Notre MCD est réalisé via le logiciel " Power AMC 12" qu’ l’ à aide duquel, on a pu générer le Modèle Physique de Données qu’ à partir duquel on a généré le script SQL relatif à la création de notre base de données. La Figure suivante représente le Modèle Conceptuel des Données général de notre site.

Cours de "Conception et modélisation des systèmes d’ informations" (2ème année) enseigné par Mme. Fatma Chaker

1

16

17

18

3.2.1

Description des entités

Après avoir élaboré notre MCD, on va focaliser sur la présentation des principales entités impliquées dedans qui sont en fait l’ entité : "étudiant", "enseignant" et "entreprise".

L’ entité "Etudiant"

L’ entité «Etudiant» est caractérisée par le numéro C.I.N, le numéro d’ inscription, le nom, le prénom, le niveau, l’ adresse mail et le C.V déposé. Cette entité permet en fait de : – Ajouter un nouvel étudiant, – Modi…er un étudiant existant, – Supprimer un étudiant, – Publier un C.V ou une demande de projet, – A¢ cher toutes les informations concernant un étudiant donné.

L’ entité "Enseignant"

19

L’ entité «Enseignant» est caractérisée par un identi…ant, le numéro d’ inscription, le nom, le prénom, l’ adresse, le téléphone, l’ adresse mail, la grade, le pays et la Faculté. Cette entité permet en fait de : – Ajouter un nouvel enseignant, – Modi…er un enseignant existant, – Supprimer un enseignant, – Publier une proposition de projet, – A¢ cher toutes les informations concernant un enseignant donné.

L’ entité "Entreprise"

L’ entité «Entreprise» est caractérisée par un identi…ant, le raison social, l’ adresse, le téléphone et l’ adresse mail. Cette entité permet en fait de : – Ajouter une nouvelle entreprise, – Modi…er une entreprise existante, – Supprimer une entreprise, – Publier une proposition de stage, – A¢ cher toutes les informations concernant une entreprise donnée.

20

Chapitre 4 :

Réalisation

21

4
4.1

Environnement du travail
Introduction

A…n de mettre en route notre site, on va s’ intéresser tout d’ abord à la dé…nition de l’ environnement du travail et on présentera par la suite les principales interfaces de notre site.

4.2

Environnement technique du travail

Il s’ agit dans cette partie d’ identi…er les di¤érentes caractéristiques de l’ environnement matériel et logiciel qui nous ont servi à l’ implémentation de notre site. 4.2.1 Environnement matériel

La machine utilisée pour réaliser ce projet (ordinateur portable HP 530) dispose de la con…guration suivante : – Système d’ exploitation : Windows 7 Edition intégrale, – Processus Intel(R) Core(TM) Duo CPU T 2400@ 1.83 GHZ 1.83 GHZ, – 1 Go de RAM, – 320 Go de disque dur.

4.2.2

Environnement logiciel

A…n de réaliser notre site, nous avons eu recours à : "Oracle 10g" comme serveur de notre base de données et à "NetBeans IDE 6.5" comme outil de développement. Oracle Database 10g Express Edition On a choisi Oracle 10 g comme serveur de base de données qui est en fait un SGBD qui peut fonctionner aisément sous Windows. Le principal moyen d’ interrogation de la base des données soutenu par Oracle est Structured Query Langage (SQL) qui peut être considéré comme le langage le plus populaire pour la plupart des produits commerciaux, que ce soit SGBD micro (tel que Access) ou par les produits plus professionnels (tel que Oracle). Le serveur Web Notre serveur web adopté par NetBeans IDE 6.5 est Apache.

22

NetBeans IDE 6.5 NetBeans est à l’ origine un EDI Java. Il fut développé à l’ origine par une équipe d’ étudiants à Prague, racheté ensuite par Sun Microsystems. Quelque part en 2002, Sun a décidé de rendre Netbeans open-source. Mais Netbeans n’ pas uniquement un EDI Java. C’ également une est est plateforme, vous permettant d’ écrire vos propres applications Swing. Sa conception est complétement modulaire : Tout est module, même la plateforme. Ce qui fait de Netbeansune boite à outils facilement améliorable ou modi…able. La license de Netbeans permet de l’ utiliser gratuitement à des …ns commerciales ou non. Elle permet de développer tout types d’ applications basées sur la plateforme Netbeans. Les modules que vous pourriez écrire peuvent être open-source comme ils peuvent être closed-source, ils peuvent être gratuits comme ils peuvent être payants.2 Netbeans est téléchargeable gratuitement sur son site o¢ ciel www.netbeans.org. Via NetBeans, on est arrivé a concevoir nos pages tout en utilisant le langage HTML, JSP et Javascript.

HTML L’ Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’ un langage de est balisage qui permet d’ écrire de l’ hypertexte, d’ son nom. HTML permet où également de structurer sémantiquement et de mettre en forme le contenu des pages, d’ inclure des ressources multimédias dont des images, des formulaires de saisie, et des éléments programmables tels que des applets. Il permet de créer des documents inter opérables avec des équipements très variés de manière conforme aux exigences de l’ accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats de présentation (feuilles de style en cascade). HTML est initialement dérivé du Standard Generalized Markup Language (SGML).3 JSP Les JSP (Java Server Pages) sont un standard permettant de développer des applications Web interactives, c’ est-à-dire dont le contenu est dynamique. C’ est-à-dire qu’ une page web JSP (repérable par l’ extension .jsp) aura un contenu pouvant être di¤érent selon certains paramètres (des informations stockées dans une base de données, les préférences de l’ utilisateur,...) tan2 3

Source : www.netbeans.org Source : wikipédia.org

23

dis que page web "classique" (dont l’ extension est .htm ou .html) a¢ chera continuellement la même information. Il s’ agit en réalité d’ langage de script puissant (un langage interprété) un exécuté du côté du serveur (au même titre que les scripts CGI,PHP,ASP,...) et non du côté client (les scripts écrits en JavaScript ou les applets Java s’ exécutent dans le navigateur de la personne connectée à un site). Les JSP sont intégrables au sein d’ une page Web en HTML à l’ aide de balises spéciales permettant au serveur Web de savoir que le code compris à l’ intérieur de ces balises doit être interprété a…n de renvoyer du code HTML au navigateur du client. Ainsi, les Java Server Pages s’ inscrivent dans une architecture 3-tier, ce terme compliqué signi…e qu’ serveur supportant les Java Server Pages peut un servir d’ intermédiaire (on parle généralement de serveur applicatif) entre le navigateur du client et une base de données (on parle généralement de serveur de données) en permettant un accès transparent à celle-ci. JSP fournit ainsi les éléments nécessaires à la connexion au système de gestion de bases de données, à la manipulation des données grâce au langage SQL.4

Javascript Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s’ agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d’ apporter des améliorations au langage HTML en permettant d’ exécuter des commandes du côté client, c’ est-à-dire au niveau du navigateur et non du serveur web. Ainsi le langage Javascript est fortement dépendant du navigateur appelant la page web dans laquelle le script est incorporé, mais en contrepartie il ne nécessite pas de compilateur, contrairement au langage Java, avec lequel il a longtemps été confondu.5

4 5

Source : www.commentçamarche.net Source : www.commentçamarche.net

24

25

26

27

28

29

30

31

Consulter la liste des projets proposés

32

33

34

35

36

37

38

Chapter 5 :

Conclusion

40

6

Conclusion

Partant de nos modestes connaissances en création des sites web dynamiques, notre objectif était de pro…ter des technologies et des logiciels disponibles a…n de mettre en application les di¤érentes techniques de conception et de gestion des bases de données acquises lors de notre deuxième année de formation dans le but de concevoir un site web dynamique pour notre école. Nous avons pu accumuler le long de notre projet de certaines expertises qui nous ont servi de mieux comprendre le déroulement de la création des sites web. La partie conception nous a permis de mieux représenter les di¤érentes entités du système en élaborant le modèle conceptuel des données (MCD) par l’ intermédiaire du logiciel Power AMC 12.Une exécution du script SQL, généré à partir du Power AMC, sous Oracle 10 g nous a permis de disposer des tables qui représentent, en fait, notre base de données. En s’ aidant des langages HTML pour la création des pages statiques, JSP pour se connecter à la base et Javascript pour les structures de contrôle, nous avons pu concevoir un site dynamique qui, en plus de ses fonctionnalités statiques, nous a permis de disposer d’ interface qui assure des interactions une directes entre les étudiants, les enseignants et les entreprises. Bien entendu, nous avons essayé de réunir le maximum des fonctionnalités que peut o¤rir un site web d’ une école nationale d’ ingénieurs. Néanmoins, ceci n’ exclut pas l’ existence d’ autres fonctionnalités que nous n’ avons pas pu les mettre en considération à cause de la bureaucratie de notre administration à l’ ESSAI. Nous tenons à noter que s’ n’ avait pas peu de temps pour la remise de il y ce projet, nous aurions pu écarter notre travail en ajoutant des comptes pour la gestion et l’ organisation des soutenances et même d’ ajouter un forum de discussion pour les étudiants de l’ ESSAI..

41

Annexes

42

7
7.1

Annexes
Annexe 1 : Code JSP asuurant la connexion à la base

<%@page import="java.sql.*"%> <%@page import="java.io.*"%> <%@page import="java.util.*"%> <%@page import="java.lang.String"%> <html> <head> <meta http-equiv="Content-Type" content="text/html ; charset=UTF8"> <title>JSP Page</title> </head> <body> <h1 action="" method="post"/> <% < !–dé…nition et initialisation des variables– > < !–Lecture des valeurs introduites par le client – > Connection conn = null ; String url = "jdbc :oracle :thin :@127.0.0.1 :1521 :" ; String dbName = "XE" ; String driver = "oracle.jdbc.driver.OracleDriver" ; String userName = "nom du compte sur Oracle" ; String password = "mot de passe Oracle" ; Statement st ; try { Class.forName(driver) ; conn = DriverManager.getConnection(url + dbName, userName, password) ; System.out.println("driverOracle : " + driver) ; System.out.println("dsnOracle : " + url + dbName) ; String query = "Requête SQL ou PL/SQL" ; st = conn.createStatement() ; st.executeUpdate(query) ; %> <% } catch (Exception e) { e.printStackTrace() ; 43

String s ; s = e.getMessage() ; } %> <script> alert (’ enregistrement réussi’ ; ) </script> </body> </html>

44