1 Formation Camtasia / Speechi Création de Tutoriaux vidéos, de démonstrations de logiciels et de supports de cours multimédia. Camtasia: Enregistrement

1Formation 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 [email protected]

mai 2005

2Camtasia : 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/http://www.techsmith.com/

3Camtasia : Enregistrement

Vue compacte

Vue Standard

Actions de mise en valeur durant l'enregistrement

Les options d'enregistrementMenu : View

Barre d'annotations

Barre du pointeur

Barre de zoom

Date Légende Stylo (raccourcis)

Aucun pointeur

Pointeur visible

Options de mise en valeur

4

Les options d'enregistrementMenu : Tools - Options

Camtasia : Enregistrement

• Choix du Codec de compression de TechSmith

• Compression maximale

• Pas de compression Audio (elle se fera lors de la publication)

Onglet AVI (vidéo)Onglet AVI (vidéo)

5

Onglet FileOnglet File



Onglet Hotkeys (raccourcis)Onglet Hotkeys (raccourcis)

6

Onglet CaptureOnglet Capture


Onglet ProgramOnglet Program

Réduction dans la barre des tâches durant l'enregistrement


7Camtasia : Enregistrement

1ier enregistrement

Stylo (raccourcis F11)

Conditions: Plein écran (Screen), fenêtre d'une application (Window), ou une zone de l'écran (Region ou Fixed Region)

mobile

Contrôles enregistrement:

F9 : enregistrement

F9 : pause

F10 : fin

F11 : stylo marqueur

CadreStabiloEllipseStyloLigneFlèche

Exemple d'application: tutorial Excel, puis enregistrement au format vidéo Windows aviNote : Alt + Tab permet de passer d'une application à l'autre

8Camtasia Studio : Montage vidéo

Environnement de Camtasia Studio

Fenêtre destâches

Fenêtre desclips importés

Banc de montage vidéoTiming

Fenêtre deprévisualisation

Lancement depuis Camtasia

Procédure :

1. Importation d'une vidéo

2. Glisser le clip sur le banc de montage

3. Prévisualisation: play, stop, avance rapide,..

4. Édition – mise en forme

1)

2)

3)

4)


Édition des clips vidéo

[ ]

Enregistrement d'une nouvelle narration

Procédure :

1. Choix de l'option Edit – Voice Narration

2. Ajustement du volume d'enregistrement

3. Position du curseur sur l'échelle des temps

4. Enregistrement automatique sur une nouvelle piste audio (Start Recording)

5. Arrêt de l'enregistrement (Stop Recording)

6. Renouvellement de l'opération, ou quitter (Finished)

1)

2)

3)

4) 5)

6)



[ ]

Ajustement du niveau audio

1)

Procédure :

1. Choix de l'option Edit – Adjust Audio

2. Sélection sur l'échelle des temps de la zone temporelle à modifier

3. Choix d'une option de traitement du niveau sonore

4. Renouvellement de l'opération, ou quitter (Ok), éventuellement annuler (Cancel) 2)

Clic de souris au point de départ

Glisser le curseur jusqu'au point de fin

3)

4)

Augmentation progressive depuis 0 Diminution progressive jusqu'à 0 Augmentation du volume Diminution du volume Silence Supprimer



[ ]

Annotations de la vidéo

1)

Procédure :

1. Choix de l'option Edit – Callouts


3. Choisir Add Callout (Ajout d'une annotation)

4. Édition des propriétés de l'annotation: forme, texte, couleur, position, durée, …

5. Édition des annotations

6. Ajout d'une nouvelle annotation, ou fin

[ ] 3)

2)

Un banc de montage Callout est créé

Liste des Callouts

5)

6)


Édition des clips vidéoAnnotations de la vidéo : propriétés

Procédure :

1. Choix de la forme de l'annotation, et de sa couleur (Callout type)

2. Édition du texte, si la forme choisie peut en contenir (police, taille, couleur, etc…)

3. Contrôle de l'apparence (apparition progressive, transparence, …)

4. Position de l'annotation et dimension

5. Prévisualisation

6. Contrôles temporelles: début et durée

1)

2)

3)

4)5)

6)Position : Durée :



[ ]

Marque temporelle sous Flash

1)

Procédure :

1. Choix de l'option Edit – Flash Hot Spots


