Année universitaire 2012-2013

1. Jérémy Arruebarrena Julien Barret Guillaume Carayon Benoit Lerissa Commanditaire : M. Philippe Roose Année universitaire 2012-2013 Projet 11 PYLOJYP Back-office de présentation de catalogues génériques

2. Sommaire

3. Pourquoi PYLOJYP ? Projet de synthèse de 2ème année de DUT Visibilité sur Internet pour les petits commerçants PYLOJYP Outils simples pour créer et gérer un catalogue commercial virtuel Solutions proposées non adéquates pour les utilisateurs finaux Présentation | Analyse | Développement | Gestion de projet | Bilan 3/36

4. L’existant Présentation | Analyse | Développement | Gestion de projet | Bilan 4/36

5. L’existant – partie visiteur Présentation d’un catalogue Présentation | Analyse | Développement | Gestion de projet | Bilan 5/36

6. L’existant – partie administrateur Page d’accueil du back-office (partie administrateur) Présentation | Analyse | Développement | Gestion de projet | Bilan 6/36

7. L’existant – partie administrateur Modification d’un produit Présentation | Analyse | Développement | Gestion de projet | Bilan 7/36

8. Enjeux • Simplifier la création et gestion de catalogues Page de création de catalogues proposée par PYLOJYP Peu ergonomique Peu personnalisable Navigation Gérant Trop complexe Produit 1 Produit 2 Produit n Catalogue Présentation | Analyse | Développement | Gestion de projet | Bilan 8/36

9. Enjeux • Simplifier la création et gestion de catalogues • Permettre l’achat directement sur le site internet Consulter le produit Produit 1 Produit 2 Produit n Laisser un commentaire Catalogue Utilisateur Présentation | Analyse | Développement | Gestion de projet | Bilan 9/36

10. Enjeux • Simplifier la création et gestion de catalogues • Permettre l’achat directement sur le site internet • Porter l’outil sur Joomla! • Système de gestion de contenu (CMS) très populaire • Permet de mettre en place un site internet en quelques minutes • Extensible par un système de module Présentation | Analyse | Développement | Gestion de projet | Bilan 10/36

11. Limites • Se greffer à l’existant • Ne pas « réinventer la roue » : partir de l’existant • Pas de bases de données • Sous  licence GNU GPL • PYLOJYP est un module libre • Copyleft : pas de droit d’auteur, UNIQUEMENT des droits utilisateurs Présentation | Analyse | Développement | Gestion de projet | Bilan 11/36

12. Analyse fonctionnelle • Spécifications externes • Partie administrateur : • Création et modification de catalogue simplifiés (par étape) • Gestion de commandes • Possibilité de modifier l’aspect graphique du site • Partie visiteur : • Mise en place d’un système de panier • Achat de produits par carte de crédit Présentation | Analyse | Développement | Gestion de projet | Bilan 12/36

13. Analyse fonctionnelle • Diagramme des cas d’utilisation Présentation | Analyse | Développement | Gestion de projet | Bilan 13/36

14. Analyse fonctionnelle • Scénarios essentiels détaillés • Enchaînement nominal • Enchaînements alternatifs • Cas d’erreurs Présentation | Analyse | Développement | Gestion de projet | Bilan 14/36

15. Analyse fonctionnelle • Enchaînements d’écrans • Enchaînements de maquettes Présentation | Analyse | Développement | Gestion de projet | Bilan 15/36

16. Analyse technique • Analyse de l’existant • Structure globale de l’application (répertoires) • Spécifications de chaque fichier PHP • Spécifications de chaque template • Analyse de la dynamique de l’application • Analyse des bugs Présentation | Analyse | Développement | Gestion de projet | Bilan 16/36

17. Analyse technique • Diagramme de classes Rétro-ingénierie Diagramme de classes Modification incrémentale Ré-implémentation Présentation | Analyse | Développement | Gestion de projet | Bilan 17/36

18. Analyse technique • Diagrammes séquence-système • Retranscription graphique des enchaînements nominaux de chaque scénario • Permet de modéliser les interactions entre le système et l’utilisateur Présentation | Analyse | Développement | Gestion de projet | Bilan 18/36

