Alphorm.com-Formation windows phone 8.1

25/08/2014
1
Présentation de la formation
Windows Phone 8/8.1
Windows Phone 8 alphorm.com™©
Fabien Brissonneau
Consultant, concepteur et formateur
Objets Logiciels
Site : http://www.alphorm.com
Blog : http://www.alphorm.com/blog
Forum : http://www.alphorm.com/forum
Windows Phone 8/8.1

25/08/2014
2
Plan
• Présentation du formateur
• Les autres formations en programmation sur alphorm.com
• Qu’est-ce que Windows Phone 8?
• Le plan de formation
• Présentation des outils
• Publics concernés
• Connaissances requises
• Les références

25/08/2014
3
Présentation du formateur
• Fabien Brissonneau
• Email : fabien.brissonneau@gmail.com
• Consultant Concepteur et Formateur
• Missions d’architecture, de conception , de réalisation logicielles
• Fondateur de eiXa6
• Actuellement en mission sur un projet de gestion
• Actuellement en mission sur un projet de gestion
• Mes références :
Mon profil Viadeo : http://fr.viadeo.com/fr/profile/fabien.brissonneau
Mon profil LinkedIn : http://fr.linkedin.com/pub/fabien-brissonneau/65/902/92a/

25/08/2014
4
Mes formations déjà réalisées sur alphorm.com

25/08/2014
5
Autres formations en .NET déjà réalisées sur alphorm.com
Autres formations en .NET sur alphorm

25/08/2014
6
Qu’est ce que c’est Windows Phone 8.1
• Windows Phone 8.1 est un système d’exploitation
• Successeur des Windows Phone 7 et 8
• Utilise les ressources d’un appareil mobile
• Converge vers le système Windows
• Le framework à utiliser est quasi le même

25/08/2014
7
Le plan de formation
1. Introduction
2. Construire une application
3. Le déploiement de l'application
4. Les interfaces graphiques
5. Les interactions avec le système
6. Les accès réseau
7. Les capteurs
8. Conclusion

25/08/2014
8
Présentation des outils
• Visual Studio
• Les projets Windows Phone
• Windows Phone 8, 8.1, 8.1 Silverlight

25/08/2014
9
Publics concernés
• Tout développeur intéressé par une première approche du système
• Même sans connaissance de l’écosystème Microsoft
• Développeur souhaitant passer de Windows Phone 7 à 8

25/08/2014
10
Connaissances requises
• Bases de la programmation
• A l’aise avec la notion de compilation, de debug
• La connaissance d’un langage de programmation est un plus
• Le C# est ici utilisé pour la partie programmation

25/08/2014
11
Les références
• Un système Windows 8
• Le site dev.windows.com
• Visual Studio 2013, Update 2

25/08/2014
12
Are you ready ? ☺

25/08/2014
13
Introduction
Visual Studio et Blend
Fabien Brissonneau
Objets Logiciels
Visual Studio et Blend

25/08/2014
14
Plan
• Visual Studio 2013
• Edition du code C# vs XAML
• Propriétés de projets
• Blend

25/08/2014
15
Visual Studio 2013

25/08/2014
16
Edition du code C# vs XAML

25/08/2014
17
Propriétés de projets

25/08/2014
18
Blend

25/08/2014
19
Ce qu’on a couvert
• Présentation de Visual Studio
• Les éditeurs de code C# et de XAML
• Les propriétés du projet
• Blend, outil graphique
FIN

25/08/2014
20
Introduction
Les différents projets WP
Fabien Brissonneau
Objets Logiciels
Les différents projets WP

25/08/2014
21
Plan
• Application WP
• Application liée aux données
• Application panorama
• Application pivot
• Application XAML avec Direct3D
• Application HTML5
• Et les autres : bibliothèques, tests, agents

25/08/2014
22
Application Windows Phone
• PhoneApplicationFrame
• PhoneApplicationPage
• Canvas, Border, Grid

25/08/2014
23
Application liée aux données
• Utilise une liste liée
• Navigation facile en partant des items sélectionnés

25/08/2014
24
Application Panorama
• Un panorama est un conteneur long qui contient des items
• Idéal pour placer un contenu qui s’étale en longueur
• Pas à gérer les mouvements de l’utilisateur

25/08/2014
25
Application Pivot
• Alternative au panorama
• Contient des items qui sont rapidement accessibles

25/08/2014
26
Application XAML et Direct3D
• Il existe des application pure Direct3D, écrites en C++
• Un contrôle Direct3D peut être intégré dans l’application managée
• La surface occupée et le contrôle utilisé pour faire l’interaction Appli
Managée/Direct3D dépend du modèle utilisé :
DrawingSurface, qui est un contrôle comme un autre
DrawingSurface, qui est un contrôle comme un autre
DrawingSurfaceBackgroundGrid, qui occupe toute la surface de l’écran

25/08/2014
27
Application HTML5
• Utilisable via le composant WebBrowser, navigateur HTML

25/08/2014
28
• Les différents types de projets offerts sous Windows Phone 8
• Le modèle de base
• Les applications liées aux données
• Le panorama
• Le pivot
• XAML et Direct3D
• Les applications HTML5
FIN

25/08/2014
29
Introduction
Emulateur et matériel
Fabien Brissonneau
Objets Logiciels
Emulateur et matériel

25/08/2014
30
Plan
• L’émulateur WP
• Le paramétrage de l’émulateur
• L’exécution sur un matériel

