WEB Agency Rapport D activité Mini Jeu Friends Plus https://apps.facebook.com/friendsplus Daguès Alexis Alexis Aurélie Fabrice Kaarthic 2011 2012 1 P age
Tables des Matières : 1 ENTÊTE DU DOCUMENT... 3 2 REDÉFINITION DU BESOIN... 4 2.1 PUBLIC VISE...4 2.2 PERSPECTIVES...4 2.3 INTERLOCUTEURS...4 3 LISTE ET DESCRIPTIONS DES FONCTIONNALITÉS ATTENDUES... 5 3.1 PROFILS UTILISATEURS ET LEURS DROITS :...5 3.2 CAS UTILISATEUR...6 3.3 LISTE DES CONTRAINTES ET FONCTIONNALITES ATTENDUES :...7 4 DESCRIPTION DU CONTENU DE L APPLICATION (MOKEUP)... 8 4.1 LES PROPOSITIONS ERGONOMIQUES ET LA DEFINITION DE LA LIGNE GRAPHIQUE...9 4.2 ARBORESCENCE ET ERGONOMIE...9 4.3 FONCTIONNALITES... 10 4.3.1 MCD... 10 5 LES CHOIX TECHNIQUES... 10 6 DEROULEMENT DU PROJET... 11 6.1 GESTION DU TEMPS... 11 7 CONTROLE DE L AFFICHAGE (PORTABILITE)... 11 7.1 MOZILLA/FIREFOX... 11 7.2 INTERNET EXPLORER... 11 7.3 GOOGLE CHROME... 11 7.4 LYNX (NAVIGATEUR EN MODE TEXTE)... 12 7.5 LE VALIDATEUR DU W3C... 12 8 L'HÉBERGEMENT... 12 9 CALENDRIER DES PRINCIPALES ÉCHÉANCES... 12 2 P age
1 ENTÊTE DU DOCUMENT Auteur : Fabrice Antoine antoinefabrice@yahoo.fr Date : 06/Octobre/2011 Documents liés : Historique des modifications : Version Date de modification Modifié par Description 1.0 06/10/2011 FA Création du document 1.1 07/11/2011 FA User Case 1.12 09/11/2011 FA MCD 1.2 29/11/11 FA Mokeup 3 P age
2 REDÉFINITION DU BESOIN Un mini jeu d application Facebook destiné aux grands publics qui permet à l internaute de tester ses connaissances sur ces amis. L application Friends Plus est interactive L internaute doit être authentifié pour démarrer l application. En acceptant de jouer, il donne accès à ses informations (public / personnel) pour jouer. 2.1 Public visé Grands public ayant déjà un compte Facebook. 2.2 Perspectives Actuellement, le marché de web concentre sur les réseaux sociaux et Facebook fait partit des leaders. Ce jeu permet aux utilisateurs de mieux connaître leurs amis. 2.3 Interlocuteurs Alexis Thou Développeur (alexis.thou@yahoo.fr) Aurélie Vébole Développeuse (tsymi18@gmail.com) Fabrice Antoine Chef de Projet (antoinefabrice@yahoo.fr) Kaarthic Sammadam Intégrateur (ksammadam77@hotmail.com) 4 P age
3 LISTE ET DESCRIPTIONS DES FONCTIONNALITÉS ATTENDUES 3.1 Profils utilisateurs et leurs droits : visiteur (internaute sans compte) : il peut : o Aucun droit. membre: il peut : o autoriser l application Friends Plus puis jouer. En autorisant l application, le jeu a accès aux données de la liste des amis de l utilisateur. administrateur (gestionnaire de l application) : il a tous les droits, il peut : o ajouter / supprimer / mettre à jour / voir les questionnaires. En plus il peut exploiter la base de données pour ensuite traiter les informations à ses profits. 5 P age
3.2 Cas utilisateur 6 P age
3.3 Liste des contraintes et fonctionnalités attendues : Libellé Importance Associées au administrateur (admin) F1 Ajouter : Questionnaire - F2 Modifier : Questionnaire - F3 Lister : Tous les membres autoriser l application Segmenter ces membres - F4 Supprimer : Questionnaire - Associés au membre F5 Ajouter : Commentaire Like - F6 Modifier : F7 Lister : Commentaire - Ces amis - Associés au visiteur (non connecté) F11 Créer : Compte Facebook - 7 P age
4 DESCRIPTION DU CONTENU DE L APPLICATION (MOKEUP) Page de démarrage: Jeu : 8 P age
4.1 Les propositions ergonomiques et la définition de la ligne graphique Voici quelques principes directeurs qui seront développé lors de l'écriture d'un guide ergonomique, éditorial et graphique du site que nous vous remettrons suite au lancement du projet. Ce guide contiendra les gabarits de page détaillés, les arborescences complètes et les premières lignes de la charte graphique. Ce document devra être validé avant le début des phases de développement technique et graphique. Bien entendu, nous nous occuperons de la conception et réalisation des éléments graphiques de l interface. 4.2 ARBORESCENCE ET ERGONOMIE Connexion Questions Q1 Q4 Q3 Q2 Q5 Score Le site sera rendu plus ergonomique grâce à l utilisation de la technologie Ajax(jQuery) qui permet une navigation plus fluide sans rechargement de la page à chaque action. 9 P age
4.3 Fonctionnalités 4.3.1 MCD 5 LES CHOIX TECHNIQUES Les technologies utilisées sont les plus récentes et les plus utilisé sur le web : PHP 5 POO (programmation objet orienté) MySQL XHTML / CSS 2 jquery (Framework JavaScript) L utilisation du PHP 5 POO, qui est une base de programme complexe et modulable, permettra de répondre assez rapidement à votre demande tout en ayant une application harmonisée et sécurisée. La librairie JavaScript jquery est une librairie très puissante et optimisée permettant de gérer l ensemble des besoins graphiques et de navigation de l application. La compatibilité de l application sera respectée avec les navigateurs courants du marché, mais pas avec Internet Explorer en dessous de la version 7. 10 P age
6 DEROULEMENT DU PROJET 6.1 Gestion du temps Le projet a duré de 6 octobre à fin novembre 2010, soit un mois et demi. Pour résumer, le déroulement a été homogène et bien synchronisé au sein de l équipe. Le projet a été séparé de 4 lots (voir le diagramme de Gantt dans l annexe). 7 CONTROLE DE L AFFICHAGE (PORTABILITE) Avant de livrer notre application, il est important de s assurer que l affichage est identique sur les principaux navigateurs du marché : les navigateurs de la suite Mozilla (Firefox) et Microsoft Internet Explorer. On peut aussi s assurer de la validité du code par l intermédiaire du validateur fournit par le W3C qui permet de s assurer que notre code ne présente aucunes anomalies vis a vis de la norme utilisés par nos documents (pour nous : XHTML Strict et CSS2). Il serait aussi intéressant de tester l affichage sous Mac OS. 7.1 Mozilla/Firefox Les navigateurs issus de la fondation Mozilla sont de plus en plus utilisés et respecte bien les normes du W3C. Ces navigateurs sont multiplateforme (disponible sous Mac, Windows et Linux...) et régulièrement mis a jour. Nous testerons donc aussi les pages du site sous ce logiciel. Mozilla Europe http://www.mozilla-europe.org/fr/ 7.2 Internet Explorer Microsoft Internet Explorer est le navigateur le plus utilisé sur internet, bien qu il ne respecte que peu de normes du W3C. Il faudra donc vérifier l affichage sur ce logiciel. Internet Explorer http://www.microsoft.com/france/internet/produits/ie/ 7.3 Google Chrome Les navigateurs issus de la fondation Google sont de plus en plus utilisés, Google Chrome est de plus en plus populaire (il a gagné entre 10% et 30% de part de marché selon les pays au cours des derniers mois) et respecte bien les normes du W3C. 11 P age
Google Chrome http://www.google.com/chrome 7.4 Lynx (navigateur en mode texte) Lynx est un navigateur internet en mode texte, c est à dire que la navigation s effectue sans souris et sans images. Celui-ci est utile pour vérifier l accessibilité d un site internet pour les personnes souffrant d un handicap (malvoyants par exemple). Il permet aussi de s assurer que notre site est consultable même lorsque il y des problèmes de chargement des images. Lynx http://lynx.isc.org/ 7.5 Le validateur du W3C Le W3C fournit plusieurs outils en ligne permettant de s assurer que des pages internet respectent les recommandations définies par celui-ci : nous utiliserons deux outils pour ce site : le validateur HTML et XHTML : http://validator.w3.org/ le validateur CSS2 : http://jigsaw.w3.org/css-validator/ Markup Validation Service (W3C) http://validator.w3.org/ 8 L'HÉBERGEMENT Durant tout le temps de développement, le projet sera accessible sur notre serveur de test: mettre le serveur. Vous pourrez ainsi prendre connaissance de l'avancée du projet. En ce qui concerne l hébergement, si vous ne disposez pas d un hébergement sur un serveur compatible avec les technologies suscitées, nous pouvons prendre en charge la mise en ligne du site, pour cela nous vous recommandons l hébergement via la société OVH, qui proposent des forfaits complets (de 3,95euros/mois à 5,95euros/mois selon le temps de souscription) de plus cette société agit pour l environnement en utilisant de l énergie 100% renouvelable. 9 CALENDRIER DES PRINCIPALES ÉCHÉANCES Nous pouvons donc vous proposer le planning prévisionnel suivant Accord pour le lancement du projet : au plus tard le 6/Octobre/2011 Intégration et développement technique principaux pour le 15/Novembre/2011 Formation d un membre de votre équipe à l utilisation du gestionnaire de contenu Mise en place du premier socle de contenu, tests et corrections avant le 25/Novembre/2011 Livraison du projet finalisé le 1/Décembre/2011 12 P age
Nous espérons répondre à votre demande et restons bien entendu à votre disposition pour tout renseignements complémentaires. Très cordialement, Equipe Web Agency 13 P age
ANNEXES Table des matières I. Diagramme de Gantt... II II. Modèle de Base de Donnée... III I
I. Diagramme de Gantt II
II. Modèle de Base de Donnée III