Introduction

Ce cours va vous permettre de créer une application Windows Phone sans toucher une ligne de code !

Le Windows App Studio vous permet de concevoir votre application en toute simplicité.

Ce que vous saurez faire à la fin de cours : • Créer une application complète intégrant des photos, liens,

vidéos…• Publier une application sur le Windows Phone Store

Ressources nécessaires

Voici les outils dont nous aurons besoin dans ce cours :

Obligatoire :• Un compte Microsoft pour accéder à tous les services https://signup.live.com/• Windows App Studio pour créer son appli http://appstudio.windows.com/• Dev Center Windows Phone pour publier son appli http://dev.windowsphone.com

Facultatif : • Un éditeur d’image comme Gimp (gratuit) pour http://www.gimp.org/downloads/• Un Windows Phone pour tester son application, sinon il existe un émulateur

http://dev.windowsphone.com/fr-fr/downloadsdk

1/ Connexion au Windows Phone App Studio

1. Rendez-vous sur

http://appstudio.windows.com/ et

cliquez sur Start New Project

2. Connectez-vous avec votre

compte Microsoft.

Remarque : à votre 1ère connexion, il

vous sera demandé de valider le

contrat de développeur d’application.

Vous serez également redirigé vers

une ouverture de compte

développeur. Cette étape n’est pas

indispensable pour le moment, vous

pouvez donc fermer cette fenêtre et

revenir sur

http://appstudio.windows.com/

2/ Choix du template

Choisir Empty App

Pour ce cours, nous allons démarrer

avec un template vide que nous

allons alimenter avec des images,

liens, vidéos…

3/ Ajouter un titre, un logo et un fond

1 - Cliquer sur le

logo pour mettre

une image

2- Renseigner un

titre

3- Sauvegarder

après chaque

action

4- Cliquer sur Thèmes

dans le menu pour

afficher cet écran 4 – Cocher la case

Background Image

et télécharger votre

image pour la

mettre en fond

Ce que vous devrez avoir à ce stade…

A ce stade, vous devrez avoir quelque chose qui ressemble à l’image de droite.

Nous allons maintenant ajouter différents éléments : texte, images, liens, vidéos…

4/ Ajouter une page de bienvenue

1 – Cliquez sur HTML5 pour ajouter une

première page que nous allons éditer

2 – Ajoutez un titre et un texte. Vous pouvez

également ajouter une image en faisant un

copier/coller depuis une page web

3 – Cliquez sur « confirm » pour ajouter cette première page.

4 – Et comme à la fin de chaque action, n’oubliez pas de cliquer sur le bouton SAVE

Ce que vous devrez avoir à ce stade…

5/ Ajouter un menu avec 4 éléments

1 – Cliquez sur MENU pour ajouter le

menu et donner lui un nom

2 – Cliquez sur la petite flèche sous le menu que vous venez

de créer pour pouvoir ajouter des sous-éléments

3 - Ajouter une page HTML5 pour y mettre un contenu (comme on l’a fait dans l’étape 4/)

4 - Et comme à la fin de chaque action, n’oubliez pas de cliquer sur le bouton SAVE :

5 – Ajouter ensuite 3 éléments « Menu action » qui vous permet de faire des liens vers

une page web

6 – Vous avez maintenant un menu avec 4 éléments, regardez sur la page suivante si

votre résultat correspond bien.

Ce que vous devez avoir à ce stade…

6/ Ajouter une page de vidéos

1 – Cliquez sur YOUTUBE pour ajouter

une page de vidéo

2 – Donnez lui un nom et ajouter un mot-clé, un nom

d’utilisateur youtube ou une playlist youtube.

Et maintenant ?

L’application est maintenant terminée.Vous pouvez également personnaliser la tuile en regardant le menu « Tiles ».

Il est temps de générer le package de publication et de publier votre application sur le Windows Phone Store !

La suite dans le prochain module…

©2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.