alberto raposo tecgraf, depto de informática., puc-rio...
TRANSCRIPT
![Page 1: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/1.jpg)
3D User Interfaceshttp://www.tecgraf.puc-rio.br/~abraposo/inf2792/
Aula 01 – Introdução
Alberto Raposo
Tecgraf, Depto de Informática.,PUC-Rio - Rio de Janeiro
Aula 01 – Introdução
abraposo@
![Page 2: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/2.jpg)
Tipos de interface
1980s interfaces
Command
WIMP/GUI
1990s interfaces
Advanced graphical (multimedia, virtual reality, information visualization)
Web
Speech (voice)
Pen
Appliance Appliance
2000s interfaces
Mobile
Gesture and touch
Multimodal
Shareable
2010s interfaces
Multi-touch
Game consoles: Wiimote, Kinect (device-free)
Tangible ?
Augmented and mixed reality ?
Wearable ?
Robotic ?
![Page 3: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/3.jpg)
User Experience
• Como o produto se “comporta” e como é usado pelas pessoas no mundo real– Opinião das pessoas sobre o produto e sua satisfação ao
usá-lo, olhá-lo, manuseá-lo, etc.
– “todo produto que é usado por alguém provê uma experiência de usuário: jornais, garrafas de catchup, roupas, experiência de usuário: jornais, garrafas de catchup, roupas, etc.” (Garrett, 2003)
• Não se pode projetar uma experiência de usuário, mas se pode projetar para uma experiência de usuário
![Page 4: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/4.jpg)
User Experience
experiências
aplicações Interaction
Usability, accessibility
aplicações
ferramentas
componentes Hardware devices
APIs, frameworks, etc.
Interaction
![Page 5: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/5.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 6: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/6.jpg)
Interfaces de comandos
• Commands such as abbreviations (e.g., ls) typed in at the prompt to which the system responds (e.g., listing current files)
• Some are hard wired at keyboard, e.g., delete
• Efficient, precise, and fast• Efficient, precise, and fast
• Large overhead to learning set of commands
• Form, name types and structure are key research questions
• Consistency is most important design principle
– e.g., always use first letter of command
![Page 7: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/7.jpg)
WIMP/GUI interfaces
• Xerox Star: first WIMP
• Windows
– could be scrolled, stretched, overlapped, opened, closed, and moved around the screen using themousemouse
• Icons
– represented applications, objects, commands, and tools that were opened when clicked on
• Menus
– offering lists of options that could be scrolled through and selected
• Pointing device
– a mouse controlling the cursor as a point of entry to the windows, menus, and icons on the screen
![Page 8: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/8.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 9: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/9.jpg)
Desktop PC
• Display do computador como representação visual de
uma mesa onde documentos e pastas são organizados
• Vantagem: organização!
![Page 10: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/10.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 11: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/11.jpg)
Leis físicas
Denoue (2003)WebBook - Card(1996) WebForager- Card(1996)
BumpTop (2006)
![Page 12: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/12.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 13: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/13.jpg)
3D interfaces
• Espaço de um único display é pequeno. Se
considerássemos a equivalência a um desktop físico:
• Soluções:
– Múltiplos monitores
– 3D interfaces
![Page 14: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/14.jpg)
3D interfaces
Microsoft’s Task Gallery Windows Vista
3D Desktops
http://www.youtube.com/watch?v=4QokOwvPxrE&feature=related
![Page 15: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/15.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 16: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/16.jpg)
Escritoire
• Papéis digitais tratados como reais
– Aparência similar
– Interação similar (caneta rastreada)
![Page 17: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/17.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 18: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/18.jpg)
TUI - Tangible User Interfaces
MetaDESK (1997)
Sensetable (2001)
![Page 19: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/19.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 20: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/20.jpg)
Multi-Touch
Microsoft Surface (2007)
SmartSkin(2002)iP*
![Page 21: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/21.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 22: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/22.jpg)
Interface híbridas
• Diferentes formas de interação em um único
espaço de interação
Butz, et al. (1999)Rekimoto and Saitoh (1999)
![Page 23: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/23.jpg)
Digital < Interfaces > Real
GUI DesktopMetaphor
TUI
Virtual | Real
Real Desktop + Virtual data
Forms3D
Bodylanguage
Command LineGUI
GUI + Visual & Interactions inspiredin physical laws
Multi-touchWIMP
Virtual data Forms
3D
Hybridinterfaces
![Page 24: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/24.jpg)
MS Kinect / Wii U
http://www.youtube.com/watch?v=4e3qaPg_keg
![Page 25: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/25.jpg)
E ainda...
• Mobile + AR
![Page 26: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/26.jpg)
E ainda...
• Haptics / tactile interfaces
![Page 27: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/27.jpg)
E ainda...
• Shareable (interfaces compartilhadas)
Smartboard
![Page 28: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/28.jpg)
E ainda...
• Wearable
![Page 29: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/29.jpg)
E ainda...
• Robotic
Giraffe Video Conferencing Robot
![Page 30: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/30.jpg)
E ainda...
• O que mais inventarem
![Page 31: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/31.jpg)
Alguns contínuos que ajudam a entender
• Milgram & Kishino 1994
Mixed Reality (MR)Mixed Reality (MR)
Virtual
Environment
Real
EnvironmentAugmented
Virtuality (AV)
Augmented
Reality (AR)
![Page 32: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/32.jpg)
Definições
• Realidade Virtual (VR):
– “computer generated interactive tridimensional
environment, into which a person is immersed”
– “immersive and interactive experience based on – “immersive and interactive experience based on
3D graphical images generated in real-time by
computers”
– “a form of post-WIMP
interface”
![Page 33: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/33.jpg)
Definições
• Realidade Virtual:
– Combinação de 4 elementos
• Mundo virtual
– Espaço imaginário geralmentemanifestado através de um meio
• Imersão• Imersão
– Mental
– Física: estímulo sintético de sentidos do corpo
• Feedback sensorial
– Baseado na posição física do usuário
» Geralmente feedback visual, às vezes auditivo e háptico (toque)
• Interatividade
– Capacidade de afetar o mundo virtual
![Page 34: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/34.jpg)
Definições
• Realidade Aumentada (AR):
– Um sistema de AR apresenta as seguintes
caracterísitcas
• combina objetos reais e virtuais em um ambiente real
• opera interativamente, em tempo real• opera interativamente, em tempo real
• registra (alinha) objetos reais e virtuais
![Page 35: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/35.jpg)
Definições
• Virtualidade Aumentada:
– Ambiente Virtual aumentado com elementos do
mundo real
![Page 36: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/36.jpg)
E ainda...
• Realidade diminuída
![Page 37: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/37.jpg)
Alguns contínuos que ajudam a entender
• Molina 2008
Mixed Reality (MR)Mixed Virtuality (MV) Mixed Reality (MR)
Virtual
Environment
Real
EnvironmentAugmented
Virtuality (AV)
Augmented
Reality (AR)
Mixed Virtuality (MV)
Digital
Environment Hybrid 2D/3D
interfaces
![Page 38: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/38.jpg)
Molina´s continuun
![Page 39: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/39.jpg)
Molina´s continuun
![Page 40: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/40.jpg)
Molina´s continuun
Looking Glass [Sun]
![Page 41: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/41.jpg)
Molina´s continuun
![Page 42: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/42.jpg)
E, afinal, o que é 3DUI ?
![Page 43: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/43.jpg)
Definição formal de 3DUI
• 3DUIs geralmente não são chamadas por este
nome, mas por outros termos como, por
exemplo, post-WIMP, non-WIMP, post-PC,
Virtual Reality (VR), Virtual Environments
(VE), Augmented Reality (AR), interactive 3D (VE), Augmented Reality (AR), interactive 3D
graphics, ou simplesmente 3-D.
• Todos esses termos estão relacionados ao uso
de tecnologia 3D como uma interface entre o
usuário e o computador, como entrada, saída,
ou ambos.
![Page 44: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/44.jpg)
Definição formal de 3DUI
• 3D como entrada
– Mouse 3D
– Rastreamento
• Cabeça
• Mãos• Mãos
• Movimentos, gestos
– Mapeamento de 3D em dispositivos 2D
• 3D como saída
– Virtual environments
– Estereoscopia
– AR
![Page 45: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/45.jpg)
Definição formal de 3DUI
• Uma definição formal para 3DUI
…a human-computer interface in which the
language used by the user to introduce commands
and information into the computer, and/or the
language used by the computer to present language used by the computer to present
information to the user, are based on the physical
space and its three dimensions.
• Cobre as várias maneiras em que 3DUI pode aparecer
em diferentes tipos de aplicações.
![Page 46: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/46.jpg)
Refinando um pouquinho mais
• Interação 3D: Interação Humano-Computador em que as tarefas do usuário ocorrem em um contexto espacial 3D– Dispositivos de entrada 3D
– Dispositivos de entrada 2D com mapeamento direto para 3D3D
• 3DUI: UI que envolve Interação 3D
• Técnica de interação 3D: método (hardware ou software) que permite ao usuário realizar uma tarefa numa 3DUI
Curso CHI 2008 (D. Bowman et al.) http://people.cs.vt.edu/~bowman/3dui.org/CHI_2008.html
![Page 47: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/47.jpg)
Por que 3D UI é útil?
• Reforça sentimento de imersão
• Usa habilidades naturais do usuário
• Baixa distância cognitiva entre ação e visualização �permite montar modelos mentais complexos
• Problema: o que “funciona” atualmente são interações 3D bem simples: walkthroughs, games, etc. Interações 3D mais complexas (design imersivo, visualização científica, etc) ainda têm muitas limitações de usabilidade
![Page 48: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/48.jpg)
Por que 3DUI demorou tanto?
Fonte: S. Feiner, course notes: http://monet.cs.columbia.edu/courses/csw4172/
![Page 49: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/49.jpg)
BRETAM: Modelo de Evolução da Tecnologia
ko
wn
led
ge
time
B. R. Gaines. Modeling and forecasting the information sciences.Information Sciences: an International Journal, 57-58: 3-22. 1991.
![Page 50: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/50.jpg)
BRETAM: Modelo de Evolução da Tecnologia
VR
AR
![Page 51: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/51.jpg)
BRETAM: VR
1960’s
1970’s-1980’s
1980’s – 1990’s
1990’s – 2000’s
Now
1990’s – 2000’s
![Page 52: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/52.jpg)
BRETAM: AR
1970’s
1980’s – 1990’s
Now
![Page 53: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/53.jpg)
Trabalho para turma 2009.1
• Assim como foi feito para VR e AR, “desenhar” o
modelo BRETAM para o desenvolvimento de 3DUIs,
indicando em que fase nos encontramos hoje e como
os exemplos históricos se encaixam nas fases
anteriores do BRETAM anteriores do BRETAM
– Refs sobre BRETAM
• http://pages.cpsc.ucalgary.ca/~gaines/reports/MFIT/InfSci/index.ht
ml
• B. R. Gaines. Modeling and forecasting the information sciences.
Information Sciences: an International Journal, 57-58: 3-22. 1991.
![Page 54: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/54.jpg)
Multi Touch
1982: Flexible Machine Interface
2007~
1990’s~2000’s
http://www.billbuxton.com/multitouchOverview.html
![Page 55: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/55.jpg)
3DUI no modelo BRETAM3DUI no modelo BRETAM
Rodrigo Veiga
![Page 56: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/56.jpg)
Diversos estágiosDiversos estágios
• 3DUI pode ser encontrada em diversos
estágios do BRETAM, principalmente em:
– Research
– Product Innovation– Product Innovation
– Product Line
– Low-Cost Products
– Depende do tipo de interface que estamos tratando
![Page 57: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/57.jpg)
3DUI 3DUI -- ResearchResearch
• Variação de dispositivos
• “Finger Tracks”
![Page 58: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/58.jpg)
3DUI 3DUI –– Product InnovationProduct Innovation
• Entrevistas por “holograma” (usadas pela
CNN)
• Sonda usada em marte• Sonda usada em marte
• Wearable
![Page 59: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/59.jpg)
3DUI 3DUI –– Product LinesProduct Lines
• MS Surface Table
• Captura de movimentos 3d
(para jogos de simulação)
• Wii
• Wii Fit?
![Page 60: Alberto Raposo Tecgraf, Depto de Informática., PUC-Rio ...webserver2.tecgraf.puc-rio.br/~abraposo/inf2792/... · • Windows – could be scrolled, stretched, overlapped, opened,](https://reader034.vdocuments.us/reader034/viewer/2022042308/5ed49cda7c702a699d3e36e3/html5/thumbnails/60.jpg)
3DUI 3DUI –– Low Cost ProductsLow Cost Products
• Multitouch em celulares
• Utilização de acelerômetro para detectar
posiçõesposições
• “Fliperamas” 3D (luta, futebol, etc)