Sie sind auf Seite 1von 32

Ddicaces

Facult des sciences de Gabs

Ddicaces
A mes chers parents , Que nulle ddicace ne puisse exprimer ce que je leurs dois ,pour leur bienveillance ,leur aection et leur soutien... Trsors de bont ,de gnrosit et de tendresse, Nous leurs tmoignons notre profond amour et notre grande reconnaissance Que Dieu vous garde . A mes chers frres et soeur , En tmoignage de mes sincres reconnaissances pour les eorts quils ont consenti pour laccomplissement de mes tudes .Je leur ddie ce modeste travail en tmoignage de mon grand amour et ma gratitude innie . A tous mes amis , Pour leur aide et leur soutien moral durant llaboration du travail de n dtude . A toute ma Famille... A tous mes amis... A tout ceux qui maiment...

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Remerciements

Facult des sciences de Gabs

Remerciements
En prmier lieu nous remercions DIEU le tout puissant de nous avoir permis de mener bien ce travail . Au terme de ce simple travail, nous tenons exprimer notre sincre gratitude notre encadreur Mlle. Rania HAMMAMI pour les eets fourni faire nous aider de complter ce travail. Nous souhaitons remercier vivement et exprimer notre gratitude M. Hatem HADJ KACEM (prsident de notre jury)et M. Yassine GHORBEL(membre de notre jury). Il nous ont honor par leurs prsence . Enn, nous rercions toutes les personnes quont contribu de prs ou de loin de la ralisation de ce travail .

Ben Alaya Fethi , Metyar Dhaou

ii

A.U:2010/2011

TABLE DES MATIRES

Facult des sciences de Gabs

Table des matires


Ddicaces Remerciements Table des gures Liste des tableaux Introduction 1 Etude pralable 1.1 Introduction . . . . . . . . . 1.2 Prsentation du projet . . . 1.3 Etude de lexistant . . . . . 1.3.1 Analyse de lexistant 1.3.2 Critique de lexistant 1.4 Objectifs et plannication . 1.4.1 Objectifs atteindre 1.4.2 Plannication . . . . 1.5 Conclusion . . . . . . . . . . i ii v vi 1 2 2 2 2 2 3 4 4 4 5

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

2 Etude conceptuelle 2.1 Introduction . . . . . . . . . . . . . . . . . . . . . 2.2 La mthodologie de conception UML . . . . . . . 2.2.1 Dnition de lUML : . . . . . . . . . . . . 2.2.2 Les diagrammes UML : . . . . . . . . . . . 2.3 Prsentation de diagramme cas dutilisation . . . 2.3.1 dnition : . . . . . . . . . . . . . . . . . . 2.3.2 les acteurs : . . . . . . . . . . . . . . . . . 2.4 Prsentation du diagramme de squence . . . . . 2.4.1 Denition . . . . . . . . . . . . . . . . . . 2.4.2 diagramme de squence1 :Authentication

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

6 . 6 . 6 . 6 . 7 . 7 . 7 . 7 . 10 . 10 . 10

Ben Alaya Fethi , Metyar Dhaou

iii

A.U:2010/2011

TABLE DES MATIRES

Facult des sciences de Gabs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 11 12 13 15 15 16 16 16 17 23 24 25

2.5 2.6 2.7

2.4.3 diagramme de squence2 :Publication dun document 2.4.4 diagramme de squence3 :consulter les emploies . . . 2.4.5 diagramme de squence4 :discussion en forum . . . . Prsentation de diagramme de classe : . . . . . . . . . . . . Organigramme de navigation . . . . . . . . . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3 Ralisation 3.1 Introduction . . . . . . . . . 3.2 Outils de lenvironnement : . 3.3 Application . . . . . . . . . 3.4 Conclusion . . . . . . . . . . Conclusion gnrale Bibliographie

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

Ben Alaya Fethi , Metyar Dhaou

iv

A.U:2010/2011

TABLE DES FIGURES

Facult des sciences de Gabs

Table des gures


