1- Méthodologie adoptée pour la création de l'application WEB

• Après avoir déterminé les besoins fonctionnels et non fonctionnels, nous avons procédé au développement selon les étapes suivantes :

• 

• Le modèle conceptuel de gestion de projet adopté est le modèle du cycle en V :

• 

• Le modèle en V prévoit des :
  • Test unitaires qui vont être donc réalisés par composant et par couche.
  • Tests d'intégration pour valider le fait que toutes les parties développées indépendamment fonctionnent bien ensemble de façon cohérente.
  • Tests de validation et recette, pour vérifier si toutes les exigences décrites dans le document de spécifications techniques et fonctionnelles du site sont respectées.

2- Architecture de haut niveau

Architecture du site Jouons′y

• 1. Introduction


Le site est développé selon l′architecture 3-tiers et MVC (Modèle Vue Contrôleur). Ce modèle d′architecture impose la séparation entre les données, la présentation et les traitements, ce qui donne trois parties fondamentales dans l′application finale : le modèle, la vue et le pseudo-contrôleur(qui s′occupe des actions).
Losqu′un client envoie une requête à l′application :
• la requête envoyée depuis la vue est analysée par le contrôleur
• le contrôleur demande au modèle approprié d′effectuer les traitements
• le contrôleur renvoie la vue adaptée

• 2. Schéma de l′architecture





Le pseudo-contrôleur permet l′affichage des vues au niveau de la couche Vue, il récupère des informations de la couche Métier qui elle-même a des interactions avec la base de données via la couche DAO.

• 3. Data Access Object (DAO)


La couche DAO contient les fonctions de requêtes auprès de la base de données. Ces fonctions gèrent les tables de la base selon les actions requises : insertion ou suppression d′une ligne ou bien encore une recherche. Elle contient aussi une fonction de connexion automatique à la base de données.

• 4. Métier


La couche métier se sert des fonctions de la couche DAO et récupère aussi des données gérées par le pseudo-contrôleur. Des fonctions effectuent des tests propres à chaque action.

• 5. Pseudo-contrôleur


Le rôle du notre contrôleur réside plus dans les actions permettant l′affichage des vues ou la récupération des données utilisateur. Elle se sert de ces données et les entrent en paramètres dans les fonctions de la couche métier où elles sont testées.

• 6. Gestion de configuration des fichiers


Jouons′y est organisé tel que suit :





Le dossier Jouons′y contient le fichier index.php. Ce fichier représente une porte d′entrée au dossier Vues.

Le dossier Vues contient les différentes pages du site ainsi que les fichiers header.php et footer.php, permettant d′obtenir un template uniforme et cohérent pour toutes les pages. Ce dossier fait appel au dossier Styles, contenant les fichiers CSS, le dossier Images, contenant toutes les images utilisées par les différentes pages, ainsi que le dossier Scriptes contenant des fonctions javascripts propres à l′affichage des formulaires.

Le dossier Vues_JS contient les fichiers de traitements Jquery nécessaires à certaines pages du dossier Vues.

Le dossier Controler contient des fichiers PHP qui rendent les pages du site dynamiques, chaque fichier étant propre à une action donnée.

Le dossier Metier contient les fonctions dont se sert le dossier Controler, chaque fonction étant propre à une action donnée.

Le dossier DAO contient tous les fichiers d′accès à la base de données de Jouons′y

Le dossier Utiles contient le fichier des constantes de connexion à la base de données récupérées par la fonction de connexion de la DAO.

3- Justification de l'architecture

• Modèle : encapsule le cœur fonctionnel de l′application, le domaine logique.
• Vue : les données sont envoyées par le modèle à la vue qui les présente à l′utilisateur.
• Contrôleur : reçoit les données et les transmets au modèle ou à la vue.

