SoutenanceDéveloppement web

Lebrun LauraLicence 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.frSite e-commerce.Service web composé de cinq

personnes.

Sommaire

I) Missions réaliséesII) Méthode utiliséeIII) Projet : page personnelle

du clientIV) Bilan du projetV) 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éesArchitecture 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éeTransparence 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 clientModè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 & emailPop up email gérée en JQuery (framework JavaScript).

III) Projet : page personnelle du client

Module traficGestion d’une carte de France dynamique via Google Chart.

III) Projet : page personnelle du client

Module consommationAppel à 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.