SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
Criando material instrucional
  para a WEB com o VOKI
       Prof. Paulo Roberto Pasqualotti
          ppasqualotti@gmail.com
        Licenciatura em Computação
Criando material instrucional para a WEB


Organização:
      • Ferramentas/recursos
      • Prática
      • Materiais
Objetivos:
      • Apresentar possibilidades de criação e
      apresentação de materiais instrucionais no formato
      da internet (web) a partir da publicação em páginas
      HTML.
Criando material instrucional para a WEB


Ferramentas/recursos: Voki
Criar avatar personalizado com recurso de voz.


Possibilidades
      • Inserir em páginas internet
      • Apresentar em Blogs
      • Enviar por mail
      • Criar coleções de animações
      • Totalmente configurável
Criando material instrucional para a WEB


Passos
Site: www.voki.com


Registro
* Necessário ter um mail cadastrado.

O link de acesso é enviado para o mail
registrado. É necessário acessar e
confirmar o cadastro.



Login
Criando material instrucional para a WEB


Acesso




MyVoki: coleções de animações criados pelo usuário
Create: criar e customizar uma apresentação animada com áudio
Play:
Foruns:
Criando material instrucional para a WEB


Animações




Do meu site: minha coleção Voki
Enviados por mim: enviados para outros usuários
Enviados para mim: recebidos de outros usuários
Minha conta: informações da minha conta no Voki.
Criando material instrucional para a WEB


Criando
Character Style: selecionar o Avatar (personagem) entre as diversas classes e
categorias (clássico, animais, personalidades)

Customization: as opções variam conforme o Avatar selecionado. Pode-se mudar
o cabelo, acessórios e roupas.
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz do
usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som.


                          O texto é lido pelo Avatar de acordo com a língua e a
                          voz (voice) selecionada. O estilo fonético da leitura
                          pode parecer robotizado dependendo das seleções.
                          O Voki sugere a forma fonética (pronúncia) de uma
                          palavra para tornar a leitura legível.
                          * A opção FX permite inserir efeitos na voz, como: eco,
                          velocidade, timbre, grave, etc.
                          * O Voki aceita até 160 caracteres, incluindo espaços
                          em branco, no texto digitado.
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz do
usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som.


                          O uso de microfone permite inserir a voz do usuário na
                          criação do Avatar.
                          * O programa solicitará o acesso e à configuração do
                          som do computador.
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz o do
usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som.


                          Um arquivo de som pode ser inserido com a voz do
                          Avatar.
                          * Os formatos do arquivo podem ser MP3, WAV, além
                          de outros tipos de arquivos de som conhecidos.
                          * O arquivo deve ser pequeno para que possa ser
                          inserido e acrescentado à apresentação.
Criando material instrucional para a WEB


Criando
Background
Um fundo pode ser inserido na tela do Avatar. O Voki disponibiliza diversas categorias
que podem ser selecionados pelo usuário, ou inseridas do computador.

                          * O formato aceito pelo Voki é JPG.
Criando material instrucional para a WEB


Criando
Outras opções
Players: permite mudar o estilo da janela onde o Avatar será apresentado.

                             A lupa à direita da janela permite configurar a posição e
                             tamanho do Avatar na janela.
                             O dado escolhe aleatoriamente um Avatar da galeria
                             disponível.
                             A opção Color permite alterar a cor da boca, olhos, pela
                             e cabelo do Avatar.
                             A opção Tweak permite definir o tamanho da boca,
                             nariz, do corpo (gordo e magro) e altura e largura da
                             cabeça.
Criando material instrucional para a WEB


