DI2010B

De Wiki DAINF
Edição feita às 14h01min de 23 de outubro de 2010 por Vfylyk (disc | contribs)

Tabela de conteúdo

Design de Interação (IF63F) 2010b

Professores:

  • Prof. Dr. Luiz Ernesto Merkle
  • Profa. Dra. Marília A. Amaral

Participação:

  • Prof. M.SC.Marta Proença "Siellepaz" - Tradução Simultânea de Português para Lingua Brasileira de Sinais
  • Prof. Dra. Luciana Martha Silveira (DADIN) - Projetos envolvendo Objetos de Ensino e Aprendizagem sobre Cor
  • Gabrielle Hartmann Grimm (Mestranda no PPGTE) - Estágio Docência com a Prof Luciana

OBJETIVOS

  • Capacitar os e as estudantes a agir interdisciplinarmente e potencialmente interferir em práticas sociais mediadas por tecnologias da informação e comunicação, levando em consideração as implicações e os desdobramentos envolvidos nos respetivos processos de produção e apropriação tecnológica de artefatos interativos por diferentes comunidades, em diversos contextos e momentos.
  • Capacitar os e as estudantes a esboçar, desenvolver e avaliar sistemas, artefatos e sistemas computacionais, inclusive suas respectivas documentações técnica, suas políticas de aproopriação, e procurando levar em consideração os diferentes interesses, perspectivas e meios implicados.
  • Capacitar os e as estudantes a trabalhar uma gama diversa de modos de interação e de artefatos e sistemas computacionais, como estações de trabalho fixas e móveis, sistemas nativos, web e de telepresença, conectados local ou globalmente (e.g. LAN, web).

EMENTA

  1. Fundamentos da Interação Ser-Humano Computador e Design de Interação.
  2. Processos de projetos de sistemas interativos.
  3. Desenvolvimento de interfaces gráficas de usuários.
  4. Interfaces dirigidas por eventos.
  5. Técnicas fundamentais de computação gráfica. Sistemas gráficos.
  6. A Web como exemplo de interface.

Fundamentos da Interação Ser-Humano Computador e Design de Interação

Tópicos:

  • Motivação: Porque o estudo de como as pessoas interagem artefatos tecnológicos, ou por meio deles, é vital ao desenvolvimento e à apropriação de sistemas que sejam adequados aos propósitos, necessidades e empregos implicados;
  • Contextos da IHC e do DI (e.g. Dispositivos móveis e de consumo, aplicações comerciais, web, sistemas colaborativos, jogos, instalações de arte digital, ambientes imersivos, interfaces tangíveis, dispositivos de monitoramento biomédico, de coleta de dados, instalações de arte, quiosques de informação, caixas automáticos, etc. );
  • Introdução a teorias e modelos que informam o projeto em IHC e DI: atenção, percepção, reconhecimento, cognição, mediação, apropriação, colaboração.
  • Dimensões sociais e históricas que influenciam o projeto e a apropriação de artefatos interativos: cultura, comunicação, organização;
  • Diversidade humana, incluindo o projeto para o acesso, a para a acessibilidade e para múltiplos contextos culturais e linguísticos.

Objetivos de Aprendizado:

  • Aprender a importância de processos de projeto que inclam múltiplos fatores e interesses, sejam ligados a concepção, ao uso, à modificação, ao descarte, à participação, à restrições, à segurança, etc.
  • Descrever potenciais diferenças entre Design de Interação e Interação Ser Humano Computador.
  • Explicar por que a consideração de fatores individuais, coletivos, organizacionais, e culturais é importante no projeto e na apropiração de artefatos, mídias e ambientes interativos.
  • Refletir sobre as diferentes abordagens teóricas e práticas de projetos, seja priorizando a usabilidade, a inclusão, a apropriação, o engajamento, a crítica.
  • Utilizar o vocabulário técnico para refletir e analisar as interações entre pessoas e tecnologia, entre tecnologia e sociedade: propiciação, modelo conceitual, metáfora, realimentação, apropriação, etc.

