Vous êtes dans l’AMPHI HAVANE

Jeudi 9 Février 2012 Julien Corioland Développeur WP7 Infinite Square La dure lutte du développeur : 10 trucs pratiques pour une application mobile bien léchée ! Jeudi 9 Février 2012 Julien Corioland Développeur WP7 Infinite Square David Poulin Cyril Cathala Développeurs WP7 Soat

Agenda Soignez vos tuiles ! Optimisez les chargements de données Animations : fast, fluide & useful Le design c’est important ! Pensez à l’ergonomie Gestion de l’état de l’application Les données utilisateurs sont importantes Politique de gestion d’erreurs Relation avec l’utilisateur Testez vos applications !!

L’application « fil rouge » Une application simple : une e-boutique ! Illustre les différents points abordés Respect des bonnes pratiques de développement Windows Phone Des scénarios utilisateurs concrets Disponible en téléchargement

Soignez vos tuiles C’est la première chose que l’utilisateur voit ! Ce ne sont pas de simples « boutons carrés » Diffuser de l’information Contenu dynamique Tuile principale / Tuiles secondaires Mise à jour depuis : Background Agent / Notification Push / Tile Scheduler

Soignez vos tuiles ! date

Optimisez les chargements de données Pas de blocages de l’UI Démarrage le plus rapide possible Programmation asynchrone Informer l’utilisateur de ce qui se passe Utiliser le BusyIndicator du téléphone Le ThreadPool et le Dispatcher sont vos amis

Optimisez les chargements de données date

Animations : fast, fluide & useful Animations utiles Intégration avec l’OS Ni trop longues, ni trop courtes ! Optimisez vos animations

Animations : fast, fluide & useful date

Le design c’est important ! Metro = Guideline ! Respect des thèmes noir/blanc ou identité visuelle ? Pensez à l’alignement des contrôles Pas de superflu : allez à l’essentiel Si vous respectez les thèmes noir/blanc : Faites le bien ! Couleurs, police, taille… Pensez à l’alignement des contrôles Les décalages sautent aux yeux Validez avec le MetroGridHelper Donnez une identité visuelle C’est votre application, montrez-le ! Pensez à réutiliser les grands principes de Metro Pas de superflue : allez à l’essentiel date

Design : respectez les standards et donnez votre identité date

Pensez à l’ergonomie Placement des éléments sur l’UI Orientation du téléphone Gérez les input scopes Retour visuel sur les actions utilisateur Attention au bouton « home » Placement des éléments sur l’UI Pas de bouton masqué par le clavier virtuel Orientation du téléphone Activez le mode paysage quand c’est possible (formulaire, visualisation de contenu…) Gérez les input scopes C’est simple et cela apporte beaucoup à l’utilisateur Retour visuel sur les actions utilisateur Respect des guidelines : l’appui sur un bouton doit être visible (ex.: TiltEffect) Eviter bouton « home » Casse le principe de navigation via bouton back et insère une boucle de navigation Sauf lorsqu’on vient d’un tile secondaire ou notification Gestion de la stack de navigation date

Pensez à l’ergonomie InputScope Bouton pas cachés Orientation Blend > InputScope date

Gestion de l’état de l’application Rappels : cycle de vie exécution activée désactivée Schéma résumé, plus complet sur msdn tombstoned dormant date

Gestion de l’état de l’application Tombstonning vs Fast App Switching Sauvegardez l’état des formulaires de saisie Pas de chargements inutiles ApplicationState vs PageState vs IsolatedStorage ?

Gestion de l’état de l’application date

Les données utilisateurs sont importantes ! Media Library / Share Extensibility Usage « multi-portables », des solutions existent : Service distant (sur Azure ou autre) SkyDrive : les APIs sont là ! Mises à jour de l’application : n’oubliez pas de gérer l’Isolated Storage Media Library Vous pouvez stocker des images depuis votre application Usage « multi-portables », des solutions existent : Service distant (sur Azure ou autre) SkyDrive : les APIs sont là ! Mises à jour de l’application : n’oubliez pas de gérer l’Isolated Storage date

Les données utilisateurs sont importantes date

Politique de gestion des erreurs Messages explicites pour les utilisateurs Ne pas empêcher le crash de l’application (si si !) Si possible, mettez en place des logs Proposez à l’utilisateur d’envoyer des rapports d’erreurs Messages explicites pour les utilisateurs Késako NullReferenceException ? Ne pas empêcher le crash de l’application (si si !) Automatiquement rapporté via MarketPlace Rapports de crash disponibles sur AppHub Si possible, mettez en place des logs Transparents pour l’utilisateur (prévenez le!) Proposez l’envoi de logs par mail  date

Politique de gestion des erreurs date

Relation avec l’utilisateur Pages « A propos » et « Contact » Partager / Noter l’application Et surtout : écoutez les utilisateurs Correction de bugs Maintient / mise à jour régulières Ajout de fonctionnalités

