SlideShare una empresa de Scribd logo
CREACIÓN DE UN AVATAR CON VOKI Y PEGARLO EN EL BLOG
Un voki es una representación gráfica de una figura a la cual le podemos añadir voz,
aplicar formatos diversos como el tipo de voz, cabello, color de piel, insertar un tipo de
ropa, etc.
Vamos aprender a crear un voki, que en el lenguaje informático se le conoce como
AVATAR. Los pasos para crear son:
1. Escribir en dirección la siguiente página web
2. Aparece la siguiente ventana
3. Tenemos que registrarnos presionando en el botón (sólo cuando no
se tiene una cuenta; si se tiene una cuanta se presiona en el botón )
4. En este caso, al ser la primera vez que ingresamos a VOKI.COM presionamos en
el botón
5. Se visualiza la siguiente ventana: Ingresar los datos que nos piden para
registrarnos.
6. Luego de llenar los datos presionar en el botón se nos
presentará la siguiente ventana, en la cual se nos agradece por crear una
cuenta en Voki, hacer clic en el botón
7. Nos enviaran a nuestro correo un Voki de Notificación, abrir el correo.
8. Una vez abierto el e-mail, jacer clic en el link de color celeste
9. Se nos presenta la siguiente ventana en la cual se nos dice que la cuenta ha
sido creada. Ingresamos el e-mail y el password, luego presionamos en el botón
Login
10. Se nos presenta la siguiente ventana
11. Para crear un Voki hacemos clic en el botón
12. En la ventana que se presenta
13. Hacer clic en el botón , (Choose your carácter), se desprende la
siguiente lista de modelos a escoger.
14. Podemos seleccionar las opciones de
presentación de los rostros.
15. Seleccionamos entre masculino,
femenino o todos.
16. Hacer clic en el rostro que se desea
17. Seleccionar la opción de cabello que llevará, hacer clic en una de ellas
18. Podemos escoger el tipo de labio. Haciendo clic en
19. Podemos elegir el tipo de vestido a llevar, hacer clic en el modelo
20. Una vez elegida las opciones presionar en el botón done
21. Para aplicar el fondo del AVATAR, seleccionamos la opción Backprounds
22. Una vez elegido el fondo presionar en la opción DONE
23. Para que el Voki “pueda hablar”, seleccionamos entre estas opciones:
24. se puede hacer a través del micrófono si es que lo hay, en este caso lo haremos
a través del teclado presionando en el botón
25. En el recuadro Type Your Text, escribimos el mensaje que esperamos que
“hable” el AVATAR. Luego seleccionamos el lenguaje (español)
26. Presionar en el botón:
27. Presionar en el botón:
Seleccionar el tipo
de voz que tendrá
el Avatar
28. Aparece la siguiente ventana que nos manifiesta la cantidad de caracteres que
podemos insertar.
29. Aparece la siguiente con un código, que es el que vamos acopiar en nuestro
blog. Hacer clic en el botón COPY,
30. Abrir el blog, hacer clic en el botón Diseño
31. Hacer clic en Añadir un gadget
Buscar la opción HTML/Java Script, y hacer clic en ella.
32. Se desprende la siguietn ventana:En Título podemos insertar un título, en el
contenido debemos de pegar el código que se ha copiado del paso 29.
33. Hacer clic en el botón Guardar, Al presionar en dicho botón se cierra la ventana
y volvemos a la opción Diseño del blog.
34. Hacer clic en GUARDAR
35. Nos aparece un mensaje que dice:
36. Hacer clic en Ver blog, para ver como quedó el trabajo del AVATAR insertado
37. EL BLOG SE VERÁ DE LA FORMA:

Más contenido relacionado

La actualidad más candente

Guia cety
Guia cetyGuia cety
Guia cetyCafam
 
Uso del blog del cb tis 88
Uso del blog del cb tis 88Uso del blog del cb tis 88
Uso del blog del cb tis 88
lilicbtis
 
Diapositiva del blog del cbtis 88
Diapositiva del blog  del cbtis 88Diapositiva del blog  del cbtis 88
Diapositiva del blog del cbtis 88leydi96
 
Uso del blog del cb tis 88
Uso del blog del cb tis 88Uso del blog del cb tis 88
Uso del blog del cb tis 88
Lilibeth Nava Robles
 
