Plan du site  
pixel
pixel

Articles - Étudiants SUPINFO

WP 8.1 – Introduction aux notifications

Par Anthony LAURENT Publié le 17/08/2015 à 21:39:45 Noter cet article:
(0 votes)
Avis favorable du comité de lecture

Introduction

Les notifications sont des messages permettant de prévenir, d’informer l’utilisateur d’un évènement. Par exemple :

  • Twitter : quand l’utilisateur est mentionné dans un tweet.

  • Instagram : pour informer l’utilisateur d’un nouveau like sur ses photos.

  • Store : informer qu’une mise à jour est disponible pour une application.

 

Cet article a pour objectif de présenter les différents types de notifications qu’il est possible d’implémenter dans une application Windows Phone 8.1. L’implémentation en elle-même sera détaillée dans de futurs articles. Le but de celui-ci est de présenter ce qui existe et ce qu’il est possible de faire avec.

 

Sauf indication contraire dans la suite de cet article,

 

Il n'est pas possible de :

  • Modifier la taille du texte des notifications

  • Modifier la police utilisée

  • Envoyer des images (hormis pour les tuiles)

 

Il est cependant possible de :

  • Utiliser la « Localization » (traduire les textes des notifications)

  • Effectuer différentes actions selon le type de la notification.

 

Principe de fonctionnement :

  1. L’application déclare un canal permettant de recevoir des notifications.

  2. L’application fait part à l’émetteur des notifications de son envie d’en recevoir.

    Pour cela elle lui envoie donc l’id unique du téléphone ainsi que le canal déclaré précédemment.

  3. L’émetteur enregistre les informations reçues et ajoute l’application à la liste des applications auxquelles les notifications devront être envoyées.

  4. L’émetteur envoie un message au MPNS (Microsoft Push Notification Service, le service de notifications de Microsoft) via le canal.

  5. Le MPNS transmet le message au téléphone.

  6. La notification apparait sur le téléphone de l’utilisateur.

Les différents types de notifications :

  • Notification Toast

  • Notification Raw

  • Tuile de l'application

  • Ecran de verrouillage du téléphone

  • Alarme

  • Reminder (rappel calendrier)

Notification Toast

