Formation Camtasia / Speechi

1. Formation Camtasia / Speechi Création de Tutoriaux vidéos, de démonstrations de logiciels et de supports de cours multimédia. Camtasia:Enregistrement vidéo, montage vidéo et publication web Speechi:Barre d'outil sous Powerpoint, publication Flash pour le web Eric Christoffelchristof@physique.u-strasbg.frmai 2005

2. Camtasia : Introduction • Logiciel Camtasia: • Enregistrement  de l’activité de l'écran, des commentaires ainsi que l’audio du système, paramètres de capture • Edition du résultat de la capture: zoom d'écran, mise en valeur (légendes et zones de texte) et ajout de zones interactives, suivant un timing précis (montage vidéo) • Publication sous divers formats: vidéo, Flash, CD-ROM http://www.techsmith.com/

3. Camtasia : Enregistrement Les options d'enregistrement Menu : View Vue compacte Vue Standard Actions de mise en valeur durant l'enregistrement Date Légende Stylo (raccourcis) Barre d'annotations Options de mise en valeur Aucun pointeur Barre du pointeur Pointeur visible Barre de zoom

4. Camtasia : Enregistrement Les options d'enregistrement Menu : Tools - Options Onglet AVI (vidéo) • Choix du Codec de compression de TechSmith • Compression maximale • Pas de compression Audio (elle se fera lors de la publication)

5. Camtasia : Enregistrement Les options d'enregistrement Menu : Tools - Options Onglet Hotkeys (raccourcis) Onglet File

6. Camtasia : Enregistrement Les options d'enregistrement Menu : Tools - Options Onglet Program Onglet Capture Réduction dans la barre des tâches durant l'enregistrement

7. Stylo (raccourcis F11) Camtasia : Enregistrement 1ier enregistrement mobile Conditions: Plein écran (Screen), fenêtre d'une application (Window), ou une zone de l'écran (Region ou Fixed Region) Contrôles enregistrement: F9 : enregistrement F9 : pause F10 : fin F11 : stylo marqueur Cadre Stabilo Ellipse Stylo Ligne Flèche Exemple d'application: tutorial Excel, puis enregistrement au format vidéo Windows avi Note : Alt + Tab permet de passer d'une application à l'autre

8. Fenêtre desclips importés Fenêtre deprévisualisation Fenêtre destâches Banc de montage vidéoTiming Camtasia Studio : Montage vidéo Environnement de Camtasia Studio Lancement depuis Camtasia • Procédure : • Importation d'une vidéo • Glisser le clip sur le banc de montage • Prévisualisation: play, stop, avance rapide,.. • Édition – mise en forme 1) 4) 3) 2)

9. Camtasia Studio : Montage vidéo Édition des clips vidéo Enregistrement d'une nouvelle narration [ ] 1) 6) 4) 5) • Procédure : • Choix de l'option Edit – Voice Narration • Ajustement du volume d'enregistrement • Position du curseur sur l'échelle des temps • Enregistrement automatique sur une nouvelle piste audio (Start Recording) • Arrêt de l'enregistrement (Stop Recording) • Renouvellement de l'opération, ou quitter (Finished) 2) 3)

10. Camtasia Studio : Montage vidéo Édition des clips vidéo Ajustement du niveau audio 4) [ ] 1) • Procédure : • Choix de l'option Edit – Adjust Audio • Sélection sur l'échelle des temps de la zone temporelle à modifier • Choix d'une option de traitement du niveau sonore • Renouvellement de l'opération, ou quitter (Ok), éventuellement annuler (Cancel) 3) Augmentation progressive depuis 0 Diminution progressive jusqu'à 0 Augmentation du volume Diminution du volume Silence Supprimer 2) Clic de souris au point de départ Glisser le curseur jusqu'au point de fin

11. Camtasia Studio : Montage vidéo Édition des clips vidéo Annotations de la vidéo 6) [ ] 1) Liste des Callouts • Procédure : • Choix de l'option Edit – Callouts • Position du curseur sur l'échelle des temps • Choisir Add Callout (Ajout d'une annotation) • Édition des propriétés de l'annotation: forme, texte, couleur, position, durée, … • Édition des annotations • Ajout d'une nouvelle annotation, ou fin [ ] 3) 5) Un banc de montage Callout est créé 2)

12. Camtasia Studio : Montage vidéo Édition des clips vidéo Annotations de la vidéo : propriétés 1) • Procédure : • Choix de la forme de l'annotation, et de sa couleur (Callout type) • Édition du texte, si la forme choisie peut en contenir (police, taille, couleur, etc…) • Contrôle de l'apparence (apparition progressive, transparence, …) • Position de l'annotation et dimension • Prévisualisation • Contrôles temporelles: début et durée 2) 3) 5) 4) 6) Durée : Position :

13. 2) Camtasia Studio : Montage vidéo Édition des clips vidéo Marque temporelle sous Flash 6) 3) Rem. : On associe en général à cette zone réactive, une annotation (callouts), afin d'indiquer les choix possibles ou les action à effectuer (ex. clic pour continuer) [ ] 1) • Procédure : • Choix de l'option Edit – Flash Hot Spots • Position du curseur sur l'échelle des temps • Choisir Add Hot Spot (Ajout d'une annotation) • Définir la position et la dimension de la zone réactive • Définir le type d'action: pause, aller au temps t1, connecter une URL • Suppression d'une marque, nouvelle marque ou finir 5) 4)