Uso del blog del cbtis 88
Uso del blog del cbtis 88Uso del blog del cbtis 88
Uso del blog del cbtis 88
FERNANDO_ZUNUN
 
Imformatica de mairom
Imformatica de mairomImformatica de mairom
Imformatica de mairommairomenrique
 
Guía blog wordpress
Guía blog wordpressGuía blog wordpress
Guía blog wordpress
antheso
 
Computacion
ComputacionComputacion
Computacion
Jhoy Narvaez
 
Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)alvarofrias2012
 
deber de informatica
deber de informaticadeber de informatica
deber de informatica
Paula Gabriela Arias Cueva
 

La actualidad más candente (12)

Guia cety
Guia cetyGuia cety
Guia cety
 
Uso del blog del cb tis 88
Uso del blog del cb tis 88Uso del blog del cb tis 88
Uso del blog del cb tis 88
 
Diapositiva del blog del cbtis 88
Diapositiva del blog  del cbtis 88Diapositiva del blog  del cbtis 88
Diapositiva del blog del cbtis 88
 
Uso del blog del cb tis 88
Uso del blog del cb tis 88Uso del blog del cb tis 88
Uso del blog del cb tis 88
 
Uso del blog del cbtis 88
Uso del blog del cbtis 88Uso del blog del cbtis 88
Uso del blog del cbtis 88
 
Imformatica de mairom
Imformatica de mairomImformatica de mairom
Imformatica de mairom
 
Guía blog wordpress
Guía blog wordpressGuía blog wordpress
Guía blog wordpress
 
Computacion
ComputacionComputacion
Computacion
 
Slideshare
SlideshareSlideshare
Slideshare
 
Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)
 
Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)
 
deber de informatica
deber de informaticadeber de informatica
deber de informatica
 

Destacado

11 Slideshare Presentaciones Powerpoint
11 Slideshare Presentaciones Powerpoint11 Slideshare Presentaciones Powerpoint
11 Slideshare Presentaciones Powerpointjlzurdol
 
slideshare Presentacion
slideshare Presentacionslideshare Presentacion
slideshare Presentacion
Comunidad Web 2.0
 

Destacado (6)

Voki presenation
Voki presenationVoki presenation
Voki presenation
 
PPT en SlideShare
PPT en SlideSharePPT en SlideShare
PPT en SlideShare
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
11 Slideshare Presentaciones Powerpoint
11 Slideshare Presentaciones Powerpoint11 Slideshare Presentaciones Powerpoint
11 Slideshare Presentaciones Powerpoint
 
slideshare Presentacion
slideshare Presentacionslideshare Presentacion
slideshare Presentacion
 
Slideshare ppt
Slideshare pptSlideshare ppt
Slideshare ppt
 

Similar a Creación de Avatar con voki

Practica de informática
Practica de informáticaPractica de informática
Practica de informáticajose Paredes
 
Practica de informática
Practica de informáticaPractica de informática
Practica de informáticajose Paredes
 
Pasos para crear nuestro escritorio virtual en symbaloo
Pasos para crear nuestro escritorio virtual en symbalooPasos para crear nuestro escritorio virtual en symbaloo
Pasos para crear nuestro escritorio virtual en symbaloo
Academypop2
 
Tutorial "Como crear un correo electrónico"
Tutorial "Como crear un correo electrónico"Tutorial "Como crear un correo electrónico"
Tutorial "Como crear un correo electrónico"
Ariana Jones
 
Caza del tesoro
Caza del tesoroCaza del tesoro
Caza del tesoroAline GA
 
Tutorial caza del tesoro
Tutorial caza del tesoroTutorial caza del tesoro
Tutorial caza del tesoroiiruse
 
Tutorial caza del tesoro
Tutorial caza del tesoroTutorial caza del tesoro
Tutorial caza del tesoroalmgco
 
Manual voki
Manual vokiManual voki
Manual voki
Yesenia Pérez
 
Manual de Voki
Manual de Voki Manual de Voki
Manual de Voki
michelle0096
 
Portafolio de computacion ii
Portafolio de  computacion iiPortafolio de  computacion ii
Portafolio de computacion ii
MayraGabrielaMorocho
 
Trabajo practico n° 2 .
Trabajo practico n° 2 .Trabajo practico n° 2 .
Trabajo practico n° 2 .'Sool Andoole
 
Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)taniafigueroa2012
 

