Spm 06 set

351 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
351
On SlideShare
0
From Embeds
0
Number of Embeds
61
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Spm 06 set

  1. 1. Interfaces e Hipertexto Sistemas de Produção Multimídia 06/07/2011 [email_address] Grupo: https://groups.google.com/group/spm2011-2?hl=pt
  2. 2. <ul><li>Interfaces </li></ul>
  3. 3. <ul><li>Pintor nas cavernas: artista ou engenheiro? </li></ul><ul><li>Joyce e Gutemberg? </li></ul><ul><li>Citação pág. 11 (Johnson, 2001) </li></ul><ul><li>Techné x Poièses (André Lemos, tese/livro Cibercultura,1995) </li></ul>
  4. 4. Interfaces para hardware e para software
  5. 5. Sucessivas Camadas do compudator pessoal <ul><li>1 – chaves (switches) </li></ul><ul><li>2 – gravador para sistema operacional </li></ul><ul><li>3 – monitor (TV) / teclados </li></ul><ul><li>4 – drive para disquetes </li></ul><ul><li>5 – metáfora desktop </li></ul>
  6. 6. <ul><li>Memória textual X memória visual </li></ul><ul><li>Ex.: O Palacio da Memória versão espacializada da Bíblia. p, 16. </li></ul><ul><li>Metáfora </li></ul><ul><li>- definição p. 47 </li></ul><ul><li>- catedral p.36 </li></ul>
  7. 7. <ul><li>Imaginário da tecnologia: aparatos x ambiente </li></ul><ul><li>Douglas Englerbart: espaço-informação (1968) </li></ul><ul><li>Desktop como metáfora do espaço de dados em bits p. 40 </li></ul><ul><li>Interface como meio de comunicação p. 41 </li></ul><ul><li>Críticas p. 44 </li></ul><ul><li>IHC – interface humano computador </li></ul>
  8. 8. <ul><li>Hipertexto </li></ul>
  9. 9. definição <ul><li>O hipertexto é um formato textual “composto por diferentes blocos de informação interconectadas. Essas informações são amarradas por meio de elos associativos, ok links. Os links permitem que o usuário avance em sua leitura na ordem que desejar”. (LEÃO, 2001, p. 15) </li></ul><ul><li>( ver vídeo - http://www.youtube.com/watch?v=iphEbL4KS2o ) </li></ul><ul><li>Hipertexto = hipermídia </li></ul>
  10. 10. definição <ul><li>O hipertexto é um formato textual “composto por diferentes blocos de informação interconectadas. Essas informações são amarradas por meio de elos associativos, ok links. Os links permitem que o usuário avance em sua leitura na ordem que desejar. (LEÃO, 2001, p. 15) </li></ul><ul><li>Blocos de textos = lexias </li></ul><ul><li>Textos = informação multimídia </li></ul>
  11. 11. definição <ul><li>O hipertexto é um formato textual “composto por diferentes blocos de informação interconectadas. Essas informações são amarradas por meio de elos associativos, os links. Os links permitem que o usuário avance em sua leitura na ordem que desejar. (LEÃO, 2001, p. 15) </li></ul>
  12. 12. definição <ul><li>O hipertexto é um formato textual “composto por diferentes blocos de informação interconectadas. Essas informações são amarradas por meio de elos associativos, ok links. Os links permitem que o usuário avance em sua leitura na ordem que desejar. (LEÃO, 2001, p. 15) </li></ul><ul><li>leitura não linear ou multilinear </li></ul>
  13. 13. precurssores <ul><li>Vanevar Bush </li></ul><ul><li>1945 – Memex – As we may think </li></ul><ul><li>(vídeo - http://www.youtube.com/watch?v=uj6ADC8ezxk) </li></ul><ul><li>Douglas Engelbart </li></ul><ul><li>Expandir potencial congnitivo dos “trabalhadores do conhecimento”, processador de texto e mouse. </li></ul><ul><li>Quando do seu projeto no Stanford Research Institute perde o financiamento que recebia da ARPA, membros de sua equipe vão para a Xerox </li></ul><ul><li>Ted Nelson </li></ul><ul><li>Cria termo hipertexto, projeto Xanadu, anos 60 </li></ul><ul><li>(vídeo- http://www.youtube.com/watch?v=DRu62yAk3PQ) </li></ul>
  14. 14. lexias
  15. 15. lexias
  16. 16. estruturas hipertextuais Linear Arborescente Em rede Rizomático
  17. 17. Seis princípios do hipertexto (Lévy, 1995) <ul><li>1. Princípio de metamorfose </li></ul><ul><li>2. Princípio de heterogeneidade </li></ul><ul><li>3. Princípio de multiplicidade e de encaixe das escalas </li></ul><ul><li>4. Princípio de exterioridade </li></ul><ul><li>5. Princípio de topologia </li></ul><ul><li>6. Princípio de mobilidade dos centros </li></ul>
  18. 18. <ul><li>1. Princípio de metamorfose : a rede hipertextual encontra-se em constante construção e renegociação. Sua extensão, composição e desenho estão sempre em mutação, conforme o trabalho dos atores envolvidos, sejam eles humanos, palavras, sons, imagens, etc. </li></ul>
  19. 19. <ul><li>2. Princípio de heterogeneidade : os nós de uma rede hipertextual são heterogêneos; podem ser compostos de imagens, sons, palavras, etc. E o processo sociotécnico colocará em jogo pessoas, grupos, artefatos, com todos os tipos de associações que pudermos imaginar entre eles. </li></ul>
  20. 20. <ul><li>3. Princípio de multiplicidade e de encaixe das escalas: o hipertexto é fractal, ou seja, qualquer nó ou conexão, quando acessado, pode revelar-se como sendo composto por toda uma rede de nós e conexões, e assim, indefinidamente. </li></ul>
  21. 21. <ul><li>4. Princípio de exterioridade: a rede não possui unidade orgânica, nem motor interno. Seu crescimento e diminuição, composição e recomposição dependem de um exterior indeterminado, como adição de novos elementos, conexões com outras redes, etc. </li></ul>
  22. 22. <ul><li>5. Princípio de topologia : no hipertexto, tudo funciona por proximidade e vizinhança. O curso dos acontecimentos é uma questão de topologia, de caminhos. A rede não está no espaço, ela é o espaço. </li></ul>
  23. 23. <ul><li>6. Princípio de mobilidade dos centros: a rede possui não um, mas diversos centros, que são perpetuamente móveis, saltando de um nó a outro, trazendo ao redor de si uma ramificação infinita de pequenas raízes, rizomas, perfazendo mapas e desenhando adiante outras paisagens” (Lévy, 1993, p. 25-26). </li></ul>
  24. 24. leitura multilinear discussões sobre autoria papel do leitor (ativo) Vídeo Interativo http://www.youtube.com/watch?v=Ed-kmSqhl08
  25. 25. texto fragmentado <ul><li>LINK </li></ul>Paratexto faz uma apresentação do texto principal; estabelece a negociação (transação) entre leitor e texto; realiza a transição entre o mundo do leitor e o mundo do texto; está situado nas fronteiras do texto, estabelecendo-lhe os limites. o link como paratexto
  26. 26. tipos de links no webjornal
  27. 27. hipertexto colaborativo <ul><li>wikipedia </li></ul><ul><li>Blogs (de mais de um autor, blogroll) </li></ul><ul><li>seção de comentários </li></ul><ul><li>Twitter (interconexões) </li></ul><ul><li>TV digital </li></ul><ul><li>(ver vídeo 2) </li></ul>
  28. 28. <ul><li>Quem não está no grupo da disciplina deve solicitar inclusão em: </li></ul><ul><li>https://groups.google.com/group/spm2011-2?hl=pt </li></ul><ul><li>O nome do grupo é spm2011-2 no Googlegroups </li></ul>

×