• Avantage de l'architecture :
• Il y a une séparation totale entre la manipulation des données, le traitement (métier), l'interface et la communication entre ces trois parties. De plus, cela rend l'application beaucoup plus flexible.
• Inconvénient de l'architecture :
• Le développement est long et fastidieux, dû à la séparation des couches. Il est donc primordial de déterminer la structure et le fonctionnement du site avant de commencer le codage.

4- Description des unités

	Le dossier Controler représente le Contrôleur de l'Interface, il contient des fichiers représentant chacun des actions pour les différentes fonctionnalités du site : gestion de l'authentification login : connexion et déconnexion gestion du mode abonné abonneInsert, abonneMaj : inscription abonneUpdate : modification et suppression du profil gestion de l'affichage de jeux jeuxDetail : affichage et liste de jeux selon critères de recherches, affichage du détail des jeux et ajout au panier gestion du panier panier : ajout de jeu dans le panier detailPanier : affichage du contenu du panier annulerJeuPanier : possibilité de retirer un jeu du panier gestion des locations panierValidation : le/les jeux contenus dans le panier deviennent des locations et le nombre de jeux disponibles est géré en fonction location : affichage du détail des locations), la gestion du mode administrateur (ajouterJeu : actions permettant d'ajouter un jeu à la base de données deleteJeu : actions permettant de supprimer un jeu de la base de données modifierJeu : action permettant de modifier les caractéristiques d'un jeu validationRetourLoc : actions permettant de confirmer le retour d'une location et de gérer le nombre de jeux disponibles
	Le dossier DAO représente la couche Data Access Object du Modèle et contient les fichiers rassemblant les requêtes (sous forme de fonctions) à la base de données nécessaires aux fonctionnalité des différents modules : gestion de l'authentification à la base de données daoConnexion : fonction connexion() : fonction permettant connexion à la base de données, elle récupère les constantes de connexion du fichiers constantes.php du dossier Utiles gestion de l'authentification daoLogin : fonction checkLogin() : fonction permettant de vérifier un identifiant et un mot de passe associé pour la connexion gestion du mode abonné daoAbonne : fonction insertAbonne() : fonction permettant l'ajout d'un abonné fonction deleteAbonne() : fonction permettant la suppression d'un abonné fonction updateAbonne() : fonction permettant la modification des informations d'un abonné fonction chekLogin() : fonction permettant de vérifier si un identifiant existe déjà fonction recupInfoAbon() : fonction permettant de récupérer les données d'un abonné d'après son numéro gestion des jeux daoJeu : fonction insertJeu() : fonction permettant l'ajout d'un jeu et incremente le nombre de jeu en fonction de l'id le plus grand fonction updateJeu() : fonction permettant la modification d'un jeu fonction deleteJeu() : fonction permettant la supression d'un jeu fonction getJeuById() : fonction permettant d'avoir les informations d'un jeu fonction getAllJeu() : fonction permettant d'obtenir tous les jeux gestion des locations daoLocation : fonction insertLocation() : fonction permettant l'ajout d'une location fonction checkLocation() : fonction de test sur l'état des locations d'un abonné fonction checkLocationIdJeu() : fonction de test sur l'id d'un jeu déjà en location d'un abonné (ne doit pas emprunter le même jeu en validant deux paniers différents) fonction checkNombreJeu() : fonction permettant de savoir de combien de jeux on dispose pour un jeu précis fonction decrementerJeux() : fonction permettant de décrémenter le nombre de jeux fonction deleteLocation() : fonction permettant la suppression d'une location fonction getAllNumJeuxLocationByIdAbon() : fonction permettant d'obtenir toutes les locations d'un abonné fonction getLocationByIdAbon() : fonction permettant d'obtenir les locations en cours d'un abonné fonction getLocEnAttenteByIdAbon() : fonction permettant d'obtenir les locations rendues d'un abonné en attente de confirmation par l'administrateur fonction getHistoriqueLocByIdAbon() : fonction permettant d'obtenir l'historique des location d'un abonné fonction getNumLocByIdAbonne() : fonction permettant d'obtenir les numéros de locations en cours ou rendues mais pas encore confirmées par l'administrateur fonction getLocByIdLoc() : fonction permettant d'obtenir les détails d'une location fonction updateLocationById() : fonction permettant la confirmation du retour d'une location par l'administrateur fonction incrementerJeux() : fonction permettant d'incrémenter le nombre de jeux
	Le dossier Metier représente la couche Metier du Modèle et contient les fichiers rassemblant des fonctions qui encapsulent les fonctions de la couche DAO (protection du code et parfois ajout de tests) et qui sont appelées par le Contrôleur de l'interface, seul le fichier metierPanier ne nécessite pas de requêtes et possède ses propres fonctions : gestion de l'authentification à la base de données daoConnexion : fonction connexion() : fonction permettant connexion à la base de données, elle récupère les constantes de connexion du fichiers constantes.php du dossier Utiles gestion de l'authentification metierLogin : fonction metierCheckLogin() : traitement métier de la fonction permettant de vérifier un identifiant et un mot de passe associé pour la connexion gestion du mode abonné metierAbonne : fonction metierInsertAbonne() : traitement métier de l'ajout d'un abonné fonction metierDeleteAbonne() : traitement métier de suppression d'un abonné fonction metierUpdateAbonne() : traitement métier de mise à jour d'un abonné fonction metierRecupInfoAbon() : traitement métier de la récupération des données d'un abonné d'après son numéro gestion des jeux metierJeu : fonction metierGetJeuById() : traitement métier de la fonction permettant d'avoir les informations d'un jeu fonction metierGetAllJeu() : traitement métier de la fonction permettant d'obtenir tous les jeux fonction metierInsertJeu() : traitement métier de l'ajout d'un jeu fonction metierUpdateJeu() : traitement métier de la modification d'un jeu fonction metierDeleteJeu() : traitement métier de la supression d'un jeu gestion des locations metierLocation : fonction metierInsertLocation() : traitement métier de l'ajout d'une location fonction metierDeleteLocation() : traitement métier de suppression d'une location par retour du jeu loué fonction metierGetLocationByIdAbon() : traitement métier de la fonction permettant d'obtenir les informations des locations en cours d'un abonné fonction metierGetLocEnAttenteByIdAbon() : traitement métier de la fonction permettant d'obtenir les informations des locations rendues d'un abonné en attente de confirmation par l'administrateur fonction metierGetHistoriqueLocByIdAbon() : traitement métier permettant d'obtenir l'historique des locations d'un abonné fonction metierGetNumLocByIdAbon() : traitement métier de la fonction permettant d'obtenir le nombre de locations en cours ou rendues mais pas encore confirmées par l'administrateur fonction metierCheckLocation() : traitement métier de test sur l'état des locations d'un abonné fonction metierCheckLocationIdJeu() : traitement métier de test sur l'id d'un jeu déjà en location d'un abonné (ne doit pas emprunter le même jeu en validant deux paniers différents) fonction metierCheckNombreJeu() : traitement métier de la fonction permettant de savoir de combien de jeux on dispose pour un jeu précis fonction metierGetLocByIdLoc() : traitement métier de la fonction permettant d'obtenir les détails d'une location en particuliers par son identifiant fonction metierUpdateLocationById() : traitement métier de la fonction permettant la confirmation du retour d'une location par l'administrateur fonction metierIncrementerJeux() : traitement métier fonction permettant d'incrémenter le nombre de jeux gestion du panier metierPanier : fonction ajouterAuPanier() : fonction permettant l'ajout d'un jeu dans le panier fonction monPanier() : fonction permettant la récupération des infos d'un jeu dans le panier fonction recupPanier() : fonction permettant d'écrire les infos d'un jeu du panier fonction checkPanier() : fonction permettant de vérifier le contenu du panier
	Le dossier Scriptes contient les fichiers rassemblant les fonctions javascript, ajax et jquery utilisées par les fichiers Vues ou Controler : gestion des tableaux Flexigrid en Jquery de l'administrateur (fichiers repris et adaptés de la bibliothèque Jquery) jquery.contextMenu : gère les fonctionnalités du menu du Flexigrid jquery.flexigrid : gère les fonctionnalités du tableau du Flexigrid jquery gestion des fenêtres ouvrantes du site scripteJouonsy gestion de l'inscription, profil abonné verif_form : fonctions qui permettent de faire tous les tests requis par les formulaires d'inscription d'un abonné et de modification de son profil
	Le dossier Styles contient les fichiers de style CSS appelé par le fichier header.php (entête des pages du site) du dossier Vues, ils définissent la mise en forme des pages : Flex : contient tous les fichiers CSS de la bibliothèque de Jquery charte : mise en forme de la page afichant la charte de location du site homepage : mise en forme de la page index.php, entrée dans le site inscription : mise en forme de la page du formulaire d'incription lesJeuxDetails : mise en forme des pages d'affichage du déil des jeux liste : mise en forme des pages d'affichage des listes de jeux par critères de séléction qui_sommes_nous : mise en forme de la page Qui sommes-nous ? template : mise en forme du template du site ainsi que de la fenêtre de connexion, des pages profil, panier et locations utilisateur : mise en forme de la page de présentation des jeux
	Informations de connexion : constantes : contient les informations nécessaires à la connexion à la base de données de Jouons'y
	Le dossier Vues fait partie de l'Interface avec le Contrôleur et rassemble les fichiers qui permettent l'affichage des pages vues par l'utilisateur : accueil : présente le site, il s'git du homepage en mode connecté adminJeux : page réservée à l'administrateur et permettant la gestion des jeux directement sur le site adminLoc : page permettant l'affichage de adminJeux.php, il est lié au fichier jeux.js du dossier Vues_JS, ce sont des affichages appartenant à la bibliothèque Jquery adminJeuxLoc : page réservée à l'administrateur et permettant la gestion des locations directement sur le site adminJsonLoc : page permettant l'affichage de adminLoc.php, il est lié au fichier location.js du dossier Vues_JS, ce sont des affichages appartenant à la bibliothèque Jquery age : pages d'affichage des listes de jeux par critères d'âge charte_ouverte : page affichant la charte de location du site ainsi que son format pdf detail_complet_Jeux : pages affichant le détail complet du jeu sélectionné footer : pied de page de toutes les pages du site header : entête de toutes les pages du site historiqueLocation : page affichant l'historique des locations d'un abonné inscription : page affichant le formulaire d'inscription joueur : pages d'affichage des listes de jeux par critères de nombre de joueurs liste-des-jeux : pages d'affichage des listes de jeux par critères de genre de jeu location : page affichant le détail des locations en cours ou rendues en attente de confirmation par l'administrateur mail : page affichant le formulaire de contact du site Jouons'y modifJeu : page réservée à l'administrateur et affichant le formulaire de modification des jeux profil : page affichant le formulaire de profil de l'abonné (possibilité de modification ou de suppression) qui_sommes_nous : page affichant les informations sur la construction site utiliseur : page affichant des propositions de jeux et de critè,res de choix de jeux vuePanier : page affichant le détail du panier de l'abonné
	Le dossier Vues_JS contient les fichiers qui apporte les informations aux fichiers Jquery du dossier Vues, ils proviennent aussi de la bibliothèque Jquery et ont été adaptés aux fonctionnalités du module administrateur : jeu : permet au fichier adminJson de traiter les informations sur les jeux de la base de données location : permet au fichier adminJsonLoc de traiter les informations sur les locations de la base de données

5- Description de l'interface utilisateur

• Cette partie est décrite dans la partie Manuel utilisateur