1.1 1.2 2.1 2.2 2.3 2.4 2.5 2.6 2.7 3.1 3.2 3.3 3.4 3.5 3.6 Page de accueil du site de la facult de sciences de gabes . . . . . . . Abscence de cours . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Diagramme cas dutilisation . . . . . . . . . . . . . . . Diagramme de squence de lauthentication . . . . . . Diagramme de squence de publication dun document Diagramme de squence de consulter les emploies . . . Diagramme de squence de discussion en forum . . . . Le diagramme de classe . . . . . . . . . . . . . . . . . Organigramme de navigation . . . . . . . . . . . . . . Page dacceuil . . . . . . . . . Enregistrement des enseignants Ajout document . . . . . . . . Consulter emploie . . . . . . . Discussion en Forum . . . . . . Deposer rattrapage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 4 9 10 11 12 12 14 15 18 19 20 21 22 23

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

LISTE DES TABLEAUX

Facult des sciences de Gabs

Liste des tableaux


1.1 planning privisionnelle . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Ben Alaya Fethi , Metyar Dhaou

vi

A.U:2010/2011

Introduction

Facult des sciences de Gabs

Introduction
Le majorant des instituts et des facults possde un site web qui comprte tous les informations importante de la facult . En eet, la Facult des sciences de Gabs possde un site web est assez classique qui deni plusieurs tches concernant les enseignants et les tudiants . Notre projet sintitule : Conception et dveloppement dun site web de la Facult(partie2). Il est raliser dans le cadre de projet de n detude au de la facult des sciences du Gabs. Il permet de trouver une solution idale pour rsoudre les problmes relatifs au site dans la cot enseignent en orant de dirents fonctionnalit concernant au sein de la site . An de comprendre la dmarche que nous avons utilise pour mener ce projet son terme, notre rapport se structure de la faon suivante : 1. Etude pralable,dans cette partie, nous prsentons le cadre gnral de notre projet, cest--dire ce qui existe et ce que notre projet va apporter . 2. Etude conceptuelle,dans cette partie, nous prsentons la modlisation des diagrammes que nous avons eectu 3. Ralisation, nous dcrivons quelques interfaces dveloppes dans notre site . Enn, nous discutons de la concordance de nos rsultats par rapport nos objectifs initiaux .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude pralable

Facult des sciences de Gabs

Chapitre 1 Etude pralable


1.1 Introduction

Nous commenons notre projet par une tude pralable. Cette tude dcrit notre mthode de travail en indiquant les solutions possibles . Dabord ,nous prsentons brivement notre projet .A cl sajoute, une etude de lexistant en dcrivant lexistant et en le critiquant . Finalement, nous ralisons une laboration des objectifs et une planication des direntes tapes .

1.2

Prsentation du projet

Dans le cadre de projet n dtude ,nous dveloppons un site web dynamique pour la facult des sciences de Gabs. Ce site web permet de rsoudre les problmes lis de la facult et plus prcisement la partie orient enseignants .

1.3

Etude de lexistant

Dans ltape de lanalyse de lexistant, nous prsentons une analyse du site web actuel de la facult des sciences de Gabs, puis nous dcrivons une critique .

1.3.1

Analyse de lexistant

La facult des sciences de Gabs possde dja un site dont la page daccueil est illustre par la gure 1.1 .Nous prsentons par la suite quelque tches assures par ce site : Espace enseignant qui demande lutilisateur didentier .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude pralable Cot tlcharchargement des documents . Espace support du cours . Bibleothque contient la recherche par thme Prsentation de la Facult

Facult des sciences de Gabs

Figure 1.1 Page de accueil du site de la facult de sciences de gabes

1.3.2

Critique de lexistant

Concernant linterface du site actuel ,nous pensons que la plupart des enseignants nont pas dinterts par utiliser le site dont un but ducatif, il y a que la tche administrative . En eet, il ya des autres sites qui les attirent la majorit des tudiants et des enseignants telques les sites sociaux et la publication des depts des documents se passent travers les groupes et listes de diusion . Dans le site actuel nous remarquons : Une mise jour retardif . les tlchargements des cours sont inaccessible . discussion en forum indisponible . consultation des emplois du temps indisponible . Absence de demande des rattrapages .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude pralable

Facult des sciences de Gabs

Figure 1.2 Abscence de cours

1.4
1.4.1

Objectifs et plannication
Objectifs atteindre

