Pythonneries - Making Of 9

Bonjour,

Un choix judicieux de transitions est suffisant
pour avoir une présentation relativement

dynamique. Cela permet de casser le rythme
des slides en mélangeant la continuité des

transitions idempotentes avec des discontinuités
pour réveiller l’auditoire.

Mais ce que les transitions ne savent pas
faire, c’est le déplacement des éléments,

faire bouger un curseur, par exemple, et les
combinaisons d’apparitions ou de disparitions

différentes simultanées. Là, vous avez
besoin d’animations.

La difficulté, c’est qu’il ne faut pas
animer n’importe comment.

Quand je vois quelque chose comme cela, d’un
côté fond fantaisie mais qui peut-être

acceptable pour un titre, police et couleurs
qui vont bien, je suis un peu dans l’expectative.

Ajoutez cela et je fuis en hurlant: le Comic
Sans que tout le monde déteste, et une animation

fantaisie qui n’apporte rien. Ce que vous
avez là, cela s’appelle un oxymoron visuel.

Un oxymoron, c’est l’association de deux
mots qui ne vont normalement pas ensemble,

comme “cette obscure clarté qui tombe des
étoiles”. Un oxymoron visuel, c’est un

visuel qui dit le contraire du texte. Le texte
dit “pro”, la réalisation dit “amateur”;

et elle le dit plus fort.

Si vous voulez donner un aspect quasi-cinématographique
à vos présentations, vous mélangerez probablement

transitions et animations. C’est surtout
vrai si vos slides sont destinées à être

transformées en vidéos, d’une part parce
que l’intérêt disparaît vite à fixer

une slide statique trop longtemps, et d’autre
part parce ce que ce que vous pourriez transmettre

par des gesticulations devant l’audience
devra être rendu autrement.

Première chose, pourquoi animer? J’y vois
trois raisons:

1) faire apparaître la visualisation, qu’elle
soit textuelle ou graphique, au fur et à

mesure que l’on parle. C’est exactement
ce que je suis en train de faire là.

2) représenter un mouvement qui fait partie
de l’histoire. Cela peut être simple ou

complexe.
3) la mise en scène des séquences, et le

jeu sur le rythme en améliorant la continuité
et la fluidité.

La premier point est, je pense, facile à
comprendre. On peut facilement le réaliser,

j’en ai déjà parlé dans la troisième
vidéo de cette série et je l’ai montré

dans la vidéo précédente, simplement avec
des transitions. On peut aussi, et c’est

une pure question de choix, le réaliser avec
des animations. Vous sélectionnez un élément

et choisissez le fondu, c’est comme l’ajouter
sur une slide avec un fondu en transition.

Un certain nombre d’animations sont équivalentes
à des transitions, avec deux bémols:

• Tout d’abord vous pouvez déclencher
plusieurs animations différentes en même

temps, alors que ce ne sera qu’un type de
transition à la fois,

• Et ensuite quand vous balayez par exemple,
l’animation répondra un poil plus vite

à votre clic sur la télécommande puisqu’une
transition en balayage balaie l’intégralité

de la slide. Ce sera d’autant plus sensible
que le nouvel élément est éloigné de l’endroit

d’où commence le balayage.
J’ai tendance à utiliser des animations

tant que je n’en ai pas plus de quatre ou
cinq par slide, puis à combiner animations

et transitions. Il n’y a pas de règle.
Je reviendrai sur les détails des animations

combinées plus tard.

Le mouvement qui fait partie de l’histoire
est quelque chose d’un peu plus subtil.

Si vous êtes quelqu’un de visuel, le critère
qui peut être déterminant, c’est la réponse

à la question “si je n’avais pas Powerpoint
et si j’expliquais à quelqu’un avec une

feuille ou devant un tableau blanc, est-ce
que je commencerais à griffonner des flèches”.

Si vous mourez d’envie de griffonner des
flèches, cela veut dire animation. Une autre

manière de voir les choses, c’est de rédiger
ce que vous voulez dire, et faire attention

aux verbes employés. Là où vous employez
des verbes d’état, tels que “être”

ou “devenir”, ou des verbes qui n’évoquent
aucun mouvement, cela veut dire transition.

Les verbes qui évoquent le mouvement veulent
dire animation.

Cela sera beaucoup plus vrai dans une vidéo
que pour une présentation devant un auditoire

physique, devant lequel vous pouvez gesticuler.
Mais n’oubliez pas le critère de taille

de la salle, parce que vu du fond un point
qui s’agite n’aide pas beaucoup à comprendre,

et le critère de trac, éventuellement combiné
au décalage horaire, qui peut vous faire

perdre beaucoup de vos capacités gesticulatoires,
même si vous êtes italien.

Prenons un exemple très simple lié à la
programmation et parlons de l’assignation,

le fait de stocker une valeur en mémoire.
Dans beaucoup de langages de programmation,

vous écrirez quelque chose comme cela, d’abord
une ligne qui dit que vous réservez de la

mémoire pour stocker une valeur entière,
integer en anglais et dont l’abrégé est

“int”, et que vous donnez à cette place
en mémoire le nom “ma_variable”. Dire

ce que vous voulez stocker informe indirectement
l’ordinateur de combien de mémoire il doit

réserver, et comment interpréter les 0 et
les 1 qui seront stockés à cet endroit,

parce que la mémoire de l’ordinateur ne
connait rien d’autre que des 0 et des 1.

La seconde instruction n’est pas une égalité,
elle signifie simplement que l’on veut stocker

