République Algérienne Démocratique Et Populaire Ministère de

l'Enseignement Supérieur Et de la Recherche Scientique

universite de Hassiba ben bouali - Chlef

faculte des sciences exactes et de l'informatique

Departement de l'informatique

Memoire de fin d'etudes

Pour l'obtention du diplôme de licence en Informatique,

par
LAIBI Afaf && MAAMERI Lamia

Conception et réalisation d'un site

web dynamique de la conservation

des forets de Chlef

Encadré par : Amin Saiah

Promotion 2016/2017
 Remerciements

Nous remercions Allah de nous avoir donné le courage, la force et la volonté

durant nos études
jusqu'à la réalisation de ce projet.
Mes remerciements les plus sincères à toutes les personne qui ont contribué
de prés ou de loin à
l'élaboration de ce mémoire ainsi qu' a la réussite de cette formidable année
universitaire.
Je remercie également toute l'équipe du la conservation des foret de la wilaya
de Chlef ,
pour leur accueil et leur collaboration tout particulièrement
Mr BOUGHALIA Mohamed , Mme Deramchia Amina Firdaws .
Nous remercions notre encadreur MR SAIH Amin pour son soutien durant
la réalisation de notre projet.
Je tiens à exprimer de même, ma gratitude a mes professeurs Mr SLIMANE
Mohammed et Mme IBRI Sarah
du Département de l'informatique qui n'a cessé à aucun moment de nous
faire proter de ses précieux conseils et remarque.
Aux membres du jury : Mr.Denouni et MR.Taibi
Messieurs les jurys, vous nous faites un grand honneur
en acceptant de juger ce travail
 iii

Dédicace
A ma chère mère MAROC Amel
Autant de phrases aussi expressives soient-elles ne sauraient montrer le degré
d'amour et d'aection que j'éprouve pour toi.
Tu m'as comblé avec ta tendresse et aection tout au long de mon parcours.
Tu n'as cessé de me soutenir et de m'encourager durant toutes les années de
mes études, tu as toujours été présente à mes cotés pour me consoler quand
il fallait. En ce jour mémorable, pour moi ainsi que pour toi, reçoit ce travail
en signe de ma vive reconnaissance et mon profond estime.
Puisse le tout puissant te donner santé, bonheur et longue vie an que je
puisse te combler à mon tour.
A mon cher père LAIBI Mohammed :
Autant de phrases et d'expressions aussi éloquentes soit-elles ne sauraient
exprimer ma gratitude et ma reconnaissance. Tu as su m'inculquer le sens de
la responsabilité, de la conance en soi face aux dicultés de la vie.. Ta
patience sans n, ta compréhension et ton encouragement sont pour moi le
soutien indispensable que tu as toujours su m'apporter. Je te dois ce que je
suis aujourd'hui et ce que je serai demain et je ferai toujours de mon mieux
pour rester ta erté et ne jamais te décevoir. que Dieu le tout puissant te
préserve, t'accorde santé, bonheur, quiétude de l'esprit et te protège de tout
mal.
À tous ma famille et mes grandes méres tout à son nom et plus
particulièrement, mes frères SIDAHMED, ISHAK et MONSIF et à ma chère
binôme et ma s÷ur MAAMERI Lamia
À tous mes chers amis et mes collègues de l'Université ; Et à tous ce qui ont
enseigné moi au long de ma vie scolaire ;

Afaf
iv

Dédicace
Je dédie ce modeste travail à :
À ma chère mére Viola Fatima OUAKID ,Par les inestimables sacrices que
tu as consentis pour moi, tu as tant souhaité que je parvienne à ce but. Je te
serai reconnaissant toute ma vie, qu'Allah t'accorde longue vie dans la santé !
À mon père Mohammed MAAMERI ,Grace à toi j'ai pu aller à l'école. En
guise de reconnaissance, trouve ici mon amour lial. Ma réussite est la
tienne ! Qu'Allah t'accorde longue vie dans la santé !
À mon cher grand frère Walid pour son tendres encouragements et son
grands sacrices, et à mon petit frère farouq ,
À mes chères grandes mères  Ouda MESNOUA  et  Rose Marie
KARTES ,
À ma chère binôme et ma s÷ur AFAF LAIBI,
À tous mes chers amis et mes collègues de l'Université,
À tous ceux qui m'aiment. . .

Lamia
 Table des matières

Introduction générale i

1 Etude de l'éxistant 1
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.2 La conservation des forêts de la wilaya de Chlef (CFC) . . . . 2

1.3 Les postes supérieures techniques et les services . . . . . . . . 4

1.3.1 Les postes supérieurs techniques . . . . . . . . . . . . . 4

1.3.2 Les services . . . . . . . . . . . . . . . . . . . . . . . . 6

1.3.3 Les Circonscriptions . . . . . . . . . . . . . . . . . . . 8

1.4 Présentation du projet . . . . . . . . . . . . . . . . . . . . 9

1.5 Objectif de site . . . . . . . . . . . . . . . . . . . . . . . . 9

1.6 La technologie web . . . . . . . . . . . . . . . . . . . . . . . 10

1.6.1 Dénition de web . . . . . . . . . . . . . . . . . . . . . 10

1.6.2 Dénition d'un site web . . . . . . . . . . . . . . . . . 10

1.7 Le cycle de vie d'un site web . . . . . . . . . . . . . . . . . . . 12

1.8 Architecture Client/serveur . . . . . . . . . . . . . . . . . . . 12

1.8.1 Dénition d'un serveur . . . . . . . . . . . . . . . . . 13

1.8.2 Dénition d'un client . . . . . . . . . . . . . . . . . . 13

1.8.3 La communication client/serveur . . . . . . . . . . . . 13

1.9 Les diérentes architectures client/serveur . . . . . . . . . . . 14

1.9.1 L'architecture à 2 niveaux . . . . . . . . . . . . . . . . 14

1.9.2 L'architecture à 3 niveaux . . . . . . . . . . . . . . . . 15

1.9.3 Comparaison des deux types d'architecture . . . . . . . 15

1.9.4 L'architecture multi niveaux . . . . . . . . . . . . . . . 16

1.10 Les avantages et les inconvénients de cette architecture . . . . 17

1.10.1 Les avantages . . . . . . . . . . . . . . . . . . . . . . . 17

1.10.2 Les inconvénients . . . . . . . . . . . . . . . . . . . . . 17

1.11 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
ii Table des matières

2 La conception 19
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

2.2 Dénition d'UML . . . . . . . . . . . . . . . . . . . . . . . . . 20

2.3 Historique UML . . . . . . . . . . . . . . . . . . . . . . . . . . 20

2.4 Utilisation d'UML . . . . . . . . . . . . . . . . . . . . . . . . 21

2.4.1 Les avantages d'UML . . . . . . . . . . . . . . . . . . 21

2.5 Modélisation avec UML . . . . . . . . . . . . . . . . . . . . . 22

2.6 Le diagramme de cas d'utilisation . . . . . . . . . . . . . . . . 22

2.6.1 Dénition des entités . . . . . . . . . . . . . . . . . . 23

2.6.2 Identication des entités . . . . . . . . . . . . . . . . . 23

2.6.3 Identication des cas d'utilisations . . . . . . . . . . . 24

2.6.4 Diagramme du cas d'utilisation de notre site . . . . . 26

2.7 Diagramme d'activité . . . . . . . . . . . . . . . . . . . . . . 27

2.7.1 Diagrammes d'activités de notre site . . . . . . . . . . 27

2.8 Diagramme de séquence . . . . . . . . . . . . . . . . . . . . . 31

2.8.1 Diagrammes de séquence de notre site . . . . . . . . . 31

2.9 Dictionnaire de données . . . . . . . . . . . . . . . . . . . . . 36

2.10 Diagramme de classe . . . . . . . . . . . . . . . . . . . . . . . 38

2.10.1 Diagramme de classe de notre site . . . . . . . . . . . 39

2.11 Les règles de passages vers le modèle relationnel . . . . . . . . 40

2.12 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

3 Implémentation 43
3.1 Outils de développement . . . . . . . . . . . . . . . . . . . . . 44

3.1.1 Xamp . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

3.1.2 Les serveurs . . . . . . . . . . . . . . . . . . . . . . . . 44

3.1.3 Les logiciels . . . . . . . . . . . . . . . . . . . . . . . . 45

3.2 Les langages de programmation . . . . . . . . . . . . . . . . . 46

3.2.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

3.2.2 CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

3.2.3 Javascript . . . . . . . . . . . . . . . . . . . . . . . . . 47
Table des matières iii

3.2.4 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47

3.2.5 Utilisation PHP . . . . . . . . . . . . . . . . . . . . . 48

3.2.6 MYSQL . . . . . . . . . . . . . . . . . . . . . . . . . . 48

3.2.7 Utilisation MYSQL . . . . . . . . . . . . . . . . . . . . 49

3.3 Dénition d'un Framework . . . . . . . . . . . . . . . . . . . . 49

3.3.1 Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . 50

3.4 Les interfaces de notre site . . . . . . . . . . . . . . . . . . . . 52

3.4.1 Interface de partie visiteur . . . . . . . . . . . . . . . . 52

3.4.2 Interface de partie Administrateur . . . . . . . . . . . . 57

3.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Conclusion générale i

Resumé i

Bibliographie iii
 Table des gures

1.1 Logo de la conservation des forets. . . . . . . . . . . . . . . . . 2

1.2 Carte de localisation géographique de la conservation des forêts