Lobjectif de notre projet est developpe un site web pour la facult des sciences de Gabs qui assure plusieurs services essentiellement pour les enseignants. Nous citons par la suite quelques tches : Achier toutes les nouveauts et les annonces telque linscription ,les date des examens et les emploies de temps . Les enseignants publient des documents(cours/td/tp) n que les tudiants les tlechargents par la suite . les ensignants peuvent participer un forum . les enseignants peuvent consulter des emploies du temps . les enseignants peuvent deposer une sance de rattrapage .

1.4.2

Plannication

Le table 1.1 prsente une planication des dirents tapes de notre projet .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude pralable N * I I-1 I-2 I-3 II II-1 II-2 III III-1 III-2 III-3 IV V

Facult des sciences de Gabs Debut 07/02/2011 07/02/2011 Fin 25/05/2011 27/02/2011

Taches Nbres des jours Planication 107 j Etude pralable 20 j prsentation du projet Etude de lexistant objectifs atteindre Etude conceptuelle 21 j gnralit du UML Les diagrammes Ralisation 35 j Prparation dun prototype 15j Prparation page dacceuil Developpment du cot enseignant test et validation 10 j Rdaction du rapport 15 j Fin du projet Table 1.1 planning privisionnelle

28/02/2011

20/03/2011

21/03/2011 21/03/2011 29/03/2011 12/04/2011 27/04/2011 06/05/2011

26/04/2011 29/03/2011 12/04/2011 26/04/2011 05/05/2011 26/05/2011

1.5

Conclusion

Dans ce chapitre, nous avons prsent une tude pralable .Nous avons commenc par lanalyse de lexistant . Nous avons expos les objectifs quon va modliser dans la partie conceptuelle au cours du deuxime chapitre .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

Chapitre 2 Etude conceptuelle


2.1 Introduction

La conception est une technique dingnirie visant comprendre le systme et de le modliser. Elle permet de donner linformation une rpresentation stucture et formalise . Letude conceptuelle est une tape ncessaire et importante dans le cycle de dveloppement dun logiciel. Pour cel on a plusieurs mthodologies bien spcies telque lUML , MERISE... Dans ce chapitre, nous dcrivons lutilit de la mthodologie de conception .Ensuite, nous prsentons les diagrammes principaux pour cette phase .

2.2

La mthodologie de conception UML

Nous avons choisi de modliser notre projet avec lapproche UML .

2.2.1

Dnition de lUML :

UML(Unied Modeling Language)est une mthode de conception qui permet dlaborer des modles objets ,indpendamment de tout langage de programmation. Elle est base sur un langage formel. Cest un modle de plus haut niveau qui dnit les lement dUML et leur smentique . Le modle UML possde les avantages suivants : Langage sans ambiguits . Langage normalis, simple et facile comprendre . Moyen de dnir la structure dun programme .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

Donner une couverture importante des besoins . Donner une rpresentation visuelle permettant la communication entre les dveloppeurs et les utilisateurs .

2.2.2

Les diagrammes UML :

Le mthodologie UML propose plusieurs diagrammes pour modliser les aspects statiques,dynamiques et fonctionnels :diagramme cas dutilisation, diagramme de classe, diagramme de squence, diagramme dobjet, diagramme de collaboration, diagramme dactivits, diagramme detat-transition ,diagramme de composants et diagramme de dploiement.Parmi ces diagrammmes ,nous avons choisi de raliser notre modlisation avec les diagrammes suivants : Le diagramme de cas dutilisation pour spcier les besoins . Le diagramme de squence pour reprsenter la vue dynamique . Le diagramme de classe pour reprsenter la vue statique .

2.3
2.3.1

Prsentation de diagramme cas dutilisation


dnition :

Les cas dutilisation est un ensemble des squences daction qui sont ralises par le systme et produisent une rsultat observable intressante pour un acteur particulier . Les cas dutilisation permettent de rpresenter le fonctionnement du systme vis-vis de lutilisateur. Cest dire une vue du systme dans son environnement exterieur .

2.3.2

les acteurs :

Un acteur rpresente un rle jou par une entit externe, il peut tre utilisateur humain ou constituant informatique qui fournit des services ou un dispositif matriel, utilisant les services, il intergit directement avec le systme. Ils peuvent consulter et modier directement leur tat en mettant et recevant des messages susceptibles dtre porteuse des donnes .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude conceptuelle Dans notre cas il existe deux acteurs :

Facult des sciences de Gabs

Ladministrateur(actuer principal) : Cet acteur permet de consulter les activits de notre site ,grer les comptes utlisateurs(tudiants, enseignants, administrateurs)telque lajout et le supression . Lenseignant(actuer principal) : Cet acteur permet de deposer des document et rattrapage .Il peut aussi consulter leur emploie du temps .

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

Figure 2.1 Diagramme cas dutilisation

Ben Alaya Fethi , Metyar Dhaou

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

2.4
2.4.1

Prsentation du diagramme de squence


Denition

Le diagramme de squence permet de reprsenter les scnarios dun cas dutilisation en modlisant des interactions entre objets suite un vnement externe .

2.4.2

diagramme de squence1 :Authentication

La gure 2.2 dcrit un diagramme de squence pour lauthentication des utlisateurs .

Figure 2.2 Diagramme de squence de lauthentication

Ben Alaya Fethi , Metyar Dhaou

10

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

2.4.3

diagramme de squence2 :Publication dun document

Le diagarmme de squence reprsentant la publication des documents par les enseignants est illustr par la gure 2.3 .

Figure 2.3 Diagramme de squence de publication dun document

2.4.4

diagramme de squence3 :consulter les emploies

La gure 2.4dcrit un diagarmme de squence pour consultation des emplois de temps .

Ben Alaya Fethi , Metyar Dhaou

11

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

Figure 2.4 Diagramme de squence de consulter les emploies

2.4.5

diagramme de squence4 :discussion en forum

Un diagarmme de squence reprsente la descussion en forum par les enseignants.

Figure 2.5 Diagramme de squence de discussion en forum

Ben Alaya Fethi , Metyar Dhaou

12

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

2.5

Prsentation de diagramme de classe :

Exprime de manire gnrale la structure statique dun systme en terme de classe et les relations entre ces classes. Une classe dcrit un ensemble dobjet et une association dcrit un ensemble des liens, les objets sont des instances de classe et le liens sont des instances de rlation. Un attribut de classe dnit une proprite commune aux objets dune classe, les noms des attributs dune classe sont uniques. Une association reprsente les liens entre classes .

Ben Alaya Fethi , Metyar Dhaou

13

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

Figure 2.6 Le diagramme de classe

Ben Alaya Fethi , Metyar Dhaou

14

A.U:2010/2011

Etude conceptuelle

Facult des sciences de Gabs

2.6

Organigramme de navigation

la gure 2.7 illustre un organigramme de navigation qui prsente la structure de site.

Figure 2.7 Organigramme de navigation

2.7

Conclusion

Aprs avoir termin ltude conceptuelle de notre systme en se basant sur la mthodologie UML, nous allons mettre en lumire la ralisation qui est lobjectif de notre 3me chaptire .

Ben Alaya Fethi , Metyar Dhaou

15

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Chapitre 3 Ralisation
3.1 Introduction

Dans ce chapitre nous reprsentons lenvironnement matriel et logiciel utiliss pour la ralisation de notre projet, ensuite nous dcrivons limplementation de notre site en prsentant quelques des interfaces .

3.2

Outils de lenvironnement :

Nous prsentons dans cette partie les outils qui on a utilis dans notre site . est un outil permettant de congurer automatiquement un environnement de travail dynamique .Il set compos par un seveur Apache et un systme de gestion de base des donnes MySQL .cet outil peut interagir avec plusieurs langages et outils de dvloppment web . est un outil de gestion de contenu cr par une quipe internationale de dveloppeurs rcompense maintes reprises ncessite au cration dun site web. Les avantages de Joomla : -Un outil trs puissant disposant de nombreuses fonctionnalits . -Site dynamique entirement gr par une base de donnes . -Site optimis pour le rfrencement . -Compatibilit avec tous les navigateurs . -Charte graphique personnalisable et changeable . -Une garantie de scurit et dvolutivit pour votre site .

wampserver :

