SlideShare uma empresa Scribd logo
1 de 29
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. 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.
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: método prático. 1
Justificativas Focar o desenvolvimento do conteúdo multimídia nos aspectos comunicacionais, não nas limitações tecnológicas. 2
Justificativas Conhecer os métodos de organização leva a saberes orientados. 3 Maximização da Informação x Manipulação dos Fatos
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
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
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
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.
Estrutura de um documento hipermídia Secciones Enlaces Anglajes Páginas / Conceitos / Parágrafos Categorias / Menus / Índices Links / Âncoras Telas Ementa Referências
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? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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 ,[object Object],[object Object],Edição ,[object Object],[object Object],[object Object],[object Object],Revisão ,[object Object],[object Object],[object Object],[object Object],[object Object],Esboço ,[object Object],[object Object],[object Object],[object Object],[object Object],Ensaio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Assimilação Produto do Escritor Técnicas
Propriedades do documento hipermídia ,[object Object],[object Object],[object Object],[object Object],[object Object]
Propriedades do documento hipermídia Grau de Interatividade ,[object Object],[object Object],[object Object],[object Object]
Propriedades do documento hipermídia Estrutura LINEAR EM REDE ÁRVORE MISTA
Propriedades do documento hipermídia Conectividade ,[object Object],[object Object],[object Object]
Propriedades do documento hipermídia Conectividade - Luminosidade Do documento para o mundo: Citações emitidas ou links que partem do documento para outros.
Propriedades do documento hipermídia Conectividade - Visibilidade Do mundo para o documento. Citações recebidas, links de outros documentos – popularidade.
Propriedades do documento hipermídia Autoria / Fonte ,[object Object],[object Object],[object Object],Ghost Writer / Revisor Técnico / Design Instrucional
Propriedades do documento hipermídia Metadata ,[object Object],[object Object],[object Object]
Método de avaliação da qualidade do documento ,[object Object],[object Object],[object Object]
Cenários ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exemplos Lynda.com -  http://www.lynda.com/
Exemplos Drawing Tutorials Online -  http://www.drawing-tutorials-online.com/
FIM!

Mais conteúdo relacionado

Destaque (10)

Do roteiro ao plano visual / plano de produção
Do roteiro ao plano visual / plano de produçãoDo roteiro ao plano visual / plano de produção
Do roteiro ao plano visual / plano de produção
 
O filme comercial apresentação
O filme comercial   apresentaçãoO filme comercial   apresentação
O filme comercial apresentação
 
Produção em TV
Produção em TVProdução em TV
Produção em TV
 
Planos para filmagem
Planos para filmagemPlanos para filmagem
Planos para filmagem
 
Planos
PlanosPlanos
Planos
 
Roteiro 2ª parte
Roteiro 2ª parteRoteiro 2ª parte
Roteiro 2ª parte
 
Roteiro para filme publicitário
Roteiro para filme publicitárioRoteiro para filme publicitário
Roteiro para filme publicitário
 
Roteiro Para TV
Roteiro Para TVRoteiro Para TV
Roteiro Para TV
 
Curta Metragem - Como fazer o seu !
Curta Metragem - Como fazer o seu !Curta Metragem - Como fazer o seu !
Curta Metragem - Como fazer o seu !
 
Roteiro com textos
Roteiro com textosRoteiro com textos
Roteiro com textos
 

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

Aula 2 OficinaJOL Facom
Aula 2 OficinaJOL FacomAula 2 OficinaJOL Facom
Aula 2 OficinaJOL Facom
afch1973
 
Abordagem a plataformas, ferramentas e ambientes digitais
Abordagem a plataformas, ferramentas e ambientes digitaisAbordagem a plataformas, ferramentas e ambientes digitais
Abordagem a plataformas, ferramentas e ambientes digitais
mariafilomenalr
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15
Rui Raposo
 

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

Inov Aula2
Inov Aula2Inov Aula2
Inov Aula2
 
