Le Post Infeeny

Les articles des consultants et experts Infeeny

[Build 14] – Building a Converged Phone and PC App using HTML and JavaScript

Mail de Mehdi
Vendredi 4 avril 2014 10:25

Building a Converged Phone and PC App using HTML and JavaScript
// Speakers : Ryan J. Sakva et Josh Williams
Le sujet de la session est la création d’une universal app (Windows 8.1 et Windows Phone 8.1) avec WinJS

Au début de la session on nous montre qu’il faut deux defaut.html pour référencer les deux versions de WinJS (phone 2.1 et Windows 2.0)

Le dom explorer fonctionne avec le simulateur windows phone exactement comme avec windows 8.

// Première partie :
Le cycle de vie d’une application avec les différents événements (activeted, checkpoint, settings et error)
Dans l’event checkpoint c’est là où généralement c’est le moment où l’application passe en suspend, on doit donc enregistrer les données de l’appli ici pour pouvoir les restaurer à la réactivation de l’appli (dans l’event activeted)
Settings
Error

// Démo :
– Création d’une listView avec un template pour les items on nous montre comment brancher l’event clique sur un élément de la liste et comment passer un objet dans la navigation (exactement le même code que pour Windows 8.1)
– On nous explique comment styler un item dans une listeView (aucun changement par rapport à WinJS 2.0)

– Maintenant on passe à l’appBar toujours le même code

– On nous rappelle qu’il faut bien scopé les css, parce qu’au fur et à mesure de la navigation les pages de styles se chargent dans le dom sans se décharger (single page).

– On créer une nouvelle page avec un HubControl, des HubSections et un repeater (pour l’instant la page est dans le projet Shared (je pense que cela ne marchera pas pour l’appli Windows Phone et on va probablement déplacer cette page dans les projets spécifiques et créer une page spéciale avec un Pivot)

– On nous parle très rapidement des promises avec la fonction join mais rien de nouveau cela fonctionne exactement de la même manière que dans WinJS 2.0
Le speaker lance l’appli Windows 8.1 => tout fonctionne correctement.

// Ensuite le speaker lance l’appli sur le simulateur Windows phone et j’avais presque raison : l’application marche correctement, mais le hubcontrol n’est pas adapté pour Windows phone (le speaker dit qu’ils n’ont pas eu le temps de l’adapter) et donc comme prévu il crée une copie de cette page dans chaque projet (Windows et WP) et le supprime du projet shared. Il utilise pour la page WP le control pivot. Il essaye de le styler en JavaScript directement mais la démo ne marche pas (probablement une erreur de syntaxe dans la media query).

Fin de la session.
Mehdi

 

 

 

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :