Créez des applications pour Windows Phone

Tutoriel : Créez des applications pour Windows Phone

Mis à jour le mardi 8 janvier 2013

La révolution de la mobilité est en marche. Plus besoin de présenter l’iPhone qui a su conquérir un grand nombre d’utilisateurs ; suivi de près par les téléphones Android…
Microsoft se devait de monter dans le TGV de la mobilité ! Sont donc apparus, après ses deux grands concurrents, les téléphones Windows. Avec un peu plus de retard sur eux, Microsoft attaque ce marché avec un peu plus de maturité qu’Apple qui a foncé en tant que pionnier et nous propose son système d’exploitation : Windows Phone.

C’est une bonne nouvelle pour nous ! C’est aujourd’hui un nouveau marché qui s’ouvre à nous avec plein d’applications potentielles à réaliser grâce à nos talents de développeur. Si c’est pour ça que vous vous trouvez sur cette page, alors restez-y ! Dans ce tutoriel, nous allons apprendre à réaliser des applications pour Windows Phone 7.5.
Enfin… plutôt « commencer à apprendre » car dans ce tutoriel nous n’allons pas pouvoir couvrir tous les recoins dont regorge cette plateforme de développement. Mais il vous offrira je l’espère un point d’entrée intéressant afin de vous lancer dans le monde merveilleux du développement pour Windows Phone.

Vous pouvez vous réjouir ! Nous allons pouvoir développer des applications pour Windows Phone grâce à notre langage préféré, le C#. Bonne nouvelle non ?
Il est possible de réaliser deux grands types d’application Windows Phone :

• des applications dites de gestion où on utilisera Silverlight pour Windows Phone
• des jeux avec le framework XNA

Il est également possible de développer des applications pour Windows Phone 7.5 en VB.NET et en F#, mais je ne traiterai que le C# dans ce tutoriel.

Dans ce tutoriel, nous allons apprendre à développer des applications de gestion avec Silverlight pour Windows Phone. Vous ne connaissez pas Silverlight ? Ce n’est pas grave, nous allons l’introduire rapidement (mais sûrement) dans les prochains chapitres.

Sachez que vous pouvez suivre les huit premiers chapitres de ce tutoriel sans posséder forcément de Windows Phone, ce qui est idéal lorsque l’on souhaite simplement découvrir le sujet. Le seul pré-requis sera de maîtriser un tant soit peu le C#. Pour ceux qui auraient besoin d'une piqûre de rappel, vous pouvez consulter mon tutoriel C# sur le Site du Zéro. ;)

Alors, quel est le programme ?

Nous allons dans un premier temps découvrir quels sont les outils nécessaires pour pouvoir développer pour Windows Phone. Puis nous aurons un petit aperçu de Silverlight car c’est un élément indispensable pour développer pour Windows Phone. Si vous connaissez déjà Silverlight, alors c’est une très bonne chose ; vous allez pouvoir réutiliser beaucoup de vos connaissances. Sinon, ce petit aperçu vous sera très utile. Il ne remplace pas un cours complet sur le sujet, mais se veut être une introduction suffisante pour arriver à suivre le tutoriel. Ensuite nous étudierons, à travers des exemples plus concret, certains aspects du développement spécifique Windows Phone, comme l’utilisation de certains contrôles, la récupération d’informations sur internet, l’exploitation de la géolocalisation, la connexion avec Facebook … Enfin, le dernier chapitre expliquera ce qu’il faut savoir pour tester son application finale sur son téléphone et pour la soumettre dans le grand magasin des applications Windows Phone de Microsoft, appelée généralement Windows Phone Store et qui remplace l'ancien nom Marketplace.

Joli programme n’est-ce pas ? Vous êtes prêts, alors c’est parti ! ^^

Dans ce tutoriel, nous allons apprendre à développer avec la version 7.5 de Windows Phone.

Installer les outils de développement

Ça a l’air super ça, de pouvoir développer des applications pour les téléphones ! C’est très à la mode et ces mini-ordinateurs nous réservent plein de surprises. Voyons donc ce qu’il nous faut pour nous lancer dans le monde merveilleux du développement pour Windows Phone.

Dans ce tutoriel, nous allons apprendre à développer pour Windows Phone équipés de la version 7.5, c’est-à-dire la version appelée « Mango » qui est la dernière version à l’heure où j’écris ces lignes.

La version 8 est en préparation mais sachez dès à présent que quasiment tout ce que vous aurez appris dans ce tutoriel restera vrai avec la version 8.

Introduction à Silverlight

Nous avons désormais tous les outils qu’il faut pour commencer à apprendre à réaliser des applications pour Windows Phone.
Nous avons pu voir que ces outils fonctionnent et nous avons pu constater un début de résultat grâce à l’émulateur. Mais pour bien comprendre et assimiler toutes les notions, nous avons besoin de plus de concret, de manipuler des éléments et de voir qu’est-ce qui exactement agit sur quoi. Aussi, il est temps de voir comment réaliser une première application avec le classique « Hello World » !
Cette première application va nous servir de base pour commencer à découvrir ce qu’il faut pour réaliser des applications pour Windows Phone.

