introduction au développement windows phone 8

49
Introduction au développement Windows Phone 8 David POULIN Expert .NET @DaPoulinPr o Cyril CATHALA MVP / Expert .NET @CyrilCathala

Upload: bemyapp

Post on 22-Nov-2014

348 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Introduction au développement windows phone 8

Introduction au développement Windows

Phone 8David

POULINExpert .NET

@DaPoulinPro

Cyril CATHALAMVP / Expert .NET

@CyrilCathala

Page 2: Introduction au développement windows phone 8

Cyril CATHALAMVP /

Expert .NET@CyrilCathala

Wallbase Quoties

David POULINExpert .NET@DaPoulinPro

Radio Morning Star

Music Companion

TSF Jazz Radio

Foot Reader1 Indice 1 Mot

Veille technologique Accompagnement technique Formations Audit

Réalisation de POC Forfaits Windows 8 / Windows

Phone

Département Expertise & Innovation

2048

Page 3: Introduction au développement windows phone 8

Introduction Dev Center Design XAML + Contrôles Navigation Emulateur

Vignettes Spécificités Monétisation Publication sur le

Store Récapitulatif

Demandez le programme

Page 4: Introduction au développement windows phone 8

#mstechdays

INTRODUCTION

Page 5: Introduction au développement windows phone 8

Marchés supportés (190+ pays / 50 langues)

Parts de marché– >10% en Europe– >12% en France

200 000+ applications

Introduction

Page 6: Introduction au développement windows phone 8

Téléphones pour tous

WVGA800 x 48015:9

WXGA1280 x 76815:9

720p1280 x 72016:9

1080p1920 x 108016:9

NEW !

Page 7: Introduction au développement windows phone 8

#mstechdays

DEV CENTER WINDOWS PHONE

Pour bien démarrer

Page 8: Introduction au développement windows phone 8

Portail incontournable– Ressources : design+dev+exemples– Outils + SDKs

http://dev.windowsphone.com

Dev Center

Page 9: Introduction au développement windows phone 8
Page 10: Introduction au développement windows phone 8

Visual Studio 2012/2013 Blend Emulateur Windows Phone SDK– Débloquer son téléphone– Déploiement d’apps– Store Test Kit

Outillage

Page 11: Introduction au développement windows phone 8

C#/VB.NET + XAML C++/DirectX– Direct3D, XAudio2, MediaFoundation

HTML5/CSS/Javascript– Via WebBrowser

Langages

Page 12: Introduction au développement windows phone 8

démoNOUVEAU PROJET

Page 13: Introduction au développement windows phone 8

#mstechdays

DESIGN

De toute beauté

Page 14: Introduction au développement windows phone 8

Charte visuelle de Microsoft– Design intemporel, moderne– Respect de l’expérience utilisateur

Principes / guidelines– Affichez votre savoir-faire– Soyez rapide et fluide– Assumez le 100 % numérique– Faites-en plus avec moins– Travaillez en équipe

Microsoft Design Language

Page 15: Introduction au développement windows phone 8

Grille Hiérarchie Personnalité Contenu d’abord

Page 16: Introduction au développement windows phone 8

#mstechdays

XAML & CONTRÔLES

Interface graphique

Page 17: Introduction au développement windows phone 8

eXtensive Application Markup Language

Langage déclaratif de l’interface

XAML

<StackPanel> <Button Content="42"/> <TextBlock Text="Coucou !"/></StackPanel>

StackPanel stackpanel = new StackPanel();

Button button = new Button();button.Content = "42";stackpanel.Children.Add(button);

TextBlock tb = new TextBlock();tb.Text = "Coucou !";stackpanel.Children.Add(tb);

Page 18: Introduction au développement windows phone 8

Framework complet Disposition Arborescence visuelle Extensible– Styles + templates– Contrôles personnalisables

Composants graphiques

Page 19: Introduction au développement windows phone 8

Basiques– Grid, Button, TextBlock, etc.

Riches– Map, WebBrowser, MediaElement

Windows Phone– AppBar, Panorama, Pivot, LongListSelector

Windows Phone Toolkit – http://phone.codeplex.com– DatePicker, AutoCompleteBox, Transitions, etc.

Contrôles

Page 20: Introduction au développement windows phone 8

démoCONTRÔLES

Page 21: Introduction au développement windows phone 8

#mstechdays

NAVIGATION

Page 22: Introduction au développement windows phone 8

Frame– Gestion de la navigation

Page– Affiche du contenu– URI

Pile de navigation

NavigationFrame

MaPage.xaml

Contenu

