Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8....
Transcript of Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8....
![Page 1: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/1.jpg)
Agentes Pedagógicos Animados
Prof. Eliseo Berni ReateguiUCS
Profa. Márcia Cristina MoraesFACIN/PUCRS
1
![Page 2: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/2.jpg)
1. Introdução
Agentes de
Interface:
personagens
colocados em uma
interface com o
principal objetivo
de melhorar a
comunicação com
o usuário.
VOLTRUZITO
LUCY
![Page 3: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/3.jpg)
“Interação com agente animado
torna a interface mais amigável”
Mecanismos de
interação semelhantes
aos empregados pelo
homem são
supostamente mais
atrativos e simples
Premissa
1. Introdução
3
![Page 4: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/4.jpg)
Num artigo do jornal The New York Times de
setembro de 2000 é relatado um caso de utilização
de assistente virtual em um website de
comercialização de flores. O assistente auxilia os
usuários a comprarem recomendando tipos
diferentes de arranjos e de flores de acordo com as
preferências dos clientes.
Assistentes Virtuais
4
![Page 5: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/5.jpg)
manifestation.com/neurotoys/eliza.php3
1. Introdução
5
![Page 6: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/6.jpg)
I would like some information on Microsoft agents
Are you also an agent?
EliseoThanks a lot for your help!
1. Introdução
6
![Page 7: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/7.jpg)
http://www.icogno.com/george.html
1. Introdução
7
![Page 8: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/8.jpg)
Entretenimento: personagens animados com os quais o
usuário pode interagir e desencadear reações variadas.
Comunicação: têm como objetivo levar ao usuário, por email
ou pela internet, convites e mensagens pessoais.
Navegação: personagens que aparecem em algum canto da
tela e acompanham o usuário, trazendo dicas, explicações.
Broadcasting: trazem notícias periodicamente.
Comércio: representantes virtuais que apresentam serviços,
produtos e acompanham o cliente em sua visita à empresa/loja.
Educação: têm como objetivo servir como agentes
pedagógicos, atuando como um professor virtual que guia o
aluno em ambientes interativos.
2. Categorias
8
![Page 9: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/9.jpg)
ADELE
� Ambiente web
� Aplicações de diagnóstico clínico
� Destaca aspectos, monitora e dásugestões ao aluno
COSMO
� Ambiente virtual de roteadoresconectados.
� Explica conceitos, dá sugestões e observa as soluções dos alunos.
Educação
2. Categorias
9
![Page 10: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/10.jpg)
Acione a ajuda do agente James!
Componentes prontos que contém diversos recursos
programáveis;
agentes agem e reagem a ações do usuário, tornando-se
bastante verossímeis.
3. Agentes Animados Microsoft
10
![Page 11: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/11.jpg)
3. Os Agentes Animados Microsoft
Página WEB
11
![Page 12: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/12.jpg)
Apresentação Powerpoint
3. Os Agentes Animados Microsoft
12
![Page 13: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/13.jpg)
3. Os Agentes Animados Microsoft
13
![Page 14: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/14.jpg)
3. Os Agentes Animados Microsoft
14
![Page 15: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/15.jpg)
15
![Page 16: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/16.jpg)
3. Os Agentes Animados Microsoft
16
![Page 17: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/17.jpg)
3. Os Agentes Animados Microsoft
17
![Page 18: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/18.jpg)
3. Os Agentes Animados Microsoft
18
![Page 19: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/19.jpg)
1o Passo 2o Passo
Arquivos com os personagens Sistema Text-to-Speech
3. Os Agentes Animados Microsoft
19
![Page 20: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/20.jpg)
Arquivos com os personagens
http://www.microsoft.com/msagent/downloads/user.asp
1o Passo 2o Passo
3. Os Agentes Animados Microsoft
![Page 21: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/21.jpg)
Personagens Microsoft
Personagens Outras Empresas
1o Passo 2o Passo
3. Os Agentes Animados Microsoft
21
![Page 22: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/22.jpg)
Sistema Text-to-Speech
• Permite que os agentes se comuniquem com o usuário
através da verbalização oral das frases;
• Programa que converte os textos escritos em sons;
• Várias línguas estão disponíveis, dentre elas o português;
• Vozes femininas ou masculinas estão disponíveis
1o Passo 2o Passo
3. Os Agentes Animados Microsoft
22
![Page 23: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/23.jpg)
Sistema Text-to-Speechhttp://www.microsoft.com/msagent/downloads/user.asp
1o Passo 2o Passo
3. Os Agentes Animados Microsoft
23
![Page 24: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/24.jpg)
Apresentação Powerpoint Página Web
3. Os Agentes Animados Microsoft
Programação Scripts – Slide 10
24
![Page 25: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/25.jpg)
4. Construção Gráfica de um Personagem
Utilização de Ferramentas Gráficas
• Criar o personagem graficamente;
• Utilizar editor gráfico para gerar quadros das animações:
• Photoshop, Photoplus, Paintbrush, ...;
• Gerar imagens .BMP ou .GIF
25
![Page 26: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/26.jpg)
4. Construção Gráfica de um Personagem
26
![Page 27: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/27.jpg)
4. Construção Gráfica de um Personagem
27
![Page 28: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/28.jpg)
5. Considerações Finais
Os agentes de
interface têm sido cada
vez mais empregados
para criar formas de
interação amigáveis,
introduzindo
componentes afetivos
que alteram a forma
com que o usuário
percebe sua
comunicação com a
máquina
28
![Page 29: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/29.jpg)
5. Considerações Finais
• Lester et al. (1997), mostraram que a presença da figura humana
teve um efeito positivo nas experiências interativas dos estudantes.
• André et al. (1999) mostraram que estudantes consideraram o
assunto em estudo menos difícil e a apresentação mais lúdica na
presença de um agente pedagógico. A maior parte dos estudantes
afirmou que o agente os auxiliou a prestar atenção a informações
relevantes.
• Pandzic et al. (1999) mostraram os benefícios que poderiam ser
obtidos com a utilização de animaçõees faciais, concluindo que o
serviço com animações faciais é considerado mais humano e provoca
sentimentos mais positivos do que o serviço apenas com áudio.
• Blom e Monk (2001) demonstraram que personagens com
capacidade de personalizar elementos do diálogo podem aumentar o
envolvimento destes e reduzir a carga de trabalho.
29
![Page 30: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/30.jpg)
Comentários negativos foram relacionados seja ao
pequeno número de animações do personagem, seja à
sua capacidade limitada de racioncínio.
GO
OD
• Personagens deram boas dicas
• Personagem foi muito útil
• O personagem torna o website mais divertido
Comentários positivos
5. Considerações Finais
30
![Page 31: Agentes Pedagógicos Animados - cinted.ufrgs.br · aluno em ambientes interativos. 2. Categorias 8. ADELE Ambiente web Aplicações de diagnóstico clínico Destaca aspectos, monitora](https://reader030.fdocumentos.tips/reader030/viewer/2022021719/5bad05d009d3f29b4f8cce58/html5/thumbnails/31.jpg)
• Nossos personagens: capazes de identificar o
usuário apresentar recomendações personalizadas
• Facilidade de interação: percepção de uma experiência de
navegação mais fácil
• Recomendações: personagens tiveram um efeito positivo na
apresentação de recomendações aos usuários.
Trabalhos futuros
• Emprego de dados sócio-afetivos para dotar os personagens da
capacidade de recomendação de estudantes tutores
Novidade dos personagens
5. Considerações Finais
31