Technologies web : applications
Sur ce site...
13 juillet 2008
Tout en haut des pages le premier item du menu (Aide-Assistance) propose aux utilisateurs de ce site un panorama des fonctionnalités disponibles. Comme je suis sûr que vous n'avez ni besoin d'aide ni besoin d'assistance, je suis tout aussi sûr que vous n'avez jamais consulté ce lien. Explications sur - et démos de - quelques-unes des fonctionnalités.
Adaptabilité des volumes [point 4]
Derrière ce vocable un peu vague se cache une fonction très puissante que vous pouvez explorer très simplement, si ce n'est déjà fait : sous l'onglet SECOND LIFE du menu vous trouverez - à condition que vous soyez en mode graphique et que vous ayez Javascript activé - une petite flèche bleue. Cliquez sur cette flèche et, tout en gardant le click enfoncé, déplacez-la vers la gauche ou vers la droite... Si tout va bien vous devriez "adapter les volumes", à savoir modifier la taille des éléments : colonne de gauche, page de droite, taille des textes, etc.
Vous ne vous en rendez sûrement pas compte mais vous venez de faire quelque chose d'assez peu banal. D'un point de vue technologique c'est assez compliqué à réaliser puisque la structure "objets" (divs) du document ne permet théoriquement pas d'obtenir cet effet tout en préservant une colonne et une page droite de même hauteur. Pourquoi ? ...parce que le principe même des blocs flottants est de n'occuper que l'espace dont ils ont besoin. Donc on devait autrefois (c'est-à-dire hier) choisir entre soit un site figé en largeur avec une image de fond qui recrée "fictivement" la colonne absente en bas de page (technique dite des "colonnes factices") soit un site adaptable aux largeurs d'écrans mais sans pouvoir faire descendre la colonne jusqu'en bas... Sans vouloir trop me la jouer, je suis assez content de ce développement qui permet d'avoir l'un ET l'autre. Si vous êtes développeur web vous voyez de quoi je veux parler... et si vous ne l'êtes pas, demandez au vôtre.
Mais le plus intéressant n'est pas là : il est dans cette fonction de volumes adaptables. Un gadget ? Pas pour tout le monde... Depuis peu est sortie une nouvelle gamme d'ordinateurs portables : les ultra-portables. A mi-chemin entre PDA et portables "classiques" ils proposent des écrans de 7 à 9 pouces (donc en gros une quinzaine de centimètres de large) pour des résolutions en 800 ou 1024 pixels ; autant dire que la lecture des textes n'est pas facile sur ces nouveaux outils puisque par rapport à des écrans "normaux" toutes les tailles sont en gros divisées par 2,5. C'est en pensant à eux que cette fonction a été créée. Un coup de flèche bleue et hop, tout est beaucoup plus facilement lisible, consultable, utilisable.
Démo :
Cette petite video a été réalisée hier samedi à la sauvette et en quasi-clandestinité dans une grance surface informatique... j'allais pas commencer à installer un pied, des éclairages et des barrières de sécurité ; donc la main gauche tient le téléphone-caméra pendant que la droite manipule le trackpad... L'appareil est un Asus EeePC 900.)
2 écrans de variations de tailles de blocs
Version alternative [point 9]
Accessible en permanence depuis le petit menu du haut (Version texte) il s'agit d'une version d'affichage (la page demandée reste strictement la même) dépouillée de tous ses artifices graphiques et qui présente la page en contraste clair sur sombre ; en effet des études récentes menées fin 2007 montrent que ce contraste est moins fatigant et plus confortable que l'inverse (des textes noirs sur fond blanc). Ces tests ont également montrés que la teinte de fond devait osciller entre le vert (ou bleu) foncé et le noir, et les textes entre le blanc et une teinte pâle. Alors que de nombreux utilisateurs mal-voyants supportent mal le noir et blanc pur, d'autres au contraire n'atteignent le seuil critique de lisibilité qu'en poussant le contraste au maximum.
3 écrans de variations de tailles et de contrastes
Utilisation du clavier virtuel [point 11]
Un développement spécifique permet aux personnes ne pouvant se servir d'un clavier (handicap moteur sévère) d'accéder toutefois à l'outil de recherche en utilisant un "clavier virtuel". Ce clavier reproduit les touches qu'on veut : un autre de ses usages possibles est par exemple la saisie d'un code secret. Pourquoi ? Parce qu'il existe des logiciels-espions qu'une personne mal intentionnée peut déposer à votre insu sur votre PC un peu comme un virus, et qui détecte et mémorise vos frappes clavier. Si votre ordinateur est infecté par un tel espion, tout code saisi dans un formulaire d'identification ou de login est stocké et mis à disposition de l'auteur de la malveillance. Vous imaginez ce qu'une interface web de compte bancaire peut donner... Avec le clavier virtuel la saisie est indétectable puisque le logiciel-espion ne peut savoir où le click se fait.
Un autre usage possible ? Mettre à disposition d'autres cultures une interface permettant d'écrire dans un langage et un alphabet non-présent sur les outils du web. Par exemple consultez le clavier virtuel pour écrire en tifinagh - l'écriture touarègue - que nous avons développé sur le site Kidal.info... [note : la police devra être installée pour fonctionner]
Clavier virtuel pour l'écriture tifinagh