NavigationService.Navigate(new Uri("/SuperPage.xaml",

UriKind.Relative));

SuperPage.xaml

Contenu

Page 23: Introduction au développement windows phone 8

#mstechdays

ÉMULATEUR

Développer sans téléphone

Page 24: Introduction au développement windows phone 8

Pré-requis– Processeur SLAT– Hyper-V activé (Windows 8 Pro ou +)

Fonctionnalités– Résolutions– Accéléromètre– Géolocalisation– Captures d’écran

Simulation dashboard

Emulateur

Page 25: Introduction au développement windows phone 8

#mstechdays

VIGNETTES

Bien plus qu’un carré !

Page 26: Introduction au développement windows phone 8

Raccourci vers l’application Statique ou dynamique– Mise à jour des vignettes ?

Vignettes principale et secondaires

Vignettes

Page 27: Introduction au développement windows phone 8

3 templates– Flip : se retourne pour

afficher du contenu secondaire

– Iconic : design sous forme d’icône, similaire à la vignette Mails ou Messages

– Cycle : fait tourner jusqu’à 9 images

Templates de vignette

Page 28: Introduction au développement windows phone 8

démoVIGNETTES

Page 29: Introduction au développement windows phone 8

#mstechdays

SPÉCIFICITÉS WINDOWS PHONE

Pour faire la différence

Page 30: Introduction au développement windows phone 8

Interaction avec le système Launchers : passe des données– ex.: partager un statut sur les réseaux sociaux

Choosers : reçoit des données– ex.: prendre une photo

EmailComposeTask, PhotoChooserTask, WebBrowserTask, etc.

Tour d’horizon des spécificités

Page 31: Introduction au développement windows phone 8

Ecran de verrouillage

Page 32: Introduction au développement windows phone 8

NFC

Page 33: Introduction au développement windows phone 8

Reconnaissance, synthèse, commandes

Voix

Page 34: Introduction au développement windows phone 8

Intégration OS

Filtres photo

Page 35: Introduction au développement windows phone 8

#mstechdays

MONÉTISATION

Comment gagner de l’argent en masse ?

Page 36: Introduction au développement windows phone 8

Application payante+ version d’essai

Achat dans l’applicationdurable / consommable

Publicités

Modèles de monétisation

Page 37: Introduction au développement windows phone 8

Version d’essai obligatoire Vignette dynamique & notifications

push Soigner son application Tester sur un vrai téléphone Inciter (intelligemment) à noter l’app Mises à jour régulières

Trucs & astuces

Page 38: Introduction au développement windows phone 8

#mstechdays

PUBLICATION SUR LE STORE

Page 39: Introduction au développement windows phone 8

Publication sur le Store

Page 40: Introduction au développement windows phone 8

Public / privé– Certification– Store Test Kit

Beta– Aucune expiration– Jusqu’à 10 000 utilisateurs

Entreprise

Modes de publication

Page 41: Introduction au développement windows phone 8

#mstechdays

DÉVELOPPER POUR WINDOWS PHONEA quel prix ?

Page 42: Introduction au développement windows phone 8

Débuter un développement– GRATUIT !– Visual Studio Express (édition Windows Phone)

Débloquer un téléphone– Pas besoin de compte développeur avec AppStudio !

Publier sur le Store– Compte développeur

A quel prix ?

Page 43: Introduction au développement windows phone 8

Compte développeur

14€ 75€

Individuel Entreprise

+ Windows

Store Apps

Bonus

Page 44: Introduction au développement windows phone 8

Développement mutualisé– Partage de code– API commune

Model View ViewModel (MVVM)– Pattern d’architecture– Partage de Model et ViewModel– Vues spécifiques aux tailles d’écran

Windows Store Apps

Page 45: Introduction au développement windows phone 8

#mstechdays

CONCLUSION

Page 46: Introduction au développement windows phone 8

Dev Center– dev.windowsphone.c

om

Accélérateur Windows– aka.ms/accelerateur

-windows

Exemples de code– http://

aka.ms/wp8samples

Training Kit– http://aka.ms/wp8hol

Récapitulatif : liens indispensables

Page 47: Introduction au développement windows phone 8

DVLUP– http://www.dvlup.com

La Trousse à outils du super développeur Windows Phone– http://youtu.be/IcENmGu8Urk

Pour aller plus loin

Page 48: Introduction au développement windows phone 8

Le dév Windows Phone, tout en douceur !

Nombreuses fonctionnalités Marché grandissant Convergence avec Windows 8

Conclusion

Page 49: Introduction au développement windows phone 8

#mstechdays

QUESTIONS ?

Réponses !