Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore manual de uso do riocomposer

manual de uso do riocomposer

Published by marcosnery2009, 2015-08-23 08:23:23

Description: Manual que orienta o uso do software de produção de videoaulas da RNP.

Keywords: educação,videoaulas

Search

Read the Text Version

Manual básico de utilização do RIOComposer

Instalação do RIOComposerAcesse o site http://videoaula.rnp.br onde encontrará o link para instalar o RIOComposer.Pré-requisitos Máquina virtual Java (JVM) na versão 1.7 ou superior. Sistemas Operacionais Windows ou Ubuntu Linux. Para o Ubuntu Linux 64 Bits é obrigatório ter o programa Mplayer instalado no sistema; para os demais isso não é necessário.Habilitando a visualização local de videoaulasEsta atividade depende do navegador padrão utilizado no sistema. Seguem os passos para osnavegadores suportados:Google Chrome:Nenhuma configuração adicional é necessária. Porém é obrigatório que o Google Chrome seja abertopelo RIOComposer e neste momento não pode haver nenhuma janela aberta deste navegador.Mozilla Firefox:Deve-se abrir o navegador Mozilla Firefox e digitar no campo de endereço a URL “about:config”. Seráexibida uma mensagem e deve-se clicar no único botão apresentado. Logo após, no campo “Localizar”,deve-se digitar o termo “security.fileuri.strict_origin_policy”. Neste momento aparecerá apenas umitem na lista onde deve-se dar um duplo clique trocando o seu valor para “false”.Microsoft Internet Explorer 10 ou mais recente:Nenhuma configuração adicional é necessária. Porém ao abrir a videoaula deve-se clicar no botão“Permitir conteúdo bloqueado” que aparecerá na parte inferior do navegador.Abrindo o RIOComposerApós ser feita a instalação, basta dar duplo clique sobre o ícone do RIOComposer na sua área detrabalho ou duplo clique no arquivo “RIOComposer.jar” na pasta de instalação.A tela abaixo será exibida:Manual básico de utilização do RIOComposer 1

Figura 1 – Tela principal do sistema.Criando uma videoaulaPré-requisitos O vídeo já deve estar convertido para o formato requerido pelo RIOComposer, preferencialmente utilizando a ferramenta de conversão descrita no anexo I. Transparências: Devem ficar na mesma pasta dos arquivos do vídeo. As transparências estáticas devem estar no formato de imagens PNG, JPG, SVG ou GIF.Manual básico de utilização do RIOComposer 2

As transparências com animações e/ou interações devem estar em formato HTML5. Neste caso é importante verificar a compatibilidade dos navegadores com o conteúdo produzido. É fundamental que o HTML contenha a altura e largura do “html” e do “body” dentro da tag <head>, como no exemplo: <style> html, body{ height: 500px; width:500px; } </style> Para desenvolver transparências interativas/animadas pode-se utilizar a ferramenta Adobe Edge Animate. Esta ferramenta, em sua primeira versão, é gratuita. O Microsoft Power Point, LibreOffice/OpenOffice e o Google Docs exportam apresentações para o formato PNG. Neste caso todas as animações e interações serão perdidas. O nome dos arquivos não pode conter caracteres especiais ($, !, \, etc) e nem espaços em branco.Passo a passo para a criação de uma videoaulaPasso 1: Abrir arquivo de vídeoPara selecionar o vídeo, clique no menu “Arquivo” e em seguida em “Abrir Vídeo” ou utilize a tecla deatalho “Ctrl+i”.Escolha o vídeo (apenas arquivos .mp4 ou .webm) para criação da aula. Logo após, a reproduçãocomeçará automaticamente.Passo 2: Selecionar as transparênciasApós a reprodução do vídeo, podemos escolher as transparências que deverão ser apresentadas deforma sincronizada. Para isto, basta clicar sobre o botão “Nova transparência” no instante desejado. Ovídeo será pausado e uma caixa de diálogo será aberta para que seja escolhida a transparência. Destaforma, o tempo capturado será associado à transparência selecionada. Veja a figura abaixo:Manual básico de utilização do RIOComposer 3

