Vous êtes sur la page 1sur 44

PROJET SITE WEB OT

SOMMAIRE
Tables des matires :
I. CAHIER DES CHARGES.................................................................................................3
1. ANALYSE DU BESOIN...........................................................................................................3
A. Objectif...........................................................................................................................3
B. Public vis (cible)...........................................................................................................3
2. ANALYSE DE LEXISTANT.....................................................................................................4
3. SPCIFICATIONS FONCTIONNELLES......................................................................................4
4. SPCIFICATIONS TECHNIQUES..............................................................................................5
5. SOLUTIONS ENVISAGEABLES...............................................................................................6
A. Les logiciels de gestion de la documentation.................................................................6
B. La gestion par disque dur partag..................................................................................7
C. Gestion par Internet........................................................................................................8
D. Choix..............................................................................................................................9
6. SOLUTION CHOISIE............................................................................................................10
A. Joomla..........................................................................................................................10
B. KwsPHP :.....................................................................................................................10
C. Comparaison des deux type de CMS :.........................................................................11
D. Choix :..........................................................................................................................11
II. REALISATION DU SITE WEB DYNAMIQUE.............................................................11
1. PR-REQUIS.......................................................................................................................11
A. KWSPHP......................................................................................................................11
B.EasyPHP........................................................................................................................12
C. Filezilla.........................................................................................................................12
2. MODIFICATIONS DU PORTAIL.............................................................................................13
Table des annexes :
Annexe 1 : La GED, avantages et inconvnients..................................................................................23
Annexe 2 : Informations sur la signature lectronique.........................................................................25
Annexe 3 : Approfondissement sur les CMS........................................................................................26
Annexe 4 : La licence GNU GPL.........................................................................................................28
Annexe 5 : La licence CeCill................................................................................................................29
Annexe 6 : Installation du portail en local sous windows.....................................................................31
Annexe 7 : Installation du portail en local sous Mac............................................................................38
Annexe 8 : Les divers grades et les accs :...........................................................................................42
Annexe 9 : Les balises BBcode............................................................................................................44

Table des illustrations :


Figure 1 : Avantages et inconvnients des trois solutions envisages........................................................8
Figure 2 : Avantages et inconvnients de la solution choisie.....................................................................9
Figure 3 : comparatif des deux CMS de la solution choisie.....................................................................10
Figure 4 : Schma des fonctionnalits de Easy PHP................................................................................11
Figure 5 : Page daccueil vierge du portail..............................................................................................12
Figure 6 : Aperu de lespace membre administrateur............................................................................13
Figure 7 : Aperu du compte administrateur............................................................................................14
Figure 8 : Aperu de la page de gestion des modules..............................................................................15
Figure 9 : Aperu dune page du site........................................................................................................16
Figure 10 : Aperu des catgories des articles du site.............................................................................17
Figure 11 : Aperu dune news du site......................................................................................................18
Figure 12 : Aperu de larborescence des rpertoires pour le travail en local........................................19
Figure 13 : Aperu du rpertoire de thmes.............................................................................................19
Figure 14 : Codification des images du thme.........................................................................................20
Figure 15 : Aperu de la page de cration des pages pour uploader les images.....................................20

1/44

PROJET SITE WEB OT

I.

CAHIER DES CHARGES


1. ANALYSE DU BESOIN
A. OBJECTIF
Le but de lOT est de rpondre aux exigences de la norme ISO 9001 version 2000. Cette

norme exige de pouvoir grer et diffuser les documents de faon claire et transparente. Pour cette
gestion plusieurs possibilits soffrent lOT.
Avant tout, il faut savoir que, selon la dfinition de lISO, un document est lensemble
constitu dun support dinformation et des donnes enregistres sur celui-ci sous une forme, en
gnral permanente et lisible par lhomme ou par une machine. Il est donc clair, daprs cette
dfinition, que le document garde toutes ses proprits intrinsques, quil soit sur support lectronique
ou papier.
Suite cette dfinition, il existe un cycle de vie des documents. Ce cycle de vie comporte trois
tapes successives :
Elaboration du document : le document est cr puis transmis un ou plusieurs destinataires
pour avis. Il est ensuite valid par une personne ayant autorit pour le faire et il ne pourra
plus, ds lors, tre modifi, si ce nest avec laccord de cette personne.
Maintenance ou conservation : le document valid est transmis lentit charge de le
conserver aussi longtemps que le prescrivent les rgles et normes en vigueur. Cette entit peut
prendre la forme dun systme lectronique. Pendant toute cette phase, le document est
conserv dans des conditions telles que non seulement il est toujours lisible et intelligible,
mais quil reste aussi crdible et fiable, c'est--dire quon ne peut pas le souponner davoir
t altr ou falsifi.
Elimination : Ltape finale peut tre la destruction du document, si celui-ci savre ne plus
tre utile et si la rglementation en vigueur le permet. Elle peut aussi tre un changement de
statut, c'est--dire que le document reste en vie et est conserv dans le but unique dtre un
tmoignage historique.

B. PUBLIC VIS (CIBLE)


Dans le cadre de lObservatoire Thonier, deux publics sont viss, dune part les membres de
lOT, en interne (site de Ste et sites distants) et dautre part les parties intresses (ORP, DPMA, UE,
). Ce site entre dans le projet stratgique de lObservatoire Thonier afin de pouvoir grer sa
documentation qualit et de pouvoir grer sa communication avec les sites distants.

2/44

PROJET SITE WEB OT


2. ANALYSE DE LEXISTANT
Lunit OSIRIS a son espace disque (IRD OSIRIS\ISO 9001) sur SOLEOU mais il existe deux
autres serveurs ALDABRA et LOUPIAN. Sur ce disque IRD OSIRIS, laccs est contrl, seuls les
membres de lunit peuvent y accder. En ce qui concerne les sites distants, le disque rseau est
accessible de Brest mais pas des autres sites distants. Le choix dun nouveau moyen de gestion de la
documentation doit prendre en compte laccessibilit des sites distants.
La machine serveur est quant elle est maintenue par le SIL de Montpellier. Les oprations
techniques effectues par le SIL sont aussi inscrites dans le cahier de maintenance.
Les trois serveurs prsents ci-dessus sont sauvegards de la mme manire par lassistance
IFREMER (assistance@ifremer.fr).
Une fois par jour, chaque soir, la sauvegarde se fait de faon
incrmentale et est transparente pour les utilisateurs. Cette sauvegarde journalire est
conserve et accessible pendant deux mois.
Une fois tous les trois mois, la sauvegarde totale du serveur,
effectue par un robot de sauvegarde.
Une fois par an, une sauvegarde est conserve Brest sur un autre
serveur.