Similar a Creación de Avatar con voki (20)

Creación de voki 1
Creación de voki 1Creación de voki 1
Creación de voki 1
 
Practica de informática
Practica de informáticaPractica de informática
Practica de informática
 
Practica de informática
Practica de informáticaPractica de informática
Practica de informática
 
Pasos para crear nuestro escritorio virtual en symbaloo
Pasos para crear nuestro escritorio virtual en symbalooPasos para crear nuestro escritorio virtual en symbaloo
Pasos para crear nuestro escritorio virtual en symbaloo
 
Evaluación de informática
Evaluación de informáticaEvaluación de informática
Evaluación de informática
 
Tutorial "Como crear un correo electrónico"
Tutorial "Como crear un correo electrónico"Tutorial "Como crear un correo electrónico"
Tutorial "Como crear un correo electrónico"
 
Caza del tesoro
Caza del tesoroCaza del tesoro
Caza del tesoro
 
Tutorial caza del tesoro
Tutorial caza del tesoroTutorial caza del tesoro
Tutorial caza del tesoro
 
Tutorial caza del tesoro
Tutorial caza del tesoroTutorial caza del tesoro
Tutorial caza del tesoro
 
Manual voki
Manual vokiManual voki
Manual voki
 
Manual voki
Manual vokiManual voki
Manual voki
 
Manual Voki
Manual VokiManual Voki
Manual Voki
 
Manual voki
Manual vokiManual voki
Manual voki
 
Manual de Voki
Manual de Voki Manual de Voki
Manual de Voki
 
Manual Voki
Manual VokiManual Voki
Manual Voki
 
Portafolio de computacion ii
Portafolio de  computacion iiPortafolio de  computacion ii
Portafolio de computacion ii
 
Trabajo practico n° 2 .
Trabajo practico n° 2 .Trabajo practico n° 2 .
Trabajo practico n° 2 .
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)Trabajo practico n° 2 .(informatica)
Trabajo practico n° 2 .(informatica)
 
Mi voki
Mi vokiMi voki
Mi voki
 

Más de Jesus Paucar Palomino

PRÁCTICA N° 11
PRÁCTICA N° 11PRÁCTICA N° 11
PRÁCTICA N° 11
Jesus Paucar Palomino
 
PRÁCTICA N° 10
PRÁCTICA N° 10PRÁCTICA N° 10
PRÁCTICA N° 10
Jesus Paucar Palomino
 
PRÁCTICA N° 09
PRÁCTICA N° 09PRÁCTICA N° 09
PRÁCTICA N° 09
Jesus Paucar Palomino
 
PRÁCTICA N° 09
PRÁCTICA N° 09PRÁCTICA N° 09
PRÁCTICA N° 09
Jesus Paucar Palomino
 
Práctica 04
Práctica 04Práctica 04
Práctica 04
Jesus Paucar Palomino
 
Práctica 03
Práctica 03Práctica 03
Práctica 03
Jesus Paucar Palomino
 
Práctica 03
Práctica 03Práctica 03
Práctica 03
Jesus Paucar Palomino
 

Más de Jesus Paucar Palomino (20)

PRÁCTICA N° 11
PRÁCTICA N° 11PRÁCTICA N° 11
PRÁCTICA N° 11
 
PRÁCTICA N° 10
PRÁCTICA N° 10PRÁCTICA N° 10
PRÁCTICA N° 10
 
PRÁCTICA N° 09
PRÁCTICA N° 09PRÁCTICA N° 09
PRÁCTICA N° 09
 
PRÁCTICA N° 09
PRÁCTICA N° 09PRÁCTICA N° 09
PRÁCTICA N° 09
 
Práctica 04
Práctica 04Práctica 04
Práctica 04
 
Práctica 03
Práctica 03Práctica 03
Práctica 03
 
Práctica 03
Práctica 03Práctica 03
Práctica 03
 
Práctica 1
Práctica 1Práctica 1
Práctica 1
 
Silueta
SiluetaSilueta
Silueta
 
Silueta
SiluetaSilueta
Silueta
 
Tarea 5
Tarea 5Tarea 5
Tarea 5
 
Tarea 05
Tarea 05Tarea 05
Tarea 05
 
Tarea 05
Tarea 05Tarea 05
Tarea 05
 
Tarea 04
Tarea 04Tarea 04
Tarea 04
 