3. Choisir Add Hot Spot (Ajout d'une annotation)

4. Définir la position et la dimension de la zone réactive

5. Définir le type d'action: pause, aller au temps t1, connecter une URL

6. Suppression d'une marque, nouvelle marque ou finir 2)

3)

4)

5)

6)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)

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)



[ ]

Zoom sur la vidéo

1)

Procédure :

1. Choix de l'option Edit – Zoom-n-Pan


3. Choisir Add Zoom-n-Pan key frame (Ajout d'un marqueur pour le zoom)

4. Édition des paramètres du zoom: position, dimension, …

5. En général, on définit une marque de zoom pour un retour à une vue complète!

6. Édition / suppression des marque de zoom

7. Fin, validation

2)

3)

5)

6)

7)


Édition des clips vidéoZoom sur la vidéo : paramètres

Procédure :

1. Choix du type de zoom: zone personnalisée (Custom Zoom Size) ou retour à une vue complète (Show Entire Video)

2. Réglage des positions et taille dans le cas d'une zone personnalisée

3. Alternative: position par 'glisser' d'une zone, et ajustement de la dimension

4. Paramètres de transition de zoom, choisir de préférence Instant (Instantané)

5. Suppression, ou validation

1)

2)

3)

4)

5)


Exportation des clips vidéo

Procédure :

1. Choix de l'option Produce video as…

2. Choix du format vidéo : Windows Media (WMV) streaming media file

3. Puis suivre l'assistant : suivant >

4. Spécifier la dimension de la vidéo (Largest video size)

5. Saisir les informations sur la vidéo

6. Possibilité d'insérer un logo

7. Nom d'enregistrement du fichier, et répertoire

8. … conversion en cours, la durée dépend de la taille vidéo, durée de la vidéo,…

[ ]1)

Format wmv, windows media vidéo (streaming : diffusion vidéo en continu)

2)

3)


Exportation des clips vidéoFormat wmv, windows media vidéo (streaming : diffusion vidéo en continu)

4)5)


Exportation des clips vidéoFormat wmv, windows media vidéo (streaming : diffusion vidéo en continu)

6) 7)


Exportation des clips vidéoFormat 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

20Camtasia : Publication pour le web

2 modes de publications pour le web

Format Flash, Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée.

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.

Procédure :

1. Saisir un titre

2. Définir les polices, tailles, et alignements du titre et des chapitres du menu

3. Définition des couleurs

4. Importation des animations Flash, choix de l'ordre, suppression,…

5. Saisi du libellé du chapitre (double cliquer sur celui-ci)

6. Réaliser le menu Flash

1)

2)3)

4)5)

7)


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,…)

23Speechi : 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/http://www.speechi.net/

24Speechi : Principes

La barre d'outils SpeechiDisponible depuis Microsoft PowerpointProcédure :

1) 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


L'enregistrement du diaporamaLa roue Speechi

Contrôles de l'enregistrement

Choix des couleurs

Choix du pinceau

En Mode Studio, l'enregistrement se fait diapositive par diapositive, chez soi.

En Mode Studio, l'enregistrement se fait diapositive par diapositive, chez soi.

En Mode Conférence, l'enregistrement se fait durant un cours! sur l'ensemble du diaporama.

En Mode Conférence, l'enregistrement se fait durant un cours! sur l'ensemble du diaporama.

Speechi enregistre automatique l'animation Flash, dans un répertoire Speechi de Mes documents, ainsi que les mises à jour, les documents ressources, etc…

Speechi enregistre automatique l'animation Flash, dans un répertoire Speechi de Mes documents, ainsi que les mises à jour, les documents ressources, etc…

Des annotations sont possibles!

Les Modes :


L'édition du diaporamaLa grille Speechi

Numéro de la diapositiveNuméro de la diapositive

Ajout d'une ressource (Word, Excel, URL, etc…)

Ajout d'une ressource (Word, Excel, URL, etc…)

Ajout d'une ressource vidéo ou FlashAjout d'une ressource vidéo ou Flash

Saisie du titre de la diapositiveSaisie du titre de la diapositive

27Speechi : Jouer le diaporama

Lecture du diaporama

28Camtasia 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!

Documents

1 Formation Camtasia / Speechi Création de Tutoriaux vidéos, de démonstrations de logiciels et de supports de cours multimédia. Camtasia: Enregistrement