3. SPCIFICATIONS FONCTIONNELLES
En fonction du grade accord lutilisateur par ladministrateur du site, les utilisateurs devront
avoir accs un certain nombre de pages.
Le site de lOT doit tre un site Internet autonome qui contient :
menus de navigation
module didentification pour la gestion des accs
dito
documents qualit en vigueur
formulaires vierges en tlchargements (Certains documents tant au format PDF, dautre
de simples images, on fera en sorte que le visiteur puisse tlcharger diffrentes versions
dun document lorsque celui-ci est disponible dans plusieurs formats).
informations de tout ordre concernant la qualit au sein de lOT mais aussi de lIRD
les diffrents projets en cours ou en prparation
Pour lObservatoire Thonier, il est trs important de pouvoir grer la documentation qualit de
faon transparente mais aussi davoir une possibilit daccs travers le monde ceci pour
pallier aux localisations varies des membres de lIRD. En effet, les implantations de lOT, en

3/44

PROJET SITE WEB OT


plus de Ste, sont Brest (France), Victoria (Seychelles), Dakar (Sngal) et Abidjan (Cte
dIvoire). Malgr le fait de ne certifier que les personnes de lobservatoire thonier bases
Ste, il est primordial de donner libre accs au SMQ aux personnels distants pour rpondre
lune des exigences explicites de la norme ISO 9001 version 2000.
Premier besoin explicite de lOT : ACCES AU SMQ DANS LE MONDE.
LOT souhaite aussi pouvoir dcider des niveaux daccs pour certains documents ou
enregistrements comportant des donnes fines donc confidentielles. LOT souhaite mettre
disposition un maximum dinformations tout en respectant une charte de confidentialit.
Second besoin explicite de lOT : NIVEAUX DE CONFIDENTIALITE.
De plus, lOT souhaite pouvoir grer et maintenir son systme de management de la
qualit gratuitement.
Troisime besoin explicite de lOT : GRATUITE DE LUTILITAIRE CHOISI.
Pour lOT, il est aussi important de pouvoir donner aux nouveaux arrivants la
possibilit de sauto sensibiliser la dmarche qualit mais aussi de permettre aux personnels
de lOT de se tenir au courant de ce qui est mis en place.
Quatrime besoin explicite de lOT : AUTOSENSIBILISATION DES NOUVEAUX ARRIVANTS
ET COMMUNICATION INTERNE.
Pour lOT, il est aussi important davoir un outil de communication destinations des
parties intresses. Cet outil devra permettre dinformer nos clients et partenaires des
avances, nouveauts. Ils doivent aussi pouvoir accder un certain nombre de documents qui
les aidera mieux comprendre au besoin le fonctionnement de lOT.
Cinquime besoin explicite de lOT : OUTIL DE COMMUNICATION A DESTINATION DES
PARTIES INTERESSEES.

4. SPCIFICATIONS TECHNIQUES
La cration dun site internet sappuie sur un ensemble de technologies qui doivent tre
matrises afin que quelque soient la machine utiliss par les personnes dsirant consulter celui-ci,
laffichage reste impeccable et la navigation aise.
En effet, une page internet est base sur un langage (HTML) qui doit tre interprt par de
nombreux logiciels (exemple : Netscape, Internet Explorer, Mozilla Firefox)

4/44

PROJET SITE WEB OT


Du point de vue du dveloppeur Web, la maintenance dun site doit tre rapide et facile. Celuici doit savoir rapidement o oprer, que ce soit pour corriger des bugs ou ajouter des contenus et
fonctionnalits au site.
Laccs au site pour le public se fera par lintermdiaire de lURL suivante :
http://observatoirethonier.hostarea.org/. Le site est hberg
Pour la cration dun site Internet, il faut prendre en compte quelques contraintes telles que :
Contraintes de cot : la ralisation du site se faisant en interne, aucun budget
supplmentaire ne sera allou au projet.
Contraintes de dlais : le site tant un moyen de communication interne et externe sur la
qualit ainsi quun mode de gestion de la documentation et de diffusion des documents et
de leurs modifications, il faut que le site soit oprationnel au plus tard pour la certification.
La date de fin de projet est fixe au plus tard le 18 juin.
Facilit de maintenance et de mise jour
Convivialit et ergonomie
Respect de la charte graphique de lOT

5. SOLUTIONS ENVISAGEABLES
Pour rpondre aux exigences de lOT, il y a plusieurs solutions :
Logiciel de gestion documentaire
Gestion par disque dur partag
Gestion par Internet

A. LES LOGICIELS DE GESTION DE LA DOCUMENTATION


La gestion documentaire (GED) est un systme informatis dacquisition, classement,
stockage, archivage des documents.
La GED est un processus de finalit qui dcoule du cycle de vie des documents. Il existe
quatre tapes majeures dans la GED :
Lacquisition des documents
Le classement des documents
Le stockage des documents
La diffusion des documents
Annexe 1 : la GED, avantages et inconvnients.

5/44

PROJET SITE WEB OT


B. LA GESTION PAR DISQUE DUR PARTAG
Les disques partags constituent le prolongement naturel du poste de travail. Un disque
partag est disponible comme tout espace de stockage local. Depuis toutes les applications utilises, il
est possible douvrir et denregistrer facilement des fichiers, cest un moyen pratique et flexible pour
organiser son information. Les rpertoires et sous rpertoires peuvent tre nomms et structurs pour
rpondre des besoins spcifiques, les droits sont grs sur les rpertoires et sous rpertoires, il est
ainsi possible de mettre en place une politique daccs.
De plus, il faut savoir que cest le moyen actuel de gestion de la documentation et que lOT
souhaite passer une mthode plus approprie.

6/44

PROJET SITE WEB OT


C. GESTION PAR INTERNET
Le site web :
Un site web peut tre une simple page au format HTML 1, ou des milliers de pages proposant
des animations, des services programms en Java 2, PHP3 ou autre langage serveur, des formulaires
supposant un traitement en JavaScript4, ou AJAX5.
Les pages dun site web peuvent tre consultes en suivant des hyperliens l'intrieur du site.
L'adresse web d'un site correspond en fait l'URL d'une page web, prvue pour tre la premire
consulte : la page d'accueil. La consultation des pages d'un site s'appelle une visite , car les
hyperliens devraient permettre de consulter toutes les pages du site sans le quitter (sans devoir
consulter une page web hors du site). Une visite peut commencer par n'importe quelle page,
particulirement lorsque son URL est donne par un moteur de recherche.
Annexe 2 : Informations sur la signature lectronique
Le portail web :
Un portail web est un site web qui offre une porte dentre unique sur un large panel de
ressources et de services (messagerie lectronique, forum de discussion, espaces de publication,
moteur de recherche) centrs sur un domaine ou une communaut particulire.
Les utilisateurs ont la plupart du temps la possibilit de s'enregistrer un portail pour s'y
connecter ultrieurement et utiliser l'ensemble des services proposs, dont notamment la
personnalisation de leur espace de travail.