25/08/2014
31
L’émulateur WP
• L’émulateur Windows Phone est une application qui émule un matériel
• Il fournit aussi un environnement isolé pour tester
• L’émulateur WP8 n’est pas compatible avec des applications avant 7.1
• Les paramétrages identiques à ceux d’un appareil physique

25/08/2014
32
Le paramétrage de l’émulateur
• Résolutions d’écrans : WVGA (800x480), WXGA (1280x768), 720p
(1280x720)
• Options portrait/paysage
• Mémoire contrainte : par défaut WXGA 512Mo
• Réseau : possibilité de limiter la bande passante
• Réseau : possibilité de limiter la bande passante
• Langue et régionalisation
• Cycle de vie de l’application
• Stockage local : (isolated storage) de la durée de fonctionnement
• Caméra, GPS …

25/08/2014
33
La barre d’outil
• Changer l’orientation
• Zoomer, ajuster la taille de l’émulateur
• Changer de langue et de paramètres régionaux
• Faire que l’application change d’état : Start, Back, Punaise

25/08/2014
34
L’exécution sur un matériel
• Nécessaire avant livraison
• Suppose de cibler un appareil connecté
• Indispensable pour tester : boussole, gyroscope, vibrations, luminosité

25/08/2014
35
• L’émulateur est un outil qui permet de tester l’application
• Les menus permettent de l’utiliser comme un vrai téléphone
• Les paramètres vont permettre de tester des conditions limites
• Il faut tester l’application sur un téléphone matériel avant livraison
FIN

25/08/2014
36
Introduction
Version 8 et 8.1
Fabien Brissonneau
Objets Logiciels
Version 8 et 8.1

25/08/2014
37
Plan
• Les projets Visual Studio
• La convergence vers Windows Store Apps
• Les nouveautés de 8.1

25/08/2014
38
Les projets Visual Studio
• Projets renommés
• Bien faire la différence entre
Windows Phone 8.1 Silverlight
Windows Phone 8.1
• Suivant le type du projet, les menus sont différents
• Suivant le type du projet, les menus sont différents

25/08/2014
39
La convergence Windows Store
• Modèle d’application et cycle de vie
• Manifest, construction et déploiement
• XAML

25/08/2014
40
Les nouveautés de 8.1
• Nouvelles classes de gélocalisation
• Zonage géographique (geofencing)
• Meilleure gestion des cartes
• Transferts en arrière-plan
• Nouvelle gestion des media
• Utilisation de WNS pour les notifications
• La barre de commande nouvelle
• …

25/08/2014
41
• Les projets Visual Studio
• La convergence vers Windows Store Apps
• Les nouveautés de 8.1
FIN

25/08/2014
42
Construire une application
Construire l’interface
Fabien Brissonneau
Objets Logiciels
Construire l’interface

25/08/2014
43
Plan
• L’application, les pages
• Utiliser la boîte à outils
Les layout
Les contrôles
• Edition du XAML
• Edition du XAML
• Edition du C#

25/08/2014
44
L’application, les pages
• L’application est l’objet qui réalise le démarrage du programme
• Peut être utilisée pour intervenir avant l’apparition de l’ihm
• App.xaml référence l’objet PhoneApplicationFrame
• Ce dernier objet sert à la navigation entre les pages
• Une page, dérivée de PhoneApplicationPage, contient les contrôles
• Elle référence divers espaces de nommages, dont MS.Phone.Controls

25/08/2014
45
Utiliser la boîte à outils
• La boîte à outils sert à construire l’ihm
• Les contrôles sont déposés simplement sur le concepteur graphique
• La boîte à outils sert aussi à disposer les layout
• Le layout est un conteneur qui règle le positionnement initial et la
déformation des contrôles
déformation des contrôles

25/08/2014
46
Edition du XAML
• L’édition directe du XAML est rapide
• XAML est un langage de description de pages dialecte XML
• Support de WPF et Silverlight
• Avec XAML, on peut décrire la quasi-totalité de l’ihm
• Le lien avec la code C# (ou autre) est réalisé par le runtime

25/08/2014
47
Edition du C#
• Le C# est un langage de programmation orienté objet
• Il permet d’implémenter la logique applicative
• Les objet XAML sont utilisables par leur noms
• Les attributs du XAML sont des propriétés des objets C#

25/08/2014
48
• L’application est unique et référence la racine
• Une page est le conteneur des contrôles à un moment donné
• Utiliser la boîte à outils pour distribuer les contrôles en tenant compte
des conteneur de positionnement utilisés
• Edition du XAML pour intervenir sur l’ihm
• Edition du XAML pour intervenir sur l’ihm
• Edition du C# pour ajouter le code ayant une logique plus applicative
FIN

25/08/2014
49
Améliorer l’interface
Fabien Brissonneau
Objets Logiciels
Améliorer l’interface

25/08/2014
50
Plan
• Saisie de dates, heures
• Liaison entre contrôles
• Validation des entrées
• Onglets avec Pivot
• Scrolling
• Application bar

25/08/2014
51
Saisies de dates et heures
• Depuis WP 8.1, contrôles DatePicker et TimePicker
• Possibilités d’initialiser les propriétés de ces contrôles
• Récupérer les informations

25/08/2014
52
Les liaisons entre contrôles
• Le databinding permet de :
Positionner une propriété d’un champ en fonction d’un autre
Mettre à jour un champ par rapport à un objet C#
Mettre à jour un objet C# par rapport à un contrôle

