230 likes | 494 Views
Lebrun Laura Licence PER. Soutenance. Développement web. Maitre d’apprentissage : Stéphane Duboeuf Tutrice enseignante : Hélène Rinkel. Introduction. Groupe 3 Suisses : 1,9 milliard d’€ de CA. (3 Suisses, Blanche Porte, Cofidis , JM Bruneau, Otto Office, etc.)
E N D
Lebrun Laura Licence PER Soutenance Développement web Maitre d’apprentissage : Stéphane Duboeuf Tutrice enseignante : Hélène Rinkel
Introduction • Groupe 3 Suisses : 1,9 milliard d’€ de CA. (3 Suisses, Blanche Porte, Cofidis, JM Bruneau, Otto Office, etc.) • JM Bruneau : Basé dans la zone de Courtaboeuf, 270 millions d’€ de CA. Leader en France sur le marché de la vente à distance de fournitures de bureau aux entreprises. • JM Bruneau détient 100% des parts de la société Otto Office.
Introduction • Otto Office : Basée dans la zone de Courtaboeuf, Otto Office compte une vingtaine de salariés. Spécialisé dans les fournitures de bureau à prix discount. • Axé sur le commerce B2B. • Tourné vers le web (60% des commandes).
Introduction • www.otto-office.fr • Site e-commerce. • Service web composé de cinq personnes.
Sommaire • Missions réalisées • Méthode utilisée • Projet : page personnelle du client • Bilan du projet • Conclusion
I) Missions réalisées • Missions courtes (de l’ordre d’une journée) : débogage, ajout léger, … • Missions moyennes (quelques jours) : modifier le service après vente, modification plus conséquente, … • Missions longues (quelques semaines) : page d’accueil du client, gestion du risque,…
I) Missions réalisées Architecture matérielle d’Otto Office … mais pas définitive !
II) Méthode utilisée Dans le cadre de la refonte du site web d’Otto Office (commencée en mai 2012): la méthode Scrum (ou agile).
II) Méthode utilisée • Spécifier les besoins sous forme de « User Story ». • Prioriser les taches. • Définir la durée d’un « Sprint ». • Planifier le sprint, estimer les taches en heures. • Une fois le sprint achevé : démonstration, rétrospective et nouvelle planification.
II) Méthode utilisée Trois rôles : • Le Product Owner (PO) représente le client. Il explicite les user story. • Le ScrumMaster (SM) est le garant de la méthode. • Le(s) développeur(s) chargé(s) de la programmation.
II) Méthode utilisée • Transparence de la méthode. • Limite les risques. • Favorise l’esprit d’équipe.
III) Projet : page personnelle du client • Le client possède un espace personnel comprenant : un historique des commandes, une liste des factures, des devis, etc. • MyOtto est accessible depuis le lien « mon compte » disponible sur le site d’Otto Office. • Refonte via le MVC (modèle vue contrôleur).
III) Projet : page personnelle du client • Modèle vue contrôleur : • Les modèles traitent l’information. • Les vues représentent les pages web. • Les contrôleurs représentent les liens entre les modèles et les vues.
III) Projet : page personnelle du client Principaux outils: • Environnement de développement : Visual Studio. • Langage de programmation : C#. • SGBD : SQL Server.
III) Projet : page personnelle du client • Aperçu de la page (voir document). • Apprentissage du MVC appliqué au C#. • Utilisation des vues partielles pour gérer les modules.
III) Projet : page personnelle du client Module comptabilité Ajax : Asynchronous Javascript And Xml (AJAX) procédé permettant l'actualisation de certaines données d'une page sans procéder au rechargement total de cette page.
III) Projet : page personnelle du client Module service après vente & email Pop up email gérée en JQuery (framework JavaScript).
III) Projet : page personnelle du client Module trafic Gestion d’une carte de France dynamique via Google Chart.
III) Projet : page personnelle du client Module consommation Appel à une fonction JavaScript qui envoie des données à Google Chart pour générer les graphes.
IV) Bilan du projet • Découverte de MVC. • Gestion de la mise en production. • Gestion des erreurs. • Polyvalence. • Début de la refonte. • Projet responsabilisant.
V) Conclusion • Apprentissage concluant. • Connaître le monde de l’entreprise. • Mise en pratique des connaissances. • Gestion de projet. • Aide à l’insertion professionnelle.