Apresentação de motivação e suporte à Unidade 2 - Introdução à teoria da interactividade da disciplina de Aplicações Informáticas B

1. Introdução
à
Teoria
da
Interactividade
Aplicações
Informáticas
B
João
Sá

2. Objectivos
§ Caracterizar
a
interface
homem-­‐máquina
§ Compreender
o
conceito
de
realidade
virtual
§ Compreender
o
conceito
de
interactividade
§ Reconhecer
características
da
interactividade

3. Temas
/
conteúdos
§ Do
GUI
aos
ambientes
imersivos
§ Realidade
virtual
§ O
conceito
de
interactividade
§ Características
ou
componentes
da
interactividade
§ Níveis
e
tipos
de
interactividade
§ Como
avaliar
soluções
interactivas
§ O
desenho
de
soluções
interactivas

4. do
GUI
aos
ambientes
imersivos

5. Graphical
User
Interface
h"p://blue2darknight.files.wordpress.com/2011/01/vision.gif
GUI

6. ambientes
imersivos
h"p://www.govconexecu@ve.com/wp-­‐content/uploads/2011/01/lockheed-­‐CHIL.jpg

7. ?
o
que
têm
em
comum

8. sentidos
h"p://cdn.theatlan@c.com/sta@c/infocus/afg050311/a01_849f48e5.jpg

10. realismo
h"p://webguyunlimited.com/pixelperfectgaming/wp-­‐content/gallery/fifa_11_ul@mate_team/fifa_11_ut_screenshot_01.jpg

11. ergonomia
h"p://4photos.net/photosv3/chair_ergonomics_design_1315826816.jpg

12. ERGON
trabalho
ergonomia
NOMOS
leis / regras

13. ergonomia
Procura
optimizar
as
condições
de
trabalho,
segundo
critérios
de
eficiência,
conforto
e
segurança.
Disciplina
científica
que
se
dedica
ao
estudo
das
interacções
entre
seres
humanos
e
outros
elementos
de
um
sistema.
Dedica-­‐se
a
projectar
o
trabalho,
os
equipamentos
e
o
ambiente
adaptados
ao
bem
estar
do
trabalhador,
tornando-­‐os
adequados
às
necessidades,
habilidades
e
limitações
das
pessoas.

14. realidade
virtual
h"p://clevr.net/img/conversa@on.png

15. realidade
virtual
Permite
às
pessoas
visualizar,
manipular
e
interagir
com
computadores
e
dados
de
elevada
complexidade.
“A
RV
é
o
paradigma
pelo
qual
se
usa
um
computador
para
interagir
com
algo
que
não
é
real,
mas
que
pode
ser
considerado
real
enquanto
está
a
ser
utilizado”
Jerry
Isdale,
1993
“A
RV
engloba
um
conjunto
de
técnicas
e
ferramentas
gráficas
3D
que
permitem
a
interacção
dos
utilizadores
com
um
ambiente
gerado
por
computador,
em
tempo
real,
com
pequena
ou
nenhuma
consciência
de
estar
a
utilizar
uma
interface
utilizador-­‐computador”
Jean
Leston,
1996

16. h"p://game-­‐server-­‐hos@ng.net/wp-­‐content/uploads/2008/12/virtual%20carbine.jpg
imersiva
realidade
não
imersiva
realidade
h"p://cdn.24.com/files/Cms/General/d/975/e2e57a6b7de8426995778218bbde553c.jpg

17. realidade
imersiva
realidade
não
imersiva
§ Requer
equipamentos
adicionais,
como
capacetes,
óculos,
salas
de
projecção
ou
§ Uso
de
monitores
e
luvas
dispositivos
comuns
§ Coordenação
de
§ Interfaces
“tradicionais”
diferentes
sentidos

18. cenários
de
aplicação
da
realidade
virtual

19. entretenimento
h"p://kelliehosaka.com/wp-­‐content/uploads/2009/11/Virtual-­‐Reality-­‐Game.jpg

20. medicina
h"p://laparoscopy.blogs.com/laparoscopy_today/images/7-­‐2/KanumuriFigure2.jpg

21. desporto
h"p://cdn.coolest-­‐gadgets.com/wp-­‐content/uploads/2011/12/virtual-­‐treadmill.jpg

22. treino
profissional

23. treino
militar
h"p://psychnews.psychiatryonline.org/data/Journals/PN/4163/img_0230.jpeg

24. actividades
profissionais
h"p://www.vdtc.de/images/virtuell-­‐training-­‐luYfahrt-­‐gr.jpg

25. actividades
profissionais
h"p://www.uni-­‐paderborn.de/uploads/upb_aktuell/Uni_Paderborn_-­‐_Maschinenbau_-­‐_Virtual_Reality_01.jpg

26. ?
interactividade

