SlideShare une entreprise Scribd logo
12/02/2013
De l’ergonomie aux bonnes méthodes de
développement de vos applications Windows 8
Microsoft TechDays - Session du mardi 12 février 2013
Expertises
Développement
Maintenance
Expertises
Infogérance
Transformation
Maintenance critique
BYOD & mobilité
Cloud
Portail & collaboration
Mise en production
Sommaire
Osiatis et Windows 8
Ergonomie et design
L’agilité gage de réussite
L’atelier de développement
O’MyBoard, Retour d’expérience
Fév. 2013 Microsoft Tech.days 2013P. 3
1
2
3
4
5
Fév. 2013 Microsoft Tech.days 2013P. 4
1.
Osiatis et Windows 8
Fév. 2013 Microsoft Tech.days 2013P. 5
Osiatis et Windows 8
Un engagement fort auprès de Microsoft
Osiatis intègre le cercle
Microsoft Apps Circle Windows 8…
1
Fév. 2013 Microsoft Tech.days 2013P. 6
Osiatis et Windows 8
Windows 8, de nouveaux concepts…
Une nouvelle conception de la navigation
 Interface Windows ex « Modern UI »
 Des règles de design et d’ergonomie imposées
 Zoom sémantique
L’intégration de l’application à l’OS
 Contrats de recherche, paramètres, « charm bar »
Un cœur commun aux systèmes W8 & WP8
1
Fév. 2013 Microsoft Tech.days 2013P. 7
Osiatis et Windows 8
O’MyBoard, un tableau virtuel
1
2.
Ergonomie et design
Fév. 2013 Microsoft Tech.days 2013P. 8
Démarche « Mobile First »
Fév. 2013 Microsoft Tech.days 2013P. 9
Ergonomie et design
Le design mobile s’impose dans chaque projet
2
Démarche « Mobile First »
Fév. 2013 Microsoft Tech.days 2013P. 10
Ergonomie et design
Penser « mobile »
 Révolution des comportements, des habitudes
 Reformatage des réflexes et des usages
 Design mobile, une conception d’interfaces par l’usage
Conception / Développement & Design 2 métiers
 Osiatis a fait le choix de travailler avec des spécialistes du design :
2
Démarche « Mobile First »
Fév. 2013 Microsoft Tech.days 2013P. 11
Ergonomie et design
La révolution mobile et ses conséquences sur le design
d’interface
Interface
Mobinaute
Contenus & Fonctionnalités Terminal mobile
3
Un Œil
Un Pouce
4
Less is More
1
Du WIMP
Au TOUCH
2
L’objet & la
Métaphore
2
Du WIMP au TOUCH
Fév. 2013 Microsoft Tech.days 2013P. 12
Ergonomie et design
L’interface homme machine
Windows Icônes Menus Pointeurs
Tap Double Tap Drag Flick
2
Du WIMP au TOUCH
Fév. 2013 Microsoft Tech.days 2013P. 13
Ergonomie et design
L’interactivité avec le « métal »
Nouvelles possibilités
 GPS / Boussole
 Accéléromètre / Gyroscope
 Lumière ambiante
 Vidéo – Photo / double caméra (avant-arrière)
 Connexion avec d’autres appareils (bluetooth, airmedia…)
 Live tiles
2
L’objet et la métaphore
Fév. 2013 Microsoft Tech.days 2013P. 14
Ergonomie et design2
Un Œil / un pouce
Fév. 2013 Microsoft Tech.days 2013P. 15
Ergonomie et design
Mieux
Meilleur
OK
Mieux
Meilleur
OK
Mieux
L’usager dans ses environnements
2
Less is more
Fév. 2013 Microsoft Tech.days 2013P. 16
Ergonomie et design
Interface Windows
Le contenu au cœur de
l’application
Synthétiser au maximum
 Les contenus
 Les fonctionnalités
2
3.
L’agilité gage de réussite
Fév. 2013 Microsoft Tech.days 2013P. 17
Le manifeste Agile
Fév. 2013 Microsoft Tech.days 2013P. 18
L’agilité gage de réussite
Un style de développement itératif
centré sur les personnes et mettant
l’accent sur la satisfaction du client à
travers l’intégration continue d’un
logiciel entièrement fonctionnel.
3
Fév. 2013 Microsoft Tech.days 2013P. 19
L’agilité gage de réussite
O’MyBoard, un outil interne
Objectif
 Utiliser sur une tablette Windows 8 le tableau virtuel des post-its
