Ecrire et réaliser du contenu interactif pour le Web sans coder

• Etre familier avec la terminologie de la vidéo numérique
• Savoir choisir un style d’écriture inspiré de différents formats spécifiques au web

• Formation de 35 heures en 5 journées de 7 heures.
• Tarif: 1650 € HT. Groupes de 6 personnes maximum, un iMac SSD par personne.
• Horaires : 9h30 – 13h | 14h -17h30.
• Financement Enterprise tout OPCA.
• Financement AFDAS individuel, prise en charge à 100% pour les  Auteurs et Intermittents   remplissant les critères d’éligibilité.

JOUR 1 : Paysage de la production interactive en France et à l’étranger.

L’écriture interactive

• Un genre récent avec ses producteurs et festivals
• Le regroupement PXN Producteurs d’expérience numérique
• Comment juger une œuvre interactive

Écrire pour le web, qu’est-ce que ça change

• Discussions et exemple des « 12 révolutions » (source : MOOC rue89)
• Acquérir une culture visuelle: datavisualisation, illustration, photo et vidéo
• La complémentarité des médias et l’art de la curation
• Ergonomie et contraintes techniques

Atelier pratique sur le Portrait

• Explication et techniques de reportage
• Possibilité d’une approche fiction ou reportage
• l’écriture doit utiliser des médias complémentaires et être structurée de manière non linéaire.
• Brainstorming collectif et accompagnement personnalisé des idées.
• PITCH de chaque projet en fin de journée et planification du Jour 2

JOUR 2 : Matinée de reportage

• Conseils sur la réalisation : storyboard, illustrations, tournages photo, vidéo et enregistrements sonores.
• Rédaction des scénarios pour la réalisation avec KLYNT
• Les candidats présentent leurs matières : photos, sons, vidéo…
• Tournages collectifs de certains sujets
• Enregistrements
• Préparation des matériaux à importer et accompagnement personnalisé

JOUR 3 : Klynt, la vidéo interactive HTML5 sans coder

Présentation générale

• Rappel sur les standards du Web
• Positionnement de Klynt dans la production numérique Web et mobile
• Compatibilité de Klynt avec les logiciels d’animation HTML5 (AnimateCC, Hype Pro, WordPress)

Présentation du logiciel

• Création d’un projet
• Insertion de médias
• Exportation

Fonctionnalités du logiciel Klynt

• Gestion des médias (audio, vidéo, images fixes)
• Le storyboard, les séquences, les boutons
• La navigation entre séquences
• La navigation au sein d’une séquence
• Gestion des textes et des sous-titres
• Zones transparentes
• Vidéos Youtube
• Pan and zoom
• Synchroniser des médias avec une vidéo
• Personnaliser le menu principal
• Ajout de liens Facebook et Tweeter
• Création de popups standards et personnalisées
• Gestion d’une mise en forme responsive

JOUR 4 : Interactivité avancée

• Gestion d’effets animés aller-retour (opacité, translation, échelle)
• Gestion de commandes video (play, pause, avancer, reculer)

Extensions hors Klynt

• Ajouter un iFrame
• Intégrer une animation HTML5
• Masquer le menu standard et la signature de Klynt

Publication

• Export du projet Klynt
• Mise en ligne via FTP

JOUR 5 : Accompagnement personnalisé des projets

• Relecture critique après réalisation technique des projets : ergonomie, choix éditoriaux, mise en forme graphique
• Temps de travail pour affiner les projets
• Présentation, discussion et pistes de développements futurs
• Distribution de fiches récapitulatives des éléments discutés pendant la formation
• Retour des participants sur la formation