Processos de projetos de sistemas interativos

Tópicos:

  • Processos de projeto centrado no uso, testes em laboratório, projetos participativos.
  • Diversidade de parâmetros e modos de avaliação: Diversidade de parâmetros e modos de avaliação: foco antecipado em uso, avaliação em campo e em laboratório, processos iterativos de projeto.
  • Projetos de interação para experiências interativas engajadas.

Objetivos de Aprendizado:

  • Definir diferentes processos de projeto, e procurar antever diferentes processos de apropriação em diferentes contextos.
  • Definir processos de projeto participativos e centrados no uso que reconheçam as diferenças de perspectivas e de interesse dos/das diferentes participantes.
  • Definir e exemplificar modos e ocasiões onde processos de projeto participativos e centrados no uso podem falhar.
  • Escolher entre métodos qualitativos e quantitativos de cada critério de avaliação.

Desenvolvimento de interfaces gráficas de usuários

Tópicos:

  • Fundamentos formais da representação bidimensional.
  • Princípios de desenvolvimento de interfaces interativas.
  • Presença, tele-presença e ambientes imersivos.
  • Computação física e tangível.
  • Construção de uma interface.

Objetivos de Aprendizado:

  • Compreender e dominar diversos aspectos formais da representação bidimensional.
  • Desenhar e esboçar um artefato, uma mídia, ambiente ou situação.
  • Explicar os princípios do projeto de interfaces, artefatos e mídias interativas, como facilidade de aprendizado, flexibilidade, robustez, possibilidade de apropriação.
  • Descrever exemplos de navegação, diagramação de tela, interface impróprios ou incompreensíveis.
  • Criar uma aplicação, mídia ou artefato simples, que incorpore uma interface gráfica.
  • Projetar, prototificar e avaliar uma interface tangível para a educação ou o entretenimento.
  • Observar e descrever a utilização da aplicação, mídia, artefato ou ambiente imersivo criados, e receber as respectivas críticas ou avaliações das pessoas envolvidas.
  • Explicar como a avaliação cuidadosa vai além das simples observação de apenas um ou uma usuária ou participante.

Interfaces dirigidas por eventos

Tópicos:

  • Diferença entre ação-objeto e objeto-ação.
  • Eventos de interface.

Objetivos de Aprendizado:

  • Compreender diferentes sistemas de gerenciamento de interfaces gráficas.

Técnicas fundamentais de computação gráfica

Tópicos:

  • Hierarquia de softwares gráficos.
  • Utilização de uma Interface para programação de aplicação (API – application program interface) gráfica ou multimídia.
  • Modelos de cor simples (RGB, HSB, CMKY).
  • Coordenadas homogêneas.
  • Transformações afins (escala, rotação, translação).
  • Visualização de transformações.

Objetivos de Aprendizado:

  • Distinguir diferentes níveis de software gráficos e descrever para que cada um é apropriado.
  • Criação de imagens por meio de uma API padrâo
  • Utilização das facilidades de uma API padrão para expressar transformações básicas como escala, rotação e translação.

Sistemas gráficos

Tópicos:

  • Sistemas gráficos matriciais (raster) e vetoriais .
  • Dispositivos de visualização e de interação. .
  • Dispositivos físicos e lógicos.
  • Aspectos do desenvolvimento de sistemas interativos.

Objetivos de Aprendizado:

  • Descrever a adequação de diferentes arquiteturas gráficas.
  • Explicar a função de vários dispositivos interativos.
  • Utilizar e desenvolver hardware e software para criar e visualizar gráficos.
  • Discutir a expansão das capacidades e hardware e software em relação a visualizações interativas.

A Web como exemplo de interface