de la wilaya de Chlef. . . . . . . . . . . . . . . . . . . . . . . . 4

1.3 Organigramme de la conservation des forets de la wilaya de Chlef. 6

1.4 Figure illustrant le fonctionnement d'un site web statique. . . 11

1.5 Figure illustrant le fonctionnement d'un site web dynamique. . 11

1.6 L'architecture client/serveur. . . . . . . . . . . . . . . . . . . . 13

1.7 Représentation de la communication client/serveur. . . . . . . 14

1.8 Représentation de l'architecture client/serveur à 2 niveaux. . . 14

1.9 Représentation de l'architecture client/serveur à 3 niveaux. . . 15

1.10 Représentation de l'architecture client/serveur multi niveaux. . 16

2.1 Diagramme du cas d'utilisation de notre site. . . . . . . . . . . 26

2.2 Diagramme d'activité d'authentication. . . . . . . . . . . . . 27

2.3 Diagramme d'activité pour l'ajoute. . . . . . . . . . . . . . . 28

2.4 Diagramme d'activité pour la modication. . . . . . . . . . . . 29

2.5 Diagramme d'activité pour la suppression. . . . . . . . . . . . 30

2.6 Diagramme de séquence pour l'authentication . . . . . . . . . 31

2.7 Diagramme de séquence pour l'ajoute. . . . . . . . . . . . . . 32

2.8 Diagramme de séquence pour la modication. . . . . . . . . . 33

2.9 Diagramme de séquence pour la suppression. . . . . . . . . . 34

2.10 Diagramme séquence pour l'envoie d'un message . . . . . . . 35

2.11 Diagramme de classe. . . . . . . . . . . . . . . . . . . . . . . . 39

3.1 Interface de visiteur. . . . . . . . . . . . . . . . . . . . . . . . 52

3.2 A propos de la conservation des forets. . . . . . . . . . . . . . 52

3.3 A propos de la conservation des forets. . . . . . . . . . . . . . 53

3.4 A propos de la conservation des forets. . . . . . . . . . . . . . 53

3.5 Liste des éspèces animales. . . . . . . . . . . . . . . . . . . . . 54

vi Table des gures

3.6 Liste des éspèces foréstières et omentales. . . . . . . . . . . . . 54

3.7 Partie des évènements. . . . . . . . . . . . . . . . . . . . . . . 55

3.8 un calendrier d'évènements. . . . . . . . . . . . . . . . . . . . 55

3.9 des photos de la conservation des forets. . . . . . . . . . . . . 56

3.10 Formulaire d'envoyé un message. . . . . . . . . . . . . . . . . . 56

3.11 Le footer de la page d'acceuil. . . . . . . . . . . . . . . . . . . 57

3.12 page login. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

3.13 page d'acceuil d'administrateur. . . . . . . . . . . . . . . . . . 58

3.14 Boite de réception. . . . . . . . . . . . . . . . . . . . . . . . . 58

3.15 Capture d'écran de la gestion des articles. . . . . . . . . . . . 59

 Introduction générale

Au cours de ces dernières années, les nouvelles technologies de l'information

et de la communication ont connu un bouleversement marqué par l'apparition
de l'Internet et par sa croissance exponentielle.

Ces années ont aussi été marquées par l'entrée en scène de World Wide
Web (WWW), l'une des applications qui a popularisé Internet, et qui a fait
exploser le nombre de ses utilisateurs. Par conséquent, le web suscite l'intérêt
de la majorité des organisations qui se doivent d'enrichir leur présentation via
des sites web.

De nos jour un site web constitue l'une des meilleurs façons de se faire
connaitre au grand public que l'ont soit un particulier ou un organisme. Il
s'agit d'un moyen de diusion plus ecace et plus économique que les mé-
thodes traditionnelles telles que les brochures, prospectus, dépliants...etc. sur
la quel on peut aisément apporter des mises à jour an de suivre l'évolution
des nouveaux besoins.
En outre, le site web d'une organisation représente, aujourd'hui, son premier
point d'accès avec l'extérieur. Il doit fournir des informations de qualité, per-
tinentes et actualisées à ses visiteurs. La gestion de contenu ore la possibilité
de gérer en équipe des sites web à grande échelle d'une manière simple et e-
cace. Cette technique est devenue un facteur clef de la stratégie web de toute
organisation.
Nous proposons dans notre travail, le sujet intitulé  conception et réalisation
d'un site web dynamique pour la censervation de forets de la wilaya de Chlef
. l'actualisation des sites web a l'aide d'une interface web au on a plus be-
soin d'installer des logiciels spéciques tel que xamp server, notepad++...et
on ore la possibilité à des non informaticiens de mettre à jour un site web
sans compétence informatique particulière.
Notre travail est structuré en 3 chapitres distinctes : Nous commençons le pre-
mier chapitre qui consiste à l'étude de l'existant qui porte une explication sur
la conservation des forets de la wilaya de Chlef ainsi que ces diérents services
et circonscriptions et une présentation de notre projet et quelques dénitions
de base dans le domaine des sites web ; ensuite le deuxième chapitre c'est la
phase de conception, dans laquel nous présenterons les diérents diagrammes
de notre conception. Le dernier chapitre c'est l'implémentation qui contient
les diérents capture d'écran de notre site ainsi les diérents logiciel Enn,
ii Chapitre 0. Introduction générale

nous terminerons par une conclusion générale permettant la synthèse globale

de notre travail.
 Chapitre 1

Etude de l'éxistant

Contenu
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . 2
1.2 La conservation des forêts de la wilaya de Chlef (CFC) 2
1.3 Les postes supérieures techniques et les services . . . 4
1.3.1 Les postes supérieurs techniques . . . . . . . . . . . . 4
1.3.2 Les services . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.3 Les Circonscriptions . . . . . . . . . . . . . . . . . . . 8
1.4 Présentation du projet . . . . . . . . . . . . . . . . . . 9
1.5 Objectif de site . . . . . . . . . . . . . . . . . . . . . . 9
1.6 La technologie web . . . . . . . . . . . . . . . . . . . . . 10
1.6.1 Dénition de web . . . . . . . . . . . . . . . . . . . . . 10
1.6.2 Dénition d'un site web . . . . . . . . . . . . . . . . . 10
1.7 Le cycle de vie d'un site web . . . . . . . . . . . . . . . 12
1.8 Architecture Client/serveur . . . . . . . . . . . . . . . 12
1.8.1 Dénition d'un serveur . . . . . . . . . . . . . . . . . 13
1.8.2 Dénition d'un client . . . . . . . . . . . . . . . . . . 13
1.8.3 La communication client/serveur . . . . . . . . . . . . 13
1.9 Les diérentes architectures client/serveur . . . . . . 14
1.9.1 L'architecture à 2 niveaux . . . . . . . . . . . . . . . 14
1.9.2 L'architecture à 3 niveaux . . . . . . . . . . . . . . . . 15
1.9.3 Comparaison des deux types d'architecture . . . . . . 15
1.9.4 L'architecture multi niveaux . . . . . . . . . . . . . . . 16
1.10 Les avantages et les inconvénients de cette architec-
ture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
1.10.1 Les avantages . . . . . . . . . . . . . . . . . . . . . . 17
1.10.2 Les inconvénients . . . . . . . . . . . . . . . . . . . . 17
1.11 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2 Chapitre 1. Etude de l'éxistant

1.1 Introduction
Dans ce chapitre, on commence par la présentation de l'organisme, lieu de ce
stage, ensuite, on détermine les objectifs à atteindre de ce projet, sans oublier
à la présentation des sites web et notamment sur la partie technologie web
qui constitue les notions de base dont nous avons besoin an de construire
notre site, et présenter l'architecture client/serveur et les éléments principaux
de cette architecture.

1.2 La conservation des forêts de la wilaya de

Chlef (CFC)
La conservation des forêts est un organisme public algérien chargé de la
gestion des forêts placé sous la tutelle de la direction générale des forêts (DGF)
et du Ministère de l'Agriculture, du Développement Rural et de la Pêche.

Figure 1.1  Logo de la conservation des forets.

A présent le corps ou l'organigramme de la protection des forêts est intitulé 

la conservation des forets  mais depuis l'année 1991, à l'époque cette dernière
à subit à plusieurs transformation et a passé par plusieurs formes, on peut les
citer et les diérenciés historiquement comme suit :

1863 : l'apparition de la conservation des forêts sous forme d'une circonscrip-

tion dépend de la conservation d'Alger, sa mission essentielle c'est la récolte
des informations et le recensement du patrimoine forestier.
1.2. La conservation des forêts de la wilaya de Chlef (CFC) 3

1940 : l'administration des forêts a été divisée en deux services, le service de

la défense et la restauration des terres et le service d'administration des forets
de la wilaya d'Asnam.

1957 : l'administration des forêts a été nommée ; la conservation des forets et

les eaux de la wilaya d'Asnam sous la tutelle du ministère de l'agriculture.

1971 : elle a été renommée la direction subdivisionnaire des forêts et la res-

tauration des terres sous la tutelle de la direction de l'agriculture qui dépend
du ministère de l'agriculture.

1984 : elle a été renommée ; service des forêts sous la division des activités
d'hydraulique et de l'agriculture sous la tutelle du ministère de l'agriculture.

1991 :elle a été renommée ; la conservation des forets de la wilaya de Chlef

sous la tutelle de l'agence nationale des forêts.

1995 :la création de la conservation des forêts de wilaya en services, bureaux,

circonscriptions et bureaux de circonscription.

