Programando em NCL 3.0.pdf - Telemidia - PUC-Rio

Figura 8.2Porta “pVideo1” como ponto de entrada a um nó “video1”interno a um contexto. ........................................................ 205Figura 8.3 Exemplo de portas e contextos, definidos na Listagem 8.3. .. 206Figura 9.1 Âncoras de uma mídia na visão estrutural. .......................... 209Figura 10.1 Ilustração de um conector causal (elemento) com papéis (role) de condição eação. .................................................................................. 227Figura 10.2 Ilustração de elo (elemento ). .................................. 227Figura 10.3 Conector “onBeginStart”, que define o comportamento:quando a mídia associada ao papel onBegin iniciar, amídia associada ao papel start também iniciará. ............... 228Figura 10.4 Máquina de estados de eventos. .......................................... 231Figura 10.5 Visão estrutural do exemplo, destacando o elo desincronismo entre as mídias. ............................................... 236Figura 10.6 Elo que utiliza o conector “onBeginStart”, ligando asmídias “videoPrincipal” ao papel “onBegin” e“imgInteratividade” ao papel “start” do conector,respectivamente. ................................................................. 237Figura 10.7 Visão estrutural correspondente à Listagem 10.4, comdestaque nos elos de sincronismo de início e término deexibição das mídias. ........................................................... 239Figura 10.8 Visões temporal e espacial correspondentes à Listagem10.4, que sincroniza o início e o término de exibição deduas mídias. ....................................................................... 240Figura 10.9 Visão estrutural de uma aplicação que utiliza um conectorcom retardo. ....................................................................... 242Figura 10.10 Visões temporal e espacial do exemplo de conector quepermite a uma mídia ser iniciada com um retardo após umaoutra. ................................................................................. 242Figura 10.11 Visão estrutural do exemplo de conector de interatividade. .. 246Figura 10.12 Storyboard do exemplo de utilização do conector“onKeySelectionStart”...................................................... 247xxiv