Criando material instrucional
  para a WEB com o VOKI
       Prof. Paulo Roberto Pasqualotti
          ppasqualotti@gmail....
Criando material instrucional para a WEB


Organização:
      • Ferramentas/recursos
      • Prática
      • Materiais
Obj...
Criando material instrucional para a WEB


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


Pos...
Criando material instrucional para a WEB


Passos
Site: www.voki.com


Registro
* Necessário ter um mail cadastrado.

O li...
Criando material instrucional para a WEB


Acesso




MyVoki: coleções de animações criados pelo usuário
Create: criar e c...
Criando material instrucional para a WEB


Animações




Do meu site: minha coleção Voki
Enviados por mim: enviados para o...
Criando material instrucional para a WEB


Criando
Character Style: selecionar o Avatar (personagem) entre as diversas cla...
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a...
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a...
Criando material instrucional para a WEB


Criando
Voice: a voz do Avatar pode ser inserida de diversas formas: gravando a...
Criando material instrucional para a WEB


Criando
Background
Um fundo pode ser inserido na tela do Avatar. O Voki disponi...
Criando material instrucional para a WEB


Criando
Outras opções
Players: permite mudar o estilo da janela onde o Avatar s...
Criando material instrucional para a WEB


Publicando
Cria a apresentação, insere na coleção do usuário e permite a public...
Criando material instrucional para a WEB


Publicando
Modelo de uma página HTML com o código gerado pelo Voki.
* O código ...
Criando material instrucional para a WEB


Publicando
A partir da biblioteca do Voki (MyVoki) é possível inserir o código ...
Criando material instrucional para a WEB


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



Para cr...
Criando material instrucional para a WEB
Próximos SlideShares
Carregando em…5
×

Voki

3.560 visualizações

Publicada em

Publicada em: Tecnologia, Educação
1 comentário
1 gostou
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
3.560
No SlideShare
0
A partir de incorporações
0
Número de incorporações
521
Ações
Compartilhamentos
0
Downloads
17
Comentários
1
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Voki

  1. 1. Criando material instrucional para a WEB com o VOKI Prof. Paulo Roberto Pasqualotti ppasqualotti@gmail.com Licenciatura em Computação
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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/
  17. 17. Criando material instrucional para a WEB

×