Donnez la parole aux utilisateurs date

Testez l’application avant de la publier L’utilisateur n’est pas bêta-testeur MarketPlace test kit Faites tester par vos connaissances Testez les thèmes et langues Testez sur un téléphone

Testez l’application avant de la publier date

Conclusion Peu de choses séparent les bonnes applications des très bonnes applications Dure lutte = plaisir Avant de publier, valider votre check list ! Sources : http://mystore.codeplex.com ou avec le Webcast dans quelques jours

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 Microsoft France propose un programme pour développeurs Windows Phone : l'Accélérateur. Objectif pour les développeurs : développer rapidement une application pour Mango   Originalité du programme : une vraie personne vous accompagnera tout au long du développement de votre application : votre guide Programme à la carte et sans engagement, parmi tous les avantages proposés : Ressources : 100 accès à la marketplace pour les 100 premiers à soumettre une application grâce à l’Accélérateur téléphones de test mis à disposition support technique par mail documentation Coaching technique et design Friday labs : le Campus Microsoft ouvre ses portes, le vendredi : un coach est à votre disposition pour vous aider à avancer dans votre application, des téléphones de test sont disponibles Formations sur l’architecture, le design, l’optimisation Mise en relation avec des développeurs expérimentés Visibilité En ligne et à des évènements, visibilité pour les développeurs et les applications du programme. Premier événement : LeWeb11 les 7, 8 et 9 décembre pour ceux qui auront soumis leur application avant le 1er décembre Possibilité d’enregistrer une vidéo de présentation de votre application avec des professionnels, au Studio Microsoft Mise en avant des plus belles applications sur le Marketplace et en Appli du jour, relayé notamment sur Presse Citron *Dans la limite des quantités disponibles

Play time!

Pour aller plus loin Prochaines sessions des Dev Camps Chaque semaine, les DevCamps ALM, Azure, Windows Phone, HTML5, OpenData http://msdn.microsoft.com/fr-fr/devcamp Téléchargement, ressources et toolkits : RdV sur MSDN http://msdn.microsoft.com/fr-fr/ Les offres à connaître 90 jours d’essai gratuit de Windows Azure www.windowsazure.fr Jusqu’à 35% de réduction sur Visual Studio Pro, avec l’abonnement MSDN www.visualstudio.fr 10 février 2012 Live Meeting Open Data - Développer des applications riches avec le protocole Open Data 16 février 2012 Azure series - Développer des applications sociales sur la plateforme Windows Azure 17 février 2012 Comprendre le canvas avec Galactic et la librairie three.js 21 février 2012 La production automatisée de code avec CodeFluent Entities 2 mars 2012 Comprendre et mettre en oeuvre le toolkit Azure pour Windows Phone 7, iOS et Android 6 mars 2012 Nuget et ALM 9 mars 2012 Kinect - Bien gérer la vie de son capteur 13 mars 2012 Sharepoint series - Automatisation des tests 14 mars 2012 TFS Health Check - vérifier la bonne santé de votre plateforme de développement 15 mars 2012 Azure series - Développer pour les téléphones, les tablettes et le cloud avec Visual Studio 2010 16 mars 2012 Applications METRO design - Désossage en règle d'un template METRO javascript 20 mars 2012 Retour d'expérience LightSwitch, Optimisation de l'accès aux données, Intégration Silverlight 23 mars 2012 OAuth - la clé de l'utilisation des réseaux sociaux dans votre application Les Dev Camps sont des événements en live meeting qui vous permettent d’approfondir les technologies Microsoft. Ils sont créés et animés par les meilleurs experts de Microsoft en France. Experts techniques, responsables de produits. Et comme tout live meeting, ils sont interactifs et vous permettent d’échanger en direct pour obtenir des réponses précises à vos question. http://msdn.microsoft.com/fr-fr/devcamp Le site MSDN Vous le savez, vous y trouverez toutes les ressources essentielles. N’hésitez pas à faire part de vos remarques, idées et commentaires pour aider l’équipe Microsoft à améliorer les sites MSDN pour qu’ils répondent au mieux à vos attentes Les offres à connaitre 90 jours d’essai pour Windows Azure. Entièrement gratuits. Ca laisse le temps de mettre en place et tester des scenarios sur la plateforme Jusqu’à 35% de réduction sur Visual Studio Pro avec l’abonnement MSDN, et -15% de réduction sur Visual Studio premium avec l’abonnement MSDN (RdV sur le stand MSDN) date

Vous avez des questions ? Nous avons des réponses  Q&A Vous avez des questions ? Nous avons des réponses  Julien Corioland – http://www.juliencorioland.net - @beedoo Cyril Cathala – http://cyril.cathala.org - @CyrilCathala David Poulin – http://www.davidpoulin.com - @Danuz

Vous êtes dans l’AMPHI HAVANE