SoutenanceSoutenanceDéveloppement web

Lebrun LauraLicence PER

Maitre d’apprentissage : Stéphane Duboeuf Tutrice enseignante : Hélène Rinkel

IntroductionIntroduction

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.

IntroductionIntroduction

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).

IntroductionIntroduction

www.otto-office.frSite e-commerce.Service web composé de cinq

personnes.

SommaireSommaire

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

IV)Bilan du projetV)Conclusion

I) Missions réaliséesI) 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éesI) Missions réaliséesArchitecture matérielle d’Otto Office

… mais pas définitive !

II) Méthode utiliséeII) 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éeII) 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éeII) 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éeII) Méthode utiliséeTransparence de la méthode.Limite les risques.Favorise l’esprit d’équipe.

III) Projet : page personnelle III) Projet : page personnelle du clientdu 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 III) Projet : page personnelle du clientdu 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 III) Projet : page personnelle du clientdu client

Principaux outils: Environnement de développement :

Visual Studio.Langage de programmation : C#.SGBD : SQL Server.

III) Projet : page personnelle III) Projet : page personnelle du clientdu 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 III) Projet : page personnelle du clientdu 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 III) Projet : page personnelle du clientdu client

Module service après vente & emailPop up email gérée en JQuery (framework JavaScript).

III) Projet : page personnelle III) Projet : page personnelle du clientdu client

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

III) Projet : page personnelle III) Projet : page personnelle du clientdu client

Module consommationAppel à une fonction JavaScript qui envoie des données à Google Chart pour générer les graphes.

IV) Bilan du projetIV) 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) ConclusionV) Conclusion

Apprentissage concluant.Connaître le monde de

l’entreprise.Mise en pratique des

connaissances.Gestion de projet.Aide à l’insertion professionnelle.