Joomla 1.5.22 :

Ben Alaya Fethi , Metyar Dhaou

16

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

A L TEX : est un traitement de texte particulirement adapt la rdaction de documents scientiques et mathmatiques, mais il sert aussi crire toutes sortes de documents ,de la simple lettre, des livres complets. Il est utilis par beaucoup dtudiants, de chercheurs et dditeurs travers le monde .

3.3

Application

Dans cette partie, nous avons dcris notre application site web travert la ralisation des quelques interfaces que nous les dveloppons dans notre projet.

Ben Alaya Fethi , Metyar Dhaou

17

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface1 :Page dacceuil


La page dacceuil est la page commun de deux espaces(Enseignant,Etudiant).

Figure 3.1 Page dacceuil

Ben Alaya Fethi , Metyar Dhaou

18

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface2 :Enregistrement des enseignants


A partir de cette interface chaque enseignant peut senregistrer dans lespace enseignant.

Figure 3.2 Enregistrement des enseignants

Ben Alaya Fethi , Metyar Dhaou

19

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface3 :Ajout dun document


A partir de cette interface chaque enseignant a le droit de deposer des documents(cours ,td ,tp).

Figure 3.3 Ajout document

Ben Alaya Fethi , Metyar Dhaou

20

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface4 :consulter emploie


A partir de cette interface lenseignant peut consulter son emploie de temps .

Figure 3.4 Consulter emploie

Ben Alaya Fethi , Metyar Dhaou

21

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface5 :Discussion en Forum


A partir de cette interface lenseignant peut discuter en forum .

Figure 3.5 Discussion en Forum

Ben Alaya Fethi , Metyar Dhaou

22

A.U:2010/2011

Ralisation

Facult des sciences de Gabs

Interface6 :Deposer rattrapage


A partir de cette interface lenseignant peut deposer rattrapage .

Figure 3.6 Deposer rattrapage

3.4

Conclusion

Dans ce chapitre, nous avons dcrit brivement le processus de ralisation de notre projet site web en spciant lenvironnement de dveloppement, limplmentation de la base des donnes et la dmarche suivie pour la ralisation .

Ben Alaya Fethi , Metyar Dhaou

23

A.U:2010/2011

Conclusion gnrale

Facult des sciences de Gabs

Conclusion gnrale
Ce prsent travail sinscrit dans le cadre dun projet de mmoire labor au sein de la Facult des sciences du Gabs (FSG). Il aboutit la conception et la ralisation dun site web pour Facult . Aprs avoir dvelopper les objectifs de projet dans le premier chapitre, puis nous avons modliss les dirents diagramme concernant la partie conceptuelle.Ensuite ,nous avons raliss quelques interfaces dans la troisime chapitre qui dcrivent la fonctionnalit de notre projet . Nous avons pu produire une application web volutive accessible via internet et qui peut orir ce stade presque les mmes services que les logiciels qui eux ne sont pas accessibles via internet. En fait, la n de la ralisation de ce mmoire, nous avons accumul une masse importante de connaissances aussi bien sur le plan thorique que sur le plan pratique. Et nous estimons quelle nous sera trs utile lavenir, dans nos tudes ultrieures. Nous pouvons pour le moment citer un ensenble de fonctionnalit quil peut tre utile de limplmenter dans le futur tel que le module suivant : le module dacquisition des livres dans la bibliotque. les departements de la facult sauf la departement informatique.

Ben Alaya Fethi , Metyar Dhaou

24

A.U:2010/2011

Bibliographie

Facult des sciences de Gabs

Bibliographie
Livres :
1 cours de joomla 1.5. 2 Merise et UMLpour la modlisation de systeme dinforamtion(un guide complet avec tudes des cas),laborer parJoseph Gabay. 3 cours dUML 2.0.

Liens :
1 www.dvelopper.com. 2 www-lipn.univ-paris13.fr 3 www.php.net. 4 www.extention.joomla.fr.

Ben Alaya Fethi , Metyar Dhaou

25

A.U:2010/2011

Bibliographie

Facult des sciences de Gabs

Ben Alaya Fethi , Metyar Dhaou

26

A.U:2010/2011

Das könnte Ihnen auch gefallen