premiers pas

1. premiers pas Jean-Marc DUBOIS – Académie de Nancy-Metz

2. www.voki.com • voki: un outil gratuit en ligne permettant de créer des avatars, personnages virtuels qui, grâce à un moteur de text-to-speech,lisent de courts textes, ou bien font une lecture animée d’un enregistrement audio d’élève que l’on peut mettre en ligne p.ex. • Un outil motivant pour les élèves qui voient ainsi leurs POC ou PE animées et publiées . • Intégration possible des avatars dans un blog ou une page web. Création d’avatars parlants

3. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed) Sommaire

4. S’inscrire gratuitement www.voki.com

5. Pour s’inscrire

6. S’inscrire gratuitement DUPONT David David.Dupont@ac-xxxxx.fr David.Dupont@ac-xxxxx.fr ************** ************** 12/31/1970 

7. S’inscrire gratuitement Un lien d’activation vous sera adressé par mail. Cliquez sur le lien pour activer votre compte et ainsi terminer votre inscription.

8. S’inscrire gratuitement Maintenant que votre compte est activé, s’ouvre alors une nouvelle fenêtre de Voki dans votre navigateur web vous invitant à vous connecter. David.Dupont@ac-xxxxx.fr **************

9. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

10. Créer un avatar Vous pouvez dorénavant commencer à créer votre premier avatar, appelé « Voki », en cliquant sur « Create a new Voki ».

11. Créer un avatar

12. Dans l’interface de création, vous disposez de plusieures zones : L’aspect de votre avatar La voix et les paroles à générer L’arrière-plan de l’avatar L’aspect de l’interface du lecteur Commençons par l’aspect de l’avatar.

13. D’autres options s’offrent à vous telles que … les différentes collections, les habits, les accessoires, etc. Les élèves s’amusent beaucoup à créer leurs avatars, ce qui représente un gain de motivation par la suite lorsqu’ils reproduiront à l’oral le message entendu.

14. Cliquez sur « DONE » lorsque vous avez terminé.

15. Donnons maintenant une voix à votre avatar ! • Vous avez 3 possibilités : • saisir ou coller un texte, • enregistrer à l’aide du microphone du pc (60 sec. max.), • ou bien télécharger un fichier audio.

16. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

17. Enregistrer à l’aide du microphone Apparaît lors de la première utilisation la fenêtre suivante : cochez « Autoriser » pour permettre à voki de vous enregistrer en direct. Cliquez également sur « Mémoriser » pour ne plus avoir à effectuer ces réglages. 

18. En vous servant de votre microphone vous pouvez faire un enregistrement audio d’une longueur maximale de60 secondes : Cliquez sur « RECORD », puis parlez. Cliquez sur « STOP », et vous entendrez aussitôt votre enregistrement. Recommencez l’enregistrement, ou bien sauvegardez-le.

19. …sachant que l’enregistrement n’est pas sauvegardé en local, mais sur les serveurs de voki.

20. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

21. Saisir un texte • Conseils : • en allemand, les voix de Stefan et Anna ont le meilleur rendu. • Parfois, il s’avère nécessaire d’écrire un certain mot en phonétique.

22. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

23. télécharger un fichier audio Cliquez sur « BROWSE » (Parcourir) et sélectionnez le fichier mp3 de votre choix (enregistrement élève).

24. télécharger un fichier audio Cliquez sur « BROWSE » (Parcourir) et sélectionnez le fichier mp3 de votre choix.

25. télécharger un fichier audio Cliquez sur « UPLOAD » pour télécharger votre fichier son sur le serveur de voki.

26. télécharger un fichier audio Cliquez sur « UPLOAD » pour télécharger votre fichier son sur le serveur de vokiet patientez le temps du téléchargement.

27. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

28. Publier votre avatar Lorsque vous êtes satisfait de votre avatar, publiez-le en cliquant sur « PUBLISH ».

29. Publier votre avatar

30. S’inscrire gratuitement sur voki • Créer un avatar • Enregistrer à l’aide du microphone • Saisir un texte (text-to-speech) • Télécharger un fichier audio • Publier un avatar • Intégrer un avatar dans un blog, sur edmodo ou un site web (embed)

31. Intégrer votre avatar dans un blog, sur edmodo ou un site. Cliquez sur « Copy » pour copier le code en langage HTML dans le presse-papier, afin de pouvoir l’intégrer dans le code source de votre blog ou page web (HTML).

32. Intégrer votre avatar dans un blog, sur edmodo ou un site. <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjIwNzEzNTM*MDMmcHQ9MTM2MjA3MTkzNTgzOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9/MSZvPWVhY2YyYTIyYjgwYjQwMzc5OWIzYTE5OWQ3ZDhkM2U3Jm9mPTA=.gif" /><objectheight="267" width="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="widget_name"><paramname="movie" value="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http://vhss-d.oddcast.com/php/vhss_editors/getvoki/chsm=3c78a66d487e6f4f7419cbb24ed45713%26sc=7643333" /><paramname="quality" value="high" /><paramname="allowScriptAccess" value="always" /><paramname="width" value="200" /><paramname="height" value="267" /><paramname="allowNetworking" value="all"/><paramname="wmode" value="transparent" /><paramname="allowFullScreen" value="true" /><embedheight="267" width="200" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=3c78a66d487e6f4f7419cbb24ed45713%26sc=7643333" quality="high" allowScriptAccess="always" allowNetworking="all" wmode="transparent" allowFullScreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="widget_name"></object> Sélectionnez le mode « HTML » dans l’interface de rédaction d’un nouveau message de votre blog. Faites un clic droit, puis collez le code HTML copié depuis voki. Donnez un titre à votre message, puis publiez-le.

33. Intégrer votre avatar dans un blog, sur edmodo ou un site. Voici le résultat : l’avatar est disponible sur votre blog et peut être vu et écouté par vos élèves.

34. Intégrer votre avatar dans un blog, sur edmodo ou un site. Sur edmodo, intégrez votre avatar à un message en l’attachant tel qu’un lien. collez le code HTML donnez un nom cliquer sur « Attacher » pour intégrer l’avatar à votre message

35. Intégrer votre avatar dans un blog, sur edmodo ou un site. Voici le résultat : l’avatar est disponible sur edmodo et peut être vu et écouté par les élèvesconcernés. Vos élèves ont bien sûr également la possibilité de créer des avatars, afin de les publier sur edmodo. Pour intégrer un avatar dans une page HTML de votre site, il suffit d’y coller le code dans le code source de la page web en question.

36. Jean-Marc DUBOIS – Académie de Nancy-Metz 2013