L'administration des forêts de la wilaya de Chlef est organisée en quatre

(04) services et en quatre circonscriptions, neuf (9) districts et (20) triages,
ainsi que des bureaux au niveau de la conservation et des circonscriptions.
Les missions de la conservation des forêts de la wilaya de Chlef
reposent sur ses activités
 La gestion du patrimoine forestier à travers toute l'étendue de la Wilaya.
 La surveillance de tous les massifs forestiers, développement du patrimoine
forestier.
 La programmation et le suivi des travaux.
 Laboratoire du schéma directeur de développement du forêt.
 L'exploitation des forêts qui atteint l'âge d'exploitabilité.
4 Chapitre 1. Etude de l'éxistant

Figure 1.2  Carte de localisation géographique de la conservation des forêts

de la wilaya de Chlef.

1.3 Les postes supérieures techniques et les ser-

vices
L'administration de la conservation des forets de la wilaya de Chlef se
compose de services et des postes supérieurs techniques, on cite les détails de
chacune.

1.3.1 Les postes supérieurs techniques

L'expert forestier
L'expert-forestier est chargé notamment :

 De concevoir et de vulgariser les techniques forestières de mise en valeur

et de lutte contre la désertication ;
 D'assurer le rôle de conseil et d'expertise en matière d'aménagement fo-
restier et de valorisation des activités productives ;
 D'analyser et de faire le diagnostic des actions d'investissement et d'appuis
techniques ;
 De proposer les programmes de développement ;
 De participer à l'élaboration des plans de gestion et de développement
forestiers territoriaux ;
 De concevoir et de mettre en ÷uvre toute enquête, étude technique, socio-
économique, ou d'opportunité de projets ;
1.3. Les postes supérieures techniques et les services 5

 De superviser l'identication, la formulation, la préparation et la mise en

÷uvre de projets de développement rural, d'aménagement forestier, de
reboisement, de développement cynégétique et de conservation de la faune
sauvage et de ses habitats ;
 D'organiser et de superviser les opérations de dénombrement et d'inven-
taire faunistiques ;
 De participer à l'amélioration des capacités productives des ménages ru-
raux ;
 De diriger et de mettre en ÷uvre tout projet de développement dans le
secteur ;
 De participer à l'évaluation des impacts de projets.[1]

Le chef de réseau de communication radioélectrique

Le chef de réseau de communication radioélectrique est chargé notam-
ment :
 De veiller à la bonne marche et à l'utilisation adéquate des moyens
de communication radioélectrique ;

 De veiller à l'organisation et à la gestion des moyens et accessoires

de communication radioélectrique ;

 De veiller à la maintenance des moyens de communication radio-

électrique ;

 D'organiser et de diriger les équipes d'exploitation ;

 D'assurer le suivi des mouvements du matériel de communication

radioélectrique.[1]

Le chef de triage des forêts Le chef de triage des forêts est chargé notam-
ment :
 De veiller à la protection du patrimoine forestier dans son triage ;
 De veiller à l'installation et à l'entretien de limites du domaine forestier ;
 De suivre la mise en ÷uvre des programmes de travaux forestiers et d'as-
surer la tenue des documents y aérents ;
 De superviser et de contrôler les activités de chasse ;
 De veiller à l'entretien et à l'utilisation rationnelle des biens et des matériels
mis à sa disposition. [1]
Le chef de brigade des forêts
Le chef de brigade des forêts est chargé notamment :
 De diriger un groupe d'agents placés sous son autorité, notamment en
6 Chapitre 1. Etude de l'éxistant

matière de travaux forestiers ;

 de surveillance et d'intervention dans les opérations de protection des fo-
rêts ;

 de lutte contre les incendies, de lutte phytosanitaire, de lutte contre le

braconnage ;

 De participer aux opérations de dénombrement de la faune sauvage ;

 De veiller à l'entretien des matériels et équipements mis à sa disposition.

Figure 1.3  Organigramme de la conservation des forets de la wilaya de

Chlef.

1.3.2 Les services

Service de la gestion du patrimoine des programmes et des études
(SGPEP)
Le présent service se compose de trois bureaux :

1. Un bureau des inventaires d'aménagement et des produits ;

1.3. Les postes supérieures techniques et les services 7

2. Un bureau de la réglementation et de la police forestière ;

3. Un bureau des études et de programmes.

Le rôle de ce service est comme suit :

 Faire des études après les analyses sur le terrain et les transformer sous
forme de programmes pour application.

 La réalisation des inventaires du patrimoine forestier existe notamment en

matière de production.

 Procède à des aménagements sur le plan de la production et enn traiter

l'ensemble des produits forestier tel que :
Le bois, le liège, les carrières, les plantes médicinales produit minier (gise-
ment). [2]

Service de la protection de la faune et de la ore (SPFF)

Dans ce service il existe deux bureaux qui sont :

1. Un bureau des espèces protégées de la chasse et des activités cynégétiques ;

2. Un bureau de la prévention et la lutte contre les incendies, maladies, et les

parasites.

Le rôle de ce service est :

 Suivis des dossiers chasses.

 Contrôle des matières de chasse.

 Recensement de toutes les espèces cynégétiques (oiseaux. . . etc.)

 L'organisation et suivis les opérations concernant la lutte contre les incen-

dies, les maladies et les parasites.[2]
Service de l'extension du patrimoine et protection des terres (SEEPT)
Dans ce service il existe deux bureaux sont :

1. Un bureau de l'extension du patrimoine ;

2. Un bureau de la protection et de la mise en valeur des terres.

Son principal objectif se base sur l'accomplissement des taches

suivantes :
 La protection des terres contre l'érosion avec les manières biologiques
et mécaniques ;
8 Chapitre 1. Etude de l'éxistant

 La mise en valeur des terres par le reboisement ;

 Traitement des photos sanitaires.[2]

Service de l'administration et des moyens (SAM)

Dans ce service il existe trois bureaux sont :

1. Un bureau de gestion des ressources humaines et information ;

2. Un bureau de la comptabilité et des moyens ;

3. Un bureau de cellule informatique et de communication.

Ses principales taches sont comme suit :

 La gestion des dossiers du personnel ;

 Etablissement des diérents documents concernant le personnel ;

 La gestion des biens meubles et immeubles et l'équipement.[2]

1.3.3 Les Circonscriptions

La Conservation des forêts de la wilaya de Chlef se compose de quatre
circonscriptions sont : Chlef, Boukadir, Oued Fodda et Ténès, chaque cir-
conscription contient deux bureaux (bureau de gestion et extension du
patrimoine et bureau de protection des ressources Forestières).
 La circonscription de Chlef
Elle se Compose de deux Districts (district de Chlef et district de Ou-
led ben Abdelkader).

 La circonscription de Boukadir
Elle se Compose de deux districts (district d'ElMersa et district d'Ain
Meran ).

 La circonscription de Boukadir
Elle se Compose de deux districts (district de Ténès et district de Sidi
Abderrahman).

 La circonscription de Boukadir
Elle se Compose de deux districts (district de Zeboudja et district de
Beni haoua ).
1.4. Présentation du projet 9

Et chaque circonscription contient des triages qui se composent de bri-

gades.

1.4 Présentation du projet

Notre projet consiste à construire et a réaliser un site web dynamique
pour la Conservation des forêts de la wilaya de Chlef .pour Cela il est
nécessairement de savoir la notion d'un site web c'est un ensemble de
chiers codé en HTML accessible depuis une adresse web. Il peut être
statique ou dynamique.

1.5 Objectif de site

L'objectif principal de ce site repose sur l'amélioration de notre environ-
nement et la protection de la nature d'un coté, et pour faciliter le contact
des citoyens avec la conservation des forêts de la wilaya de Chlef et les
wilayas voisines d'un autre coté, et pour plusieurs autres intérêts on peut
citer principalement :

1. Les visiteurs (internaute)

 Donner une vue initiale des informations sur la conservation des
forêts de la wilaya de Chlef.

 Promouvoir le volontariat pour la nature et encourageant le grand

public à devenir  acteur de la protection de l'environnement .

 La consultation en ligne de touts les événements et les nouveautés

concernant la conservation.

 La participation dans toutes les activités organisées par la conser-

vation.

 Sensibiliser et former les jeunes aux méthodes de conservation et la

protection de la nature.

2. Le gérant (l'administrateur)
 Gérer les relations avec les visiteurs (réclamation ou enquête sur un
sujet, contact. . . ).

 Publier des articles concernant la CFC (Conservation des Forêts de

10 Chapitre 1. Etude de l'éxistant

la wilaya de Chlef ) et peut être sur les autres conservations.

 Gérer les évènements comme campagnes de boisement et l'organisa-

tion des journées de sensibilisation. . . , et leur mise à jour (modier,
supprimer ou ajouter. . . ).

1.6 La technologie web

En premier lieu on doit savoir le terme technologie qui signie l'élabo-
ration et le perfectionnement des méthodes permettant l'utilisation e-
cace des techniques diverses et lorsque on dit La technologie web, c'est un
ensemble de technologies qui composent et utilisent le World Wide Web
(généralement abrégé en Web) et ses normes.

1.6.1 Dénition de web

Le World Wide Web (WWW), communément appelé le Web, parfois
la Toile, littéralement la  toile (d'araignée) mondiale , est un système
hypertexte public fonctionnant sur Internet et qui permet de consulter,
avec un navigateur Web, des pages Web mises en ligne dans des sites Web.
L'image de la toile vient des hyperliens qui lient les pages Web entre elles.

1.6.2 Dénition d'un site web

Un site web ce n'est qu'un chier ou un ensemble de chiers (html,
css, javascript. . . ), hébergés sur un serveur (une sorte de gros ordinateur
connecté à internet) et accessible via internet. [3]
On distingue deux types de sites web :

1. Les sites web statiques.

2. Les sites web dynamiques.

1.6. La technologie web 11

a) Les sites web statiques

Un site statique est un site constitué de pages créées en HTML. Il s'agit
d'un contenu xe. Ainsi lorsqu'un ordinateur (par l'usage d'un navigateur
internet) se connecte au serveur hébergeant le site statique, la page de-
mandée est instantanément retournée, sans compilation ni traitement par
le serveur.[4]

Figure 1.4  Figure illustrant le fonctionnement d'un site web statique.

b) Les sites web dynamiques

