O documento descreve a linguagem NCL e sua ferramenta Composer para criação de aplicações interativas para TV digital. O NCL usa nós, links e descritores para estruturar mídia em tempo e espaço. O Composer permite adicionar mídia, definir regiões e ligar componentes para criar interatividade por meio de portas e conectores.

1. TV Interativa
Dhiogo Boza <dhiogoboza@gmail.com>

2. Configurando o ambiente de desenvolvimento noWindows
Dhiogo Boza <dhiogoboza@gmail.com>

3.  Dezembro de 2007;
 Interatividade: Aplicações; Qualidade;

4.  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% dasTVs a partir de janeiro de 2014;
 Canal de retorno;

5.  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
Nó

6.  O que tocar? <media>
 Onde tocar? <region>
 Como tocar? <descriptor>
 Quando tocar? <link> <port>

7.  Composer
 Plugin NCL Eclipse

8.  Ferramenta gráfica de autoria utilizada para auxiliar na
criação de aplicações para aTV Digital Interativa em NCL;
 Desenvolvido pelo LaboratórioTeleMídia do Departamento
de Informática da PUC RJ;
 Não requer conhecimentos avançados de linguagens de
programação.

9.  Visão estrutural;
 Visão de layout;
 Visão textual.

10.  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

11.  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

12.  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>
1. quando
2. o que
3. O que fará 4. quem

13.  Para fazer uma ligação:
 Seleciona-se o componente inicial
 Pressiona-se SHIFT
 Arrasta-se o mouse até o elemento que será ligado

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

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

16.  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/ABNTNBR15
606-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_nor
matizacao_do_ginga/185