Écrire le design:Je parle/Espeak

Sommaire

1 Introduction au cours
2 Une approche textuelle au design
3 Exercice: Je parle, espeak

Introduction au cours

Question: quand avez-vous utilisé un ordinateur pour la première fois? Quand avez-vous utilisez un Smart phone pour la première fois?
années 90, Don Norman, informatique invisible: « Le vrai problème de l’interface, c’est qu’elle en est une. » Why Interfaces Don't Work
Apple: «Nous pensons que la technologie est optimale lorsqu'elle est invisible, lorsque vous n'êtes conscients que de ce que faites et non du dispositif avec lequel vous le faites.»
expérience utilisateur & personnes / utilisateurs
vers une individuation des dispositifs numériques: écran-unité centrale — téléphones sans clavier — applications mono-tâche
intuitivité si l'on suit le manuel du concepteur
outils UNIX sont aussi mono-tâches mais dialoguent entre eux → combinaisons infinies = outils spécifiques et singuliers
Olia Lialina en faveur de l'«utilisateur» versus «développeur»: «L'Utilisateur Turing complet»
droit de mal utiliser un outil ou plutôt bien l'utiliser mais en détournant son usage principal
Gambiarra: Gabriel Menotti, Gambiarra and The Prototyping Perspective

développeurs ou non, nous sommes tous les utilisateurs d'outils conçus par d'autres
comprendre les aspects culturels des logiciels → les comprendre, les modifier, se les approprier
culture = empreints d'une généalogie, d'un héritage
exemple: l'icône de sauvegarde qui représente une disquette 3" ½, ou encore le bruit d'un appareil photo numérique alors que ce bruit est le mécanisme de miroirs d'un appareil photo réflex → skeuomorphisme, un héritage qui n'a plus de raison d'être pour la bonne fonctionnalité de l'outil
logiciels libres incite cette pratique

Une approche textuelle au design

texte comme contenu

hypertexte: Composition n°1, Marc Saporta, 1963
Cut-up: William Burroughs, Gysin Brion, années 60
Expérimentations de la matière textuelle: Oulipo ([1]), années 60
texte comme image (typographie)
«Un coup de dé jamais n'abolira le hasard», Mallarmé, 1897

Ed Ruscha

Typoésie, Jérôme Peignot, 1993

Experimental JetSet

Job Wouters

Herb Lubalin

Figlet / Ascii fonts

                                ___         ___     
                               /\  \       /\__\    
      ___           ___       /::\  \     /:/ _/_   
     /\__\         /|  |     /:/\:\__\   /:/ /\__\  
    /:/  /        |:|  |    /:/ /:/  /  /:/ /:/ _/_ 
   /:/__/         |:|  |   /:/_/:/  /  /:/_/:/ /\__\
  /::\  \       __|:|__|   \:\/:/  /   \:\/:/ /:/  /
 /:/\:\  \     /::::\  \    \::/__/     \::/_/:/  / 
 \/__\:\  \    ~~~~\:\  \    \:\  \      \:\/:/  /  
      \:\__\        \:\__\    \:\__\      \::/  /   
       \/__/         \/__/     \/__/       \/__/    
      ___           ___           ___           ___                         ___                       ___           ___     
     /\__\         /\  \         /\  \         /\__\                       /\  \                     /\  \         /\__\    
    /:/ _/_       /::\  \       |::\  \       /:/ _/_         ___          \:\  \       ___          \:\  \       /:/ _/_   
   /:/ /\  \     /:/\:\  \      |:|:\  \     /:/ /\__\       /\__\          \:\  \     /\__\          \:\  \     /:/ /\  \  
  /:/ /::\  \   /:/  \:\  \   __|:|\:\  \   /:/ /:/ _/_     /:/  /      ___ /::\  \   /:/__/      _____\:\  \   /:/ /::\  \ 
 /:/_/:/\:\__\ /:/__/ \:\__\ /::::|_\:\__\ /:/_/:/ /\__\   /:/__/      /\  /:/\:\__\ /::\  \     /::::::::\__\ /:/__\/\:\__\
 \:\/:/ /:/  / \:\  \ /:/  / \:\~~\  \/__/ \:\/:/ /:/  /  /::\  \      \:\/:/  \/__/ \/\:\  \__  \:\~~\~~\/__/ \:\  \ /:/  /
  \::/ /:/  /   \:\  /:/  /   \:\  \        \::/_/:/  /  /:/\:\  \      \::/__/       ~~\:\/\__\  \:\  \        \:\  /:/  / 
   \/_/:/  /     \:\/:/  /     \:\  \        \:\/:/  /   \/__\:\  \      \:\  \          \::/  /   \:\  \        \:\/:/  /  
     /:/  /       \::/  /       \:\__\        \::/  /         \:\__\      \:\__\         /:/  /     \:\__\        \::/  /   
     \/__/         \/__/         \/__/         \/__/           \/__/       \/__/         \/__/       \/__/         \/__/

