Rapport de stage : Site Dynamique

haltingbarberInternet and Web Development

Aug 15, 2012 (5 years and 2 months ago)

507 views



Création Site Dynamique

Date
15/03/2013

Page
1

sur
36


SAVVA


Sit
e Dynamique .doc

Version 1.0 du 21 juillet 2005



Création Site Dynamique

Date
15/03/2013

Page
2

sur
36


SAVVA


Sit
e Dynamique .doc


1.

PRESENTATION DE L’EN
TREPRISE

................................
................................
.............................

3

1.1.

P
RESENTATION DU GROUP
E
STOR

................................
................................
................................
..

3

1.2.

L
A SOCIETE
SAVVA

................................
................................
................................
.......................

7

2.

OBJECTIFS
................................
................................
................................
................................
............

8

2.1.

OBJECTIFS

DU

D
EVELOPPEMENT

................................
................................
................................
.

8

2.2.

C
AHIER DES CHARGES

................................
................................
................................
.....................

8

3.

ORGANISATION DU SITE

DYNAMIQUE

................................
................................
.......................

9

4.

CONCEPTION ET REALI
SATION

................................
................................
................................
.

10

4.1.

D
EFINITION DES TERMES

EMPLOYES

................................
................................
..............................

10

4.2.

L
ANGAGE DE DEVELOPPEM
ENT

................................
................................
................................
.....

10

4.3.

M
ODEL
ES DE REPRESENTATION
S DES DONNEES

................................
................................
.............

10

4.4.

B
ASE DE DONNEES

................................
................................
................................
.........................

14

4.5.

A
RCHITECTURE

................................
................................
................................
.............................

18

4.6.

A
DMINISTRATION DU SIT
E

................................
................................
................................
.............

18

4.7.

L
A VALIDATION ET L

ACTIVATION
................................
................................
................................
.

24

4.8.

L
A SUPPRESSION ET L

ARCHIVAGE

................................
................................
................................

25

5.

TEST ET VALIDATION

................................
................................
................................
....................

26

6.

CREATION D’UN SITE A

PARTIR DE CE MOTEUR

................................
................................
.

27

6.1.

I
NSTALLATION PREALABL
E
................................
................................
................................
............

27

6.2.

L
A STRUCTURE DE LA
B
ASE
D
E
D
ONNEES

................................
................................
.....................

27

6.3.

U
TILISATION

................................
................................
................................
................................
..

27

7.

SUGGESTION D’AMELIOR
ATION

................................
................................
................................

28

7.1.

R
AJOUTER UN MODELE

................................
................................
................................
..................

28

7.2.

P
REVISUALISATION DES
MODELES

................................
................................
................................
.

29

8.

ANNEXES

................................
................................
................................
................................
.............

30

8.1.

DESCRIPTION DES TABL
ES

................................
................................
................................
..............

30



Création Site Dynamique

Date
15/03/2013

Page
3

sur
36


SAVVA


Sit
e Dynamique .doc

1.

P
RESENTATION DE L

ENTREPRISE

1.1.

PRESENTATION DU GRO
UPE STOR

1.1.1.

Présentation

STOR SOLUTIONS a été créé en 1969 et est implantée dans la zone industrielle du
Chaudron, à Sainte Clotilde, depuis 1979. Autrefois Société Anonyme, elle est devenue depuis
peu une SAS (Société Anonyme Simplifiée) au capital de 702410
€. Elle est dirigée par Monsieur
Bruno MILLOT, qui est aussi Président de l’ARTIC (Association Réunionnaise des professionnels
des Technologies de l’Information et de la Communication).

Le groupe emploie actuellement

:



A la Réunion

: 82 personnes



A Madagas
car

: 11 personnes



Aux Antilles

: 5 personnes

1.1.2.

Situation géographique

STOR SOLUTIONS est implantée à l’île de la Réunion

:



A Saint Denis

: 1 agence (siége social), 2 boutiques, 1 unité d’édition et mise sous
plis



A Saint Pierre

: 1 agence, 1 boutique

Elle d
ispose également de plusieurs filiales.

1.1.3.

Filiales du groupe

STOR SOLUTIONS possède de nombreuses filiales, dont voici leur répartition

:



A la Réunion

:

o

STOR MAINTENANCE

: Maintenance informatique

o

DISTRISOFT

: Distribution de produits Microsoft

o

MICROSTOR

: V
ente aux particuliers

o

SIMICRO

: Impression de gros volumes et mise sous plis

o

STOR APPLICAM

: Monétique

o

STOR SYSTEMES

: Partenaire IBM

o

SAVVA

: Formations

o

EOSYS

: Application Service Provider



A Madagascar

:

o

LOGIDIS

: Distributeur logiciels.



Création Site Dynamique

Date
15/03/2013

Page
4

sur
36


SAVVA


Sit
e Dynamique .doc

o

CTMM

: Monétique.



En Guadeloupe

:

o

POINT CARTES ANTILLES

: Monétique.

1.1.4.

Pôles d’activités

1.1.4.1.

Ingénierie et Formation

:

Cette activité peut être divisée de la manière suivante

:



Audit



Conseil



Ingénierie



Support Technique



Formation

o

Bureautique

o

Système, réseaux et développement



Cen
tre d’appels (Références

: Orange Réunion, Mairie de Saint Denis, Banque de
la Réunion, TOTAL Réunion)

o

Support niveau 1 (utilisateur)

o

Support niveau 2 et 3

o

Gestion de parc

1.1.4.2.

Monétique et solution cartes

:

Le groupe STOR est le centre régional de monétique. I
l a traité 6.5 millions de transaction
en 2003 et a installé plus de 3500 terminaux de paiement sur toute l’île.

Ses références sont

:



BR



BFC



IEDOM



BNI (Crédit Lyonnais)



BRED ANTILLES

En plus de la télé collecte, le groupe STOR assure

la personnalisation d
es cartes, la gestion
de porte
-
monnaie électroniques, l’édition et l’envoi de relevés mensuels et le suivi des
mouvements sur Internet.

Il assure également les services suivants

:



Cartes privatives

o

SRPP



