Este é o nosso 7º post e para entender esse post é principalmente necessário que tenha lido o 6º post. Hoje veremos como  criar o nosso primeiro documento NCL no Eclipse e por isso é necessário seguir os seguintes passos:

1º  Na tela do eclipse onde já criamos o nosso projeto chamado “primeiroprograma” clique com o botão direito do mouse sobre o projeto “primeiroprograma”  e escolha a opção -> New -> Other

2º Clique no sinal de  ”+”  da pasta NCL e escolha a opção “NCL Document” para criarmos o nosso primeiro documento NCL e clique em Next. 

 3º A próxima tela terá 3 campos.  No campo “Container” mostra o projeto ao qual esse arquivo fará parte, no campo  ”id” preencha com o nome do arquivo que no caso vamos colocar de “video1″, no campo “file name” ele automaticamente preenche com o mesmo nome que for colocado no campo “id” e acrescenta com a extenção do arquivo (.ncl). Após feito isso clique em finish.

4º Dentro da pasta do nosso projeto (primeiroprograma) podemos encontrar o arquivo video1.ncl que acabamos de criar e seu código (estrutura básica de um documento ncl) ao lado.

 5º Para executarmos esse código ou qualquer outro código NCL dentro do Eclipse e visualizarmos no Ginga-NCL Player, basta clicar com o botão direito do mouse sobre o arquivo do documento que no caso é o “video1″ e escolher a opção -> Run As -> NCL Apresentation

E ele executará a aplicação no Ginga-NCL Player. Mas como esse programa  não contém nós nem elos, não há o que visualizarmos.

6º E se abrirmos a pasta referente ao nosso diretório podemos encontrar o arquivo video1.ncl

É isso!

Graciane A Martins

Mídias Digitais

 ginga.ncl@gmail.com   

Related posts

• No related posts.

 Quando abrimos o Eclipse, ele indica um local para armazenar os arquivos. É possível alterar esse diretório clicando em Browser e selecionando o local da pasta desejado para armazenar os arquivos. Caso o indicado pelo programa for o desejado basta clicar em Ok. Mas não esqueça o caminho indicado.   Para criar um projeto  para nosso primeiro programa em NCL vamos usar o NCL Eclipse e seguir os seguintes passos:  

1º Abra o Eclipse e crie um novo projeto, para isso é preciso clicar no menu File->New->Project

2º Clique em : General - >Project -> Next

 3º Digite um nome para o seu projeto, que no meu caso eu digitei “primeiroprograma”. Mas você pode dar o nome que quiser ao seu projeto e click em finish.

O nome do seu projeto que no meu caso é “primeiroprograma” vai aparecer como uma “pasta principal” na aba “Package Explor” do Eclipse.

 Se vc for no local indicado  quando iniciado o Eclipse onde são salvos os arquivos, você encontrara uma nova pasta chamada “primeiroprograma” pois é refererente ao nome do nosso primeiro projeto e todos arquivos e documentos que inserirmos dentro do nosso projeto vai ficar localizado nessa pasta.

É isso. Temos o nosso primeiro projeto e no próximo post vou mostrar como criar o nosso primeiro documento NCL dentro desse projeto que criamos no Eclipse.

Graciane A Martins

Mídias Digitais

 ginga.ncl@gmail.com  

Related posts

• No related posts.

 Para digitar o código NCL e criar o nosso primeiro programa audiovisual interativo precisamos de um editor de texto e para a explicação dos exercícios usaremos o Eclipse que é uma ferramenta avançada para desenvolvimento de aplicações.  Mas para que possamos programar em NCL no eclipse precisamos do Plug-in com Suporte a NCL no ambiente Eclipse . O NCL Eclipse torna as nossas aplicações mais rápidas  e menos propensas a erros.

Para saber mais sobre NCL Eclipse acesse ao site: http://laws.deinf.ufma.br/~ncleclipse/

1º Precisamos  baixar e instalar o programa Eclipse que pode se encontrado no seguinte endereço :http://www.eclipse.org/downloads/

obs: Baixe  e instale a opção “Eclipse Classic 3.4.1 (151 MB)”

 2º Precisamos baixar e instalar o plugin do NCL Eclipse. Para verificar um tutorial de como instalar o plugin do NCL Eclipse acesse ao endereço: http://laws.deinf.ufma.br/~ncleclipse/doc/tutoNCLEclipse_1.0.0.pdf

