Calendrier: Difference between revisions

From Documentation de la solution web de gestion OpenFlyers
Jump to navigation Jump to search
imported>Ltremblet
mNo edit summary
imported>Ltremblet
mNo edit summary
Line 1: Line 1:
=Cahier des charges=
=Objectifs=
 
==Objectifs==
Le calendrier répond aux deux objectifs suivants :
Le calendrier répond aux deux objectifs suivants :


===Se situer dans la temporalité===
==Se situer dans la temporalité==
* Dans le mois affiché, les jours appartenant à ce mois sont distincts des jours des mois précédent et suivant.
* Dans le mois affiché, les jours appartenant à ce mois sont distincts des jours des mois précédent et suivant.
* On doit aussi distinguer immédiatement ce qui appartient au passé et au futur.
* On doit aussi distinguer immédiatement ce qui appartient au passé et au futur.


===Repérer les jours spécifiques===
==Repérer les jours spécifiques==
* Les jours spécifiques sont : le jour en cours, les week-ends, les jours fériés et les phases de la lune.
* Les jours spécifiques sont : le jour en cours, les week-ends, les jours fériés et les phases de la lune.
* Lorsqu'un jour cumule plusieurs spécificités, celles-ci doivent pouvoir être toutes visibles.
* Lorsqu'un jour cumule plusieurs spécificités, celles-ci doivent pouvoir être toutes visibles.


==Principes graphiques retenus==
=Principes graphiques retenus=
Le calendrier est placé dans une fenêtre modale de type '''tooltip''', afin d'avoir un fond blanc à encoche.
Le calendrier est placé dans une fenêtre modale de type '''tooltip''', afin d'avoir un fond blanc à encoche.
===Se situer dans la temporalité===
==Temporalité==
* Jours du mois affiché: gras, opacité 1.
* Jours du mois affiché: gras.
* Jours passés : gris.
* Jours passés : gris.
* Jours passés appartenant au mois affiché : gris, gras.
* Jours passés appartenant au mois affiché : gris, gras.
* Jours du mois précédent au sein du mois affiché : gris clair, normal.
* Jours du mois précédent au sein du mois affiché : gris clair, normal.
* Jours futurs : bleu
* Jours futurs : bleu.
* Jours futurs appartenant au mois affiché (avec jour actuel) : bleu, gras.
* Jours futurs appartenant au mois affiché (avec jour actuel) : bleu, gras.
* Jours du mois suivant au sein du mois affiché : bleu clair, normal.
* Jours du mois suivant au sein du mois affiché : bleu clair, normal.


===Repérer les jours spécifiques===
==Jours spécifiques==
* Jour actuel : bordure bleue.
* Jour actuel : bordure bleue.
* Week-end : fond grisé clair.
* Week-end : fond grisé clair.
Line 29: Line 27:
* Lune : cercle centré.
* Lune : cercle centré.


==Fonctionnement==
=Fonctionnement=
On peut naviguer de deux manières dans le calendrier :  
On peut naviguer de deux manières dans le calendrier :  
* Soit par les flèches permettant d'accéder aux mois précédent / suivant,  
* Soit par les flèches permettant d'accéder aux mois précédent / suivant,  
* Soit par la sélection d'un mois et de l'année en cliquant sur la partie centrale. Dans ce dernièr cas, une fenêtre de dialogue s'ouvre, permettant de choisir ces deux éléments.
* Soit par la sélection d'un mois et de l'année en cliquant sur la partie centrale. Dans ce dernièr cas, une fenêtre de dialogue s'ouvre, permettant de choisir ces deux éléments.

Revision as of 13:31, 12 December 2013

Objectifs

Le calendrier répond aux deux objectifs suivants :

Se situer dans la temporalité

  • Dans le mois affiché, les jours appartenant à ce mois sont distincts des jours des mois précédent et suivant.
  • On doit aussi distinguer immédiatement ce qui appartient au passé et au futur.

Repérer les jours spécifiques

  • Les jours spécifiques sont : le jour en cours, les week-ends, les jours fériés et les phases de la lune.
  • Lorsqu'un jour cumule plusieurs spécificités, celles-ci doivent pouvoir être toutes visibles.

Principes graphiques retenus

Le calendrier est placé dans une fenêtre modale de type tooltip, afin d'avoir un fond blanc à encoche.

Temporalité

  • Jours du mois affiché: gras.
  • Jours passés : gris.
  • Jours passés appartenant au mois affiché : gris, gras.
  • Jours du mois précédent au sein du mois affiché : gris clair, normal.
  • Jours futurs : bleu.
  • Jours futurs appartenant au mois affiché (avec jour actuel) : bleu, gras.
  • Jours du mois suivant au sein du mois affiché : bleu clair, normal.

Jours spécifiques

  • Jour actuel : bordure bleue.
  • Week-end : fond grisé clair.
  • Jour férié : fond strié gris moyen. Cela fait écho aux jours de week-ends , mais en plus accentué.
  • Lune : cercle centré.

Fonctionnement

On peut naviguer de deux manières dans le calendrier :

  • Soit par les flèches permettant d'accéder aux mois précédent / suivant,
  • Soit par la sélection d'un mois et de l'année en cliquant sur la partie centrale. Dans ce dernièr cas, une fenêtre de dialogue s'ouvre, permettant de choisir ces deux éléments.