Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Projet fin annee 2011 master min ISAMM
1. Conception et réalisation d'un Mini-CMS
Projet Fin d'année MASTER MIN 2011
Date : 02/05/2011
PERSONNES IMPLIQUEES
Auteur(s) : Destinataire(s) :
Votre nom Abdelmonem NAAMANE
Table Index
1. Description du projet...............................................................................................................2
2. Objectifs..................................................................................................................................2
3. Le cahier de charge.................................................................................................................2
3.1. Front office..................................................................................................................................2
3.2. Back Office.................................................................................................................................3
3.3. Modèle Conceptuel de Données..................................................................................................4
3.4. Modèle physique de Données.....................................................................................................4
3.5. Diagramme de cas d'utilisation globale.......................................................................................4
4. Spécifications détaillée...........................................................................................................4
4.1. Afficher page d'accueil aux internaute........................................................................................5
Projet Fin d'Année 2011 Page 1/5
2. 1.Description du projet
Ce document contient la spécification fonctionnelle détaillées du Projet de Fin d'Année des étudiants de
MASTER MIN de l'ISAMM, intitulé « Mini-CMS ». CMS: Content Management System (Système de
gestion de contenu). Dans ce projet nous allons réaliser un bog avec les fonctionnalités permettant
d'administrer un blog.
2.Objectifs
1.Appliquer les connaissances de base de PHP et JavaScript.
2.Créer des formulaires et récupérer les données saisies coté serveur.
3.Utiliser les SESSIONs avec PHP.
4.Iniciation à la programmation orientée objet avec PHP.
5.Découvrir HTML5.
6.Utiliser les bases de données MySQL avec PHP.
7.Ecrire des requêtes SQL assez complexes.
8.Créer un système d'authentification.
9.Lire les des données à partir d'un fichier XML avec PHP.
10.S'inicier aux projets réels d'entreprise.
3.Le cahier de charge
Ce projet est composé de deux parties pricipales :
•Le front office : C'est la partie du projet qui sera visible par les internautes.
•Back office : C'est la partie d'administration du blog, elle n'est accéssible qu'aux utilisateurs
authontifiés.
3.1.Front office
Le fronte office est composé de deux pages :
Page d'accueil « index.php » : cette page permet d'afficher les n (n est un nombre qui sera lu du
fichier de XML de configuration) derniers articles dans l'ordre chronologique décroissant de leurs
créations. Pour chaque article on affiche :
•Le titre : Le titre de l'article est un lien qui permet de passer à la page « article.php »
•Le contenu : le contenu de l'article.
•La catègorie : le nom de la catègorie à la quelle appartient l'article.
•Les tags : les labelles des tags (mots clés) associés à l'article.
En haut de la page d'accueil un lien « Connexion » est affiché, il permet de passer à la page
d'authentification qui sera décrite dans la partie back office.
Projet Fin d'Année 2011 Page 2/5
3. Article « article.php » : cette page permet d'afficher un seul article, avec les mêmes éléments cités
dans le pargraphe précédent : titre, contenu, catègorie et tags. Dans cette page le titre n'est pas un
lien.
3.2.Back Office
C'est la partie administration du blog. Elle n'est accéssible que si l'utilisateur a été authentifié
correctement. Elle est composée des parties suivantes :
•Authentification « login.php » : cette page contient un formulaire composé de deux champs login
est mot de passe et un bouton nommé « connexion ». Suite à la soumission du formulaire, on appels
un deux script « connexion.php »
•Verification de l'authentification « connexion.php » : se script permet de traité la demande de
connexion. Il vérifie si le login et le mot de passe saisis sont correctes, en faisant une recherche dans
le fichier « parametres.xml ». Si l'authentification est correcte alors l'utilisateur sera redirigé vers la
page d'accueil sous sa nouvelle forme, sinon il reviendra à la page « login.php » avec un message
d'erreur.
•Fichier de paramètrage « parametres.xml » : C'est un fichier xml qui contient la liste des
utilisateurs (login et mot de passe), et le nombre d'articles à afficher dans la page d'accueil.
•Accueil « index.php » : c'est la même page déjà décrite dans le front office, mais en plus de ce qui a
jété décrit on affiche de nouveaux liens :
•Le lien connexion sera remplacé par déconnexion : au clique sur le lien déconnexion l'utilisateur
redevient déconnecté et tous les liens d'administration ne seront plus visibles.
•Le lien Ajouter un article : ce lien sera affiché en haut de la page d'accueil, il permet de passer à la
page « ajouter.php »
•Le lien Editer : ce lien sera affiché devant chaque titre d'un article, il permet de passer à la page
« editer.php ».
•Le lien Supprimer : ce lien sera affiché devant chaque titre d'un article, il permet de passer à la
page « supprimer.php ».
•Ajouter un article « ajouter.php » : Cette page contient un formulaire de création d'article. Il est
composé des champs suivants :
•Titre : champs texte simple
•Contenu : champs de saisi texte multi ligne
•Catègorie : liste de selection contenant cinq catègories
•Tags : Bouton à choix multiples (checkbox) contenant cinq valeurs
•Bouton ajouter : ce bouton permet de valider la l'ajout.
Projet Fin d'Année 2011 Page 3/5
4. Si le titre ou le contenu sont vide alors on affichera un message d'erreur. Sinon on créé l'article et on
passe à la page qui permet d'afficher cette article « article.php ». les controles doivent être fait coté
client (avec JavaScript) et coté serveur (avec PHP).
•Editer un article « editer.php » : Cette page contient un formulaire identique à celui décrit dans la
création à la seul différence qu'au premier chargement on retrouve les champs du formulaire remplis
par les valeurs de l'article à modifier. Les mêmes controles doivent être fait sur le titre et le contenu.
Suite à la modification on passe à la page qui permet d'afficher cette article « article.php ».
•Supprimer un article « supprimer.php » : Cette page permet de faire la suppression de l'article,
puis l'utilisateur sera redirigé vers la page d'accueil. Un message de confirmation sera affiché avant
d'executer la suppression (confirm)
Remarque :
La partie traitement doit être séparé des interface, c'est à dire que les fonction qui feront le traitement
, comme la connexion à la base de données ou la lecture du fiichier XML ou la suppression, l'édition,
doivent être fait dans des classe. On utilisera les classes
•Article contiendra
Les attributs : identifiant, titre, contenu, cathégorie et liste tag.
Les mètodes : ajoute, editer, supprimer, getArticle, getArticles.
•Utilisateur
Les attributs : login et motPasse
Les mètodes : Connecter et deconnecter
•Xml
Les attributs : fichier, nombreArticle, listeUtilisateur
Les mètodes : getNombreArticle, isUser
3.3.Modèle Conceptuel de Données
Afficher le MCD ici (une image)
3.4.Modèle physique de Données
Afficher les requêtes de création des tables ici
3.5.Diagramme de cas d'utilisation globale
Ajouter ici le diagramme de cas d'utilisation globale, c'est dire qu'il inclut tous les cas
d'utilisation à expliquer dans la spécification fonctionnelle
Figure 1 : Diagramme de cas d'utilisation globale
4.Spécifications détaillée
Projet Fin d'Année 2011 Page 4/5
5. 4.1.Afficher page d'accueil aux internaute
Figure 2 : UC Afficher page d'accueil
a)Description : La page d'accueil permettera l'affichage des derniers articles ajoutés.
b)Acteur déclencheur : Internaute.
c)Pré condition : RAS.
d)Fonctionnement :
Ce pargraphe contiendra la description du fonctionnement de cette partie. Ceci contoendra la
description fonctionnelle, et des captures IHM (Interface Homme Machine)
e)Post-conditions : Page affichée.
f)Contrôles :
Il faut aux moins l'existance d'un article, sinon afficher un message d'erreur.
Si le fichier XML est introuvable, alors afficher les cinq derniers articles.
Projet Fin d'Année 2011 Page 5/5