Inov Aula2

1,178 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,178
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Inov Aula2

  1. 1. Princípios do Hipertexo <ul><li>Heterogeneidade </li></ul><ul><li>Metamorfose </li></ul><ul><li>Potencialidade </li></ul><ul><li>Complexidade </li></ul><ul><li>Conectividade </li></ul><ul><li>Cartografia </li></ul>
  2. 2. Heterogeneidade <ul><li>o hipertexto é composto de diferentes nós que podem ser acessados por diferentes caminhos. </li></ul>
  3. 3. Metamorfose <ul><li>o hipertexto está em constante transformação </li></ul>
  4. 4. potencialidade <ul><li>o usuário tem a possibilidade de recriar o hipertexto no momento de seu uso </li></ul>
  5. 5. Complexidade <ul><li>as conexões relacionam diferentes aspectos do hipertexto, mesmo que contraditórios. </li></ul>
  6. 6. cartografia <ul><li>o hipertexto deve oferecer recursos para a orientação flexível entre os caminhos possíveis. </li></ul>
  7. 7. Características da hipermídia <ul><li>A hipermídia mistura diferentes tipos de linguagens </li></ul><ul><li>http://postvisual.com/theuninvited/en/ </li></ul>Hibridismo
  8. 8. não-linearidade <ul><li>o usuário não precisa seguir uma sequencia pré-determinada </li></ul>
  9. 9. Interatividade <ul><li>o usuário deve ter papel ativo na fruição da hipermídia. </li></ul>
  10. 10. Navegabilidade <ul><li>o usuário deve ter liberdade para ir aonde quiser, encontrar seu rumo ou se perder </li></ul>
  11. 11. (hiper) Texto -> Mídia <ul><li>Substituição ou evolução? </li></ul>
  12. 12. (hiper) –texto> (mídia) <ul><li>Hipermídia une os conceitos de não-linearidade ( não -linear ), hipertexto , interface e multimídia numa só linguagem. Traduzida erroneamente como mero suporte, hipermídia não se configura só como meio de transmissão de mensagens, e sim como uma linguagem com características próprias, com sua própria gramática. Hipermídia, diferentemente de multimídia, não é a mera reunião dos meios existentes, e sim a fusão desses meios a partir de elementos não-lineares. </li></ul>
  13. 13. Conteúdo <ul><li>O significado é diferente daquele da palavra informação. Informação está mais para um conjunto de dados estáticos (de qualquer tipo, seja ele som, palavra ou imagem) e conteúdo traz em si um certo valor para o que está sendo informado. </li></ul><ul><li>Conteúdo tem um juízo de valor embutido nele, significa que a informação que o website oferece deve ter coerência, fundamentação, esforço intelectual e operacional dos profissionais que nele trabalham e que agregaram algum tipo de valor à informação. </li></ul>
  14. 14. Webwriting <ul><li>O que é? </li></ul><ul><li>De onde saiu o termo? </li></ul><ul><li>Principais características? </li></ul><ul><li>Conceito afim – Arquitetura de Informação </li></ul><ul><li>O que acontece no ensino? </li></ul>
  15. 15. O que é? <ul><li>É um conjunto de técnicas que auxiliam na distribuição de conteúdo informativo em ambientes digitais. Esta ‘distribuição’ faz-se, por exemplo, pelas diversas camadas de um site, sendo a primeira camada a primeira página e, a segunda camada, as páginas que surgem a partir dos itens do menu principal - e assim por diante. E por que ‘ambientes digitais’? Em webwriting, o campo de ação são intranets, CDs-ROM, wireless, e não apenas sites internet. (fonte: Rodrigues, Bruno. http://webinsider.uol.com.br/vernoticia.php/O_que_e_webwriting/id/2372 ) </li></ul>
  16. 16. De onde “saiu” o termo? <ul><li>Quem deu a devida importância ao estudo da informação para a mídia digital foi Jakob Nielsen, mais conhecido pela ciência que ajudou a desenvolver, a usabilidade. Foi Jakob Nielsen que, em março de 1997, publicou em seu site – www.useit.com - o resultado da aplicação de testes voltados para o comportamento do texto no ambiente online. Ao provar que o usuário exige uma boa formatação de texto para a web, ele chamou a atenção para a necessidade de estudo e dedicação à área da informação digital. </li></ul>
  17. 17. Principais características <ul><li>Quem, quando, onde, o quê, por quê e como (herança do Jornalismo) </li></ul><ul><li>Hipertexto </li></ul><ul><li>Títulos (herança da publicidade) </li></ul><ul><li>Hierarquia de informação </li></ul><ul><li>Inlinks e outlinks (quem vai precisa voltar) </li></ul><ul><li>Caminhar num site, caminhar num lugar. </li></ul>
  18. 18. <ul><li>ESCREVA TEXTOS VIVOS E AREJADOS </li></ul><ul><ul><li>Leitor Web: aberto a estilos não-convencionais </li></ul></ul><ul><ul><ul><li>Internet não é sisuda, ela tem humor (bom humor) </li></ul></ul></ul><ul><ul><ul><li>Leitor não tem um compromisso maior ao navegar </li></ul></ul></ul><ul><ul><ul><li>Comportamento TV: zapeia por canais e fica pouco tempo mesmo nas notícias que lhe interessa </li></ul></ul></ul>
  19. 19. <ul><li>QUEBRE O TEXTO – SEMPRE </li></ul><ul><ul><li>LEITURA EM TELA </li></ul></ul><ul><ul><ul><li>Grandes blocos dificultam a leitura de textos no PC </li></ul></ul></ul><ul><ul><ul><li>Textos estruturados assim tendem a espantar leitores </li></ul></ul></ul><ul><ul><ul><ul><li>Há exceções: revistas, sites de pesquisa, download conteúdo </li></ul></ul></ul></ul><ul><ul><li>ASPECTO GRÁFICO </li></ul></ul><ul><ul><ul><li>Preocupe-se em tornar fácil a leitura do texto em tela </li></ul></ul></ul><ul><ul><ul><ul><li>Imagens, ilustrações, gráficos interativos ajudam </li></ul></ul></ul></ul><ul><ul><ul><li>Quebre os parágrafos e separe-os com linha em branco </li></ul></ul></ul><ul><ul><ul><li>Facilita a leitura e passa a sensação de organização </li></ul></ul></ul>
  20. 20. Conceitos afins <ul><li>Arquitetura da Informação: </li></ul><ul><li>Em um ambiente digital, é a tarefa de estruturar e distribuir as áreas, principais e secundárias, tornando as informações facilmente identificáveis, sua distribuição bem definida e, a navegação, intuitiva. Esta tarefa pode (e deve) ser aplicada não apenas a sites internet e intranet, mas a CDs-ROM, DVDs e ambientes wireless, levando-se em conta suas diferenças. </li></ul><ul><li>É a partir da estrutura criada para os sites e afins (arquitetura da informação) que se distribui a informação (através do webwriting ) e produz-se conhecimento. </li></ul>
  21. 21. Para o blog hoje: <ul><li>Post sobre o evento de Design & Tecnologia </li></ul><ul><li>(usando as características do hipertexto e as dicas de conteúdo) </li></ul><ul><li>- Modificar as cores do template , usando o Kuler como referência para “extrair” os códigos. </li></ul><ul><li>Desenvolver um favicon para o blog </li></ul><ul><li>Passada individual para conferir os pedidos da semana passada. </li></ul>

×