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
gTVrgMenurgMenu1rgMenu2rgMenu3rgMenu4Figura 6.4 Leiaute de exemplo com diversas regiões (“rgMenu1”, “rgMenu2”, “rgMenu3”,“rgMenu4”) posicionadas de forma relativa a uma região pai (“rgMenu”), próximas ao ladodireito da região “rgTV”.Exemplo 6.1. — Reproduzindo um Vídeo em Tela InteiraComo exemplo, esta seção apresenta uma aplicação NCL simples, queapenas reproduz um vídeo em tela inteira. Apesar de não se tratar de umdocumento hipermídia típico (pois não há elos ligando objetos), o exemplotem por objetivo apenas explorar alguns atributos de região e tambémrelembrar como as regiões são associadas através de elementos a elementos , sem entrar em detalhes sobre esses elementos, que sãoassuntos de outros capítulos.A Figura 6.5 apresenta a visão estrutural desse exemplo. Observamos queo contexto contém apenas um nó de mídia, “videoPrincipal”,mapeado pela porta “pVideoPrincipal”.pVideoPrincipalLegenda:CicontextobodyvideoPrincipalportaMinómapeamentoFigura 6.5 Visão estrutural do exemplo para reprodução de um único vídeo, semsincronismo ou interação com o usuário.164
A Figura 6.6 ilustra a visão de leiaute, com a região “rgTVtelaInteira”ocupando a tela inteira do dispositivo, representada aqui pela região “rgTV”.rgTV: 0, 0 (100%x100%)rgTVtelaInteira: 0,0 (100%x100%)Figura 6.6 Visão de leiaute do exemplo.A Figura 6.7 ilustra as visões temporal e espacial do documento. A visãotemporal é bem simples: envolve apenas a exibição integral da mídia“videoPrincipal”. A visão espacial reflete quais mídias são exibidas para oespectador num determinado instante de tempo. Nesse exemplo em especial,apenas a mídia “videoPrincipal” é exibida durante todo o tempo de execuçãodo documento.pVideoPrincipalrgTVtelaInteiravideoPrincipalvisão temporalvisão espacial1videoPrincipal @ rgTVtelaInteira(dTVtelaInteira)Figura 6.7 Visões temporal e espacial do exemplo.165
- 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
- Page 173 and 174: height="10%" zIndex="4"/>133
- Page 175 and 176: 135
- Page 177 and 178: 137
- Page 179 and 180: Figura 3.21 Cenas da aplicação O
- Page 181 and 182: 4.1 IntroduçãoA abordagem modular
- Page 183 and 184: descriptorBaseLinking Linking bindb
- Page 185 and 186: 4.3 Perfis NCLComo já mencionamos,
- Page 187 and 188: O atributo id do elemento pode rec
- Page 189 and 190: PARTE IILinguagem NCLPerfil EDTV149
- Page 191 and 192: 5.1 Introdução à Estrutura do C
- Page 193 and 194: Listagem 5.1 Estrutura do elemento
- Page 195 and 196: Capítulo 6Leiaute daApresentação
- Page 197 and 198: TVPDA Listagem 6.1 Definição
- Page 199 and 200: egistrado, também por default: o d
- Page 201 and 202: caso de regiões sobrepostas, quais
- Page 203: Listagem 6.4 Definição de regiõe
- Page 207 and 208: Passos 1 e 2: Definindo Regiões de
- Page 209 and 210: Passo 5: Definindo a Porta do Conte
- Page 211 and 212: Capítulo 7Apresentação deObjetos
- Page 213 and 214: Listagem 7.2 Definição de uma bas
- Page 215 and 216: freeze: identifica o que acontece a
- Page 217 and 218: pVideoAberturargTVtelaInteiravideoP
- Page 219 and 220: Passo 4: Definindo a porta adiciona
- Page 221 and 222: mídia que podem ter seu valor inic
- Page 223 and 224: hiddenmídia menor queregiãohidden
- Page 225 and 226: Alguns parâmetros de descritor res
- Page 227 and 228: De forma análoga, para menus horiz
- Page 229 and 230: moveLeft: identifica o índice de n
- Page 231 and 232: de uma base de transições . 6 Os
- Page 233 and 234: type: atributo obrigatório que esp
- Page 235 and 236: Exemplo 7.3 — Reproduzindo uma Im
- Page 237 and 238: Capítulo 8Objetos de MídiaeContex
- Page 239 and 240: 8.1.2 O Atributo srcO atributo src
- Page 241 and 242: videoaudiotextvideo(i)audio(i)text(
- Page 243 and 244: Pela Tabela 8.1, cinco tipos especi
- Page 245 and 246: 8.3 PortasUma porta é um ponto de
- Page 247 and 248: tempo. Para sincronizar o término
- Page 249 and 250: 9.1 Âncoras de ConteúdoUma âncor
- Page 251 and 252: Alguns valores default para os atri
- Page 253 and 254: “animacao.lua” tratar os evento
gTVrgMenurgMenu1rgMenu2rgMenu3rgMenu4Figura 6.4 Leiaute de ex<strong>em</strong>plo com diversas regiões (“rgMenu1”, “rgMenu2”, “rgMenu3”,“rgMenu4”) posicionadas de forma relativa a uma região pai (“rgMenu”), próximas ao ladodireito da região “rgTV”.Ex<strong>em</strong>plo 6.1. — Reproduzindo um Vídeo <strong>em</strong> Tela InteiraComo ex<strong>em</strong>plo, esta seção apresenta uma aplicação <strong>NCL</strong> simples, queapenas reproduz um vídeo <strong>em</strong> tela inteira. Apesar de não se tratar de umdocumento hipermídia típico (pois não há elos ligando objetos), o ex<strong>em</strong>plot<strong>em</strong> por objetivo apenas explorar alguns atributos de região e tambémrel<strong>em</strong>brar como as regiões são associadas através de el<strong>em</strong>entos a el<strong>em</strong>entos , s<strong>em</strong> entrar <strong>em</strong> detalhes sobre esses el<strong>em</strong>entos, que sãoassuntos de outros capítulos.A Figura 6.5 apresenta a visão estrutural desse ex<strong>em</strong>plo. Observamos queo contexto contém apenas um nó de mídia, “videoPrincipal”,mapeado pela porta “pVideoPrincipal”.pVideoPrincipalLegenda:CicontextobodyvideoPrincipalportaMinómapeamentoFigura 6.5 Visão estrutural do ex<strong>em</strong>plo para reprodução de um único vídeo, s<strong>em</strong>sincronismo ou interação com o usuário.164