25/08/2014
53
La validation des entrées
• Il faut contrôler la validité des saisies utilisateurs
• Réagir sur l’événement de saisie

25/08/2014
54
Les onglets avec Pivot
• Le contrôle Pivot permet de présenter plusieurs onglets
• Navigation facile, avec une description différente dans chaque partie
• Le contrôle Pivot est à la base d’un type de projet Visual

25/08/2014
55
Scrolling et application bar
• Le scrolling va être automatique si la surface n’est pas suffisante
• La barre de boutons 8.1 est différente de celle de 8
AppBarButton
AppBarToggleButton

25/08/2014
56
• La richesse des contrôles
• La liaison entre contrôles et données permet d’économiser pas mal de
code
• Les onglets avec Pivot permettent de construire une ihm plus riche
FIN

25/08/2014
57
Gestion des événements
Fabien Brissonneau
Objets Logiciels
Gestion des événements

25/08/2014
58
Plan
• Principe des callbacks en XAML/C#
• Les événements disponibles sur les contrôles
• Le modèle de commandes
• Le modèle MVVM

25/08/2014
59
Principe des callback
• Une fonction de rappel est déclenchée lorsqu’un événement est levé
• La fonction de rappel est typiquement écrite en C#
• La fonction peut être branchée
Lors du chargement du formulaire, en C#
Dans la description du contrôle, en XAML
• La callback, ou fonction de rappel, est le « event handler »

25/08/2014
60
Les événements disponibles sur les contrôles
• Chaque contrôle propose un ensemble d’événements
• Un événement est un message émis en réponse à une action utilisateur
ou à la logique interne
• Le « event handler » reçoit 2 ,paramètres
L’émetteur de l’événement
L’émetteur de l’événement
Un objet d’une sous-classe de EventArgs
• Les RoutedEvents sont spécifiques UI WP, et peuvent remonter les
contrôles parents

25/08/2014
61
Le modèle MVVM
• Model View ViewModel
Model : les objets de donnée
View : la page XAML
ViewModel : un objet lié par DataContext de la View
• Les binding vont faire le lien entre les contrôles et les propriétés du
• Les binding vont faire le lien entre les contrôles et les propriétés du
ViewModel

25/08/2014
62
Le modèle de commande
• Repose sur l’utilisation de ICommand
• Créer une classe qui :
Implémente les méthodes Execute et CanExecute
Expose un événement CanExecuteChanged
• Cette classe délègue au ViewModel l’exécution réelle
• Cette classe délègue au ViewModel l’exécution réelle
Func<P,R> : représente une fonction paramètre type P, retour type R
Action<P> : représente une procédure de paramètre de type P

25/08/2014
63
• Les gestionnaires d’événements se connectent sur les contrôles
• Les contrôles présentent des événements auxquels s’baonner
Certains événements sont routés vers les parents au besoin
• Les commandes sont des objets qui sont connectés aux contrôles
• Le modèle MVVM simplifie la maintenance de l’application
FIN

25/08/2014
64
Les gestion des erreurs
Fabien Brissonneau
Objets Logiciels
Les gestion des erreurs

25/08/2014
65
Plan
• Les exceptions CLR
• Les exceptions dans la validation
BindingValidationError
• Les déclarations de capacités dans le manifest
UnauthorizedAccessException
• Ne pas laisser passer d’exceptions, requis par la certification

25/08/2014
66
Les exceptions CLR
• Le framework DotNet signale les erreurs exceptionnelles par exceptions
• Une exception est un objet d’une classe héritant de la classe Exception
SystemException, ApplicationException
• Une exception capte un contexte d’erreur
Création de l’objet exception en passant des paramètres
Levée avec throw
• Un gestionnaire d’erreur récupère ces informations
Mots-clés try / catch/ finally

25/08/2014
67
Les exceptions dans la validation
• En mode two-way, le modèle est mis à jour
• Le modèle lève une exception en cas d’erreur
• Dans le XAML, utiliser un gestionnaire sur le parent du contrôle
concerné par la validation
BindingValidationError=<nom du gestionnaire>
BindingValidationError=<nom du gestionnaire>
Tester la propriété Action de l’argument (Added, Removed)

25/08/2014
68
Les exceptions de capacité
• Si on tente de déclencher du code sous contrôle du manifest
• Sélectionner dans le manifest

25/08/2014
69
• Les exceptions CLR
• Les exceptions dans la validation
BindingValidationError
• Les déclarations de capacités dans le manifest
UnauthorizedAccessException
• Ne pas laisser passer d’exceptions, requis par la certification
FIN

25/08/2014
70
Les ressources images
Fabien Brissonneau
Objets Logiciels
Les ressources images

25/08/2014
71
Plan
• Le répertoire Assets
• Les images en tant que contenu ou ressource
• Lier une image à XAML
• Charger une image en C#
• Les images dans la publication de l’application
• Les images et les tuiles

25/08/2014
72
Le répertoire Assets
• Le répertoire Assets est fourni avec quelques images-types
• En général, il existe 3 tailles d’images, et le système va les mettre à
l’échelle en fonction de la résolution de l’appareil
• La référence vers l’image se fait en spécifiant le chemin
• Les formats sont : jpg, png, bmp, gif, tiff, ico
• Les formats sont : jpg, png, bmp, gif, tiff, ico
• Pour charger une image, Image ou ImageBrush

25/08/2014
73
Les images, contenu ou ressource
• Action de build sur l’image : Contenu vs Ressource
Contenu : packagé, mais pas dans l’assembly, obligatoire pour contrôles
Ressource : dans l’assembly, problème de temps de chargement initial

