InDesign - livre blanc: le document multimédia dynamique
Preview:
Citation preview
- 1. Livre blanc Le document multimdia dynamique PDF en
InDesign
- 2. Table des matires Rsum.
....................................... 3 Description dune
problmatique. ........................ 3 Pourquoi
InDesign?................................. 4 Quel format pour un
livre blanc?. ........................ 4 Les pratiques
..................................... 5 1. gestion des mdias:
importation de vidos. ................. 5 2. Les cartes (Google
Maps). ...........................13 3. Les fichiers audio.
................................16 4. Animations : absentes au
rendez-vous .................... 19 5. Structure du texte: les
hyperliens....................... 19 6. Structure du texte: table
des matires. ....................21 7. Structure du texte:
navigation . ........................24 Exportation: les rglages
corrects........................ 30
- 3. Le document multimdia dynamique en InDesign - page 3 Table
des matires Rsum Dcouvrez comment les capacits du document
multimdia dynamique peuvent vous permettre dattirer un public
intress par un contenu riche et enrichi, non seulement par des
images ou des infographies mais galement par les apports multimdias
tels que dela vido, des cartes et des hyperliens vers des sites de
rfrence. Description dune problmatique Le livre blanc, cest un fait
connu en marketing, permet, par lexpertise quil prsente, de
convaincre par une argumentation prcise et large sans tre trop
technique, mais en tayant son discours via diffrents canaux; ce
(mta) livre blanc tudie donc les moyens de raliser en InDesign ce
type de document. Pour persuader, il faut multiplier les canaux de
communication via le multimdia, soit donc insrer en plus du texte,
de limage et du son, pour en quelque sorte saturer les canaux; il
faut tayer sa communication en renvoyant vers les sources, vers des
rfrences ou des tudes de cas. Et il faut galement tayer laccs au
document du ct de la table des matires, de lindex, des signets Nous
verrons dans ce guide comment raliser ces diffrents aspects
techniques en InDesign.
- 4. Le document multimdia dynamique en InDesign - page 4 Table
des matires Pourquoi InDesign? Parce que ce logiciel permet de grer
les documents comme des conteneurs multimdias; bien plus que des
logiciels bureautiques la Word ou PowerPoint, InDesign est la
croise de tout ce qui est la pointe du multimdia (images, sons,
vidos, formulaires) et de la gestion active et globale du texte
(structure, signets, table des matires, rfrences croises,
hyperliensetc.). Nombreux sont mme les prsentateurs qui dlaissent
PowerPoint pour crer leurs prsentations en InDesign, au vu des
capacits et de la robustesse de celui-ci. Quel format pour un livre
blanc? Actuellement le pdf reste le format phare, par son ouverture
aux formats, sa compatibilit et sa robustesse. Surtout, il permet
de conserver la mise en pages, le design donc, travers tous les
types de lecteurs (navigateur, tablette, mobile, papier). Dernier
avantage, non des moindres, il na pas besoin dune connexion
internet pour tre consult. LePub fixed layout sera le challenger
ventuel, car il partage de nombreux points avec le pdf. Voir mon
article ce sujet.
- 5. Le document multimdia dynamique en InDesign - page 5 Table
des matires Les pratiques 1. gestion des mdias: importation de
vidos Importer une vido au sein dInDesign doit se faire, soit de
faon directe, en important donc le fichier vido, par exemple au
format H.264 (mp4) ventuellement flash (flv, f4v, mais flash nest
pas support sur les tablettes iPad), dans la page dInDesign,
directement dans un bloc, comme une image donc. Cela se ralise
depuis le menu Fichier>Importer, en dcochant remplacer llment
slectionn le cas chant. Il faut seulement raliser une mise lchelle
de la vido, en utilisant un format standard, que vous pourrez
attribuer ce bloc image, par exemple 560 x 315 px (standard sur
YouTube). Lalternative est de le faire via un lien: vous pouvez en
effet, en ayant slectionn un bloc, prendre le panneau Multimedia
dInDesign, et cliquer sur le bouton prsentant une image de plante
(entour en rouge dans la capture dcran ci-dessous); cela permet de
coller un lien direct dune vido au format flash (flv); noubliez pas
de laisser len-
- 6. Le document multimdia dynamique en InDesign - page 6 Table
des matires tte http devant le lien1 . Pour convertir au format
Flash votre vido et donc passer de mp4 en flv, un moyen simple est
dutiliser le site www.online-convert.com/fr qui ralise cette
conversion en ligne assez rapidement. 1.Il nest apparemment pas
possible actuellement dimporter une vido en tant que lien au format
.mp4 vrifier dans les versions ultrieures!
- 7. Le document multimdia dynamique en InDesign - page 7 Table
des matires Ce sera donc bien entendu une vido que vous aurez mise
sur un serveur Web: Au contraire de ce quon pourrait croire,
lintgration du code html, gnr cet effet depuis YouTube par exemple,
ne fonctionne pas; en effet, une fois convertie au format pdf, la
vido insre
- 8. Le document multimdia dynamique en InDesign - page 8 Table
des matires en tant que lien ne sera malheureusement pas active2
dans un pdf. titre dinformation voici sur Youtube la fentre qui
permet le partage ou lintgration dun bloc html dans une page: En
tout tat de cause, une vido importe doit tre paramtre mme de faon
minimale, et cest ralisable depuis le panneau Multimedia: 2.Alors
quelle peut ltre si lon exporte le document avec la nouvelle
fonction Publish Online (li la version dAdobe Creative Cloud
2015).
- 9. Le document multimdia dynamique en InDesign - page 9 Table
des matires Il faut donc cocher lire au chargement de la page, et
il est conseill dajouter une barre de contrle qui permettra au
lecteur de faire une pause ou de stopper la vido en question.
dconseiller, les barres de contrle qui reprennent le mot Full ce
qui veut dire que vous vous retrouverez avec un contrle qui prend
tout lespace de la vido. Vous pouvez cocher Afficher la barre de
ctrl (contrle) au survol, ce qui sera plus esthtique que de la
laisser affiche en permanence.
- 10. Le document multimdia dynamique en InDesign - page 10 Table
des matires Un point de navigation est possible, cela permet que la
vido commence un moment donn et de crer un bouton pour la lancer ce
moment avec un bouton:
- 11. Le document multimdia dynamique en InDesign - page 11 Table
des matires Vido importe au format mp4 Dpart
- 12. Le document multimdia dynamique en InDesign - page 12 Table
des matires Vido au format mp4 place par copier-coller dun lien
vers un fichier flv en ligne (ne fonctionne pas en ePub). Format
560 x 315 px
- 13. Le document multimdia dynamique en InDesign - page 13 Table
des matires 2. Les cartes (Google Maps) Depuis le menu du site
Google Maps, il est possible de capturer une carte:
- 14. Le document multimdia dynamique en InDesign - page 14 Table
des matires Cliquer sur Partager ou intgrer la carte et choisir
intgrer; choisir la grandeur de la carte dans le menu droulant dans
lequel moyenne est actif comme rglage par dfaut.
- 15. Le document multimdia dynamique en InDesign - page 15 Table
des matires Vous obtenez ds lors une portion de code html que vous
pouvez copier, et ensuite coller sur une page en utilisant la
commande du menu Objet >Insrer du code html (attention, il ne
faut pas avoir loutil texte actif pour ce faire). Rsultat, une
carte incorpore (non interactive actuellement en pdf, mais qui vous
vite en ralit de devoir faire une capture dcran):
- 16. Le document multimdia dynamique en InDesign - page 16 Table
des matires En faisant un contrle clic ou clic droit sur le bloc on
obtient le menu optionnel via lequel il est possible de modifier le
code html. 3. Les fichiers audio Depuis le mme menu Fichier >
Importer, voici le placement dun fichier mp3. Pour jouer le morceau
cliquez sur le triangle, cest un bouton qui actionne la lecture du
fichier MP3 et jai affich licone standard du fichier audio. Pour
dclencher le son je prfre donc activer un bouton (le triangle
donc), qui lance lvnement son comme ceci:
- 17. Le document multimdia dynamique en InDesign - page 17 Table
des matires Jai dcoch dans la fentre Multimedia loption lire au
chargement de la page et activ celle qui arrte le son au changement
de page.: 4. Animations : absentes au rendez-vous Il nest
actuellement (mai 2017) pas possible dimporter une animation ralise
par exemple en Edge Animate et de la visualiser correctement en
Acrobat.
- 18. Le document multimdia dynamique en InDesign - page 18 Table
des matires Cette olienne tournera au format ePub mais non PDF 5.
Structure du texte: les hyperliens Rien de plus simple en ralit de
raliser un hyperlien actif en InDesign. En CC2015, le panneau
Fentre >Objet interactif >Hyperliens vous permet cela. Au
plus simple, copiez collez dans le bloc texte un url complet (avec
son en-tte http), slectionnez-le et dans le panneau Hyperliens,
crez un nouvel hyperlien partir de lurl depuis le menu local de la
palette Hyperliens: Un style de caractre dhyperlien est
automatiquement cr, il vous permettra de modifier globalement le
design de vos hyperliens.
- 19. Le document multimdia dynamique en InDesign - page 19 Table
des matires Vous pouvez mme, si votre document comporte beaucoup
dURL, les convertir automatiquement depuis le mme panneau
hyperliens : 6. Structure du texte: table des matires Si votre
document comporte de nombreuses pages, il sera adquat de le
pourvoir dune table des matires dynamique (dont les entres sont
autant dhyperliens fonctionnels).
- 20. Le document multimdia dynamique en InDesign - page 20 Table
des matires Le plus vident pour ce faire est de travailler avec les
styles de paragraphe pour composer une table des matires
automatique. Ralisons cela avec ce document. Il faut aller dans le
menu Page >Table des matires:
- 21. Le document multimdia dynamique en InDesign - page 21 Table
des matires Jai ici conserv comme style repris dans les entres de
table des matires, les styles titre et sous-titre. En cliquant sur
Plus doptions on permet lentre des numros de page. Crer des Signet
pdf permet un balisage du fichier pdf, et vous devez crer des
ancres dans les paragraphes source, ce qui permet lhyperlien depuis
la TDM. Quelques modifications des styles permettront une table des
matires simple mais correcte (voir page 22) Le grand intrt de
raliser cette table des matires est que non seulement les lignes et
les numros de page sont des hyperliens
- 22. Le document multimdia dynamique en InDesign - page 22 Table
des matires actifs, mais galement que dans votre fichier Acrobat,
ils seront repris dans longlet des signets et seront cliquables: 7.
Structure du texte: navigation Mettre des icnes permettant la
navigation sur toutes les pages, permet de passer de page en page
et de pouvoir retourner la table
- 23. Le document multimdia dynamique en InDesign - page 23 Table
des matires des matires. Pour ce faire, il faut aller dans le
gabarit (menu Fentre >Pages), lditer en double-cliquant sur le
gabarit dans cette palette: Puis crer des objets, des triangles par
exemple, qui seront des hyperliens vers la page prcdente, suivante
ainsi que vers la table des matires. Cela se ralise au moyen du
panneau Boutons et formulaires (menu Fentre > Objets
interactifs) Dans cette palette, condition de ne pas utiliser
loutil texte, jai accs une bibliothque de boutons: Dans laquelle je
peux slectionner un lment:
- 24. Le document multimdia dynamique en InDesign - page 24 Table
des matires Que je peux agrandir puis auquel je peux attribuer une
action grce toujours la palette Boutons et formulaires:
- 25. Le document multimdia dynamique en InDesign - page 25 Table
des matires La capture dcran gauche montre un bouton simple dessin
avec loutil plume auquel est attribu une autre action. Ajouter un
script daction dans ce panneau suffit transformer un objet
slectionn en bouton, auquel on applique donc laction datteindre une
page. Attention, ces boutons interactifs ne seront pas toujours
actifs sur tablette iOS.
- 26. Le document multimdia dynamique en InDesign - page 26 Table
des matires Alors quun lien de type cible cr depuis la palette
dhyperliens, comme celui en bas de page du prsent document (Table
des matires), sera fonctionnel: Par ailleurs, si lon dsire mettre
des folios (numros de page) sur les pages, voici la procdure. Il
faut retourner sur le gabarit via la palette des pages:
- 27. Le document multimdia dynamique en InDesign - page 27 Table
des matires On double-clique sur A-Gabarit pour se retrouver sur le
gabarit, et sur celui-ci on cre un bloc-texte avec loutil texte
lendroit o lon dsire placer le folio: Je lai centr sur la page grce
la palette Alignement (Fentre> Objet et mise en page >
Alignement). Dans ce bloc-texte je vais insrer un marqueur qui sera
le numro de la page active, via un clic droit qui fait apparatre le
menu contextuel :
- 28. Le document multimdia dynamique en InDesign - page 28 Table
des matires Le rsultat est une lettre A (en fait le prfixe du
gabarit par dfaut) dont je peux modifier lapparence (grandeur, type
de caractre etc) et qui apparatra sur toutes les pages cet
endroit.
- 29. Le document multimdia dynamique en InDesign - page 29 Table
des matires Exportation: les rglages corrects Menu Fichier
>Exporter, ensuite choisir le format Adobe pdf interactif, puis
les rglages suivants: Surtout cocher tout inclure au niveau des
Formulaires et contenu multimdia. Cocher pdf balis car le balisage
du pdf permet denrichir les liens structurels au sein du fichier
Acrobat.
- 30. Le document multimdia dynamique en InDesign - page 30 Table
des matires Une des limites actuelles du format pdf pour les vidos,
assez curieuse par ailleurs, est que les vidos, une fois lances, ne
sarrtent plus en quelque sorte, mme lorsque lon passe une page
suivante. Le bug est connu1 mais pas rsolu. Importer la vido en
Acrobat plutt quen InDesign rsout le problme dune certaine faon!
Une autre limite, qui est bien plus ennuyeuse, est que, comme le
format flash nest pas support sur iOS (lOS des tablettes iPad et
des iPhones dApple) et quInDesign convertit les vidos au format
flash vos vidos ne seront pas vues sur tablettes iPad2 . Seul
moyen, puisquil est possible de joindre un fichier quelconque un
fichier Acrobat, depuis la commande Modifier le fichier Acrobat
>Autres >Joindre un fichier. Il faudra encore prvenir le
lecteur de la prsence du fichier vido
1.https://forums.adobe.com/thread/1459047 2.
http://indesignsecrets.com/for-interactive-pdf-not-all-readers-are-equal.php
- 31. Le document multimdia dynamique en InDesign - page 31 Table
des matires Une autre possibilit, mais payante, est dinstaller un
lecteur alternatif de pdf sur liPad, PDF Expert3 ou Goodreader4 .
Serge Paulus 2017 sp@serge-paulus.be www.serge-paulus.be 3.
https://pdfexpert.com/download 4. http://www.goodreader.com
- 32. Le document multimdia dynamique en InDesign - page 32 Table
des matires