Figura 2 – Associação tempo/arquivo para transparência.Caso deseje remover uma transparência criada, basta selecioná-la e apertar o botão “Remover”. Paracontinuar com o vídeo, clique no botão “Play” situado abaixo do vídeo.É possível gerar um roteiro para a videoaula com os mesmos tempos das transparências. Para issodeve-se selecionar o botão “Copiar Tempos”, e automaticamente aparecerão na área do roteiro osmesmos tempos definidos nas transparências, conforme a Figura 2.1. Caso algum tópico do roteiro nãoseja necessário, remova-o clicando sobre ele e, em seguida, no botão “Remover”. Figura 2.1 – Copiar tempos de sincronização das transparências para o roteiro.Passo 3: Acrescentar tópico ao roteiroPara acrescentar um tópico, o processo é similar ao das transparências, bastando clicar sobre o botão“Novo tópico”. Assim, o vídeo será pausado e o tempo capturado para criação do novo tópico doroteiro. Veja a figura 3: Figura 3 – Criação de um novo tópico.É importante ressaltar que os tópicos possuem uma hierarquia. Para criar essa hierarquia é precisoselecionar aquele que receberá o sub-tópico no momento da criação. Por exemplo, ao criar o tópico 1.1foi selecionado o tópico 1. O tópico também pode ser removido, selecionando-o e clicando no botão“Remover”. Outra possibilidade é a alteração de sua posição, bastando para isso clicar no tópicodesejado e arrastá-lo até a sua nova posição.Passo 4: Informações gerais da videoaulaNa parte superior da tela, em “Informações gerais”, devem ser cadastrados os dados da videoaula.Manual básico de utilização do RIOComposer 4

Figura 4 – Área de exibição das informações gerais da videoaula.Para preencher as informações clique no botão “Editar” e o formulário da figura abaixo será exibido.Figura 5 – Formulário de cadastro das informações gerais da videoaula.Seguem as descrições dos campos do formulário: 5Informações da videoaulaInstituição: Instituição produtora da videoaula. Utilize preferencialmente a sigla da instituição.Tipo do recurso: Tipo específico da videoaula, conforme opções apresentadas.Estado: Indicação do estado do desenvolvimento da videoaula, conforme opções apresentadas.Manual básico de utilização do RIOComposer

Código da disciplina: Código da disciplina associada à videoaula. Uma dica é utilizar o mesmo códigoque a instituição utiliza para identificar as disciplinas. Exemplo: ead05007.Thumbnail: Arquivo (PNG ou PNG) que represente a videoaula, tipicamente uma captura de tela.Idioma: Idioma da videoaula, conforme opções apresentadas.Título: Título da videoaulaIdioma: Idioma que será usado para o preenchimento dos demais campos desta seção, conformeopções apresentadas.Descrição: Descrição sucinta do uso previsto para essa videoaula.Palavras-chave: Palavras-chave associadas à videoaula separadas por vírgulaDisciplina: Disciplina associada à videoaula. Coloque o nome por extenso..Curso: Curso associado à videoaula.Informações sobre a área do conhecimentoÁrea: Área do conhecimento, conforme opções apresentadas.Informações sobre os autoresNome: Nome do autorFunção: Função exercida na produção da videoaula, conforme opções apresentadas.Direitos autoraisDescrição: Descrição dos direitos autorais da videoaula. Uma forma simples de preencher é colocar otipo de licença (GNU, Creative Commons, GPL, etc.) ou, caso não seja um tipo de licença amplamentedivulgado, descrever quem é detentor dos direitos autorais e quais ações podem ser feitas com avideoaula (copiar, distribuir, exibir, traduzir e executar as obras e ainda criar obras derivadas, etc.).Exemplo: “MEC. Termo de cessão dado pelo autor ou seu representante diretamente ao Ministério daEducação que permite o uso do recurso para distribuição, tradução, edição, excetuando-se o usocomercial.”Idioma: Idioma da descrição dos direitos autorais da videoaula, conforme opções apresentadas.Dados EducacionaisContexto: Contexto em que a videoaula está inserida, conforme opções apresentadas.Regra do usuário: Usuário principal para o qual a videoaula foi produzida, conforme opçõesapresentadas.Tipo do aprendizado: Tipo do aprendizado da videoaula, conforme opções apresentadas.Manual básico de utilização do RIOComposer 6

Idioma: Idioma da descrição, conforme opções apresentadas.Descrição: Descrição de como a videoaula deve ser usada. Exemplo: em sala de aula, apoio extra-classe, etc.Videoaulas RelacionadasTipo da relação: Tipo da relação entra a videoaula produzida e a relacionada, conforme opçõesapresentadas.Link: Link de acesso à videoaula relacionada.Idioma: Idioma da descrição da videoaula relacionada, conforme opções apresentadas.Descrição: Descrição sucinta da videoaula relacionada.Passo 5: SalvarPara salvar basta clicar no menu “Arquivo” e logo após em “Salvar aula”. Serão gerados 3 arquivos comextensões “.xml”, “.sync” e “.index”, que serão gravados na mesma pasta do vídeo (“.mp4” ou “.webm”).Passo 6: Testar videoaula localmenteClique no menu Ferramentas e selecione a opção “Visualizar Videoaula. Lembre-se antes de fazer avisualização local seguir o passo a passo, disponível neste manual, para habilitar esta funcionalidade.Abrindo uma videoaulaPara abrir uma videoaula para edição clique no menu “Arquivo” e em seguida em “Abrir videoaula” ouutilize a tecla de atalho “Ctrl+i”. Aparecerá a opção de abrir o arquivo “.xml”. Selecione o arquivo daaula desejada. É importante que todos os arquivos da videoaula estejam na mesma pasta do arquivo“.xml”.Ferramenta de publicação de videoaulasPré-requisitosPara publicar uma videoaula, o firewall de sua instituição deve estar liberado para a utilização de HTTPe HTTPS (portas 80 e 443 TCP, respectivamente).Passo a passo para a publicação de uma videoaulaPasso 1: Abrir a ferramentaPara abrir ferramenta, basta clicar no menu “Ferramentas” e depois em “Publicar Videoaulas”.Logo após, a tela da figura abaixo:Manual básico de utilização do RIOComposer 7

