halfj-site  ressources consultation pour Colortable fonctionnel | plan du site |
1er avril 2005
2. Attentes fonctionnelles
Résumé :
Le projet « halfj » a des attentes précises en termes de fonctionnalités de l'application « Colortable ».
Utilisateurs de l'application
Les utilisateurs à qui s'adresse cette application sont des webmasters à l'ancienne mode, ou alors snobs, qui veulent utiliser des couleurs web standard dans leurs sites.Ils ont la connaissance technique du HTML, et notamment des règles de codage des couleurs dans ce langage.
Caractéristiques des couleurs
L'application web « Colortable » doit permettre à un utilisateur de choisir une couleur RGB parmi les 216 couleurs web standard.Dans du code HTML, ces couleurs sont référencées sous la forme « #xxyyzz », où les caractères « x », « y » et « z », peuvent prendre les valeurs « 0 », « 3 », « 6 », « 9 », « C », « F ».
Les niveaux de rouge (R), de vert (G), et de bleu (B), peuvent donc prendre 6 valeurs hexadécimales possibles, ce qui correspond bien à 216 possibilités de couleurs différentes (6 × 6 × 6 = 216). On donne ci-dessous les valeurs hexadécimales et leur équivalent décimal :
- 0x00 : 0
- 0x33 : 51
- 0x66 : 102
- 0x99 : 153
- 0xCC : 204
- 0xFF : 255
De plus, à chaque couleur correspond un niveau de gris, variant également de 0 à 255, calculé par la formule Y = R × 0,299 + G × 0,587 + B × 0,114.
Par exemple, la couleur RGB « #CC99CC » correspond aux caractéristiques suivantes : rouge 204, vert 153, bleu 204, teinte 300°, saturation 25%, luminosité 80%, et niveau de gris 171.
Le catalogue technique des 216 couleurs web standard, qui fait la liste de leurs caractéristiques, sera fourni à l'intégrateur en début de réalisation.
Nommage et classification des couleurs
Les nommages plus ou moins standard de certaines couleurs, sous la forme « black », « white », « cyan », « magenta », « fuschia », etc. ne sont pas considérés pour cette application.On ne s'intéresse pas non plus aux classifications de couleurs, par exemple la classification standard Pantone.
En effet, ces nommages et classifications ne couvrent pas complètement les 216 couleurs web, et s'appliquent en fait à d'autres façons de regrouper les couleurs.
Rendu des couleurs
L'application web « Colortable » doit permettre de visualiser la couleur sélectionnée, et ce en couleurs, ainsi qu'en « niveaux de gris », même si cette traduction grisée sort du coup des 216 couleurs web standard.Par exemple, la couleur RGB « #CC99CC » devra pouvoir être visualisée sous la forme de la couleur elle-même, ainsi que dans le gris « #ABABAB », qui correspond au niveau de gris 171, et qui n'est en l'occurrence pas une des 216 couleurs web standard.
Palettes
L'application devra présenter la liste des 216 couleurs web standard, dans les différentes formes de classements présentées ci-dessous.Chaque palette permet de sélectionner une couleur.
Si une couleur est déjà sélectionnée, son emplacement est montré dans la palette, et l'utilisateur peut choisir une nouvelle couleur s'il le désire.
Classements RGB
Il s'agit de présenter les 216 couleurs sur 6 carrés de 6 × 6 couleurs.Chaque carré correspond à un niveau RGB donné constant, avec les 36 variations des deux autres niveaux.
Trois classements RGB différents devront être proposés : RGB|R (6 carrés, un par niveau de rouge), RGB|G (6 carrés, un par niveau de vert), et RGB|B (6 carrés, un par niveau de bleu).
Classement H
Il s'agit de présenter les 216 couleurs sur une échelle linéaire de leurs teintes.Pour chaque teinte possible dans les 216 couleurs web standard, à savoir 0°, 12°, 15°, 20°, 24°, 30°, 36°, 40°, 45° et 48°, le tout modulo 60°, il faut montrer les variations possibles de saturation et de luminosité.
Les gris, qui n'ont par définition pas de teinte, doivent également être montrés sur cette page, éventuellement sur une palette à part.
Classement S
Il s'agit de présenter les 216 couleurs sur une échelle linéaire de leurs saturations.Pour chaque saturation possible dans les 216 couleurs web standard, à savoir 0%, 20%, 25%, 33% (arrondi), 40%, 50%, 60%, 67% (arrondi), 75%, 80%, et 100%, il faut montrer les variations possibles de teinte et de luminosité.
Classement L
Il s'agit de présenter les 216 couleurs sur une échelle linéaire de leurs luminosités.Pour chaque luminosité possible dans les 216 couleurs web standard, à savoir 0%, 20%, 40%, 60%, 80%, et 100%, il faut montrer les variations possibles de teinte et de saturation.
Classement Y
Il s'agit de présenter les 216 couleurs sur une échelle linéaire de leurs niveaux de gris.Pour chacun des 151 niveaux de gris possibles dans les 216 couleurs web standard, niveaux échelonnés entre 0 et 255, il faut montrer les choix de couleurs correspondantes.
Par exemple, le niveau de gris 171 (sur 255), correspond aux trois couleurs « #CC99CC », « #33CC66 », et « #FF9933 ». On voit avec cet exemple que certains niveaux de gris correspondent à plusieurs couleurs parmi les 216 couleurs web.
Certains niveaux de gris en revanche ne correspondent à aucune des 216 couleurs web. Un exemple : le niveau de gris 170.
Comparaisons de couleurs
L'application web devra permettre de comparer par juxtaposition deux couleurs choisies dans la palette.Si possible, il faudra également permettre à l'utilisateur de comparer la couleur sélectionnée avec sa couleur « inverse ».
La couleur « inverse » est la couleur qu'on obtient en complémentant les niveaux RGB à 255. Par exemple, la couleur « #CC99CC » a pour couleur « inverse », la couleur « #336633 ».
Application multilingue
L'application devra être proposée à l'utilisateur dans deux langues : anglais et français. La langue française sera sélectionnée par défaut.| Copyright 2006, David Andrianavalontsalama |