Tópicos:

  • Groupware de suporte a atividades especializadas: escrita colaborativa, telepresença, jogos de múltiplos jogadores.
  • Comunicação em grupo assincrona: e-mail, boletins, servidores de listas, wikis.
  • Comunicação em grupo síncrona: chats, tele-conferência.
  • Contribuições das ciências humanas à compreensão de sistemas computacionais.
  • Implicações sociais e culturais da computação e da informática.

Objetivos de Aprendizado:

  • Comparação de HCI e DI para aplicações de caráter predominantemente individual ou coletivo.
  • Discutir vários aspectos sociais e políticos relativos ao uso de sistemas computacionais colaborativos.
  • Descrever as diferenças entre comunicações assíncronas e síncronas.
  • Participar de projetos envolvendo suporte computacional à comunicação e ao trabalho cooperativo.
  • Descrever as diferenças e as similaridades entre colaborações face-a-face e mediadias computacionalmente.

BIBLIOGRAFIA BÁSICA

PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005. 548 p. ISBN 85-363-0494-4. Acervo UTFPR 218982 Númedo de Chamada: 004.019 P923d.. Material complementar disponível em <http://www.id-book.com/>. Acesso em 07 de fevereiro de 2009.

REAS, Casey; FRY, Ben. Processing. Disponível em <http://processing.org>

BIBLIOGRAFIA COMPLEMENTAR

EM DESIGN

LUPTON, Ellen; PHILLIPS, Jennifer Cole. Novos Fundamentos do Design. São Paulo: Cosac Naify. 2008

EM DESIGN DE INTERAÇÃO E CULTURA VISUAL

REAS, Casey; FRY, Ben. Processing: a programming handbook for visual designers and artists. Cambridge, Mass: MIT Press, c2007. 710 p. ISBN 9781262182621 Número de Chamada: 005.1 R288p Ac. UTFPR 225098

FRY, Ben Computational Information Design. PhD Thesis. Program in Media Arts and Sciences, School of Architecture and Planning. MIT. 2004. Dispponível em <http://benfry.com/phd/>. Acesso em 07 de fevereiro de 2009.

EM INTERAÇÃO HUMANO COMPUTADOR:

NORMAN, Donald A. O Design do Dia a Dia. Rio de Janeiro, RJ: Editora Rocco. 2006. Número de Chamada utfpr 745.2  N842d. Em inglês Número de Chamada: 620.82 N842p

PREECE, Jenny; ROGERS, Yvonne. Human-computer interaction. Workingham, England: Addison-Wesley; c1998. 775 p. ISBN 0201627698 Número de Chamada: 004.019 P923h Ac.180466

SUCHMAN, Lucy. Plans and Situated Actions: The problem of human-machine communication. Cambridge University Press. 1987. ISBN 0-521-33739-9 Número de Chamada: 153.4 S942p

WINOGRAD, Terry; FLORES, Fernando. Understanding Computers and Cognition: A New Foundation for Design. New York, NY: Addison Wesley. 1993 ISBN 0201112973 Número de Chamada: 004.1 W776u (2 Exemplares)

EM DESIGN DE INTERAÇÃO

ARVOLA, Mattias Shades of Use: The Dynamics of Interaction Design for Sociable Use. Linköping University, Department of Computer and Information Science. Doctoral Thesis. 2005, 237p. Disponível em http://www.ep.liu.se/smash/get/diva2:20953/FULLTEXT01. Acesso em 5 de agosto de 2008.

LÖWGREN, Jonas; STOLTERMAN, Erik. Thoughtful interaction design: a design perspective on information technology. Cambridge , Mass: MIT Press, c2004. 198 p. ISBN 0262622092 Número de Chamada: 004.21 L917t Ac.224024

MOGGRIDGE, Bill. Designing interactions. Cambridge, Mass; London: MIT Press, c2007. 766 p.1 DVD ISBN 0262134748 Número de Chamada: 004.019 M696d Ac.224208

SAFFER, Dan. Designing for interaction: creating smart applications and clever devices. Berkeley, CA: New Riders: [Published in association with AIGA Design Press]. 2007. 231 p. (Voices that matter) ISBN 0321432061 Número de Chamada: 004.019 S128d Ac.225085

TANNFORS, Leif; KRISTENSEN, René Lundgaard Incomplete Design - A Design Philosophy in Theory and Practice. MSc Thesis in Interaction Design. IT University of Götenborg. Chalmers Department of Computer Science. Göteborg, Sweden. 2004. Disponível em <http://www.cs.chalmers.se/idc/theses/04/pdf/tannfors.kristensen.pdf>. Acesso em 5 de agosto de 2008.

EM INTERAÇÃO, ARTE E TECNOLOGIA

DUNNE, Anthony. Hertzian tales: electronic products, aesthetic experience, and critical design. Cambridge, Mass.: MIT Press, c2005. 174 p. ISBN 9780262042321 GREENBERG, Ira. Processing: creative coding and computayional art. Berkeley, CA: Friends of Ed, c2007. 810 p. ISBN 159059617X Número de Chamada: 776 G795p Ac.225190

EM SISTEMAS UBÍQUOS

MCCULLOUGH, Malcolm. (2004) Digital ground: architecture, pervasive computing, and environmental knowing. Cambridge , Mass: MIT Press, c2004. 272 p. ISBN 9780262633277 Número de Chamada: 004.35 M133d Ac.224048

WEISER, Mark (1991). The Computer for the 21st Century, IN: Scientific American. September 1991. pp. 94-104. Disponível em <http://www.periodicos.capes.gov.br>. Também ver Ver http://www.ubiq.com/hypertext/weiser/WeiserPapers.html

BIBLIOGRAFIA EM TEORIA DA COR

OBS: Agradecemos a Prof. Luciana M. Silveira por indicar esta bibliografia de base para o desenvolvimento do Projeto de Trabalho desta disciplina.

ALBERS, J. Interaction of Color, USA: Yale University Press, 1975.

ALBERTI, L. B. Da Pintura. Trad. It. Antonio da Silveira Mendonça. Campinas, Ed. Unicamp, 1989.

BARROS, L. R. M. A Cor no Processo Criativo. São Paulo: Editora Senac, 2006

BERGER, J. Modos de Ver. Rio de Janeiro: Rocco, 1999.

BERLIN, B. ; KAY, P. Basic Color Terms. Los Angeles: Univ. California Press Berkeley, 1991.

CAIVANO, J. L. Chronological Bibliography on Color Theory, GAC [www.fadu.uba.ar/sitios/sicyt/color/bib.htm].

CAIVANO, J. L. Sistemas de Ordem del Color, Buenos Aires, UBA: 1995.

CARREIRA, E. Os Escritos de Leonardo da Vinci sobre a Arte da Pintura, S. P.: Imp. Of. do Est., 2000.

CHIJIIWA, H. Color Harmony. USA: Rockport, 1987.

FARINA, M. Psicodinâmica das cores em comunicação. São Paulo: Ed. Edgard Blücher, 1987.

GAGE, John. Colour and Meaning. London: Thames & Hudson, 1999.

GERSTNER, K. Las Formas del Color. Madrid: Ed. Hermann Blume, 1988.

GOETHE, J. W. Doutrina das Cores. Trad. It. Marco Gianotti. São Paulo: Nova Alexandria, 1993.

GUIMARÃES, L. A Cor como Informação. São Paulo: AnnaBlume/Fapesp, 2001.

DAMÁSIO, A. R. O Mistério da Consciência. São Paulo: Cia das Letras, 2000.

DA VINCI, L. The Notebooks of Leonardo da Vinci. Compilado e editado a partir dos manuscritos originais por Jean Paul Richter. 2 vols. New York: Dover Publications, 1970.

ITTEN, J. , The Art of Color. New York, 1992.

KANDINSKY, W. Do Espiritual na Arte. Lisboa: Publicações Dom Quixote, 1991.

