Aplicações Tv Digital



Documentos relacionados
Tópicos Avançados em Engenharia de Software

2 Conceitos Básicos Nested Context Model

Linguagem NCL. Linguagem NCL. Linguagem NCL. Modelo NCM.

Tutorial sobre a linguagem de programação NCL (Nested Context Language)

Construindo Programas. Audiovisuais Interativos. Utilizando a NCL 3.0 e a. Ferramenta Composer

Desenvolvimento de Aplicações Declarativas para TV Digital Interativa

Desenvolvimento de Aplicações para TV Digital em Ginga-NCL

Linguagem NCL (Nested. Context Language) Programas de TV Digital Interativa. Modelo Hipermídia. Entidades Hipermídia

Introdução Padrão Brasileiro de TV Digital. Desenvolvimento de Aplicações Interativas. Trabalhos em andamento

Sistemas Multimídia. ð NCL Nested Context Language. ð NCL Versão 1.0 [Antonacci 2000] ð NCL Versão 2.0 [Muchaluat-Saade 2003] ð NCL Versão 3.

4 Middleware Ginga-NCL como Plugin para Navegadores Web

Construindo Programas. Audiovisuais Interativos. Utilizando a NCL 3.0

4 Arquitetura para aplicações NCL dinâmicas

<!-- import the ncl namespaces --> <import namespace=" schemalocation="ncl.xsd"/>

4 Objetos de mídia tridimensionais em NCL

Programando em NCL Modelo Conceitual

3 Linguagem NCL versão 2.0

4 Representação de Aplicações Hipermídia Declarativas Aplicações NCL

Linguagem NCL versão 2.0 para Autoria Declarativa de Documentos Hipermídia *

ERCEMAPI Escola Regional de Computação Ceará - Maranhão - Piauí. Livro Texto dos Minicursos. Editora Sociedade Brasileira de Computação - SBC

Introdução ao Desenvolvimento de Aplicações para Televisão Digital

Claudio Damasceno. Avançar

Desenvolvendo para TV Digital

2 Conceitos Básicos. 2.1.Grafo de Cena

Manual do PDFCreator Versão 1.0.2

Aula 03 PowerPoint 2007

Programação para Internet

Manual Sindicatos. Gerenciador de conteúdo

RAFAEL SEBASTIÃO BERNINI. Desenvolvimento de Aplicações Sticker para TV Digital

Programação WEB I DOM (Document Object Manager)

Programação para Internet I

Manual de utilização do sistema OTRS (Atendimento) Cliente Externo

Manual de Utilização COPAMAIL Criando e configurando a assinatura de . Zimbra Versão 8.0.2

Introdução ao HTML Hypertext Markup Language

ESTRATÉGIA DE DESENVOLVIMENTO DE SOFTWARE INTERATIVO COM GINGA-NCL PARA TV DIGITAL

Passo 3 Acessar os arquivos do curso:

Quem sou eu? Ana Paula Alves de Lima. Formação:

Apostila de Windows Movie Maker

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

Manual do Contribuidor. Portal de Internet. Projeto: Novo Portal de internet

NCLFORMS: UMA API PARA DESENVOLVIMENTO DE GUIS EM APLICAÇÕES INTERATIVAS DE TV DIGITAL

ModusOne. ModusOne Client. Version: 5.2

Sistema de Gerenciamento Remoto

Criar um novo projeto

Lajedo Site Guia de operações comuns

<link rel="stylesheet" type="text/css" href="imagens.css" />

Configurando um Grupo Doméstico e Compartilhando arquivos no Windows 7

Compartilhando arquivos no Windows XP

Manual para utilização das ferramentas de edição Intranet e Internet.

Universidade Estadual de Campinas UNICAMP. Instituto de Física Gleb Wataghin - IFGW RELATÓRIO FINAL

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

SIMULADOS & TUTORIAIS

Lab - Monitorar e Gerenciar os Recursos do Sistema no Windows Vista

Banco de Dados Microsoft Access: Criar tabelas

Banco de Dados Microsoft Access: Criar tabelas. Vitor Valerio de Souza Campos

PDI 1 - Projeto e Design de Interfaces Web

#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.

QUEM FEZ O TRABALHO?

Etec. Cel. Fernando Febeliano da Costa

Universidade Estadual de Campinas Faculdade de Educação Laboratório de Novas Tecnologias Aplicadas à Educação

Conteúdo. 1 - Procedimentos de Acesso Gerenciamento de usuários do sistema e perfis de acesso Cadastro de áreas do sítio...

Tutorial MSN Messenger

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

Vitória (ES), 13 de março de À T.O.D.O.S. OPERADORES S/A.

Aula Au 3 la 7 Windows-Internet

TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão

Indice. Indice Reprodução Local Reprodução Remota...19

A barra de ferramentas abaixo resume os principais comandos de texto para trabalhar com o AutoCAD:

Redes Informatizadas de Comunicação e Informação Profa. Márcia de Borba Campos

jquery André Tavares da Silva

Lab - Monitorar e Gerenciar os Recursos do Sistema no Windows 7

Treinamento Excel 2010 Thalles Cezar Montenegro

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Módulo: Criação de Páginas WEB

Windows Live Movie Maker

- Acessar o sistema. Para acessar o sistema digite o endereço eletronico e clique em login na barra de menus.

Portaria Express 3.0

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0

The Visgraf Video Database

MDD Mídias Interativas

PLANNER CONSULTORIA E SISTEMAS

6 - Apresentação do Painel de Controle do software DVR-Viewer. Itens Descrição 1 Lista do DVR: Adiciona/Modifica/Apaga a lista de DVRs conectados.

Manual do Teclado de Satisfação Online WebOpinião

Manual do Painel Administrativo

Repeater no GASweb. Regiões

Introdução ao Tableau Server 7.0

Aula 3. Word Administrativo. Solicitamos que guarde seus arquivos, para o projeto final do módulo

Controle de congestionamento em TCP

INSTALAÇÃO DO CHEF FOODS NET

DESENVOLVIMENTO DE UMA APLICAÇÃO PARA TV DIGITAL COM DIVULGAÇÃO DE INFORMAÇÕES SOBRE O TRANSPORTE PÚBLICO

Microsoft Office PowerPoint 2007

As transferências entre unidades e controle dos bens patrimoniais móveis (BPMS)

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.

Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ. Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ

Tel. (0xx11) Fax (0xx11)

Mais do que um Menu Board. Usando Digital Signage para Impulsionar as Vendas

Transcrição:

Iniciando e terminando dois nós simultaneamente <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generated by NCL Eclipse --> <ncl id="sincronismo" xmlns="http://www.ncl.org.br/ncl3.0/edtvprofile"> <head> <regionbase> <region id="rgtv" left="0" top="0" width="100%" height="100%"> <region id="rgvideo" left="25%" top="25%" width="50%" height="50%"> <region id="rgbotao" right="5%" bottom="5%" width="20%" </region> </region> </regionbase> <descriptorbase> height="20%"/> <descriptor id="dvideo" region="rgvideo"/> <descriptor id="dbotao" region="rgbotao"/> </descriptorbase> <connectorbase> <causalconnector id="onbeginstart"> <simplecondition role="onbegin"/> <simpleaction role="start"/>

Iniciando e terminando dois nós simultaneamente <causalconnector id="onendstop"> <simplecondition role="onend"/> <simpleaction role="stop"/> </connectorbase> </head> <body> <media id="video" type="video/mpeg" src="video.mpg descriptor="dvideo"/> <media id="botao" type="image/jpeg" src="botao.jpg descriptor="dbotao"/> <port id="pinicio" component="video"/> <link xconnector="onbeginstart"> <bind component="video" role="onbegin"/> <bind component="botao" role="start"/> </link> <link xconnector="onendstop"> <bind component="video" role="onend"/> <bind component="botao" role="stop"/> </link> </body> </ncl>

Conectores Tabela de Condições

Conectores Tabela de Ações

Iniciando um objeto de mídia sincronizado a outro com retardo Para isso, será definido um novo conector, onbeginstardelay, que aceita como parâmetro a duração de retardo Tomando como base o exemplo anterior, é necessário: Criar o conector com retardo; Modificar o elo que inicia a imagem para utilizar o novo conector Definindo o conector com retardo

Iniciando um objeto de mídia sincronizado a outro com retardo Entretanto, para deixar o conector mais genérico, pode-se adicionar um parâmetro para que o tempo seja definido em cada elo que utilize o conector

Iniciando um objeto de mídia sincronizado a outro com retardo Tomando como partida o elo definido no exemplo anterior: além de alterar o nome, é necessário definir o valor do parâmetro oretardo

Iniciando um objeto de mídia quando o outro termina Visão Estrutural

Iniciando um objeto de mídia quando o outro termina Tomando como base o exemplo anterior, devem ser criados os seguintes elementos: Um nó de mídia para o segundo vídeo; Um conector onendstart; Um elo que utilize o conector. O conector onendstop: <head>... </head> <connectorbase> <causalconnector id= onendstart > <simplecondition role= onend /> <simpleaction role= start /> </connectorbase>

Iniciando um objeto de mídia quando o outro termina Definindo o elo: <body>... <link xconnector id= onendstart > <bind component= video1.mpg role= onend /> <bind component= video2.mpg role= start /> </link>... </body>