Figura 6 – Tela principal da ferramenta de publicação.Passo 2: Conectar ao servidorPara conectar ao servidor, os campos “Servidor”, “Usuário” e ”Senha” devem ser preenchidos e logoapós deve-se clicar no botão “Conectar”. Figura 7 – Informações da conexão.O painel direito da ferramenta será preenchido com a lista de arquivos e pastas do seu usuário noservidor, conforme a figura abaixo.Manual básico de utilização do RIOComposer 8

Figura 8– Lista de arquivos e pastas no servidor.Passo 3: Criação de uma pasta no servidorPara criar uma pasta, clique no botão “Nova Pasta” identificado pelo ícone do lado direito da tela.Será exibida uma tela para digitar o nome da nova pasta, conforme a figura 11. Figura 9 – Tela de entrada do nome da nova pasta.Clique no botão “OK” e a nova pasta será criada na pasta atual.Passo 4: Transferência de arquivosPara transferir arquivo(s) e/ou pasta(s) entre o seu computador e o servidor execute os seguintespassos: 1. Selecione o(s) arquivo(s) e/ou pasta(s). Caso queria selecionar mais de um objeto utilize as teclas Ctrl ou Shift do teclado.Manual básico de utilização do RIOComposer 9

2. Clique com o botão esquerdo do mouse em um dos arquivos selecionados e arraste até a tela ao lado e solte o botão.Uma videoaula é composta de diversos arquivos e todos devem ser copiados para a mesma pasta noservidor, quais sejam: • Vídeos: arquivos “.mp4” e “.webm” • Roteiro: arquivo “.index” • Sincronização: arquivo “.sync” • Informações da videoaula: arquivo “.xml” • Transparências: todos os arquivos relativos às transparências • Midias relacionadas: todos os arquivos que foram apontados nas transparências e que ficarão no sistema (pdf, texto, etc).Passo 5: Renomear uma pasta ou um arquivoPara renomear uma pasta ou um arquivo, selecione a pasta ou arquivo desejado e logo após clique nobotão “renomear” e aparecerá uma tela para digitar o novo nome, conforme a figura abaixo. Figura 10 – Tela de entrada do novo nome da nova pasta ou arquivo.Passo 6: Apagar pasta ou arquivoPara apagar uma pasta ou arquivo, selecione a pasta ou arquivo desejado e logo após clique no botão“apagar” . ATENCÃO: Ao apagar uma pasta todos os arquivos e subpastas serão apagados também.Acesso à videoaula e seus componentesApós construir a sua videoaula utilizando o RIOComposer e fazer a publicação, basta acessar oendereço que será descrito abaixo. É importante destacar que os arquivos só ficam totalmentedisponíveis no dia seguinte à publicação, pois a sincronização de todos os servidores do serviço é feitauma vez por dia.A URL de acesso à videoaula pode ser obtida selecionando o arquivo “.xml” da aula no servidor eclicando no botão . Ela segue o seguinte padrão:http://SERVIDOR/v.php?f=<CAMINHO_ARQUIVO_XML_NO_SERVIDOR>Manual básico de utilização do RIOComposer 10

Onde:<SERVIDOR> é o nome do servidor onde as videoaulas foram armazenadas<CAMINHO_ARQUIVO_XML_NO_SERVIDOR> é o caminho completo do arquivo “.xml” com que foi feitoo upload.Segue um exemplo onde o servidor de videoaulas é “videoaula.rnp.br” e o caminho completo para oarquivo “.xml” é “/rnp/treinamentos/videoaulas/modulo_3/modulo_3.xml”. Este endereço deverá serdivulgado para os usuários terem acesso à videoaula.http://videoaula.rnp.br/v.php?f=/rnp/treinamentos/videoaulas/modulo_3/modulo_3.xmlTestando o funcionamento da videoaulaApós ser feita a publicação, basta seguir o padrão de URL descrito acima e acrescentar ao final“&verify=true”, sem as aspas. Com esta URL, conseguirá acessar a videoaula que acabou de fazer oupload sem a necessidade de aguardar a sincronização dos servidores, que acontece apenas uma vezao dia. Segue um exemplo: Esta URL com “&verify=true” no final NÃO pode ser divulgada para os usuários finais (alunos etc), pois é usada apenas para testar a videoaula que acabou de ser publicada.Acesso aos arquivos relacionadosO sistema permite o download de qualquer formato de arquivo. Eles podem ser acessados facilmenteatravés de uma URL, que pode ser usada na transparência como link para o arquivo. A URL de acessopode ser obtida selecionando o arquivo no servidor e clicando no botão . Ela segue o seguintepadrão:http://<SERVIDOR>/rio/<CAMINHO_DO_ARQUIVO_NO_SERVIDOR><SERVIDOR> é o nome do servidor onde as videoaulas foram armazenadas<CAMINHO_DO_ARQUIVO_NO_SERVIDOR> é o caminho completo do arquivo com que foi feito o uploade que se deseja acessar.Exemplo:http://videoaula.rnp.br/rio/rnp/treinamentos/videoaulas/modulo_3/modulo_3.indexManual básico de utilização do RIOComposer 11

Anexo 1: Manual para a Conversão de VídeoConversão de vídeo no sistema operacional Ubuntu Linux 12.04Baixe o arquivo compactado em:http://videoaula.rnp.br/ferramentas/conversao_video_html5_ubuntu_12.04.zipEm seguida faça a descompactação do arquivo na pasta que desejar.Para fazer a conversão, deve-se colocar o arquivo “conversao.sh” e a pasta ffmpeg na mesma pastaonde estão os vídeos a serem convertidos. Antes de executar estes arquivos pela primeira vez, abra umterminal e execute os seguintes comandos:cd <caminho_para_pasta_onde_descompactou_zip>chmod u+x ffmpeg/ffmpeg conversao.shAgora, basta executar o script de conversão através do comando “./conversao.sh”.Com este comando, todos os vídeos com extensão “.mpg” da pasta serão convertidos e serão geradosdois arquivos com o mesmo nome do vídeo original, porém com as extensões “mp4” e “webm”.Caso queira converter um vídeo de outra extensão (formato), é necessário abrir o arquivo“conversao.sh” com um editor de texto e modificar o valor onde está escrito EXTENSION para aextensão adequada. Por exemplo, trocar EXTENSION=”mpg” por EXTENSION=”avi”. Após amodificação, salve o arquivo e execute novamente o script de conversão.O processo de conversão do vídeo poderá levar várias horas dependendo da duração do vídeo e dacapacidade de processamento do computador.Conversão de vídeo no sistema operacional WindowsBaixe o arquivo compactado em:http://videoaula.rnp.br/ferramentas/conversao_video_html5_windows.zipEm seguida faça a descompactação do arquivo na pasta que desejar.Abra o prompt de comando do Windows.Vá até a pasta onde foi descompactado o arquivo através do comando:cd <caminho_completo_do_diretório_onde_foi_descompactado_o_pacote>Para executar a conversão devemos executar o arquivo “conversao.bat”, passando como parâmetros(entre aspas) primeiro o vídeo a ser convertido incluindo sua extensão (.mpg por exemplo) e depois onome do novo vídeo sem sua extensão. Exemplo:conversao.bat “c:\videos\video1.mpg” “c:\videos\videos1_novo”Com este comando, o vídeo será convertido e serão gerados dois arquivos com o mesmo nome dovídeo original, porém com as extensões “mp4” e “webm”. Se o vídeo original estiver no formato “mp4”ou “webm” é importante que o nome do vídeo de saída (neste exemplo “c:\videos\videos1_novo”) sejadiferente do nome original, se não este será sobrescrito.Manual básico de utilização do RIOComposer 12

O processo de conversão do vídeo poderá levar várias horas dependendo da duração do vídeo e dacapacidade de processamento do computador.Conversão de vídeo usando outra ferramentaO escopo deste material não inclui suporte à outra ferramenta de conversão de vídeo, mas caso vocêqueira tentar, siga as especificações abaixo:Especificações: Container MP4 com codec de vídeo H.264 e codec de áudio AAC; Container WEBM com codec de vídeo VP8 e codec de áudio Vorbis; Resolução de 320x240 pixels. É obrigatório ter o vídeo nos dois formatos, MP4 e WEBM.Não recomendamos taxas altas para o vídeo, pois o arquivo pode ficar muito grande, causando umademora maior para os usuários que forem assisti-lo.Manual básico de utilização do RIOComposer 13


Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook