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

Embed Size (px)

DESCRIPTION

Proposer un dispositif innovant avec l’utilisation d’une tablette en magasin avec un lien Back Office pour permettre aux utilisateurs de gagner du temps dans leurs saisies et travail quotidien. Présentation de la réalisation : - Conception de pistes graphiques et Ergonomie - Intégration des composants spécifiques à Windows 8 - Consultation de données mercuriales - Connection au backoffice magasin et fonctionnement en mode déconnecté Session présentée par le partenaire : SQLI. Speakers : Renaud Rochefolle (SQLI), Adeline Pereira (SQLI), Benoît Jolivet (SQLI), Thomas Riotte (SQLI)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 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