2 Industrialiser et accélérer le développement Windows Phone 7 8 Février 2010 Giacopino Cyril Directeur production – Pôle.NET TEQUILARAPIDO

3 Agenda Le contexte d'une application mobile Les contraintes de certification d’une application Les outils et moyens pour industrialiser le développement Case study : Application LeWeb’10 Paris Deep-dive dans le projet - DEMO Synthèse Remerciements

4 Le contexte d'une application mobile

5 Une technologie qui a beaucoup évoluée Des différences ergonomiques liées à l’expérience utilisateur Un écosystème différent

6 Les contraintes de certification d'une application

7 Tombstoning Back button Respect de la charte METRO

8 Les outils et moyens pour développer et industrialiser le développement d'application

9 Les outils et moyens Modèle de développement : Design pattern MVVM Les contrôles de l’UI disponibles Tequilarapido Phone Extensions

10 Les outils et moyens Modèle de développement : Design pattern MVVM Le MVVM (ModelView – ViewModel) a été développé par Microsoft dans le but de simplifier le code behind des Vues (XAML). L’objectif est la séparation de la couche de données et des vues Permet de mutualiser les développements sur une même fonctionnalité.

11 Les outils et moyens Les contrôles de l’UI disponibles Les contrôles disponibles pour Windows phone 7 sont nombreux et exhaustifs Contrôles supplémentaires

12 Contrôle additionnel pour l’UI Contrôle ListboxMultipleSelection Contrôles Sociaux Classes et helpers Data Network Stats Notification Navigation Common

13 Case study : Application LeWeb’10 Paris Réalisation de l’application en 72h

14 Démo Présentation de l’application et des fonctionnalités

15 Case study : Application LeWeb’10 Paris Contexte de réalisation Réalisation d’un back office permettant la gestion des attendees et des speakers Création des webservices consommés par l’application Attendees Speakers Tweet (#leweb,mentions) Flux du blog L10n et I18n (français / anglais) L’application doit être disponible sur le marketplace impérativement à la date du 27/11/2010

16 Case study : Application LeWeb’10 Paris Rétro planning 19/11/2010 : Réception du cahier des charges du projet 21/11/2010 : Mail de ma direction « Vas y fonces à toi de jouer ;) » 22/11/2010 : Kick-off du projet, démarrage de la partie créative et du développement du back office et webservices 23/11/2010 : Livraison des storyboards et du back office pour recette, début de l’intégration des webservices 24/11/2010 : Démarrage du développement de l’application blanche et des maquettes 25/11/2010 : Intégration dans blend des maquettes et connexion aux webservices 26/11/2010 : Livraison de l’application pour recette, validation et soumission de l’application sur le marketplace 27/11/2010 : l’application est disponible sur le marketplace

17 Deep-dive dans le projet

18 Deep-dive dans le projet Conception de l’application (scketchFlow)

19 Deep-dive dans le projet Développement des webservices Création des classes du modèle de données Appel des webservices et gestion de la situation de mobilité. Solutions utilisées : TequilarapidoPhoneExtensions.Network

20 Démo Utilisations des namespaces TequilarapidoPhoneExtensions.Network

21 Deep-dive dans le projet Développement de l’application blanche Création des différentes vues Création des contrôles nécessaires décrits dans le scketchflow Gestion de la navigation et des animations entre les pages

22 Démo Templates Visual Studio 2010 Utilisations des namespaces TequilarapidoPhoneExtensions.Data.Mock TequilarapidoPhoneExtensions.Navigation

23 Deep-dive dans le projet Intégration de la charte graphique Avoir une production mutualisée sur les mêmes fichiers de travails Paralléliser les développements grâce à MVVM et Tequilarapido Phone Extensions Avoir une vraie chaine de production entre Développeurs / Intégrateurs / Graphistes

24 Démo Travail collaboratif grâce à Blend 4 et Visual Studio 2010 Utilisations des namespaces TequilarapidoPhoneExtensions.Data.Mock

25 Deep-dive dans le projet Intégration de la viralité avec les réseaux sociaux Possibilité de partager la fiche d’un speaker Montrer que nous participerons à une session dans l’agenda

26 Démo Viralité grâce aux réseaux sociaux Utilisations des namespaces TequilarapidoPhoneExtensions.Control.Social

27 Deep-dive dans le projet Mesure du ROI Evaluer la visibilité de l’application Obtenir des métriques sur son utilisation ainsi que sur le parc de mobiles

28 Démo Statistiques applicative et mesure d’audience Utilisations des namespaces TequilarapidoPhoneExtensions.Stats Démonstration du client Silverlight 4

29 Deep-dive dans le projet Mise en recette Détection de bugs en mode distant Possibilité de reproduire le scénario client Consolidation des erreurs dans un tracker de bugs pour corrections

30 Démo Mise en recette

31 Conclusion

32 Demande d’inscription à la béta