texte comme image figurative/ascii art

Deep Ascii, Vuk Ćosić

             ,db86b.
             d889  886
            q999 _'999b
           d6668__6669p
           9d999  d6999b
          /  ,   |   .  \
         /  (*   ^   *)  \
        /  /|`--' `--'|\  \
       / ." ,--. . ,--. ". \
    __/ /  /(   \ /   )\  \ \__
   /--,'  (  \   y   /  )  `,--\
           \  "./  ,"  /
            `--/  /\--'   hjw
              /  _) \
             mm/  (_ \
                    \_b

    .```.   _.''..
   ;     ```      ``'.
   :  d               `.
   / >,:                \
  /.'   `'.,             :
 /'         ;.   .       ;
/          ;  \ ;     ; /
           `..;\:     :'
          __||   `...,'
         `-,  )   ||
          /.^/ ___||
              '---,_\    hjw
                 (/ `\

texte comme instruction

recette de cuisine Cake d'amour, Peau d'âne
Sol Lewitt, Wall Drawing #340

Six-part drawing. 
The wall is divided horizontally and vertically into  six equal parts. 
1st part: On red, blue horizontal parallel lines, and  in the center, a circle within which are yellow vertical parallel lines;  
2nd part: On yellow, red horizontal parallel lines, and in the center, a  square within which are blue vertical parallel lines; 
3rd part: On  blue, yellow horizontal parallel lines, and in the center, a triangle  within which are red vertical parallel lines; 
4th part: On red, yellow  horizontal parallel lines, and in the center, a rectangle within which  are blue vertical parallel lines; 
5th part: On yellow, blue horizontal  parallel lines, and in the center, a trapezoid within which are red  vertical parallel lines; 
6th part: On blue, red horizontal parallel  lines, and in the center, a parallelogram within which are yellow  vertical parallel lines. 
The horizontal lines do not enter the figures.

machine à écrire, emails
syntaxe Wiki
code source HTML de la page web
.walk de Wilfried Hou Je Bek

//Classic.walk
Repeat
[
1st street left
2nd  street right
2nd  street left
]

texte comme interface

Exercice: Je parle, espeak

386DX, Alexei Shulgin, 1998
mallarme.ssml
SSML, balises pour contrôler la synthèse vocale
présentation de chacun/dialogues via espeak

Sur Mac:

