Cours PLURITAL 2014-2015

Cours n° 2  (mise à jour du 13 octobre 2014)

Jean-François Perrot

Caractères, écrans, claviers

1. 
   
2. I. Position du problème
   1. Communication ?
   2. Lire un (fichier) texte ?
   3. Écrire un (fichier) texte ?
   4. Un historique
      
      
3. II. Typographie
   1. Notions succinctes sur la typographie [introduction, histoire]
   2. Informatisation de la typographie
      1. La technique informatique :
      2. La notion de rendering
      3. La technique actuelle :
      4. Les polices sur l'ordinateur
         1. L'inspection des polices
         2. Se procurer des polices
         3. Le détail de la mise en œuvre est compliqué...
            
            
4. III. Clavier, palette etc.
   1. Le clavier
   2.  Écrire avec un jeu de caractères donné (avec une police ad hoc !)
      1. La palette de caractères de Mac OS X
      2. La table des caractères de Windows
      3. Unicode character pickers
         
   3. Dispositifs de saisie plus complexes
      1. Exemple du japonais
      2. Exemple du vietnamien
      3. Exemple en arabe
      4. Le service Google Transliteration

I. Position du problème

1. Communication ?

   Après avoir vu au cours précédent la nature exacte de l'information logée dans les fichiers,
   et l'omniprésence des mécanismes interprétatifs,
   voyons par quels procédés complexes l'ordinateur nous permet
   
   • de lire : prendre connaissance du contenu des fichiers-textes
     
   • et d'écrire : intervenir pour modifier ce contenu.
     
   
   Nous admettons sans peine que pour afficher une image à l'écran, ou pour faire entendre le son d'un fichier audio,
   plus encore pour faire jouer un fichier vidéo, il faut un logiciel sophistiqué et une forte puissance de calcul.
   D'ailleurs, pour un fichier image nous distinguons bien l'affichage de la modification
   (tout le monde ne sait pas se servir de PhotoShop !).
   Plus encore pour un fichier audio ou vidéo (là, il faut être un spécialiste pour intervenir).
   
   En revanche, s'il s'agit d'un fichier texte, nous avons l'illusion d'un contact direct, reproduisant notre expérience
   de la feuille de papier sur laquelle nous lisons et nous écrivons (mais à l'ordinateur il nous faut renoncer à dessiner...).
   
   Plus précisément, nous projetons sur l'usage conjugué de l'écran et du clavier une image mentale héritée de la machine à écrire.
   En particulier, nous imaginons que le caractère qui apparaît à l'écran quand nous frappons une touche du clavier
   est mécaniquement lié à cette touche,
   et que son apparition est la conséquence directe de la frappe...
   
   
   
   source : http://www.agers.cfwb.be/apsdt/historiq.htm
   
   
   
   Grave erreur !
   Entre les octets dans le fichier et la forme des caractères à l'écran, un traitement d'information considérable a lieu.
   De même, entre notre geste - frappe au clavier, sélection à la souris - et les octets envoyés dans le buffer
   de l'éditeur de texte, un autre traitement d'information se produit.
   Et la complexité des traitements que peuvent effectuer les machines modernes n'a point de limite !
   
   Il suffit d'ailleurs de penser à l'envoi d'un SMS sur un téléphone portable pour "sentir" que rien n'est simple :
   Ces petites machines permettent une saisie intuitive, avec des procédés comme le T9,
   qui pourraient nous faire croire qu'elles sont intelligentes...
   

2. Lire un (fichier) texte ?

   L'ordinateur ne lit un texte pas plus qu'il ne lit une image !
   
   Un fichier ne contient que des octets, toute visualisation repose sur une interprétation.
   Les fichiers-texte ne font pas exception à la règle !
   Que ce texte soit la base d'une interprétation ultérieure (RTF, HTML) ne change rien à l'affaire....
   
   Démo : le même texte est exhibé de manières différentes par différents outils
   également compétents !
   TextEdit, TextWrangler, Terminal (more & ed).
   
   Ceci nous amène à interroger l'ordinateur sur ses capacités de scripteur
   - car nous ne lisons que ce que l'ordinateur a écrit pour nous.
   

3. Écrire un (fichier) texte ?

   Il s'agit d'envoyer des octets dans un fichier, ce qui ne peut se faire qu'au moyen d'un instrument ad hoc.
   Le clavier n'est pas un instrument simple, et il n'est pas le seul en usage (les tablettes graphiques sont parmi nous).
   
   L'ordinateur comme lecteur ?
   
   

4. Un historique

   succinct va nous aider dans cette quête.
   
   

II. Typographie

1. Notions succinctes sur la typographie [introduction, histoire]

   • Vocabulaire : index typo, police (Wikipédia, Linux, typo) =/= fonte (Linux)
     

     ---

     Une police de caractères en typographie est un ensemble de glyphes, c'est-à-dire de représentations visuelles de caractères d'une même famille, qui regroupe tous les corps et graisses d'une même famille, dont le style est coordonné, afin de former un alphabet, ou la représentation de l'ensemble des caractères d'un langage, complet et cohérent.
     Il est fréquemment confondu avec le terme fonte qui désigne l'ensemble des caractères correspondant aux même caractéristiques de corps, graisse et italique au sein d'une même police.
     Par exemple :
     Garamond est une police de caractère ;
     le Garamond romain gras 12 points est une fonte.
     [Wikipédia]
     

     ---

     
     
   • L'approche historique, jugée indispensable par les typographes (artisans, artistes)
     et les diverses classifications des polices (Thibaudeau + Wiki, chrono, et Vox-ATypI + Wiki) qui accompagnent cette vision.
     
     
   • La classification Panose est plus opérationnelle (référence).
     Il s'agit de coder les caractéristiques visuelles d'une police sous la forme d'une suite de 20 chiffres hexadécimaux.
     On veut se donner un moyen de comparer deux polices, afin de pouvoir chercher "la police la plus proche" pour remplacer une police manquante
     (c'est le cas pour la police Chicago, sortie de l'usage, dans l'exemple de fichier RTF examiné au cours n° 1).
     
     Mise en œuvre dans RTF : au début d'un fichier RTF se trouve en général une table des polices (annoncée par "\fonttbl"),
     dans laquelle les noms des polices utilisées dans le fichier sont associés à un nom local et à leurs codes Panose.
     Dans l'exemple ExRTF.rtf du cours n°1, on extrait de cette table le contenu suivant :
     {\f0\fnil\fcharset256\fprq2{\*\panose 00020206030504050203}Times New Roman;}
{\f4\fnil\fcharset256\fprq2{\*\panose 00020005000000000000}Times;}
{\f18\fnil\fcharset256\fprq2{\*\panose 00020005000000000000}Palatino;}
{\f19\fnil\fcharset256\fprq2{\*\panose 00020b08060806040402}Chicago;}
     après quoi les quatre polices en question ne seront plus désignées que par leurs noms locaux \f0, \f4, \f18 et \f19
     (voyez le détail dans le commentaire).
     
     On notera que le code Panose du Times New Roman (police par défaut) est conforme à l'exemple donné par Wikipédia,
     et qu'il diffère de celui du Times, ce qui peut surprendre vu la parenté historique entre ces deux polices
     (d'après la List of typefaces en anglais, Times est la version Linotype du Times New Roman détenu par Monotype, plus de détails ici).
     En revanche, le code Panose du Times est identique à celui du Palatino - mais pas du tout à celui du Chicago.
     Sur un ordinateur qui ne dispose pas de Palatino, on verra donc apparaître du Times à sa place.
     Et à la place de Chicago ? Word ne vous le dit pas...
     
     
   • Un coup d'œil à Hœfler & Frere-Jones pour apprécier l'art du typographe (aller dans le menu Fonts et choisir une police).
     On notera l'omniprésence du bouton Buy this font... : ce site n'est pas dédié à l'étude, mais au commerce !
     

2. Informatisation de la typographie

   1. La technique informatique :

      l'opposition entre
      
      • polices bitmap [Wikipédia] les premières apparues
      • et polices vectorielles [Wikipédia] plus complexes mais plus performantes,
        Illustration de leur différence.
        
        Un projet intéressant pour bien appréhender les bases : GNU-Unifont.
        
        
      • Pour une vision d'ensemble, voyez Wikipedia.
        ou Planète-typographie
        

   2. La notion de rendering

      vient ajouter une couche de complexité supplémentaire : l'infini raffinement du rendu...
      
      
      • Exemple 1 : (caché à l'utilisateur) l'anti-crénelage : aliasing, anti-aliasing
        
        
      • Exemple 2 : (à la disposition de l'utilisateur) le crénage (kerning) qui règle l'espace entre les lettres
        pour tenir compte des chevauchements.
        

        Comparez le rendu d'un même texte par Safari et par Firefox.

        Commande du crénage dans une version déjà ancienne de Microsoft Word :
        
        
        
        Résultat obtenu :
        
        
        
        Illustration montrant l'examen des facultés de crénage de la police Times New Roman
        sous Windows, avec le logiciel True Type Explorer (cf. infra) :
        
        
        
        
      
      

   3. La technique actuelle :

      La base est la technique truetype [Wikipédia, Wikipedia], en abrégé ttf (true type font).
      
      Il existe des logiciels éditeurs de polices (font editors) permettant à tout un chacun d'en fabriquer.
      Par exemple FontForge.
      
      
      1. Complexité de la technique truetype Une police ttf comprend tout un arsenal :
         un jeu de dessins pour les glyphes, assortis d'instructions détaillées pour les mettre à l'échelle,
         et une batterie de tables pour assurer la communication avec l'extérieur.
         
         Excellent exposé de Patrick Andriès.
         
         
      2. Exemple de dessin de police ttf
         
         
         
         (police Mangal sous Windows) employant des courbes de Bézier
         représentant le caractère "r voyelle" du sanskrit (en écriture devanâgari),
         La même lettre ci-dessous dans la police Devanagari MT sur Macintosh.
         
         
         
      3. Les tables
         
         • du code indiquant le caractère vers le glyphe qui lui correspond : CMAP,
         • pour trouver les ligatures MORT
           
           
      4. Les dérivées de truetype :
         
         • La vision Adobe + Microsoft : le format OpenType
         • La vision Apple et le format AAT 
         • Leur incompatibilité...
           
         
         

   4. Les polices sur l'ordinateur

      • L'inspection des polices

        Chaque ordinateur possède une collection de polices, qui est considérée comme une ressource
        relevant directement du système d'exploitation.
        Sur les machines actuelles cette collection est très vaste !
        Cette collection de polices est à la disposition de tous les logiciels qui en ont besoin.
        Nous parlerons ici des outils qui permettent d'examiner cette collection :
        ceux qui permettent de s'en servir seront traités à la section III.
        
        Sur l'inspection des polices, voyez Font View proposée par FontForge.
        
        
        1. Sous Windows, les fichiers de polices sont rassemblés dans le répertoire Polices, 
           accessible via le Panneau de configuration.
           Quand on clique sur un de ces fichiers, on obtient un aperçu permettant (en principe)
           de juger la police d'un point de vue de typographe.
           Sur l'exemple ci-dessous, on note que l'aperçu de la police Mangal ne dévoile pas la plage de caractères
           qu'elle traite, à savoir l'écriture devanâgari.
           
           
           
           
           
           
        2. Sous MacOS, les fichiers de polices se trouvent dans un répertoire Fonts, sous-répertoire de Bibliothèque (Library).
           L'aperçu que donne le système et différent ce celui que donne Windows...
           
           
           
           Pour juger des qualités typographiques d'une police, il faut l'examiner à l'aide d'une application particulière appelée
           Livre des polices (Font Book).
           
           
           
           
           
        3. TrueType Explorer
           L'outil le plus perfectionné pour examiner en détail une police est le très remarquable logiciel TrueType Explorer,
           qui ne fonctionne malheureusement que sous Windows.
           Nous l'avons déjà utilisé ci-dessus pour illustrer le crénage et pour montrer le dessin d'une police.
           Voici sa fenêtre d'entrée :
           
           
           
           
        
        

      • Se procurer des polices

        La collection de polices qui se trouve sur une machine donnée va évidemment varier suivant l'usage qui est fait de cette machine.
        
        
        1. Un utilisateur expert en PAO se fournira auprès des grandes fonderies, comme Adobe
           ou Hœfler & Frere-Jones.
           On notera que les belles polices sont considérées commes des œuvres d'art,
           et que leur acquisition peut être onéreuse.
           
           
        2. Cette vénérable tradition entre en conflit avec le courant du logiciel libre
           et la pratique généralisée de la gratuité sur Internet.
           Il y a là un phénomène de société digne d'intérêt.
           Sur la notion de gratuité appliquée aux polices, lire ceci.
           
           
        3. L'utilisateur ordinaire cherchera sur le réseau des polices gratuites,
           sans doute de moindre qualité esthétique, mais suffisantes pour rendre les oppositions traditionnelles
           entre serif et sans-serif, chasse constante et chasse variable, etc.
           Sa préoccupation sera surtout de couvrir un maximum de types d'écritures du monde.
           En effet, impossible de visualiser un texte si on ne dispose pas d'une police capable de l'afficher,
           même avec un rendu médiocre !
           Les possibilités sont multiples, mais si on veut sortir de l'alphabet latin il faut chercher avec opiniâtreté !
           La plupart des sites typographiques, comme http://www.dafont.com/fr/, ne proposent que des polices occidentales
           (avoir des lettres accentuées est déjà une grande hardiesse !).
           On se tournera vers
           • les sources habituelles de logiciel libre, par exemple GNU-FreeFont ;
             
           • des organisations religieuses, continuant la tradition linguistique des missionnaires, comme SIL ;
             
           • des projets à l'échelle d'une région du globe, comme The Tibetan & Himalayan Digital Library (qui a malheureusement changé de politique) ;
             
           • et on déplorera qu'un centre universitaire comme le Yamada Language Center  ne propose plus de polices !
        
        Exercice : Votre ordinateur affiche-t-il complètement cette liste de pays et de capitales ?
        Sinon, y remédier !
        

      • Le détail de la mise en œuvre est compliqué...

        Ce que fait l'éditeur de texte ou le navigateur :
        lorsque la police demandée (dans la page Web, par exemple) ne se trouve pas dans le collection locale,
        il va chercher une police approchante : celle dont la distance Panose-1 avec la fonte manquante est
        la moindre  [Haralambous p. 21] (démo RTF).
        Du moins, c'est ce qu'il est censé faire ! La réalité s'avère complexe et parfois décevante.
        
        Le problème se déplace lorsqu'il s'agit de typographie pour des pages Web,
        qui seront affichées dans des contextes dont on ne connaît pas l'équipement typographique.
        Il faut alors distinguer les polices conçues pour être affichées à l'écran (screen fonts) ou pour être imprimées (printer fonts).
        Sur ce point voyez par exemple Accessible Web Typography - an introduction for web designers.
        
        

III. Clavier, palette etc.

1. Le clavier
   
   

   • Changement de clavier virtuel et ses effets (ex. Terminal)
     
     Le clavier devanâgari (MacOS X)
     
     Détails sur sa mise en œuvre ici.
     
     
     
     Mise en œuvre du clavier virtuel "hindi" sous Windows XP.
     Si vous avez des difficultés pour y parvenir, lisez ceci !
     
     
     
     
     

2.  Écrire avec un jeu de caractères donné (avec une police ad hoc !)

   En sens inverse de l'inspection des polices, il s'agit d'outils permettant de rechercher les écritures
   que la collection des polices présentes sur l'ordinateur va permettre de réaliser,
   et de les mettre en œuvre pour écrire caractère par caractère.
   La nomenclature des écritures en question est grosso modo celle des blocs Unicode (voir cours n° 4).
   
   

   • La palette de caractères de Mac OS X

     
     
     En cliquant deux fois sur le caractère sélectionné (ou une seule fois sur le carré "Infos du caractère"),
     on le fait apparaître directement dans la fenêtre en cours d'écriture : on peut ainsi composer tout un texte,
     caractère par caractère - il faut être patient !
     La sous-fenêtre "Variante de police" présente les différetes polices présentes sur la machine
     qui permettent d'écrire en devanâgari.
     

   • La table des caractères de Windows
     

     Sous XP, c'est un utilitaire du système (Programmes>Accessoires>Outils système>Table des caractères),
     dont la fonction est analogue à celle de la palette de MacOS, mais dont l'usage est moins commode.
     
     
     
     Pour obtenir ce comportement, on a dû demander l'affichage avancé...
     
     
     
     Nous apprenons ainsi que la police Kartika détient les secrets de l'écriture en malayalam (la langue du Kerala).
     Pour s'en servir, il faudra faire apparaître les caractères choisis dans le buffer "Caractères à copier", puis les 
     recopier dans la fenêtre en cours d'écriture - il faura être très patient !
     
     Sous Windows-7 l'affichage est plus perfectionné. Le répertoire des polices est toujours accessible de la
     même manière, mais en mode affichage "Détails", on obtient un certain nombre d'informations intéressantes.
     Voici 3 images (envoyées depuis Prague) :
     
     1. L'écran d'accueil
     2. Infos sur la police Gentium Book Basic
        
     3. Les polices arabes disponibles sur la machine de M.-A. Moreaux.
        
     
     

   • Unicode character pickers

     Pickers allow you to quickly create phrases in a script by clicking on Unicode characters arranged in a way that aids their identification. The phrase appears at the bottom of the screen and you can easily cut and paste the result into your own document. They're written in XHTML with a small amount of JavaScript.
     
     Pickers are likely to be most useful if you don't know a script well enough to use the native keyboard. The arrangement of characters also makes it much more useable than a regular character map utility.[Richard Ishida]

     
     

3. Dispositifs de saisie plus complexes

   Tout clavier reste impuissant devant les caractères chinois.
   On est obligé de recourir à une autre solution, celle de l'intuition par la machine, sur la base d'une frappe approximative, en fonction d'un savoir encyclopédique. Le cas échéant, plusieurs choix peuvent être proposés.
   Plus généralement, il existe de nombreuses méthodes d'entrée (en anglais input methods), notamment pour le chinois à partir du pinyin...
   Elles rejoignent les procédés de saisie intuitive précédemment évoqués.
   
   Il faut distinguer deux modalités :
   
   1. Les logiciels installés sur votre machine (comme Kotoeri et VietTelex, ci-après)
   2. Ceux qui opèrent à travers une page Web, accessible via Internet (Yamli et Google Transliterate)
      
   
   

   • Exemple du japonais

     (hiragana, katakana et kanji) avec Kotoeri (logiciel local).
     
     

     1. L'utilisateur a tapé "nihonngo", (= la langue japonaise) la machine l'a transcrit en hiragana.	2. L'utilisateur a tapé un espace, la machine propose les kanjis  qu'elle estime les plus probables.	3. L'utilisateur a tapé un second espace, la machine l'interprète comme un désaveu, elle propose alors un autre choix et elle ouvre la discussion...

     
     

   • Exemple du vietnamien

     avec Viet Telex (logiciel local):
     Bien que le nombre de lettres de l'alphabet romanisé chữ quốc ngữ soint sans commune mesure avec celui des caractères chinois,
     il est suffisant pour rendre compliquée la dactylographie, même avec un clavier ad hoc (voyez ceci).
     Une méthode codant les signes diacritiques offre alors une alternative valable...
     
     Pour écrire "tiếng Việt" (= la langue vietnamienne) l'utilisateur a tapé "tieesng  Vieejt ".
     
     

     1. L'utilisateur a tapé "tie",  la machine est en attente d'un accent  vocalique	2. L'utilisateur a tapé "tiee", la machine est en attente d'un accent  tonal	3. L'utilisateur a tapé "tiees", la voyelle est complète, mais l'utilisateur peut encore revenir en arrière...	3. L'utilisateur a tapé "tieesng  Vieej", même jeu	3. L'utilisateur a tapé "tieesng  Vieejt "

     
     

   • Exemple en arabe

     Voyez par exemple le système Yamli (site web), qui combine un clavier arabe intelligent avec un moteur de recherche.
     
     
     
     Plusieurs possibilités...
     
     
     
     L'interprétation correcte est donnée en premier lieu, alors qu'elle est la moins simple à écrire !
     
     
     
     Avec anticipation du -h final de Allah !
     
     
     
     
     إن شاء الله !
     
     

   • Le service Google Transliteration

     site web : http://www.google.com/transliterate
     
     Initialement orienté vers les langues de l'Inde, il offre aujourd'hui un vaste éventail, indexé par les noms de langues et non par les écritures
     (et on verra dans la suite qu'il s'agit bien de transcrire en fonction de la langue).
     
     
     
     
     La fenêtre se présente comme celle d'un éditeur de textes, genre Word ou Open Office
     Elle offre les outils de mise en forme habituels
     ainsi qu'un menu pour choisir sa langue (à gauche).
     
     
     
     

     Vous avez le choix entre 24 langues...	Les polices disponibles diffèrent selon la langue choisie !

     
     
     Exemple en hindi :
     

     L'utilisateur a tapé "jan vani ". Chaque espace a provoqué la translittération en devanâgari. Noter que la forme officielle est "jan vāṇī", avec ā long, ī long et ṇ rétroflexe. La translittération exacte de "jan vani" serait "जन वनि". Mais la machine (en l'occurrence le serveur de Google, pas la machine de l'utilisateur) a compris qu'il s'agissait de "la voix du peuple" et elle a rétabli l'orthographe correcte !

     
     Exemple montrant l'influence de la langue, pour une même écriture :
     En tapant "saadi ",
     
     • en arabe on obtient "سادي", le double "a" étant interprété comme une indication de longueur ;
       
     • en persan au contraire, Google reconnaît le nom du grand poète et transcrit correctement "سعدی".