Dossier de gestion de projet : Pré-sprint #2

Transcription

1 Dossier de gestion de projet : Pré-sprint #2 M2TI Projet 2013/2014 Groupe G Nicolas ARMANDO Florent ESTUPINA Florent PRUNETA Malo RAISIN Vincent SEBILLE (Responsable) Thomas VANDERMEERSCH Encadrants : Lionel MEDINI Romuald THION 1/9

2 Table des matières Intitulé du projet Description du projet Résumé du précédent cycle Objectifs du cycle 2 Sprint Côté serveur Tâche #S10 : Service de sauvegarde et de gestion de versions des sites (2 dj) Tâche #S11 : Service de gestion du design des sites (1 dj) Côté client Tâche #C20 : Responsive Design (3 dj) Tâche #C21 : Finalisation de l appel aux services (1 dj) Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit (3 dj) Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile (2 dj) Tâche #C24 : Édition : page de gestion du site (4 dj) Tâche #C25 : Édition : intégration à l éditeur d outils pour faciliter l insertion des services ODF, ADE, NEWS,... + intégration d exemples dans l aperçu (2 dj) Synthèse des tâches Diagramme de Gantt Livrable Tâches prévues pour le cycle 3 2/9

3 Intitulé du projet Interface d'édition riche et responsive design des sites de formation Description du projet Un des projets TI a eu pour but de proposer un modèle pour les sites de formation du département. Ce modèle, repris par l'équipe webmaster est désormais en production. Il s'agit d'un modèle qui est actuellement instancié en 12 exemplaires hébergés sur une même plate forme de la DSI. L'objectif de ce projet est d'améliorer le modèle et perfectionner le rendu afin qu'il soit adapté à la navigation sur dispositifs mobiles et d'intégrer de nouvelles fonctionnalités facilitant l'édition des pages. Résumé du précédent cycle Refactorisation Server side : Intégration du framework CodeIgniter Prise en compte du site comme une ressource Transformation des services ODF, NEWS, ADE, UE... en service REST Authentification CAS et gestion des droits Prise en compte du caractère privé d un site de formation (authentification CAS requise pour accéder à un site) Refactorisation Client side : Intégration du framework backbone Refactorisation des fichiers javascripts Restructuration des dossiers, et des noms de fichiers Client side : Mode édition Intégration d un éditeur avec coloration syntaxique, et outils d édition Markdown Modification hiérarchique et création dynamique des menus Objectifs du cycle 2 Finalisation du cycle 1 client side : Mise en place de la sauvegarde effective vers le serveur Finalisation de la modification des menus + intégration du menu avec clique droit Intégration de nouvelles fonctionnalités en mode édition Outils d édition : insertion de services Gestion des menus dynamique Gestion du site (choix du design, site en privé, gestion des sauvegardes ) Responsive design Responsive design en mode affichage (choix d affichage pro, recherche ou personnalisé Calendrier ADE pour mobile 3/9

4 Sprint Côté serveur Tâche #S10 : Service de sauvegarde et de gestion de versions des sites (2 dj) Assigné à Florent Estupina et Thomas Vandermeersch Lorsqu un utilisateur envoie une version du fichier à l aide de l application, il faut être en mesure de créer une version de l ancien état de la ressource. Ainsi on propose de gérer 5 versions différentes d un fichier automatiquement. Chacune de ces versions peut être activées afin de remplacer la version courante. On imagine également la possibilité d éditer un brouillon pour pousser les modifications une fois le document finalisé (brouillon stocké côté serveur). 1. Automatisation de la gestion de version créer une version gérer le nombre de versions choisir une version courante supprimer une version Tâche #S11 : Service de gestion du design des sites (1 dj) Assigné à Florent Estupina et Thomas Vandermeersch La gestion du style (à inclure ou non) sera géré côté serveur. En effet le fichier de configuration comportera un nouvel élément d en tête, à savoir CSS : nom_fichier Ce fichier devra être placé à un endroit spécifique pour que le serveur puisse l inclure dans la page d affichage. Donc pour reprendre le cas des sites de formations pro et recherche, il suffira d ajouter un fichier css propre à l un ou à l autre. La gestion pouvant également se faire en ajoutant dans l en tête un boolean pour que l utilisateur n ai pas a chercher le nom du fichier. 1. Gestion Inclusion feuille de style Permettre l ajout d une feuille de style par son nom par formation Gérer une feuille de style permettant de faire la distinction entre une formation pro et recherche. 4/9

5 Côté client Tâche #C20 : Responsive Design (3 dj) Assigné à Florent Estupina et Thomas Vandermeersch Adapter le site en responsive Design (avec pour finalité, faciliter la lecture sur mobile). Proposition d utiliser Foundation 5 au lieu de Bootstrap. Templates : Composants : Une fois réalisé pour l affichage classique, il sera utile d adapter aussi l affichage en mode édition avec le même design et la même technologie. Il faut que le design respecte au maximum le design de l université/fst INFO. 1. Adaptation du site avec des templates Foundation 5 2. Édition des designs pour créer une unité avec celui de FST INFO Design parcours professionnel Design parcours recherche Design personnalisé 3. Intégrer la technologie Foundation 5 et les designs au mode édition, encore une fois pour créer une unité entre le site en mode affichage et le site en mode édition. 5/9