Une application à plusieurs pages, la navigation

Pour l’instant, notre application est simple, avec une unique page. Il est bien rare qu’une application n’ait qu’une seule page… C’est comme pour un site internet, imaginons que nous réalisions une application mobile pour commander des produits, nous aurons une page contenant la liste des produits par rayon, une page pour afficher la description d’un produit, une page pour commander…

Nous allons donc voir qu’il est possible de naviguer facilement entre les pages de notre application grâce au service de navigation de Silverlight pour Windows Phone.

Accéder aux données

Lorsque nous avons étudié la ListBox, nous avons commencé à voir ce qu’était la liaison de données, appelée aussi le binding en anglais. C’est la possibilité de lier un contrôle à des données. Nous indiquons au contrôle où il peut trouver sa valeur et il se débrouille pour l’afficher. Cela permet de positionner automatiquement des valeurs aux propriétés des contrôles en fonction du contenu de la source de données. En effet, il est très fréquent de mettre des valeurs dans des TextBox ou dans des TextBlock comme nous l’avons fait. Le binding est là pour faciliter tout ce qui peut être automatisable et risque d’erreurs. De plus, si la source de données change, il est possible de faire en sorte que le contrôle soit automatiquement mis à jour. Inversement, si des modifications sont faites depuis l’interface, alors on peut être notifié automatiquement des changements.

Étude de cas : un agrégateur de flux

Maintenant que nous savons récupérer des données depuis internet, pourquoi ne pas essayer d’en faire quelque chose d’un peu intéressant ? Comme un lecteur de flux RSS par exemple…
Vous connaissez sans doute tous le RSS, c’est ce format qui nous permet de nous abonner à nos blogs favoris afin d’être avertis des nouveaux articles publiés.
Le flux RSS est produit sous forme de XML standardisé, contenant des informations sur le nom du site, les billets qui le composent, le titre du billet, la description, etc.

La géolocalisation

De plus en plus de matériels technologiques sont équipés de système de localisation, notamment grâce aux GPS. C’est également le cas des téléphones équipés de Windows Phone dont les spécifications imposent la présence d’un GPS. Mais le système de localisation est un peu plus poussé que le simple GPS qui a ses limites. En effet, on se trouve souvent à l’intérieur d’un immeuble ou entourés par des gros murs qui peuvent bloquer le signal du GPS… heureusement, la triangulation à base des réseaux WIFI peut prendre la relève pour indiquer la position d’un téléphone.

Consommer des données OData

OData (Open Data Protocol) est un protocole permettant le partage de données. Aujourd’hui, il y a beaucoup de données un peu partout sur internet et sous diverses formes. Lorsqu’elles sont dans des formats propriétaires, elles deviennent difficiles à exploiter. Le but de ce protocole est de fournir un moyen standardisé d’effectuer des requêtes sur ces données grâce aux protocoles standards du web dans l’optique d’améliorer l’accès à ces données et d’augmenter l’interopérabilité.
Les applications Windows Phone peuvent tirer parti d’OData grâce à une bibliothèque qui s’occupe d’encapsuler tous les appels et tout le système de requêtage. Comme d’habitude, un proxy est généré avec des classes représentant le modèle de données. Les requêtes REST sont encapsulées et les données seront exploitables grâce à LINQ.

Accéder à Facebook

Avec l’avènement des réseaux sociaux, une application Windows Phone va devoir être capable de travailler avec ces réseaux ! On ne cite plus bien sûr Twitter ou Facebook. Chacun des grands réseaux sociaux offre une solution pour interagir avec eux. Facebook ne déroge pas à cette règle et propose diverses solutions pour que nos applications tirent parti de la puissance du social. Nous allons à présent voir comment réaliser une petite application fonctionnant avec Facebook.

Publier son application

Ça y est, votre application est prête. L’émulateur vous a bien aidé dans votre phase de développement et vous vous sentez prêts pour passer à la suite. Nous allons voir dans ce chapitre comment faire pour tester son application sur un téléphone et pour soumettre son application sur le Windows Phone Store.
Mais la première chose indispensable à faire est de tester son application sur un vrai téléphone. Même si l’émulateur est capable de simuler pas mal de choses, c’est quand même le vrai téléphone qui va être capable de se rapprocher au plus de ce que vont avoir les utilisateurs au quotidien, forcément...
Ensuite, cela permet de valider plein de petites choses que l’on ne voit pas forcément dans l’émulateur (comme les images de l’application). Enfin, et c’est presque le plus important, cela permet de valider la performance de notre application.
En effet, un téléphone est généralement bien moins puissant qu’un ordinateur de développeur. Il m’est souvent arrivé de constater que mon application était super fluide dans l’émulateur, mais de retour sur mon téléphone, celle-ci était inutilisable tellement elle était lente.
Pour la terminer correctement, il faut donc déployer son application sur un téléphone.