Conception et réalisation d'un Mini-CMSProjet Fin d'année MASTER MIN 2011

Date : 02/05/2011

PERSONNES IMPLIQUEESAuteur(s) :Votre nom

Destinataire(s) : Abdelmonem NAAMANE

Table Index1. Description du projet...............................................................................................................22. Objectifs..................................................................................................................................23. Le cahier de charge.................................................................................................................2

3.1. Front office..................................................................................................................................23.2. Back Office..................................................................................................................................33.3. Modèle Conceptuel de Données..................................................................................................43.4. Modèle physique de Données......................................................................................................43.5. Diagramme de cas d'utilisation globale.......................................................................................4

4. Spécifications détaillée...........................................................................................................64.1. Afficher page d'accueil aux internaute........................................................................................6

Projet Fin d'Année 2011 Page 1/5

1. Description du projetCe 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. Objectifs1. 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 chargeCe 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

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.

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).

Projet Fin d'Année 2011 Page 3/5

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 motPasseLes mètodes : Connecter et deconnecter

Xml Les attributs : fichier, nombreArticle, listeUtilisateurLes 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

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