25/08/2014
74
Les images en XAML
• Balise Image, propriété Source

25/08/2014
75
Les images en C#
• Possibilité de positionner les images sources

25/08/2014
76
Les images pour publier l’application
• Certaines images sont indispensables à la création du package
Icône d’application 300x300
• Images optionnelles de promotion
• Pour publication dans le Store, au moins une capture d’écran (8 max)
• Les règles sont différentes dans le Windows Store

25/08/2014
77
Les images et les tuiles
• Les tuiles peuvent être « flip », « cycle » ou « iconic »
Une icône : taille small (71x110)+ medium (134x202)
Cyclique : 1 small (159x159) + 9 maxi medium
Flip : 3 front et 3 back
• Les images sont fournies selon différentes résolutions
• Les images sont fournies selon différentes résolutions
• La taille des images affichées est choisie par l’utilisateur

25/08/2014
78
• Le répertoire Assets
• Les ressources en tant que contenu ou ressource
• Lier une image à XAML
• Charger une image en C#
• Les images dans la publication de l’application
• Les images et les tuiles
FIN

25/08/2014
79
Le déploiement
Le compte développeur
Fabien Brissonneau
Objets Logiciels
Le compte développeur

25/08/2014
80
Plan
• Créer un compte développeur

25/08/2014
81
Le site dev.windows.com
• Centre de développement
• Tableau de bord, pour suivi des applications
• Accès à la publication des applications

25/08/2014
82
Créer un compte développeur
• Infos compte Microsoft
• Information de carte de crédit
• Compte individuel ou entreprise

25/08/2014
83
• Créer un compte développeur
FIN

25/08/2014
84
Le déploiement
Le manifest
Fabien Brissonneau
Objets Logiciels
Le manifest

25/08/2014
85
Plan
• Définition
• Contenu

25/08/2014
86
Définition
• Le « manifest » est un document XML
• Contient les infos pour déployer, afficher et mettre à jour l’application

25/08/2014
87
Contenu
• Identité du package
• Dépendances
• Capacités requises
• Elements visuels
• Points d’extension

25/08/2014
88
• Définition
• Contenu
FIN

25/08/2014
89
Le déploiement
Le package
Fabien Brissonneau
Objets Logiciels
Le package

25/08/2014
90
Plan
• Construire le package
• Le Kit de certification
• Soumettre l’application

25/08/2014
91
Construire le package
• Sous Visual Studio
• Ensuite le package généré sera
Directement utilisé sur un téléphone déverrouillé
Téléchargé dans le Windows Phone Store
Utilisé dans un émulateur Windows Phone
Utilisé dans un émulateur Windows Phone
• Nécessite un compte développeur

25/08/2014
92
Le Kit de certification
• Livré avec le SDK
• Accessible en tant qu’application sous Windows
• Ou bien lancée directement via Visual Studio

25/08/2014
93
Soumettre l’application
• La soumission comprend :
Les infos rentrées à la soumission
Le package d’application
• Différents états, 12 possibles
• A suivre dans le tableau de bord
• A suivre dans le tableau de bord

25/08/2014
94
• Construire le package
• Le Kit de certification
• Soumettre l’application
FIN

25/08/2014
95
Le déploiement
L’internationalisation
Fabien Brissonneau
Objets Logiciels
L’internationalisation

25/08/2014
96
Plan
• Traduction des ressources utilisateur
• L’internationalisation de ressources image, audio, vidéo…

25/08/2014
97
Traduction des ressources utilisateur
• Définir la langue par défaut « fr-FR »
• Créer les dossiers et fichiers de ressources
Strings/fr-FR/Resources.resw
• Les éléments visuels portent un attribut x:Uid
X:Uid=<nom de la chaîne>
• Dans le code, accès via
Windows.ApplicationModel.Resources.ResourceLoader() . GetString(<nom>)

25/08/2014
98
Ressources audio, vidéo…
• Consommateur de ressources systèmes
• Utiliser si possible des ressources neutres
• Fichiers nommés par qualificateurs de ressources
Images/fr-FR/logo.scale-100_contrast-white.png
Images/logo.png

25/08/2014
99
• Traduction des ressources utilisateur
• L’internationalisation de ressources image, audio, vidéo…
FIN

25/08/2014
100
Les interfaces graphiques
Les différents types
Fabien Brissonneau
Objets Logiciels
Les différents types
d’interfaces

25/08/2014
101
Plan
• L’application vide
• L’application Hub ou Panorama
• L’application Pivot
• L’application Webview ou HTML

25/08/2014
102
L’application vide
• L’ihm est quasi vide, selon qu’on prend Silverlight ou non
• Libre choix de la construction de l’interface graphique
• Nécessité de créer des pages entre lesquelles il faut naviguer
• Les layouts : Grid, StackPanel, Canvas

25/08/2014
103
L’application Hub ou Panorama
• Le Hub, ou Panorama est une organisation particulière de l’application
• Un contrôle Hub (Panorama) et des contrôles
HubSection(PanoramaItem)
• Le contrôle Hub offre : Background, Title, Items

25/08/2014
104
L’application Pivot
• L’application Pivot met en avant un découpage de groupes en items
• Les contrôles à utiliser sont Pivot et Pivot Item
• Le databinding est ici très utile

25/08/2014
105
L’application Webview ou HTML
• Une application basée sur un contrôles WebView
• Edition de pages HTML
• Une interface web, basée sur du HTML

