Calendrier : Différence entre versions
m |
m |
||
| Ligne 1 : | Ligne 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. | ||
| Ligne 29 : | Ligne 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. | ||
Version du 12 décembre 2013 à 14:31
Sommaire
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.