Création Site Dynamique

Date
15/03/2013

Page
5

sur
36


SAVVA


Sit
e Dynamique .doc

o

ESSO REUNION

o

SHELL MAURICE

o

SHELL KENYA

o

ELF ANTILLES

o

C
ALTEX OUGANDA



Cartes de fidélité

o

SUPER U

o

M. BRICOLAGE

o

MICROSTOR

o

CAILLE

o

BRITISH AMERICAN TOBACCO



Contrôle d’accès

o

Université IREMIA

o

CROUS

: St Denis, Tampon



Cartes scolaires



Cartes diverses

o

BR

o

Médiathèque de St Benoît

o

COTE COUR


restaurant du TCD

o

AIR AUSTR
AL

o

ROTARY DISTRICT

o

Pharmacies de la Réunion

1.1.4.3.

Editique

:

STOR SOLUTIONS propose une solution complète pour les envois personnalisés

:



Mise en forme et intégration personnalisée pour publipostage



Pliage



Mise sous pli



Timbrage



Routage

Ses références dans ce do
maine sont

: ORANGE, CB et SOREFI.

1.1.4.4.

Services en ligne

:

STOR SOLUTIONS propose les services en ligne suivants

:



Création Site Dynamique

Date
15/03/2013

Page
6

sur
36


SAVVA


Sit
e Dynamique .doc



Internet


Création


Hébergement de sites web

: Internet, Intranet, Extranet,
hébergement mutualisé et dédié.



AUDIOTEX


Services vocaux SMS et
MMS

: Création d’applications interactives
accessibles par téléphone.

1.1.4.5.

Maintenance

:

STOR MAINTENANCE est la première société de maintenance Informatique certifiée
ISO 9002 à la Réunion.

Quelques références

:



AIR France



53 Agences AMADEUS



Centre Monétique
de la Réunion



Ministère de l’Intérieur



Université, IUFM



CHEVILLARD



BR



SOREFI



CHD



CORSAIR

1.1.4.6.

Distribution

:

En bureautique, gestion, réseaux d’entreprises, STOR SOLUTIONS représente les plus
grandes marques. Elle propose également la vente à distance de consom
mables, logiciels, et
matériels divers.

STOR SYSTEMES est le premier partenaire IBM de l’Océan Indien. Son activité se divise
en 5 parties

:



PSERIES (Unix)



Terminaux points de ventes



Logiciels IBM



Stockage (produits Lotus et WebSphere)



ISERIES (AS 400)

1.1.4.7.

Héb
ergement d’applications

:

EOSYS met à la disposition de ses abonnés, via un réseau haut débit, des logiciels
professionnels et les moyens techniques d’hébergement de données les plus performants.



Applications disponibles 24h/24



Serveurs et accès sécurisés



Création Site Dynamique

Date
15/03/2013

Page
7

sur
36


SAVVA


Sit
e Dynamique .doc



Sauvegardes quotidiennes



Technologies évolutives

1.2.

LA SOCIETE SAVVA

La société SAVVA partage les locaux du siège social du groupe. Elle est responsable de
plusieurs pôles d’activités du groupe

:



Ingénierie et formation



Service en ligne



Hébergement d’applicat
ions

SAVVA emploie

une vingtaine de personnes dont :



M. LEMASSON Stéphane, directeur

;



Melle GAWRONSKI Hélène, chef de projet

;



M. GUENIOT Nicolas, développeur web

;



M. CORRE Jean
-
Pierre, infographiste.



Création Site Dynamique

Date
15/03/2013

Page
8

sur
36


SAVVA


Sit
e Dynamique .doc

2.

O
BJECTIFS

Le présent document constitue une descripti
on détaillée des différentes phases de
conception et développement d’un site Internet dynamique modèle, objet de stage que j’ai effectué
pendant 4 mois à Stor Informatique

2.1.

OBJECTIFS DU DEVELOP
PEMENT

En réponse à l’appel d’offre de la DIREN et après une étu
de du marché réunionnais sur la
création de site Internet pour les collectivités locales et les organismes publics, STOR
Informatique via SAVVA décide de développer un C.M.S., Content Management System ou
système de publication pour l’Internet. Cet outil
permet à l’utilisateur final de créer des pages
web, de les modifier, de les archiver. L’application met en place une gestion d’utilisateurs et un
système de validation pour pouvoir publier les pages proposées par les rédacteurs du site Internet.

Le dévelo
ppement est confié à Manuel PAYET, étudiant en licence «

Les Métiers de
l’Internet

» à l’Université Paris 5, stagiaire entre le 12/5/2005 et 31/8/2005.

2.2.

CAHIER DES CHARGES

La présente documentation répond aux besoins définis dans le cahier des charges de
cr
éation d’un site entièrement dynamique. Le cahier des charges fonctionnelles s’organise autour
des grandes lignes directrices suivantes

:

1.

Les flashs
-
infos

: le site doit pouvoir gérer la création et la publication de flashs
-
infos qui sont des brèves accomp
agnée ou non d’une image.

2.

Les rubriques et les pages

: le site doit pourvoir gérer la création et la publication
des rubriques et des pages associées

3.

Les utilisateurs

: le site doit proposer un système d’accès restreint par le biais de
groupes d’utilisateu
rs.

Le cahier des charges est fourni en annexe.



Création Site Dynamique

Date
15/03/2013

Page
9

sur
36


SAVVA


Sit
e Dynamique .doc

3.

O
RGANISATION DU SITE
D
YNAMIQUE

Le site dynamique peut se présenter comme suit

:


Les pages publiques sont divisées en 5 parties principales. De haut en bas et de gauche à
droite, il y a le calque pour le log
o, le calque pour la bannière, le calque pour le menu, le calque
pour le cadre principal et le calque pour les flashs
-
infos.

Le calque pour le logo est composé d’une image carrée.

Le calque pour la bannière peut servir d’encart pour un bandeau publicitaire
.

Le calque pour le menu est composé de deux parties

:



Une partie ‘menu spécial’ visible s’il y a des rubriques spéciales à afficher. Les
rubriques spéciales sont les rubriques que le gestionnaire du site souhaite mettre en
avant.