19. Analyse technique • Etude de l’implémentation des moyens de paiement modulables • Statut de commerçant nécessaire pour les banques • Moyens de paiement en ligne : contraintes au niveau de l’intégration • Simulation du paiement par carte bancaire Présentation | Analyse | Développement | Gestion de projet | Bilan 19/36

20. Analyse technique • Etude de l’intégration sur Joomla • Différents types d’extensions: • Composants (mini – sites) • Modules (portions de sites) • Plugins (évènements, liens..) Présentation | Analyse | Développement | Gestion de projet | Bilan 20/36

21. Reprise d’un existant  • Structure de code à suivre • Correction de bugs • Améliorations Présentation | Analyse | Développement | Gestion de projet | Bilan 21/36

22. Langages utilisés : • HTML + CSS (affichage) • PHP (traitements) • XML (données) Présentation | Analyse | Développement | Gestion de projet | Bilan 22/36

23. Utilisation de Smarty • Smarty • Moteur de template • Template = gabarit. Patron de mise en page (pour le texte et les images) • Permet de séparer la logique applicative et la présentation Appellent Appellent Templates Fichiers PHP (logique applicative) Fichiers CSS (style) Présentation | Analyse | Développement | Gestion de projet | Bilan 23/36

24. Site modifiable • Aspect graphique facilement modifiable • Texte facilement traduisible Présentation | Analyse | Développement | Gestion de projet | Bilan 24/36

25. Tests • Tests en interne effectués pendant le développement  • Tests de validation réalisés par le tuteur-commanditaire.  • Tests d’utilisation effectués par des personnes extérieures à l’IUT. Présentation | Analyse | Développement | Gestion de projet | Bilan 25/36

26. Gestion de projet Logiciels utilisés : Gantt Project Gestion de projet Wamp Simulation de serveur local Dropbox Partage de documents Notepad++ Editeur de texte Présentation | Analyse | Développement | Gestion de projet | Bilan 26/36

27. Gestion de projet Présentation | Analyse | Développement | Gestion de projet | Bilan 27/36

28. Gestion de projet • Planning nécessaire à l’organisation • Permet de suivre facilement l’avancée du projet Présentation | Analyse | Développement | Gestion de projet | Bilan 28/36

29. Démonstration PYLOJYP 29/36

30. Bilan • Fonctionnalités demandées : • Amélioration de la création de catalogues • Mise en place d’un système de vente de produits et de suivi de commandes • Intégration de l’application à Joomla Présentation | Analyse | Développement | Gestion de projet| Bilan 30/36

31. Bilan • Concernant Joomla! : • Intégration demandée : • Mais : • Faisabilité non étudiée lors de la phase d’analyse • Architecture de l’application ne correspondant pas • Portage plus long que prévu, et donc hors délais Présentation | Analyse | Développement | Gestion de projet| Bilan 31/36

32. Bilan • Prototype établi : Présentation | Analyse | Développement | Gestion de projet| Bilan 32/36

33. Intégration à Joomla Bilan • Amélioration graphique • Evolutions • Amélioration ergonomique • Sécurisation Présentation | Analyse | Développement | Gestion de projet| Bilan 33/36

34. Bilan • Bilan général • Simulation du déroulement d’un projet en milieu professionnel • Renforcement de la capacité de travail en groupe • Mise en pratique de la reprise d’un projet • Synthèse des connaissances acquises lors du DUT • Informatique • Gestion de projet • Communication • Anglais Présentation | Analyse | Développement | Gestion de projet| Bilan 34/36

35. Remerciements • Nous souhaitons remercier : • Les étudiants du groupe de projet 10 de l’année 2011-2012 pour avoir conçu la base de l’application • M. Philippe Roose pour son écoute et ses conseils • Nos professeurs de communication, Mme Ospital et M. Gastellu pour leurs conseils tout au long de l’année • Mme Druon et M. Etcheverry pour leur présence et leur écoute Présentation | Analyse | Développement | Gestion de projet| Bilan 35/36

36. Merci de votre attention !Nous sommes prêts à répondre à vos questions.