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

Jean-Marc DUBOIS Académie de Nancy-Metz

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Jean-Marc DUBOIS Académie de Nancy-Metz

*

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

Page 2: Jean-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.

*

Page 3: Jean-Marc DUBOIS Académie de Nancy-Metz

*

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

Page 4: Jean-Marc DUBOIS Académie de Nancy-Metz

www.voki.com

S’inscrire gratuitement

Page 5: Jean-Marc DUBOIS Académie de Nancy-Metz

Pour s’inscrire

Page 6: Jean-Marc DUBOIS Académie de Nancy-Metz

S’inscrire gratuitement

David DUPONT

[email protected]

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

[email protected]

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

12/31/1970

Page 7: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 8: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

[email protected]

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

Page 9: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 10: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Créer un avatar

Page 11: Jean-Marc DUBOIS Académie de Nancy-Metz

Créer un avatar

Page 12: Jean-Marc DUBOIS Académie de Nancy-Metz

Dans l’interface de création, vous

disposez de plusieures zones :

1. L’aspect de votre avatar

2. La voix et les paroles à générer

3. L’arrière-plan de l’avatar

4. L’aspect de l’interface du lecteur

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

Page 13: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 14: Jean-Marc DUBOIS Académie de Nancy-Metz

Cliquez sur « DONE » lorsque vous avez terminé.

Page 15: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 16: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 17: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 18: Jean-Marc DUBOIS Académie de Nancy-Metz

En vous servant de votre microphone

vous pouvez faire un enregistrement

audio d’une longueur maximale de

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

Page 19: Jean-Marc DUBOIS Académie de Nancy-Metz

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

serveurs de voki.

Page 20: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 21: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 22: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 23: Jean-Marc DUBOIS Académie de Nancy-Metz

télécharger un fichier audio

1. Cliquez sur « BROWSE » (Parcourir)

et sélectionnez le fichier mp3 de

votre choix (enregistrement élève).

Page 24: Jean-Marc DUBOIS Académie de Nancy-Metz

télécharger un fichier audio

1. Cliquez sur « BROWSE » (Parcourir)

et sélectionnez le fichier mp3 de

votre choix.

Page 25: Jean-Marc DUBOIS Académie de Nancy-Metz

télécharger un fichier audio

2. Cliquez sur « UPLOAD » pour

télécharger votre fichier son sur le

serveur de voki.

Page 26: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 27: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 28: Jean-Marc DUBOIS Académie de Nancy-Metz

Publier votre avatar

Lorsque vous êtes satisfait de votre

avatar, publiez-le en cliquant sur

« PUBLISH ».

Page 29: Jean-Marc DUBOIS Académie de Nancy-Metz

Publier votre avatar

Page 30: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 31: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 32: Jean-Marc DUBOIS Académie de Nancy-Metz

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

Page 33: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 34: Jean-Marc DUBOIS Académie de Nancy-Metz

collez le code HTML

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

Page 35: Jean-Marc DUBOIS Académie de Nancy-Metz

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.

Page 36: Jean-Marc DUBOIS Académie de Nancy-Metz

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

2013