HyperText Markup Language basique = langage qui donne aux sites internet une structure de base (titres et paragraphes), ainsi que la
possibilit d'utiliser des liens hypertextes.
2

JAVA = Un langage de programmation informatique qui doit :


Etre orient objet ;
tre indpendant de la plate-forme du client ;
Contenir des aides et des bibliothques pour le rseau informatique ;
Avoir la capacit d'excuter du code de source extrieure de faon scurise.
3
PHP = Hypertext Preprocessor, langage de scripts libre principalement utilis pour produire des pages web dynamiques via un serveur
HTTP, mais pouvant galement fonctionner comme n'importe quel langage interprt de faon locale, en excutant les programmes en ligne
de commande. PHP est un langage impratif disposant depuis la version 5 de fonctionnalits de modle objet compltes. En raison de la
richesse de sa bibliothque, on dsigne parfois PHP comme une plate-forme plus qu'un simple langage.
4
Langage de programmation de scripts principalement utilis pour les pages web interactives. C'est un langage orient objets prototype,
c'est dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas instancis au sein de classes mais
qui sont chacun quips de constructeurs permettant de gnrer leurs proprits, et notamment une proprit de prototypage qui permet d'en
gnrer des objets hritiers personnaliss.
5
AJAX est un acronyme dsignant une solution informatique libre pour le dveloppement d'applications Web. AJAX n'est pas une
technologie en elle-mme, mais un terme qui voque l'utilisation conjointe d'un ensemble de technologies libres couramment utilises sur le
Web :HTML (ou XHTML) pour la structure smantique des informations ; CSS pour la prsentation des informations ; DOM et JavaScript
pour afficher et interagir dynamiquement avec l'information prsente ; l'objet XMLHttpRequest pour changer et manipuler les donnes de
manire asynchrone avec le serveur Web ; XML.

7/44

PROJET SITE WEB OT


Le CMS :
Les CMS (Content Management System, en franais Gestion de contenu) sont des portails
web disposant de fonctionnalits de publication et offrant en particulier une interface d'administration
(back-office) permettant un administrateur de site de crer ou organiser les diffrentes rubriques.
Classiquement, un CMS propose une prsentation sous forme de botes, la plupart du temps organises
en trois colonnes.
Annexe 3 : Approfondissement sur les CMS

D. CHOIX
Avantages
Gain de temps
au niveau de la
recherche des
documents

GED
Inconvnients
Logiciels
payants
Maintenance
lourde
Ncessite des
formations

Avantages

Disque partag
Inconvnients

Facile mettre
en place sur un
serveur existant
Organisation
de
linformation
simple

Ncessite un
espace de
stockage
important
Dpendant des
rseaux =
impossibilit de
gestion locale

Avantages

Gestion des
droits difficile

Disponible
dans le monde

Ncessite une
maintenance
informatique et
technique

Disponible
quelque soit le
type de systme
dexploitation

Impossibilit
daccs des
sites distants

Maintenance
aise de part
linterface
administrateur
+ sparation de
la forme et du
fond

Web
Inconvnients
Les
hbergements
peuvent tre
payant

Plusieurs
personnes
peuvent
travailler sur un
mme
document
Figure 1 : Avantages et inconvnients des trois solutions envisages

Grce au tableau ci-dessus on peut comparer chaque solution envisage avec les
spcifications. Les points les plus importants sont signals en bleu pour les avantages et en rouge pour
les inconvnients.
La solution web semble celle avec le meilleur taux de rponse satisfaisante en fonction des
critres tablis prcdemment, nanmoins, certains CMS sont payant mais un choix vari existe en
logiciel gratuit sur Internet.
De plus, lors de lhbergement on peut avoir le choix de la gratuit et de lespace disponible
pour la gestion des documents et peut tre pour la gestion de bases de donnes annexes pour la gestion
des niveaux daccs par mot de passe.

8/44

PROJET SITE WEB OT


6. SOLUTION CHOISIE
Le CMS est la solution qui regroupe les plus davantages pour les raisons suivantes :
Avantages
Inconvnients
Possibilit de grer un grand nombre de
Lenteur daccs aux bases de donnes selon
documents
lhbergeur
Possibilit de grer tout type de contenu
Bases SQL pas toujours proposes
Possibilit de grer des droits daccs
Parfois payant
Possibilit de personnaliser son espace de travail
personnel
Proposition dune interface administration
Dissociation contenu et forme
Maintenance dcentralise = possibilit de gestion
de nimporte o
Logiciel Open Source = pas de propritaire,
possibilit de modifier le code source selon les besoins
Figure 2 : Avantages et inconvnients de la solution choisie

Deux CMS vont tre compars pour ce cahier des charges.

A. JOOMLA
Joomla est un CMS qui permet de mettre en ligne du contenu et mettre disposition des
visiteurs des services (forum, boutique en ligne, galerie photos). Joomla est distribu gratuitement
sous licence GNU GPL. Pour plus dinformations, le site officiel de Joomla : http://www.joomla.fr/
Annexe 4 : Licence GNU GPL

B. KWSPHP :
KwsPHP (ex-PwsPHP) est un CMS crit en PHP et fonctionnant avec une base de donne
mySQL. Il est entirement modifiable et peut tre amlior grce lajout de modules, qui sont
automatiquement reconnus par le moteur. Le portail est distribu gratuitement sous Licence CeCILL.
Voir le site officiel : http://koogar.alorys-hebergement.com/kwsphp/index.php.
Annexe 5 : Licence CeCILL

9/44

PROJET SITE WEB OT


C. COMPARAISON DES DEUX TYPE DE CMS :
JOOMLA
Avantages
Inconvnients
look professionnel
Documentation
Modification du contenu payante
depuis nimporte quel poste
Complexe pour les
reli Internet
non informaticiens
Documentation complte
Peu ergonomique car
Nombreuses options de
linterface administration
paramtrage
est totalement diffrente
Mises jour disponibles
de linterface normale
rgulirement
Personnalisation du code
si besoin
Possibilit de
personnalisation du thme
Possibilit dajout de
fonctionnalits
gratuit

KWSPHP
Avantages
Inconvnients
Personnalisation du
Documentation
code si besoin
incomplte parfois
Possibilit de
personnalisation du thme
Possibilit dajout de
fonctionnalits
Mises jour
disponibles rgulirement
Ergonomique car
linterface administration =
linterface normale
Documentation
gratuite
Nombreuses options
de paramtrage
Gestion des grades
daccs
gratuit
Figure 3 : comparatif des deux CMS de la solution choisie

D. CHOIX :
Le choix fut orient par une formation thorique reue sur KWSPHP. Malgr cela, on
remarque que les deux CMS sont trs proche au niveau des avantages et des inconvnients du tableau
prcdent et quil rponde convenablement aux spcifications.

II.

REALISATION DU SITE WEB DYNAMIQUE


1. PR-REQUIS
Avant toutes explications sur la ralisation du site, il faut savoir que plusieurs logiciels sont

installer. Il sagit :
Du CMS initial KWSPHP (annexe 6 et 7 : installation du portail sous Windows et sous
Mac)
Du serveur Apache Easy-php
Du logiciel de transfert du poste local Internet Fillezilla ou autre logiciel du mme
type
Ces trois logiciels sont en tlchargement gratuit sur Internet.
A. KWSPHP
Linstallation du portail KWSPHP vierge permet de dmarrer la cration du site avec les
modules les plus utiliss et un thme prdfini. Une fois ce portail visit et pris en main pour les
fonctionnalits principales, les modifications peuvent commencer.

10/44

PROJET SITE WEB OT


B.EASYPHP
EasyPHP est un pack fonctionnant sous Windows permettant d'installer les lments
ncessaires au fonctionnement d'un portail web dynamique dvelopp en PHP. Le pack est compos :
Dun serveur Web Apache
Dun moteur de scripts PHP4
Dune base de donnes MySQL
Dun outil de gestion de base de donnes graphique, Phpmyadmin

Figure 4 : Schma des fonctionnalits de Easy PHP

C. FILEZILLA
Ce logiciel permet de se connecter distance sur un serveur pour y tlcharger des fichiers.
Les fonctions principales de FileZilla sont :
Capacit reprendre les mises jour/tlchargements interrompus (si le serveur le
supporte)
Gestionnaire de site avec ses dossiers
Glisser/dposer

11/44

PROJET SITE WEB OT


2. MODIFICATIONS DU PORTAIL
Une fois linstallation en local termine, le portail vierge se prsente de la faon suivante :

Figure 5 : Page daccueil vierge du portail

1. le login et le mot de passe sont dfinis lors de linstallation du portail vierge (CF annexe 2).
Ladministrateur prend par dfaut le login de SuperAdmin et le mot de passe superadmin.

12/44

PROJET SITE WEB OT


Le contenu et la forme du portail sont modifiables partir de la session de ladministrateur.

Figure 6 : Aperu de lespace membre administrateur

1. les options gnrales, les modifications peuvent portes sur :


ldito (qui peut tre un texte ou une image ou une image cliquable, CF annexe 10),
lURL du site,
le type dinscription des membres
la description du site
le titre du site
la modification des logos
2. Interface, les modifications peuvent portes sur :
la disposition des modules
ldito et les copyrights
le nom des modules
le contenu de certains modules (menus et statistiques)
lajout de nouveaux modules
le changement de page daccueil, ldito reste toujours en page daccueil mais
le module qui suit peut changer (exemple : il peut y avoir des news ou les articles ou le
forum ou la foire aux questions.)
3. gestion des membres, les modifications peuvent portes sur :
le grade des membres (administrateur, membre, visiteur). Chaque grade donne accs
diverses parties du site et interdit certains modules. (Annexe 8 : Les divers grades et
leurs accs)
lacceptation dun nouveau membre
la suppression dun compte membre

13/44

PROJET SITE WEB OT


Il est possible dajouter des fonctionnalits non disponibles par dfaut. Pour installer un
module depuis une archive. Les modules disponibles sur le site KwsPHP sont gnralement fournis
avec un fichier lisez-moi pour aider linstallation.
4. module SQL, ce module permet dinstaller certains modules.
3 cas sont gnralement rencontrs :
Un module simple ne ncessitant pas de base SQL : dans ce cas, il suffit juste de placer
les fichiers de larchive dans le rpertoire modules de votre site en respectant
larborescence.
Un module avec base autoinstallable : Dans ce cas, il faut suivre les instructions
(gnralement du fichier lisez-moi.txt) pour installer le module. Les bases seront cres
automatiquement.
Un module avec installation manuelle des bases : il faut alors effectuer un copier-coller
des requtes (gnralement situes dans le fichier lisez-moi.txt ou dans un fichier
SQL.txt) et aller dans le mode administration, 4. module SQL puis cliquer sur requte
manuelle, et alors copier la requte, puis cliquer sur Excuter.
Pour la gestion du contenu des modules, il faut entrer dans le compte administrateur :

Figure 7 : Aperu du compte administrateur

14/44

PROJET SITE WEB OT

Figure 8 : Aperu de la page de gestion des modules

15/44

PROJET SITE WEB OT


Dans le rpertoire gestion des modules, tout le contenu peut tre plac en fonction des rsultats
voulus :
Pages : document ou article rdig et mis en page

Figure 9 : Aperu dune page du site

16/44

PROJET SITE WEB OT


Articles : les articles sont classs par catgories. Chaque catgorie propose un rsum de ce que
lon y trouve pour orienter le visiteur.

Figure 10 : Aperu des catgories des articles du site

17/44

PROJET SITE WEB OT


News : ce sont des petits articles avec une possibilit de faire des commentaires.

Figure 11 : Aperu dune news du site

Pour ces diverses possibilits dorganisation du contenu du site, il faut savoir que la mise en
page se fait grce des balises BBcode.
Annexe 9 : Balises BBcode

18/44

PROJET SITE WEB OT


Pour le travail en local qui ne peut tre directement effectu sur le portail web, il faut passer
par les rpertoires constitutifs du portail dans lexplorateur :

Figure 12 : Aperu de larborescence des rpertoires pour le travail en local

1. Le thme : Pour modifier le thme du portail, il faut entrer dans le rpertoire C:\Program
Files\EasyPHP1-8\www\V1_0\themes
Dans le rpertoire thme, il y a plusieurs fichiers

Figure 13 : Aperu du rpertoire de thmes

Dans le rpertoire images, il est possible de modifier ou dajouter des images pour le thme
comme par exemple un logo.
Pour un logo que lon veut en haut droite, lemplacement sappelle ban3 donc le logo que lon
souhaite afficher portera le nom de ban3. Les noms sont prdfinis dans le thme.

19/44

PROJET SITE WEB OT


Image du thme
bloc_b
bloc_b_d
bloc_b_g
bloc_d
bloc_g
bloc_h
bloc_h_d
bloc_h_g
bloc_op_h
bloc_op_h_d
bloc_op_h_g
cadre
copytheme
puce
vcss
vxhtml
ban2
ban
ban3
haut
banbas
boules
banfond

Nom de limage
Cot bas des blocs titre
Coin des blocs titre en bas droite
Coin des blocs titre en bas gauche
Cot droit des blocs titre
Cot gauche des blocs titre
Cot haut des blocs titre
Coin des blocs titre haut droite
Coin des blocs titre haut gauche
Cot haut du bloc
Coin des blocs haut droite
Coin des blocs haut gauche
Point dexclamation en haut avant le lien pour
sidentifier
Possibilit de mettre en filigrane en bas
Triangle avant les menus
Logo vcss
Logo vxhtml
Logo dans la bannire haute gauche
Logo dans la bannire haute au centre
Logo dans la bannire haute droite
Couleur du haut de la bannire
Couleur du bas de la bannire
Trois petits cercles sous la bannire
Couleur de fond de la bannire