Une partie ‘menu simple’
qui comprend toutes les rubriques

Le calque pour le cadre principal sert à l’affichage principal. Le pied de page est affiché en
bas du cadre principal.

Le calque pour les flashs
-
infos est composé de la date du jour et de la liste des flashs
-
infos.



Création Site Dynamique

Date
15/03/2013

Page
10

sur
36


SAVVA


Sit
e Dynamique .doc

4.

C
ONCEP
TION ET REALISATION

4.1.

DEFINITION DES TERME
S EMPLOYES

Canevas

: un canevas est un moule pour une partie de page. Il existe différents modèles de
canevas.

Modèle

: Il existe 5 modèles de canevas qui proposent différentes présentations des informations
aux réd
acteurs. Ces modèles seront décrits avec précision dans la suite du document
.
Thème

: un thème est un ensemble de liens qui sont relatifs à un même sujet.

Lien

: un lien est un lien hypertexte qui permet de

:



Se rendre sur un autre site,



se rendre sur

une autre rubrique du site lui
-
même,



télécharger un document.

4.2.

LANGAGE DE DEVELOPPE
MENT

Le site a été développé en «PHP v. 4.3.10» en relation avec un serveur de Base De
Données «

MySQL v. 4.1.9

»

Les choix de «

PHP

» et de la base de donnée «

MySQL» sont

conditionnés par

:



Accès libre de ces outils



Performance, rapidité et robustesse de ces outils



Disponibilité sur Internet

o

d’une documentation complète concernant «

PHP

» et «

MySQL

»

o

de forum de discussion

o

d’une bibliothèque de fonctions ou mini pr
ogrammes répondant à des besoins
spécifiques

Tous ces éléments sont autant d’atouts dans la réalisation du site Internet et la recherche
des dernières solutions déjà mises en œuvre et éprouvées par d’autres développeurs web
travaillant avec le langage PHP
.

4.3.

MODELES DE REPRESENT
ATIONS DES DONNEES

4.3.1.

Objectif

Nous proposons 5 modèles de représentations de données, afin de couvrir l’ensemble des
besoins des futurs administrateurs de site Internet pour la création des pages.

Une page est donc constituée d’un ou
plusieurs modèles que l’administrateur choisit
parmi les 5 modèles proposés. L’ordre des modèles n’a aucune importance, l’administrateur peut
les agencer à sa guise comme nous le montrerons les illustrations dans la suite du document.



Création Site Dynamique

Date
15/03/2013

Page
11

sur
36


SAVVA


Sit
e Dynamique .doc

4.3.2.

Description des modè
les’



Modèle 1

: Texte + Photo

o

Titre

o

Sous Titre (optionnel)

o

Texte (optionnel)

o

Photo (optionnel)

o

Liste de liens (optionnel)

o

Liste de documents à télécharger (optionnel)



Modèle 2 : Texte + Photos

o

Titre

o

Sous Titre (optionnel)

o

Photo principale (optionnelle)

o

Texte (optionnel)

o

Photos (optionnel)

o

Liste de liens (optionnel)

o

Liste de documents à télécharger (optionnel)



Modèle 3

: Tableau

o

Nom

o

Service

o

N° Tel

o

Email



Modèle 4

: Gestion documentaire

:

o

Titre

o

Sous Titre

o

Descriptif

o

Documents à télécharger



Modèle 5

: Liste de liens

o

Classement Thématique

o

Liste de liens pour chaque thème



Création Site Dynamique

Date
15/03/2013

Page
12

sur
36


SAVVA


Sit
e Dynamique .doc

4.3.3.

Exemple de modèles




Modèle 1

Modèle 2

Modèle 3




Modèle 4


Modèle 5


4.3.4.

Exemple de pages

Ci
-
dessous deux illustrations de pages constituées de un ou plusieurs modèles de
can
evas,

telles qu’elles peuvent apparaître dans un site :



Création Site Dynamique

Date
15/03/2013

Page
13

sur
36


SAVVA


Sit
e Dynamique .doc



Illustration 1

Illustration 2




Création Site Dynamique

Date
15/03/2013

Page
14

sur
36


SAVVA


Sit
e Dynamique .doc



Illustration 1

: modèle 1

Illustration2

: modèle 2

4.4.

BASE DE DONNEES

Ce document propose un modèle de base de données. Il présente table par table les
différent
es informations nécessaires à la réalisation du projet «

site dynamique

».

La base de données comporte 12 tables

:

1.

canevas

2.

documents

3.

flashinfo

4.

liens



Création Site Dynamique

Date
15/03/2013

Page
15

sur
36


SAVVA


Sit
e Dynamique .doc

5.

theme_liens

6.

pages

7.

photos

8.

rubriques

9.

sessions

10.

utilisateurs

11.

groupes

12.

maintenance

Ces tables présentent des lien
s entre elles ainsi que le montre le schéma relationnel des
table

suivant :


4.4.1.

La table ‘flashinfo’

La table

«

flashinfo

» répertorie tous les flashs
-
infos du site. La suppression d’une flash
-
info entraîne son archivage et le retrait de sa publication. Le
retrait de sa publication entraîne


Création Site Dynamique

Date
15/03/2013

Page
16

sur
36


SAVVA


Sit
e Dynamique .doc

l’impossibilité de voir la photo rattachée. Quelques utilisateurs privilégiés (les administrateurs du
site par exemple) auront accès à ces flashs
-
infos archivées.

4.4.2.

La table ‘rubriques’

La table

«

rubriques

» répertorie to
utes les rubriques du site dynamique. L’arborescence
des rubriques est sur trois niveaux. Une rubrique sans descendance fait référence à une page. Une
rubrique mère peut faire référence à une page. Toutes les rubriques filles de niveau 3 n’ont pas
de desce
ndance et donc font référence à une page. Une rubrique de niveau 1 peut ne pas avoir de
filles. Une rubrique de niveau 2 peut ne pas avoir de filles. Une rubrique peut être mise en avant
par un utilisateur privilégié, nommée rubrique spéciale. Il s’agit de
s rubriques accessibles
rapidement, voir paragraphe 3.1.

4.4.3.

La table ‘pages’

La table

«

pages

» répertorie toutes les pages associées au site dynamique. Chaque page
contient la référence de la rubrique à laquelle elle est rattachée. Une rubrique ne fait pas
forcément référence à une page, sauf si elle est de niveau 3 ou si elle ne contient pas de rubriques
de niveau inférieur. Une page contient un ou plusieurs canevas du même modèle ou de modèles
différents.

Une page contient



La référence de son auteur

: po
ssibilité d’avoir un auteur pour chaque page



La référence de la personne qui la valide

: possibilité d’avoir un approbateur
pour chaque page.

4.4.4.

La table ‘canevas’

Une page est constituée d’une succession de canevas. Il en résulte donc qu’un
enregistremen
t de la table canevas est obligatoirement rattaché à un enregistrement de la table
«

pages

»

La table ‘canevas’ répertorie tous les canevas des différents modèles.
Une page, créée par
un rédacteur, contient obligatoirement un ou plusieurs canevas. Chaque
canevas est
obligatoirement rattaché à une page.
La suppression d’une page entraîne la suppression des
canevas rattachés. La suppression d’un canevas entraîne l’impossibilité de télécharger les
documents rattachés. La suppression d’un canevas entraîne l’i
mpossibilité d’accéder aux liens
rattachés, si c’était le cas précédemment. La suppression d’un canevas entraîne l’impossibilité de
voir la ou les photos rattachées, si c’était le cas précédemment. La suppression d’un canevas
entraîne son archivage et donc

le retrait à la publication

: quelques utilisateurs privilégiés ont
accès à un canevas archivé.

4.4.5.

La table ‘documents’

La table

«

documents

» contient la référence des documents qui sont téléchargeables
depuis un canevas. Un document est obligatoirement ra
ttaché à un ou plusieurs canevas. Un
canevas peut proposer ou pas plusieurs documents téléchargeables. La suppression d’un canevas
entraîne l’impossibilité de télécharger les documents rattachés.



Création Site Dynamique

Date
15/03/2013

Page
17

sur
36


SAVVA


Sit
e Dynamique .doc

4.4.6.

La table ‘liens’

La table

«

liens

» contient la référence d
es sites qui sont référencés depuis un canevas.
Un lien est obligatoirement rattaché à un ou plusieurs canevas. Un canevas peut proposer ou pas
des liens vers un site extérieur. La suppression d’un canevas entraîne l’impossibilité de cliquer
sur les liens
rattachés. Les liens peuvent être classés par thème.

4.4.7.

La table ‘photos’

La table

«

photos

» contient la référence des photos qui sont référencées depuis un
canevas. Une photo est obligatoirement rattachée à un ou plusieurs canevas. Un canevas peut
proposer

ou pas plusieurs photos. La suppression d’un canevas entraîne l’impossibilité de voir
les photos rattachées.

4.4.8.

La table ‘sessions’

La table

«

sessions

» répertorie toutes les sessions ouvertes et fermées des tous les
utilisateurs enregistrés dans la table
‘utilisateurs’.

4.4.9.

La table ‘utilisateurs’

La table

«

utilisateurs

» répertorie tous les utilisateurs membres du site. Un utilisateur
peut appartenir à un ou plusieurs groupes. L’appartenance à un groupe autorise ou non l’accès à
certaines rubriques. Un util
isateur membre doit s’identifier, par un identifiant et un mot de passe,
avant de pouvoir accéder aux rubriques qui lui sont réservées. Pour ce moteur, l’identifiant
correspondra à son adresse e
-
mail.

4.4.10.

La table ‘groupes’

La table

«

groupes

» répertorie tou
s les groupes ainsi que les pages qui lui sont
attribuées.

4.4.11.

La table ‘maintenance’

La table

«

maintenance

» enregistre la date et l’heure de l’exécution de chaque procédure
de maintenance automatique du site. Cette maintenance automatique est lancée lors d
’un accès à
la page d’administration du site. Plusieurs routines sont lancées successivement

:

1.

Suppression des pages orphelines, qui ne sont pas liées à une rubrique

;

2.

Suppression des pages vides, qui ne contiennent aucun canevas.

3.

Suppression des canevas o
rphelins, qui ne sont pas liés à une page

;

4.

Suppression des documents orphelins, qui ne sont pas liés à un canevas

;

5.

Suppression des images orphelines, qui ne sont pas liés à un canevas ;

6.

Suppression des fichiers orphelins, qui ne sont pas référencés dans
la base de
données ;

7.

Vérification, analyse, réparation et optimisation de chaque table de la base de
données grâce à des commandes propres à MySQL.



Création Site Dynamique

Date
15/03/2013

Page
18

sur
36


SAVVA


Sit
e Dynamique .doc


4.5.

ARCHITECTURE

L’entrée sur le site se fera via la page d’accueil.

Le site se divisera en deux parties bien d
istinctes



Une partie client, «

http://sitedynamique »



Une partie administration, «

http://sitedynamique/admin »

4.6.

ADMINISTRATION DU SI
TE

Le module de gestion accessible via une U.R.L., protégée par un identifiant et un mot de
passe, permettra à l’administra
teur d’écrire, modifier, valider, supprimer les informations de la
base de données. La navigation dans ce module se fait à l’aide d’un menu.

4.6.1.

Module de gestion des flashs
-
infos

Le module de gestion des flashs
-
infos permet de créer, de modifier, de valider,
de
supprimer et de consulter les flashs
-
infos supprimés qui sont archivés.



Création Site Dynamique

Date
15/03/2013

Page
19

sur
36


SAVVA


Sit
e Dynamique .doc

4.6.1.1.

Création et modification d’un fash
-
info


La proposition d’un flash
-
info passe par le remplissage d’un formulaire (cf. photo ci
-
dessus.) Cette proposition est soumise à quelques con
ditions qui sont affichées en en
-
tête du
formulaire.

La modification d’un flash
-
info doit être validée avant d’être publiée de nouveau.



Création Site Dynamique

Date
15/03/2013

Page
20

