O Uso do Nó Settings - Fundamentos e Padrões

Fundamentos e Padrões

3.10 O Uso do Nó Settings

</link>

<bind role="onBegin" component="animation"

interface="segDrible"/>

</link>

<bind role="onBegin" component="animation"

interface="segPhoto"/>

</link>

</link>

</body>

</ncl>

Listagem 3.32 O Primeiro João com adaptação de conteúdo.

nó settings deve ser declarado e seu valor iniciado, como ilustra a Listagem 3.33.

</media>

Listagem 3.33 O elemento <media> do tipo “application/x-ncl-settings”.

Para o controle das propagandas interativas, vamos definir um contexto de interatividade, pois assim será possível seu reúso em outras aplicações, o que tornará também nosso programa mais bem estruturado. O elemento

<context> “interactivity” conterá o nó settings, um ícone para avisar o usuário telespectador que a interatividade está ativa e outro para alertar que ela está inibida. Conforme o usuário selecione um ícone, ele é substituído pelo outro, permitindo assim ao usuário habilitar e desabilitar a interatividade.

Cada vez que o ícone é trocado, a variável “service.interactivity” muda de valor.

Como, no início da aplicação, o ícone informando que a interatividade está habilitada (iniciação do procedimento) deve ser exibido e a variável colocada em “true”, vamos, para facilitar a estruturação, colocar um elemento

<media> no contexto de interatividade representando a mesma instância de apresentação do filme da animação, que dará partida ao procedimento de iniciação. A colocação desse elemento de fato dificulta o reúso do contexto em outra aplicação, mas vamos usar o procedimento mesmo assim para mais uma vez exemplificar o mecanismo de reúso.

A Figura 3.13 ilustra a visão estrutural do contexto de interatividade.

Set Ioff Set Ioff

Start

Start Start

Set Ion onBegin

onSelection Stop onSelection

Stop

Figura 3.13 Visão estrutural do contexto de interatividade.

O leitor deve notar a existência de três relacionamentos. O primeiro inicia a variável “service.interactivity” e a exibição do ícone “intOn”. O segundo, quando da seleção do ícone “intOn” pela tecla INFO, para sua exibição, inicia a apresentação do ícone “intOff” e troca o valor de service.interactivity”. O terceiro é parecido com o segundo, quando da seleção do ícone “intOff” pela tecla INFO, para sua exibição, inicia a apresentação

do ícone “intOn” e troca o valor de service.interactivity”. A Listagem 3.34 apresenta o código NCL correspondente.

</media>

<media id="anotherAnimation" refer="animation"

instance="instSame"/>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

</bind>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

</bind>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

</context>

Listagem 3.34 Contexto de interatividade.

Agora, que já temos a manipulação da variável “service.interactivity”

definida, vamos usar seu valor para controlar o aparecimento ou não do ícone da chuteira, que habilita a propaganda interativa. Para tanto, temos de modificar o relacionamento que dá o início da apresentação do ícone, para que ele teste antes o valor da variável “service.interactivity”. Como a variável é uma propriedade do nó settings, vamos reusá-lo (aqui, sim, um exemplo de reúso bem útil) dentro do contexto da propaganda como o ator (de fato sua propriedade “service.interactivity”) do relacionamento que dispara a apresentação do ícone. A Figura 3.14 ilustra a visão estrutural de toda a nova versão de O Primeiro João. Note que um novo elemento <bind> foi adicionado ao elo que finaliza todos os objetos ao término do vídeo da animação. Esse novo elemento <bind> é ligado ao contexto de interatividade sem especificar nenhuma porta de entrada. Isso significa, em NCL, que a ação “stop” do elo será aplicada a todos os objetos do contexto que ainda estão sendo apresentados.

Set Ioff Set Ioff

Start

Start Start

Set Ion onBegin onBegin

Start

Stop onBegin

Start

onBegin

Start

Start onEnd

Stop

Contexto de Propaganda Contexto de Interatividade

Set size

Start onSelection Set

size onBegin

Start Stop

onEnd I = on

Start onSelection

Stop onSelection Stop

Stop

Figura 3.14 Visão estrutural da nova versão de O Primeiro João.

O leitor deve observar, pela comparação do contexto de propaganda da Figura 3.12 e da Figura 3.14, que apenas um relacionamento mudou. Todo o resto permaneceu igual. O novo relacionamento deve testar o valor da variável “service.interactivity” para iniciar ou não a apresentação do ícone da chuteira, conforme o valor dessa variável, conforme ilustra a Listagem 3.35.

...

<media id="reusedGlobalVar" refer="globalVar"

instance="instSame"/>

...

<bind role="onBegin" component="reusedAnimation"

interface="segIcon"/>

<bind role="var" component="reusedGlobalVar"

interface="service.interactivity"/>

</link>

...

</context>

Listagem 3.35 Novo relacionamento para a exibição do ícone da chuteira (“icon”).

Vale a pena abrirmos aqui um parênteses para ver a definição do elemento <connector> “onBeginVarStart”, especificado externamente, como ilustra a Listagem 3.36.

<attributeAssessment role="var"

attributeType="nodeProperty" eventType="attribution"/>

</assessmentStatement>

</compoundCondition>

</causalConnector>

Listagem 3.36 Elemento <connector> “onBeginVarStart”.

Na Listagem 3.36, a condição de disparo da relação é composta. O disparo ocorre se for iniciada a apresentação de uma interface correspondente ao papel “onBegin” (no relacionamento da Listagem 3.35, quando for apresentado o instante do vídeo da animação especificado para o aparecimento do ícone) e se a variável correspondente ao papel “var” (no relacionamento da Listagem 3.35, a variável “service.interactivity”) tiver o valor atribuído igual a “true”. Valores de variáveis são testados a partir de elementos <assessmentStatement>, conforme veremos no Capítulo 10.

Quando a condição composta for satisfeita, será disparada a ação que inicia a apresentação do papel “start” (no relacionamento da Listagem 3.35, associado ao ícone “icon”).

Finalmente, note que, para a apresentação do ícone, devem ser definidos o elemento <region> para seu posicionamento e o elemento <descriptor>

ligando o elemento <region> ao elemento <media> que o representa. A Listagem 3.37 apresenta o código NCL correspondente a essa nova versão de O Primeiro João.

<?xml version="1.0" encoding="ISO-8859-1"?>

<ncl id="settings"

xmlns="http://www.ncl.org.br/NCL3.0/EDTVProfile">

<head>

<rule id="en" var="system.language" value="en"

comparator="eq"/>

</ruleBase>

<region id="backgroundReg" width="100%" height="100%"

zIndex="1"/>

<region id="screenReg" width="100%" height="100%"

zIndex="2">

<region id="frameReg" left="5%" top="6.7%" width="18.5%"

height="18.5%" zIndex="3"/>

<region id="iconReg" left="87.5%" top="11.7%"

width="8.45%" height="6.7%" zIndex="3"/>

<region id="shoesReg" left="15%" top="60%" width="25%"

height="25%" zIndex="3"/>

<region id="formReg" left="56.25%" top="8.33%"

width="38.75%" height="71.7%" zIndex="3"/>

<region id="intReg" left="92.5%" top="91.7%"

width="5.07%" height="6.51%" zIndex="3"/>

</region>

</regionBase>

<descriptor id="photoDesc" region="frameReg"

explicitDur="5s"/>

<descriptor id="iconDesc" region="iconReg"

explicitDur="6s"/>

<descriptor id="formDesc" region="formReg" focusIndex="1"

explicitDur="15s"/>

</descriptorBase>

<importBase documentURI="../causalConnBase.ncl"

alias="conEx"/>

</connectorBase>

</head>

<body>

<media id="background" src="../media/background.png"

descriptor="backgroundDesc"/>

<media id="animation" src="../media/animGar.mp4"

descriptor="screenDesc">

</media>

<media id="choro" src="../media/choro.mp4"

descriptor="audioDesc"/>

<media id="drible" src="../media/drible.mp4"

descriptor="dribleDesc"/>

<media id="photo" src="../media/photo.png"

descriptor="photoDesc"/>

</media>

<media id="anotherAnimation" refer="animation"

instance="instSame"/>

<media id="intOn" src="../media/intOn.png"

descriptor="intDesc"/>

<media id="intOff" src="../media/intOff.png"

descriptor="intDesc"/>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

<link id="lOn"

xconnector="conEx#onKeySelectionStopSet_varStart">

</bind>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

<link id="lOff"

xconnector="conEx#onKeySelectionStopSet_varStart">

</bind>

<bind role="set" component="globalVar"

interface="service.interactivity">

</bind>

</link>

</context>

<media id="reusedAnimation" refer="animation"

instance="instSame">

</media>

<media id="reusedGlobalVar" refer="globalVar"

instance="instSame"/>

<media id="icon" src="../media/icon.png"

descriptor="iconDesc"/>

<media id="shoes" src="../media/shoes.mp4"

descriptor="shoesDesc"/>

</switchPort>

<media id="ptForm" src="../media/ptForm.htm"

descriptor="formDesc"/>

<media id="enForm" src="../media/enForm.htm"

descriptor="formDesc"/>

</switch>

<bind role="onBegin" component="reusedAnimation"

interface="segIcon"/>

<bind role="var" component="reusedGlobalVar"

interface="service.interactivity"/>

</link>

xconnector="conEx#onKeySelectionStopSet_varStart">

</bind>

<bind role="set" component="reusedAnimation"

interface="bounds">

</bind>

</link>

<bind role="set" component="reusedAnimation"

interface="bounds">

</bind>

</link>

</context>

</bind>

</bind>

</link>

<bind role="onBegin" component="animation"

interface="segDrible"/>

</link>

<bind role="onBegin" component="animation"

interface="segPhoto"/>

</link>

</link>

</body>

</ncl>

Listagem 3.37 O Primeiro João com controle de propagandas interativas.

A Figura 3.15 ilustra o momento da apresentação do ícone de interatividade e um outro momento em que a interatividade foi inibida, obtidos durante a execução da aplicação na implementação de referência do middleware Ginga-NCL.

Figura 3.15 Cenas da aplicação O Primeiro João com controle de interatividade.

No documento NCL (Nested Context Language) é a linguagem declarativa do middleware Ginga, recomendação ITU-T para serviços IPTV e padrão ISDB-T (páginas 135-144)