Este documento discute a estrutura e propriedades de documentos hipermídia para criação de treinamentos online. Ele descreve como estruturar o conteúdo usando métodos como LATCH e apresenta exemplos de plataformas de e-learning bem-sucedidas. O documento também fornece diretrizes para avaliação da qualidade dos documentos hipermídia com foco na organização, representação e acesso à informação.

1. Roteiro para Mídias Interativas

2. Textos Utilizados SALAVERRÍA, Ramón. Manual de Redacción Ciberperiodística. Barcelona: Ariel, 2003. Cap. 3, pgs. 141 a 194. GOSCIOLA, Vicente. Roteiro para as novas mídias – do cinema às mídias interativas. São Paulo: Editora Senac SP, 2003. Cap. 5, pgs. 145 a 177.

3. Tema Roteiros Hipermídia para a Criação de Treinamentos Online (e-learning)

4. Justificativas Completar com teorias da Comunicação/Jornalismo algo que a pedagogia não oferece aos profissionais da área: método prático. 1

5. Justificativas Focar o desenvolvimento do conteúdo multimídia nos aspectos comunicacionais, não nas limitações tecnológicas. 2

6. Justificativas Conhecer os métodos de organização leva a saberes orientados. 3 Maximização da Informação x Manipulação dos Fatos

7. Glossário básico: termos que se confundem Arquitetura de Informação “ Arquitetura de Informação consiste no design de ambientes informacionais compartilhados e resistentes à entropia, que vem a ser o estado de desordem natural de qualquer sistema, na ausência de uma força organizadora.” Wikipedia: http://tinyurl.com/58goac ORDEM

8. Glossário básico: termos que se confundem Design de Informação “ Design de informação ou infodesign , é uma área do design gráfico que lida detalhadamente com o projeto da informação visual. Seu objetivo principal é melhorar a forma como o usuário adquire informação em sistemas de comunicação analógicos e digitais.” Wikipedia: http://tinyurl.com/qokev3 ENTENDIMENTO

9. Glossário básico: termos que se confundem Design Instrucional " Design Instrucional é a prática de maximizar a efetividade, eficiência e apelo da instrução e outras experiências de aprendizagem. O processo consiste em determinar o estado atual e necessidades do aprendiz, definir o objetivo final da instrução, e criar alguma ' intervenção ' para auxiliar nessa transição." Traduzido livremente de Wikipedia: http://tinyurl.com/qokev3 COMPREENSÃO

10. Estrutura de um documento hipermídia Um documento hipermídia é um documento digital completo, formado por um conjunto de elementos não necessariamente homogêneos, dotado de uma determinada composição interna e que pode ser lido ou visualizado de uma maneira não necessariamente seqüencial. Traduzido liveremente de: SALAVERRÍA, Ramón. Manual de Redacción Ciberperiodística. Barcelona: Ariel, 2003. Cap. 3, pgs. 144.

11. Estrutura de um documento hipermídia Secciones Enlaces Anglajes Páginas / Conceitos / Parágrafos Categorias / Menus / Índices Links / Âncoras Telas Ementa Referências

12. Estrutura de um documento hipermídia Apostilas Podcasts Módulo Virtual Futuro

13. Estrutura de um documento hipermídia Exemplos Ementa Tela Referências

14. Estrutura de um documento hipermídia Exemplos

15. Como estruturar o que irá compor este documento? Recorrente. Lógica. Gradual. Exploração. Autoria. Comutação. “ Para [Richard Saul] Wurman, as formas de se organizar informação são finitas e sintetizadas pela sigla LATCH: Local (mapas), Alfabeto, Tempo (períodos históricos e linhas de tempo), Categoria (grupos genéricos, como “verduras” em supermercados ou “vitaminas” em farmácias); e Hierarquia (do maior para o menor, do mais claro para o mais escuro).” Design/Web/Design - http://tinyurl.com/4uj2st

16. Como se chega nisso? GOSCIOLA, Vicente. Roteiro para as novas mídias – do cinema às mídias interativas. São Paulo: Editora Senac SP, 2003. Cap. 5, pg. 151 Roteiro de Produção. Refinamento. Edição Roteiro Revisado. Storyboard. Incorporação de feedback. Escritor como leitor. Revisão Primeiro esboço de roteiro. Tempo e espaço (mídia contínua) Escrevendo para a visão e audição. Formatos de roteiro de filmagem. Andamento, estilo e tom. Esboço Tratamento audiovisual. Formatação de programa. Análise estrutural. Desenvolvimento de conceito. (previsão) Ensaio Pesquisa de agenda. Perfil do público-alvo. Objetivos. Esboço do conteúdo. Entrevistas. Documentos de Recurso. Observação/Experiência Direta. Focalização de conteúdo crítico. Assimilação Produto do Escritor Técnicas

17. Propriedades do documento hipermídia Grau de interatividade; Estrutura; Conectividade; Autoria/Fonte; e Metadata.

18. Propriedades do documento hipermídia Grau de Interatividade Grau 01. Grau 02. Grau 03. Grau 04.

19. Propriedades do documento hipermídia Estrutura LINEAR EM REDE ÁRVORE MISTA

20. Propriedades do documento hipermídia Conectividade Mínima – Sumário Global. Média – Sumário Global + Sumário local. Maciça – Sumário Global + Sumário local + Índices.

21. Propriedades do documento hipermídia Conectividade - Luminosidade Do documento para o mundo: Citações emitidas ou links que partem do documento para outros.

22. Propriedades do documento hipermídia Conectividade - Visibilidade Do mundo para o documento. Citações recebidas, links de outros documentos – popularidade.

23. Propriedades do documento hipermídia Autoria / Fonte Anônima. Implícita. Explícita. Ghost Writer / Revisor Técnico / Design Instrucional

24. Propriedades do documento hipermídia Metadata Informação sobre a informação. Metadados em (X)HTML Elementos “Dublin Core”

25. Método de avaliação da qualidade do documento Organização, representação e acesso a informação. Ergonomia. Adequação ao meio digital.

26. Cenários Situações. Significados. Indicadores. O que são? Estrutura. O que analisam?

27. Exemplos Lynda.com - http://www.lynda.com/

28. Exemplos Drawing Tutorials Online - http://www.drawing-tutorials-online.com/

29. FIM!