O documento apresenta o recurso Voki, que permite criar avatares personalizados com voz. Ele descreve os passos para criar uma conta no site do Voki, customizar um avatar com voz, imagem de fundo e outras opções, e publicá-lo em uma página da web ou compartilhá-lo. Ele também menciona outros recursos como a agenda do Google e vídeos do YouTube que podem ser incorporados em páginas HTML, e o software Audacity para editar arquivos de áudio.
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/