Programando em NCL 3.0.pdf - Telemidia - PUC-Rio
Programando em NCL 3.0.pdf - Telemidia - PUC-Rio Programando em NCL 3.0.pdf - Telemidia - PUC-Rio
3.7 Usando o Canal de InteratividadeVamos agora acrescentar em nosso exemplo o uso do canal deinteratividade. Nessa nova versão do programa NCL, caso o ícone da chuteiraseja selecionado, vamos não só apresentar a propaganda da chuteira, mastambém um formulário HTML. O formulário, se devidamente preenchido eenviado à loja da propaganda por meio do canal de interatividade, trará comoresposta a confirmação da compra. A loja, tendo recebido o formulário, podedepois providenciar a entrega do material adquirido.A Figura 3.9 ilustra a visão estrutural da nova versão da aplicação.Note que as únicas modificações foram a introdução de um objeto de mídiarepresentando o formulário no contexto da propaganda, o acréscimo de maisum ator no relacionamento disparado pela seleção do ícone da chuteira, quepermitirá a exibição do formulário, e o fato de que agora não é o final daexibição da propaganda da chuteira que volta o vídeo da animação ao seutamanho original, mas sim o final do preenchimento do formulário ou o finaldo tempo máximo para seu preenchimento.onBeginonBeginonBeginonEndStartStopStartStopStartStartStartStartonEndonBeginonSelectionStopSetsizeStartSetsizeFigura 3.9 Visão estrutural da versão com o uso do canal de interatividade.Ao termos de introduzir um novo elemento de , temos tambémde introduzir o elemento especificando onde ele será apresentado, eo elemento , fazendo a ligação do elemento com oelemento . A Listagem 3.25 ilustra os novos elementos inseridos.Note, mais uma vez, que a região definida para a exibição do formulário éfilha da região definida para a exibição do vídeo da animação, ou seja, oposicionamento da primeira é realizado relativo à segunda. Note também queno descritor foi especificado um tempo máximo para o preenchimento doformulário, no caso igual a 45 segundos.82
..................Listagem 3.25 Novos elementos para a apresentação do formulário.Ainda na Listagem 3.25, note que no elemento “formDesc”um novo atributo foi definido: focusIndex. Esse atributo define o elemento emfoco para navegação por setas do controle remoto. No caso só há umelemento, mas quando incrementarmos mais nosso exemplo, na Seção 3.12,outros elementos focáveis serão definidos. Lá explicaremos melhor esseatributo. Um elemento em foco, caso seja pressionada a tecla “ENTER”,passa a receber (controlar) toda a navegação pelo controle remoto até que atecla “BACK” seja pressionada, retornando então o controle ao formatadorNCL. No caso em questão, após ser pressionada a tecla “ENTER”, oformulário HTML pode ser preenchido.Devemos agora alterar alguns relacionamentos da versão anterior paraespelhar a nova versão. O relacionamento “lBeginShoes” deve acrescentar umpapel ação para dar início à apresentação do formulário. O relacionamento83
- Page 72 and 73: Tabela 1.5 Ambientes de aplicaçõe
- Page 74 and 75: de código declarativo (HTML, SMIL,
- Page 76 and 77: Outras características de Lua, imp
- Page 78 and 79: ISO/IEC 13818-1 (2000). Internation
- Page 80 and 81: Capítulo 2Modelo ConceitualNCMToda
- Page 82 and 83: formulário etc.). No entanto, nenh
- Page 84 and 85: Os seres humanos se vestem de acord
- Page 86 and 87: airro, que está dentro de uma cida
- Page 88 and 89: Além da já mencionada lista orden
- Page 90 and 91: Capítulo 3Introdução àLinguagem
- Page 92 and 93: O novo vídeo acrescentado é uma r
- Page 94 and 95: A definição dos espaços de exibi
- Page 96 and 97: atores que exercerão os papéis da
- Page 98 and 99: Listagem 3.8 Elemento e seus eleme
- Page 100 and 101: 60
- Page 102 and 103: Todo elemento possui um identifica
- Page 104 and 105: Ao referenciar um conector definido
- Page 106 and 107: Listagem 3.16 Documento NCL com reu
- Page 108 and 109: elementos , mesmo que seus valores
- Page 110 and 111: 70Listagem 3.19 Definição dos nov
- Page 112 and 113: 72
- Page 114 and 115: onBeginonBeginonEndStartStartonBegi
- Page 116 and 117: 76
- Page 118 and 119: Listagem 3.22 O Primeiro João com
- Page 120 and 121: 80
- Page 124 and 125: “lEndShoes” deve ser substituí
- Page 126 and 127: 86
- Page 128 and 129: Vamos, nessa nova versão, exibir t
- Page 130 and 131: O leitor deve notar, comparando a F
- Page 132 and 133: Listagem 3.31 Redefinição dos rel
- Page 134 and 135: 94
- Page 136 and 137: nó settings deve ser declarado e s
- Page 138 and 139: Agora, que já temos a manipulaçã
- Page 140 and 141: ligando o elemento ao elemento qu
- Page 142 and 143: 102
- Page 144 and 145: Listagem 3.37 O Primeiro João com
- Page 146 and 147: 3.16 ilustra a nova visão estrutur
- Page 148: 108
- Page 151 and 152: Listagem 3.42 O Primeiro João com
- Page 153 and 154: Como próximo passo, temos de defin
- Page 155 and 156: Listagem 3.45 Finalização de todo
- Page 157 and 158: Listagem 3.47 Elemento “menu”.
- Page 159 and 160: 119
- Page 161 and 162: 121
- Page 164 and 165: interface="soundLevel">124
- Page 166 and 167: por “changes”, contendo um scri
- Page 168 and 169: Listagem 3.53 Elos para incremento
- Page 170 and 171: procedimento descrito neste parágr
..................Listag<strong>em</strong> 3.25 Novos el<strong>em</strong>entos para a apresentação do formulário.Ainda na Listag<strong>em</strong> 3.25, note que no el<strong>em</strong>ento “formDesc”um novo atributo foi definido: focusIndex. Esse atributo define o el<strong>em</strong>ento <strong>em</strong>foco para navegação por setas do controle r<strong>em</strong>oto. No caso só há umel<strong>em</strong>ento, mas quando incr<strong>em</strong>entarmos mais nosso ex<strong>em</strong>plo, na Seção 3.12,outros el<strong>em</strong>entos focáveis serão definidos. Lá explicar<strong>em</strong>os melhor esseatributo. Um el<strong>em</strong>ento <strong>em</strong> foco, caso seja pressionada a tecla “ENTER”,passa a receber (controlar) toda a navegação pelo controle r<strong>em</strong>oto até que atecla “BACK” seja pressionada, retornando então o controle ao formatador<strong>NCL</strong>. No caso <strong>em</strong> questão, após ser pressionada a tecla “ENTER”, oformulário HTML pode ser preenchido.Dev<strong>em</strong>os agora alterar alguns relacionamentos da versão anterior paraespelhar a nova versão. O relacionamento “lBeginShoes” deve acrescentar umpapel ação para dar início à apresentação do formulário. O relacionamento83