LICHTEINSTEIN, J. (org.). A Pintura – V. 9: O desenho e a cor. São Paulo: Editora 34, 2006.

LOZANO, R. D. El Color y su Medición. Buenos Aires: Editorial Américalle, S. R. L., 1978.

PASTOREAU, M. Dicionário das Cores do Nosso tempo, Lisboa: Editorial Estampa, 1997.

PEDROSA, I. Da Cor à Cor Inexistente. Brasília: UnB, 1982.

SACKS, O. Um antropólogo em marte. São Paulo: Cia das Letras, 1995.

__________ . A ilha dos daltônicos. São Paulo: Cia das Letras, 1997.

SILVEIRA, L. M. A Percepção da Cor na Imagem Fotográfica em Preto-e-Branco. Tese de doutorado, São Paulo: PUC-SP, 2002.

WALCH, M.; HOPE, A. Living Colors: the definitive guide to color palettes through the ages.Canada: Chronicle Books, 1995.

WHELAN, B. M. La armonia em el color. Ed. Arte y diseño grafico, 1994.

WICK, R. K. Pedagogia da Bauhaus, Martins Fontes, 1989.

Links para paletas interativas

ALGUMAS REVISTAS DISPONÌVEIS NO PERIÓDICOS DA CAPES

ACM Transactions on Computer-Human Interaction (TOCHI): http://portal.acm.org/browse_dl.cfm?linked=1&part=transaction&idx=J756&coll=portal&dl=ACM&CFID=4622319&CFTOKEN=12727876

Cognition, Technology & Work http://www.springerlink.com.w10043.dotlib.com.br/content/103534/

Computers in Human Behavior http://www.sciencedirect.com/science/journal/0747563

Computer Supported Cooperative Work (CSCW) http://www.springerlink.com.w10043.dotlib.com.br/content/100250/

Education and Information Technologies http://www.springerlink.com.w10043.dotlib.com.br/content/100163/

Foundations and Trends in Human-Computer Interaction http://www.nowpublishers.com.w10043.dotlib.com.br/hci/ (e.g http://www.nowpublishers.com.w10043.dotlib.com.br/getpdf.aspx?doi=1100000026&product=HCI )

Journal of Organizational and End User Computing http://find.galegroup.com/gtx/infomark.do?&serQuery=Locale(en%2CUS%2C)%3AFQE%3D(jx%2CNone%2C50)%22Journal+of+Organizational+and+End+User+Computing%22%24&type=pubIssues&queryType=PH&prodId=AONE&userGroupName=capes43&version=1.0

IEEE Pervasive Computing http://ieeexplore.ieee.org/xpl/RecentIssue.jsp?punumber=7756

Interactions http://portal.acm.org/browse_dl.cfm?linked=1&part=magazine&idx=J373&coll=portal&dl=ACM&CFID=4389858&CFTOKEN=67060785

Interactive Technology and Smart Education http://jcmc.indiana.edu/ http://www.emeraldinsight.com/journals.htm?issn=1741-5659

Journal of Computer Mediated Communication http://onlinelibrary.wiley.com/journal/10.1111/(ISSN)1083-6101

Journal of Interactive Learning Research http://www.portaldapesquisa.com.br/databases/sites?action=login&cust=capes&area=cexataterra&publisher=gale&db=itof&login_type=revista&journal=1093-023X&authtype=ip&style=capes

Journal of Interactive Media in Education http://www.portaldapesquisa.com.br/databases/sites?action=login&cust=capes&area=csociais&publisher=wilson&db=whumanftx&login_type=revista&journal=1365-893X&authtype=ip&style=capes

Journal of Interactive Online Learning http://www.portaldapesquisa.com.br/databases/sites?action=login&cust=capes&area=csociais&publisher=wilson&db=whumanftx&login_type=revista&journal=1541-4914&authtype=ip&style=capes