6 Tâche #C21 : Finalisation de l appel aux services (1 dj) Tâche assignée à Florent Pruneta et Malo Raisin Un service n'a pas fini d être implémentés lors du cycle Enregistrement effectif des modifications en mode édition sur le serveur Développement de l implémentation du service côté client (il sera plus tard complété avec la prise en compte de plusieurs versions disponibles sur le serveur) Intégration lors de l édition du site 2. Tests pour vérifier la bonne interprétation de la syntaxe markdown Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit (3 dj) Tâche assignée à Florent Pruneta et Malo Raisin Actuellement, on ne peut peut pas supprimer/modifier le nom d un menu ou d un sous menu. Il faut aussi relier la modification dans la hiérarchie d un menu avec la mise à jour du modèle. Fonctionnalité de clique droit sur un menu, on veut avoir accès à des options supplémentaires. Un exemple de fonctionnalité : réaliser un clique droit afin de copier une hiérarchie de menu, pour ensuite la coller et éventuellement répéter le processus On veut aussi les fonctionnalités classiques, telles que créer/supprimer/modifier un menu ou un sous menu, etc Proposition d utiliser JQuery contextmenu : contextmenu/ 1. Implémentation de la fonctionnalité de suppression/modification du nom d un menu ou d un sous menu Implémentation de la modification Implémentation de la suppresion Liaison des modifications du menu avec le modèle Sauvegarde des modifications du modèle courant sur le serveur (à chaque modification du menu) Implémentation du menu clique droit 6/9

7 Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile (2 dj) Tâche assignée à Florent Pruneta et Malo Raisin Afficher uniquement la journée courante (et laisser la possibilité de repasser en affichage classique) Si on à du temps disponible, on pourra réaliser un affichage qui prend en compte des technologies mobiles (passage en plein écran, toucher glisser vers la gauche/droite pour passer à la journée précédente/suivante,...) Tâche #C24 : Édition : page de gestion du site (4 dj) Tâche assignée à Nicolas Armando et Vincent Sébille C est une page qui permettra de paramétrer le site. Elles contiendra : Les paramètres propres à un site de formation : les paramètres du fichier configuration.txt tels que les identifiants de la formation, si c est un site pro ou recherche (pour la représentation visuelle), la possibilité de passer le site en privé (authentification CAS requise) ou en public,... Le gestionnaire de versions (la version publiée du site, mais aussi les anciennes versions du site qui sont sauvegardées sur le serveur, les brouillons). Cette page pourra éventuellement contenir l éditeur général du site (un éditeur contenant tout le contenu d un fichier configuration.txt) 1. Création de la page 2. Insertion dynamique des paramètres dans le modèle (actuellement les paramètres sont renseigner de manière fixe dans le modèle lors de l unparsing, on veut avoir une liste dynamique de paramètres) 3. Intégration des champs d éditions des paramètres du fichier configuration.txt 4. Le gestionnaire de versions du site Permettre de choisir la version à publier (quelle version doit être utilisée pour l affichage) Permettre de visualiser une version 7/9

8 Tâche #C25 : Édition : intégration à l éditeur d outils pour faciliter l insertion des services ODF, ADE, NEWS,... + intégration d exemples dans l aperçu (2 dj) Tâche assignée à Nicolas Armando et Vincent Sébille Outils pour faciliter l intégration de l appel aux services : Outils avec boîtes de dialogues pour insérer dans une rubrique les ancres associer à un service (ODF, NEWS, ADE,...) Dans l aperçu de l éditeur, remplacer les ancres correspondant au service appeler par un exemple visuel de ce service. Si temps disponible : amélioration des outils d éditions existants (par exemple l'outil d insertion de lien hypertexte qui ouvre une boîte de dialogue pour insérer le lien) 1. Fonction d insertion de service dans l éditeur 2. Boîtes de dialogues pour l insertion avec les paramètres requis 3. Insertion d exemple pour chaque service dans l aperçu 4. Amélioration/Debug des outils d éditions existants Synthèse des tâches Équipe Florent Estupina et Thomas Vandermeersch (6 dj) Tâche #S10 : Service de sauvegarde et de gestion de versions des sites (2 dj) Tâche #S11 : Service de gestion du design des sites (1 dj) Tâche #C20 : Responsive Design (3 dj) Équipe Florent Pruneta et Malo Raisin (6 dj) Tâche #C21 : Finalisation de l appel aux services (1 dj) Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit (3 dj) Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile (2 dj) Équipe Nicolas Armando et Vincent Sébille (6 dj) Tâche #C24 : Édition : page de gestion du site (4 dj) Tâche #C25 : Édition : intégration à l éditeur d outils pour faciliter l insertion des services ODF, ADE, NEWS,... + intégration d exemples dans l aperçu (2 dj) Diagramme de Gantt 8/9

9 Livrable A la fin de ce deuxième rush nous souhaitons obtenir une cohérence dans l affichage du site. Le mode édition sera quand à lui abouti et permettra une édition en ligne. Il sera par la suite approfondi avec plus de fonctionnalités, mais l ergonomie et le socle permettront une facile extension de ce mode. Du côté serveur, les services seront opérationnels, ce qui permettra à l équipe en charge de cette partie de fusionner avec les équipes front end. Tâches prévues pour le cycle 3 Adaptation du template pour les site d UES Adaptation du template pour les sites d enseignants Authentification CRU ou CAS INSA Finalisation du projet, tests, debuggage, documentation technique et utilisateur, vidéos,... 9/9