E para confirmar se o plugin foi instalado corretamente no seu Eclipse, basta reiniciar o seu eclipse e clicar em : Help->About Eclipse SDK->Plugin Details . Se o seu NCL Eclipse foi instalado corretamente vai aparecer uma tela com o nome de todos os seus plugins, verifique no campo “plug in Name” se o NCL Eclipse está instalado.

Deu certo?

Graciane A Martins

Mídias Digitais

 ginga.ncl@gmail.com  

Related posts

• No related posts.

 Esse é o nosso 4º post sobre a linguagem de programação declarativa NCL.

Já conhecemos os principais conceitos para entender e começar a programar com a linguagem NCL. No entanto, ainda não conhecemos onde vamos digitar o código de programação em NCL e nem onde vamos visualizar o programa. No caso de uma página para WEB que é desenvolvida em HTML, nós podemos digitar o código em um “Bloco de Notas” e visualizamos a página em um Browser. Em NCL também podemos digitar o código no bloco de notas e para visualizar o resultado gráfico do que é programado no bloco de notas, ao invés de usarmos o browser, usaremos o Ginga NCL Emulator.

O “Ginga NCL Emulator” é  a ferramenta que vai nos possibilitar visualizarmos a nossa aplicação em NCL no PC. O Ginga NCL Emulator  pode ser encontrado para download  na seguinte página: http://www.gingancl.org.br/ferramentas.html

 Após efetuar o download do arquivo basta efetuar os seguintes passos para instalar o Ginga NCL Emulator no Windows:

1- Clicar em Executar

2 -  Escolher o idioma

3 - Clicar em Avançar

4- Clicar em aceitar. Até mesmo porque, se não aceitar  não instala.

5 - Pasta referente ao local onde o programa será instalado

6 - Nome do Atalho que será criado no Menu Iniciar

7 - Clique na caixa de marcação para criar um atalho no desktop

8- Clique em Instalar e aguarde a instalação do Ginga NCL Emulator

9 - Clique em concluir

10 - Sempre que quiser abrir o Ginga NCL Emulator basta clicar em : Iniciar - Todos os Programas -  Ginga NCL Emulator - Ginga-NCL Player

 11 - Este é o Ginga NCL Emulator

Caso não visualize o Ginga é porque você não possui o Java Virtual Machine instalado em seu sistema operacional . O JVM é um programa que carrega e executa os aplicativos em Java.

Para instalar o JVM acesse : http://java.com/pt_BR/download/index.jsp

Graciane A Martins

Mídias Digitais

contato: ginga.ncl@gmail.com

Related posts

• No related posts.

 A estrutura de um documento hipérmidia é baseada em 4 definições:

1º O que tocar?  R:  Nós de Mídia (vídeos, sons, textos, imagens)

A primeira coisa que devemos fazer para desenvolver uma aplicação audiovisual interativa em NCL é definir qual o conteúdo  dessa aplicação audiovisual, ou seja, devemos  definir quais são os nós de mídia que essa aplicação terá. Nó  de mídia já sabemos que se trata de elementos de mídia, como: som, imagem, texto e etc.

obs: Todo nó de mídia é definido dentro de um contexto (conjunto de nós e elos).

2º Onde tocar?  R: Regiões (Local da tela que vai aparecer os nós)

Já sabemos que o primeiro passo é definir qual o conteúdo (nós de mídia) que vamos usar para a nossa aplicação audiovisual interativa em NCL. Agora o segundo passo é definir onde cada nó de mídia vai ficar localizado na tela, ou seja, uma região indica a posição e as dimensões da área onde uma mídia será apresentada.

Exemplo: Eu tenho um arquivo de vídeo e quero que ele fique localizado na região inferior da tela do lado esquerdo e que seja apresentando com  as dimensões de “400 pixels” de largura e “300 pixels” de altura. É  entre as Tags <regionBase> e </regionBase> do código NCL  que eu vou especificar essas caracteristicas da dimensão e da localização para depois associar o meu vídeo. No entanto, quem faz a associação da mídia com a região é o descritor.

Exemplo de código NCL referente a região:

id= identificador único

Nesse código eu tenho 3 regiões:

1º Região correspondente a tela da TV (id=”rgTV”)

2º Região correpondente a área do meu vídeo1 (id=”rgVideo1″)

3º Região correpondente a área da legenda  do vídeo  (id=”rgLegenda”)

Mais pra frente veremos com calma cada parte da estrutura do código NCL.

3º Como tocar?  R: Descritores (fazem a associação do nó com a região e define como as mídias seram apresentadas) 

O descritor é responsável por fazer a associação do nó de mídia com uma determinada região.

O descritor também é responsável por alterar  a forma como a mídia será apresentada.

Exemplo 1: Um descritor de uma mídia de áudio pode definir o seu volume.

Exemplo 2: O descritor de uma mídia de imagem pode definir algum grau de transparência.

Exemplo 3: O descritor de uma mídia de texto pode definir se a mídia será apresentada visualmente ou lida por um sintetizador de voz.

Mesmo que não se queira alterar a forma como uma mídia será apresentada, é necessário um descritor para associar a mídia à região onde deverá ser apresentada. Por isso, ao definir um descritor é necessário definir a região a qual ele estará associado.

Veja a parte do código NCL referente ao descritor:

Nesse código é possível visualizarmos dois descritores (”dVideo1” e “dLegenda“) e cada um dos descritores está associado a região do “id” correspondente. Até o momento, verificamos o código que mostra a criação da região e a criação do descritor que é associado a uma determianda região. Agora veremos um código onde mostra a associação do nó de mídia  com o descritor:

Essa linha de código mostra o tipo de mídia que será apresentada, que no caso é um vídeo,  a extenção do arquivo, que no caso é “mpeg” e dá um identificador único para ela (id) e em “src” mostra o local onde está armazenado o arquivo de vídeo e em “descriptor” mostra qual é o descritor que está associado a este nó, que no caso é o descritor “dVideo1″.

4º Quando tocar? R: Conectores

Os elos definem quando um nó de mídia será apresentado em relação a outros.

Para definir o primeiro nó de mídia do documento a ser apresentado, deve-se criar uma porta no contexto body. Essa porta indicara qual é o primeiro nó de mídia que será visualizado.

Exemplo:

<body>

<port id=”portadeiniciodoprograma” component=”video1”>

<media type=”vídeo/mpeg” id=”video1” src=”media/video1.mpeg” descriptor=”dvideo1”/>

</body>

 obs: Esses exemplos são válidos apenas para o Emulador. No caso de uma transmissão para TV o ID do nó de Mídia será o ID do Fluxo.

Graciane A Martins
Mídias Digitais

 ginga.ncl@gmail.com  

Related posts

• No related posts.

     Nó de Conteúdo (nó de mídia)  X   Nó de Composição (Contexto)

 O modelo conceitual NCM (Modelo de Contextos Aninhados) é um modelo para representar um documento hipermídia (documentos que contêm diversos tipos de mídias, além de interação com o usuário). E de acordo com o  NCM temos 2 tipos de nós:

1º Nó de Conteúdo ou Nó de Mídia :  representam vídeos, áudios, textos, imagens e diversos tipos de mídias.

Exemplo: Se eu tenho um arquivo de áudio chamado “audioteste.mp3″ para o meu documento NCL vamos tratá-lo como um nó de mídia. 

2º Nó de Composição ou Contexto: É basicamente um conjunto de nós e elos.  Os nós de composição permitem seguimentar e estruturar o documento hipermídia.

Exemplo de um Modelo  NCM

Nessa imagem podemos visualizar dois contextos (capítulo1 e capítulo2) ligados através de um elo: 

No Contexto “Capítulo 1″ temos 3 nós e 2 elos.

No Contexto “Capítulo 2″  temos 2 nós e 1 elo.

Ficou claro?

Graciane A Martins

Mídias Digitais  

ginga.ncl@gmail.com

Related posts

• No related posts.

NCL é uma linguagem de programação declarativa para  desenvolvimento de aplicações para tv Digital.  E por ser uma linguagem declarativa  não é necessário o conhecimento em lógica de programação. No entanto, quem já desenvolveu um site em HTML não terá dificuldades em entender a linguagem NCL, pois a estrutura é praticamente a mesma. E quem já tem algum conhecimento em XML terá mais facilidade  ainda para aprender a linguagem NCL. Até mesmo porque, NCL é uma aplicação XML.

Antes de começarmos a desenvolver um programa em NCL é necessário conhecermos alguns conceitos:

• Um documento hipermídia geralmente é compostos de nós e elos.
• Um nó pode ser um vídeo, uma imagem,  um áudio, um texto etc.
• Um elo é o que liga um nó ao outro. Por exemplo, quando vc está navegando na web para navegar entre as páginas vc precisa clicar em um link, em NCL ocorre a mesma coisa a diferença é que ao invés de páginas temos nós e  ao invés de links temos elos. Outra diferença é que ao invés de um mouse para navegar entre os links, nós temos o controle remoto. Ficou claro?

Por hoje é só!

Graciane A Martins

Mídias Digitais  

(more…)

Related posts

• No related posts.

TV INTERATIVA: ESTRATÉGIAS E MERCADO

“Manhã:
8:30
Painel Estratégias para a implantação da interatividade na TV aberta brasileira
Mediação: Renato Cruz (Jornal o Estado de São Paulo)
Participantes confirmados: Luis Renato Olivalves (Diretor de Interatividade do Grupo Bandeirantes de Televisão), João Cabral (Diretor de tecnologia da Agência Click), Valdecir Becker (coordenador dos cursos Lato Senso em TV Digital da Universidade Metodista).

10:30
Projetos Interativos
Demonstração de aplicações interativas desenvolvidas em NCL por alunos do curso de Especialização em TV Digital da Universidade Metodista e de empresas parceiras.

11:00
Palestra: O papel do Governo Federal na implantação da interatividade: André Barbosa Filho (Assessor Especial da Presidência / Casa Civil).

Noite:
19:30
Palestra: Mercado de interatividade na TV aberta - Salustiano Fagundes (Diretor presidente da HXD Interactive Television)

20:30
Palestra: Ginga e interatividade - Luis Eduardo Cunha (Diretor executivo da Mopa Embeded Systems)

21:15
Palestra
Desenvolvimento de aplicações para TV Digital - Armando Barbosa Neto (Fábrica Interativa)

22:00
Projetos Interativos
Demonstração de aplicações interativas desenvolvidas em NCL por alunos do curso de Especialização em TV Digital da Universidade Metodista e de empresas parceiras.”

Nesse site informa como chegar ao Campus do Rudge Ramos da Metodista
http://www.metodista.br/sobre-a-metodista/campi/

Até!

Related posts

• No related posts.

Tv Digital no carro em São Paulo ! Show ! Pelo vídeo

abaixo temos uma noção da qualidade das imagens, que segundo a pessoa do carro, a qualidade está tão boa quanto em uma TV residencial, pois esse aparelho funciona tanto em 1seg ou HD.

Simplesmente show de bola !

São Paulo já tem TVDigital até no carro, enquanto aqui no Rio de Janeiro nem sinal ainda.

Abraços, apreciem o vídeo abaixo e depois deixe seu comentário,

LeoSeixas

Related posts

• No related posts.

Na verdade nem deviríamos ter conversores sem o middleware ginga, mas isso é uma outra história. Vamos ao que interessa nesse momento histórico da TV brasileira.

O amigo Marcelo Moreno da PUC-Rio, um dos responsáveis pelo desenvolvimento do ginga, visitou o stand da CEF - Caixa Econômica Federal em São Paulo e nos trouxe essas primeiras fotos do sistema de financiamento imobiliário totalmente desenvolvido em NCL para TV Digital. Simplesmente sensacional. Mostrando toda a força da interatividade ginga nessa nova era da Televisão brasileira.

Vale ressaltar também, que esse primeiro teste de interatividade foi feito através de um conversor da marca AIKO, empresa que até o momento está mostrando total compromisso com a TV Digital brasileira, prometendo inclusive atualizar com o middleware ginga todos os conversores vendidos até o momento.

O que vocês acharam dessa primeira aplicação ? Eu fiquei muito empolgado com as possibilidades. Comentem

Related posts

• Entenda a TV DIGITAL (2)
• Campanha TV Digital sem GINGA (interatividade) NÃO (20)
• Não compre seu conversor de Tv Digital sem interatividade (ginga) ... (3)
• 10 coisas que você precisa saber sobre a TV Digital (2)