Aula 2 OficinaJOL Facom
Aula 2 OficinaJOL FacomAula 2 OficinaJOL Facom
Aula 2 OficinaJOL Facom
 
As tec ciberneticas da comunicaçao g3
As tec ciberneticas da comunicaçao g3As tec ciberneticas da comunicaçao g3
As tec ciberneticas da comunicaçao g3
 
Aula1 Ojd
Aula1 OjdAula1 Ojd
Aula1 Ojd
 
A P R E S E N T AÇÃ O U N I D A D E 02
A P R E S E N T AÇÃ O  U N I D A D E 02A P R E S E N T AÇÃ O  U N I D A D E 02
A P R E S E N T AÇÃ O U N I D A D E 02
 
Tecnologias Cibernéticas Para A Ead
Tecnologias Cibernéticas Para A EadTecnologias Cibernéticas Para A Ead
Tecnologias Cibernéticas Para A Ead
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação
 
O USO DO CMS JOOMLA E SUAS FERRAMENTAS HIPERTEXTUAIS NA PRODUÇÃO DE SITES EDU...
O USO DO CMS JOOMLA E SUAS FERRAMENTAS HIPERTEXTUAIS NA PRODUÇÃO DE SITES EDU...O USO DO CMS JOOMLA E SUAS FERRAMENTAS HIPERTEXTUAIS NA PRODUÇÃO DE SITES EDU...
O USO DO CMS JOOMLA E SUAS FERRAMENTAS HIPERTEXTUAIS NA PRODUÇÃO DE SITES EDU...
 
Gestao processos criativos ciped 09
Gestao processos criativos ciped 09Gestao processos criativos ciped 09
Gestao processos criativos ciped 09
 
5º encontro proinfo TICs. 03/06/2014
5º encontro proinfo TICs. 03/06/20145º encontro proinfo TICs. 03/06/2014
5º encontro proinfo TICs. 03/06/2014
 
Novos Serviços de Referência Digital
Novos Serviços de Referência DigitalNovos Serviços de Referência Digital
Novos Serviços de Referência Digital
 
Joana peixoto internet e conhecimento - workshop ensino médio e mídias agos...
Joana peixoto   internet e conhecimento - workshop ensino médio e mídias agos...Joana peixoto   internet e conhecimento - workshop ensino médio e mídias agos...
Joana peixoto internet e conhecimento - workshop ensino médio e mídias agos...
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Abordagem a plataformas, ferramentas e ambientes digitais
Abordagem a plataformas, ferramentas e ambientes digitaisAbordagem a plataformas, ferramentas e ambientes digitais
Abordagem a plataformas, ferramentas e ambientes digitais
 
O bom uso da informação: citar e referenciar
O bom uso da informação: citar e referenciarO bom uso da informação: citar e referenciar
O bom uso da informação: citar e referenciar
 
Curso Apresentacao
Curso ApresentacaoCurso Apresentacao
Curso Apresentacao
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15
 
Web 2
Web 2Web 2
Web 2
 
Recursos didáticos: produzir, encontrar, remixar, organizar, catalogar
Recursos didáticos: produzir, encontrar, remixar, organizar, catalogarRecursos didáticos: produzir, encontrar, remixar, organizar, catalogar
Recursos didáticos: produzir, encontrar, remixar, organizar, catalogar
 

Último

19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
lenapinto
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
Autonoma
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 

Último (20)

19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptx
 
Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Falando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introdFalando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introd
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 

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

  • 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.
  • 16.
  • 17.
  • 18.
  • 19. Propriedades do documento hipermídia Estrutura LINEAR EM REDE ÁRVORE MISTA
  • 20.
  • 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.
  • 24.
  • 25.
  • 26.
  • 27. Exemplos Lynda.com - http://www.lynda.com/
  • 28. Exemplos Drawing Tutorials Online - http://www.drawing-tutorials-online.com/
  • 29. FIM!