la valeur 42 à cet endroit.

Présenter les choses comme cela dans un cours
réel est jouable, mais pendant que vous racontez

la déclaration de la variable, au moins la
moitié de l’auditoire n’écoute que d’une

oreille et est en train de se demander ce
que la deuxième instruction signifie.

Deuxième version, avec deux slides et une
transition en fondu, vous racontez votre histoire

sur la variable, puis sur l’assignation.
Un peu mieux, mais quand même pas bien excitant.

Troisième version, illustrée par cette espèce
de “boîte” en mémoire que représente

la variable. Le fait de réserver de la mémoire
est quelque chose qui n’évoque pas vraiment

de mouvement, une transition ou une simple
animation “fondu” fait l’affaire. En

revanche, quand on passe à l’assignation,
je trouve que cela ne va plus. La valeur 42

n’apparaît pas comme cela, on la met dans
la variable. C’est le résultat d’une

action, d’un mouvement. Je vais donc, dans
la version finale, commencer par l’apparition

en fondu pour la réservation de mémoire,
puis dans la slide suivante, avec transition

en fondu, avoir une animation pour illustrer
l’action. Je ne sais pas ce que vous en

pensez, mais pour moi c’est mieux. En plus,
vous remarquerez que la valeur est vraiment

“dans” la boîte, pas “sur” la boîte.
Dès que l’on anime, il faut faire attention

à la notion de profondeur et de plan, j’en
reparlerai prochainement.

Le dernier point que j’ai mentionné, mise
en scène des séquences, est lui franchement

plus délicat et demande souvent un travail
d’horloger. Je l’ai dit précédemment,

une séquence correspond à une suite de slides
autour de la même idée, avec des éléments

que l’on retrouve à la même place de slide
en slide pour donner la continuité. Mais

retrouver un élément de slide en slide ne
veut pas forcément dire que l’on retrouve

l’élément à la même position de la première
à la dernière slide de la séquence.

Je vous ai parlé, toujours dans la troisième
vidéo, de ce que Garr Reynolds raconte à

propos des lignes de force que sont les tiers.
On peut vouloir déplacer des éléments entre

les lignes de force.
Je parle de mise en scène, cela évoque le

théâtre, et illustrons la mise en scène
avec un sujet qui n’est pas technique, la

présentation de quelques personnages de la
Commedia dell’arte.

La mauvaise manière de faire, vous avez dû
la voir autant de fois que moi, c’est la

slide Powerpoint classique et moche, avec
trop de texte, affiché tout d’un coup.

Ennuyeux au possible, surtout si le présentateur
se borne à lire sa slide, et parfois à la

paraphraser pour se donner l’impression
de valeur ajoutée.

Un présentateur plus consciencieux comprend
très bien que le texte doit être beaucoup

plus léger, et que c’est à lui de dire
les points moins importants qui ne sont plus

sur la slide. La slide devient un appoint
du discours, pas l’intégralité de la présentation.

Amélioration supplémentaire, une animation
point par point. On guide l’auditoire, qui

n’en sera plus à Colombine quand le présentateur
en est encore au Capitan. Certains présentateurs

voudront ajouter une illustration, ici brut
de recherche internet, et nous l’avons vu,

si l’image se prête mal au plein écran
nous avons tout intérêt à la détourer

(je l’ai fait avec Gimp, Powerpoint avait
des problèmes avec la fraise).

Dans la vidéo précédente, je vous ai dit
qu’il était dans un cas pareil sans doute

meilleur d’utiliser des transitions idempotentes,
ici un fondu, et illustrer chacun des personnages

un par un.

A ce point se pose une question pédagogique.
Qu’est-ce que je veux que mon auditoire

mémorise, nom ou apparence du personnage?
J’aurais tendance à dire “apparence”,

les noms sont probablement pour la plupart
déjà familiers, et si c’est le cas je

vais conserver de slide en slide, plutôt
que les noms, une version réduite des images

déjà montrées (évidemment nom et apparence
ne sont pas exclusifs mais cela commencerait

à être un peu chargé).

C’est le jour et la nuit par rapport à
la première version basique que je vous ai

montrée. Malgré tout, on reste dans une
logique “diapositive”. On voit les changements

de diapositive. Je maintiens la continuité
en conservant d’une part le titre “Commedia

dell’arte” de slide en slide, et d’autre
part avec les images, mais il y a malgré

tout un côté un peu tressautant.

On peut énormément améliorer la continuité
et faire quasiment disparaître les slides

avec des animations, et je vais vous en donner
un exemple. Commençons par Polichinelle,

puis le Capitan, puis Arlequin, Pantalon,
et finalement Colombine. Vous avez le droit

de préférer une des deux versions précédentes;
mais je vous montre ici ce qu’il est possible

de faire, avec très peu d’effets. On ne
voit plus du tout les slides. Il y en avait

neuf dans cette séquence.

Pas assez technique pour vous? Eh bien quand
j’explique que dans une base de données

quelqu’un qui commence une transaction va
tout d’abord sauvegarder l’état courant

des valeurs qu’il veut changer, puis que
quelqu’un qui voudrait changer la même

donnée va se retrouver bloqué parce que
la donnée est verrouillée, jusqu’à ce

que le premier valide sa transaction et libère
les données, quand j’explique tout cela,

j’utilise à peu près les mêmes méthodes
qu’avec Arlequin et Colombine. Nous verrons

ces méthodes plus en détail la prochaine
fois.