Soutenance Développement web Lebrun Laura Licence PER 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.