Figure 14 : Codification des images du thme

2. Les images : Pour ajouter ou modifier des images qui serviront dans les modules, il faut insrer
limage dans le dossier C:\Program Files\EasyPHP1-8\www\V1_0\images puis luploader sur le site

Figure 15 : Aperu de la page de cration des pages pour uploader les images

20/44

PROJET SITE WEB OT

21/44

PROJET SITE WEB OT


ANNEXE 1 : LA GED, AVANTAGES ET INCONVNIENTS
La GED est avant tout la mise en uvre dune mthodologie de travail (collaboratif). Une
petite, moyenne ou grande organisation qui nenvisagerait la GED que sous langle logiciel risquerait
de connatre une perte financire norme. Pour tre correctement appliqu et efficace, toute solution de
GED ncessite que lon consacre un budget prestation daccompagnement et de mise en oeuvre en
rapport avec linvestissement logiciel.
Bien quencore peu connue de plus grande majorit des entreprises, la GED est un enjeu
conomique rel. La rue vers la GED vient du cot du papier dans les entreprises. De plus, un outil de
GED bien conu offre plusieurs avantages aussi bien sur le plan organisationnel que sur le plan du
profit.
D'aprs une tude mene par le groupe ooPartners solutions (www.oopartners.com), un outil
de GED peut faire gagner jusqu' 10 20% en efficacit de travail et 10% en efficience commerciale.
La centralisation des donnes constitue aussi une force pour un systme de GED. En effet, les
informations sont stockes sur un serveur unique et les oprations se font via des requtes crites par
le concepteur. Ainsi, le contrle des accs devient facile rendant le systme beaucoup plus fiable et
plus scuris car il ny a qu'un seul serveur administrer.
Par ailleurs, face tous les apports de la GED pour le monde de l'entreprise, il n'en demeure
pas moins que cette technologie mergente prsente des failles :
Vulnrabilit des priphriques de stockage : mme si les donnes sont centralises,
elles sont quand mme sur un support physique (disque dur, cd-rom, disque optique,
etc) qui requiert souvent un environnement propre avec un climat plus ou moins stable.
Le rythme frntique de l'volution technologique conduit aussi une obsolescence
rapide des supports de stockage, ce qui impose alors un systme assez sophistiqu pour
d'ventuelles migrations.
Un systme dpendant des rseaux : faire de la GED en local (sans rseau) serait une
entreprise assez aberrante car la composante de partage des informations ne serait pas
alors disponible, donc la solution doit tre dploye sur un intranet ou, mieux encore,
sur un extranet. De ce point de vue, la GED prsente un inconvnient car si le rseau
n'est pas disponible, les donnes ne le seront pas.
Des contraintes d'ordre technique et financier :
La mise en place d'un systme de GED peut s'avrer difficile durant l'tape
d'acquisition des donnes car, dans la plupart des cas, il s'agit d'intgrer des

22/44

PROJET SITE WEB OT


documents existants. Par exemple, pour intgrer une image (photographie), il
faut d'abord la numriser, ce qui n'est pas toujours facile techniquement car la
qualit peut tre altre. Les accs concurrents peuvent aussi rduire la qualit
du service.
Les cots de mise en place d'un systme de GED peuvent aussi tre levs
dans

certaines

structures

surtout

si

elles

possdent

des

archives

quantitativement importantes (ordinateurs, scanners, imprimantes, logiciels).


La scurit des informations peut aussi requrir des charges supplmentaires
parce qu'il faut souvent louer les services d'un tiers de confiance quand une
signature lectronique est intgre en vue de garantir l'authenticit des
diffrents signataires.

23/44

PROJET SITE WEB OT


ANNEXE 2 : INFORMATIONS SUR LA SIGNATURE LECTRONIQUE
La signature lectronique autrement appele signature numrique, est un mcanisme
permettant d'authentifier l'auteur d'un document lectronique et de garantir son intgrit, par analogie
avec la signature manuscrite d'un document papier.
Un mcanisme de signature numrique doit prsenter les proprits suivantes :
Il doit permettre au lecteur d'un document d'identifier la personne ou l'organisme qui a
appos sa signature.
Il doit garantir que le document n'a pas t altr entre l'instant o l'auteur l'a sign et le
moment o le lecteur le consulte.
Pour cela, les conditions suivantes doivent tre runies :
Authentique : L'identit du signataire doit pouvoir tre retrouve de manire certaine.
Infalsifiable : La signature ne peut pas tre falsifie. Quelqu'un d'autre ne peut se faire
passer pour un autre.
Non rutilisable: La signature n'est pas rutilisable. Elle fait partie du document sign et
ne peut tre dplace sur un autre document.
Inaltrable : Un document sign est inaltrable. Une fois qu'il est sign, on ne peut plus
le modifier.
Irrvocable : La personne qui a sign ne peut le nier.
La signature lectronique n'est devenue possible qu'avec la cryptographie asymtrique. Elle se
diffrencie de la signature crite par le fait qu'elle n'est pas visuelle, mais correspond une suite de
nombres.
Depuis mars 2000, la signature numrique dun document a, en France, la mme valeur lgale
quune signature sur papier, conformment aux textes suivants :
La loi n 2000-230 du 13 mars 2000 portant adaptation du droit de la preuve aux
technologies de l'information et relative la signature lectronique;
Le dcret dapplication li no 2001-272 du 30 mars 2001.
Selon ce dcret, un dispositif scuris de cration de signature lectronique doit tre certifi
conforme aux exigences dfinies au I :
1 Soit par le Premier ministre, dans les conditions prvues par le dcret n 2002-535 du 18
avril 2002 relatif l'valuation et la certification de la scurit offerte par les produits et les systmes
des technologies de l'information. La dlivrance du certificat de conformit est rendue publique.
2 Soit par un organisme dsign cet effet par un tat membre de l'Union europenne.

24/44

PROJET SITE WEB OT


ANNEXE 3 : APPROFONDISSEMENT SUR LES CMS
Idalement, un CMS doit possder un systme de workflow permettant une quipe ditoriale
de travailler simultanment sur le contenu du site et un responsable de publication de valider les
diffrentes contributions avant leur mise en ligne.
Les systmes de gestion de contenu, ou SGC (de l'anglais Content Management Systems ou
CMS), sont une famille de logiciels de conception et de mise jour dynamique de portail web ou
d'application multimdia partageant les fonctionnalits suivantes :
Ils permettent plusieurs individus de travailler sur un mme document ;
Ils fournissent une chane de publication (workflow) offrant par exemple la possibilit
de publier (mettre en ligne le contenu) des documents ;
Ils permettent de sparer les oprations de gestion de la forme et du contenu ;
Ils permettent de structurer le contenu (utilisation de FAQ, de document, de blog, forum
de discussion, etc.) ;
Au travers dinterfaces dites web, les CMS sont accessibles quelque soit le type de systme
dexploitation au moyen simple dun navigateur.
Il ne faut pas confondre contenu et prsentation. Il est un principe fondateur de la gestion de
contenu :
Le contenu est stock le plus souvent dans une base de donnes, structure en tables et
en champs. C'est le contenu des champs de la base qui est cr/modifi par le rdacteur,
et non pas la page elle-mme. On parle de site "dynamique" ;
La prsentation est dfinie dans un gabarit. Le gabarit dfinit deux choses : la mise en
page proprement dite - via les feuilles de style (parmi lesquelles les CSS, ou les rgles
de transformation XSLT), et la structuration des donnes, au moyen de standards tels
que XML, ainsi que les informations extraites de la base de donnes (de mme que
l'endroit o celles-ci doivent tre affiches et sous quelles conditions).
Du fait du principe de sparation contenu / prsentation, les rdacteurs peuvent se concentrer
sur le contenu. Ldition des pages est considrablement simplifie et deux mcanismes sont
proposs :
Une interface WYSIWYG qui propose une interface graphique de mise en forme
similaire celle propose par un traitement de texte ;

25/44

PROJET SITE WEB OT


L'utilisation de balises simplifies, visant mettre le texte en forme. Il en existe
plusieurs types, dont le plus rpandu est BBcode 6. On peut aussi citer des alternatives
plus modernes telles que Markdown ou Textile. Les wikis (non WYSIWYG) utilisent le
Wikicode.

BBCode est l'abrviation de Bulletin Board Code, une simplification du langage HTML utilise pour mettre en forme les messages de
forums de discussion. Par abus de langage, les lments du BBCode sont appels balises. Le nom d'une balise est dlimit par les crochets
[et], contrairement au HTML o les caractres < et > sont utiliss. Certaines balises ont une proprit, aussi appele attribut, dont la valeur
est assigne la balise elle-mme l'aide du symbole =. Annexe 9 : Balises du BBcode.

26/44

PROJET SITE WEB OT


ANNEXE 4 : LA LICENCE GNU GPL
La Licence publique gnrale GNU (GNU General Public License) son seul nom officiel en
anglais, communment abrg GNU GPL voire simplement couramment GPL est une licence qui
fixe les conditions lgales de distribution des logiciels libres du projet GNU. Richard Stallman et Eben
Moglen, deux des grands acteurs de la Free Software Foundation, en furent les premiers rdacteurs. Sa
dernire version est la GNU GPL version 3 publie le 29 juin 2007.
Elle a depuis t adopte, en tant que document dfinissant le mode d'utilisation, donc d'usage
et de diffusion, par de nombreux auteurs de logiciels libres. La principale caractristique de la GPL est
le copyleft, littralement copie laisse (jeux de mot anglais intraduisible qui signifie "droits
abandonns"), qui consiste dtourner le principe du copyright (ou droit d'auteur) pour prserver
la libert d'utiliser, d'tudier, de modifier et de diffuser le logiciel et ses versions drives.
La GNU GPL a une licence sur, la GNU LGPL (GNU Lesser General Public License et plus
anciennement GNU Library General Public License) qui en est une version modifie pour tre moins
contraignante quant son utilisation dans un contexte de cohabitation avec des logiciels propritaires.
Elle a une autre licence sur, la GFDL (GNU Free Documentation License) qui elle est applicable aux
manuels, livres ou autres documents crits.
L'objectif de la licence GNU GPL, selon ses crateurs est de garantir l'utilisateur les droits
suivants (appels liberts) sur un programme informatique :
la libert d'excuter le logiciel, pour n'importe quel usage ;
la libert d'tudier le fonctionnement d'un programme et de l'adapter ses besoins, ce
qui passe par l'accs aux codes sources ;
la libert de redistribuer des copies ;
la libert d'amliorer le programme et de rendre publiques les modifications afin que
l'ensemble de la communaut en bnficie.

27/44

PROJET SITE WEB OT


ANNEXE 5 : LA LICENCE CECILL
La Licence CeCILL est une licence de logiciel libre. C'est l'abrviation de CEA CNRS
INRIA logiciel libre . Elle a t cre par des organismes de recherche franais : le CEA
(Commissariat lnergie atomique), le CNRS (Centre national de la recherche scientifique) et
lINRIA (Institut national de recherche en informatique et en automatique), pour plusieurs raisons :
afin de garantir aux crateurs et aux utilisateurs de logiciel libre le respect du droit
franais
en matire de responsabilit civile ;
en matire de droit de la proprit intellectuelle (notamment en ce qui concerne
les droits patrimoniaux) ;
et de garantir le respect des principes du logiciel libre, savoir libre accs au code
source, libre utilisation, libre modification, libre redistribution.
Elle prcise certaines notions telles que l'acceptation de la licence (dcrite comme un contrat)
qui dbute la date de tlchargement du logiciel par l'utilisateur, et les droits de vente de services
associs.
Pour conserver une compatibilit avec la licence GNU GPL, elle prvoit que si un logiciel rgi
par la CeCILL intgre du code rgi par la GPL, ou est intgr dans la GPL, alors c'est la GPL qui
s'applique.
Le projet CeCILL a aussi ajout deux autres licences :
CeCILL-B, qui est totalement compatible avec les licences de type BSD (BSD,
X11, MIT, ...) qui ont une forte obligation de citation (qui va plus loin qu'une simple
note de copyright). Une telle obligation n'est pas autorise par la [GPL], et cette licence
est donc incompatible avec la licence CeCILL.
CeCILL-C, pour "composant", qui est totalement compatible avec la licence LGPL de la
FSF.
Un site Web (http://www.cecill.info/) est consacr CeCILL o l'on peut trouver le texte de la
licence sous plusieurs formats ainsi qu'une FAQ.
Distribuer un logiciel libre n'est pas renoncer tout droit sur le produit : l'auteur comme
l'utilisateur ont des droits, des devoirs et des responsabilits propres qui sont dfinis par la licence
attache au logiciel et la loi applicable. A ce jour, la majorit des logiciels libres franais sont diffuss
sous licences anglo-saxonnes, notamment la GNU General Public License (GNU GPL), car le logiciel
libre s'est d'abord dvelopp aux tats-Unis. Ceci pose un certain nombre de questions juridiques
dlicates.

28/44

PROJET SITE WEB OT

La dmarche du CEA, du CNRS et de l'INRIA est d'laborer un ensemble de licences adaptes


au droit franais et compatibles avec les principales licences libres anglo-saxonnes dont elles
reprennent les principes. Deux critres prsident leur laboration :
Le respect des principes de diffusion du logiciel libre. Il s'agit d'un programme
informatique diffus largement, titre gratuit ou parfois onreux, sous les termes d'une
licence qui en autorise l'utilisation, la copie, la distribution et la modification, en vue de
l'adapter, de l'amliorer, de le faire voluer, aux bnfices de son auteur et de l'ensemble
de la communaut. L'exercice de ces liberts est assorti de certains devoirs la charge
des utilisateurs afin de prserver le caractre libre du logiciel, au cours des
redistributions ultrieures.
Leur conformit au droit franais sous deux aspects, responsabilit civile d'une part et
proprit intellectuelle d'autre part. Au regard du droit de la responsabilit civile,
l'accessibilit au code source et les droits de copie, de modification et de redistribution
qui dcoulent d'une telle licence ont pour contrepartie de n'offrir aux utilisateurs qu'une
garantie limite et de ne faire peser sur l'auteur du logiciel, le titulaire des droits
patrimoniaux et les concdants successifs, qu'une responsabilit restreinte. Au regard du
droit de la proprit intellectuelle franais elle offre, d'autre part, une meilleure
protection aux auteurs et titulaires des droits sur un logiciel.
Pour le CEA, le CNRS et l'INRIA, acteurs majeurs de la recherche franaise et europenne, la
dmarche de dveloppement de logiciels libres est essentielle. Ces licences conformes au droit franais
constituent la fois un outil primordial de publication et de diffusion pour les chercheurs dans un
contexte mondial hautement comptitif et des outils de transfert vers les utilisateurs finaux et les
entreprises, qui s'intressent de plus en plus des modles conomiques autour des logiciels libres.

29/44

PROJET SITE WEB OT


ANNEXE 6 : INSTALLATION DU PORTAIL EN LOCAL SOUS WINDOWS

A. INTRODUCTION
Pour crer ou tester le site internet en local, il faut utiliser un logiciel du type EasyPHP
rassemblant un serveur Apache7 et un serveur MySQL8. Pour tlcharger ce logiciel en dernire
version valide, http://www.easyphp.org/telechargements.php3
Le portail utilis, KWSPHP est tlchargeable sur le site suivant : http://koogar.aloryshebergement.com/kwsphp/index.php

B. PR INSTALLATION
Installation du logiciel EASYPHP en lanant le fichier easyphp1-8_setup.exe. Durant
linstallation, conservez le rpertoire par dfaut : C:\Program Files\EasyPHP1-8. Une fois,
linstallation termine dcompressez le contenu de larchive KWSPHP_V1_0.zip dans le rpertoire
C:\Program Files\EasyPHP1-8\www\

En cas de problme de fonctionnement de linstallation, ouvrez PHP.ini (chemin par


dfaut : C:Program Files/EasyPHP1-8/apache/php.ini) avec un logiciel de traitement de texte. (Blocnotes, wordpad ...). A la ligne 285, remplacer error_reporting = E_ALL par error_reporting = E_ALL
& ~E_NOTICE et la ligne 380, remplacer register_globals = Off par register_globals = On.
Une fois linstallation termine et le programme dmarr, une icne a t ajout dans la barre
des tches. Cliquez avec le bouton droit et choisissez Web local.

Serveur Apache = Apache HTTP Server, souvent appel Apache, est un logiciel de serveur HTTP produit par l'Apache Software
Foundation. C'est le serveur HTTP le plus populaire du Web.
8
Serveur MySQL = Base de donnes, souvent couple au langage PHP, accessible par des requtes SQL, ou, grce au PHP, directement
depuis un navigateur.

30/44

PROJET SITE WEB OT


Une fentre de votre navigateur par dfaut souvrira avec les rpertoires de votre application
en local. Slectionnez le rpertoire dans lequel vous avez mis les fichiers de KWSPHP et linstallation
commencera. Les explications qui suivent permettent de terminer linstallation de KWSPHP sur le
poste local. Cette installation, une fois termine, donne accs au portail avec la possibilit de faire
toutes les modifications voulues autant sur le fond que sur la forme.

31/44

PROJET SITE WEB OT


C. INSTALLATION DU PORTAIL SOUS WINDOWS
Etape 1 : Prsentation

Etape 2 : L'installation vrifie si votre serveur Web est compatible avec KwsPHP ...

32/44

PROJET SITE WEB OT


Etape 3 : La licence

Etape 4 : Configuration de MySQL

En local, voici la configuration :


Serveur : En local, c'est localhost
Login : En local avec easyphp, le login est root
Mot de passe : En local, il n'ya a pas de mot de passe
Base : Mettez kwsphp par dfaut

33/44

PROJET SITE WEB OT


Etape 5 : Paramtres du portail

Pseudo : Le pseudo de l'Administrateur du Site


Mot de passe : Le mot de passe de l'Administrateur du Site

Ne pas oublier
ces paramtres

Adresse E-mail : L'adresse Mail de l'Administrateur du Site


Nom du site : Le nom de votre Site Web
Description : La description de votre Site

Mta-tags de votre
site, modifiables par
la suite

URL : Le lien/Url pour rejoindre votre Site


Copyrights : Les copyrights de votre site
Type d'envoi : Choisissez le Type ...
Expditeur : Le nom de l'expditeur
Adresse expditeur : L'email de l'expditeur

Paramtres
messagerie,
modifiables par la
suite.

Mot de passe : le mot de passe choisit (uniquement avec PwsMail)

34/44

PROJET SITE WEB OT


Etape 6 : Slection des modules par dfaut

Etape 7 : Confirmation de linstallation des modules

35/44

PROJET SITE WEB OT


Etape 8 : Crdits et Remerciements

Etape 9 : Installation termine

Une fois linstallation termine, il faut supprimer le rpertoire C:\Program Files\EasyPHP18\www\Kwsphp_V1.0\install. Le portail est maintenant accessible depuis le navigateur internet par
dfaut, ladresse suivante : http://127.0.0.1:8080/ ou depuis EASYPHP dans web local comme lors
de linstallation.

36/44

PROJET SITE WEB OT


ANNEXE 7 : INSTALLATION DU PORTAIL EN LOCAL SOUS MAC

A. INTRODUCTION
Pour crer ou tester le site internet en local, il faut utiliser un logiciel du type MAMP
rassemblant un serveur Apache9 et une base de donnes MySQL 10. Pour tlcharger ce logiciel en
dernire version valide, http://www.mamp.info/en/index.php
Le portail utilis, KWSPHP est tlchargeable sur le site suivant : http://koogar.aloryshebergement.com/kwsphp/index.php

B. PR INSTALLATION
Aprs avoir tlcharg le fichier MAMP, puis dcompress l'archive, vous vous retrouvez face
un fichier image (dmg), double cliquez dessus et rendez vous dans l'image monte :

Dplacez le dossier MAMP dans votre dossier Applications pour que ce dernier s'installe.
Lorsque cette procdure est termine, vous devriez trouver ceci dans votre dossier
Applications/MAMP :

Serveur Apache = Apache HTTP Server, souvent appel Apache, est un logiciel de serveur HTTP produit par l'Apache Software
Foundation. C'est le serveur HTTP le plus populaire du Web.
10
Serveur MySQL = Base de donnes, souvent couple au langage PHP, accessible par des requtes SQL, ou, grce au PHP, directement
depuis un navigateur.

37/44

PROJET SITE WEB OT

Lanons MAMP (celui ci demandera une authentification si vous tes protg d'un mot de
passe) et vous allez ensuite tomber sur un espace de lancement et d'administration de votre serveur
Web, le voici :

Dans les prfrences, vous avez notamment la possibilit de configurer les ports des serveurs
Apache et MySQL, ils sont par dfaut respectivement sur le 8888 et 8889, MAMP vous laisse la
possibilit de mettre les ports rels de ces deux serveurs (80 et 3306). Enfin dans ce mme panneau
d'administration, vous pouvez slectionner le rpertoire de base d'Apache, trs pratique si vous crez

38/44

PROJET SITE WEB OT


un rpertoire public_html ou simplement que vos sites sont stocks dans le rpertoire Sites de votre
profil.

Au dmarrage des serveurs, votre navigateur par dfaut s'ouvre pour afficher cette page :

39/44

PROJET SITE WEB OT


C'est la page d'accueil de MAMP (http://localhost/MAMP/), c'est par ici que vous accderez
en un seul click phpMyAdmin, SQLiteManager et votre phpinfo. Vous pouvez aussi accder
directement phpMyAdmin via l'url : http://localhost/phpMyAdmin/ et
http://localhost/SQLiteManager/ pour SQLiteManager.
En ce qui concerne vos pages Web, elles doivent tout simplement tre places dans le dossier
MAMP/htdocs/.

C. INSTALLATION DU PORTAIL SOUS MAC


Dcompressez le contenu de larchive KWSPHP_V1_0.zip dans ce rpertoire. Puis, depuis
MAMP, faites http://localhost:8888 pour accder la page daccueil et installer le portail

40/44

PROJET SITE WEB OT


ANNEXE 8 : LES DIVERS GRADES ET LES ACCS :
Visiteur :
Page daccueil :
Edito avec une image cliquable
Image cliquable = cartographie des processus
Zones cliquables sur limage = accs aux documents du SMQ
correspondant au processus slectionn
Menu du haut, horizontal :
Retour laccueil
Accs la page de tlchargements
Accs la page des articles
Accs au livre dor
Accs la page des liens web intressants
Menus gauches :
Menu procdures = accs direct aux procdures
Menu carte didentit = accs direct aux cartes didentit des processus
Menu instructions de travail = accs direct aux manuels dutilisation et
aux protocoles
Menu enregistrements = accs directs aux enregistrements (formulaires,
expos, notes de service, compte rendu)
Zone des statistiques :
Nombre de visiteurs en ce moment = montre la frquentation du site
Record de visites
Record membre
Record simultan
Espace membre :
Identification = permet aux membres valids de sidentifier pour accder
dautres fonctionnalits
Senregistrer = permet un visiteur dentrer un login, un mot de passe et
quelques informations personnelles pour accder aux fonctionnalits
complmentaires (ex : proposer un article)
Mot de passe oubli = permet de renvoyer le mot de passe au membre qui
le demande.

41/44

PROJET SITE WEB OT


Membre :
Espace membre :
Mon compte
Messagerie interne au site
Profil du membre avec possibilit de modifications
Mot de passe avec possibilit de modifications
Thme du site
Proposer un article
Tlchargements
Dconnexion
Messagerie
Se dconnecter
Administrateur :
Espace membre :
Mon compte
Mon compte
Messagerie
Profil
Mot de passe
Thme
Retour la page prcdente
Administration
Options gnrales
Interface
Option des e-mails
Gestion des membres
Eskuel
PHP infos
Groupes
IP visiteurs
Maintenance
Smileys
Statistiques
Retour
Gestion des modules
A faire
Ajax box
Articles
Rubriques
Gestion du forum
Liens Web
Livre dor
Multi FAQ
News
Newsletter
Page
Rsums
Tlchargements
Thme pour tous
Retour
Dconnexion
Messagerie
Se dconnecter

42/44

PROJET SITE WEB OT


ANNEXE 9 : LES BALISES BBCODE
Les balises BBcode les plus courantes sont les suivantes :
Fonctions du BBcode
Texte en gras
Texte en italique
Texte soulign
Texte barr
Texte colori en rouge
Lien hypertexte

Syntaxe
[b]Texte [/b]
[i]Texte [/i]
[u]Texte [/u]
[s]Texte [/s]
[color=red]Texte [/color]
[url]URL du lien [/url]

Aperu
Texte
Texte
Texte
Texte
Texte
http://XXXX.XX

Image
Lien hypertexte et image

[url=URL du lien]Titre du lien [/url]


[img]URL de limage [/img]
[url=URL du lien][img]Url de limage [/img][/url

XXXX
/
/

Il est aussi possible de rencontrer :


Texte cit : [quote="James"] Texte cit de James [/quote] ; On trouve aussi [quote]
Texte mis en valeur/cit [/quote]
Texte de taille diffrente : [size=9] PETIT [/size]
Texte centr [center] Texte [/center]
Texte dfilant [scroll] Texte [/scroll]
Texte remontant [updown] Texte [/updown]
Texte avec effet miroir : [flipv] Texte [/flipv]
Texte avec un effet sale : [blur] Texte [/blur]
Texte cach apparaissant quand on clique sur 'Spoiler:' : [spoiler] Texte [/spoiler]
Texte cach apparaissant quand on clique sur une phrase ou un mot:' : [hide=Titre du
spoiler] Texte [/hide]
Animation flash: [embed-flash(width,height)]animation flash[/embed-flash]
Texte avec un effet dgrad de couleur : [fade] Texte [/fade](avec javascript)
Liste (utilisez le saut de ligne pour passer au deuxime point)[list]premire phrase puis
saut de ligne pour changer[/list]
Pour des listes aux lignes numrotes (utilisez des astrisques
entre des accolades pour passer d'une ligne lautre): [list=1]
[*]premire phrase [*]deuxime phrase [/list]
Pour des listes aux lignes numrotes alphabtiquement (utilisez
des astrisques entre des accolades pour passer d'une ligne
lautre): [list=a][*]premire phrase [*]deuxime phrase [/list]
On peut aussi faire des combinaisons de "balises" BBCode:

43/44

PROJET SITE WEB OT


Texte dfilant en diagonale: [updown][scroll]Texte[/scroll][/updown]
[scroll][updown]Texte [/scroll] [/updown] n'est pas bon car les balises sont alternes
(principe identique au HTML).

44/44