27. interactividade
Comunicação
recíproca
Faculdade
de
permuta
entre
um
utilizador
de
um
sistema
informático
e
a
máquina
“Ser
interactivo
significa
ter
capacidade
para
fornecer
informação
como
resultado
da
introdução
de
dados,
num
processo
resultante
de
modos
de
realimentação
sustentáveis
e
algo
imprevisíveis.
Envolve
a
capacidade
para
mudar
o
raciocínio
do
utilizador,
de
o
interromper
e
de
o
surpreender
genuinamente
ao
propiciar
situações
inesperadas.”
Fonte:
http://www.univ-­‐ab.pt/~bidarra/sistemasmm/Sistemas%20Multim%C3%A9dia-­‐164.htm

28. h"p://assets.vr-­‐zone.net/13701/LG.jpg

29. propostas
de
trabalho
§ do
MS-­‐DOS
aos
sistemas
multitouch:
evolução
das
interfaces
gráficas
em
sistemas
informáticos
§ como
avaliar
e
caracterizar
a
interactividade?
§ desenho
de
soluções
interactivas:
boas
e
más
práticas
§ interfaces
não
visuais
§ web
sites
e
interfaces:
bons
e
maus
exemplos
§ equipamentos
e
ergonomia:
bons
e
maus
exemplos
§ realidade
virtual:
estado
da
arte
§ realidade
virtual:
software
e
equipamentos

30. interactividade
ao
desenvolver
aplicações
multimédia,
a
ênfase
deve
estar
no
modo
como
os
utilizadores
acedem,
manipulam
e
navegam
através
dos
conteúdos.

31. características/componentes
da
interactividade

32. comunicação
|
características
ou
componentes
da
interactividade
transmissão
recíproca
entre
o
utilizador
e
o
sistema,
através
de
dispositivos
periféricos
ligados
ao
sistema

33. feedback
|
características
ou
componentes
da
interactividade
regular
a
manipulação
dos
objectos
do
ambiente
virtual
a
partir
dos
estímulos
“resposta
a
uma
acção”
implica
algum
tipo
de
controlo

34. tempo
de
resposta
|
interactividade
tempo
que
decorre
entre
a
acção
do
utilizador
sobre
um
dos
objectos
do
ambiente
virtual
e
a
correspondente
alteração
(resposta)
criada
pelo
sistema

35. adaptabilidade
|
características
ou
componentes
da
interactividade
capacidade
que
o
sistema
possui
de
alterar
o
ambiente
virtual
em
função
das
acções
do
utilizador
sobre
os
objectos

36. criatividade
|
características
ou
componentes
da
interactividade
criar
algo
novo
e
diferente
inovar

37. produtividade
|
características
ou
componentes
da
interactividade
está
relacionada
com
a
criatividade,
considerando
alguns
autores
que,
no
contexto
da
interactividade,
são
a
mesma
coisa

38. níveis
segundo
a
relação
homem-­‐máquina

39. níveis
Controlo
do
conteúdo
Limitado
Alargado
Limitado
Controlo
da
estrutura
Reac@va
Coac@va
Alargado
Coac@va
Proac@va

40. nível
de
interactividade
reactiva
utilizador
tem
um
controlo
limitado
sobre
o
conteúdo
do
ambiente
virtual
a
interacção
e
o
feedback
são
controlados
pelo
sistema
e
seguem
um
caminho
pré-­‐programado

41. nível
de
interactividade
coactiva
o
utilizador
tem
o
controlo
da
sequência,
do
ritmo
e
do
estilo
das
acções
desenvolvidas
sobre
o
conteúdo
do
ambiente
virtual

42. nível
de
interactividade
proactiva
o
utilizador
tem
o
controlo
da
estrutura
e
do
conteúdo
das
acções
desenvolvidas
no
ambiente
virtual
o
utilizador
controla
dinamicamente
o
desenvolvimento
do
conteúdo

43. níveis
segundo
a
acção
sensorial

44. nível
de
interactividade
elevada
o
utilizador
está
completamente
imerso
num
ambiente
virtual,
onde
são
estimulados
todos
os
seus
sentidos

45. nível
de
interactividade
média
apenas
alguns
sentidos
do
utilizador
estão
a
ser
utilizados/estimulados
e
este
exerce
um
controlo
limitado
sobre
o
desenrolar
da
acção

46. nível
de
interactividade
baixa
apenas
alguns
sentidos
do
utilizador
estão
a
ser
utilizados/estimulados
e
o
utilizador
não
se
sente
como
parte
do
ambiente
virtual

47. tipos
de
interactividade

48. linear
|
tipos
de
interactividade
o
utilizador
define
o
sentido
da
sequência
acede
à
seguinte
ou
à
precedente
reactiva
Exemplo:
virar
de
página
num
documento

