ACTIVIDAD 2: CREACION DE UN VOKI Y UN BANNER O TEXTO ANIMADO.

Creación de un VOKI.

¿Qué es un VOKI?

Se trata de un personaje (avatar) que se mueve y habla el texto que le introducimos.

Este "voki" resultante lo podemos insertar en una página web, blog, wiki, etc. O bien

enviarlo por correo electrónico e incluso por móvil. Usa la tecnología text-to-speech

(pasar de texto a voz).

Para que sirve voki

Nos sirve para la producción de un personaje; el cual podemos caracterizarlo y hacerlo

único, a nuestra manera, ya que podemos ponerle cualquier color de piel, cabello, ojos,

ropa y distintos fondos.

Además de esto, a nuestro voki podemos introducirle textos que son limitados y que

este los expresará en una variedad de idiomas.

Como crear un VOKI.

1. Ingresamos a la siguiente página http://www.voki.com/

2. Seleccionamos la opción “CREATE”

Figura 1. Página principal www.voki.com

3. Aparecerá la siguiente interfaz

Figura 2. Panel de personalización voki

Numero Descripción

1 Vista previa del voki.

2 Menú de personalización del voki.

• Cambiar características físicas.

Cambiar vestuario. • Cambiar accesorios

3 Adicionar voz a nuestro voki.

• Realizar llamada para realizar la grabación de la voz para el voki.

• text-to-speech, ingresa un texto y selecciona el acento y el

idioma en el cual quieres que hable el voki.

Realizar grabación a través del micrófono del computador.

Agregar un archivo de audio o una grabación.

4 Backgrounds: Personaliza el fondo que aparecerá detrás del voki. Players:

Personalizar el aspecto del productor de audio del voki.

5 Color: Menú de personalización de colores del voki.

Tweak: Menú de personalización de tamaño de los partes del voki

6 Cancel: Descartar todos las personalizaciones del voki realizadas. Publish:

Botón para realizar la publicación del voki. Una vez realizados todas

las personalizaciones debemos hacer clic en este.

Tabla 1. Opciones de personalización.

4. Una vez seleccionada la opción “publish”, aparecerá la siguiente ventana.

Figura 3. Nombre para voki.

En la cual debemos introducir un nombre para voki, posteriormente

seleccionamos la opción save.

5. Aparecerá esta ventana en la cual nos solicita ingresar o crear una cuenta; si lo

desea puede crear una cuenta de lo contrario seleccionamos la opción “No,

thanks”.

Figura 4. Opción de crear una cuenta o no crearla.

Después de esto aparecerá otra venta la cual es la confirmación de la creación

del voki, simplemente la cerramos.

6. Finalmente nos aparecerá la siguiente interfaz.

Figura 5. Presentación final y código HTML.

Numero Descripción

1 Vista final del voki creado.

2 Opción que nos permite ajustar el tamaño en el cual queremos que

aparezca el voki.

3 Código HTML necesario para poder introducirlo en el curso de

moodle.

4 Opción para compartir la dirección web de nuestro voki ya sea por un

correo electrónico o mensajes.

Tabla 2. Descripción opciones ventana presentación final.

7. Seleccionamos todo el código (texto) que aparece en la sección 3 y lo copiamos,

para posteriormente agregarlo en el lugar de su preferencia dentro de su curso

en moodle.

Creación de un banner o un texto animado.

1. Ingresamos a la siguiente página: http://glowtxt.com/

2. Seleccionamos el tipo de letra que más nos agrade de la siguiente ventana.

Figura 6. Creación banner o texto animado

3. Ingresamos el texto que deseamos, seleccionamos el tipo de letra, el fondo con

el que aparecerá, el tamaño deseado, la dirección en la que aparecerán las

letras, configuramos la sombra del texto y el retraso del movimiento y finalmente

seleccionamos entre las muchas opciones el aspecto que queremos para las

letras. Finalmente una vez configurado todo hacemos clic en “make text”.

4. El resultado saldrá en la parte inferior de la pagina

Figura 7. Visualización banner o texto animado

5. Si estamos satisfechos con el resultado podremos continuar, más abajo en la

misma página encontraremos el siguiente menú.

Figura 8. Exportar código HTML

Seleccionaremos la opción “get web code”, la cual nos enviara a una página

similar a esta donde aparecerá nuestro texto creado y el código necesario para

poder agregarlo en el curso de moodle.

Figura 9. Código HTML

6. Seleccionamos y copiamos todo el código que aparece en el cuadro que dice

“web pages, blogs” y este código lo insertamos en el lugar deseado dentro de

nuestro curso en moodle.

ACTIVIDAD 2: SUBIR UN RECURSO HTML

Para subir un recurso (imagen, gif, voki, banner) mediante un código HTML a nuestro

curso, lo primero que debemos hacer es dar clic en el botón “Activar Edición”, ver

figura1.

Figura 10. Botón activar edición.

Al activar el botón nuestra ventana cambia su aspecto y aparecen una variedad de

iconos de configuración los cuales son, ver figura 2:

Figura 11. Iconos de edición.

Para agregar un recurso (imagen, gif, voki, banner) a nuestro curso damos clic en el

icono de la sección o modulo donde deseamos ingresar el recurso, con lo cual se

nos abre el siguiente menú, ver figura 3

Figura 12. Botón HTML

Seleccionamos el botón el cual nos abrirá la siguiente ventana.

Figura 13. Edición código HTML

En este debe pegar el código generado anteriormente y después hacer clic en el botón

actualizar. Se cerrara la ventana y aparecerá el recurso que hemos añadido

Figura 14. Visualización recurso HTML Realizamos

los ajustes necesarios y hacemos clic en guardar cambios.

Así deberá aparecer en la sección que escogimos nuestro voki o banner.