Un site dynamique combine diérentes sources pour constituer ses pages
HTML. Il y a une base de données (MySQL, . . . ), et des chiers dans un
langage de programmation dynamique (PHP, Java, . . . ) qui à la demande
d'un ordinateur se connectant au serveur, compile la page HTML avant de
la délivrer.[4]

Figure 1.5  Figure illustrant le fonctionnement d'un site web dynamique.

12 Chapitre 1. Etude de l'éxistant

1.7 Le cycle de vie d'un site web

Le cycle de vie d'un site web est constitué de 3 phases Principales es qui
sont :
• La création
Correspond a la concrétisation d une idée qui comporte un grand nombre
de phases :

 la conception, représente la formalisation de l'idée.

 la réalisation, correspondant au développement du site web.

 L'hébergement, rapportant la mise en ligne du site.

 Le référencement par moteur de recherche.

• L'exploitation
Correspond à la gestion quotidienne du site, à son évolution et a sa mise
à jour. L'exploitation du site englobe notamment les activités suivantes :

 Assurer un suivi des technologies, du positionnement du site et de celui

des concurrents.

 Promotion et référencement permettant de développer son audience .

• La maintenance et la mise à jour
Représentant l'animation quotidienne de site et le maintient de son bon
fonctionnement.[5]

1.8 Architecture Client/serveur

L'architecture client/serveur est un modèle de fonctionnement logiciel
qui peut se réaliser sur tout type d'architecture matérielle (petites ou
grosses machines), à partir du moment ou ces architectures peuvent être
interconnectées.[7]
1.8. Architecture Client/serveur 13

Figure 1.6  L'architecture client/serveur.

Pour mieux comprendre cette architecture on va entamer d'abord les
deux notions de bases de cette architecture :

1.8.1 Dénition d'un serveur

On appelle logiciel serveur un programme qui ore un service sur le ré-
seau. Le serveur accepte des requêtes, les traite et renvoie le résultat au
demandeur. Le terme serveur s'applique à la machine sur lequel s'exécute
le logiciel serveur.
Pour pouvoir orir ces services en permanence, le serveur doit être sur un
site avec accès permanent et s'exécuter en permanence.[6]

1.8.2 Dénition d'un client

On appelle logiciel client un programme qui utilise le service oert par
un serveur. Le client envoie une requête et reçoit la réponse. Le client peut-
être raccordé par une liaison temporaire.[6]

1.8.3 La communication client/serveur

On parle de fonctionnement logiciel dans la mesure ou cette architec-
ture est basée sur l'utilisation de deux types de logiciels, à savoir un logiciel
serveur et un logiciel client s'exécutant normalement sur deux machines
diérentes. L'élément important dans cette architecture est l'utilisation de
mécanismes de communication entre deux applications.[7]
14 Chapitre 1. Etude de l'éxistant

Le dialogue entre les applications peut se résumer par :

 Le client demande un service au serveur.

 Le serveur réalise ce service et renvoie le résultat au client. [7]

Figure 1.7  Représentation de la communication client/serveur.

1.9 Les diérentes architectures client/serveur

1.9.1 L'architecture à 2 niveaux
L'architecture à deux niveaux (aussi appelée architecture 2-tier, tier
signiant rangée en anglais) caractérise les systèmes clients/serveurs pour
lesquels le client demande une ressource et le serveur la lui fournit directe-
ment, en utilisant ses propres ressources. Cela signie que le serveur ne fait
pas appel à une autre application an de fournir une partie du service.[8]

Figure 1.8  Représentation de l'architecture client/serveur à 2 niveaux.

1.9. Les diérentes architectures client/serveur 15

1.9.2 L'architecture à 3 niveaux

Dans l'architecture à 3 niveaux (appelée architecture 3-tier), il existe un
niveau intermédiaire, c'est-à-dire que l'on a généralement une architecture
partagée entre :

1. Un client, c'est-à-dire l'ordinateur demande de ressources, équipée d'une

interface utilisateur (généralement un navigateur web) chargée de la pré-
sentation ;

2. Le serveur d'application (appelé également middleware), chargé de fournir

la ressource mais faisant appel à un autre serveur ;

3. Le serveur de données, fournissent au serveur d'application les données

dont il a besoin.[8]

Figure 1.9  Représentation de l'architecture client/serveur à 3 niveaux.

1.9.3 Comparaison des deux types d'architecture

L'architecture à deux niveaux est donc une architecture client/serveur dans
laquelle le serveur est polyvalent, c'est-à-dire qu'il est capable de fournir di-
rectement l'ensemble des ressources demandées par le client.
Par contre, dans l'architecture à trois niveaux les applications au niveau ser-
veur sont délocalisées, c'est-à-dire que chaque serveur est spécialisé dans une
tâche (serveur web/serveur de base de données par exemple). L'architecture
à trois niveaux permet :
16 Chapitre 1. Etude de l'éxistant

 Une plus grande exibilité/souplesse ;

 Une sécurité accrue car la sécurité peut être dénie indépendamment pour
chaque service, et à chaque niveau ;

 Des meilleures performances, étant donné le partage des tâches entre les
diérents serveurs.[8]

1.9.4 L'architecture multi niveaux

Dans l'architecture à 3 niveaux, chaque serveur (niveaux 2 et 3) eectue
une tâche (un service) spécialisée. Un serveur peut donc utiliser les services
d'un ou plusieurs autres serveurs an de fournir son propre service. Par consé-
quent, l'architecture à trois niveaux est potentiellement une architecture à N
niveaux...[8]

Figure 1.10  Représentation de l'architecture client/serveur multi niveaux.

1.10. Les avantages et les inconvénients de cette architecture 17

1.10 Les avantages et les inconvénients de cette

architecture
1.10.1 Les avantages
• Unicité de l'information : pour un site web dynamique par exemple
(comme vulgarisation-informatique.com), certains articles du site sont stockés
dans une base de données sur le serveur. De cette manière, les informations
restent identiques. Chaque utilisateur accède aux mêmes informations.
• Meilleure sécurité : lors de la connexion un PC client ne voit que le
serveur, et non les autres PC clients. De même, les serveurs sont en général
très sécurisés contre les attaques de pirates.
• Meilleure abilité :un cas de panne, seul le serveur fait l'objet d'une ré-
paration, et non le PC client.
• Facilité d'évolution : une architecture client/serveur est évolutive car il
est très facile de rajouter ou d'enlever des clients, et même des serveurs.[9]

1.10.2 Les inconvénients

• Un coût d'exploitation élevé (bande passante, câbles, ordinateurs surpuissants)[9]

1.11 Conclusion
L'ensemble des grandes lignes décrites dans le présent chapitre ne représente
qu'un survol sur la technologie web et la dénition ou la présentation des
diérents logiciels permettant la conception d'un site web et on combinant
nos études aux informations initiale fournit par l'organisme de stage choisi
 la conservation des forêts de Chlef, on a pu conclure que le site web en
question qui va être conçu apporte des intérêts partagés entre les citoyens,
l'organisme et même aux militant du domaine.
 Chapitre 2

La conception

Contenu
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . 19
2.2 Dénition d'UML . . . . . . . . . . . . . . . . . . . . . 20
2.3 Historique UML . . . . . . . . . . . . . . . . . . . . . . 20
2.4 Utilisation d'UML . . . . . . . . . . . . . . . . . . . . . 21
2.4.1 Les avantages d'UML . . . . . . . . . . . . . . . . . . 21
2.5 Modélisation avec UML . . . . . . . . . . . . . . . . . 22
2.6 Le diagramme de cas d'utilisation . . . . . . . . . . . . 22
2.6.1 Dénition des entités . . . . . . . . . . . . . . . . . . 23
2.6.2 Identication des entités . . . . . . . . . . . . . . . . . 23
2.6.3 Identication des cas d'utilisations . . . . . . . . . . . 24
2.6.4 Diagramme du cas d'utilisation de notre site . . . . . 26
2.7 Diagramme d'activité .................. 27
2.7.1 Diagrammes d'activités de notre site . . . . . . . . . . 27
2.8 Diagramme de séquence . . . . . . . . . . . . . . . . . 31
2.8.1 Diagrammes de séquence de notre site . . . . . . . . . 31
2.9 Dictionnaire de données . . . . . . . . . . . . . . . . . 36
2.10 Diagramme de classe . . . . . . . . . . . . . . . . . . . 38
2.10.1 Diagramme de classe de notre site . . . . . . . . . . . 39
2.11 Les règles de passages vers le modèle relationnel . . . 40
2.12 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . 41