49. de
suporte
|
tipos
de
interactividade
o
utilizador
recebe
apoio
do
sistema
– mensagens
de
ajuda
– manuais
e
documentação
reactiva
Exemplo:
ajuda
do
windows

50. hierárquica
|
tipos
de
interactividade
o
utilizador
navega
no
sistema
através
de
um
conjunto
pré-­‐definido
de
opções
reactiva
Exemplo:
gestor
de
ficheiros/explorador

51. sobre
objectos
|
tipos
de
interactividade
o
utilizador
activa
objectos
usando
o
rato
ou
outro
dispositivo
os
objectos
alteram
o
seu
funcionamento
proactiva
Exemplo:
ícones
no
ambiente
de
trabalho

52. reflexiva
|
tipos
de
interactividade
o
sistema
efectua
perguntas
às
quais
o
utilizador
responde
pode
comparar
as
suas
respostas
com
as
de
outros
utilizadores
ou
com
as
de
especialistas
proactiva
Exemplo:
exercícios
de
escolha
múltipla
com
resposta
aberta

53. de
hiperligação
|
tipos
de
interactividade
o
sistema
tem
definidas
as
ligações
possíveis
entre
os
seus
elementos,
por
exemplo,
assegurando
todos
os
trajectos
possíveis
proactiva
Exemplo:
jogos
narrativos

54. de
actualização
|
tipos
de
interactividade
permite
gerar
conteúdos
actualizados
e
individualizados
em
resposta
às
acções
do
utilizador
pode
recorrer
a
técnicas
de
IA
proactiva
Exemplo:
jogo
RPG

55. construtiva
|
tipos
de
interactividade
é
uma
extensão
da
interactividade
de
actualização
o
utilizador
constrói
um
modelo
a
partir
do
manuseamento
de
objectos
e
componentes
proactiva
Exemplo:
second
life

56. como
avaliar
?
soluções
interactivas

57. Aspectos
a
considerar
§ Tecnológicos
§ Alterações
psicológicas
nos
utilizadores
§ Alterações
sociais
nos
utilizadores
§ Qualidade
da
aplicação

58. Características
a
considerar
§ Dispositivos
e
seu
funcionamento
/
ergonomia
§ Qualidade
gráfica
e
realismo
§ Imersão
do
utilizador
§ Cores
§ Som
§ Estimulação
táctil
e
percepção
da
força
§ Funcionamento
§ Características
específicas
da
área

59. Exercício
Analisar
a
apresentação
disponível
em
http://www.slideshare.net/usabilidoido/minicurso-­‐avaliao-­‐de-­‐interfaces
Resumir
e
apresentar
as
principais
abordagens
para
avaliação
de
interfaces

60. desenho
de
soluções
interactivas

61. Exercícios
1. Quais
os
requisitos
a
considerar
antes
de
desenhar
soluções
interactivas?
2. Que
ferramentas
podem
ser
utilizadas
para
o
desenvolvimento
de
soluções
interactivas?
3. O
que
é
o
VRML?
4. Investiga
genericamente
as
ferramentas
DI-­‐
Guy,
Gizmo3D
e
CAVELib.

62. Outras
imagens
Capa
http://smartgoalsguide.com/wp-­‐content/uploads/Goals-­‐MISSEDDARTS2.jpg
Temas
/
conteúdos
http://www.ecotoys.com.au/product-­‐pics/Dinasour-­‐Jigsaw-­‐Puzzle2.jpg
Objectivos
http://abaldaia.files.wordpress.com/2010/02/objectives.jpg
Comunicação
http://4.bp.blogspot.com/_HmWj5wYQTE0/S1oRnhdFqaI/AAAAAAAAAyQ/j07vw1tU6zQ/s320/Public-­‐Relations-­‐Strategies-­‐Communication-­‐and-­‐Your-­‐
Customers
Feedback
http://www.impactlearning.com/wp-­‐content/uploads/customer-­‐satisfaction-­‐feedback-­‐form.jpg
Tempo
http://us.cdn1.123rf.com/168nwm/mnyjhee/mnyjhee0911/mnyjhee091100007/5837019-­‐running-­‐stopwatch-­‐in-­‐the-­‐hand-­‐vertical-­‐composition-­‐isolated-­‐
on-­‐white.jpg
Adaptabilidade
http://www.ecotoys.com.au/product-­‐pics/335026.jpg
Criatividade
http://www.peacefulmind.com/images/design/creativity.gif
Produtividade
http://www.syncsoft.com.br/img/produtividade_na_empresa.jpg
Exercício
http://www.logismarket.pt/ip/vermonil-­‐criatividade-­‐e-­‐webdesign-­‐criatividade-­‐e-­‐webdesign-­‐vermonil-­‐565280-­‐FGR.jpg