Tarea 04
Tarea 04Tarea 04
Tarea 04
 
Tarea03
Tarea03Tarea03
Tarea03
 
IV CLASE III
IV CLASE IIIIV CLASE III
IV CLASE III
 
Tarea powerpoint
Tarea powerpointTarea powerpoint
Tarea powerpoint
 
Serenata F Schubert
Serenata F SchubertSerenata F Schubert
Serenata F Schubert
 
Carta de un amigo
Carta de un amigoCarta de un amigo
Carta de un amigo
 

Último

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
durangense277
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 

Último (20)

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 

Creación de Avatar con voki

  • 1. CREACIÓN DE UN AVATAR CON VOKI Y PEGARLO EN EL BLOG Un voki es una representación gráfica de una figura a la cual le podemos añadir voz, aplicar formatos diversos como el tipo de voz, cabello, color de piel, insertar un tipo de ropa, etc. Vamos aprender a crear un voki, que en el lenguaje informático se le conoce como AVATAR. Los pasos para crear son: 1. Escribir en dirección la siguiente página web 2. Aparece la siguiente ventana 3. Tenemos que registrarnos presionando en el botón (sólo cuando no se tiene una cuenta; si se tiene una cuanta se presiona en el botón ) 4. En este caso, al ser la primera vez que ingresamos a VOKI.COM presionamos en el botón 5. Se visualiza la siguiente ventana: Ingresar los datos que nos piden para registrarnos.
  • 2. 6. Luego de llenar los datos presionar en el botón se nos presentará la siguiente ventana, en la cual se nos agradece por crear una cuenta en Voki, hacer clic en el botón
  • 3. 7. Nos enviaran a nuestro correo un Voki de Notificación, abrir el correo. 8. Una vez abierto el e-mail, jacer clic en el link de color celeste 9. Se nos presenta la siguiente ventana en la cual se nos dice que la cuenta ha sido creada. Ingresamos el e-mail y el password, luego presionamos en el botón Login
  • 4. 10. Se nos presenta la siguiente ventana 11. Para crear un Voki hacemos clic en el botón 12. En la ventana que se presenta
  • 5. 13. Hacer clic en el botón , (Choose your carácter), se desprende la siguiente lista de modelos a escoger. 14. Podemos seleccionar las opciones de presentación de los rostros. 15. Seleccionamos entre masculino, femenino o todos. 16. Hacer clic en el rostro que se desea 17. Seleccionar la opción de cabello que llevará, hacer clic en una de ellas
  • 6. 18. Podemos escoger el tipo de labio. Haciendo clic en 19. Podemos elegir el tipo de vestido a llevar, hacer clic en el modelo
  • 7. 20. Una vez elegida las opciones presionar en el botón done
  • 8. 21. Para aplicar el fondo del AVATAR, seleccionamos la opción Backprounds 22. Una vez elegido el fondo presionar en la opción DONE 23. Para que el Voki “pueda hablar”, seleccionamos entre estas opciones: 24. se puede hacer a través del micrófono si es que lo hay, en este caso lo haremos a través del teclado presionando en el botón 25. En el recuadro Type Your Text, escribimos el mensaje que esperamos que “hable” el AVATAR. Luego seleccionamos el lenguaje (español)
  • 9. 26. Presionar en el botón: 27. Presionar en el botón: Seleccionar el tipo de voz que tendrá el Avatar
  • 10. 28. Aparece la siguiente ventana que nos manifiesta la cantidad de caracteres que podemos insertar. 29. Aparece la siguiente con un código, que es el que vamos acopiar en nuestro blog. Hacer clic en el botón COPY,
  • 11. 30. Abrir el blog, hacer clic en el botón Diseño 31. Hacer clic en Añadir un gadget Buscar la opción HTML/Java Script, y hacer clic en ella.
  • 12. 32. Se desprende la siguietn ventana:En Título podemos insertar un título, en el contenido debemos de pegar el código que se ha copiado del paso 29. 33. Hacer clic en el botón Guardar, Al presionar en dicho botón se cierra la ventana y volvemos a la opción Diseño del blog. 34. Hacer clic en GUARDAR
  • 13. 35. Nos aparece un mensaje que dice: 36. Hacer clic en Ver blog, para ver como quedó el trabajo del AVATAR insertado 37. EL BLOG SE VERÁ DE LA FORMA: