premiers pas

*

premiers pasJean-Marc DUBOIS – Académie de Nancy-Metz

*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

www.voki.com

*Sommaire

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

www.voki.com

S’inscrire gratuitement

Pour s’inscrire

S’inscrire gratuitement

David DUPONT

David.Dupont@ac-xxxxx.fr

**************

David.Dupont@ac-xxxxx.fr

**************12/31/1970

S’inscrire gratuitement

Un lien d’activation vous sera adressé par mail.Cliquez sur le lien pour activer votre compteet ainsi terminer votre inscription.

S’inscrire gratuitement

Maintenant que votre compte est activé, s’ouvre alorsune nouvelle fenêtre de Voki dans votre navigateur webvous invitant à vous connecter.

David.Dupont@ac-xxxxx.fr

**************

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

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

Créer un avatar

Créer un avatar

Dans l’interface de création, vous disposez de plusieures zones :1. L’aspect de votre avatar2. La voix et les paroles à

générer3. L’arrière-plan de l’avatar4. L’aspect de l’interface du

lecteurCommençons par l’aspect de l’avatar.

D’autres options s’offrent à vous telles que …1. les différentes collections,2. les habits,3. 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.

Cliquez sur « DONE » lorsque vous avez terminé.

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.

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

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.

Enregistrer à l’aide du microphone

En vous servant de votre microphone vous pouvez faire un enregistrement audio d’une longueur maximale de60 secondes :1. Cliquez sur « RECORD », puis

parlez.2. Cliquez sur « STOP », et vous

entendrez aussitôt votre enregistrement.

3. Recommencez l’enregistrement, ou bien sauvegardez-le.

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

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

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.

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

télécharger un fichier audio

1. Cliquez sur « BROWSE » (Parcourir) et sélectionnez le fichier mp3 de votre choix (enregistrement élève).

télécharger un fichier audio

1. Cliquez sur « BROWSE » (Parcourir) et sélectionnez le fichier mp3 de votre choix.

télécharger un fichier audio

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

télécharger un fichier audio

2. Cliquez sur « UPLOAD » pour télécharger votre fichier son sur le serveur de voki et patientez le temps du téléchargement.

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

Publier votre avatar

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

Publier votre avatar

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

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

<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" /><object height="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"><param name="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" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="width" value="200" /><param name="height" value="267" /><param name="allowNetworking" value="all"/><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><embed height="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>

1. Sélectionnez le mode « HTML » dans l’interface de rédaction d’un nouveau message de votre blog.

2. Faites un clic droit, puis collez le code HTML copié depuis voki.

3. Donnez un titre à votre message, puis publiez-le.

Intégrer votre avatar dans un blog, sur edmodo ou un site.

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.

collez le code HTMLdonnez un nom

cliquer sur « Attacher » pour intégrer l’avatar à votre

message

Sur edmodo, intégrez votre avatar à un message en l’attachant tel qu’un lien.

Intégrer votre avatar dans un blog, sur edmodo ou un site.

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èves concerné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.

Jean-Marc DUBOIS – Académie de Nancy-Metz2013