25/08/2014
106
• L’application vide
• L’application Hub ou Panorama
• L’application Pivot
• L’application Webview ou HTML
FIN

25/08/2014
107
La navigation
Fabien Brissonneau
Objets Logiciels
La navigation

25/08/2014
108
Plan
• OnNavigatedFrom / OnNavigatedTo
• NavigationService
• Frame : Navigate, GoBack, GoForward
• NavigationHelper / SyspensionManager

25/08/2014
109
OnNavigatedFrom / OnNavigatedTo
• La construction des pages : hyperlink / Navigate
• La maintenance de l’état de la page ne doit donc pas être fait dans le
constructeur, ni Loaded ou LayoutUpdated

25/08/2014
110
NavigationService
• Disponible pour Silverlight 8.1
• Founir l’URI de la page cible
• NavigationService.Navigate(new Uri( …))

25/08/2014
111
Frame
• Sur la classe Frame :
Navigate
GoBack
GoForward
• Exemple :
• Exemple :
Frame.Navigate(typeof(AutrePage));
• Dans App.cs, Navigate sur rootFrame pour charger la première

25/08/2014
112
SuspensionManager / NavigationHelper
• SuspensionManager
Une classe fournie dans certains types de projets
Simplifie la gestion de l’état de l’application
Propose un dictionnaire, SessionState
• NavigationHelper
• NavigationHelper
Chargé de rappeler LoadState/SaveState de la page
Utiliser (EventArgs) e .PageState

25/08/2014
113
• OnNavigatedFrom / OnNavigatedTo
• NavigationService
• Frame : Navigate, GoBack, GoForward
• NavigationHelper / SuspensionManager
FIN

25/08/2014
114
L’interface DirectX
Fabien Brissonneau
Objets Logiciels
L’interface DirectX

25/08/2014
115
Plan
• L’application DirectX
Ne permet pas le mixage XAML/C++
• L’application DirectX et XAML
Une surface de dessin DirectX dimensionnée, intégrée dans un projet XAML
Composant SurfaceImageSource
• Composant SurfaceImageSource
Une grande image, sur laquelle on zoom
• Composant VirtualSurfaceImageSource
Des images en temps réel
• Composant SwapChainPanel

25/08/2014
116
L’application DirectX
• La fenêtre complète est occupée par un objet de rendu graphique
• Une boucle dans laquelle :
On met à jour le contenu
On affiche directement
• Les actions de l’utilisateur sont redirigées
• Les actions de l’utilisateur sont redirigées

25/08/2014
117
XAML et DirectX
• Possibilité de mixer XAML et accès direct à l’affichage
• Moindre performance

25/08/2014
118
• L’application DirectX
Ne permet pas le mixage XAML/C++
• L’application DirectX et XAML
Une surface de dessin DirectX dimensionnée, intégrée dans un projet XAML
Composant SurfaceImageSource
• Composant SurfaceImageSource
Une grande image, sur laquelle on zoom
• Composant VirtualSurfaceImageSource
Des images en temps réel
• Composant SwapChainPanel
FIN

25/08/2014
119
Action et multitouch
Fabien Brissonneau
Objets Logiciels
Action et multitouch

25/08/2014
120
Plan
• Les mouvements utilisateur
• Les niveaux de traitements

25/08/2014
121
Les mouvements utilisateur
• Tap : un doigt touche et relâche
• DoubleTap : 2 taps
• Hold : un doigt touche et reste en place
• Pan/Drag : un doigt touche et bouge un contenu(Pan : le contenu est
plus grand que l’écran)
plus grand que l’écran)
• Flick : un doigt touche et se déplace en dehors de l’écran
• Pinch : 2 doigts touchent et se rapprochent
• Stretch : 2 doigts touchent et s’écartent

25/08/2014
122
Les niveaux de traitements
• Evénements bas-niveau (Manipulation)
• On- méthodes bas niveau
• Evénements haut-niveau
• On- méthodes haut niveau
• FrameReported Event

25/08/2014
123
• Les mouvements utilisateur
• Les niveaux de traitements
FIN

25/08/2014
124
Les interactions avec le système
Le cycle de vie
Fabien Brissonneau
Objets Logiciels
Le cycle de vie

25/08/2014
125
Plan
• Règles générales
• Les états d’une application
• Scénarios
• Les méthodes de App : OnLaunched, OnActivated, Suspending,
Resuming
Resuming

25/08/2014
126
Les états d’une application
• NotRunning -> Activated -> Running
• Running -> Suspending -> Suspended
• Suspended -> Resuming -> Running
• Suspended -> NotRunning

25/08/2014
127
Règles générales
• Il peut y avoir plusieurs applications tournant en même temps, mais une
seule est active
• Seule l’application active peut activer une autre application
• Il n’y a qu’une seule page active
• L’utilisateur peut toujours revenir au départ
• L’utilisateur peut toujours revenir au départ
• L’utilisateur peut toujours faire un back, retour vers la page précédente
ou vers l’application précédente
• Une application vers laquelle on fait un forward doit se présenter
comme précédemment

25/08/2014
128
Les scénarios
• Une application recharge ses données lorsqu’elle reçoit l’événement
Launch
• Un test sur PreviousExecutionState permettra de savoir si elle doit
recharger ses données ou non
• Lors de la suspension, il faudra sauvegarder les données associées,
libérer les ressources
libérer les ressources
• Il n’y a pas de notification lors de la terminaison éventuelle