permettant de suivre l’avancée du projet dans le cadre d’une démarche
agile.
Gestion des projets
Gestion des User Stories
Gestion des Sprints
Gestion des tâches
Gestion des ressources
Recherche
Outil utilisé chez Osiatis pour le suivi des projets
3
Le design intégré en Méthode Agile
Une itération Design ?
 NON : du Design dans chaque itération !
Fév. 2013 Microsoft Tech.days 2013P. 20
L’agilité gage de réussite3
Le design
est une tâche
Le design intégré en Méthode Agile
Wire Frame + Story Board
Fév. 2013 Microsoft Tech.days 2013P. 21
L’agilité gage de réussite3
Fév. 2013 Microsoft Tech.days 2013P. 22
L’agilité gage de réussite
Wire Frame de la User Story
« Création d’une nouvelle colonne »
3
Une étape indispensable
Même les applications les plus simples nécessitent un
sketching
Les interactions avec l’utilisateur doivent être naturelles
Toutes les interactions doivent être prévues
Fév. 2013 Microsoft Tech.days 2013P. 23
L’agilité gage de réussite
Sketcher c’est prévoir, et prévoir c’est gérer…
3
4.
L’atelier de développement
Fév. 2013 Microsoft Tech.days 2013P. 24
Microsoft Blend
pour Visual Studio 2012
Animation, Visual States, Transitions
Styles et GroupStyles
Template editing, Layout
Data Binding
Control creation
Property editing
Fév. 2013 Microsoft Tech.days 2013P. 25
L'atelier de développement
Utilisez Blend pour concevoir des applications pour le Windows Store
4
Choix technologiques
Choix du langage et de l’architecture
 XAML/C# vs HTML5/CSS3/JS
 Framework MVVM
Séparation des responsabilités
 Architecture en couches
Code partagé (W8 / WP8)
 Code commun dans les « Portable libraries »
Fév. 2013 Microsoft Tech.days 2013P. 26
L'atelier de développement
L’architecture et le respect des normes de développement
Gage de la qualité
4
HTML5 / CSS3 / Javascript
Fév. 2013 Microsoft Tech.days 2013P. 27
L'atelier de développement
 IntelliSense avancé dans Visual Studio
 Mode Debug
 Design dans Blend
 Prise en main rapide
Pour les développeurs Web
4
XAML / C#
Fév. 2013 Microsoft Tech.days 2013P. 28
L'atelier de développement
 Techno similaire aux développements
Silverlight, WPF, Windows Phone
 Toute la puissance de .Net
Binding, Attached et Dependency Properties,…
 Architectures en couches
Séparation des responsabilités
Pattern MVVM
 Possibilité de partager du code
Windows 8 / Windows Phone 8
API Cross Platform
4
Fév. 2013 Microsoft Tech.days 2013P. 29
5.
O’MyBoard, retour d’expérience
Fév. 2013 Microsoft Tech.days 2013P. 30
O’MyBoard, Retour d’expérience
Pour bien démarrer son projet Windows 8
Les questions clés ?
Cible Windows 8 RT et/ou Windows 8 Pro ?
Comment déployer / diffuser l’application ?
Quelle connexion avec le SI ?
Choix du langage et de l’architecture ?
5
Fév. 2013 Microsoft Tech.days 2013P. 31
O’MyBoard, Retour d’expérience
Dans le respect des Guidelines pour les applications Windows Store
Les étapes franchies…
 Drag & Drop dans ListView / GridView
 Persistance des données
 Base de démonstration initiale
 Contrat de recherche
 Prise de photos
 Les mentions légales
 La suite
SQLite, échanges de données sans fil, Back-office…
5
Fév. 2013 Microsoft Tech.days 2013P. 32
O’MyBoard, Retour d’expérience
Centre de développement - applications du Windows Store
Recette, validation et déploiement sur le store
 Chaque fin de sprint :
