Présentation générale des alertes: Difference between revisions

From Documentation de la solution web de gestion OpenFlyers
Jump to navigation Jump to search
imported>Ltremblet
imported>Claratte
 
(38 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Présentation=
=Présentation=
L'objet de cette page est de présenter le '''système d'alertes''' de la [[UserDoc4|version 4 d'OpenFlyers]].
L'objet de cette page est de présenter le '''système d'alertes''' et de messages de la [[Accueil|version 4 d'OpenFlyers]].


=Alerte bloquante/non bloquante=
=Description=
==Alerte bloquante==
Il existe 3 types d'alertes :
*Une '''alerte bloquante''' apparaît lorsque l'utilisateur n'a pas effectué une action demandée. La navigation dans l''''application est bloquée''' tant que cette action n'est pas réalisée.
*Les [[#Alerte-verte|alertes vertes]] : elles symbolisent un message informatif, par exemple pour confirmer la prise en compte d'une action effectuée.
*La couleur associée à cette alerte est le '''rouge'''.
*Les [[#Alerte-orange|alertes orange]] : elles symbolisent une alerte non-bloquante ou non critique
*Les [[#Alerte-rouge|alertes rouges]] : elles symbolisent une alerte bloquante ou critique


==Alerte non bloquante==
Lors d'une action, les alertes non-bloquantes permettent de poursuivre l'action demandée alors que les alertes bloquantes ne le permettent pas.
*Une '''alerte non bloquante''' signale un problème mais '''ne bloque pas la navigation''' dans l'application.
*La couleur associée à cette alerte est le '''orange'''.


=Texte ou pictogramme=
Les alertes peuvent apparaitre :
*Sur la [[Connexion|page de connexion]]
*Dans le tableau de bord
*Lors d'une action.
Les messages n'apparaissent que dans le tableau de bord.


==Alerte sous forme de texte==
Sur la page de connexion, les [[#Alerte_rouge|alertes rouges]] restent affichés tant que le problème signalé n'est pas résolu.
Les '''alertes sous forme de texte''' se trouvent principalement dans les [[ModalWindow4|fenêtres de dialogue]].


''Exemple : login et mot de passe incorrect sur la page de connexion à l'application / Alerte bloquante''
Dans le tableau de bord, lorsqu'il existe des alertes, un onglet correspondant s'affiche en bordure de l'en-tête sur un grand écran et au bas de l'écran sur un smartphone.


[[File:Alert4-1-texte-bloquante.png]]
Le pictogramme représenté dans l'onglet correspondant à l'information de niveau le plus critique :
*Sur l'interface dynamique, s'il n'y a que des messages, alors c'est le pictogramme de l'alerte verte qui s'affiche dans l'onglet.
*S'il n'y a que des alertes non bloquantes, avec ou sans la présence de message, alors l'onglet contient le pictogramme de l'alerte orange.
*S'il y a des alertes rouges, alors l'onglet contient le pictogramme de l'alerte rouge.
 
En cliquant sur l'onglet on a la liste complète des messages et des alertes.
 
Lorsqu'il existe un nouveau message ou une nouvelle alerte qui n'ont pas encore été lus, le pictogramme de l'onglet clignote en devenant plus clair puis en revenant à sa couleur normale au rythme de toutes les 2 secondes.


''Exemple : à la connexion, alerte informant des validités à mettre à jour / Alerte non bloquante''
=Représentation=


==Alerte orange==
[[File:Alert4-2-texte-non-bloquante.png]]
[[File:Alert4-2-texte-non-bloquante.png]]


==Alerte sous forme de pictogramme==
Sur l'interface dynamique, l'alerte orange est accompagnée du pictogramme : [[File:Alert4-3-picto-warning-orange.png]]
*L'alerte non textuelle se matérialise sous la forme du pictogramme panneau d'alerte : [[File:Alert4-3-picto-warning-orange.png]].
 
*Cette alerte est non bloquante.
==Alerte rouge==
*Alerte rouge sous forme de texte :
[[File:Alert4-1-texte-bloquante.png]]
 
Sur l'interface dynamique, l'alerte rouge est accompagnée du pictogramme : [[File:Alert4-3-picto-warning-red.png]]


''Exemple : signalement d'un [[Table4#Champ_requis|champ requis dans un tableau]].''
==Alerte verte==
[[File:alerte-verte-warningreen.png]]

Latest revision as of 08:58, 3 May 2019

Présentation

L'objet de cette page est de présenter le système d'alertes et de messages de la version 4 d'OpenFlyers.

Description

Il existe 3 types d'alertes :

  • Les alertes vertes : elles symbolisent un message informatif, par exemple pour confirmer la prise en compte d'une action effectuée.
  • Les alertes orange : elles symbolisent une alerte non-bloquante ou non critique
  • Les alertes rouges : elles symbolisent une alerte bloquante ou critique

Lors d'une action, les alertes non-bloquantes permettent de poursuivre l'action demandée alors que les alertes bloquantes ne le permettent pas.

Les alertes peuvent apparaitre :

Les messages n'apparaissent que dans le tableau de bord.

Sur la page de connexion, les alertes rouges restent affichés tant que le problème signalé n'est pas résolu.

Dans le tableau de bord, lorsqu'il existe des alertes, un onglet correspondant s'affiche en bordure de l'en-tête sur un grand écran et au bas de l'écran sur un smartphone.

Le pictogramme représenté dans l'onglet correspondant à l'information de niveau le plus critique :

  • Sur l'interface dynamique, s'il n'y a que des messages, alors c'est le pictogramme de l'alerte verte qui s'affiche dans l'onglet.
  • S'il n'y a que des alertes non bloquantes, avec ou sans la présence de message, alors l'onglet contient le pictogramme de l'alerte orange.
  • S'il y a des alertes rouges, alors l'onglet contient le pictogramme de l'alerte rouge.

En cliquant sur l'onglet on a la liste complète des messages et des alertes.

Lorsqu'il existe un nouveau message ou une nouvelle alerte qui n'ont pas encore été lus, le pictogramme de l'onglet clignote en devenant plus clair puis en revenant à sa couleur normale au rythme de toutes les 2 secondes.

Représentation

Alerte orange

Alert4 2 texte non bloquante.png

Sur l'interface dynamique, l'alerte orange est accompagnée du pictogramme : Alert4 3 picto warning orange.png

Alerte rouge

  • Alerte rouge sous forme de texte :

Alert4 1 texte bloquante.png

Sur l'interface dynamique, l'alerte rouge est accompagnée du pictogramme : Alert4 3 picto warning red.png

Alerte verte

Alerte verte warningreen.png