• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
EC Presentation
 

EC Presentation

on

  • 437 views

Presentation about Human-Machine Interaction

Presentation about Human-Machine Interaction

Statistics

Views

Total Views
437
Views on SlideShare
435
Embed Views
2

Actions

Likes
0
Downloads
8
Comments
0

2 Embeds 2

http://www.linkedin.com 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

EC Presentation EC Presentation Presentation Transcript

  • Visualização de Informação
    +
    Interacção Homem-Máquina
    Realizado por:Celso Alexandre /João Simão /Tiago Valente
  • Perspectiva Geral
    Comunicação Visual & VISUALIZAÇÃO DE INFORMAÇÃO
    • O que é?
    • Para que serve?
    • Como se relaciona com a informação?
    INTERACÇÃO HOMEM-MÁQUINA
    • Em que consiste?
    • Qual a utilidade?
    • Exemplos
    IMPACTO E EVOLUÇÃO DA VISUALIZAÇÃO DE DADOS DIGITAIS
    • Os primórdios
    • As CLI
    • As GUI
    • Ambientes Imersivos e NUI
    • O futuro
    EXEMPLOS
  • 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]
  • Visualização de Informação

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

  • Comunicação Visual
    informação visual

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

  • 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
  • Ê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
  • Utilidade da Comunicação Visual
    SIMPLIFICAR
    REPRESENTAR
    CONDENSAR
    REALÇAR
    MENOS DEPENDENTE DO IDOMA
    MAIS UNIVERSAL
  • 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!
  • Interacção Homem-Máquina

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

    [Hewett, et al., 1992-1996]
  • 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)
  • Características e Tipos
    Algumas Características/Componentes
    Comunicação, Feedback,Adaptabilidade
    Alguns Tipos
    linear, sobre objectos, de hiperligação
  • Exemplo: CAVE
    Cave Automatic Virtual Environment
    ambiente de realidadeimersiva
  • 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
  • Primórdios da Informação Digital
    SUBSTITUIDOS
    Fitamagnética: armazenamento
    Terminais: visualizaçãoeinteracção
  • 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
  • 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
  • GraphicalUser Interface (GUI)
    Paradigma de interacçãohomem-máquinaWIMP
    window, icon, menu, pointing device
    Pressupõeouso de um “aparelhoapontador”, comoorato
  • Natural User Interface (NUI)
    Praticamente Invisível ao Utilizador
    Interacçãoevisualizaçãotãonaturaisque a manipulaçãoésemelhanteà de objectosreais
  • NUI baseadasemTouchscreenseMultitouch
    Exemplo: 10/GUI
    http://10gui.com/
  • NUI baseadasemAmbientesImersivos
    Exemplo: Project Natal
  • NUI eRealidadeAumentada
    sobreposição de objectosvirtuais no ambientefísico,
    em tempo real
  • Exemplos de Sistemas de Visualização
    Permitem Visualizar e/ou Interagir com a Informação de Forma Dinâmica
  • Microsoft Surface
  • WolframMathematica
  • LivefromtheAppStore
  • 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
  • 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