Google Analytics vous permet de tracer de nombreux paramètres comme les pages vues, les évènements que vous souhaitez, les sessions … Vous aurez même droit à une répartition géographique de vos utilisateurs :

Vous êtes prêts ? Bon … première étape, créez un compte, deuxième étape, créez un site (oui, c’est une application mais Google Analytics considérant qu’il n’existe pas d’applications en dehors d’iOS et d’Android, on est pour le moment obligés de gérer nos statistiques comme celles d’un site web) et gardez précieusement l’ID généré sous la forme « UA-XXXXXXX-X » !

Voici une classe Javascript qui vous permettra de gérer tous vos appels à l’API (notez bien qu’elle est portable dans n’importe quel environnement Javascript en remplaçant les utilisations de Windows.Storage.ApplicationData.current.localSettings par du localStorage et de WinJS.xhr par des XmlHttpRequest) :

function gaTracker() {
    this.appGoogleAnalyticsId = 'UA-XXXXXXX-X'; // Your GA ID
    this.webServerRoot = 'http://www.example.com'; // Your domain name
    this.setSetting = function (name, value) {
        Windows.Storage.ApplicationData.current.localSettings.values[name] = value;
    }
    this.getSetting = function (name) {
        return Windows.Storage.ApplicationData.current.localSettings.values[name];
    }
    this.hitUrl = function (urlToHit) {
        console.log(urlToHit);
        WinJS.xhr({ url: urlToHit }).done(null, function () { console.error('Hit Url failed'); });
    }
    this.initGaMetadata = function () {
        var now = Math.floor(new Date().getTime() / 1000);
        if (this.getSetting('appGAVisitorId')) {
            this.gaVisitorId = this.getSetting('appGAVisitorId');
            this.gaVisitsCount = parseInt(this.getSetting('appGAVisitsCount')) + 1;
            this.gaFirstVisitTime = this.getSetting('appGAFirstVisitTime');
            this.gaPreviousVisitTime = this.getSetting('appGAPreviousVisitTime');
        }
        else {
            this.gaVisitorId = Math.floor(Math.random() * 1000000000);
            this.setSetting('appGAVisitorId', this.gaVisitorId);
            this.gaVisitsCount = 1;
            this.gaFirstVisitTime = now;
            this.setSetting('appGAFirstVisitTime', this.gaFirstVisitTime);
            this.gaPreviousVisitTime = now;
        }
        this.gaCurrentVisitTime = now;
        this.setSetting('appGAPreviousVisitTime', now);
        this.setSetting('appGAVisitsCount', this.gaVisitsCount);
    }
    this.getGAMetaData = function () {
        return 'utmac=' + this.appGoogleAnalyticsId + '&' +
                'utmcc=__utma%3D1.' + this.gaVisitorId +
                '.' + this.gaFirstVisitTime +
                '.' + this.gaPreviousVisitTime + '.' + this.gaCurrentVisitTime +
                '.' + this.gaVisitsCount +
                '%3B%2B__utmz%3D1.' + this.gaFirstVisitTime +
                '.' + this.gaVisitsCount;
    }
    this.getTrackURL = function (category, action, label) {
        var now = Math.floor(new Date().getTime() / 1000);
        return 'http://www.google-analytics.com/__utm.gif?' +
                'utmwv=4.6.5&' +
                'utmn=' + Math.floor(Math.random() * 100000000) + '&' +
                'utmt=event&' +
                'utme=5(' + encodeURIComponent(category) +
                    '*' + encodeURIComponent(action) +
                    '*' + encodeURIComponent(label) + ')&' +
                'utmcn=1&' +
                'utmdt=' + encodeURIComponent(this.webServerRoot) + '&' +
                'utmhid=' + Math.floor(Math.random() * 100000000) + '&' +
                'utmr=0&' +
                'utmp=%2Findex.html&' +
                this.getGAMetaData() +
                '.1.utmcsr%3D(direct)|utmccn%3D(direct)|utmcmd%3D(none)%3B';
    }
    this.getTrackURLPageView = function (a_URLToTrack) {
        var now = Math.floor(new Date().getTime() / 1000);
        return 'http://www.google-analytics.com/__utm.gif?' +
                'utmwv=4.8.6&' +
                'utmn=' + Math.floor(Math.random() * 100000000) + '&' +
                'utmcs=UTF-8&' +
                'utmdt=' + encodeURIComponent(this.webServerRoot) + '&' +
                'utmhid=' + Math.floor(Math.random() * 100000000) + '&' +
                'utmr=-&' +
                'utmp=' + encodeURIComponent(a_URLToTrack) + '&' +
                this.getGAMetaData() +
                '.1.utmcsr%3D(direct)|utmccn%3D(direct)|utmcmd%3D(none)%3B&utmu=D';
    }
    this.trackPageView = function (pageName) {
        try {
            if (!this.gaVisitorId) this.initGaMetadata();
            this.hitUrl(this.getTrackURLPageView(pageName));
        }
        catch (ex) { console.error(ex); }
    }
    this.trackEvent = function (category, action, label) {
        try {
            if (!this.gaVisitorId) this.initGaMetadata();
            this.hitUrl(this.getTrackURL(category, action, label ? label : ''));
        }
        catch (ex) { console.error(ex); }
    }
}

Il vous suffit alors de créer une instance de la classe dans votre scope global :

var monGATracker = new gaTracker();

et de l’utiliser pour tracer les navigations de page en page, on peut imaginer par exemple d’insérer un appel à la fonction trackPageView en début de chacune des fonctions du fichier « navigator.js » si vous en avez un :

monGATracker.trackPageView('/html/home.html');

ou pour tracer des évènements particuliers comme par exemple le lancement de l’application dans votre fichier default.js :

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            monGATracker.trackEvent('App', 'Activation', 'App launch');
        }

Quelques indications concernant Google Analytics :

• c’est gratuit jusqu’à 10 millions de hits par mois, après, vous entrez dans le mode Premium et ça coûte environ un oeil, un bras et une jambe ! Après … 10 millions de hits c’est beaucoup !
• les données mettent du temps à remonter, Google offre un dashboard « en temps réel » en beta mais bon … il est en beta …
• les catégories, actions et libellés des évènements ne doivent pas être créés, ils le seront à la volée par le serveur la première fois qu’il les verra passer !

La réponse se trouve ici :
http://blog.john-thiriet.com/2013/02/winrt-faire-un-sleep-en-cplusplus/

Windows Phone 8 partage beaucoup avec Windows 8. Ils utilisent tous deux le nouveau runtime WinRT. Mais, aussi bizarre que ça puisse paraitre, il y a parfois des différences ou on ne l’attends pas.

Par exemple, pour détecter si on est en mode Design (sous Blend ou sous le designer de VS) en Windows 8, if faut utiliser :

 Windows.ApplicationModel.DesignMode.DesignModeEnabled 

Par contre en Windows Phone 8 il faut utiliser :

 DesignerProperties.IsInDesignTool 

Ca ressemble à deux teams qui ne se sont pas parlés

Sur le MSDN, nous avons un exemple permettant d’ajouter un contrôle SemanticZoomavec deux ListViews. Si vous n’êtes pas familier avec ce contrôle je vous conseille au préalable de réaliser cet exemple.

Problème : comment créer notre datasource de groupes ?

Contrairement à l’exemple du MSDN, nous allons utiliser pour la ListView en vue normale, une source de données virtualisée comme pour notre précédent article.

Or comme nous avons vu, notre source de donnée personnalisée implémente l’interface IListDataSource. Elle n’est pas du type WinJS.Binding.List, et on ne peut donc pas utiliser la méthode createGrouped pour créer notre source de données de groupes.

En analysant le MSDN, je suis alors tombé sur la méthodecomputeDataSourceGroups qui permet de créer une nouvelle datasource en ajoutant des informations de groupe à une datasource donnée. Cela me semblait être la méthode appropriée, mais, pour récupérer les informations de groupe, cette méthode doit parcourirtous les éléments de notre datasource pour connaître le groupe de chaque élément.

Lorsque l’on a 50 000 éléments en source, évidemment c’est loooooong et on perd tout l’intérêt de la virtualisation ! Pas le choix, il faut donc créer une source de données virtualisée pour nos groupes.

La suite sur http://thomas-charlot.fr/winjs-large-group-data-source

WinJS fournit plusieurs objets source de données vous permettant de remplir une ListView ou une FlipView : l’objet WinJS.Binding.List qui permet d’accéder aux tableaux et aux données JSON, et l’objet StorageDataSource qui est utilisé pour accéder aux informations relatives au système de fichier.

Vu qu’il y a énormément de tutoriels sur le NET sur ce sujet et que nous ne pouvons les utiliser dans le cas de très nombreuses données, nous nous intéresserons pas à celles-ci. Nous allons donc voir comment intégrer une source de données personnalisée qui accède à un component (cela peut être également un service web).

La suite sur http://thomas-charlot.fr/winjs-listview-et-custom-datasource/

Pour palier à ça l’approche que j’ai eu à été de me servir de la propriété state du namespace de navigation WinJS.Navigation qui stocke déjà l’état de la page courante et qui est défini lors de la navigation vers celle-ci. Il est possible en effet d’ajouter les propriétés que l’on souhaite à cet objet afin de les retrouver au retour sur la page.

Pour voir le code de cela rendez-vous sur mon blog pour l’article complet

Si votre souris dispose d’un bouton « Back », vous avez déjà dû, en testant votre application WinJS, vouloir revenir à la page précédente en utilisant ce bouton, ce qui, par défaut, ne déclenche absolument aucune réaction de la part de votre application.

Et bien il est en fait assez simple de supporter ce bouton, il suffit d’ajouter dans votre WinJS.Application.onactivated les lignes suivantes :

document.addEventListener('MSPointerDown', function (e) {
  if (e.pointerType == e.MSPOINTER_TYPE_MOUSE && e.button == 3 && WinJS.Navigation.canGoBack) {
    WinJS.Navigation.back();
  }
});

Cela devrait fonctionner (en partant du principe que le bouton « Back » de toutes les souris remontent bien e.button == 3, valeur que remontent les miennes) mais dans le cas contraire, n’hésitez pas à commenter !

Si vous créez un appli, il y a de grandes chances que vous ayez besoin d’une DB locale. Il n’y avait pas grand chose pour le moment pour WinRT, mais ce temps est (heureusement) révolu.

Par SQL Server CE WinRT ? Mauvaise réponse ! SQLite est ton ami. Et il a l’avantage de tourner sur un peu tout les OS, mobiles ou pas.

Pour tout savoir sur les bases de SQLite pour WinRT, c’est ici.

Les développeurs ont maintenant à leur disposition une nouvelle version du SDK, le Live SDK 5.0.  Cette nouvelle version comprend quelques changements facilitant son intégration et son utilisation dans vos applications Windows 8. Nous allons ainsi voir dans cet article comment le configurer et l’utiliser en prenant l’exemple d’une utilisation avec  SkyDrive.

Lire l’article

Si ce n’est pas le cas, lisez l’article de Jonathan et/ou ma mise à jour de l’article.

La localisation d’une application est une étape importante lorsqu’on veut pouvoir la distribuer dans le monde entier.

Toutefois le framework WinJS possède, à mon sens,  quelques manques pour la localisation :

• une syntaxe lourde data-win-res= »{textContent: ‘key’} »
• l’impossibilité de faire de la concaténation de chaînes
• pas de formatage de chaîne (exemple première lettre en majuscule)

La suite de l’article est disponible sur mon blog : http://thomas-charlot.fr/winjs-amelioration-de-la-localisation/