31
Agentes Pedagógicos Animados Prof. Eliseo Berni Reategui UCS [email protected] Profa. Márcia Cristina Moraes FACIN/PUCRS [email protected] 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

  • Upload
    lamthuy

  • View
    224

  • Download
    0

Embed Size (px)

Citation preview

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

Agentes Pedagógicos Animados

Prof. Eliseo Berni ReateguiUCS

[email protected]

Profa. Márcia Cristina MoraesFACIN/PUCRS

[email protected]

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

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

“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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 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