2.1 Introduction
Le développement d'un site web est une suite d'étapes qui permet d'obtenir
un site de qualité adapté au les besoins spéciées à la phase préalable.Dans la
suite, nous consacrons une large place à la conception et l'analyse qui s'appuie
sur le langage de modélisation UML.
20 Chapitre 2. La conception

2.2 Dénition d'UML

UML se dénit comme un langage de modélisation graphique et textuel des-
tiné à comprendre et décrire des besoins, spécier et documenter des systèmes,
esquisser des architectures logicielles, concevoir des solutions et communiquer
des points de vue. UML unie à la fois les notations et les concepts orientés
objet. Il ne s'agit pas d'une simple notation graphique, car les concepts trans-
mis par un diagramme ont une sémantique précise et sont porteurs de sens au
même titre que les mots d'un langage.[10]

2.3 Historique UML

En Octobre 1994 G.Booch et J.Rumbaugh ont décidé de travailler ensemble
pour unier leurs méthodes au sein de la société Rational Software un an après,
I.Jacobsoll a rejoint Rational Software pour travailler sur l'unication les tra-
vaux sur ce langage ont continué avec son adoption par de grands acteurs
industriels dont Microsoft, Oracle et Unisys. Ce travail a abouti en janvier de
l'année 1999 à UML 1.0.
Le langage à été soumis par Rational Software et ses partenaires à l'OMG
(Object Management Group) comme réponse à un appel d'ore sur la stan-
dardisation des langages de modélisation en Septembre 1997, et qui a été
accepté à l'unanimité deux mois plus tard en Novembre 1997 dans sa version
1.1 qui devient de ce fait un standard.
Des transformations continuelles ne cessent d'être eectuées pour supprimer
les incohérences, apporter des améliorations et ajouter de nouveaux concepts
d'où l'apparition de la version 1.2 en Juin 1998 cette dernière n'a introduit
aucun ajout d'ordre techniques, ces modications par rapporta la version 1.1
porte uniquement sur un remaniement de la forme.
La version 1.3 apparue en Juin 1999 a apporté de nombreux changements qu'il
s'agisse de corrections ou d'ajouts (modication des associations entre cas
d'utilisation, simplication des stéréotypes, changement d'éléments de graphe
d'activités et des automates d'états,..). D'autres versions sont apparues après
la version 1.3 en Septembre 2001. La version 1.4 a été publiée, suivie par UML
1.5 en 2003. La version d'UML en cours à la n 2004 est UML 2.O et les tra-
vaux d'amélioration se poursuivent. [UML2.0].
UML est donc non seulement un outil intéressant mais une norme qui s'impose
en technologie à objets et à la quelle se sont rangés tous les grands acteurs du
domaine, acteurs qui ont d'ailleurs contribué à son élaboration.[11]
2.4. Utilisation d'UML 21

2.4 Utilisation d'UML

• UML est comme un ingrédient que l'on adapte à sa guise à sa méthode
de développent. Il est majoritairement utilisé lors des phases d'analyse et de
conception par beaucoup. Il peut l'être aussi en phase de développent.

• Un projet est sujet à des modications tout au long de sa vie, ainsi les dia-
grammes utilisés pour modéliser le système sont mis à jour conjointement aux
corrections eectuées. Modéliser tout le squelette de son système et le géné-
rer par la suite dans le langage désiré, est une des principales fonctionnalités
oertes.
• Ce langage de modélisation ore aussi une souplesse remarquable qui s'ex-
prime par la possibilité d'utilisé un diagramme, en suivant les propositions
établies par l'OMG ou alors, d'établir ses propres règles. Son utilisation com-
mence à se généraliser et à s'étendre au-delà du monde OO (et au-delà de la
programmation elle même), notamment du côté du Non Orienté Objet où son
application se répand de plus en plus.
• UML est toujours au c÷ur des débats les plus vifs car il ne signie pas la
même chose pour tout le monde.[14]

2.4.1 Les avantages d'UML

• UML est un langage formel et normalisé

 Gain de précision.

 Encourage l'utilisation d'outils..

 Encourage l'utilisation d'outils.

 langage sans ambiguïté.

•UML est un support de communication performant

 Il cadre l'analyse.

 Il facilite la compréhension de représentations abstraites complexes.

 Un langage universel pouvant servir de support pour tout langage orienté

objet.

 Une notation graphique simple, compréhensible même par des non infor-
maticiens.

[14]
22 Chapitre 2. La conception

2.5 Modélisation avec UML

Le méta-modèle UML fournit une panoplie d'outils permettant de représenter
l'ensemble des éléments du monde objet (classes, objets, ...) ainsi que les liens
qui les relie. Toutefois, étant donné qu'une seule représentation est trop sub-
jective, UML fournit un moyen astucieux permettant de représenter diverses
projections d'une même représentation grâce aux vues. Une vue est constituée
d'un ou plusieurs diagrammes. On distingue deux types de vues :

• Les vues statiques, c'est-à-dire représentant le système physiquement

 Diagrammes d'objets

 Diagrammes de classes

 de composants

 de déploiement

Remarque :nous avons utiliser parmi ces diagramme le diagramme de classe.

• Les vues dynamiques, montrant le fonctionnement du système

 Diagrammes de séquence

 Diagrammes de communication

 Diagrammes d'états-transitions

 Diagrammes d'activités

 Diagrammes de cas d'utilisation

[11]

Remarque :nous avons utiliser parmi ces diagramme les diagrammes suivants
(diagramme de séquence, de cas d'utilisation et le diagramme d'activté.

2.6 Le diagramme de cas d'utilisation

Le diagramme de cas d'utilisation est utilisé dans l'activité de spécication
des besoins. Il montre les interactions fonctionnelles entre les acteurs et le
système à l'étude.[10]
2.6. Le diagramme de cas d'utilisation 23

2.6.1 Dénition des entités

• Acteur :rôle joué par un utilisateur humain ou un autre système qui inter-
agit directement avec le système étudié. Un acteur participe à au moins un
cas d'utilisation.

• Cas d'utilisation (use case) : Ensemble de séquences d'actions réalisées

par le système produisant un résultat observable intéressant pour un acteur
particulier. Collection de scénarios reliés par un objectif utilisateur commun.
• Association : Utilisée dans ce type de diagramme pour relier les acteurs
et les cas d'utilisation par une relation qui signie simplement  participe à
.
• Inclusion : Le cas d'utilisation de base en incorpore explicitement un
autre, de façon obligatoire, à un endroit spécié dans ses enchaînements.
• Extension : Le cas d'utilisation de base en incorpore implicitement un
autre, de façon optionnelle, à un endroit spécié indirectement dans celui qui
procède à l'extension (déconseillé !)
• Généralisation : les cas d'utilisation descendants héritent de la description
de leur parent commun. Chacun d'entre eux peut néanmoins comprendre des
relations spéciques supplémentaires avec d'autres acteurs ou cas d'utilisation
(déconseillé !). La généralisation d'acteurs est en revanche parfois utile .
[10]

2.6.2 Identication des entités

• Le visiteur : il bénécie des diérents services oerts par la liste .
 Consultation des informations sur la CFC ( la Conservation des Forets de
la wilaya de Chlef ).

 Consultation des actualités

 Contacter la conservation des forets.

 Ajouter un commentaire.

 Rechercher.

• L'administrateur : personne qui a pour role de gérer le site et toutes les

tables de la base de données.
 Gérer son prole .

 Gestion des actualités.

 Gestion des événements.

 Gestion des articles.

24 Chapitre 2. La conception

2.6.3 Identication des cas d'utilisations

Table 2.1  Tableau d'identication des cas d'utilisations

2.6. Le diagramme de cas d'utilisation 25
26 Chapitre 2. La conception

2.6.4 Diagramme du cas d'utilisation de notre site

Figure 2.1  Diagramme du cas d'utilisation de notre site.

2.7. Diagramme d'activité 27

2.7 Diagramme d'activité

C'est un diagramme associé à un objet particulier ou à un ensemble d'objets,
qui illustre les ux entre les activités et les actions.Il permet de représenter
graphiquement le déroulement d' un cas d'utilisation.[12]

2.7.1 Diagrammes d'activités de notre site

a. Diagramme d'activité pour l'authentication

Figure 2.2  Diagramme d'activité d'authentication.

28 Chapitre 2. La conception

b. Diagramme d'activité pour l'ajoute (événement/article)

Figure 2.3  Diagramme d'activité pour l'ajoute.

2.7. Diagramme d'activité 29

c. Diagramme d'activité pour la modication (événement/article)

Figure 2.4  Diagramme d'activité pour la modication.

30 Chapitre 2. La conception

d. Diagramme d'activité pour la suppression (événement/article)

Figure 2.5  Diagramme d'activité pour la suppression.

2.8. Diagramme de séquence 31

2.8 Diagramme de séquence

Le Diagramme de séquence présente la vue dynamique de systéme.Lobjectif
de séquance est diagramme de séquance est de représenter les interactions
entre les objets en indiquant la chronologie des échanges,cette représentation
se réalise par cas d'utilisation.[12]

2.8.1 Diagrammes de séquence de notre site

a. Diagramme de séquence pour l'authentication

Figure 2.6  Diagramme de séquence pour l'authentication

32 Chapitre 2. La conception

b.Diagramme de séquence pour l'ajoute (événement/article)

Figure 2.7  Diagramme de séquence pour l'ajoute.

2.8. Diagramme de séquence 33

c. Diagramme de séquence pour la modication (événement/article)

Figure 2.8  Diagramme de séquence pour la modication.

34 Chapitre 2. La conception

d. Diagramme séquence pour la suppression (événement/article)

Figure 2.9  Diagramme de séquence pour la suppression.

2.8. Diagramme de séquence 35

e. Diagramme séquence pour l'envoie d'un message

Figure 2.10  Diagramme séquence pour l'envoie d'un message

36 Chapitre 2. La conception

2.9 Dictionnaire de données

Le dictionnaire de données est un document qui regroupe toutes les données
qui sont à conserver dans votre base de données. Pour chaque donnée, il in-
dique :

 Le code mnémonique : il s'agit d'un libellé désignant une donnée.

 La désignation : il s'agit d'une mention décrivant ce à quoi la donnée

correspond.

 Le type de donnée :

• A ou Alphabétique : lorsque la donnée est uniquement composée de ca-

ractères alphabétiques (de 'A' à 'Z' et de 'a' à 'z').
• N ou Numérique : lorsque la donnée est composée uniquement de nombres
(entiers ou réels)
• AN ou Alphanumérique : lorsque la donnée peut être composée à la fois
de caractères alphabétiques et numériques.
• Date : lorsque la donnée est une date (au format AAAA-MM-JJ).
• Booléen : Vrai ou Faux
• La taille : elle s'exprime en nombre de caractères ou de chires. Dans le
cas d'une date au format AAAA-JJ-MM, on compte également le nombre de
caractères, soit 10 caractères. Pour ce qui est du type booléen, nul besoin de
préciser la taille (ceci dépend de l'implémentation du SGBD).
2.9. Dictionnaire de données 37

Table 2.2  Dictionnaire de données.

38 Chapitre 2. La conception

2.10 Diagramme de classe

Le diagramme de classe est le point centrale dans un developpement orienté
objet en analyse il a pour objet de decrire la structeur des entités manipulées
par les utilisateur, en conception la diagramme de classe représenté la structure
d'un code orienté objet.
 Classe :
Regroupement d'objets de même nature (mêmes attributs + mêmes opé-
rations)

 Attributs :
Caractéristique partagée par tous les objets de la classe.
1
Associe à chaque objet une valeur.

 Relations entre objets :

Lien entre objets.

 Agrégation :
Une agrégation est une association qui représente une relation d'inclusion
structurelle ou comportementale d'un élément dans un ensemble. Graphi-
quement, on ajoute un losange vide du côté de l'agrégat.
 Composition :
La composition, également appelée agrégation composite, décrit une conte-
nance structurelle entre instances. Graphiquement, on ajoute un losange
plein du côté de l'agrégat.

1. Objet = instance d'une classe.

2.10. Diagramme de classe 39

2.10.1 Diagramme de classe de notre site

Figure 2.11  Diagramme de classe.

40 Chapitre 2. La conception

2.11 Les règles de passages vers le modèle rela-

tionnel
Un schéma relationnel est un ensemble de relation correspondant à la struc-
ture de donnée manipulée par une application. A partir de notre diagramme
de classe, on peut déduire notre modèle relationnel. Le passage du modèle
objet vers le relationnel nécessite d'appliquer des règles bien dénies .ces règle
vont nous permettre d'aboutir à un ensemble de table qui constitueront notre
base de donnée
Règle 1 :une classe de diagramme de classe se transforme en une relation
dans le modèle relationnel .une clé sera ajoutée à la relation.
Règle 2 :une association ayant multiplicité (0,*) ou (1,*) dans le diagramme
de classe, se traduit l'ajout en tant qu'attribut simple de la clé de la classe
située du côté de multiplicité *
Règle 3 :une association ayant une multiplicité (*,*) dans le diagramme de
classe sr traduit par une relation supplémentaire dans le modèle relationnel
ayant pour clé, les clés de relation issues des classes participant à l'association.

Règle 4 :une classe d'association se transforme en une relation ayant pour

clé les clés des classes participant à cette association.

Règle 5 :dans une relation d'héritage, la clé de la classe mère ajouter en tant
que clé dans la classe lle.

Règle 6 :dans le cas d'une association réexive, la clé ajoutée à la relation

correspondante est la relation après avoir été renommée.
En appliquant ces règles de transformation d'un diagramme de classe vers un
modèle relationnel nous avons abouti au schéma relationnel suivant :

Conservation ( nom-con , #id-cir)

Actualité (id-act, titre, contenu, date-entered, photo,#id-article)
Articl-faun (id-faun, classe, denom, nom-sct, loc ,prot,contenu,photo,date-
entred,# id-article)
Articl-or (id-or, classe, denom, nom-sct, loc ,prot,contenu,photo,date-entred,
# id-article)
Article(id-article, titre-article,contenu, #id-admin)
Admin(id-admin,pseudo,pw)
Evenement (id-evenement, titre-evenement, contenu-evenement, #id-calendrier,
#id-admin)
2.12. Conclusion 41

Calendrier(id,calendrier,jour-evenement,mois-evenment,annee-evenement)
Commentaire(id-com,email,pseudo,commentaire, # id-admin)
Visiteur(email)
Message(id, email, subject, message, etat,# id-admin)
Espace(id-esp,cla,denom,nom,prot)
Flore(id-o,éntro,endé,# id-esp)
Faune(id-fau,indém,invas,# id-esp)
Foret(id-foret,nom-foret,sup,#id-cir, # id-esp)
Circonscription(id-cir,nom-cir,localization)
Consulter1 (#id-article, #email)
Consulter2 (#id-evenement, #email)
envoyer1 (#id , #email)
poser1 (#email, #id-com)
poser1 (#email, #id-com)

2.12 Conclusion
En clair, comme nous venons de le voir, ce chapitre était consacré, à la
conception des diagrammes, des cas d'utilisation qui nous ont permis de déga-
ger l'architecture générale de notre site web . qui nous renseigne sur la relation
homme Machine de notre site web qui sera détaillée dans le prochain chapitre.
 Chapitre 3

Implémentation

Contenu
3.1 Outils de développement . . . . . . . . . . . . . . . . . 44
3.1.1 Xamp . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
3.1.2 Les serveurs . . . . . . . . . . . . . . . . . . . . . . . . 44
3.1.3 Les logiciels . . . . . . . . . . . . . . . . . . . . . . . . 45
3.2 Les langages de programmation . . . . . . . . . . . . . 46
3.2.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
3.2.2 CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
3.2.3 Javascript . . . . . . . . . . . . . . . . . . . . . . . . . 47
3.2.4 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
3.2.5 Utilisation PHP . . . . . . . . . . . . . . . . . . . . . 48
3.2.6 MYSQL . . . . . . . . . . . . . . . . . . . . . . . . . . 48
3.2.7 Utilisation MYSQL . . . . . . . . . . . . . . . . . . . . 49
3.3 Dénition d'un Framework . . . . . . . . . . . . . . . . 49
3.3.1 Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . 50
3.4 Les interfaces de notre site . . . . . . . . . . . . . . . . 52
3.4.1 Interface de partie visiteur . . . . . . . . . . . . . . . . 52
3.4.2 Interface de partie Administrateur . . . . . . . . . . . 57
3.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Introduction
A ce stade du processus, les cas d'utilisation sont terminés, le problème
a été analysé en profondeur .Nous avons déni une conception mieux appro-
priée aux besoins de site. Nous pouvons alors entreprendre la dernière activité
du Processus Unié qu'est de même composé de deux parties (implémenta-
tion et test), ayant comme objectif d'aboutir à un produit nal, exploitable
par les utilisateurs. Dans cette phase nous allons présenter les outils de dé-
veloppement que nous avons utilisé, l'architecture matérielle mise en place,
implémenter tous les cas d'utilisation, et enn les tester.
44 Chapitre 3. Implémentation

3.1 Outils de développement

3.1.1 Xamp

est un ensemble de logiciels permettant de mettre en place facilement

un serveur Web et un serveur FTP. Il s'agit d'une distribution de logiciels
libres (X Apache MySQL Perl PHP) orant une bonne souplesse d'utilisa-
tion, 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.[18]

3.1.2 Les serveurs

a. Le serveur Apache

C'est le serveur le plus répandu sur Internet, permet-

tant la conguration de l'environnement d'exécution de pages web. Il s'agit
d'une application fonctionnant à la base sur les systèmes d'exploitation de
type Unix, mail il a désormais été porté de nombreux systèmes, dont Microsoft
Windows grâce à sa conception modulaire morceaux de code qui correspond
à diérents aspects ou fonctions du serveur.
Cette conception autorise le développement à choisir quelles fonctionnalités
seront incluses dans le serveur en sélectionnant les modules à charger soit à la
compilation, soit à l'exécution. Elle lui permet aussi décrire son propre mor-
ceau de code qui pourra ensuite être facilement intégré dans le serveur Web
Apache.[15]
3.1. Outils de développement 45

b. Le serveur MYSQL

est un système de gestion de bases de données rela-

tionnelles. Le SQL dans MySQL signie Structured Query Language : le
langage standard pour les traitements de bases de données. MySQL est Open
Source. Open Source (Standard Ouvert) signie qu'il est possible à chacun
d'utiliser et de modier le logiciel. Tout le monde peut le télécharger sur Inter-
net et l'utiliser sans payer aucun droit. ATELIER-FREELANCE.Permettant
de manipuler des instructions adressées à la base de données (BDD) sous forme
de requêtes SQL. [15]

3.1.3 Les logiciels

a. Notepad++

C'est un éditeur de code source qui supporte plusieurs lan-

gages. Ce programme, qui est codé en C++, Disponible uniquement pour la
plateforme Windows, a pour but de fournir un éditeur de code source "petit"
(de taille binaire) et ecace (performance d'exécution).[17]

b. Star UML

StarUML est un logiciel de modélisation UML (Uni-

ed Modeling Language) open source qui peut remplacer dans bien des si-
tuations des logiciels commerciaux et coûteux comme Rational Rose1 ou To-
gether2 . Étant simple d'utilisation, nécessitant peu de ressources système,
supportant UML 2, ce logiciel constitue une excellente option pour une fa-
miliarisation à la modélisation. Cependant, seule une version Windows est
disponible.
Site web du logiciel : http ://staruml.sourceforge.net/en/
Pour télécharger le logiciel, choisissez StarUML Download dans le menu de
gauche. Choisissez la version exécutable (.exe) du logiciel.[19]
46 Chapitre 3. Implémentation

c. Latex

est un système de composition de document permettant

d'obtenir de nombreux types de sorties (articles, rapports, livres, posters, pré-
sentations) de très belle qualité.

3.2 Les langages de programmation

3.2.1 HTML
a. 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'est un langage de balisage
permettant décrire de l'hypertexte, d'où son nom. HTML permet également
de structurer sémantiquement et logiquement et de mettre en forme le contenu
des pages, d'inclure des ressources multimédias dont des images, des formu-
laires de saisie, et des programmes informatiques. Il permet de créer des do-
cuments interopé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 le langage de programmation JavaScript et des feuilles de style en cas-
cade (CSS).

b. HTML5

Le HTML 5.0 est en cours de spécication en 2012. La

version 5.0 du langage HTML dénit deux syntaxes de DOM : HTML5 et
XHTML5. Cette version apporte de nouvelles possibilités en termes de créa-
tion d'  applications Web riches  bénéciant de l'intégration d'éléments
multimédias et d'interactivité, à l'image de ce que permettent Adobe Flash
ou Microsoft Silverlight.[20]

3.2.2 CSS
a. CSS
Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cas-
3.2. Les langages de programmation 47

cading Style Sheets, forment un langage informatique qui décrit la présentation

des documents HTML et XML. Les standards dénissant CSS sont publiés
par le World Wide Web Consortium (W3C). Introduit au milieu des années
1990, CSS devient couramment utilisé dans la conception de sites web et bien
pris en charge par les navigateurs web dans les années 2000.[20]

b. CSS3

c'est la dernière version, qui apporte des fonctionnalités

particulièrement attendues comme les bordures arrondies, les dégradés, les
ombres, etc.[20]

3.2.3 Javascript

Javascript est un langage de scripts qui incorporé aux ba-

lises Html, permet d'améliorer la présentation et l'interactivité des pages Web.
Javascript est donc une extension du code Html des pages Web. Les scripts,
qui s'ajoutent ici aux balises Html, peuvent en quelque sorte être comparés
aux macros d'un traitement de texte. Ces scripts vont être gérés et exécutés
par le browser lui-même sans devoir faire appel aux ressources du serveur. Ces
instructions seront donc traitées en direct et sans retard par le navigateur.
Javascript a été initialement développé par Netscape et s'appelait alors LiveS-
cript. Adopté à la n de l'année 1995, par la rme Sun (qui a aussi développé
Java), il prit alors son nom de Javascript.[21]

3.2.4 PHP

PHP est un langage de script coté serveur qui a été conçu

spéciquement pour le web. Le code PHP est inclus dans une page HTML et
sera exécuté à chaque fois qu'un visiteur achera la page. Le code PHP est
48 Chapitre 3. Implémentation

interprété au niveau du serveur web et génère du code HTML ou toute autre

donnée achable dans le navigateur de l'utilisateur.
PHP signiait à l'origine Personal Home Page, mais ce nom a été changé en
un acronyme récursif comme GNU (Gnu's Not Unix) : il signie maintenant
PHP HyperText Preprocessor.
La dernière version principale de PHP est la version 5.elle bénécie d'une ré-
écriture complète du moteur de Zend et de quelques améliorations importantes
au niveau du langage. [23]

3.2.5 Utilisation PHP

Un programme PHP n'étant ni plus ni moins qu'un simple chier texte
contenant des lignes de code, il est interprétable sur tout type de machine
ou de système d'exploitation sans que cela nécessaire la modication de la
moindre virgule : on appelle cela la "portabilité".
Le marché potentiel d'un programme écrit en PHP est par la même bien plus
vaste que celui d'un programme compilé qui généralement n'est développé que
pour un système d'exploitation et une architecture données.

3.2.6 MYSQL

MySQL est un système de gestion de base de données re-

lationnelle (SGBDR) robuste et rapide. Une base de données permet de ma-
nipuler les informations de manière ecace, de les enregistrer, de les lire et
d'y eectuer des recherches. Le serveur MySQL contrôle l'accès aux données
pour s'assurer que plusieurs utilisateurs peuvent se servir simultanément d'une
même base de données pour y accéder rapidement et pour garantir que seuls les
utilisateurs autorisés peuvent accéder aux données. MySQL et donc un serveur
multi-utilisateur et multithread. Il utilise SQL (Structured Query Language),
le langage standard des requêtes de bases de données. MySQL est disponible
depuis 1996, mais son développement remonte à 1979. Il s'agit de la base de
données open-source la plus employée au monde et elle a reçu le Linux journal
Reader'Choice Award à plusieurs reprises.
MySQL est désormais disponible sous une double licence. Vous pouvez utili-
ser gratuitement sous licence open-source (GPL) à condition de respecter les
termes de cette licence. Si vous souhaitez distribuer une application non GPL
incluant MySQL, vous pouvez aussi acheter une licence commerciale.[23]
3.3. Dénition d'un Framework 49

3.2.7 Utilisation MYSQL

 Rapide
Le serveur MYSQL est très rapide. Des tests de performances sont dispo-
nibles sur le site MYSQL.

 Facilite à utiliser MYSQL est beaucoup plus simple à utiliser que la

plupart des serveurs de bases de données commerciaux.

 API divers
On peut eectuer diverses opérations sur une base MYSQL en utilisant
des interfaces écrites en C, C++, JAVA, PHP...

 Portabilité
MYSQL tourne sur divers systèmes tels qu' Unix, windows, Linux...

 Distribution ouverte
Les sources étant fournis, il est possible d'améliorer MYSQL.

 Connexion et sécurité
MYSQL dispose d'un système de sécurité permettant de gérer les per-
sonnes et les machines pouvant accéder aux diérentes bases.

3.3 Dénition d'un Framework

Un framework est un outil de programmation informatique constitué de com-
posants structurés permettant de créer les fondations d'un code et d'organiser
celui-ci. Il permet ainsi d'améliorer la productivité ou de faciliter la mainte-
nance du logiciel. Beaucoup de frameworks sont employés pour les applications
web basées sur les langages Java, Python, Ruby, PHP...
Les frameworks CSS sont spécialisés, comme leur nom l'indique, dans les
feuilles de style CSS.
C'est-à-dire qu'ils permettent de mettre en forme des pages web : organisation,
aspect visuel, animation... Ils présentent l'avantage d'harmoniser l'achage
des pages web quel que soit le navigateur. De plus, ils facilitent le développe-
ment grâce aux éléments prédénis qu'ils proposent, notamment la prise en
compte des contraintes d'achage liées aux diérentes technologies (smart-
phone, tablettes, iPod...). Devenus à la mode, de nombreux frameworks CSS
ont ainsi vu le jour, dont BootstrapTwitter.[22]
50 Chapitre 3. Implémentation

3.3.1 Bootstrap

Publié en Août 2011 pour répondre à des besoins internes

de développement de l'entreprise Twitter, BootstrapTwitter est donc un fra-
mework CSS mis à disposition du public sous licence Apache2. En version 2
depuis 2012, il est testé et supporté sur les principaux navigateurs modernes
tels que Chrome, Safari, Internet Explorer et Firefox. Il propose un ensemble
de grille, de styles, de typographies, de messages ... permettant de démarrer
le design d'un site web rapidement. BootstrapTwitter est livré avec CSS com-
pilés, non compilés et des exemples de modèle. Il contient :

 Du code fondé sur HTML 5 et CSS 3 ;

 Des éléments "responsive-design" qui prennent en compte les diérents

formats d'achage des principaux outils de navigation (smart phones, ta-
blettes...) ;

 Des éléments permettant la compatibilité avec la majorité des navigateurs ;

 Une mise en page basée sur un principe de grille ;

1
 Un reset CSS basé sur Normalize.css ;

2
 Une architecture basée sur LESS ;

 Des plugins jQuery pour l'utilisation de JavaScript ;

 Et la documentation présente sur le site de Twitter.

A l'installation, un répertoire principal "bootstrap" se répartit en 3 sous-

répertoires contenant divers chiers :

 Le répertoire "css" contenant les classes de bases ;

1. Normalize.css = framework permettant d'utiliser les styles par défaut du navigateur.

2. LESS = outil permettant d'étendre les possibilités de CSS.

3.3. Dénition d'un Framework 51

 Le répertoire "img" contenant une collection d'icônes fournies par Glyphi-

3
cons en version noires ou blanches ;
 et le répertoire "js" contenant des fonctions JavaScript des composants de
Bootstrap.

Tous les chiers sont également présents en une version ".min" qui dénit
le même code que celui du chier de base correspondant, mais épuré des
commentaires et ainsi allégé pour accélérer le chargement.[22]

3. Glyphicons = librairie d'icones.

52 Chapitre 3. Implémentation

3.4 Les interfaces de notre site

3.4.1 Interface de partie visiteur

Figure 3.1  Interface de visiteur.

Figure 3.2  A propos de la conservation des forets.

Cette partie concernant la conservation des forets de la wilaya de Chlef,

quand on clic sur le bouton de "Lire plus" s'ache la fenêtre dans la gure
3.4. Les interfaces de notre site 53

suivante qui porte une carte de localisation de la wilaya en plus des détails sur
la présentation physique de la wilaya de Chlef et sa composition géographique
et enn la situation phytoecologiques.

Figure 3.3  A propos de la conservation des forets.

Figure 3.4  A propos de la conservation des forets.

Cette partie contient des informations détaillés concernant les espèces fo-
54 Chapitre 3. Implémentation

restières et omentales et les espèces animales trouvés dans la wilaya de Chlef,

et aussi les circonscriptions et les services et les bureaux chacun son rôle, ainsi
que l'organigramme de la conservation des forets de la wilaya de Chlef. Dans
les deux gures suivantes on va présenter une listes des animaux et plantes
qui sont trouvés dans la wilaya de Chlef avec les détails.

Figure 3.5  Liste des éspèces animales.

Figure 3.6  Liste des éspèces foréstières et omentales.

3.4. Les interfaces de notre site 55

Figure 3.7  Partie des évènements.

Quan on clic sur le bouton "Lire plus" le système ache une fenêtre contient
un calendrier des évènements (dans la gure suivante).

Figure 3.8  un calendrier d'évènements.

56 Chapitre 3. Implémentation

Figure 3.9  des photos de la conservation des forets.

Figure 3.10  Formulaire d'envoyé un message.

L'objectif de cette partie consiste à contacter l'administrateur par remplir le

formulaire.
3.4. Les interfaces de notre site 57

Figure 3.11  Le footer de la page d'acceuil.

3.4.2 Interface de partie Administrateur

Figure 3.12  page login.

Pour réussir l'accès à la page d'accueil il faut remplir le pseudo et le mot de

passe,
si le pseudo et le mot de passe correct l'administrateur peuvent accès sinon
acher un message d'erreur.
58 Chapitre 3. Implémentation

Figure 3.13  page d'acceuil d'administrateur.

Figure 3.14  Boite de réception.

3.5. Conclusion 59

Figure 3.15  Capture d'écran de la gestion des articles.

3.5 Conclusion
Dans cette partie nous avons présenté l'environnement matériel et logiciel
de notre projet. Ensuite nous avons illustré les diérentes fonctionnalités de
notre web à travers quelques interfaces an de donner une meilleure idée du
travail réalisé.
 Conclusion générale

La réalisation de ce mini projet a été une bonne occasion pour nous d'une
part d'acquérir de nouvelles connaissances, et d'autre part, d'assimiler les
diérents outils acquis durant nos études . L'objectif visé à travers ce travail
est de concevoir et realiser un site web pour la conservation des forets de la
wilaya de Chlef . Cet site peut étre utilisé dans des tout les conservations des
forets . Grace à la facilite qu'il ore, il s'adapte à n'importe quel conservation
. Le problème primordial était la fourniture des diérents services de la
conservation et favoriser l'accès à distance à les information concernant cette
conservation. Sur le plan des nouvelles technologies, cette expérience nous
a permis de découvrir et d' acquérir des nouvelles connaissances nouvelles,
de renforcer nos connaissances programmation évènementielle du web et le
développement d'une base de données et d'autre part, nous avons appris à
travailler dans des diérents environnements et logiciels.
 Resumé

Notre projet consiste à construire et a réaliser un site web dynamique pour

la Conservation des forêts de la wilaya de Chlef pour la première fois. La
Conservation des forêts de la wilaya de Chlef (CFC] est un organisme public
algérien chargé de la gestion des forêts placé sous la tutelle de la direction
générale des forêts (DGF) et du Ministère de l'Agriculture, du Développe-
ment Rural et de la Pêche Pendant notre stage pratique on cite ici quelques
problèmes concernant la diculté de la communication avec la conservation
des forets de la wilaya de Chlef . L'objectif principal de ce site repose sur
l'amélioration de notre environnement et la protection de la nature d'un coté,
et pour faciliter le contact des citoyens avec la conservation des forêts de la
wilaya de Chlef et les wilayas voisines d'un autre coté,pour la conception on
a utiliser L'UML , Après la réalisation de notre projet nous avons une grande
expérience concernant le domaine de l informatique ainsi qui le domaine de l
administration.

Mots clés : Conservation des forets , Expert forestier, Chef de réseau de

communication radioélectrique, Chef de triage des forêts, Chef de brigade
des forets, Service de la gestion du patrimoine des programmes et des études
(SGPEP), Service de la protection de la faune et de la ore (SPFF), Ser-
vice de l'extension du patrimoine et protection des terres (SEEPT),Service
de l'administration et des moyens (SAM), Circonscription, site web, Architec-
ture Client/serveur,UML, Xampp, Apache, MYSQL, Notepad++, Star UML,
Bootstrap, HTML, Latex, CSS, Javascript, PHP, Framework ,
 Bibliographie
[1] Journal Ociel de la République Algérienne Démocratique et Populaire,
conventions et accords internationaux-lois et décrets, arrêtes, décisions,
avis, communications et annonces, N 18, 23 mars 2011. (Cited on page 5.)

[2] Arrêté interministériel portant  Organisation de la conservation des fo-

rets de wilaya , au 29 Juillet 1997. (Cited on pages 7 and 8.)

[3]  Dénition : Qu'est-ce qu'un site web - Petite-Entreprise.net ,

http ://www.petite-entreprise.net/P-2823-85-G1-denition-qu-est-ce-qu-
un- site-web.html (Cited on page 10.)

[4] Ludovic Valentin ,  Votre site, vous le voulez statique ou dynamique ?

, https ://wooster.checkmy.ws/2013/11/site-statique-dynamique/, Le 28
novembre 2013. (Cited on page 11.)

[5] Souad Derouicher,Amina Yakhlef ,Mouda Hamoud ,Conception et réa-

lisation d un site web dynamique pour gestion d une agence immobilière,
ENS Constantine,2014/2015. (Cited on page 12.)

[6]  Architecture Client/serveur , Université Paul Sabatier (Toulouse III),

http ://www.httr.upstlse.fr/pedagogie/cours/internet/services/servclie.htm
Le 20 mai 2001 (Cited on page 13.)

[7]  Chap-12- Le client-serveur.pdf , http ://perso.modulonet.fr/placurie/Ressources/

BTS1-ALSI/Chap-12-

[8]  Réseaux - Architecture client/serveur à 3 niveaux - Comment

Ça Marche , http ://www.commentcamarche.net/contents/221-reseaux-
architecture- client-serveur-a-3-niveaux (Cited on pages 12, 13 and 14.)

[9] Anthony,  L'architecture client/serveur - Vulgarisation-

informatique.com , http ://www.vulgarisation-informatique.com/client-
serveur.php

[10] Pascal Roque,le cahier des programeur ues Modéliser une application web
4e édition

[11] OULADDAOUD MOHAMED GHAZAL ,ZAHOUANI FERHAT

,Conséption et réalisation d'un siystéme d'information relatif à la mis en
place d'un Système de Gestion de Contenu web ,2009

[12] M.GRIMALDI ,Modélisation UML diagramme structurel ,février2007

[13] S.GRAINE,UML2 pour une modélisation orienté objet ,année 2009

[14] Benramdane Meryem,Bouslimani Asmaa,Conception et realisation d'un

site web dynamique pour la Communauté des Chercheur Universitaires
Algériens,2012/2013
 iv Bibliographie

[15] L.PHILLIPE,  pratique de MYSQL et PHP  , édition dunod (Cited

on pages 14, 15 and 16.)

[16] ATELIER FREELANCE ,  Introduction à MySQL , page4/42,

http ://www.prosygma.com/telechargement/mysqlt utorial.pdf (Citedonpage 17.)
[17]  Fiche Notepad++ en PDF[27.8 ko]-CRIP,http : //crip.unilim.fr
/main/IMG/pdf/Notepad. pdf, (Citedonpages 20, 22and 23.)
[18]  XAMPP :plateforme pour héberger son propre site web ,
https ://desgeeksetdeslettres.com/programmation-java/ xampp-plateforme-
pour-heberger-son-propre-site-web. (Cited on pages 20 and 22.)

[19] Présentation du logiciel StarUML - inf1410,http ://inf1410.teluq.ca/teluqDownload.php ?le=201

/01/INF1410-PresentationStarUML.

[20] Mathieu Nebra (Mateo21), Apprendre à créer votre site web avec HTML5
et CSS3 , http ://kosmina.eu/web/13666- apprenez-a-creer-votre-site-web-
avec-html5-et-css3.pdf (Cited on pages 27 and 31.)

[21] Y. Mine,Cours d'Initiation au langage JavaScript 

,http ://perso.fundp.ac.be/ ymine/jvscript.pdf ,Ecole Industrielle de Namur
2001 - 2002

[22] http ://users.polytech.unice.fr/ rey/cours/supports/lpsil/2012/rapportg 19.pdf Luckwillinglauratho

(Cited on page 21.)

(Cited on pages 44 and 45.)

(Not cited.)

(Cited on page 45.)

(Cited on page 44.)

(Cited on page 45.)

(Cited on pages 46 and 47.)

(Cited on page 47.)

(Cited on pages 49 and 51.)

(Cited on page 48.)

Bibliographie v