EPUB: Publish Online (Indesign) + Panda Suite

Graphistes

Connaissance des logiciels Adobe et de la saise en ligne - Avoir un compte Adobe CC et Panda Suite

Créer des supports numériques à partir de Publish Online et Panda Suite - Comprendre l'e-pub et réaliser un mini projet à l'aide des compétences acquises - Utiliser les outils de Publish Online et Panda Suite - Placer et paramétrer des médias (audio, vidéo) et des composants pour produire de l'interactivité - Tester et diffuser son APP pour les tablettes et les mobiles.

Introduction Publish Onligne

Rappels sur InDesign
Principes généraux
Présentation d'Adobe Publish Online

Généralité sur la production de documents numériques

Les différences entre les documents
papier et les documents numériques.
L'interactivité ou la différence fondamentale avec l'impression
Généralités sur la publication électronique
Mise en page liquide ( taille d’écran, disposition)
Les grille modulaire, l'ergonomie et l'interface utilisateur

Créer un document plurimédia sur Indesign

La préparation des documents
Rappels sur les blocs, les styles, les styles imbriqués
Le texte et les options de bloc
Le bloc de texte principal et les gabarits
Les options de bloc de texte
Insérer du code HTML dans Indesign
Présentation de la mise en page liquide
Créer une variante de mise en page
Conservation de certains critères ou objets dans les mises en page
Importer et lier les options d'importation de bloc

Atelier pratique: Réalisation d'une publicité pour smartphones

Apporter de l'interactivité à ses publications aux formats PDF: Production de PDF interactifs

Création d'une navigation interactive
Gestion des tables de matières et des signets
Utilisation des boutons pour une interactivité plus grande
Insérer des vidéos et du contenu audio.
Créer des PDFs lisibles par tous

Atelier pratique: Réalisation d'un document PDF enrichi de médias avec un menu de navigation évolué

Réaliser des documents EPUB

Introduction au livre numérique
Epub Fixed Layout et Epub Reflowable?
L'EPUB, le format d'avenir? L'Epub face aux technologies web
Quid du PWP?
Créer des styles dans InDesign pour une publication numérique
Gérer les images dans un EPUB: positionnement, options, balisage
Exporter l'EPUB depuis InDesign
Intégrer des hyperliens pour un export EPUB pour smartphones et tablettes
Créer une table des matières pour un livre numérique
Créer la couverture d'un livre numérique

Atelier pratique: Réalisation d'un Epub pour liseuse électronique et d'un Epub pour lecture sur smartphone et tablette.

Créer des documents numériques enrichis pour lecture sur internet

Les hyperliens, les boutons et les états d'objets
Insérer d'hyperliens et de contenu HTML
Création des ancres de navigation
Insérer et gérer des animations
Insérer une surface autorisant le drag & drop ( glisser-déposer)
Insérer un carrousel d'images
Insérer des fonctionnalités au "clic/tapping" sur des images
Insérer une vidéo, un diaporama ou du contenu audio
Insérer des fenêtres pop-up

Atelier pratique: Création d'une présentation marketing Multisupport

Exporter une production digitale

Exporter pour tablettes et smartphones
Exporter au format EPUB (reflow et fixed layout) pour liseuses
Adobe Publish Online? Avantages et inconvénients?
Quelles sont les alternatives à Publish Online?
Panda Suite Twixl, Readium et Aquafadas:panorama des autres solutions de publication numérique.

Atelier pratique: Exporter les réalisations sur Adobe Publish Online

Introduction à Panda Suite

Le format E-pub
Les différentes plateformes e-Pub (iOS, Android, Windows…)
Évolutions de l'e-pub (ePub2/ePub3)
Les applications de conceptions et Online
Les formules d’abonnements

Travailler avec Panda Suite

Gestion ducompte
Gérer les langues
Les différents options dediffusions
Créer unHub

Concevoir un projet

Les étapes de la production pour e-pub
Créer un nouveau projet
Ecrans et états
Navigation entre écrans
Gérer les états d'avant-plan, d'arrière-plan

Atelier: Créer un nouveau projet et gérer les options du format responsive

Les panneaux et palettes flottantes

Le panneau écran
Le panneau objet
Panneau propriétés
Panneau interactivités
Panneau médias

Insertion d'objets

Inserer des images, vidéos, sons
Formats des images et importations
Créer une zone de texte
Formater du texte
Dessiner des formes automatiques
Propriétés des formats: remplissage, bordure
Les repères d’aide à l'alignement

Atelier pratique: agrémenter ses écrans avec des images, des objets, de l'audio ou de la vidéo.

Les composants interactifs

Les différents types decomposants
Les déclencheur
Zone interactive
Zone de défilement
La fenêtre (pop-up)
Multi-état
Galerie d'image
Lecteur vidéo
Séquence d’images
Glisser-déposer
le HTML5
Pan and zoom
Animer un masque
Gestion et paramètres des composants
Filtrer les médias

Atelier pratique: utiliser des composants interactifs et modifier leurs propriétés

Les composants spéciaux

Le capteur de mouvement
Le capteur souffle
Le capteur boussole
Le capteur secousse
La carte hors-ligne
Les marqueurs
Vidéo
Audio
Minuteur
Synchronisation

Atelier pratique: savoir placer un composant spéciaux et modifier ses propriétés

Paramétrer une interactivité

Les objets synchronisés
Placer une interactivité sur un objet, un composant
Lancer une action sur un marqueur de séquence
Agir sur un composant

Atelier pratique: utiliser les actions d'interactivités sur des objets

Tester votreprojet

Visualiser son projet et tester sur son PC
Installer le Panda Viewer sur tablette
Les outils du Viewer

Atelier pratique: Enregistrer et produire un rendu

Diffuser son e-pub

Partage via le Viewer
Options marketing et statistiques

Atelier pratique: Exporter son projet pour mobile ou tablette

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis