![Page 1: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/1.jpg)
![Page 2: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/2.jpg)
Décideurs informatiques
Révolution du modede travail en magasin
Renaud RochefolleChef de projets
![Page 3: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/3.jpg)
Décideurs informatiques#mstechdays
Depuis votre smartphone sur : http://notes.mstechdays.frNombreux lots à gagner toutes les heures !!!Claviers, souris & jeux Microsoft…
Merci de nous aider à améliorer les Techdays !
DONNEZ VOTRE AVIS !
![Page 4: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/4.jpg)
Décideurs informatiques#mstechdays
GRANDE DISTRIBUTION
Un constat :
Un utilisateur loin des outils informatiques
![Page 5: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/5.jpg)
Décideurs informatiques#mstechdays
INNOVATION
Une question :
« Que peut apporter l’innovation à la grande distribution ? »
![Page 6: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/6.jpg)
Décideurs informatiques#mstechdays
BRAINSTORMING
Des équipes au service de l’innovation
![Page 7: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/7.jpg)
Décideurs informatiques#mstechdays
IDÉES
Kinect
_ Le caddy équipé d’une Kinect_ Évaluer la satisfaction d’un client_ La Kinect au service de l’accessibilité
![Page 8: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/8.jpg)
Décideurs informatiques#mstechdays
IDÉES
Smartphone - BYOD
_ Remplacer les scannettes_ Réalité augmentée (allergènes) _ Commande produits frais + notif._ Géolocalisation dans le magasin
![Page 9: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/9.jpg)
Décideurs informatiques#mstechdays
IDÉES
Tablet
_ Une fonctionnalité météo pour le réassortiment_ Gestion des litiges (photo) lors de la réception de marchandise_ Modélisation Tetris en temps réel du stock
![Page 10: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/10.jpg)
Décideurs informatiques#mstechdays
BUREAU DIGITAL
Le choix du bureau digital a été validé car il permet de rapprocher l’utilisateur de l’outil informatique
![Page 11: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/11.jpg)
Décideurs informatiques#mstechdays
CONNECTÉ AUX DONNÉES
Objectif : être connecté aux données backoffice• Prix• Stock• Livraison• Etc …
![Page 12: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/12.jpg)
Décideurs informatiques
Conception d’une application métier
pour Surface
Thomas RiotteConsultant ergonome / UX Designer
![Page 13: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/13.jpg)
Décideurs informatiques#mstechdays
![Page 14: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/14.jpg)
Décideurs informatiques#mstechdays
APPROCHE SUR LE TERRAIN
… à 4 heures du matin…
![Page 15: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/15.jpg)
Décideurs informatiques#mstechdays
La personne observée sur le terrain était un chef de rayon Fruits & Légumes…
RENCONTRE AVEC LE MÉTIER
![Page 16: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/16.jpg)
Décideurs informatiques#mstechdays
- 26 ans d’expérience au sein du groupe
RENCONTRE AVEC LE MÉTIER
- Profil a priori technophobe
- Sceptique vis à vis de l’intérêt de la mobilité dans son métier
- Il a subi toutes les évolutions du SI depuis 26 ans
![Page 17: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/17.jpg)
Décideurs informatiques#mstechdays
Dans la grande distribution il faut aller vite, très vite …
DÈS 4 HEURES DU MATIN
![Page 18: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/18.jpg)
Décideurs informatiques#mstechdays
Récupération du nécessaire d’inventaire
TÂCHES EFFECTUÉES AVANT L’OUVERTURE
- Inventaire des marchandises dans le frigo
- Relevé des risques de rupture
- Commande de réassort en urgence
- Commande pour le lendemain
Bilan : Plus de 2 heures par jour
![Page 19: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/19.jpg)
Décideurs informatiques#mstechdays
Les assistants du chef de rayon mettent la marchandise qui arrive en rayon, à mesure qu’elle est livrée…
ET PENDANT CE TEMPS LÀ…
![Page 20: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/20.jpg)
Décideurs informatiques#mstechdays
Le chef de rayon a besoin de connaitre :
- Son stock- Son encours de commande- Ses besoins pour le jour et le jour suivant
POUR FAIRE SA COMMANDE
![Page 21: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/21.jpg)
Décideurs informatiques#mstechdays
D’outils de relevés
- Crayon + carton- Scanner Psion quasi inutile (peu de codes barre dans les fruits & légumes)- Impression de tableau sous Excel (s’il reste du papier…)
ET POUR FAIRE TOUT ÇA, IL DISPOSE SUR LE RAYON…
![Page 22: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/22.jpg)
Décideurs informatiques#mstechdays
Outils de traitement et d’envoi
- PC sous Win XP SP3 (trèès poussif) + Excel + Calculatrice- 2 applications pour commander- Un téléphone DECT
ET IL A AUSSI DANS SON BUREAU…
![Page 23: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/23.jpg)
Décideurs informatiques#mstechdays
- Aucune prise de courant
- Aucun espace non exploité
- Pas de poste de travail debout
MAIS SUR LE TERRAIN
![Page 24: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/24.jpg)
Décideurs informatiques#mstechdays
- Utilisateur pas franchement sponsor du projet- Technophobe => besoin de simplicité- Veut gagner du temps => besoin d’efficience- Ne peut pas travailler depuis son rayon
- Matériel à disposition rudimentaire- 2 Applications coexistantes- 1 machine de bureau vétuste
EN SYNTHÈSE…
![Page 25: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/25.jpg)
Décideurs informatiques
Révolution du mode de travail en
magasin
Renaud RochefolleChef de projets
![Page 26: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/26.jpg)
Décideurs informatiques#mstechdays
CAS D’UTILISATION
La gestion du rayon fruits & légumes
![Page 27: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/27.jpg)
Décideurs informatiques#mstechdays
LE BUREAU DIGITAL
Tablet surfaceOS = Windows 8Interface Metro
![Page 28: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/28.jpg)
Décideurs informatiques#mstechdays
FACTEURS CLEFS DE SUCCÈS
- Simplicité et intuitivité- Gain de temps- La bonne donnée au bon moment (solution mobile)
L’innovation au service du produit frais en rayon
![Page 29: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/29.jpg)
Décideurs informatiques
Conception d’une application métier
pour Surface
Thomas RiotteConsultant ergonome / UX Designer
![Page 30: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/30.jpg)
Décideurs informatiques#mstechdays
![Page 31: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/31.jpg)
Décideurs informatiques#mstechdays
- Prise en compte des observations terrain- Prise en compte des guidelines W8- Respect de l’intégrité du métier :
- Pas de dégradation des conditions de travail- Pas de perte de l’intérêt du métier
RETOUR À L’AGENCE
![Page 32: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/32.jpg)
Décideurs informatiques#mstechdays
- Logique “mercuriale”- Logique “rayon”
>> 1 seule application pour faire les 2
1 MÉTIER, MAIS 2 FAÇONS DE FAIRE
![Page 33: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/33.jpg)
Décideurs informatiques#mstechdays
- L’app. doit permettre de :
- Saisir une quantité pour chaque élément proposé dans la liste- Consulter toute la liste
LA LOGIQUE MERCURIALE
![Page 34: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/34.jpg)
Décideurs informatiques#mstechdays
- L’app. doit permettre de :
- Représenter / configurer le contenu des rayons- Saisir des quantités à commander pour un article- Faire des saisies de masse pour commander
LA LOGIQUE RAYON
![Page 35: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/35.jpg)
Décideurs informatiques#mstechdays
- Conception des écrans de l’application- Intégration dans deux cinématiques (Rayon et Mercuriale)- Validation métier, puis début des développements
CONCEPTION DE 2 CINÉMATIQUES
![Page 36: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/36.jpg)
Décideurs informatiques
Révolution du mode de travail en
magasin
Benoit JolivetExpert Technique
![Page 37: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/37.jpg)
Décideurs informatiques#mstechdays
ARCHITECTURE GLOBALE
IIS
Web service de synchronisation
Base de données
SERVEUR SQL
Tablet Surface
SQLITE
Application .Net
![Page 38: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/38.jpg)
Décideurs informatiques#mstechdays
SYNCHRONISATION DONNÉES
- Wifi- Base de données embarquée (SQLite)
![Page 39: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/39.jpg)
Décideurs informatiques#mstechdays
APPLICATION SUR LA TABLET
- Windows Presentation Foundation
![Page 40: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/40.jpg)
Décideurs informatiques#mstechdays
ARCHITECTURE APPLICATIVE SUR TABLET- Utilisation du design pattern
Model-View-ViewModel
Séparation des couches : facilite l’intégration du design
![Page 41: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/41.jpg)
Décideurs informatiques#mstechdays
M-V-VM
View ViewModel
Model
Etat et Opérations
XAML
Data-Binding et Commandes
Alerte les modifications
Entités métier
Design
Développement
![Page 42: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/42.jpg)
Décideurs informatiques#mstechdays
PHASE DE DÉVELOPPEMENT
- Travail de Pair : Ergonome / développeur- Développement via Visual Studio 2012
![Page 43: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/43.jpg)
démo
Décideurs informatiques#mstechdays
AVANT DESIGN
![Page 44: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/44.jpg)
Décideurs informatiques#mstechdays
INTÉGRATION DU DESIGN
- Travail de Pair : designer / développeur- Importation design via Expression Blend
![Page 45: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/45.jpg)
démo
Décideurs informatiques#mstechdays
APRÈS INTÉGRATION DESIGN
![Page 46: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/46.jpg)
Décideurs informatiques#mstechdays
BILAN
_ Excellents retours terrains_ Le cas d’utilisation est validé et pertinent_ Un véritable retour sur investissement prévisionnel_ Un déploiement sur 2014 …
![Page 47: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/47.jpg)
SQ
LI G
RO
UP ©
2013
Paris Lyon
BordeauxNantesRouen
Toulouse
SuisseBelgique
LuxembourgPays-Bas
Maroc
DIGITAL PERFORMANCE
SQLI GROUPPARTENAIRE DE RÉFÉRENCE DES
ENTREPRISES DANS LA DÉFINITION,
LA MISE EN ŒUVRE ET LE PILOTAGE
DE LEUR TRANSFORMATION
DIGITALE
11 AGENCES+1775 collaborateurs+CA 158,1M€ en 2012
1 INSTITUT DE FORMATION
Révélateurs de NOUVEAUX USAGESPassionnés d’INNOVATION
Créateurs de PERFORMANCE
Ressources : technologies-ebusiness.comStand n°97
![Page 48: Révolution du mode de travail en magasin.Conception, Design et Développement pas à pas d'une application tablette Windows 8 avec une connexion Back Office, pour la grande distribution](https://reader033.vdocuments.pub/reader033/viewer/2022051609/54788ec05806b585048b4576/html5/thumbnails/48.jpg)
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
2014