sur
36


SAVVA


Sit
e Dynamique .doc

La date et l’heure de la publication peuvent être choisies lors de la création et lors de la
modification et doivent êtr
e ultérieures au moment présent.

4.6.1.2.

Validation d’un flash
-
info

La validation d’un flash
-
info est faite par un administrateur qui en a les droits. Après
validation, un flash
-
info est publié à la date et heure choisies. Ainsi après validation, on peut voir
sur
l’espace client, l’écran suivant

:


4.6.1.3.

Suppression d’un flash
-
info

La suppression d’un flash
-
info est définitive. Il n’est donc plus possible de publier un
flash
-
info supprimé. Certains utilisateurs privilégiés auront accès aux archives qui sont
constituées
de flashs
-
infos supprimés.

4.6.2.

Module de gestion des rubriques

Le module de gestion des rubriques permet de

:



Ajouter une rubrique

: ajout d’une rubrique au niveau 1, 2 ou 3



Modifier une rubrique

:



Création Site Dynamique

Date
15/03/2013

Page
21

sur
36


SAVVA


Sit
e Dynamique .doc

o

modifier le nom de la rubrique

o

on ne peut pas modifier son
niveau, pour cela il faut supprimer la rubrique
et la récréer à un autre niveau, ce qui entraîne la suppression des pages qui
lui sont rattachées. Le changement de niveau de rubrique sans destruction
des pages fera partie des prochaines évolutions.



Valide
r une rubrique

: Approbation de la nouvelle rubrique par un responsable,
attention la validation d’une rubrique n’entraîne pas son affichage à l’écran



Activer ou désactiver une rubrique

: permet de mettre la rubrique en ligne, c'est
-
à
-
dire de la rendre vi
sible sur le site. La validation d’une rubrique, entraîne son
activation.



Supprimer une rubrique

:

la suppression d’une rubrique correspond à l’activation
de celle
-
ci.

4.6.2.1.

Création et modification d’une rubrique



Les rubriques sont réparties sur une arbore
scence à trois niveaux. L’utilisateur peut donc
organiser et regrouper les pages de son site. A une rubrique correspond une page au maximum.

Le module de gestion des rubriques permet de rendre une rubrique spéciale, c’est
-
à
-
dire
qu’elle apparaîtra à la foi
s dans deux menus distincts. Le menu regroupant les rubriques
spéciales est mis en valeur. Ce module permet de définir une période pendant laquelle une
rubrique spéciale sera affichée. Cette période est définie soit par une date et heure de début, soit
une

date et heure de fin, soit par les deux.



Création Site Dynamique

Date
15/03/2013

Page
22

sur
36


SAVVA


Sit
e Dynamique .doc

Le module permet de valider une rubrique et de l’activer ou la désactiver. Une rubrique
validée est une rubrique que l’administrateur accepte d’afficher sur le site. L’administrateur peut
activer ou désactiver une
rubrique et les sous
-
rubriques momentanément.

4.6.3.

Module de gestion des pages

Le module de gestion des pages permet de créer une page et de la rattacher à une
rubrique, de modifier, de valider, de supprimer et de consulter une page supprimée dans les
archives.

4.6.3.1.

Création d’une page

Lors de la création d’une page, il est proposé au fur et à mesure de choisir la rubrique
pour laquelle le rédacteur veut proposer une page. Puis de choisir de quels modèles sont les
canevas qui vont composer une page et de les remplir.

Pour chaque canevas, l’utilisateur peut
ajouter des liens ou des documents qui sont en rapport avec le canevas créé précédemment.



Création Site Dynamique

Date
15/03/2013

Page
23

sur
36


SAVVA


Sit
e Dynamique .doc

4.6.3.2.

Modification d’une page


Le sous
-
module, qui permet de modifier une page (voir ci
-
dessus), permet aussi de
supprimer définit
ivement une page, de supprimer définitivement un canevas ou d’en rajouter un
à la fin de la page.



Création Site Dynamique

Date
15/03/2013

Page
24

sur
36


SAVVA


Sit
e Dynamique .doc

4.6.3.3.

Validation d’une page

Le module sous
-
module de validation d’une page rend possible la publication d’une page.
Une seule page par rubrique peut être validée.

4.6.3.4.

S
uppression d’une page

Le sous
-
module de suppression des pages permet d’archiver une page publiable. Il ne sera
plus possible de publier une page supprimée.

4.6.3.5.

Consultation des pages archivées

Le sous
-
module de consultation des archives permet de revoir l’ense
mble des pages
supprimées via le module de suppression. Il peut y avoir plusieurs pages archivées pour une
rubrique.

4.6.3.6.

Exemple validation activation de pages

Jaune et rouge

4.6.4.

Module de gestion des liens

4.6.4.1.

Description des deux utilisations des liens.

4.6.4.1.1.

En tant que
page Liens

Via le sous
-
module de gestion des liens, il est possible d’ajouter un lien, sans qu’il soit
rattaché à un canevas.

La page «

Liens

» accessible depuis le menu simple répertorie tous les liens disponibles
sur le site et tous les liens ajoutés dep
uis le module de gestion des liens.

4.6.4.1.2.

En tant que modèles pour la constitution d’une page

Le module de gestion des liens comprend deux parties

:



La gestion des thèmes



La gestion des liens

Le sous
-
module de gestion des thèmes permet de créer, de modifier et d
e supprimer des
thèmes.

Le sous
-
module de gestion des liens permet d’ajouter des liens aux thèmes, de les
modifier et de les supprimer.

4.6.5.

Module de gestion des utilisateurs

Le module de gestion d’utilisateurs permet de créer un groupe, de modifier la référe
nce
des pages rattachées à un groupe, de supprimer un groupe, de créer un utilisateur, de modifier ses
attributs, de supprimer un utilisateur.

4.6.5.1.

Sous
-
module de gestion des groupes

Le sous
-
module de gestion des groupes permet de créer un groupe, modifier le n
om du
groupe, modifier les pages qui lui sont associées et de supprimer un groupe.



Création Site Dynamique

Date
15/03/2013

Page
25

sur
36


SAVVA