Kit de certification pour le Windows Store
– Corriger les erreurs éventuelles du rapport
Recette par les utilisateurs pilotes
 Produire les descriptions, copies d’écrans et les mentions légales pour
le Windows Store
 Générer les packages pour les architectures ciblées
 Uploader les informations sur le site
5
Fév. 2013 Microsoft Tech.days 2013P. 33
Fév. 2013 Microsoft Tech.days 2013P. 34

Contenu connexe

Tendances

La boite à outils pour réussir sa migration vers Windows 7
La boite à outils pour réussir sa migration vers Windows 7La boite à outils pour réussir sa migration vers Windows 7
La boite à outils pour réussir sa migration vers Windows 7
Microsoft Technet France
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile Microsoft
Microsoft Décideurs IT
 
Site web fonctionnel et élastique sur Azure
Site web fonctionnel et élastique sur AzureSite web fonctionnel et élastique sur Azure
Site web fonctionnel et élastique sur Azure
Microsoft Technet France
 
Livemeeting - Windows Azure
Livemeeting - Windows AzureLivemeeting - Windows Azure
Livemeeting - Windows Azure
Jason De Oliveira
 
Architectures et application hybrides selon vos termes et à votre propre rythme
Architectures et application hybrides selon vos termes et à votre propre rythmeArchitectures et application hybrides selon vos termes et à votre propre rythme
Architectures et application hybrides selon vos termes et à votre propre rythme
Microsoft
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
davrous
 
Comment intégrer Dynamics CRM 2011 dans son système d'information?
Comment intégrer Dynamics CRM 2011 dans son système d'information?Comment intégrer Dynamics CRM 2011 dans son système d'information?
Comment intégrer Dynamics CRM 2011 dans son système d'information?
Microsoft
 
Ateliers Silverlight 2 à l'Epitech
Ateliers Silverlight 2 à l'EpitechAteliers Silverlight 2 à l'Epitech
Ateliers Silverlight 2 à l'Epitech
Christophe Lauer
 
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
Microsoft
 
Introduction au développement Windows 8 et Windows Phone 8
Introduction au développement Windows 8 et Windows Phone 8Introduction au développement Windows 8 et Windows Phone 8
Introduction au développement Windows 8 et Windows Phone 8
Microsoft
 
Retours d'experience de déploiements Windows 7
Retours d'experience de déploiements Windows 7 Retours d'experience de déploiements Windows 7
Retours d'experience de déploiements Windows 7
Microsoft Décideurs IT
 
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
Microsoft
 
CLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightCLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightChristophe Lauer
 
Office 365 pour l'Education - les enjeux en terme de sécurité
Office 365 pour l'Education  - les enjeux en terme de sécurité Office 365 pour l'Education  - les enjeux en terme de sécurité
Office 365 pour l'Education - les enjeux en terme de sécurité
Microsoft Décideurs IT
 
LightSwitch presentation
LightSwitch presentationLightSwitch presentation
LightSwitch presentation
Mohamed Ouederni
 
NouveautésAutoCAD 2012
NouveautésAutoCAD 2012NouveautésAutoCAD 2012
NouveautésAutoCAD 2012
Consortech
 
Livre blanc a la decouverte de windows azure
Livre blanc a la decouverte de windows azureLivre blanc a la decouverte de windows azure
Livre blanc a la decouverte de windows azureMicrosoft Technet France
 
Déploiement de Windows 8
Déploiement de Windows 8Déploiement de Windows 8
Déploiement de Windows 8
Microsoft Technet France
 
Windows Azure : Modèle hybride et réversibilité
Windows Azure : Modèle hybride et réversibilitéWindows Azure : Modèle hybride et réversibilité
Windows Azure : Modèle hybride et réversibilité
Microsoft Technet France
 
Windows Azure et e-commerce
Windows Azure et e-commerceWindows Azure et e-commerce
Windows Azure et e-commerce
Microsoft
 

Tendances (20)

La boite à outils pour réussir sa migration vers Windows 7
La boite à outils pour réussir sa migration vers Windows 7La boite à outils pour réussir sa migration vers Windows 7
La boite à outils pour réussir sa migration vers Windows 7
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile Microsoft
 
