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
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.
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.
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
Compartilhe/Share:These icons link to social bookmarking sites where readers can share and discover new web pages.
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
Compartilhe/Share:These icons link to social bookmarking sites where readers can share and discover new web pages.
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.
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 ecapítulo2) ligados através de um elo:
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?
Para criar um projeto para nosso primeiro programa em NCL vamos usar o NCL Eclipse e seguir os seguintes passos:
