• Like
EC Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

EC Presentation

  • 341 views
Published

Presentation about Human-Machine Interaction

Presentation about Human-Machine Interaction

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
341
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
9
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Segundo StuartCard -> ler
  • É, portanto,....
  • A visualização de informação é uma forma de comunicação visual, que se constitui como...
  • É importante salientar que a comunicação visual e a visualização de dados não são uma e a mesma coisa. Embora partilhem características (entre as quais, o meio de difusão de informação, visual)...
  • Porque é, então, importante a comunicação visual? Se for digital pode ser dinâmica, com manipulação de dados em tempo real
  • Atenção que se trata de uma teoria. Na realidade, o que deriva deste estudo é a ideia de que, tendo em conta a população global total, estamos todos interligados por um número comparativamente pequeno de relacionamentos.
  • O Primeiro modo “UNIFORMIZADO” de introdução de dados e programas nos computadores foi o cartão perfurado. É a HermanHollerith que se deve a implementação destes cartões de modo a conterem informação que pudesse ser lida pelas máquinas. (O QUE TÁ NO SLIDE? NÃO ESTÁ A ENFEITAR...)
  • Em meados do século XX começaram a ser substituídos pelas fitas magnéticas como meio de armazenamento. Com o início da separação entre a interacção e visualização dos dados e o seu processamento e armazenamento, surgiu um dos primeiros aparelhos de input e output de dados, o terminal de computador.
  • Com um funcionamento input semelhante a uma máquina de escrever e o output feito num ecrã CRT (catodicraytube).OS CLI baseam-se apenas em texto, tornando-se pouco práticos quando é necessária a manipulação de muita informação. Têm a vantagem de ser flexíveis.São hoje usados a par com as (next slide)
  • GUI. Com a evolução da informática e das capacidades dos computadores, estes ficaram mais acessíveis ao público em geral, o que levou à necessidade de criar uma forma mais prática e intuitiva de visualizar e interagir com o computador. A primeira interface gráfica apareceu no Xerox Alto, e permitia a interacção com o ambiente virtual através da manipulação gráfica invés de usar apenas texto
  • Este produto da Xerox PARC introduziu o paradigma de interacção homem-máquina WIMP (janela, ícone, menu e aparelho apontador).
  • Uma Natural User Interface é um tipo de interface que é praticamente invisível ao utilizador, isto é, a interacção e visualização é de tal forma natural e espontânea que se aproxima muito à forma como visualizamos e manipulamos os objectos no mundo real.
  • Vídeo. Outro exemplo: iPhone
  • Mais direccionada á indústria do entretenimento. Pretendem que o utilizador se sinta o mais integrado possível no ambiente virtual.
  • Consiste na sobreposição de objectos virtuais no ambiente físico, mostrada ao utilizador, em tempo real, com recurso a algum aparelho tecnológico