Interrompemdo um vídeo e iniciando outro conforme a intervenção do usuário O objetivo é modificar o exemplo anterior para que o usuário possa interromper a exibição de um vídeo e passar para o próximo clicando em uma tecla do controle remoto Para capturar a interação do usuário, precisamos de um novo conector, desta vez um que utilize o papel onselection, e que receba como parâmetro o código da tecla a ser pressionada Passo-a-passo Um conector onkeyselectionstop; e Um elo que utilize o conector

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário Definindo o conector

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário Definindo o elo de interatividade <body>... <link xconector= onkeyselectionstop > <bind component= botao.jpg role= onselection > <bindparam name= atecla value= GREEN /> </bind> <bind compenent= video1.mpg role= stop /> </link>... </body>

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generated by NCL Eclipse --> <ncl id="interacao1" xmlns="http://www.ncl.org.br/ncl3.0/edtvprofile"> <head> <regionbase> <region id="rgtv" left="0" top="0" width="100%" height="100%"> <region id="rgvideo1" left="5%" top="5%" width="50%" height="50%" zindex="1"> <region id="rgbotao" right="5%" bottom="5%" width="20%" height="20%"/> </region> <region id="rgvideo2" right="5%" bottom="5%" width="50%" height="50%" zindex="3"/> </region> </regionbase> <descriptorbase> <descriptor id="dvideo1" region="rgvideo1"/> <descriptor id="dvideo2" region="rgvideo2"/> <descriptor id="dbotao" region="rgbotao"/> </descriptorbase>

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário <connectorbase> <causalconnector id="onbeginstartdelay"> <connectorparam name="oretardo"/> <simplecondition role="onbegin"/> <simpleaction role="start" delay="$oretardo"/> <causalconnector id="onendstop"> <simplecondition role="onend"/> <simpleaction role="stop"/> <causalconnector id="onendstart"> <simplecondition role="onend"/> <simpleaction role="start"/> <causalconnector id="onkeyselectionstop"> <connectorparam name="atecla"/> <simplecondition role="onselection" key="$atecla"/> <simpleaction role="stop"/> </connectorbase> </head>

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário <body> <media id="video1" type="video/mpeg" src="video.mpg" descriptor="dvideo1"/> <media id="video2" type="video/mpeg" src="video.mpg" descriptor="dvideo2"/> <media id="botao" type="image/jpeg" src="botao.jpg" descriptor="dbotao"/> <port id="pinicio" component="video1"/> <link xconnector="onbeginstartdelay"> <bind component="video1" role="onbegin"/> <bind component="botao" role="start"> <bindparam name="oretardo" value="2s"/> </bind> </link> <link xconnector="onendstop"> <bind component="video1" role="onend"/> <bind component="botao" role="stop"/> </link>

Interrompendo um vídeo e iniciando outro conforme a intervenção do usuário <link xconnector="onendstart"> <bind component="video1" role="onend"/> <bind component="video2" role="start"/> </link> <link xconnector="onkeyselectionstop"> <bind component="botao" role="onselection"> <bindparam name="atecla" value="green"/> </bind> <bind component="video1" role="stop"/> </link> </body> </ncl>

Trabalhando com bases de conectores em arquivos separados Existem duas formas de se definir e utilizar conectores: Definindo os novos conectores no próprio hiperdocumento Criando um novo arquivo de conectores e importando-o na seção connectorbase O primeiro passo é criar um arquivo NCL contendo os conectores Como será criada uma base de conectores apenas, sem qualquer mídia, não é necessário a seção body

Trabalhando com bases de conectores em arquivos separados <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generated by NCL Eclipse --> <ncl id="interacao1 xmlns=http://www.ncl.org.br/ncl3.0/edtvprofile> <head> <connectorbase> <causalconnector id="onbeginstart"> <simplecondition role="onbegin"/> <simpleaction role="start"/> <causalconnector id="onkeyselectionpause"> <connectorparam name="atecla"/> <simplecondition role="onselection" key="$atecla"/> <simpleaction role="pause"/> <causalconnector id="onendstop"> <simplecondition role="onend"/> <simpleaction role="stop" max="unbounded" qualifier="par"/>

Trabalhando com bases de conectores em arquivos separados <causalconnector id="onkeyselectionstart"> <connectorparam name="atecla"/> <simplecondition role="onselection" key="$atecla"/> <simpleaction role="start"/> <causalconnector id="onkeyselectionstop"> <connectorparam name="atecla"/> <simplecondition role="onselection" key="$atecla"/> <simpleaction role="stop"/> <causalconnector id="onkeyselectionresume"> <connectorparam name="atecla"/> <simplecondition role="onselection" key="$atecla"/> <simpleaction role="resume"/> </connectorbase> </head> </ncl>

Trabalhando com bases de conectores em arquivos separados Importando a base de conectores Para importar os conectores para o programa principal, utiliza-se o elemento importbase dentro do elemento connectorbase: <connectorbase> <importbase alias= meusconectores documenturi= conectores.ncl > </connectorbase> Modificando os elos para utilizar os conectores importados <link xconnector= meusconectores#onbeginstart >... <link xconnector= meusconectores#onendstop >......