Sit
e Dynamique .doc

4.6.5.2.

Sous
-
module de gestions des utilisateurs


4.7.

LA VALIDATION ET L’A
CTIVATION

La validation consiste à rendre publiable un article. Seul un administrateur est autorisé à
valider u
n article. Un article proposé est par défaut non valide. Chaque modification effectuée
sur un article doit être validée.

L’activation d’un article consiste à publier ou non un article. Cette étape vient après la
validation. Pour être publié, un article doi
t être validé et activé. Un article est par défaut activé.

4.8.

LA SUPPRESSION ET L’
ARCHIVAGE

La suppression d’un flash
-
info ou d’une page entraîne tout d’abord son archivage. Une
page supprimée est ainsi stockée dans la base de données et est consultable par u
n administrateur
du site. Une page archivée ne peut plus être publiée à moins de la reconstituer en créant une autre
page semblable.

Les archives peuvent être conservées dans la base de données sans limitation de durée.
Cela entraîne une augmentation de la

taille de la Base De Données et pourrait la rendre moins
efficace.



Création Site Dynamique

Date
15/03/2013

Page
26

sur
36


SAVVA


Sit
e Dynamique .doc

5.

T
EST ET VALIDATION




Création Site Dynamique

Date
15/03/2013

Page
27

sur
36


SAVVA


Sit
e Dynamique .doc

6.

C
REATION D

UN SITE A PARTIR DE
CE MOTEUR

6.1.

INSTALLATION PREALAB
LE

6.1.1.

Serveur Apache et PHP

Le moteur du site dynamique doit résider sur un serveur sur lequel doit être insta
llé un
serveur Internet. Etant donné que le moteur a été codé dans un environnement où résidait la
version 4.3.10 de PHP, il est vivement conseillé d’installer un serveur qui comprend cette
version de PHP.

6.1.2.

Base De Données MySQL

Le moteur du site dynamique
doit résider sur un serveur sur lequel doit être installée une
Base De Données. Etant donné que le moteur a été codé dans un environnement où résidait la
version 4.1.9 de MySQL, il est vivement conseillé d’installer un serveur de Base De Données
MySQL comp
atible avec cette version.

6.1.3.

EasyPHP

: une solution adaptée et facile à mettre en œuvre.

La solution la plus facile, concernant l’installation d’un tel serveur, consiste à installer le
package EasyPHP à partir de la version 1.8.0.1. L’installation de ce pack
age rend plus facile
l’installation et la configuration du serveur.

6.2.

LA STRUCTURE DE LA B
ASE DE DONNEES

Une fois le serveur installé et configuré, il faut structurer la base de données. Pour cela, il
suffit d’ouvrir MySQL et d’y exécuter le script SQL fourn
it avec le moteur. Les tables seront
ainsi créées.

6.3.

UTILISATION

Une fois le serveur web et le système de Base De Données installés et configurés, il faut
accéder à la partie administration du site pour commencer à créer les rubriques et les pages.



Création Site Dynamique

Date
15/03/2013

Page
28

sur
36


SAVVA


Sit
e Dynamique .doc

7.

S
UGGESTIO
N D

AMELIORATION

7.1.

RAJOUTER UN MODELE

Pour rajouter un modèle, il faut ajouter les champs nécessaires à la table ‘canevas’ de la base de
données et modifier le champ ‘modele’ pour ajouter un modèle. Puis coder plusieurs scripts

PHP dans
différents fichiers.

7.1.1.

Les fichiers à créer

Les fichiers ‘//_SERVEUR/admin/pages/script/caneva_form_modele
x
1
.php’ et
‘//_SERVEUR/admin/pages/tpl/caneva_form_modele
x
2
_tpl.php’ décrivent les formulaires à
remplir pour entrer les données dans la Base De Données.

Les fichiers ‘//_SE
RVEUR/admin/pages/script/caneva_afficher_ensemble_modele
x
3
.php’
et ‘//_SERVEUR/admin/pages/tpl/caneva_afficher_ensemble_modele
x
4
_tpl.php’ et
‘//_SERVEUR/client/pages/script/caneva_afficher_ensemble_modele
x
5
.php’ et
‘//_SERVEUR/client/pages/tpl/caneva_affic
her_ensemble_modele
x
6
_tpl.php’ (où x est le
numéro du modèle) décrivent la façon dont va être affiché un modèle respectivement pour la
partie administration pour les deux premiers et pour la partie client.


7.1.2.

Les fichiers à modifier

Ajouter une ligne de code

sur le modèle suivant dans le fichier
‘//_SERVEUR/admin/index.php’

:

case "caneva_form_modele
x
7
":


require("pages/script/$action.php");


break;

Ajouter une ligne de code sur le modèle suivant dans le fichier
‘//_SERVEUR/admin/pages/script/canevas_modifier
_modele.php’

:


case 'Modèle
x
8
': // commentaire



echo "<tr><td>";




1

‘x’ fait référence au numéro du modèle de canevas

2

‘x’ fait référence au numéro du modèle de canevas

3

‘x’ fait référence au numéro du modèle de
canevas

4

‘x’ fait référence au numéro du modèle de canevas

5

‘x’ fait référence au numéro du modèle de canevas

6

‘x’ fait référence au numéro du modèle de canevas

7

‘x’ fait référence au numéro du modèle de canevas

8

‘x’ fait référence au numéro du modèle

de canevas



Création Site Dynamique

Date
15/03/2013

Page
29

sur
36


SAVVA


Sit
e Dynamique .doc



