Ginga-NCL e composer

16
GINGA-NCL E COMPOSER TV Interativa Dhiogo Boza <[email protected]>

description

Utilização do software composer para o desenvolvimento de aplicações digitais interativas.

Transcript of Ginga-NCL e composer

Page 1: Ginga-NCL e composer

GINGA-NCL E COMPOSERTV InterativaDhiogo Boza <[email protected]>

Page 2: Ginga-NCL e composer

Desenvolvimento de Aplicações para TV Digital

Configurando o ambiente de desenvolvimento no Windows

Dhiogo Boza <[email protected]>

Page 3: Ginga-NCL e composer

TV Digital

Dezembro de 2007;

Interatividade: Aplicações; Qualidade;

Page 4: Ginga-NCL e composer

GINGA

Middleware opensource que gerencia as funções de interatividade na televisão digital do Brasil;

PUC-Rio e UFPB; Ginga-CC, Ginga-NCL e Ginga-J; Televisores, Set-Top-Boxes e dispositivos

portáteis; DTVi; 90% das TVs a partir de janeiro de 2014; Canal de retorno;

Page 5: Ginga-NCL e composer

NCL

Padrão para a criação de conteúdos declarativos interativos para o Ginga-NCL.

Nested Context Language linguagem declarativa para autoria de documentos hipermídia;

Usa os conceitos de nós e links para definir como objetos de mídia são estruturados e relacionados, no tempo e espaço

Link

Page 6: Ginga-NCL e composer

Estrutura de um documento

O que tocar? <media>

Onde tocar? <region>

Como tocar? <descriptor>

Quando tocar? <link> <port>

Page 7: Ginga-NCL e composer

Ferramentas de Autoria NCL Composer

Plugin NCL Eclipse

Page 8: Ginga-NCL e composer

Composer

Ferramenta gráfica de autoria utilizada para auxiliar na criação de aplicações para a TV Digital Interativa em NCL;

Desenvolvido pelo Laboratório TeleMídia do Departamento de Informática da PUC RJ;

Não requer conhecimentos avançados de linguagens de programação.

Page 9: Ginga-NCL e composer

Visões

Visão estrutural;

Visão de layout;

Visão textual.

Page 10: Ginga-NCL e composer

O que tocar? <media>

Vídeos

Músicas

Imagens

Primeiro selecionaremos as mídias e as colocamos no mesmo diretório do projeto

Na visão estrutural arrastamos as mídias desejadas

Page 11: Ginga-NCL e composer

Quando tocar?

Inicia-se através de uma porta <port>

Conectores on<Quando><FaçaAlgo>

Exemplos: Quando um vídeo começar, iniciar alguma mídia:

onBeginStart

Quando um vídeo terminar, iniciar alguma mídia: onStopStart

Page 12: Ginga-NCL e composer

Definem o que vai ocorrer, com quem e quando; Exemplo: onBeginStart:

<link xconnector="conn#onBeginStart"> <bind role="onBegin" component=“video1“/> <bind role="start" component=“video2"/> </link>

Ligações

1. quando

2. o que3. O que fará 4. quem

Page 13: Ginga-NCL e composer

Ligações

Para fazer uma ligação: Seleciona-se o componente inicial Pressiona-se SHIFT Arrasta-se o mouse até o elemento que

será ligado

Page 14: Ginga-NCL e composer

Onde tocar? <region>

Na visão de layout adicionamos as regiões onde serão exibidas as mídias

Page 15: Ginga-NCL e composer

Como tocar?

Descritores <descriptor> Transparência Duração Bordas Propriedades das mídias

Page 16: Ginga-NCL e composer

Referências

NCL (UFF): http://www.telecom.uff.br/pet/petws/downloads/tutoriais/ncl/ncl2k71203.pdf

Tutorial MídiaCom (UFF): http://www.midiacom.uff.br/gtvd/files/apostila.pdf

Norma Brasileira: http://www.abnt.org.br/imagens/Normalizacao_TV_Digital/ABNTNBR15606-2_2007Vc_2008.pdf

Site Oficial do Ginga: http://www.gingancl.org.br/ TV Globo Digital:

http://www.tvglobodigital.com/noticias/ler/geral/a_b_n_t_completa_normatizacao_do_ginga/185