télécharger espeak: http://espeak.sourceforge.net/download.html
Aller dans Applications/Utilitaires/Terminal
Dans le terminal taper (ne pas oublier l'espace après «cd»):

cd

Dans le Finder, chercher le dossier espeak-1.45.04-OSX
Ouvrir le dossier espeak-1.45.04-OSX
Glisser/déposer le dossier espeak-1.45.04 (à l'intérieur du dossier osx) dans le Terminal (ceci va copier le chemin du dossier dans le Terminal)
Valider en appuyant sur Entrée
Faites un test en tapant:

 ./speak --path="." "le texte à lire"

Pour avoir de l'aide, taper:

 ./speak -h

Pour lire en français:

 ./speak --path="." -v fr "texte à lire"

Pour lire un fichier:

 ./speak --path="." -f /chemin_du_fichier/fichier.txt

Pour manipuler le son
liste des balises: http://espeak.sourceforge.net/ssml.html
exemple (ne pas oublier la balise speak au début et à la fin du document et changer au début en-US par fr-FR pour l'avoir en français): http://stdin.fr/Bazar/Espeak

 ./speak --path="." -m -f /chemin_du_fichier/fichier.txt

Enregistrer le résultat dans un fichier:

espeak -m -f -pitch.txt -w machanson.wav

Pour réutiliser une commande précédente, naviguer avec les flèches ↑ et ↓

Pauline et Daya

<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="fr-FR"> 
Maman ? Claudy à l'appareil. Dis, je viens de me faire car-jacké. <break time='1s' />. Je dis je viens de me faire car-jacké. On a volé l'auto ! <break time='1s' /> Non je n'ai rien su faire j'ai… J'ai tâché de courir derrière, qu'est-ce que tu veux faire... Non. <prosody pitch='300'>Non</prosody>, y avait ma veste en cuire dedans avec les septante mille balles dedans. Non je suis... <prosody pitch='70' rate='-0.3'>écoeuré</prosody>. Non, ah bah non tes lunettes, qu'est ce que tu veux maman, tes lunettes sont dans la boite à gants... la boite à gants <prosody rate='+0.3'>elle est restée dans la voiture.</prosody>
</speak>

Pierre-Barick

<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="fr-FR">




<prosody rate='x-slow'>je suis un hyppocampe</prosody>
<break time='2s' />
<prosody time=""><prosody pitch="10s">doum</prosody></prosody>
<break time='2s' />
<prosody rate='x-slow'>au fond  des mers je campe</prosody>
<break time='2s' />
<prosody time=""><prosody pitch="10s">bidiudoudoum</prosody></prosody>
<break time='2s' />
<prosody rate='x-slow'>a personne je me plein</prosody>
<break time='2s' />
<prosody time=""><prosody pitch="10s">doum</prosody></prosody>
<break time='2s' />
<prosody rate='x-slow'>e suis petit et laid</prosody>
<break time='2s' />
<prosody rate='slow'><prosody pitch="10s">boudouboudoum</prosody></prosody>
<break time='2s' />
<prosody rate='x-slow'>miaou.....miaou</prosody>
<break time='2s' />
<prosody rate='slow'>miaou miaou</prosody>
<break time='2s' />
<prosody rate='slow'><prosody pitch="10s">doum</prosody></prosody>
<break time='2s' />
<prosody rate='slow'><prosody pitch="10s">boudouboudoum</prosody></prosody>
<break time='2s' />
<prosody rate='slow'><prosody pitch="10s">ibpbipbipbipbipbipbipbi</prosody></prosody>
<break time='1s' />
<prosody rate='slow'>hip</prosody> 
<break time='3s' />
<prosody rate='slow'><prosody pitch="10s">a personne je me plein</prosody></prosody>
<prosody rate='slow'>hip</prosody>
<break time='1s' />
<prosody rate='slow'>hip</prosody>
<prosody rate='slow'><prosody pitch="10s">bien triste mon destin</prosody></prosody>
<break time='2s' />
<prosody rate='slow'>pop</prosody>
<break time='1s' />
<prosody rate='slow'>hip</prosody>
<prosody rate='slow'>hip</prosody>
<prosody rate='slow'>hip</prosody>
<break time='1s' />
<prosody rate='slow'>pop</prosody>
<break time='1s' />
<prosody rate='slow'><prosody pitch="10s">la mre serait si belle</prosody></prosody>
<prosody rate='slow'>hip</prosody>
<break time='2s' />
<prosody rate='slow'>hip</prosody>
<break time='1s' />
<prosody rate='slow'><prosody pitch="10s">si papa</prosody></prosody>
<prosody rate='slow'>hip</prosody>/>
<prosody rate='slow'><prosody pitch="10s">si mama</prosody></prosody>
<break time='2s' />
<prosody time="s"><prosody pitch="10s">taient requins</prosody></prosody>

<prosody rate='slow'>pop</prosody>
<break time='1s' />
<prosody rate='slow'>fafafa</prosody>

<break time='1s' />
<prosody rate='slow'>pop</prosody>
<prosody rate='slow'><prosody pitch="10s">les poissons me bousculent</prosody></prosody>

<break time='1s' />
<prosody time="10000ms"><prosody pitch="10s">doumdoum</prosody></prosody>
<break time='1s' />
<prosody rate='slow'>pop</prosody>
<break time='1s' />
<prosody rate='slow'><prosody pitch="10s">en m'envoyant des bulles</prosody></prosody>
<prosody time="2s"><prosody pitch="10s">doudoudoudoum</prosody></prosody>
<prosody rate='x-slow'>les pieuvrs me bascules</prosody>
<prosody time="1s"><prosody pitch="10s">doum</prosody></prosody>
<prosody time="2s"><prosody pitch="10s">doudoudoudoum</prosody></prosody>
<prosody time="1s">doum</prosody>
<prosody rate='x-slow'>avec leur tentacules</prosody>
<prosody time="3s"><prosody pitch="10s">doudoudoudoum</prosody></prosody>
<prosody time="1s">doum</prosody>
<prosody time="2s"><prosody pitch="10s">doudoudoudoum</prosody></prosody>
<prosody time="1s">doumbidou</prosody>
<prosody time="3s"><prosody pitch="10s">doudoudoudoum</prosody></prosody>
<prosody time="1s">doum</prosody>
<prosody rate='x-slow'>waf waf  ha ha ha......yes finish</prosody>

</speak>

Rémy et Sacha

<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="en-US">


<voice gender="female">

<prosody rate='.80'> 

I've been where the eagle flies


rode his wings cross autumn skies

Kissed the sun touched the moon

But he left me much too soon

His lady bird he left his lady bird

</prosody>

</voice>



<prosody pitch='4'>

Lady bird come on down

I'm here waiting on the ground

Lady bird I'll treat you good

Ah, lady bird I wish you would

You lady bird...pretty lady bird

</prosody>



<voice gender="female">

<prosody rate='.80'> 

Lightning flashed across the sky

The night he taught me how to fly

The sun came up and then I found

Too soon he let his lady down

His lady bird...I'm his lady bird

</prosody>

</voice>



<prosody pitch='4'>

Lady bird come on down

I'm here waiting on the ground

Lady bird I'll treat you good

Aw, lady bird I wish you would

You lady bird...pretty lady bird

</prosody>



<voice gender="female">

<prosody rate='.80'> 

Winter lives in my heart

In the times that we're apart

Summer sings a song or two

When he says 'I love you true'

My lady bird...yeah, I'm his lady bird

</prosody>

</voice>



<prosody pitch='4'>

Lady bird come on down

I'm here waiting on the ground

Lady bird I'll treat you good

Aw, lady bird I wish you would

You lady bird...pretty lady bird

</prosody>



<voice gender="female">

<prosody rate='.80'> 

I'm your lady bird

</prosody>

</voice>



<prosody pitch='4'>

You're a lady bird

</prosody>



<voice gender="female">

<prosody rate='.80'> 

Yes, I'm a lady bird

</prosody>

</voice>



<prosody pitch='4'>

You're too much you little bird

</prosody>


</speak>

Elliot

<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis"; xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:schemaLocation="http://www.w3.org/2001/10/synthesis http://www.w3.org/TR/speech-synthesis/synthesis.xsd"; xml:lang="en-US"> 

<voice name="fr">
<prosody rate='normal'>

bonjour. voici, ma chanson.

<prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
<prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
<prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
<prosody pitch='10'> aaaaaaaaaaaa </prosody> <break time='1000ms' />
<prosody pitch='10'> aaaaaaaaaaaa </prosody>
<prosody pitch='70'> iiiiiiiiiiii </prosody>
<prosody pitch='30'> iiiiiiii </prosody>
<prosody pitch='10'> aaaaaaaaaaaa </prosody>
<prosody pitch='90'> iiiiiiiiiiii </prosody>
<prosody pitch='30'> iiiiiiii </prosody>
<prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
<prosody pitch='70'> iiiiiiiiiiii </prosody>
<prosody pitch='30'> iiiiiiii </prosody>
<prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
<prosody pitch='70'> iiiiiiiiiiii </prosody>
<prosody pitch='30'> iiiiiiii </prosody>
<prosody pitch='10'> aaaaaaaaaaaa </prosody> <prosody pitch='40'> aaaaaaaaaaa </prosody>
<prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
<prosody pitch='60'> aaaaaaaaaaaa </prosody> <prosody pitch='90'> aaaaaaaaaaa </prosody>
<prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
<prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
<prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
<prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
<prosody pitch='30'> bababibibababibi </prosody> <prosody pitch='60'> bababibibababibi </prosody>
<prosody pitch='80'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='20'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
<prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
<prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
<prosody pitch='10'> aaaaaa </prosody> <prosody pitch='90'> aaaaa </prosody> <prosody pitch='40'> aaaaaa </prosody> <prosody pitch='20'> aaaaa </prosody>
<prosody pitch='80'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='20'> aaa </prosody> <prosody pitch='50'> aa </prosody>
<prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
<prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
<prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
<prosody pitch='10'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
<prosody pitch='70'> iiiiiiiiiiii </prosody>
<prosody pitch='30'> iiiiiiii </prosody>
<prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='90'> aa </prosody>
<prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody>
<prosody pitch='60'> aaaaa </prosody> <prosody pitch='90'> aaaaa </prosody>
<prosody pitch='70'> iiiiiiiiiiii </prosody>
<prosody pitch='90'> iiiiiiii </prosody>
<prosody pitch='40'> aaa </prosody> <prosody pitch='20'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='90'> aa </prosody>
<prosody pitch='10'> aaa </prosody> <prosody pitch='90'> aa </prosody> <prosody pitch='90'> aaa </prosody> <prosody pitch='20'> aa </prosody>
<prosody rate='.30'>

<prosody pitch='10'> aaaaaaaa </prosody> 
<prosody pitch='40'> aaaaaaaa </prosody> 
<prosody pitch='90'> aaaaaaaa </prosody> 
<prosody pitch='40'> aaaaaaaa </prosody>
<prosody pitch='90'> aa </prosody> 
<prosody pitch='80'> aa </prosody> 
<prosody pitch='40'> aa </prosody> 
<prosody pitch='50'> aa </prosody>
<prosody pitch='90'> aa </prosody> 
<prosody pitch='80'> aa </prosody>
<prosody pitch='30'> aaaaaaaa </prosody> 
<prosody pitch='60'> aaaaaaaa </prosody> 
<prosody pitch='90'> a </prosody> 
<prosody pitch='80'> a </prosody> 
<prosody pitch='40'> aa </prosody> 
<prosody pitch='50'> a </prosody>
<prosody pitch='90'> a </prosody> 
<prosody rate='.10'> <prosody pitch='99'> aaaaaa </prosody> </prosody> 


</prosody> 


<break time='1000ms' />

merci beaucoup.





</prosody>





</speak>

Écrire le design:Je parle/Espeak

Sommaire

Introduction au cours

Une approche textuelle au design

texte comme contenu

texte comme image figurative/ascii art

texte comme instruction

texte comme interface

Exercice: Je parle, espeak

Pauline et Daya

Pierre-Barick

Rémy et Sacha

Elliot

Menu de navigation

Outils personnels

Espaces de noms

Variantes

Affichages

Plus

Rechercher

Cultures numériques

Écrire le design

Toolbending

Ressources

Navigation

Outils