Site web fonctionnel et élastique sur Azure
Site web fonctionnel et élastique sur AzureSite web fonctionnel et élastique sur Azure
Site web fonctionnel et élastique sur Azure
 
Livemeeting - Windows Azure
Livemeeting - Windows AzureLivemeeting - Windows Azure
Livemeeting - Windows Azure
 
Architectures et application hybrides selon vos termes et à votre propre rythme
Architectures et application hybrides selon vos termes et à votre propre rythmeArchitectures et application hybrides selon vos termes et à votre propre rythme
Architectures et application hybrides selon vos termes et à votre propre rythme
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
Comment intégrer Dynamics CRM 2011 dans son système d'information?
Comment intégrer Dynamics CRM 2011 dans son système d'information?Comment intégrer Dynamics CRM 2011 dans son système d'information?
Comment intégrer Dynamics CRM 2011 dans son système d'information?
 
Ateliers Silverlight 2 à l'Epitech
Ateliers Silverlight 2 à l'EpitechAteliers Silverlight 2 à l'Epitech
Ateliers Silverlight 2 à l'Epitech
 
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
SQL Azure Data Sync ou comment synchroniser vos données avec le Cloud ?
 
Introduction au développement Windows 8 et Windows Phone 8
Introduction au développement Windows 8 et Windows Phone 8Introduction au développement Windows 8 et Windows Phone 8
Introduction au développement Windows 8 et Windows Phone 8
 
Retours d'experience de déploiements Windows 7
Retours d'experience de déploiements Windows 7 Retours d'experience de déploiements Windows 7
Retours d'experience de déploiements Windows 7
 
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
Applications métiers et/ou d'entreprise sur Windows Phone 7 - bonnes pratique...
 
CLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightCLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et Silverlight
 
Office 365 pour l'Education - les enjeux en terme de sécurité
Office 365 pour l'Education  - les enjeux en terme de sécurité Office 365 pour l'Education  - les enjeux en terme de sécurité
Office 365 pour l'Education - les enjeux en terme de sécurité
 
LightSwitch presentation
LightSwitch presentationLightSwitch presentation
LightSwitch presentation
 
NouveautésAutoCAD 2012
NouveautésAutoCAD 2012NouveautésAutoCAD 2012
NouveautésAutoCAD 2012
 
Livre blanc a la decouverte de windows azure
Livre blanc a la decouverte de windows azureLivre blanc a la decouverte de windows azure
Livre blanc a la decouverte de windows azure
 
Déploiement de Windows 8
Déploiement de Windows 8Déploiement de Windows 8
Déploiement de Windows 8
 
Windows Azure : Modèle hybride et réversibilité
Windows Azure : Modèle hybride et réversibilitéWindows Azure : Modèle hybride et réversibilité
Windows Azure : Modèle hybride et réversibilité
 
Windows Azure et e-commerce
Windows Azure et e-commerceWindows Azure et e-commerce
Windows Azure et e-commerce
 

Similaire à De l’ergonomie aux bonnes méthodes de développement de vos applications Windows 8

WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
Gregory Renard
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
Wygwam
 
Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !
Microsoft
 
Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !
Microsoft
 
Design : Ne ratez pas le METRO
Design : Ne ratez pas le METRODesign : Ne ratez pas le METRO
Design : Ne ratez pas le METRO
Microsoft
 
DES205 - Ne ratez pas le METRO
DES205 - Ne ratez pas le METRODES205 - Ne ratez pas le METRO
DES205 - Ne ratez pas le METROAudreyPetitPro
 
Le livre de recette du design et de l'ergonomie pour le développeur
Le livre de recette du design et de l'ergonomie pour le développeurLe livre de recette du design et de l'ergonomie pour le développeur
Le livre de recette du design et de l'ergonomie pour le développeur
Microsoft
 
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
Microsoft
 
Techdays 2012 - Tout sur Microsoft Speech
Techdays 2012 - Tout sur Microsoft SpeechTechdays 2012 - Tout sur Microsoft Speech
Techdays 2012 - Tout sur Microsoft Speech
sputier
 
