Roteiro para Mídias Interativas
Textos Utilizados SALAVERRÍA, Ramón. Manual de Redacción Ciberperiodística. Barcelona: Ariel, 2003. Cap. 3, pgs. 141 a 194...
Tema Roteiros Hipermídia para a Criação de Treinamentos Online (e-learning)
Justificativas Completar com teorias da Comunicação/Jornalismo algo que a pedagogia não oferece aos profissionais da área:...
Justificativas Focar o desenvolvimento do conteúdo multimídia nos aspectos comunicacionais, não nas limitações tecnológica...
Justificativas Conhecer os métodos de organização leva a saberes orientados. 3 Maximização da Informação x Manipulação dos...
Glossário básico: termos que se confundem Arquitetura de Informação “ Arquitetura de Informação  consiste no design de amb...
Glossário básico: termos que se confundem Design de Informação “ Design de informação  ou  infodesign , é uma área do desi...
Glossário básico: termos que se confundem Design Instrucional " Design Instrucional  é a prática de maximizar a efeti...
Estrutura de um documento hipermídia Um documento hipermídia é um documento digital completo, formado por um conjunto de e...
Estrutura de um documento hipermídia Secciones Enlaces Anglajes Páginas / Conceitos / Parágrafos Categorias / Menus / Índi...
Estrutura de um documento hipermídia Apostilas Podcasts Módulo Virtual Futuro
Estrutura de um documento hipermídia Exemplos Ementa Tela Referências
Estrutura de um documento hipermídia Exemplos
Como estruturar o que irá compor este documento? <ul><li>Recorrente. </li></ul><ul><li>Lógica. </li></ul><ul><li>Gradual. ...
Como se chega nisso? GOSCIOLA, Vicente. Roteiro para as novas mídias – do cinema às mídias interativas. São Paulo: Editora...
Propriedades do documento hipermídia <ul><li>Grau de interatividade; </li></ul><ul><li>Estrutura; </li></ul><ul><li>Conect...
Propriedades do documento hipermídia Grau de Interatividade <ul><li>Grau 01. </li></ul><ul><li>Grau 02. </li></ul><ul><li>...
Propriedades do documento hipermídia Estrutura LINEAR EM REDE ÁRVORE MISTA
Propriedades do documento hipermídia Conectividade <ul><li>Mínima – Sumário Global. </li></ul><ul><li>Média – Sumário Glob...
Propriedades do documento hipermídia Conectividade - Luminosidade Do documento para o mundo: Citações emitidas ou links qu...
Propriedades do documento hipermídia Conectividade - Visibilidade Do mundo para o documento. Citações recebidas, links de ...
Propriedades do documento hipermídia Autoria / Fonte <ul><li>Anônima. </li></ul><ul><li>Implícita. </li></ul><ul><li>Explí...
Propriedades do documento hipermídia Metadata <ul><li>Informação sobre a informação. </li></ul><ul><li>Metadados em (X)HTM...
Método de avaliação da qualidade do documento <ul><li>Organização, representação e acesso a informação. </li></ul><ul><li>...
Cenários <ul><li>Situações. </li></ul><ul><li>Significados. </li></ul><ul><li>Indicadores. </li></ul><ul><ul><li>O que são...
Exemplos Lynda.com -  http://www.lynda.com/
Exemplos Drawing Tutorials Online -  http://www.drawing-tutorials-online.com/
FIM!
Próximos SlideShares
Carregando em…5
×

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

3.962 visualizações

Publicada em

Apresentação para a conclusão do curso "Teorias de Áudio e Vídeo Aplicadas ao Jornalismo", parte da grade do curso de Comunicação Jornalística - Jornalismo Multimídia, da PUC/SP; ministrado pela Prof. Doutora Pollyana Ferrari.

