Skip to content

19 juin 2010 | Rédigé par Axon

16

Débuter dans le développement Windows mobile [Tutoriel Windows n°1]

Voici le premier tutoriel pour le développement d’application Windows mobile. A chaque fois que l’on débute dans le développement logiciel, on apprend à installer l’environnement de développement (et son SDK) et on fait un petit Hello World. Alors on ne va pas déroger à la règle.

Installation de Visual Studio 2010 Express

La première étape est de télécharger Visual Studio 2010 Express for Windows Phone CTP (tout est légale, c’est une version gratuite de Visual Studio 2010). Une fois le petit fichier téléchargé (3,17 Mo), faites un double clique sur ce dernier. Acceptez la licence, puis cliquez sur Install Now et laissez le programme s’installer. Il se peut que lors de l’installation, il vous soit demandé de redémarrer votre ordinateur, acceptez et normalement une fois l’ordinateur est redémarré, l’installation reprendra. Une fois l’installation terminée, c’est prêt on peut passer au développement de notre première application Windows phone.

Application Hello World

Pour ceux qui ont déjà développé en C# normalement, le développement d’application Windows mobile (qui se fait en C#) ne devrait pas être un problème. La création d’interface se fait grâce à un glissé/déposé et l’ajout d’évènement se fait toujours grâce à un double clique sur l’élément.

Ceci dit, je vais tout de même expliquer comment faire ce fameux Hello World et vous verrez, même ceux qui n’ont jamais touché au C#, c’est d’une facilité déconcertante. Pour commencer cliquez dans le menu sur Files >>> New Project… Ensuite sélectionnez Windows Phone Application, donnez un nom à votre application grâce au champ Name (exemple : Tutoriel1_Windows) et donnez un nom à votre projet grâce au champ Solution name (exemple : Tutoriel1_Windows). Puis cliquez sur OK.


Une fois le projet créé, sur la gauche de votre écran vous devriez voir apparaitre un aperçu graphique (modifiable) de votre application, avec déjà  écrit MY APPLICATION et page title. Sélectionnez le TextBlock page title et supprimez-le en appuyant sur la touche Suppr. Modifiez le TextBlock MY APPLICATION et mettez le nom de votre application (exemple : Hello World, www.tutomobile.fr, etc…), pour cela faites un clique droit sur le TextBlock puis cliquez sur Propriétés et modifiez le champs Text dans la fenêtre de propriété à droite en bas de votre écran (cf. screen ci-dessous).

Ajoutons maintenant une image et notre fameux « Hello World ». Pour cela cliquez tout à gauche de votre écran sur l’onglet vertical ToolBox, sélectionnez l’élément image en gardant le bouton gauche enfoncé et faites un glissé/déposé sur l’écran du mobile (ajustez son emplacement). Pour y insérer votre Image indiquez le chemin de l’image dans le champ source de la fenêtre propriété. Répétez l’opération avec un TextBlock et modifiez les champs Text (inscrivez Hello World par exemple), ForegroundFontSize et TextAlignment. Une fois finie, pour admirer votre première application Windows mobile appuyez sur la touche F5 ou cliquez sur la petit flèche verte en haut de l’écran (en dessous du menu Visual Studio). Et normalement après quelques secondes de chargement de l’émulateur, si j’ai été suffisamment clair vous devriez avoir quelque chose qui ressemble à ça :

Voilà c’est fini pour aujourd’hui. Et comme toujours, n’hésitez pas à poser des questions via les commentaires et à partager ce tuto sur FaceBook et Twitter. Et pour rappel je cherche toujours un développeur iPhone pour faire des petits tuto sympathiques !

Découvrez d'autre articles de la catégorie Tutoriels Windows Phone 7

Encore un peu de lecture :

16 Commentaires Poster un commentaire
  1. 28 juin 2010

    vais le tester pour voir, je connais bien VS je suis developpeur web .net c#

  2. Oli
    17 juil 2010

    As tu besoin d’un pc pour developper en C# et l’app. Visual studio 2010 express?

  3. 17 juil 2010

    Pour programmer en C# (qui est un langage créer par Microsoft) avec Visual Studio 2010 (express ou non) normalement il te faut Windows comme système d’exploitation mais il existe d’autre logiciel pour programmer en C# sous Linux ou Mac OS X comme par exemple Mono (http://www.mono-project.com/Main_Page)

  4. 23 juil 2010

    Hello,

    je n’ai pas la version express de Visual Studio mais la Ultimate, cependant aucun outil par défaut pour les développeurs mobiles…tu as un solution ? ^^

  5. 23 juil 2010

    C’est normal, les outils de développement mobile ne sont disponible que dans Visual Studio 2010 Express for Windows Phone CPE donc tu es obligé de la télécharger.

    Moi aussi j’ai la Ultimate et je m’étais dis que j’aurais pu coder avec mais en fait non…

    A bientôt ;)

  6. :)
    20 août 2010

    Bonjour je voulais savoir si la version de Visual Studio 2010 Express for Windows Phone CTP est une version d’essai?
    Et merci pour ce tuto n’hésite pas à en faire d’autre car j’en ai vraiment besoin.
    Merci beaucoup.
    A bientôt

  7. 20 août 2010

    Non ce n’est pas une version d’essai, c’est simplement une version qui permet le dev Windows Phone.

    Je vais essayer d’en faire d’autre mais le temps me manque dommage que les journées ne durent pas 72h !

  8. :)
    20 août 2010

    Merci de ta réponse tres rapide! Moi aussi j’aimerais que c’est journée soit de 72h mais bon c’est la vie.
    Par contre j’ai plusieurs autre question a te poser, je me le permet…
    Peut-on utiliser visual studio 2010 pour programmer sur windows phone 6.5? car sur les screen ca ressemble a windows phone7…

    Est-ce que le SDK s’installe en même temps que le logiciel?
    Est-ce que je peux utiliser un autre SDK? (Manila sense SDK)

  9. 20 août 2010

    Visual Studio 2010 Express for Windows Phone CTP permet uniquement (j’espère ne pas dire de bêtises… ^^) le développement sur windows phone 7 (Voir ici) et le SDK s’installe en même temps.

    Par contre je ne sais pas si on peut utiliser un autre SDK je n’ai pas testé.

  10. :)
    20 août 2010

    A mince moi je cherche pour devellopper sur windows mobile 6.5…
    Donc j’ai besoin de visual studio 2008 mais c’est super cher comme logiciel c’est dommage pour moi…Merci quand même.=)

  11. yjam66
    15 nov 2010

    Merci pour tes Tuto.
    J’ai une question …
    Les Tuto android sont pour Les HTC
    Les Tuto Iphone sont pour les Iphone
    Pueux tu me dire pour quel téléphone on peut utiliser les tuto windows mobile (je suis develop. VB).
    Merci

  12. 16 nov 2010

    @yjam66 : Les tuto android sont pour TOUS les téléphones qui tourne sous Android, les tuto iPhone sont pour tous les devices tournant sous iOS, et les tuto Windows phone 7 sont pour tous les téléphones tournant sous windows phone 7

    Voilà j’espère avoir répondu à ta question

  13. yjam66
    16 nov 2010

    Merci.

  14. rahma
    28 fév 2011

    j’ai besoin d’un tutoriel pour developper m.facebook sur windows phone 7 svp car il peut m’aider sur mon sujet de PFE et merci d’avance

  15. 19 mar 2011

    Petite question,

    est-il possible de transformer facilement une application Android ou Bada pour Windows Mobile 7 ?
    ou faut-il obligatoirement recommencer du début ?
    Thanks

Trackbacks & Pingbacks

  1. Les tweets qui mentionnent Débuter dans le développement Windows mobile [Tutoriel Windows n°1] | Tuto Mobile -- Topsy.com

Une question, une suggestion, une opinion? Partagez ce que vous pensez, laissez un commentaire.

(obligatoire)
(obligatoire)

Note: Votre adresse email ne sera jamais publiée.

Suivez les réponses aux commentaires