25/08/2014
129
Les méthodes de App
• OnLaunched : une nouvelle instance de l’application est lancée
• OnActivated : l’application est active, il faut restaurer l’état
• Suspending : on passe en arrière plan, peut être terminée plus tard
• Resuming : avant activation, si un gestionnaire est enregistré
• Ne pas oublier OnNavigatedFrom et OnNavigatedTo

25/08/2014
130
• Règles générales
• Les états d’une application
• Scénarios
• Les méthodes de App : OnLaunched, OnActivated, Suspending,
Resuming
Resuming
FIN

25/08/2014
131
Launchers et choosers
Fabien Brissonneau
Objets Logiciels
Launchers et choosers
Et équivalents sous 8.1

25/08/2014
132
Plan
• Windows Phone 8.0
Launchers
• Lance une application et ne retourne rien
Choosers
• Lance une application et retourne quelque chose
• Lance une application et retourne quelque chose
• Windows Phone 8.1
Microsoft.Phone.Tasks n’existe pas

25/08/2014
133
Launchers
• BingMapsTask
• ConnectionSettingsTask
• EmailComposeTask
• PhoneCallTask
• …
• Dans l’espace de nommage Microsoft.Phone.Tasks

25/08/2014
134
Choosers
• AddressChooserTask
• PhotoChooserTask
• SaveContactTask
• …
• Ces tâches sont prévues pour retourner une information

25/08/2014
135
Sous Windows Phone 8.1 …
• Lancer un appel téléphonique …
• Utiliser PhoneCallManager
• Espace de nommage Windows.ApplicationModel.Calls

25/08/2014
136
Sous Windows Phone 8.1 …
• La gestion des medias via MediaCapture
• Récupérer une photo via FileOpenPicker …
• …
• Espace de nommage Windows.Storage.Pickers

25/08/2014
137
• Launchers
Lance une application et ne retourne rien
• Choosers
Lance une application et retourne quelque chose
L’équivalent sous Windows Phone 8.1
L’équivalent sous Windows Phone 8.1
FIN

25/08/2014
138
Les settings
Fabien Brissonneau
Objets Logiciels
Les settings

25/08/2014
139
Plan
• ApplicationData
• Exemple de code pour sauver les paramètres
• Exemple de code pour charger les paramètres

25/08/2014
140
ApplicationData
• Classe de Windows.Storage
• Disponible à partir de Windows Phone 8.1
• Emplacement des données géré par le système
Local : sur le matériel courant et le cloud
Roaming : pour tous les matériels sur lequel cette app est installée
Roaming : pour tous les matériels sur lequel cette app est installée
Temporary : les données peuvent disparaître n’importe quand
Localcache : données qui n’existent QUE sur ce matériel
• Possibilités de versionner les data

25/08/2014
141
Exemple de code pour sauver les paramètres
• var appData = Windows.Storage.ApplicationData.Current;
• var localSettings = appData.LocalSettings;
• localSettings.Values["NomUtilisateur"] = nom.Text;

25/08/2014
142
Exemple pour charger les paramètres
• var appData = Windows.Storage.ApplicationData.Current;
• var localSettings = appData.LocalSettings;
• if (localSettings.Values.ContainsKey("Nom"))
• {
• nom.Text = localSettings.Values["Nom"].ToString();
• }

25/08/2014
143
• ApplicationData
• Exemple de code pour sauver les paramètres
• Exemple de code pour charger les paramètres
FIN

25/08/2014
144
Le stockage local
Fabien Brissonneau
Objets Logiciels
Le stockage local

25/08/2014
145
Plan
• ApplicationData
• Stockage « local » ou « roaming »
• Stockage temporaire

25/08/2014
146
Windows.Storage.ApplicationData
• Current
• LocalFolder
• LocalSettings
• RoamingFolder
• RoamingSettings
• RoamingStorageQuota
• TemporaryFolder
• Version

25/08/2014
147
Stockage local
• Propriété LocalFolder de ApplicationData
• Pour des données larges
• Valable pour le matériel local uniquement

25/08/2014
148
Stockage roaming
• Propriété RoamingFolder de ApplicationData
• Le stockage des données est synchronisé entre plusieurs matériels sur
lesquels l’application est installée
• Les données sont limitées en taille
• On peut s’abonner à une événement DataChanged qui signale que les
• On peut s’abonner à une événement DataChanged qui signale que les
données ont changé
• Les données sont liées aux versions

25/08/2014
149
Stockage temporaire
• Propriété TemporaryFolder
• Le système peut nettoyer les données
• L’utilisateur peut nettoyer les données

25/08/2014
150
• ApplicationData
• Stockage « local » ou « roaming »
• Stockage temporaire
FIN

25/08/2014
151
Les fichiers et répertoires
Fabien Brissonneau
Objets Logiciels
Les fichiers et répertoires

25/08/2014
152
Plan
• Généralités
• Le répertoire d’installation
• Les FileOpenPicker et FolderPicker
• Les répertoires supplémentaires

25/08/2014
153
Généralités
• Lecture et écriture asynchrone
• Les méthodes asynchrones s’appellent avec « await »
• Obtenir un StorageFile ou un StorageFolder
StorageFile f = await sd.CreateFileAsync("data.txt",
CreationCollisionOption.ReplaceExisting);
CreationCollisionOption.ReplaceExisting);
• Ecrire dans un fichier
await FileIO.WriteTextAsync(f, "Voici les données ...");
• Espace de nommage Windows.Storage

25/08/2014
154
Les répertoires
StorageFolder sf = Package.Current.InstalledLocation;
• Les fichiers de ce répertoire sont en lecture seule
• Préfixe « ms-appx:/// » pour accéder à un fichier de ce répertoire

25/08/2014
155
FileOpenPicker et FolderPicker
• FileOpenPicker, méthode PickSingleFileAndContinue
• API différente entre Windows et Windows Phone
• Doit être lié via OnActivated à l’application d’origine
• FolderPicker, méthode PickFolderAndContinue
• …

25/08/2014
156
Les répertoires supplémentaires
• KnownFolders.MusicLibrary
• KnownFolders.PicturesLibrary
• KnownFolders.VideosLibrary
• KnownFolders.HomeGroup
• …

25/08/2014
157
• Les FileOpenPicker et FolderPicker
• Les répertoires supplémentaires
FIN

25/08/2014
158
SQL
Fabien Brissonneau
Objets Logiciels
SQL

25/08/2014
159
Plan
• SQLite
• Créer une base
• Insérer une élément
• Récupérer les infos

25/08/2014
160
SQLite
• SQLite et SQLitePCL
• Installés via les extensions et Nuget
• Espace de nommage SQLite
• SQLite s’utilise via Linq
• SQLitePCL permet d’accéder bas niveau au SQL

25/08/2014
161
Créer un élément
• conn = new SQLiteConnection("data.db");
• string sql = @"CREATE TABLE IF NOT EXISTS LIVRE(
• Id INTEGER PRIMARY KEY AUTOINCREMENT NOt NULL,
• Titre VARCHAR(100),
• ISBN VARCHAR(100),
• ISBN VARCHAR(100),
• Auteur VARCHAR(100));";
• using (var st = conn.Prepare(sql))
• {
• st.Step();
• }

25/08/2014
162
Insérer un élément
• using(var l = conn.Prepare("INSERT INTO Livre(Titre,ISBN,Auteur) Values(?,?,?)") ){
• l.Bind(1,"Promenades et randonnées …");
• l.Bind(2,"2-9506274-4-7");
• l.Bind(3,"FFRP");
• l.Step();
• }

25/08/2014
163
Sélectionner
• using (var st = App.conn.Prepare("SELECT * FROM Livre"))
• {
• var res = st.Step();
• if (SQLiteResult.ROW == res)
• {
• {
• Titre.Text = st[0].ToString();
• ISBN.Text = st[1].ToString();
• Auteur.Text = st[2].ToString();
• }
• }

25/08/2014
164
• SQLite
• Créer une base
• Insérer un élément
• Récupérer les infos
FIN

25/08/2014
165
Les accès réseau
Les accès au Web
Fabien Brissonneau
Objets Logiciels
Les accès au Web

25/08/2014
166
Plan
• HttpClient
• Méthodes Delete, Get, Put, Post
• HttpResponseMessage
• Cookies et en-têtes HTTP

25/08/2014
167
HttpClient
• Windows.Web.Http.HttpClient
• Classe à instancier
• Méthode GetStringAsync(uri) retourne le contenu
• Ne pas oublier l’appel à Dispose

25/08/2014
168
Méthodes
• GetAsync(uri) : requête GET
• PostAsync(uri) : requête POST
• PutAsync(uri) : requête PUT
• DeleteAsync(uri) : requête DELETE
• SendRequestAsync(HttpRequestMessage) : requête générique

25/08/2014
169
HttpResponseMessage
• Class de Windows.Web.Http
• Réponse à la requête avec en-têtes, code d’état et données
• Propriétés
Content
StatusCode
IsSuccessStatusCode
Headers
Version

25/08/2014
170
Cookies et en-têtes
• Sur la classe HttpClient
DefaultRequestHeaders
Classe …Headers.HttpRequestHeadersCollection
Propriétés :
• UserAgent
• UserAgent
• Cookies
• …

25/08/2014
171
• HttpClient
• Méthodes Delete, Get, Put, Post
• HttpResponseMessage
• Cookies et en-têtes HTTP
FIN

25/08/2014
172
Les accès réseau
Les services WCF
Fabien Brissonneau
Objets Logiciels
Les services WCF

25/08/2014
173
Plan
• Les services WCF
• Créer un service WCF
• Consommer un service

25/08/2014
174
Les services WCF
• Un sur-ensemble des services distants
• Sépare l’implémentation de la description du service
• Souplesse accrue
• Tuyauterie de présentation du service non codée

25/08/2014
175
Créer un service WCF
• Un type de projet WCF
• Implémentation du service dans une classe
• Représentation du service par une interface
• Description du service dans un fichier de configuration
• Web services : BasicHttpBinding, WsHttpBinding, WebHttpBinding

25/08/2014
176
Consommer un service
• Laisser VS créer un proxy pour s’occuper de la tuyauterie
• Lui fournir un fichier svc
• Accéder aux méthodes du proxy

25/08/2014
177
• Les services WCF
• Créer un service WCF
• Consommer un service
FIN

25/08/2014
178
Les accès réseau
Les services mobiles
Fabien Brissonneau
Objets Logiciels
Les services mobiles

25/08/2014
179
Plan
• Le compte Azure
• Définir un service mobile
• Utiliser le service mobile

25/08/2014
180
Le compte Azure
• Adresse azure.microsoft.com
• Version d’évaluation gratuite, version payante ou compte développeur
msdn

25/08/2014
181
Définir un service mobile
• Fournir une url
• Lier une base de données

25/08/2014
182
Utiliser un service mobile
• Etablir la connexion
• Accéder aux tables
• Procéder avec les applications générées

25/08/2014
183
• Le compte Azure
• Définir un service mobile
• Utiliser le service mobile
FIN

25/08/2014
184
Les accès réseau
Les services de notifications
Fabien Brissonneau
Objets Logiciels
Les services de notifications
Push

25/08/2014
185
Plan
• Les étapes
• PushNotificationChannelManager
• HttpNotificationChannel

25/08/2014
186
Les étapes
• Enregistrer son application dans le Store
• Associer sous Visual Studio le projet avec l’appli dans le Store
• Dans le Windows Dev Center, visiter la page des services
positionner client ID et client Secret
• Sur le service Azure, indiquer les 2 infos préalables
• Mettre en place le code
Dans l’application Windows Phone 8.1
Dans l’application serveur

25/08/2014
187
PushNotificationChannelManager
• Espace de nommage Windows.Networking.PushNotifications
• Créer les objets à utiliser pour recevoir les notifications
• On va les lier ensuite à une application ou à une tuile
• .CreatePushNotificationChannelForApplicationAsync();
• On enregister le PushNotificationChannel résultant

25/08/2014
188
HttpNotificationChannel
• Espace de nommage Miscrosoft.Phone.Notification
• Propriétés
ChannelName
ChannelUri
ConnectionStatus
ConnectionStatus
IsShellTileBound
IsShellToastBound

25/08/2014
189
Sur le serveur
• Lorsque la notification doit être faite …
• Créer un WindowsPushMessage
• Le construire (XML)
• L’envoyer : Services.Push.SendAsync(msg)

25/08/2014
190
Détails
• Les notifications peuvent être récupérées
Par un toast
Par une tuile
• Les méthodes du manager à utiliser sont différentes

25/08/2014
191
• Les étapes
• PushNotificationChannelManager
• HttpNotificationChannel
FIN

25/08/2014
192
Les capteurs
L’accéléromètre
Fabien Brissonneau
Objets Logiciels
L’accéléromètre

25/08/2014
193
Plan
• Les événements de données
• Récupérer les données à intervalles réguliers
• Motion, outil de synthèse des infos de mouvement

25/08/2014
194
Les événements de données
• Espaces de nommage :
Microsoft.Devices.Sensors
• Classe Accelerometer
• Testable IsSupported
• Evenement Reading
• AccelerometerReading.Acceleration

25/08/2014
195
Récupérer les données
• AccelerometerReading
• Accelerometer.GetCurrentReading()

25/08/2014
196
Motion
• Créer un objet Motion
• Il rassemble les informations des senseurs
• Start pour le démarrer
• CurrentValue ou bien CurrentValueChanged pour récupérer les données

25/08/2014
197
• Les événements de données
• Récupérer les données à intervalles réguliers
• Motion
FIN

25/08/2014
198
Les capteurs
Géolocalisation
Fabien Brissonneau
Objets Logiciels
Géolocalisation

25/08/2014
199
Plan
• Récupération de position
• L’espace de nommage Geofencing

25/08/2014
200
Récupération de position
• Windows.Devices.Geolocation
• Classe Geolocator
• Récupérer les données de position
par événement PositionChanged
ou bien avec GetGeoPositionAsync

25/08/2014
201
L’espace de nommage Geofencing
• Classe Geofence
• Définir une zone géographique et être averti lorsqu’on arrive dans cette
zone
• Enregistrer un gestionnaire d’événement en rapport avec un
changement d’état
• Fournir un point géographique

25/08/2014
202
• Récupération de position
• L’espace de nommage Geofencing
FIN

25/08/2014
203
Les capteurs
La caméra
Fabien Brissonneau
Objets Logiciels
La caméra

25/08/2014
204
Plan
• Classe MediaCapture
• Lancer un preview
• Générer une photo à partir de la caméra

25/08/2014
205
MediaCapture
• Espace de nommage Windows.Media.Capture
• InitializeAsync()
• StartPreviewAsync() / Stop
• CapturePhotoToStorageFileAsync()

25/08/2014
206
Lancer un preview
• Préparer une image qui recevra la prévisualisation
• Position la propriété Source comme l’objet MediaCapture
• Lancer StartPreviewAsync
• Pour arrêter la capture, utiliser StopPreviewAsync

25/08/2014
207
Capturer une photo
• Préparer un StorageFile (créer ou s’assurer de sa présence)
• Créer un encodage
• Utiliser CapturePhotoToStorageFileAsync

25/08/2014
208
• Classe MediaCapture
• Lancer un preview
• Générer une photo à partir de la caméra
FIN

25/08/2014
209
Conclusion
Windows Phone 8/8.1
Fabien Brissonneau
Objets Logiciels
Windows Phone 8/8.1

25/08/2014
210
Ce que nous avons vu …
• La construction de l’application
• Le déploiement de l’application
• Les interfaces graphiques
• Les interactions avec le système
• Les accès réseau
• Les capteurs

25/08/2014
211
Ne pas oublier …
• Installer Visual Studio 2013, Update 2 si vous voulez travailler sous 8.1
• Travailler sur un système Windows 8
• Disposer pour vos tests réels d’un appareil Windows Phone 8.1

Alphorm.com-Formation windows phone 8.1

Contenu connexe

Tendances

En vedette

Similaire à Alphorm.com-Formation windows phone 8.1

Plus de Alphorm

Dernier

Alphorm.com-Formation windows phone 8.1