Transcript

  • 1. Visualização de Informação
    +
    Interacção Homem-Máquina
    Realizado por:Celso Alexandre /João Simão /Tiago Valente
  • 2. Perspectiva Geral
    Comunicação Visual & VISUALIZAÇÃO DE INFORMAÇÃO
    • O que é?
    • 3. Para que serve?
    • 4. Como se relaciona com a informação?
    INTERACÇÃO HOMEM-MÁQUINA
    • Em que consiste?
    • 5. Qual a utilidade?
    • 6. Exemplos
    IMPACTO E EVOLUÇÃO DA VISUALIZAÇÃO DE DADOS DIGITAIS
    EXEMPLOS
  • 11. Visualização de Informação

    Information visualization promises to help us speed our understanding and action in a world of increasing information volumes.

    [Card, 2008, p. 542]
  • 12. Visualização de Informação

    Representação visual de quantidades
    significativas de dados abstractos,
    de forma estruturada

  • 13. Comunicação Visual
    informação visual

    Transmissão de informação através de um meio visual: cores, formas, organização espacial

  • 14. Informação Digital

    Informação representada através de bits
    (conjuntos de 0 e 1)

    não é informação visual
    necessário um dispositivo de visualização para efectuar a conversão e.g. LCD
  • 15. ÊNFASE NOS DADOS
    ORGANIZAÇÃO E COMPREENSÃO
    COMUNICAÇÃO
    VISUAL
    VISUAL
    IZAÇÃO DE DADOS
    ÊNFASE NA INFORMAÇÃO VISUAL
    VALORIZAÇÃO ESTÉTICA
  • 16. Utilidade da Comunicação Visual
    SIMPLIFICAR
    REPRESENTAR
    CONDENSAR
    REALÇAR
    MENOS DEPENDENTE DO IDOMA
    MAIS UNIVERSAL
  • 17. Utilidade da Visualização de Dados
    Um Exemplo:
    Teoria dos Seis Graus de Separação
    qualquer indivíduo encontra-se separado de outro por, no máximo, seis graus de relacionamento
    NÃO SE ENCONTRA COMPROVADA!
  • 18. Interacção Homem-Máquina

    Human-computerinteractionis a discipline concernedwiththedesign,evaluationandimplementationofinteractivecomputingsystems for human use (...)

    [Hewett, et al., 1992-1996]
  • 19. Interacção Homem-Máquina

    estudo da interacção entre utilizadores e computadores

    ocorreatravés de interfaces de utilizador
    objectivo: melhorar a user experience (UX)
  • 20. Características e Tipos
    Algumas Características/Componentes
    Comunicação, Feedback,Adaptabilidade
    Alguns Tipos
    linear, sobre objectos, de hiperligação
  • 21. Exemplo: CAVE
    Cave Automatic Virtual Environment
    ambiente de realidadeimersiva
  • 22. Primórdios da Informação Digital
    Cartões Perfurados
    input e output: armazenamento, visualizaçãoeinteracção
    informação digital representadapelapresençaouausência de buracosemposiçõespredefinidas
    pouco dispendiosos mas perecíveis, pouco intuitivos, pouco flexíveis
  • 23. Primórdios da Informação Digital
    SUBSTITUIDOS
    Fitamagnética: armazenamento
    Terminais: visualizaçãoeinteracção
  • 24. titlecommandline interface (cli)
    q
    >
    programhalted.
    Surgiu com os Terminais
    tecladoparaintrodução de dados
    primeiravezque um ecrã (CRT) éusadoparavisualizar dados digitais
    permiteinteragirem tempo real com ocomputador, através de um modográficolimitadoebaseadosomenteemtexto
  • 25. GraphicalUser Interface (GUI)
    File Browser
    EC files
    stuff
    16 bits FTW
    homework
    awesome
    letters
    MIDI files
    NES games
    Apareceupelaprimeiravez no Xerox Alto
    permite ao utilizador interagir com o computador através da manipulação de gráficos, imagens e outros indicadores visuais (ícones, botões, janelas...), em vez de apenas texto
  • 26. GraphicalUser Interface (GUI)
    Paradigma de interacçãohomem-máquinaWIMP
    window, icon, menu, pointing device
    Pressupõeouso de um “aparelhoapontador”, comoorato
  • 27. Natural User Interface (NUI)
    Praticamente Invisível ao Utilizador
    Interacçãoevisualizaçãotãonaturaisque a manipulaçãoésemelhanteà de objectosreais
  • 28. NUI baseadasemTouchscreenseMultitouch
    Exemplo: 10/GUI
    http://10gui.com/
  • 29. NUI baseadasemAmbientesImersivos
    Exemplo: Project Natal
  • 30. NUI eRealidadeAumentada
    sobreposição de objectosvirtuais no ambientefísico,
    em tempo real
  • 31. Exemplos de Sistemas de Visualização
    Permitem Visualizar e/ou Interagir com a Informação de Forma Dinâmica
  • 32. Microsoft Surface
  • 33. WolframMathematica
  • 34. LivefromtheAppStore
  • 35. Trabalhos Citados
    [Card, 2008] Card, S. (2008). Information visualization. In A. Sears, J. A. Jacko, A. Sears, & J. A. Jacko (Eds.), The Human-Computer Interaction Handbook: Fundamentals, Evolving Technologies, and Emerging Applications (2nd ed., p. 542). CRC Press.
    [Hewett, et al., 1992-1996] Hewett, Baecker, Card, Carey, Gasen, Mantei, et al. (1992-1996). Human-Computer Interaction.Obtido a Dezembro 29, 2009, de ACM SIGCHI Curricula for Human-Computer Interaction: http://old.sigchi.org/cdg/cdg2.html
  • 36. Fontes: Imagens
    + http://www.flickr.com/photos/dscene/820346821/ © Markus Krisetya
    + http://bhturismo.files.wordpress.com/2008/12/sinalizacao-turistica-belo-horizonte-turismo-placa.jpg
    + http://commons.wikimedia.org/wiki/File:Books_by_maciekSz_(1).jpg
    + http://www.flickr.com/photos/thomashawk/161547780/ © Thomas Hawk
    + http://www.flickr.com/photos/thomashawk/161547780/ © ntr23
    + http://www.vdtc.de/images/vdtc-cave-gr.jpg
    + http://www.flickr.com/photos/23941865@N02/3938326087/© Ian Smith
    + http://froxen.files.wordpress.com/2009/03/surface2.jpg
    + http://www.nsf.gov/news/mmg/media/images/visualization1_h.jpg
    + http://upload.wikimedia.org/wikipedia/commons/1/19/System_3_punch_card.jpg
    + http://www.operationgadget.com/images/apple_imac_g5.jpeg
    + http://media.svennerberg.com/2009/06/layar-app.jpg