require("pages/tpl/caneva_form_modele
x
_tpl.php");



echo "</td></tr>";



break;

Ajouter une ligne de code sur le modèle suivant dans le fichier
‘//_SERVEUR/admin/pages/script/pages_ajout
er.php’

:


case 'Modèle 1':



require("pages/script/caneva_form_modele1.php");



break;

Ajouter une ligne de code sur le modèle suivant dans le fichier
‘//_SERVEUR/admin/pages/script/canevas_choix_modele_tpl.php’

:


<td> <label>


<input type="
submit" name="modele" value="Modèle
x
9
">


<br/>


Texte + photo </label> </td>


<td> <label>

et adapter la ligne de code suivante

:


<th colspan="5"> 5 modèles de canevas sont proposés, choisissez
-
en un : </th>

7.2.

PREVISUALISATION DES

MOD
ELES

Il est possible d’ajouter, à la description d’un modèle, une image ou une illustration. Cette
illustration apparaîtra au moment d’un «

mouse over

» sur le bouton servant à choisir un modèle
de canevas ou lorsque l’on clique sur un bouton d’aide.





9

‘x’ fait référence au numéro du modèle de canevas



Création Site Dynamique

Date
15/03/2013

Page
30

sur
36


SAVVA


Sit
e Dynamique .doc

8.

ANNE
XES

8.1.

DESCRIPTION DES TABL
ES

8.1.1.

Gestion des pages

8.1.1.1.

Canevas

Champ

Type

Null

Défaut

id

int(11)

Non


dateajout

timestamp

Oui

CURRENT_TIMESTAMP

titre

varchar(50)

Oui

NULL

soustitre

varchar(255)

Oui

NULL

texte

Longtext

Oui

NULL

nom

varchar(50)

Oui

NULL

service

varchar(100)

Oui

NULL

telephone

varchar(20)

Oui

NULL

email

varchar(100)

Oui

NULL

modele

enum('modele1', 'modele2', 'modele3', 'modele4', 'modele5')

Non

modele1

idpage

int(11)

Non

0

Idensemble

int(11)

Non

0

Index

:

Nom de la clé

Type

Cardinalité

Cham
p

PRIMARY

PRIMARY

0

id


Champ

Utilité du champ

Id

Identifiant de la table ‘canevas’

Dateajout

Date d’ajout du canevas

Titre



titre pour les modèles 1,2 et 4



thème pour le modèle 5



n’est pas utilisé pour le modèle 3

Soustitre

Eventuellement complété po
ur les modèles 1,2 et 4.

Texte



corps de l’article du modèle 1 et 2



descriptif du modèle 4

nom

Nom de la personne

Sert uniquement pour le modèle 3

prenom

prénom de la personne

Service

Nom du service auquel elle appartient

Telephone

Son numéro de télé
phone

Email

Son adresse e
-
mail

Modele

Désignation du modèle du canevas

Idpage

Clé étrangère

: référence d’une page.

Cette référence peut se répéter puisque l’on peut insérer plusieurs canevas d’un ou plusieurs modèles
dans une même page.

idensemble

I
dentifiant d’un canevas composé de plusieurs canevas



Création Site Dynamique

Date
15/03/2013

Page
31

sur
36


SAVVA


Sit
e Dynamique .doc

8.1.1.2.

documents

Champ

Type

Null

Défaut

idcanevas

int(11)

Non

0

urldocument

Varchar(255)

Non


Libelle

Varchar(255)

Non


Index:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

idcanevas

urldocum
ent


Champ

Utilité du champ

Idcanevas

Référence au canevas associé

Clé primaire

composée: permet d’éviter qu’un même
document soit référencé plusieurs fois dans un même canevas

Urldocument

URL ou nom de fichier
correspondant au document

Libelle

Descr
iptif du document, court commentaire.

8.1.1.3.

flashinfo

Champ

Type

Null

Défaut

id

int(11)

Non


titre

varchar(50)

Non


soustitre

varchar(100)

Oui

NULL

texte

Text

Non


dateproposition

datetime

Oui

NULL

datepublication

datetime

Oui

NULL

datesuppression

dateti
me

Oui

NULL

urlimage

varchar(50)

Oui

NULL

datevalidation

datetime

Oui

NULL

Index:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

id


Champ

Utilité du champ

Id

Identifiant d’un flash
-
info

Titre

Titre de l’article

Soustitre

Sous
-
titre de l’ar
ticle

Texte

Corps de l’article

dateproposition

Date et heure à partir desquelles le rédacteur propose son article pour approbation

datepublication

Date et heure à partir desquelles l’article doit être publié

datesuppression

Date et heure à partir desqu
elles un utilisateur autorisé à le faire retire l’article du site web

urlimage

URL de l’image

: le nom du fichier correspondant à l’image

Datevalidation

Date et heure à partir desquelles la proposition de publication est approuvée



Création Site Dynamique

Date
15/03/2013

Page
32

sur
36


SAVVA


Sit
e Dynamique .doc

8.1.1.4.

liens

Champ

Type

Null

Défaut

id



int(11)

Non




Idcanevas



int(11)

Non


0


url



varchar(255)

Non




libelle



varchar(255)

Non




idtheme



int(11)

Oui


NULL


description



varchar(255)

Oui


NULL


top



tinyint(4)

Oui


0


Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

idcanevas

url


Champ

Utilité du champ

id



Identifiant du lien

Idcanevas



Référence au canevas associé

url



URL du lien

libelle



Libellé pour le lien

idtheme



Référence au thème auquel le lien appartient

description



Desc
riptif du site référencé, court commentaire.

top



On peut mettre ce lien en valeur par rapport aux autres. Non = 1. Oui = 1.

8.1.1.5.

theme_liens

Champ

Type

Null

Défaut

id



int(11)

Non




libelle



varchar(100)

Non




Index

:

Nom de la clé

Type

Cardinalité

C
hamp

PRIMARY

PRIMARY

3

id


Champ

Utilité du champ

id



Identifiant du thème

libelle



Libellé du thème

8.1.1.6.

pages

Champ

Type

Null

Défaut

Id

int(11)

Non


ordreniveau1

int(11)

Non

0

ordreniveau2

int(11)

Non

0

ordreniveau3

int(11)

Non

0

Dateproposition

d
atetime

Oui

NULL



Création Site Dynamique

Date
15/03/2013

Page
33

sur
36


SAVVA


Sit
e Dynamique .doc

Datepublication

datetime

Oui

NULL

datemodification

datetime

Oui

NULL

Datesuppression

datetime

Oui

NULL

Datevalidation

datetime

Oui

NULL

Idproposant

Int(11)

Oui

0

Idvalidant

Int(11)

Oui

0

Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

id

dateproposition

UNIQUE

0

dateproposition


Champ

Utilité du champ

Id

Identifiant d’une page

ordreniveau1

Référence à la rubrique associée d’un certain niveau 1, d’un certain niveau 2 et d’un certain
niveau 3 que l’utilisateur pourr
a définir.

ordreniveau2

ordreniveau3

dateproposition

Date et heure à partir desquelles le rédacteur propose son article pour approbation.
propositions de pages concurrentielles évitées, ce qui permet de simplifier le codage PHP

datepublication

Date e
t heure à partir desquelles l’article doit être publié

Datemodification

Dernières date et heure auxquelles un utilisateur autorisé à le faire a modifié la page.

datesuppression

Date et heure à partir desquelles un utilisateur autorisé à le faire retire l
’article du site web

datevalidation

Date et heure à partir desquelles la proposition de publication est approuvée

idproposant

Clé étrangère

: référence à l’utilisateur qui propose l’article

idvalidant

Clé étrangère

: référence à l’utilisateur qui valide

l’article

8.1.1.7.

photos

Champ

Type

Null

Défaut

Idcanevas

int(11)

Non

0

nomfichierphoto

varchar(255)

Non


Libelle

varchar(255)

Oui

NULL

Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

idcanevas

nomfichierphoto


Champ

Utilité du champ

Id
canevas

Référence au canevas associé

Clé primaire

composée: permet d’éviter qu’une
même photo soit référencée plusieurs fois dans un
même canevas

nomfichierphoto

URL ou nom du fichier qui référence la
photo

Libelle

Descriptif de la photo, court commenta
ire.

8.1.1.8.

rubriques

Champ

Type

Null

Défaut



Création Site Dynamique

Date
15/03/2013

Page
34

sur
36


SAVVA


Sit
e Dynamique .doc

ordreniveau1

int(11)

Non

0

ordreniveau2

int(11)

Non

0

ordreniveau3

int(11)

Non

0

datecreation

datetime

Oui

NULL

datemodification

datetime

Oui

NULL

datesuppression

datetime

Oui

NULL

libelle

varchar(20)

Non


dat
evalidation

datetime

Oui

NULL

datespecialedebut

datetime

Oui

NULL

datespecialefin

datetime

Oui

NULL


Index:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

ordreniveau1

ordreniveau2

ordreniveau3


Champ

Utilité du champ

ordreniveau1

Cl
é primaire composée

: référence d’une rubrique d’un certain niveau 1, d’un certain niveau
2 et d’un certain niveau 3 que l’utilisateur autorisé à le faire pourra définir.

ordreniveau2

ordreniveau3

datecreation

Date et heure auxquelles un utilisateur a
utorisé à le faire crée la rubrique

datemodification

Dernières date et heure auxquelles un utilisateur autorisé à le faire a modifié la page.

datesuppression

Date et heure à partir desquelles un utilisateur autorisé à le faire retire l’article du site we
b

Libelle

Libelle de la rubrique

datevalidation

Date et heure à partir desquelles la proposition de publication est approuvée

datespecialedebut

Date et heure à partir desquelles la rubrique est mise en avant dans un encart spécial

datespecialefin

Date
et heure à partir desquelles la rubrique est retirée de cet encart spécial

8.1.2.

Gestions des utilisateurs

:

8.1.2.1.

sessions

Champ

Type

Null

Défaut

id

int(50)

Non

0

email

varchar(255)

Non


motdepasse

varchar(255)

Non


connectiondebut

Datetime

Non

0000
-
00
-
00 00:00:
00

connectionfin

Datetime

Non

0000
-
00
-
00 00:00:00


Index:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

id


Champ

Utilité du champ

Id

Clé primaire

: référence l’ouverture d’une session pour un utilisateur connecté


Création Site Dynamique

Date
15/03/2013

Page
35

sur
36


SAVVA


Sit
e Dynamique .doc

au site

Email

Email de cet

utilisateur

Motdepasse

Mot de passe de connexion de cet utilisateur

connectiondebut

Date et heure à partir desquelles l’utilisateur débute sa session

捯nn散瑩tnf楮

䑡瑥 整eh敵ê攠d攠fin d攠s敳s楯n

8.1.2.2.

utilisateurs

Champ

Type

Null

Défaut

Nom

varchar(250)

N
on


Prenom

varchar(250)

Non


Email

varchar(255)

Non


Motdepasse

varchar(255)

Non


Commentaire

Text

Oui

NULL

idgroupe

Int(11)

Non

0

Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

0

email


Champ

Utilité du champ

Nom

Nom de l’utilisa
teur enregistré

Prenom

Prénom de l’utilisateur enregistré

Email

Clé primaire

: e
-
mail de l’utilisateur enregistré

Motdepasse

Mot de passe de cet utilisateur enregistré

Groupe

Référence du groupe auquel il appartient

Commentaire

Commentaire sur l’utili
sateur

idgroupe

Identifiant du groupe d’utilisateur auquel il appartient

8.1.2.3.

groupes

Champ

Type

Null

Défaut

id

int(11)

Non


idutilisateur

int(11)

Non

0

libelle

varchar(255)

Non


idrubrique

int(11)

Non

0

Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIM
ARY

PRIMARY

0

id


Champ

Utilité du champ

id

Clé primaire

: identifiant du groupe

idutilisateur

Clé étrangère

: référence à un utilisateur qui appartient au groupe

libelle

Nom du groupe

ordreniveau1

Clé étrangère composée

: référence à la page qui appa
rtient au groupe

ordreniveau2



Création Site Dynamique

Date
15/03/2013

Page
36

sur
36


SAVVA


Sit
e Dynamique .doc

ordreniveau3

8.1.3.

maintenance

Champ

Type

Null

Défaut

datemaintenance



datetime

Non


0000
-
00
-
00 00:00:00


Index

:

Nom de la clé

Type

Cardinalité

Champ

PRIMARY

PRIMARY

1

datemaintenance


Champ

Utilité du champ

datemaint
enanc
e

A la fois identifiant des champs. Sert à savoir quand a eu lieu la maintenance automatique du
site