Comment lier une application Windows 8.1 à une application Windows Phone 8.1 (Universal app)

Les applications Universelles ou Universal Apps offrent la possibilité aux développeurs de créer une application qui cible différentes plateformes, du Windows Phone 8.1 au Windows 8.1 en passant par Windows RT.

En réalité lors de la création d’un projet Universal App, Visual Studio va créer deux projets (l’app Windows 8.1 + l’app Windows Phone 8.1) et un espace de partage.

On peut intégrer dans cet espace de partage tous les fichiers susceptibles d’être communs : les vues, le code business… Dans beaucoup d’applications, l’ergonomie va être spécifique pour chaque plateforme et le partage du code d’IHM risque donc d’être très compliqué, voir impossible.

Il est maintenant possible avec Windows Phone 8.1 de développer des applications en HTML5/JS, mais il faut obligatoirement passer par le modèle Universal App.

Et voici les étapes pour lier une application W8.1 à une app WP8.1 :

Étape 1 : Le store

  1. Se connecter au backoffice du store Windows Phone : http://dev.windowsphone.com avec le même compte que celui utilisé pour le backoffice du store Windows http://dev.windows.com.
  2. Aller sur le Dashboard.
  3. Cliquer sur le bouton Submit App.
  4. Cliquer sur le chiffre 1 pour renseigner les informations de l’application.
  5. Il suffit maintenant de choisir le nom de l’application dans la liste (NB: il ne faut pas le renseigner manuellement) et de cliquer sur le bouton « Associate app ».store1store2
  6. Choisir une catégorie et enregistrer les modifications.

 

 

Étape 2 : Visual Studio

Pour transformer une application Windows 8 .1 en Universal App, il suffit de faire un clic droit sur le projet et choisir « Add Windows Phone 8.1 »

vs1

Deux nouveaux projets sont alors créés : l’application Windows Phone et le projet Shared.

vs2

Clic droit sur le nouveau projet Windows Phone, aller dans « Store » et cliquer sur « Associate App with the Store ».

vs3

 

Une fenêtre s’affiche, il faut se connecter avec le compte du store pour obtenir la liste des applications créées dans le dashboard.

vs4

On sélectionne la bonne application et on valide.

Il ne reste plus qu’à faire les développements et soumettre l’application pour la certification 🙂 !

 

Upgrading Windows 8 Apps to Windows 8.1 (3-077)

Session animée par Polita Paulus – PM

Pas de C++, mais comment passer à la version 8.1 avec une app XAML ou JS.

# Pourquoi ?

On peut toujours installer des apps 8 sur 8.1 et profiter d’une meilleure performance sans changer une seule ligne de code au démarrage, dans la navigation et avec certains contrôles.

Mais il y a plein de nouveautés sur Windows 8.1 pour faire de meilleurs apps et surtout les premières apps 8.1 seront mises en avant dans le store

# Comment ?

Repackager en 8.1 > Ajouter des fonctionnalités 8.1 > Soumettre la nouvelle version

Il vaut mieux créer une branche pour maintenir les versions 8 et 8.1 en parallèle, plutôt que partager des références.

Comme on pouvait s’y attendre, il faut VS2013 pour faire du 8.1 (et on ne peut plus créer d’app 8 avec VS2013).

On ouvre son projet Windows 8 avec VS2013, et on fait Retarget to Windows 8.1 (sur un projet WinJS ça change aussi les références dans les fichiers HTML).

Et le boulot commence après !

Normalement l’app doit se lancer, mais attention aux changements de propriétés dans les contrôles WinJS, au mode IE DOCMODE11 (il n’y a pas de mode IE10 compatibilité comme dans le navigateur) et aux API dépréciées (warning à la compil en XAML, et à l’exécution en WinJS).

L’autre changement important est la gestion des orientations, et surtout la gestion des tailles d’écrans. On ne gère plus d’états, mais il faut demander directement la taille de l’écran et agir en conséquence. Par défaut, une app 8.1 a n’importe quelle taille supérieure à 500px, mais on peut descendre la limite à 320px (comme le snapped Win8), on choisit 320 ou 500 dans le manifeste.

Dans le store, on a une seule fiche pour l’app, mais avec des onglets pour ce qui est commun et ce qui ne l’est pas : description, features et screenshots.

NB : il ne faut pas que le n° de version du package 8 dépasse celui du package 8.1 (on ne sait pas ce qui se passe sinon, mais il ne faut surtout pas le faire !)

Pierre-Yves Hemery

What’s new in the Visual Studio 2013 IDE (3-339)

Session animée par Cathy Sullivan, product manager.

# Accueil

On peut désormais se logguer dans VS2013 pour lier ses préférences à son compte (Live, TFS ou Outlook.com) et les retrouver d’une machine à l’autre : thèmes, configuration des menus, etc.

Un petit rappel sur la barre QuickLaunch qui était déjà là dans VS2012. On retrouve aussi une barre de recherche (Ctrl+I) dans les fenêtres d’options.

A côté du QuickLaunch, on trouve un drapeau de notifications liées aux updates à installer, qui ouvre un panel avec le détail de ces notifications.

Le design du produit a aussi été améliorée : icônes, contraste, scroll, rendu sur des écrans haute définition…

1/ Productivité

Comme à l’habitude, les Productivity Power Tools les plus populaires ont été intégrés à VS2013.

Voici quelques exemples d’améliorations :

  • A droite du fichier ouvert, on a une scrollbar avec une vue du fichier entier et la position courante, les points d’arrêts, les bouts de code en erreur…
  • On peut déplacer des blocs code directement au clavier.
  • Alt+F12 = Peek Windows. On peut voir la définition directement dans le code courant sans basculer dans une nouvelle fenêtre ! On peut même enchaîner les Alt+F12 dans la peek Windows.
  • Juste au-dessus d’une classe ou d’une méthode, on retrouve des indications comme le nombre de références, le nombre de tests avec leurs états ou les derniers changeset liés. On peut bien sûr ouvrir plus d’infos sur ces indications et naviguer vers un test par exemple. Les indications affichées sont paramétrables dans les options de VS2013.

2/ Performance

VS2013 démarre plus vite, et charge les solutions plus rapidement. On n’est plus obligé d’attendre que tout soit chargé pour ouvrir un fichier, commencer à coder (Idem pendant un build).

Il y a enfin un bouton « Annuler » qui marche sur la dialogue de Build !

A première vue, VS2013 ressemble plus à un upgrade qu’à une vraie nouvelle version, mais on ne nous a rien montré sur les outils de diagnostic de performance présentés dans la keynote, donc il faudra voir s’il y a plus de nouveautés de ce type dans le produit !

Pierre-Yves Hemery