Dans cette sessions nous aborderons les points clés pour la conception et la réalisation d'une application Windows Phone performante et réactive. Nous verrons comment optimiser votre code pour garantir une exécution optimale que ce soit au niveau de la mémoire que de la vitesse d'exécution. Nous en profiterons pour partager nos trucs & astuces de développement, comme par exemple la création d'un contrôle pour tracer l'utilisation mémoire, ou encore l'utilisation du profiler de VS2010 A propos des speakers : • Jérémy Alles : MVP Client App Dev, blogueur (www.japf.fr), rédacteur pour le magazine Programmez!, intervenant AskTheExpert, voyageur (MVPSummit 2011, //BUILD 2011), expert WPF/Silverlight/WindowsPhone/Windows8 • Charlotte Chavancy : rédacteur pour le magazine Programmez!, expert et formatrice WPF/Silverlight/WindowsPhone/Windows8

1. palais des
congrès
Paris
7, 8 et 9
février 2012

2. Analyse et optimisation
des performances des
applications Windows
Phone
7 février 2012
Charlotte Gaidon & Jérémy Alles
THALES Services Grenoble

3. Présentation
Charlotte Gaidon
 Formatrice WPF / SL
charlotte.gaidon@gmail.com
@nutchad
Jérémy Alles
 MVP Client App Dev / WPF Disciples
jeremy.alles@gmail.com
@jalpf
www.japf.fr
THALES
 Cœur de métier : applications industrielles
 Agence de 200 collaborateurs à Grenoble
 Pôle d’expertise sur les technologies Microsoft

5. Vous voulez développer une appli Windows Phone ? Inscrivez-vous !
Profitez d’un programme d’accompagnement pour développeurs, à la carte et sans engagement
– Un guide vous contacte et vous accompagne personnellement
– Il met à votre disposition des ressources : accès gratuits* Marketplace, prêts/dons* de téléphone…
– Il vous propose du coaching technique et design
– Il vous aide à rendre visible votre application en ligne et à des événements
*Dans la limite des quantités disponibles

6. La certification…
5 20 90 s
Temps de démarrage Temps de réactivité
s
Mémoire max
Mo
bit.ly/techdays12_certif

7. Agenda
Application de test
Device vs Emulateur
Nos amis les threads
Outils
 Compteurs de performance
 Profiler de Visual Studio
Bonnes pratiques
 BitmapCache & Compositor
 Visibility vs Opacity
 Médias
 Perception & Réalité
Conclusion

8. www.2day-wp7.com

9. DEMO
Device vs Emulateur

10. Emulateur vs Device
Emulateur Lumia 800 Omnia 7
10.2
9.4
7.2 7.3
4,2 6.4 6.3
3.1
1.6
Lancement Sauvegarde Affichage

11. Nos amis les threads

12. Silverlight
input rasterize binding animations layout OS interop
User Interface Thread
dispatch networking parsing dispatch
Background Thread

13. Windows Phone
7.0
7.5
Mango
Touch Thread
primitive animations composite onto back buffer
Compositor Thread
touch rasterize binding animations layout OS interop
User Interface Thread
dispatch networking parsing dispatch
Background Thread

14. Outils

15. Compteurs de performance
Composition thread frame
rate
30 45 60
UI thread frame rate
15 30 60
Texture memory usage
Mémoire vidéo utilisée
pour les textures
Surface counter Surfaces passées au
GPU
Surfaces intermédiaires
Intermediate surface counter
créées pour la
composition
Screen fill rate counter
0 2 3

16. DEMO
Compteurs de performance

17. DEMO
Suivi consommation mémoire en temps-
réel
bit.ly/techdays12_memoire

18. Profiler de Visual Studio 2010
Nouvel outil apporté par Mango
Entièrement intégré à Visual Studio
Cibles public void DoWork()
{
 Frame rate for (int i = 0; i < 100; i++)
exclusive
inclusive
 CPU
{
// calcul...
 Mémoire }
 Médias
var result = ComputeResult();
 GC }

19. DEMO
Analyse de la mémoire avec le profiler

