SlideShare une entreprise Scribd logo
1  sur  32
Donnez votre avis !
                   Depuis votre smartphone, sur :
                    http://notes.mstechdays.fr

    De nombreux lots à gagner toutes les heures !!!
               Claviers, souris et jeux Microsoft…

       Merci de nous aider à améliorer les TechDays

http://notes.mstechdays.fr
Windows 8, Comment développer des
   applications efficaces et performantes pour
         rendre l’expérience utilisateur unique

 Guillaume BROUT                   Benoit DOUVERNELLE
 Pôle expertise                        Stratégie digitale
 Itelios
                                                  Itelios
    @gbrout
    http://www.guillaumebrout.fr
                                                          #
                                     http://www.itelios.com



Code / Développement
• Plate-forme française de téléchargement légal
       de musiques, vidéos et livres numériques
     • Consultation du catalogue musique
          – Une offre multi-univers de plus de 8 millions de
            titres
     • Achat et téléchargement
     • Section « ma musique » et media player
     • Mode hors connexion
Code / Développement
• Marque de prêt-à-porter et de sur-mesure
       de luxe pour homme
     • Consultation du catalogue vêtements et
       montres
     • Galeries looks et défilés
     • Mise en avant de la tradition et du savoir-
       faire
     • Vues et zoom produit
Code / Développement
ROADMAP
 Windows 8 et WinRT
 UI/UX
 Contrats
 Contrôles
 Performance et efficacité
 Conclusion et Q&R




Code / Développement
Windows 8
                       Nouvel OS                   Nouveaux Outils
                       Les enjeux et les atouts    Modèles de programmation,
                                                   Templates, simulateur…

                       Modern UI
                       Une interface de rupture,
                       épurée, rapide et fluide

                       Windows Store
                       Boutique en ligne des
                       applications

Code / Développement
Windows Runtime
                       Un nouveau framework          Applications en sandbox
                       Consommateur de services,     Environnement et mémoire
                       fonctionnant côté client      propre à chaque application

                       Une nouvelle architecture     Runtime broker
                       S’appuie sur des objets COM   Contrôle les applications et
                       natifs écrits en C++          notamment la sécurité

                       Langage projection            Asynchronisme
                       Fichiers de métadonnées       Automatique et dépendant
                       WinMD (format ECMA-335)       d’un délai de 50ms

Code / Développement
ROADMAP

 UI/UX
 Contrats
 Contrôles
 Performance et efficacité
 Conclusion et Q&R




Code / Développement
Interface utilisateur
                  Suivre les
                  recommandations
                  Documentation, Outils

                  Valoriser le contenu
                  Faire plus avec moins




Code / Développement
Code / Développement
Code / Développement
Code / Développement
Code / Développement
Interface utilisateur
                  Suivre les              S‘adapter aux supports
                  recommandations         Echelle, ancrage
                  Documentation, Outils

                  Valoriser le contenu
                  Faire plus avec moins


                  Favoriser l‘immersion
                  Navigation, modèles



Code / Développement
Expérience utilisateur
                  Tactile et interactive     Intégrée
                  Interaction directe,       Contrats et contrôles
                  feedback

                  Persistante
                  Suspensions et relances,
                  tâches de fond

                  Connectée
                  Vignettes dynamiques,
                  notifications


Code / Développement
ROADMAP



 Contrats
 Contrôles
 Performance et efficacité
 Conclusion et Q&R




Code / Développement
Contrats          Charms
                                Search


     • Recherche
                                 Share

     • Partage
     • Paramètres                Start




                                Devices




                                Settings



Code / Développement
CAPACITÉS, DÉCLARATIONS ET
        IMPLÉMENTATION DES
        CONTRATS
Code / Développement
ROADMAP




 Contrôles
 Performance et efficacité
 Conclusion et Q&R




Code / Développement
Contrôles                      Toast Header Text
                                    Toast body text, lorem ipsum dolor sit amet.

     •   Vignettes                                                                   App Name




                           Toast
     •   Notifications
     •   Application bar
     •   Universal volume control           App
                                            Bar



                                        Home                      New File         Save As

Code / Développement
NOTIFICATIONS ET VIGNETTES

Code / Développement
ROADMAP




 Performance et efficacité
 Conclusion et Q&R




Code / Développement
Performance et efficacité
                  Settings et Storage
                  Isolated Storage, base de
                  données embarquée




Code / Développement
STOCKAGE ET DONNÉES

Code / Développement
Performance et efficacité
                  Settings et Storage
                  Isolated Storage, base de
                  données embarquée

                  Chargement des données
                  Asynchronisme




Code / Développement
L’ASYNCHRONISME

Code / Développement
Performance et efficacité
                  Settings et Storage
                  Isolated Storage, base de
                  données embarquée

                  Chargement des données
                  Asynchronisme


                  Volumétrie
                  Pagination, collection virtuelle