Publicando
Cria a apresentação, insere na coleção do usuário e permite a publicação em página e/ou
compartilhar e enviar para outro usuário.
                           Adicionar a um site são as opções de configuração do
                           tamanho da janela onde o Avatar aparecerá na página
                           HTML (web). O código HTML é apresentado. Para
                           inserir, basta copiar e colar na página.
                           * Clique com o mouse sobre o código e copie. Abra um
                           editor com o código HTML e cole onde deseja que a
                           janela seja apresentada.
                           <script language="JavaScript" type="text/javascript" src="http://vhss-
                           d.oddcast.com/voki_embed_functions.php"></script><script
                           language="JavaScript"
                           type="text/javascript">AC_Voki_Embed(200,267,"27c0766327751b09ddf729
                           0ebfab0145",2193198, 1, "", 0);</script><BR><a
                           href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR>
Criando material instrucional para a WEB


Publicando
Modelo de uma página HTML com o código gerado pelo Voki.
* O código HTML pode ser incorporado a um Blog da mesma forma que em uma página
internet.
<html>
<head>
<title>Meu primeiro Voki</title>
</head>
<body>
<center>
 <p align=“center”>Página sobre o Voki... <br><br><br><hr>
<!– Insira na linha aabaixo o código HTML do VOKI -->


Criado por: Meu nome</p>
</center>
</body>
</html>
Criando material instrucional para a WEB


Publicando
A partir da biblioteca do Voki (MyVoki) é possível inserir o código HTML ou enviar
para outros usuários.
                               Clique sobre o Avatar da coleção, e selecione as opções
                               de tamanho e código. Copie e cole a partir da janela na
                               tela. Escolha aopção “Others (JavaScript)”
Criando material instrucional para a WEB


Outros recursos para páginas HTML
Agenda do Google
Filmes do YouTube



Para criar arquivos de som
Audacity: software que permite criar e editar um arquivo de som. Possui diversos
recursos como: captura de voz a partir do microfone;criar CDs de áudio; editar diversos
formatos de arquivos de som; editar, cortar, copiar, colar e juntar faixas de áudio; cortar
e separar faixas de gravação de som, por exemplo, retirando a voz e/ou melodia de uma
música, inserir e alterar parâmetros de som a partir de filtros.
Disponível para Windows, Mac OS X e Linux
[http://audacity.sourceforge.net/download/]
Tutoriais em português:
http://penta3.ufrgs.br/tutoriais/Audacity/
Criando material instrucional para a WEB

Mais conteúdo relacionado

Destaque (15)

Voki y Weebly
Voki y WeeblyVoki y Weebly
Voki y Weebly
 
Voki
VokiVoki
Voki
 
¿Comó crear un voki?
¿Comó crear un voki?¿Comó crear un voki?
¿Comó crear un voki?
 
Voki
VokiVoki
Voki
 
Tics voki and furly
Tics voki and furlyTics voki and furly
Tics voki and furly
 
DIAPOSITIVAS VOKI
DIAPOSITIVAS VOKIDIAPOSITIVAS VOKI
DIAPOSITIVAS VOKI
 
grashias
grashias grashias
grashias
 
Correccion de cuadro de valorizacion
Correccion de cuadro de valorizacionCorreccion de cuadro de valorizacion
Correccion de cuadro de valorizacion
 
Diapositivas voki
Diapositivas vokiDiapositivas voki
Diapositivas voki
 
VOKI
VOKIVOKI
VOKI
 
Tema a tratarse
Tema a tratarseTema a tratarse
Tema a tratarse
 
Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza
 
Tutorial Para Crear Comics Con Pixton
Tutorial Para Crear Comics Con PixtonTutorial Para Crear Comics Con Pixton
Tutorial Para Crear Comics Con Pixton
 
Voki
VokiVoki
Voki
 
Como crear personajes avatar
Como crear personajes avatarComo crear personajes avatar
Como crear personajes avatar
 

Semelhante a Voki

Ferramentas de Produção Digital
Ferramentas  de Produção DigitalFerramentas  de Produção Digital
Ferramentas de Produção DigitalPaula Peres
 
Curso de formação em educação ambiental e políticas públicas
Curso de formação em educação ambiental e políticas públicasCurso de formação em educação ambiental e políticas públicas
Curso de formação em educação ambiental e políticas públicasvideoparatodos
 
Aprenda a fazer um blog!
Aprenda a fazer um blog!Aprenda a fazer um blog!
Aprenda a fazer um blog!educomuspblog
 
Aprenda a fazer um blog!
Aprenda a fazer um blog!Aprenda a fazer um blog!
Aprenda a fazer um blog!educomuspblog
 
Tutorial de-como-colocar-o-podcast-no-ar
Tutorial de-como-colocar-o-podcast-no-arTutorial de-como-colocar-o-podcast-no-ar
Tutorial de-como-colocar-o-podcast-no-arSMEC PANAMBI-RS
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicTchelinux
 
Apresentação tec 2
Apresentação tec 2Apresentação tec 2
Apresentação tec 2Crikadani
 
Workshop recursos da web 2.0 para pesquisadores
Workshop   recursos da web 2.0 para pesquisadoresWorkshop   recursos da web 2.0 para pesquisadores
Workshop recursos da web 2.0 para pesquisadoresLuciana Viter
 
Apresentação tec 2
Apresentação tec 2Apresentação tec 2
Apresentação tec 2Crikadani
 
Podomatic
PodomaticPodomatic
Podomaticsueli
 
Adobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesAdobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesdamiana guedes
 
Power point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xiraPower point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xiraMaria Laura Cavaleiro
 
Podcast modulo 3
Podcast modulo 3Podcast modulo 3
Podcast modulo 3marcsg
 
RecApoio3_Criação e Edição de Vídeos e Animações.pdf
RecApoio3_Criação e Edição de Vídeos e Animações.pdfRecApoio3_Criação e Edição de Vídeos e Animações.pdf
RecApoio3_Criação e Edição de Vídeos e Animações.pdfMirian Benevides
 
T CC - David William e Marce
T CC - David William e Marce T CC - David William e Marce
T CC - David William e Marce Notícia Web
 
Passo A Passo Webconf
Passo A Passo  WebconfPasso A Passo  Webconf
Passo A Passo WebconfAdriana Bruno
 
Memorial Descritivo Web2010
Memorial Descritivo Web2010Memorial Descritivo Web2010
Memorial Descritivo Web2010Eduardo Natario
 

Semelhante a Voki (20)

Ferramentas de Produção Digital
Ferramentas  de Produção DigitalFerramentas  de Produção Digital
Ferramentas de Produção Digital
 
Curso de formação em educação ambiental e políticas públicas
Curso de formação em educação ambiental e políticas públicasCurso de formação em educação ambiental e políticas públicas
Curso de formação em educação ambiental e políticas públicas
 
Aprenda a fazer um blog!
Aprenda a fazer um blog!Aprenda a fazer um blog!
Aprenda a fazer um blog!
 
Aprenda a fazer um blog!
Aprenda a fazer um blog!Aprenda a fazer um blog!
Aprenda a fazer um blog!
 
Tutorial de-como-colocar-o-podcast-no-ar
Tutorial de-como-colocar-o-podcast-no-arTutorial de-como-colocar-o-podcast-no-ar
Tutorial de-como-colocar-o-podcast-no-ar
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
 
Apresentação1
Apresentação1Apresentação1
Apresentação1
 
Tcc
TccTcc
Tcc
 
Apresentação tec 2
Apresentação tec 2Apresentação tec 2
Apresentação tec 2
 
Workshop recursos da web 2.0 para pesquisadores
Workshop   recursos da web 2.0 para pesquisadoresWorkshop   recursos da web 2.0 para pesquisadores
Workshop recursos da web 2.0 para pesquisadores
 
Apresentação tec 2
Apresentação tec 2Apresentação tec 2
Apresentação tec 2
 
Podomatic
PodomaticPodomatic
Podomatic
 
Adobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesAdobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliques
 
Power point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xiraPower point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xira
 
Podcast modulo 3
Podcast modulo 3Podcast modulo 3
Podcast modulo 3
 
Sessão nº 6e 7
Sessão nº 6e 7Sessão nº 6e 7
Sessão nº 6e 7
 
RecApoio3_Criação e Edição de Vídeos e Animações.pdf
RecApoio3_Criação e Edição de Vídeos e Animações.pdfRecApoio3_Criação e Edição de Vídeos e Animações.pdf
RecApoio3_Criação e Edição de Vídeos e Animações.pdf
 
T CC - David William e Marce
T CC - David William e Marce T CC - David William e Marce
T CC - David William e Marce
 
Passo A Passo Webconf
Passo A Passo  WebconfPasso A Passo  Webconf
Passo A Passo Webconf
 
Memorial Descritivo Web2010
Memorial Descritivo Web2010Memorial Descritivo Web2010
Memorial Descritivo Web2010
 

Voki

  • 1. Criando material instrucional para a WEB com o VOKI Prof. Paulo Roberto Pasqualotti ppasqualotti@gmail.com Licenciatura em Computação
  • 2. Criando material instrucional para a WEB Organização: • Ferramentas/recursos • Prática • Materiais Objetivos: • Apresentar possibilidades de criação e apresentação de materiais instrucionais no formato da internet (web) a partir da publicação em páginas HTML.
  • 3. Criando material instrucional para a WEB Ferramentas/recursos: Voki Criar avatar personalizado com recurso de voz. Possibilidades • Inserir em páginas internet • Apresentar em Blogs • Enviar por mail • Criar coleções de animações • Totalmente configurável
  • 4. Criando material instrucional para a WEB Passos Site: www.voki.com Registro * Necessário ter um mail cadastrado. O link de acesso é enviado para o mail registrado. É necessário acessar e confirmar o cadastro. Login
  • 5. Criando material instrucional para a WEB Acesso MyVoki: coleções de animações criados pelo usuário Create: criar e customizar uma apresentação animada com áudio Play: Foruns:
  • 6. Criando material instrucional para a WEB Animações Do meu site: minha coleção Voki Enviados por mim: enviados para outros usuários Enviados para mim: recebidos de outros usuários Minha conta: informações da minha conta no Voki.
  • 7. Criando material instrucional para a WEB Criando Character Style: selecionar o Avatar (personagem) entre as diversas classes e categorias (clássico, animais, personalidades) Customization: as opções variam conforme o Avatar selecionado. Pode-se mudar o cabelo, acessórios e roupas.
  • 8. Criando material instrucional para a WEB Criando Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz do usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som. O texto é lido pelo Avatar de acordo com a língua e a voz (voice) selecionada. O estilo fonético da leitura pode parecer robotizado dependendo das seleções. O Voki sugere a forma fonética (pronúncia) de uma palavra para tornar a leitura legível. * A opção FX permite inserir efeitos na voz, como: eco, velocidade, timbre, grave, etc. * O Voki aceita até 160 caracteres, incluindo espaços em branco, no texto digitado.
  • 9. Criando material instrucional para a WEB Criando Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz do usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som. O uso de microfone permite inserir a voz do usuário na criação do Avatar. * O programa solicitará o acesso e à configuração do som do computador.
  • 10. Criando material instrucional para a WEB Criando Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a voz o do usuário (exige microfone), de um texto (voz sintetizada) ou de um arquivo de som. Um arquivo de som pode ser inserido com a voz do Avatar. * Os formatos do arquivo podem ser MP3, WAV, além de outros tipos de arquivos de som conhecidos. * O arquivo deve ser pequeno para que possa ser inserido e acrescentado à apresentação.
  • 11. Criando material instrucional para a WEB Criando Background Um fundo pode ser inserido na tela do Avatar. O Voki disponibiliza diversas categorias que podem ser selecionados pelo usuário, ou inseridas do computador. * O formato aceito pelo Voki é JPG.
  • 12. Criando material instrucional para a WEB Criando Outras opções Players: permite mudar o estilo da janela onde o Avatar será apresentado. A lupa à direita da janela permite configurar a posição e tamanho do Avatar na janela. O dado escolhe aleatoriamente um Avatar da galeria disponível. A opção Color permite alterar a cor da boca, olhos, pela e cabelo do Avatar. A opção Tweak permite definir o tamanho da boca, nariz, do corpo (gordo e magro) e altura e largura da cabeça.
  • 13. Criando material instrucional para a WEB Publicando Cria a apresentação, insere na coleção do usuário e permite a publicação em página e/ou compartilhar e enviar para outro usuário. Adicionar a um site são as opções de configuração do tamanho da janela onde o Avatar aparecerá na página HTML (web). O código HTML é apresentado. Para inserir, basta copiar e colar na página. * Clique com o mouse sobre o código e copie. Abra um editor com o código HTML e cole onde deseja que a janela seja apresentada. <script language="JavaScript" type="text/javascript" src="http://vhss- d.oddcast.com/voki_embed_functions.php"></script><script language="JavaScript" type="text/javascript">AC_Voki_Embed(200,267,"27c0766327751b09ddf729 0ebfab0145",2193198, 1, "", 0);</script><BR><a href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR>
  • 14. Criando material instrucional para a WEB Publicando Modelo de uma página HTML com o código gerado pelo Voki. * O código HTML pode ser incorporado a um Blog da mesma forma que em uma página internet. <html> <head> <title>Meu primeiro Voki</title> </head> <body> <center> <p align=“center”>Página sobre o Voki... <br><br><br><hr> <!– Insira na linha aabaixo o código HTML do VOKI --> Criado por: Meu nome</p> </center> </body> </html>
  • 15. Criando material instrucional para a WEB Publicando A partir da biblioteca do Voki (MyVoki) é possível inserir o código HTML ou enviar para outros usuários. Clique sobre o Avatar da coleção, e selecione as opções de tamanho e código. Copie e cole a partir da janela na tela. Escolha aopção “Others (JavaScript)”
  • 16. Criando material instrucional para a WEB Outros recursos para páginas HTML Agenda do Google Filmes do YouTube Para criar arquivos de som Audacity: software que permite criar e editar um arquivo de som. Possui diversos recursos como: captura de voz a partir do microfone;criar CDs de áudio; editar diversos formatos de arquivos de som; editar, cortar, copiar, colar e juntar faixas de áudio; cortar e separar faixas de gravação de som, por exemplo, retirando a voz e/ou melodia de uma música, inserir e alterar parâmetros de som a partir de filtros. Disponível para Windows, Mac OS X e Linux [http://audacity.sourceforge.net/download/] Tutoriais em português: http://penta3.ufrgs.br/tutoriais/Audacity/