Il s'agit d'un bandeau apparaissant en haut de l'écran :

 

  • Affiché pendant 10 secondes.

  • L'utilisateur peut fermer la notification en la faisant glisser vers la droite.

  • La couleur du bandeau est celle du thème du téléphone (choisi par l'utilisateur).

  • Clic sur le bandeau : lancer l'application, où emmener sur une page précise.

  • Contient : Icone (de l'application), titre (en gras), texte.

 

  • Nombre de caractères :

    • Si juste un titre : 40

    • Si juste du texte : 47

    • Si un titre et du texte : 41

 

  • Peut être créée localement (via code C#) ou via un service envoyant du XML à l'application.

 

  • Possibilité d'avoir des liens profonds pour arriver directement sur une page de l'application :

    • Lien vers une page précise

    • Lien vers une page + paramètres

    • Paramètres seulement (si page d'accueil de l'application)

 

  • Possibilité de mettre un son personnalisé (à partir de la version 8.0.10492 de l’OS)

    • .wav, .wma, .mp3

    • Inférieur à 10 secondes

    • Stocké dans le dossier d'installation de l'application

 

  • Si l'application est déjà lancée, on peut choisir d'afficher un popup au lieu du bandeau.

Notification Raw

  • On reçoit la notification seulement si l'application est en cours d'exécution.

  • Possible d'envoyer plusieurs valeurs sous forme de chaines de caractères.

  • Possible ensuite d'afficher ces valeurs dans un popup, ou de les utiliser dans l'application...

Tuile de l'application

La notification apparait sur l'icône de l'application (la « tuile ») si celle-ci est présente sur l'écran d'accueil de Windows Phone.

 

3 cas de figure selon le type de tuile choisi :

 

  • Flip :

    • La tuile peut se « retourner » (il y a donc un recto et un verso).

    • Possible d'afficher une image en background (recto)

    • Possible d'afficher un nombre (recto)

    • Possible d'afficher du texte (verso)

 

  • Iconic :

    • Le background est un fond uni (couleur du thème du téléphone) ou transparent.

    • Icone de l'application.

    • Possible d'afficher un nombre.

    • Possible d'afficher du texte sur la « grande » tuile.

 

  • Cycle :

    • Diaporama d'images sur la tuile de l'application.

    • De 1 à 9 images.

    • Possible d'afficher un nombre.

 

Tailles des tuiles / images pour chaque mode :

  • Flip & Cycle :

    • Petite : 159*159 pixels.

    • Moyenne : 336*366 pixels.

    • Grande : 691*336 pixels.

  • Iconic :

    • Petite : 110*110 pixels.

    • Moyenne : 202*202 pixels.

    • Grande : /

Écran de verrouillage du téléphone

Permet d'afficher des informations / notifications en bas de l'écran de verrouillage.

 

  • Nécessite d'avoir implémenté le fait d'avoir des notifications sur la tuile de l'application.

  • Possible d'ajouter du texte.

  • Possible d'ajouter un nombre.

  • Requiert une icône représentant l'application :

    • 38*38 pixels.

    • Format .png

    • Icone blanche, fond transparent.

Alarme

  • Popup apparaissant à une heure spécifiée.

  • Possible d'afficher du texte.

  • Boutons « répéter » et « annuler » (« snooze » et « dismiss » en anglais).

  • Si l'utilisateur clique sur la notification : l'application qui a créé l'alarme se lance.

  • Pas de deep linking (lien profond) possible avec les alarmes.

  • La notification peut être configurée pour apparaitre une seule fois ou plusieurs fois.

  • Possible d'indiquer un son pour l'alarme (doit être stocké dans le dossier de l'application).

  • Limite de 50 alarmes / reminders (confondus) à la fois par application.

  • Peut être lancée au plus tôt 1 minute après avoir été créée.

  • Affiche le nom de l'application qui a créé l'alarme.

  • Le mot « Alarme » (« Alarm » en anglais) est présent dans le titre du popup.

Reminder (rappel calendrier)

  • Popup apparaissant à une date et heure spécifiées.

  • Possible d'afficher du texte.

  • Boutons « répéter » et « annuler » (« snooze » et « dismiss » en anglais).

  • Si l'utilisateur clique sur la notification : l'application qui a créé le reminder se lance.

  • Possible d'indiquer un lien profond et des paramètres pour arriver directement sur une page de l'application.

  • La notification peut être configurée pour apparaitre une seule fois ou plusieurs fois.

  • Son de notification par défaut du téléphone.

  • Limite de 50 alarmes / reminders (confondus) à la fois par application.

  • Peut être lancé au plus tôt 1 minute après avoir été créé.

  • Affiche le nom de l'application qui a créé le reminder.

  • Affiche un titre de popup fourni par l'application.

Aller plus loin

Voilà qui conclut cette introduction aux notifications sous Windows Phone 8.1.

Voici quelques idées de thèmes sur lesquels vous pouvez vous renseigner :

  • L’implémentation de ces différents types de notifications.

  • Les tuiles d’une application Windows Phone.

  • Les différents types de popups, avec les classes MessageBox, Popup, ContentDialog…

A propos de SUPINFO | Contacts & adresses | Enseigner à SUPINFO | Presse | Conditions d'utilisation & Copyright | Respect de la vie privée | Investir
Logo de la société Cisco, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société IBM, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sun-Oracle, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Apple, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sybase, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Novell, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Intel, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Accenture, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société SAP, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Prometric, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Toeic, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo du IT Academy Program par Microsoft, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management

SUPINFO International University
Ecole d'Informatique - IT School
École Supérieure d'Informatique de Paris, leader en France
La Grande Ecole de l'informatique, du numérique et du management
Fondée en 1965, reconnue par l'État. Titre Bac+5 certifié au niveau I.
SUPINFO International University is globally operated by EDUCINVEST Belgium - Avenue Louise, 534 - 1050 Brussels