International Journal of Pervasive Computing and Communications http://www.emeraldinsight.com/journals.htm?issn=1742-7371

International Journal of Human-Computer Studies http://www.sciencedirect.com/science/journal/10715819

Games and Culture : A Journal of Interactive Media http://gac.sagepub.com/

Leonardo http://www.jstor.org/journals/0024094X.html?cookieSet=1

Pervasive and Mobile Computing http://www.sciencedirect.com/science/journal/15741192

User Modeling and User-Adapted Interaction http://www.springerlink.com.w10043.dotlib.com.br/content/100343/

CRONOGRAMA - PLANO DE AULAS

  • 02/08/2010
    • Apresentação da Disciplina. Introdução.
  • 09/08/2010
    • Fundamentos da Interação Ser-Humano Computador e Design de Interação.
  • 16/08/2010
    • Interação Ser-Humano Computador. Ferramentas Educacionais (Informática na Educação). Introdução ao conceito de Acessibilidade.
  • 23/08/2010
    • Fundamentos da Interação Ser-Humano Computador e Design de Interação. Ferramentas para Desenvolvimento - Processing.
  • 30/08/2010
    • Aula Expositiva - Teoria das Cores. Fundamentos de Cores.
  • 13/09/2010
    • Prática em Processing. Pesquisa sobre Temas para o Projeto.
  • 20/09/2010
    • Técnicas fundamentais de computação gráfica. Sistemas gráficos.
  • 27/09/2010
    • Apresentação e Defesa da Proposta do Projeto, com entrega de relatório formal (3 páginas - formato SBC);
  • 04/10/2010
    • Processos de projetos de sistemas interativos
  • 18/10/2010
    • Desenvolvimento do Projeto
  • 25/10/2010
    • Interfaces dirigidas por eventos.
  • 01/11/2010
    • Desenvolvimento do Projeto
  • 08/11/2010
    • A Web como exemplo de interface
  • 15/11/2010
    • Desenvolvimento do Projeto
  • 22/11/2010
    • Apresentação e Defesa de Projeto Final, Entrega de Relatório (8 páginas - formato SBC - pdf - Creative Commons), documentação, e objetos de ensino-aprendizagem relacionados em processing (código fonte em gpl, web, e multiplataforma), todos em em mídia digital (CD/DVD).
  • 29/11/2010
    • Apresentação e Defesa de Projeto Final, Entrega de Relatório (8 páginas - formato SBC - pdf - Creative Commons), documentação, e objetos de ensino-aprendizagem relacionados em processing (código fonte em gpl, web, e multiplataforma), todos em em mídia digital (CD/DVD).
  • 06/12/2010
    • Reapresentação de Projetos, Relatórios, Documentações, e objetos de ensino-aprendizagem relacionados, daqueles/as que obtiverem avaliação inferior a 7.0. Será feita uma média entre este e o inicialmente entregue na ocasião da defesa.
  • 13/12/2010
    • Exame Final Individual, apenas para quem estiver com nota entre 4.0 e 7.0.


SISTEMA DE AVALIAÇÃO

Serão realizadas várias avaliações durante o semestre de forma a compor a nota final, sendo condição para aprovação por média a obtenção de média igual ou maior que 7,0 (sete). As avaliações envolverão projetos de trabalho. Se a média for superior a 4,0 (quatro), o aluno tem direito a prestar exame final, após o qual se sua média final for igual ou superior a 5,0 (cinco) será considerado aprovado.

PROJETOS DE TRABALHO

Os projetos deste semestre envolverão o suporte ao ensino e a aprendizagem de conceitos e práticas envolvendo por meio de objetos de ensino e aprendizagem . Seu desenvolvimento será feito na linguagem processing, pois visa sua apropriação pela comunidade alvo, e o acesso e execução em múltiplas plataformas.

Obtida de "http://dainf.ct.utfpr.edu.br/wiki/index.php?title=DI2010B&oldid=4723"
Ferramentas pessoais