Calendrier: Difference between revisions
Jump to navigation
Jump to search
imported>Ltremblet mNo edit summary |
imported>Ltremblet mNo edit summary |
||
Line 1: | Line 1: | ||
=Objectifs= | |||
Le calendrier répond aux deux objectifs suivants : | 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. | * 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== | |||
* 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= | |||
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. | ||
== | ==Temporalité== | ||
* Jours du mois affiché: gras | * 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. | ||
== | ==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= | |||
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.