Utilização video audio ativosdigitais
-
Upload
fernando-rui-campos -
Category
Education
-
view
53 -
download
4
description
Transcript of Utilização video audio ativosdigitais
![Page 1: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/1.jpg)
Recursos educativos abertos
Utilização/criação de vídeo (dispositivos móveis)
Autor: Fernando Rui Campos 06 de julho 2014
1
![Page 2: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/2.jpg)
Carateristicas do vídeo
• Formato MP4 codificação H264
• Armazenamento em plataformas tais como: – Youtube
– TeacherTube
– Vimeo
• Colocar Licença Creative Commons – BY ou BY-SA ou BY-NC-SA no licenciamento nda plataforma.
Fernando Rui Campos
2
![Page 3: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/3.jpg)
Criação de vídeo
• Captura através de dispositivos móveis ou câmaras
• Através da captura de ecrã utilizando um programa específico de captura de ecrã.
• Criação de vídeo através de imagens estáticas e edição de vídeo.
• Utilização de equipamentos do tipo Desktop para
edição de vídeo ou então de APP específica em dispositivos móveis.
3
![Page 4: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/4.jpg)
Editores de vídeo
• Utilização de MovieMaker (iMovie – iMac OS)
• Utilização de Audacity para tratamento e edição de audio.
• Utilização de editores de vídeo para dispositivos móveis ( Explain everything , p.ex.)
4
![Page 5: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/5.jpg)
Ferramentas online (em linha)
• Gravação de ecrã em modo vídeo:
• http://www.screenr.com/
• Gravação Online
• http://www.screencast-o-matic.com/ (max. 15 minutos)
5
![Page 6: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/6.jpg)
Criação de vídeo - Guião
• Pequeno documento escrito, estruturado, que obedece a algumas convenções funcionais e utiliza uma linguagem simples e pragmática, escrita geralmente na primeira pessoa do plural (nós) do tempo presente.
• É uma forma concisa de planear uma peça audiovisual, podendo englobar o argumento (a história), a realização (gravação, técnica) e a edição (montagem, pós-produção…).
(Texto adapatado : Luis Valente, Universidade Minho) 6
![Page 7: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/7.jpg)
Criação de vídeo - Guião
• Guião de autor ou guião literário: constitui a narrativa, onde se descrevem os cenários, as personagens, a ação, os diálogos e a narração secundária (voz off).
• Guião técnico ou storyboard: documento onde se fazem referências à captação de imagem e áudio, à iluminação, aos adereços e à planificação das cenas, por exemplo.
(Texto adapatado : Luis Valente, Universidade Minho) 7
![Page 8: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/8.jpg)
Criação de vídeo
• Guião final: é o guião que reúne, de forma simplificada, o guião literário e o guião técnico. Em pequenos projetos, o guião final é quase sempre o único existente e designa-se simplesmente o GUIÃO.
(Texto : Luis Valente, Universidade Minho) 8
![Page 9: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/9.jpg)
Criação de vídeo e disponibilização
• A partir do guião deverão realizar-se as filmagens de acordo com os planos, “atores” equipamentos e planos previstos.
• Após as filmagens torna-se necessário editar o vídeo (p.ex. Via MovieMaker, ou premier da Adobe para uma solução eventualmente mais profissional) e audio (para normalização dos níveis audio, usando por ex. Audacity)
• Após a edição torna-se necessário disponibilizar o vídeo usando plataformas de armazenamento como por exemplo o YouTube, Vímeo, Teachers Tube.
(Adaptado de: Luis Valente, Universidade Minho) 9
![Page 10: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/10.jpg)
Simulações vídeo
• Realizar a partir de aplicações como por exemplo as existentes no Phet .
• Preparar previamente o tipo de simulação a partir de resultados esperados e que se pretende mostrar os alunos, complementando com questões ou outras atividades.
• Gravar a janela a gravar utilizando uma aplicação de gravação de ecrã em modo de vídeo. Se necessário transformar o formato de vídeo para mp4 (H264).
10
![Page 11: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/11.jpg)
Disponibilizar vídeo (YouTube)
• Criar conta no Google – www.gmail.com
• Aceder ao canal de YouTube da conta respetiva.
11
![Page 12: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/12.jpg)
Carregar ficheiro vídeo e melhorar vídeos YouTube (10 passos)
1
2
3
12
![Page 13: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/13.jpg)
Carregar ficheiro vídeo YouTube (cont.)
4
5
13
![Page 14: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/14.jpg)
Possíveis melhorias e edição do vídeo
6
7
Carregar ficheiro vídeo YouTube (cont.)
14
![Page 15: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/15.jpg)
Carregar ficheiro vídeo YouTube (cont.)
8
9
10
15
![Page 16: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/16.jpg)
Alteração de licenciamento
Se não alterar o tipo de licenciamento, o recurso não será considerado recurso educativo aberto, não sendo pesquisável pelos motores de pesquisa do Creative Commons e outros.
16
![Page 17: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/17.jpg)
Simulação e gravação audio em vídeo • Caso 1 – Existe simulador em HTML5 e funciona em dispositivos móveis. [usar
diretamente no dispositivo móvel] • Caso 2 – Existe simulador mas o mesmo necessita de instalar Java não sendo
possível ser usado em dispositivos móveis. [gravar captura de vídeo no computador fixo]
• Caso 3 – Existe vídeo de simulação mas o ficheiro está em formato Flash Vídeo (“nome”.flv). [converter formato de ficheiro num computador fixo]
• Caso 4 – Necessito de personalizar determinado tipo de experiências e gravar em vídeo (idêntico ao caso 2). [realizar captura de vídeo e gravar em formato vídeo MP4]
• Caso 5 - Existe a simulação em formato Flash na Internet e não consigo descarregar para converter o ficheiro (usar mesma técnica do caso 2). . [gravar captura de vídeo, com narração p. ex.]
• Caso 6 – Necessito de inserir texto em imagens ou vídeos, ou de inserir audio utilizando uma imagem. [editar vídeo, utilizando uma aplicação de edição como o MovieMaker p.ex. , gravando ou enviando para o YouTube]
17
![Page 18: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/18.jpg)
Simulação – HTML5 (caso 1)
• Interativo
• Feedback imediato
• Obtenção de resultados próximos da realidade
• Funciona diretamente no dispositivo móvel utilizando um navegador Internet a partir do endereço respetivo, p.ex.
• http://phet.colorado.edu/sims/html/ohms-law/latest/ohms-law_en.html
18
![Page 19: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/19.jpg)
Caso 2 e 4
• Por exemplo utilizando simulações traduzidas do Phet:
• http://phet.colorado.edu/pt/simulations/translated/pt
19
![Page 20: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/20.jpg)
Gravação de ecrã e audio
1 – Definição do tamanho da janela 2 -
Nota: Necessário ligação à internet
20
![Page 21: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/21.jpg)
Ajuste da janela de gravação de acordo com forma do vídeo
2- Ajuste da janela à zona que se pretende gravar 21
![Page 22: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/22.jpg)
Exportação da gravação para Youtube ou ficheiro
22
![Page 23: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/23.jpg)
Gravar e Carregar no YouTube
23
![Page 24: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/24.jpg)
No you tube
Por defeito, não é colocada a miniatura da imagem
https://www.youtube.com/watch?v=q2aleVWSwjI 24
![Page 25: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/25.jpg)
Simulação em Flash vídeo (formato sem interação) caso 3
• Necessidade de conversão do formato Flash Vídeo para formato MP4 (p.ex. http://www.pcfreetime.com/)
Carateristicas técnicas – Converte vários formatos vídeo, audio e imagem.
Nota: Durante o processo de instalação, desativar as opções de extensões adicionais ao programa que vêm ativadas por defeito. 25
![Page 26: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/26.jpg)
Simulação FlashVideo->Mp4 (dispositivo móvel)
• Escolher como formato de destino o Mp4
Em função do formato original e da capacidade do dispositivo escolher as carateristicas específicas do formato.
26
![Page 27: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/27.jpg)
Simulação FlashVideo->Mp4 (dispositivo móvel)
http://convertfiles.com - Conversão em linha
27
![Page 28: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/28.jpg)
Simulação – casos reais e constragimentos
• Caso 1 - É aquele que futuramente será disponibilizado através do uso de HTML5.
• Casos 2, 4, 5 – Utilizam técnicas idênticas de obtenção do vídeo.
• Caso 3 – Necessita de um programa de conversão de ficheiros (Format Factory, p.ex.).
• Caso 6 – Para edição de vídeo com possibilidade de integração de audio, texto e imagens.
28
![Page 29: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/29.jpg)
Simulação – Exemplos de uso na sala de aula
Exemplo DE PESQUISA SIMULAÇÕES NO SÍTIO pHET : https://www.youtube.com/watch?v=WIFIA7esjOY
https://www.youtube.com/watch?v=mEe3lD5l0dc
29
![Page 30: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/30.jpg)
Caso 6 – edição de vídeo
30
![Page 31: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/31.jpg)
Caso 6 – edição de vídeo
Utilização de Movie Maker 31
![Page 32: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/32.jpg)
Vídeo com imagem, audio e Texto
32
![Page 33: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/33.jpg)
Caso 6 – Inserção de audio
Se pretender uma imagem com música do principio ao fim! 33
![Page 34: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/34.jpg)
Critério de resolução vs tamanho
No final converter para Mp4 através do Format Factory por exemplo.
34
![Page 35: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/35.jpg)
Gravação de vídeo – dispositivos móveis
Utilização de App específica . P.ex. Explain everything
Permite adicionar: ficheiros pdf, imagens, anotações 35
![Page 36: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/36.jpg)
Possibilidade de edição dos vários elementos do Ativo digital
36
![Page 37: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/37.jpg)
Possibilidade de escolher o fundo do slide
37
![Page 38: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/38.jpg)
Tipos de permissão e acesso do dispositivo móvel
Tem a possibilidade de criar projetos a partir de ficheiros pdf, ou de imagens da câmara.
http://www.morriscooke.com/ Sítio do fabricante
38
![Page 39: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/39.jpg)
Ferramentas Web 2.0 educação
• http://edjudo.com/web-2-0-teaching-tools-links
39
![Page 40: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/40.jpg)
Agregadores de Ativos digitais new exelearning
• Agregador HTML 5
• Potencial de criação de atividades interativas
• https://www.dropbox.com/sh/ttbwo05ugq25osd/AADys5eIja7UtjVTba3xa4Nxa
http://exelearning.net/?lang=en
40
![Page 41: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/41.jpg)
Acesso à versão experimental new exelearning
41
![Page 42: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/42.jpg)
Exemplo Time line
• http://www.timetoast.com/timelines/physics-discoveries-1600-present
42
![Page 43: Utilização video audio ativosdigitais](https://reader033.fdocument.pub/reader033/viewer/2022051514/548f2347b479591e1d8b4bff/html5/thumbnails/43.jpg)
Acesso a diferentes ativos digitais
43 http://tinyurl.com/crecursos