Publicada em: Educação
  • Seja o primeiro a comentar

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

  1. 1. Roteiro para Mídias Interativas
  2. 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. 3. Tema Roteiros Hipermídia para a Criação de Treinamentos Online (e-learning)
  4. 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. 5. Justificativas Focar o desenvolvimento do conteúdo multimídia nos aspectos comunicacionais, não nas limitações tecnológicas. 2
  6. 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. 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. 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. 9. Glossário básico: termos que se confundem Design Instrucional &quot; 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.&quot; Traduzido livremente de Wikipedia: http://tinyurl.com/qokev3 COMPREENSÃO
  10. 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. 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. 12. Estrutura de um documento hipermídia Apostilas Podcasts Módulo Virtual Futuro
  13. 13. Estrutura de um documento hipermídia Exemplos Ementa Tela Referências
  14. 14. Estrutura de um documento hipermídia Exemplos
  15. 15. Como estruturar o que irá compor este documento? <ul><li>Recorrente. </li></ul><ul><li>Lógica. </li></ul><ul><li>Gradual. </li></ul><ul><li>Exploração. </li></ul><ul><li>Autoria. </li></ul><ul><li>Comutação. </li></ul><ul><li>“ Para [Richard Saul] Wurman, as formas de se organizar informação são finitas e sintetizadas pela sigla LATCH: </li></ul><ul><ul><li>Local (mapas), </li></ul></ul><ul><ul><li>Alfabeto, </li></ul></ul><ul><ul><li>Tempo (períodos históricos e linhas de tempo), </li></ul></ul><ul><ul><li>Categoria (grupos </li></ul></ul><ul><ul><li>genéricos, como “verduras” em supermercados ou “vitaminas” em farmácias); e </li></ul></ul><ul><ul><li>Hierarquia (do maior para o menor, do mais claro para o mais escuro).” </li></ul></ul><ul><li>Design/Web/Design - http://tinyurl.com/4uj2st </li></ul>
  16. 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 <ul><li>Roteiro de Produção. </li></ul><ul><li>Refinamento. </li></ul>Edição <ul><li>Roteiro Revisado. </li></ul><ul><li>Storyboard. </li></ul><ul><li>Incorporação de feedback. </li></ul><ul><li>Escritor como leitor. </li></ul>Revisão <ul><li>Primeiro esboço de roteiro. </li></ul><ul><li>Tempo e espaço (mídia contínua) </li></ul><ul><li>Escrevendo para a visão e audição. </li></ul><ul><li>Formatos de roteiro de filmagem. </li></ul><ul><li>Andamento, estilo e tom. </li></ul>Esboço <ul><li>Tratamento audiovisual. </li></ul><ul><li>Formatação de programa. </li></ul><ul><li>Análise estrutural. </li></ul><ul><li>Desenvolvimento de conceito. </li></ul><ul><li>(previsão) </li></ul>Ensaio <ul><li>Pesquisa de agenda. </li></ul><ul><li>Perfil do público-alvo. </li></ul><ul><li>Objetivos. </li></ul><ul><li>Esboço do conteúdo. </li></ul><ul><li>Entrevistas. </li></ul><ul><li>Documentos de Recurso. </li></ul><ul><li>Observação/Experiência Direta. </li></ul><ul><li>Focalização de conteúdo crítico. </li></ul>Assimilação Produto do Escritor Técnicas
  17. 17. Propriedades do documento hipermídia <ul><li>Grau de interatividade; </li></ul><ul><li>Estrutura; </li></ul><ul><li>Conectividade; </li></ul><ul><li>Autoria/Fonte; e </li></ul><ul><li>Metadata. </li></ul>
  18. 18. Propriedades do documento hipermídia Grau de Interatividade <ul><li>Grau 01. </li></ul><ul><li>Grau 02. </li></ul><ul><li>Grau 03. </li></ul><ul><li>Grau 04. </li></ul>
  19. 19. Propriedades do documento hipermídia Estrutura LINEAR EM REDE ÁRVORE MISTA
  20. 20. Propriedades do documento hipermídia Conectividade <ul><li>Mínima – Sumário Global. </li></ul><ul><li>Média – Sumário Global + Sumário local. </li></ul><ul><li>Maciça – Sumário Global + Sumário local + Índices. </li></ul>
  21. 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. 22. Propriedades do documento hipermídia Conectividade - Visibilidade Do mundo para o documento. Citações recebidas, links de outros documentos – popularidade.
  23. 23. Propriedades do documento hipermídia Autoria / Fonte <ul><li>Anônima. </li></ul><ul><li>Implícita. </li></ul><ul><li>Explícita. </li></ul>Ghost Writer / Revisor Técnico / Design Instrucional
  24. 24. Propriedades do documento hipermídia Metadata <ul><li>Informação sobre a informação. </li></ul><ul><li>Metadados em (X)HTML </li></ul><ul><li>Elementos “Dublin Core” </li></ul>
  25. 25. Método de avaliação da qualidade do documento <ul><li>Organização, representação e acesso a informação. </li></ul><ul><li>Ergonomia. </li></ul><ul><li>Adequação ao meio digital. </li></ul>
  26. 26. Cenários <ul><li>Situações. </li></ul><ul><li>Significados. </li></ul><ul><li>Indicadores. </li></ul><ul><ul><li>O que são? </li></ul></ul><ul><ul><li>Estrutura. </li></ul></ul><ul><ul><li>O que analisam? </li></ul></ul>
  27. 27. Exemplos Lynda.com - http://www.lynda.com/
  28. 28. Exemplos Drawing Tutorials Online - http://www.drawing-tutorials-online.com/
  29. 29. FIM!

×