La réalité augmentée dans les systèmes embarqués
La réalité augmentée dans les systèmes embarquésLa réalité augmentée dans les systèmes embarqués
La réalité augmentée dans les systèmes embarqués
Microsoft Décideurs IT
 
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
Jean-Luc Peuvrier
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à z
Arnaud Auroux
 
WPF 4.5 : Quoi de neuf pour les développeurs ?
WPF 4.5 : Quoi de neuf pour les développeurs ?WPF 4.5 : Quoi de neuf pour les développeurs ?
WPF 4.5 : Quoi de neuf pour les développeurs ?
Microsoft
 
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Microsoft Technet France
 
Fast and Furious XAML Apps!
Fast and Furious XAML Apps!Fast and Furious XAML Apps!
Fast and Furious XAML Apps!
Microsoft
 
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
Microsoft
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
Steria
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
 
Design
DesignDesign

Similaire à De l’ergonomie aux bonnes méthodes de développement de vos applications Windows 8 (20)

WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
 
Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !
 
Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !Améliorer votre productivité XAML en entreprise !
Améliorer votre productivité XAML en entreprise !
 
Design : Ne ratez pas le METRO
Design : Ne ratez pas le METRODesign : Ne ratez pas le METRO
Design : Ne ratez pas le METRO
 
DES205 - Ne ratez pas le METRO
DES205 - Ne ratez pas le METRODES205 - Ne ratez pas le METRO
DES205 - Ne ratez pas le METRO
 
Le livre de recette du design et de l'ergonomie pour le développeur
Le livre de recette du design et de l'ergonomie pour le développeurLe livre de recette du design et de l'ergonomie pour le développeur
Le livre de recette du design et de l'ergonomie pour le développeur
 
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
La dure lutte du développeur : 10 trucs pratiques pour une application mobile...
 
Techdays 2012 - Tout sur Microsoft Speech
Techdays 2012 - Tout sur Microsoft SpeechTechdays 2012 - Tout sur Microsoft Speech
Techdays 2012 - Tout sur Microsoft Speech
 
La réalité augmentée dans les systèmes embarqués
La réalité augmentée dans les systèmes embarquésLa réalité augmentée dans les systèmes embarqués
La réalité augmentée dans les systèmes embarqués
 
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
LMS : faire le choix de l'open source - Forum elearning Tunisie 2013
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à z
 
WPF 4.5 : Quoi de neuf pour les développeurs ?
WPF 4.5 : Quoi de neuf pour les développeurs ?WPF 4.5 : Quoi de neuf pour les développeurs ?
WPF 4.5 : Quoi de neuf pour les développeurs ?
 
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
 
bb-d_ERGO-UX
bb-d_ERGO-UXbb-d_ERGO-UX
bb-d_ERGO-UX
 
Fast and Furious XAML Apps!
Fast and Furious XAML Apps!Fast and Furious XAML Apps!
Fast and Furious XAML Apps!
 
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
APIs Facebook, Twitter, Foursquare… tirer parti des réseaux sociaux dans votr...
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
 
Design
DesignDesign
Design
 

Plus de Microsoft

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieu
Microsoft
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
Microsoft
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobile
Microsoft
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo
Microsoft
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.
Microsoft
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Microsoft
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à Z
Microsoft
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016
Microsoft
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Microsoft
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Microsoft
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Microsoft
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site Recovery
Microsoft
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Microsoft
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
Microsoft
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Microsoft
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET Core
Microsoft
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?
Microsoft
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...
Microsoft
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeurs
Microsoft
 

Plus de Microsoft (20)

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieu
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobile
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à Z
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs Analytics
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site Recovery
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET Core
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeurs
 