Code / Développement
LES COLLECTIONS
        VIRTUELLES
Code / Développement
ROADMAP




 Conclusion et Q&R




Code / Développement
Conclusion
                       Quel langage choisir ?
                       Plateforme, écosystème,
                       performance...

                       Test, Debug et deploiement
                       Analyse des performances, debugger,
                       explorateur de DOM, Certification Kit...

                       Lessons Learned
                       Points clés,
                       Tips & Tricks

Code / Développement
MERCI DE VOTRE ATTENTION
                  Retrouvez nous sur l’espace
             Windows 8 & Expériences Numériques
                                                  STAN
      https://www.facebook.com/Itelios
                                                    D
      http://twitter.com/itelios
      contact@itelios.com
      http://www.itelios.com                      66
Code / Développement
Développeurs                                                         Pros de l’IT
 http://aka.ms/generation-app       Formez-vous en ligne        www.microsoftvirtualacademy.com

    http://aka.ms/evenements-
                 developpeurs     Retrouvez nos évènements      http://aka.ms/itcamps-france


            Les accélérateurs
                                  Faites-vous accompagner
Windows Azure, Windows Phone,
                                  gratuitement
                   Windows 8


                                   Essayer gratuitement nos     http://aka.ms/telechargements
                                                 solutions IT

         La Dev’Team sur MSDN       Retrouver nos experts       L’IT Team sur TechNet
          http://aka.ms/devteam           Microsoft             http://aka.ms/itteam

Contenu connexe

Similaire à App211 techdays 2013 Windows 8 concevoir des applications efficaces et performantes

10 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 810 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 8Microsoft
 
Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Microsoft
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360Conception applications 3 écrans sur Windows 8/WP8/Xbox 360
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360Microsoft
 
Trucs et astuces pour rendre votre application Windows 8 plus visible
Trucs et astuces pour rendre votre application Windows 8 plus visibleTrucs et astuces pour rendre votre application Windows 8 plus visible
Trucs et astuces pour rendre votre application Windows 8 plus visibleMicrosoft
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5Microsoft
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Microsoft
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologieekino
 
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...La gouvernance, ou comment rapprocher les équipes de développement et d'infra...
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...PimpMySharePoint
 
Introduction au développement windows phone 8
Introduction au développement windows phone 8Introduction au développement windows phone 8
Introduction au développement windows phone 8BeMyApp
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - AlloyMeetup Mobile Montpellier
 
Introduction à Samsung bada
Introduction à Samsung badaIntroduction à Samsung bada
Introduction à Samsung badaBeMyApp
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open SourceIppon
 
Webschool bourges "le monde de google"
Webschool bourges "le monde de google"Webschool bourges "le monde de google"
Webschool bourges "le monde de google"Webschool Bourges
 
Responsive Design : impact sur les processus de production
Responsive Design : impact sur les processus de productionResponsive Design : impact sur les processus de production
Responsive Design : impact sur les processus de productionL_Demontiers
 
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 8Microsoft
 

Similaire à App211 techdays 2013 Windows 8 concevoir des applications efficaces et performantes (20)

10 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 810 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 8
 
Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010Les tests fonctionnels avec Visual Studio 2010
Les tests fonctionnels avec Visual Studio 2010
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360Conception applications 3 écrans sur Windows 8/WP8/Xbox 360
Conception applications 3 écrans sur Windows 8/WP8/Xbox 360
 
Trucs et astuces pour rendre votre application Windows 8 plus visible
Trucs et astuces pour rendre votre application Windows 8 plus visibleTrucs et astuces pour rendre votre application Windows 8 plus visible
Trucs et astuces pour rendre votre application Windows 8 plus visible
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...La gouvernance, ou comment rapprocher les équipes de développement et d'infra...
La gouvernance, ou comment rapprocher les équipes de développement et d'infra...
 
Introduction au développement windows phone 8
Introduction au développement windows phone 8Introduction au développement windows phone 8
Introduction au développement windows phone 8
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
Introduction à Samsung bada
Introduction à Samsung badaIntroduction à Samsung bada
Introduction à Samsung bada
 
Windows phone 7
Windows phone 7Windows phone 7
Windows phone 7
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open Source
 
Webschool bourges "le monde de google"
Webschool bourges "le monde de google"Webschool bourges "le monde de google"
Webschool bourges "le monde de google"
 
Responsive Design : impact sur les processus de production
Responsive Design : impact sur les processus de productionResponsive Design : impact sur les processus de production
Responsive Design : impact sur les processus de production
 
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
 