14. Camtasia Studio : Montage vidéo Édition des clips vidéo Zoom sur la vidéo 7) [ ] 1) 3) • Procédure : • Choix de l'option Edit – Zoom-n-Pan • Position du curseur sur l'échelle des temps • Choisir Add Zoom-n-Pan key frame (Ajout d'un marqueur pour le zoom) • Édition des paramètres du zoom: position, dimension, … • En général, on définit une marque de zoom pour un retour à une vue complète! • Édition / suppression des marque de zoom • Fin, validation 6) 2) 5)

15. Camtasia Studio : Montage vidéo Édition des clips vidéo Zoom sur la vidéo : paramètres 5) • Procédure : • Choix du type de zoom: zone personnalisée (Custom Zoom Size) ou retour à une vue complète (Show Entire Video) • Réglage des positions et taille dans le cas d'une zone personnalisée • Alternative: position par 'glisser' d'une zone, et ajustement de la dimension • Paramètres de transition de zoom, choisir de préférence Instant (Instantané) • Suppression, ou validation 2) 1) 4) 3)

16. Camtasia Studio : Montage vidéo Exportation des clips vidéo Format wmv, windows media vidéo (streaming : diffusion vidéo en continu) [ ] 1) • Procédure : • Choix de l'option Produce video as… • Choix du format vidéo : Windows Media (WMV) streaming media file • Puis suivre l'assistant : suivant > • Spécifier la dimension de la vidéo (Largest video size) • Saisir les informations sur la vidéo • Possibilité d'insérer un logo • Nom d'enregistrement du fichier, et répertoire • … conversion en cours, la durée dépend de la taille vidéo, durée de la vidéo,… 2) 3)

17. Camtasia Studio : Montage vidéo Exportation des clips vidéo Format wmv, windows media vidéo (streaming : diffusion vidéo en continu) 4) 5)

18. Camtasia Studio : Montage vidéo Exportation des clips vidéo Format wmv, windows media vidéo (streaming : diffusion vidéo en continu) 7) 6)

19. Camtasia Studio : Montage vidéo Exportation des clips vidéo Format Flash, utile pour Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée. • Procédure : • Mêmes étapes que précédemment, une seule fenêtre supplémentaire avant l'étape 4) • Options d'encodage Flash

20. Camtasia : Publication pour le web 2 modes de publications pour le web Format wmv, Windows Media Vidéo (streaming : diffusion vidéo en continu) Lien hypertexte dans une page HTML: <a href="nom_fichier_video.wmv" target="_blank">Voir la vidéo</a> Format Flash, Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée.

21. Camtasia : Publication pour le web Format Flash, Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée. • Procédure : • Saisir un titre • Définir les polices, tailles, et alignements du titre et des chapitres du menu • Définition des couleurs • Importation des animations Flash, choix de l'ordre, suppression,… • Saisi du libellé du chapitre (double cliquer sur celui-ci) • Réaliser le menu Flash 1) 3) 2) 5) 4) 7)

22. Camtasia : Publication pour le web Création automatique d'un répertoire, contenant l'application principale Flash, avec les menus, ainsi que des sous répertoires, avec les diverses animations Flash. Affichage dans un navigateur (MIE, Netscape,…)

23. Speechi : Introduction • Logiciel Speechi: • Enregistrement  de commentaires sur la base d'un diaporama Powerpoint • Insertion de fichiers ressources de tout format (word, vidéo, Flash,…) • Publication Flash http://www.speechi.net/

24. Speechi : Principes La barre d'outils Speechi Disponible depuis Microsoft Powerpoint Procédure : • Configuration • Saisir un titre, les coordonnées de l'orateur, éventuellement une photo • Les autres onglets ne seront pas abordés en première approche… 2) Volume du micro 3) Lancement de l'enregistrement

25. Speechi : Principes Les Modes : L'enregistrement du diaporama La roue Speechi Choix du pinceau Des annotations sont possibles! Contrôles de l'enregistrement En Mode Studio, l'enregistrement se fait diapositive par diapositive, chez soi. Speechi enregistre automatique l'animation Flash, dans un répertoire Speechi de Mes documents, ainsi que les mises à jour, les documents ressources, etc… Choix des couleurs En Mode Conférence, l'enregistrement se fait durant un cours! sur l'ensemble du diaporama.

26. Speechi : Principes L'édition du diaporama Saisie du titre de la diapositive La grille Speechi Numéro de la diapositive Ajout d'une ressource vidéo ou Flash Ajout d'une ressource (Word, Excel, URL, etc…)

27. Speechi : Jouer le diaporama Lecture du diaporama

28. Camtasia versus Speechi ? • Extrême facilité de Speechi, aucune prédisposition informatique nécessaire! • Puissance de Camtasia, pour l'enregistrement d'applications autres que Powerpoint • A l'avenir, Speechi permettra aussi d'interagir sur d'autres logiciels, avec des annotations, enregistrement d'écran, etc… • Un avantage également avec le Tableau blanc de Speechi, constitué de capteur sur un vrai tableau de salle de cours, avec enregistrement de l'écriture… • Et d'autres logiciels comparable à Camtasia et Speechi existent, maisil faut faire un choix, adopter l'un d'eux, l'utiliser dans l'ensemble de ces cours,et publier les cours sur un intranet,… les étudiants, eux, ont déjà adopté cette forme de publication de cours!