Dossier de gestion de projet : Post-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 Emmanuel Coquery Directeur de projet : Emmanuel Coquery 1/10
Table des matières Intitulé du projet Description du projet Résumé du cycle 1 Objectifs du cycle 2 Synthèse du résultat des tâches Résultats par tâche Côté serveur Tâche #S10 : Service de sauvegarde et de gestion de versions des sites (2 journée/homme) Tâche #S11 : Service de gestion du design des sites (1 journée/homme) Côté client Tâche #C20 : Responsive Design (3 journées/homme) Tâche #C21 : Finalisation de l appel aux services (1 journée/homme) Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit (3 journées/homme) Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile (2 journée/homme) Tâche #C24 : Édition : page de gestion du site (4 journées/homme) 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 journée/homme) Tâches non prévues : Livrable Tâches prévues pour le cycle 3 2/10
Intitulé du projet Interface d'édition riche et responsive design des sites de formation Description du projet Un des projets TI5 2012 2013 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 cycle 1 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 dynamiques 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/10
Synthèse du résultat des tâches Équipe Florent Estupina et Thomas Vandermeersch Tâche #S10 : Service de sauvegarde et de gestion de versions des sites Prévision : 2 jh Résultat : 100 % en 2 jh Tâche #S11 : Service de gestion du design des sites Prévision : 1 jh Résultat : 100 % en 0,5 jh Tâche #C20 : Responsive Design Prévision : 3 jh Résultat : 50 % en 3 jh Équipe Florent Pruneta et Malo Raisin Tâche #C21 : Finalisation de l appel aux services Prévision : 1 jh Résultat : 100 % en 3 jh Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit Prévision : 3 jh Résultat : 100 % en 2,5 jh Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile Prévision : 2 jh Résultat : 0 % Équipe Nicolas Armando et Vincent Sébille Tâche #C24 : Édition : page de gestion du site Prévision : 4 jh Résultat : 85 % en 2,5 jh 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 Prévision : 2 jh Résultat : 100 % en 2,5 jh 4/10
Résultats par tâche Côté serveur Tâche #S10 : Service de sauvegarde et de gestion de versions des sites (2 journée/homme) Réalisé par Florent Estupina Réalisé : 100 % en 2 jh Création/modification du brouillon Gestion de la création/publication de la version en ligne Création des archives (à chaque publication 1 archive créée) Service pour récupérer la liste des fichiers de configuration Aucunes Prise en compte de tous les cas d utilisation qui n est pas évidente Aucun Tâche #S11 : Service de gestion du design des sites (1 journée/homme) Réalisé par Florent Estupina Réalisé : 100 % en 0,5 jh Création d un système de thèmes : Choisir Pro ou Recherche (headers et css différents) Possibilité de créer des thèmes supplémentaires Possibilité d ajouter un style css personnalisé par formation, qui surcharge celui du thème Aucunes Aucunes Remarque : Actuellement, l utilisateur pour voir le résultat de la surcharge css doit tester via ftp, et tester sur la version en ligne (a changer?) 5/10
Côté client Tâche #C20 : Responsive Design (3 journées/homme) Réalisé par Thomas Vandermeersch Réalisé : 50 % en 3 jh Intégration de Foundation en mode éditeur Fenêtre modale générique pour le mode éditeur Couche d abstraction pour les barres d actions Responsive design en mode affichage (en partie) Design plus ou moins respectueux de la charte FST INFO Responsive design en mode affichage non fini Généralisation globale des objets ui (fenêtre modale, menu,...) Beaucoup de deboggage, d interventions sur d autres tâches,... Finir le responsive design en mode affichage (gérer le menu) Réaliser des tests 6/10
Tâche #C21 : Finalisation de l appel aux services (1 journée/homme) Tâche réalisée par Malo Raisin (aidé par Florent Prunetta) Réalisé : 100 % en 3 jh Implémentation du service ODFM Correction des paramètres récupérés Enregistrement effectif des modifications en mode édition sur le serveur Appel au service principal de sauvegarde Notification succès/échec de la sauvegarde. Tâches non accomplies : Aucunes Tâche qui s est avérée plus complète et plus importante que prévue Beaucoup de deboggage sur les services implémenté au précédent cycle Difficulté d utilisation des services, manque de documentation... Aucun Tâche #C22 : Édition : Finalisation de la modification dynamique des menus + outils avec clique droit (3 journées/homme) Tâche réalisée par Florent Pruneta Réalisé : 100 % en 2,5 jh Glisser déposer les éléments du menus Ajout d un menu par clique droit Refactorisation, implémentation du contenu des fenêtres modales pour la gestion du menu Édition/Création/Suppression d un lien interne/externe, ou d un menu Copie d un lien ou d une hiérarchie de menu Mise à jour/liaison avec le modèle Aucunes Mise à jour dans le modèle fastidieuse Quelques problèmes mineurs de merge dans le dépôt Mercurial Aucun 7/10
Tâche #C23 : Adaptation de l emploi du temps ADE pour mobile (2 journée/homme) Tâche assignée à Florent Pruneta et Malo Raisin Réalisé : 0% aucunes Tâche sur les services s est avérée plus importante que prévue Responsive design inachevé, pas de serveur prêt pour les tests mobiles Tâche reportée au cycle 3, ou développement sur temps libre, ou tâche annulée? Tâche #C24 : Édition : page de gestion du site (4 journées/homme) Tâche réalisée par Nicolas Armando Réalisé : 85 % en 2,5 jh Prise en compte des paramètres en dynamique dans le modèle Deboggage/amélioration des regex pour le parsing/unparsing Affichage/Édition des paramètres Affichage/Édition simple du fichier de configuration général Gestionnaire de version Présences de bogues Listing des fichiers de configurations Regex pas évidentes Deboggage, listing des fichiers de configuration, tests,... 8/10
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 journée/homme) Tâche réalisée par Vincent Sébille Réalisé : 95% en 2,5 jh Implémentation du contenu des fenêtres modales pour les outils ODF, ADE et NEWS (avec des composants dynamiques à affichage dynamique) Implémentation de l écriture des ancres de service dans l éditeur (&SERVICE(param1,param2,...)), à partir du résultat des fenêtres modales Génération manuelle des services dans l aperçut Amélioration des outils de mise en gras, italique,... Serveur local en panne sur le poste de travail (1 demi journée de perdu) Quelques bogues de fonctionnement Amélioration des outils de l éditeur Génération des services optimisé pour le temps réel? Tâches non prévues : DGP post sprint #2 par Vincent Sébille : 0,5 jh Un peu de responsive Design par Florent Prunetta : 0,5 jh Réalisation d un site agenda par Florent Pruneta : 2 heures environ Indicateur de modification dans le modèle en mode édition par Malo Raisin : 0,5 jh Participation aux tâches assignées à Malo, Florent Prunetta et Thomas, par Nicolas Armando : 0,5 jh 9/10
Livrable Le site en mode édition permet une gestion totale des menus, des paramètres, des rubriques Création/Modification/Suppresion/Copie des menus et sous menu avec un clique droit On peut insérer des services avec les outils, et générer ces services dans l aperçu On peut changer la valeur des paramètres du site, afficher le fichier de configuration et l éditer On peut sauvegarder dans un brouillon les modifications, réalisé une publication d une version, récupérer une ancienne version du site. On peut associer un thème à un site (Pro ou Recherche), on peut créer d autres thèmes si nécessaire, et la surcharge du css est éffective Tâches futures prévues Finalisation du responsive Design Déploiement sur la plateforme de la fac pour tests réels Comfirmer la disponnibilité de la plateforme Proposition de M. Medini d utiliser un des sites déjà en ligne Demander à des utilisateurs de tester la nouvelle version, de la critiquer,... Adaptation de l emploi du temp ADE pour mobile? Génération des services dans l aperçu optimisé pour le temps réel? Adaptation du template pour les site d UES Adaptation du template pour les sites d enseignants CAS/ou mot de passe (.htaccess) privatisation par rubrique : faisabilité? Complexité? Authentification CRU ou CAS INSA Finalisation du projet, tests, débogages, documentation technique et utilisateur, vidéos tutoriels,... 10/10