App211 techdays 2013 Windows 8 concevoir des applications efficaces et performantes

  • 1. Donnez votre avis ! Depuis votre smartphone, sur : http://notes.mstechdays.fr De nombreux lots à gagner toutes les heures !!! Claviers, souris et jeux Microsoft… Merci de nous aider à améliorer les TechDays http://notes.mstechdays.fr
  • 2. Windows 8, Comment développer des applications efficaces et performantes pour rendre l’expérience utilisateur unique Guillaume BROUT Benoit DOUVERNELLE Pôle expertise Stratégie digitale Itelios Itelios @gbrout http://www.guillaumebrout.fr # http://www.itelios.com Code / Développement
  • 3. • Plate-forme française de téléchargement légal de musiques, vidéos et livres numériques • Consultation du catalogue musique – Une offre multi-univers de plus de 8 millions de titres • Achat et téléchargement • Section « ma musique » et media player • Mode hors connexion Code / Développement
  • 4. • Marque de prêt-à-porter et de sur-mesure de luxe pour homme • Consultation du catalogue vêtements et montres • Galeries looks et défilés • Mise en avant de la tradition et du savoir- faire • Vues et zoom produit Code / Développement
  • 5. ROADMAP Windows 8 et WinRT UI/UX Contrats Contrôles Performance et efficacité Conclusion et Q&R Code / Développement
  • 6. Windows 8 Nouvel OS Nouveaux Outils Les enjeux et les atouts Modèles de programmation, Templates, simulateur… Modern UI Une interface de rupture, épurée, rapide et fluide Windows Store Boutique en ligne des applications Code / Développement
  • 7. Windows Runtime Un nouveau framework Applications en sandbox Consommateur de services, Environnement et mémoire fonctionnant côté client propre à chaque application Une nouvelle architecture Runtime broker S’appuie sur des objets COM Contrôle les applications et natifs écrits en C++ notamment la sécurité Langage projection Asynchronisme Fichiers de métadonnées Automatique et dépendant WinMD (format ECMA-335) d’un délai de 50ms Code / Développement
  • 8. ROADMAP UI/UX Contrats Contrôles Performance et efficacité Conclusion et Q&R Code / Développement
  • 9. Interface utilisateur Suivre les recommandations Documentation, Outils Valoriser le contenu Faire plus avec moins Code / Développement
  • 14. Interface utilisateur Suivre les S‘adapter aux supports recommandations Echelle, ancrage Documentation, Outils Valoriser le contenu Faire plus avec moins Favoriser l‘immersion Navigation, modèles Code / Développement
  • 15. Expérience utilisateur Tactile et interactive Intégrée Interaction directe, Contrats et contrôles feedback Persistante Suspensions et relances, tâches de fond Connectée Vignettes dynamiques, notifications Code / Développement
  • 16. ROADMAP Contrats Contrôles Performance et efficacité Conclusion et Q&R Code / Développement
  • 17. Contrats Charms Search • Recherche Share • Partage • Paramètres Start Devices Settings Code / Développement
  • 18. CAPACITÉS, DÉCLARATIONS ET IMPLÉMENTATION DES CONTRATS Code / Développement
  • 19. ROADMAP Contrôles Performance et efficacité Conclusion et Q&R Code / Développement
  • 20. Contrôles Toast Header Text Toast body text, lorem ipsum dolor sit amet. • Vignettes App Name Toast • Notifications • Application bar • Universal volume control App Bar Home New File Save As Code / Développement
  • 22. ROADMAP Performance et efficacité Conclusion et Q&R Code / Développement
  • 23. Performance et efficacité Settings et Storage Isolated Storage, base de données embarquée Code / Développement
  • 24. STOCKAGE ET DONNÉES Code / Développement
  • 25. Performance et efficacité Settings et Storage Isolated Storage, base de données embarquée Chargement des données Asynchronisme Code / Développement
  • 27. Performance et efficacité Settings et Storage Isolated Storage, base de données embarquée Chargement des données Asynchronisme Volumétrie Pagination, collection virtuelle Code / Développement
  • 28. LES COLLECTIONS VIRTUELLES Code / Développement
  • 29. ROADMAP Conclusion et Q&R Code / Développement
  • 30. Conclusion Quel langage choisir ? Plateforme, écosystème, performance... Test, Debug et deploiement Analyse des performances, debugger, explorateur de DOM, Certification Kit... Lessons Learned Points clés, Tips & Tricks Code / Développement
  • 31. MERCI DE VOTRE ATTENTION Retrouvez nous sur l’espace Windows 8 & Expériences Numériques STAN https://www.facebook.com/Itelios D http://twitter.com/itelios contact@itelios.com http://www.itelios.com 66 Code / Développement
  • 32. Développeurs Pros de l’IT http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com http://aka.ms/evenements- developpeurs Retrouvez nos évènements http://aka.ms/itcamps-france Les accélérateurs Faites-vous accompagner Windows Azure, Windows Phone, gratuitement Windows 8 Essayer gratuitement nos http://aka.ms/telechargements solutions IT La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet http://aka.ms/devteam Microsoft http://aka.ms/itteam