De l’ergonomie aux bonnes méthodes de développement de vos applications Windows 8

  • 1. 12/02/2013 De l’ergonomie aux bonnes méthodes de développement de vos applications Windows 8 Microsoft TechDays - Session du mardi 12 février 2013
  • 3. Sommaire Osiatis et Windows 8 Ergonomie et design L’agilité gage de réussite L’atelier de développement O’MyBoard, Retour d’expérience Fév. 2013 Microsoft Tech.days 2013P. 3 1 2 3 4 5
  • 4. Fév. 2013 Microsoft Tech.days 2013P. 4 1. Osiatis et Windows 8
  • 5. Fév. 2013 Microsoft Tech.days 2013P. 5 Osiatis et Windows 8 Un engagement fort auprès de Microsoft Osiatis intègre le cercle Microsoft Apps Circle Windows 8… 1
  • 6. Fév. 2013 Microsoft Tech.days 2013P. 6 Osiatis et Windows 8 Windows 8, de nouveaux concepts… Une nouvelle conception de la navigation  Interface Windows ex « Modern UI »  Des règles de design et d’ergonomie imposées  Zoom sémantique L’intégration de l’application à l’OS  Contrats de recherche, paramètres, « charm bar » Un cœur commun aux systèmes W8 & WP8 1
  • 7. Fév. 2013 Microsoft Tech.days 2013P. 7 Osiatis et Windows 8 O’MyBoard, un tableau virtuel 1
  • 8. 2. Ergonomie et design Fév. 2013 Microsoft Tech.days 2013P. 8
  • 9. Démarche « Mobile First » Fév. 2013 Microsoft Tech.days 2013P. 9 Ergonomie et design Le design mobile s’impose dans chaque projet 2
  • 10. Démarche « Mobile First » Fév. 2013 Microsoft Tech.days 2013P. 10 Ergonomie et design Penser « mobile »  Révolution des comportements, des habitudes  Reformatage des réflexes et des usages  Design mobile, une conception d’interfaces par l’usage Conception / Développement & Design 2 métiers  Osiatis a fait le choix de travailler avec des spécialistes du design : 2
  • 11. Démarche « Mobile First » Fév. 2013 Microsoft Tech.days 2013P. 11 Ergonomie et design La révolution mobile et ses conséquences sur le design d’interface Interface Mobinaute Contenus & Fonctionnalités Terminal mobile 3 Un Œil Un Pouce 4 Less is More 1 Du WIMP Au TOUCH 2 L’objet & la Métaphore 2
  • 12. Du WIMP au TOUCH Fév. 2013 Microsoft Tech.days 2013P. 12 Ergonomie et design L’interface homme machine Windows Icônes Menus Pointeurs Tap Double Tap Drag Flick 2
  • 13. Du WIMP au TOUCH Fév. 2013 Microsoft Tech.days 2013P. 13 Ergonomie et design L’interactivité avec le « métal » Nouvelles possibilités  GPS / Boussole  Accéléromètre / Gyroscope  Lumière ambiante  Vidéo – Photo / double caméra (avant-arrière)  Connexion avec d’autres appareils (bluetooth, airmedia…)  Live tiles 2
  • 14. L’objet et la métaphore Fév. 2013 Microsoft Tech.days 2013P. 14 Ergonomie et design2
  • 15. Un Œil / un pouce Fév. 2013 Microsoft Tech.days 2013P. 15 Ergonomie et design Mieux Meilleur OK Mieux Meilleur OK Mieux L’usager dans ses environnements 2
  • 16. Less is more Fév. 2013 Microsoft Tech.days 2013P. 16 Ergonomie et design Interface Windows Le contenu au cœur de l’application Synthétiser au maximum  Les contenus  Les fonctionnalités 2
  • 17. 3. L’agilité gage de réussite Fév. 2013 Microsoft Tech.days 2013P. 17
  • 18. Le manifeste Agile Fév. 2013 Microsoft Tech.days 2013P. 18 L’agilité gage de réussite Un style de développement itératif centré sur les personnes et mettant l’accent sur la satisfaction du client à travers l’intégration continue d’un logiciel entièrement fonctionnel. 3
  • 19. Fév. 2013 Microsoft Tech.days 2013P. 19 L’agilité gage de réussite O’MyBoard, un outil interne Objectif  Utiliser sur une tablette Windows 8 le tableau virtuel des post-its permettant de suivre l’avancée du projet dans le cadre d’une démarche agile. Gestion des projets Gestion des User Stories Gestion des Sprints Gestion des tâches Gestion des ressources Recherche Outil utilisé chez Osiatis pour le suivi des projets 3
  • 20. Le design intégré en Méthode Agile Une itération Design ?  NON : du Design dans chaque itération ! Fév. 2013 Microsoft Tech.days 2013P. 20 L’agilité gage de réussite3 Le design est une tâche
  • 21. Le design intégré en Méthode Agile Wire Frame + Story Board Fév. 2013 Microsoft Tech.days 2013P. 21 L’agilité gage de réussite3
  • 22. Fév. 2013 Microsoft Tech.days 2013P. 22 L’agilité gage de réussite Wire Frame de la User Story « Création d’une nouvelle colonne » 3
  • 23. Une étape indispensable Même les applications les plus simples nécessitent un sketching Les interactions avec l’utilisateur doivent être naturelles Toutes les interactions doivent être prévues Fév. 2013 Microsoft Tech.days 2013P. 23 L’agilité gage de réussite Sketcher c’est prévoir, et prévoir c’est gérer… 3
  • 24. 4. L’atelier de développement Fév. 2013 Microsoft Tech.days 2013P. 24
  • 25. Microsoft Blend pour Visual Studio 2012 Animation, Visual States, Transitions Styles et GroupStyles Template editing, Layout Data Binding Control creation Property editing Fév. 2013 Microsoft Tech.days 2013P. 25 L'atelier de développement Utilisez Blend pour concevoir des applications pour le Windows Store 4
  • 26. Choix technologiques Choix du langage et de l’architecture  XAML/C# vs HTML5/CSS3/JS  Framework MVVM Séparation des responsabilités  Architecture en couches Code partagé (W8 / WP8)  Code commun dans les « Portable libraries » Fév. 2013 Microsoft Tech.days 2013P. 26 L'atelier de développement L’architecture et le respect des normes de développement Gage de la qualité 4
  • 27. HTML5 / CSS3 / Javascript Fév. 2013 Microsoft Tech.days 2013P. 27 L'atelier de développement  IntelliSense avancé dans Visual Studio  Mode Debug  Design dans Blend  Prise en main rapide Pour les développeurs Web 4
  • 28. XAML / C# Fév. 2013 Microsoft Tech.days 2013P. 28 L'atelier de développement  Techno similaire aux développements Silverlight, WPF, Windows Phone  Toute la puissance de .Net Binding, Attached et Dependency Properties,…  Architectures en couches Séparation des responsabilités Pattern MVVM  Possibilité de partager du code Windows 8 / Windows Phone 8 API Cross Platform 4
  • 29. Fév. 2013 Microsoft Tech.days 2013P. 29 5. O’MyBoard, retour d’expérience
  • 30. Fév. 2013 Microsoft Tech.days 2013P. 30 O’MyBoard, Retour d’expérience Pour bien démarrer son projet Windows 8 Les questions clés ? Cible Windows 8 RT et/ou Windows 8 Pro ? Comment déployer / diffuser l’application ? Quelle connexion avec le SI ? Choix du langage et de l’architecture ? 5
  • 31. Fév. 2013 Microsoft Tech.days 2013P. 31 O’MyBoard, Retour d’expérience Dans le respect des Guidelines pour les applications Windows Store Les étapes franchies…  Drag & Drop dans ListView / GridView  Persistance des données  Base de démonstration initiale  Contrat de recherche  Prise de photos  Les mentions légales  La suite SQLite, échanges de données sans fil, Back-office… 5
  • 32. Fév. 2013 Microsoft Tech.days 2013P. 32 O’MyBoard, Retour d’expérience Centre de développement - applications du Windows Store Recette, validation et déploiement sur le store  Chaque fin de sprint : Kit de certification pour le Windows Store – Corriger les erreurs éventuelles du rapport Recette par les utilisateurs pilotes  Produire les descriptions, copies d’écrans et les mentions légales pour le Windows Store  Générer les packages pour les architectures ciblées  Uploader les informations sur le site 5
  • 33. Fév. 2013 Microsoft Tech.days 2013P. 33
  • 34. Fév. 2013 Microsoft Tech.days 2013P. 34

Notes de l'éditeur

  1. La méthode est centralisée sur les personnes pour satisfaire le client.- le client et les utilisateurs par leur implication dans chaque iteration- les développeurs par une équipe prompte à délivrer un produit qui marche
  2. Mon expérience de la plateforme.Netm’a conduit naturellementvers le choix du langage C#La qualitélogicielestégalementestégalement