20. Bilan profiler mémoire
Penser à se désabonner des events
Attention aux délégués anonymes
Le GC bloque le thread UI

21. DEMO
Analyse de la performance avec le
profiler

22. Bilan profiler (1)
Arbre Visuel
 Avant : total = 29 / profondeur = 8
 Après : total = 16 / profondeur = 4

23. Bilan profiler (2)
Binding & Visibility
Ne pas surcharger le thread graphique

24. Bonnes pratiques

25. BitmapCache / Compositor
Contrôle «PivotIndicator »
1 rectangle dont on anime la position

26. DEMO
BitmapCache + Compositor

27. Cacher par opacité ?
Visibility (Collapsed  Visible)
 compromis temps / mémoire
Opacity (0  1)
 à combiner avec BitmapCache
bit.ly/techdays12_hiding

28. DEMO
Visibility vs Opacity

29. Bien gérer les images
Format : jpg ou png ?
Bonne résolution !
XAML vs image…
 CreateOptions="BackgroundCreation"
 BuildAction = Content

30. DEMO
« Please wait... »

31. Performance & Perception
Toujours montrer de l’activité à l’utilisateur
 (Performance)ProgressBar
 SplashScreen animé
 Tilt effect
 Transition entre les pages
 …

32. Mais aussi… (1)
Limiter la taille des assemblies
Créer les visuels quand on a besoin
 Virtualisation UI
Optimiser vos données
 Virtualisation DATA
bit.ly/techdays12_LLS
Optimisation LongListSelector
Vidéo funbit.ly/techdays12_smokebyWP

33. Et encore… (2)
On adore C# Async 

34. Conclusion

35. Conclusion
Tester sur un device en conditions réelles
Utiliser les outils et les spécificités de la
plateforme
« Less is more »
Merci
 Pierre Cauchois (Microsoft)
 Jeff Wilcox (Microsoft)
 Rahim Zaknoun (Nokia)

36. Pour aller plus loin
Prochaines sessions des Dev Camps
Chaque semaine, les 10
Live Open Data - Développer des applications riches avec le
février
DevCamps 2012
16
Meeting protocole Open Data
ALM, Azure, Windows Phone, HTML5, OpenData février
Live
Meeting
Azure series - Développer des applications sociales sur
la plateforme Windows Azure
2012
http://msdn.microsoft.com/fr-fr/devcamp
17
Live Comprendre le canvas avec Galactic et la librairie
février
Meeting three.js
2012
Téléchargement, ressources 21
février
Live La production automatisée de code avec CodeFluent
Meeting Entities
et toolkits : RdV sur MSDN 2012
2 mars Live Comprendre et mettre en oeuvre le toolkit Azure pour
http://msdn.microsoft.com/fr-fr/ 2012 Meeting Windows Phone 7, iOS et Android
6 mars Live
Nuget et ALM
2012 Meeting
Les offres à connaître 9 mars
2012
Live
Meeting
Kinect - Bien gérer la vie de son capteur
90 jours d’essai gratuit de Windows 13 mars
2012
Live
Meeting
Sharepoint series - Automatisation des tests
Azure 14 mars Live TFS Health Check - vérifier la bonne santé de votre
www.windowsazure.fr 2012 Meeting plateforme de développement
15 mars Live Azure series - Développer pour les téléphones, les
2012 Meeting tablettes et le cloud avec Visual Studio 2010
Jusqu’à 35% de réduction sur Visual 16 mars Live Applications METRO design - Désossage en règle d'un
Studio Pro, avec l’abonnement MSDN 2012 Meeting template METRO javascript
20 mars Live Retour d'expérience LightSwitch, Optimisation de
www.visualstudio.fr 2012 Meeting l'accès aux données, Intégration Silverlight
23 mars Live OAuth - la clé de l'utilisation des réseaux sociaux dans
2012 Meeting votre application

37. Merci ! Questions ?
Charlotte Gaidon
charlotte.gaidon@gmail.com
@nutchad
Jérémy Alles
jeremy.alles@gmail.com
@jalpf
www.japf.fr
Bientôt disponible : www.2day-wp7.fr