{"id":930,"date":"2010-05-08T18:19:22","date_gmt":"2010-05-08T21:19:22","guid":{"rendered":"https:\/\/www.gingadf.com\/blogGinga\/?p=930"},"modified":"2015-09-23T14:49:22","modified_gmt":"2015-09-23T17:49:22","slug":"como-estruturar-seu-ambiente-de-desenvolvimento-para-o-ginga-ncl","status":"publish","type":"post","link":"https:\/\/www.gingadf.com.br\/blogGinga\/como-estruturar-seu-ambiente-de-desenvolvimento-para-o-ginga-ncl\/","title":{"rendered":"Como estruturar seu ambiente de desenvolvimento para o Ginga-NCL"},"content":{"rendered":"
\n

Aten\u00e7\u00e3o<\/h1>\n

 
\nEsse tutorial foi atualizado e a vers\u00e3o atualizada encontra-se neste link\u00a0https:\/\/www.gingadf.com.br\/blogGinga\/tutorial-como-estruturar-seu-ambiente-de-desenvolvimento-para-o-ginga-ncl\/<\/a><\/p><\/blockquote>\n

\u00c9 muito recompensador desenvolver uma aplica\u00e7\u00e3o para TV digital e observar sua cria\u00e7\u00e3o sendo executada num set-top box e exibida na TV, por\u00e9m quem deseja come\u00e7ar a desenvolver seus primeiros aplicativos pode encontrar algumas dificuldades. No primeiro contato com o desenvolvimento para TV digital geralmente o iniciante acaba deparando-se com muitas informa\u00e7\u00f5es sobre normas, plataformas, ambiente de testes, APIs, usabilidade etc. Tantas informa\u00e7\u00f5es podem causar confus\u00e3o deixando o desenvolvedor perdido, e pior, podem at\u00e9 causar a desist\u00eancia e consequente decep\u00e7\u00e3o com o desenvolvimento de aplica\u00e7\u00f5es para TV digital.<\/p>\n

Neste tutorial abordaremos passo-a-passo a estrutura\u00e7\u00e3o de um ambiente de desenvolvimento e testes para as aplica\u00e7\u00f5es interativas desenvolvidas para o middleware<\/em> Ginga-NCL<\/a>.<\/p>\n

Ambiente de desenvolvimento<\/h1>\n

Quando falamos em ambiente de desenvolvimento<\/strong> estamos nos referindo ao conjunto de ferramentas que tem por finalidade auxiliar tanto na codifica\u00e7\u00e3o como na execu\u00e7\u00e3o e visualiza\u00e7\u00e3o de nossas aplica\u00e7\u00f5es interativas.<\/p>\n

Para codificarmos nossas aplica\u00e7\u00f5es iremos utilizar uma IDE<\/a> muito popular conhecida como Eclipse<\/a>. O uso de uma IDE \u00e9 bastante recomendado, pois, como veremos no decorrer deste tutorial, ela oferece uma s\u00e9rie de funcionalidades, como um sistema avan\u00e7ado de plugins<\/em>, para facilitar a codifica\u00e7\u00e3o de nossas aplica\u00e7\u00f5es.<\/p>\n

Para simularmos uma TV com interatividade iremos utilizar uma imagem VMware<\/a> de uma m\u00e1quina virtual com o middleware<\/em> Ginga-NCL instalado. Esta imagem \u00e9 chamada de Ginga-NCL Virtual STB e \u00e9 disponibilizada pelo laborat\u00f3rio Telem\u00eddia<\/a> da PUC-Rio.<\/p>\n

Download e instala\u00e7\u00e3o do Ginga-NCL Virtual STB<\/h1>\n

Para executarmos o Ginga-NCL Virtual STB \u00e9 necess\u00e1rio ter instalado um player<\/em> para a m\u00e1quina virtual VMware. Existem duas op\u00e7\u00f5es gratuitas: VMware Server<\/a> e VMware Player.<\/p>\n

Pela facilidade de instala\u00e7\u00e3o e entendimento, prosseguiremos com a instala\u00e7\u00e3o do VMware Player. Acesse a p\u00e1gina de download<\/a> e escolha a melhor op\u00e7\u00e3o de acordo com o seu sistema operacional. Ser\u00e1 necess\u00e1rio efetuar um pequeno cadastro para prosseguir.<\/p>\n

Ap\u00f3s a conclus\u00e3o do download (tanto no Windows como no GNU\/Linux) basta executar o arquivo baixado para iniciar uma instala\u00e7\u00e3o em modo guiado. As op\u00e7\u00f5es apresentadas s\u00e3o f\u00e1ceis de escolher e a para a maioria delas \u00e9 necess\u00e1rio apenas clicar em\/ou escolher Next<\/em>. Ao t\u00e9rmino da instala\u00e7\u00e3o pode ser solicitado a reinicializa\u00e7\u00e3o do sistema. A figura abaixo mostra a tela inicial do VMware Player onde \u00e9 poss\u00edvel ver o bot\u00e3o Open an existing Virtual Machine<\/em>.<\/p>\n

\"\"<\/a><\/p>\n

Tela inicial do VMware Player<\/div>\n

Ap\u00f3s a instala\u00e7\u00e3o do VMware Player<\/em> seguiremos com o download da imagem do Ginga-NCL Vistual STB. Para isso acesse a p\u00e1gina de ferramentas<\/a> do site oficial ou clique diretamente aqui<\/a>. A imagem \u00e9 disponibilizada num arquivo compactado (.zip) e para extra\u00ed-lo ser\u00e1 necess\u00e1rio ter um descompactador como unzip<\/a> ou winzip<\/a> instalado em seu computador. Quando o download<\/em> terminar, descompacte o arquivo onde desejar.<\/p>\n

Para executar o Ginga-NCL Virtual STB basta abrir o VMware Player<\/em>, clicar no bot\u00e3o Open an existing Virtual Machine<\/em>, navegar at\u00e9 a pasta onde descompactou a imagem e clicar no arquivo fedora-fc7-ginga-i386.vmx<\/em>. A figura abaixo ilustra essa opera\u00e7\u00e3o.<\/p>\n

\"\"<\/a><\/p>\n

Abrindo imagem do STB Virtual<\/div>\n

Como \u00e9 exibido na figura abaixo, ap\u00f3s o carregamento da imagem teremos nosso Ginga-NCL Virtual STB pronto para os testes.<\/p>\n

\"\"<\/a><\/p>\n

Tela inicial do STB Vitual<\/div>\n

Agora j\u00e1 \u00e9 poss\u00edvel acessar o Ginga-NCL Virtual STB atrav\u00e9s de uma conex\u00e3o SSH<\/a>. No Windows para abrirmos tal conex\u00e3o com a m\u00e1quina virtual podemos fazer uso dos programas Putty<\/a> ou SSH Secure Shell Client; a maioria das distribui\u00e7\u00f5es GNU\/Linux j\u00e1 oferece o cliente SSH<\/a> instalado. Contudo n\u00e3o iremos trabalhar com o Ginga-NCL Virtual STB desta forma, apresentaremos uma maneira mais f\u00e1cil para trabalharmos com a m\u00e1quina virtual.<\/p>\n

Instala\u00e7\u00e3o do Eclipse<\/h1>\n

Neste tutorial utilizaremos o Eclipse 3.5.2 (Galileo) Classic que pode ser obtido, gratuitamente, em sua p\u00e1gina de download<\/a>. O Eclipse \u00e9 desenvolvido em Java e n\u00e3o \u00e9 necess\u00e1rio efetuar instala\u00e7\u00e3o, basta descompactar e executar o arquivo bin\u00e1rio para iniciar sua utiliza\u00e7\u00e3o. Contudo \u00e9 necess\u00e1rio ter a m\u00e1quina virtual Java<\/a> instalada. Na figura abaixo pode ser visto uma tela do Eclipse informando a vers\u00e3o que utilizamos.<\/p>\n

\"\"<\/a><\/p>\n

Vers\u00e3o do Eclipse<\/div>\n

Instala\u00e7\u00e3o do plugin NCL<\/a> Eclipse<\/h1>\n

O NCL Eclipse<\/a> \u00e9 um plugin<\/em> que auxilia e agiliza bastante o desenvolvimento de aplica\u00e7\u00f5es em NCL<\/a>. A partir da vers\u00e3o 1.4 (a vers\u00e3o atual \u00e9 a 1.5) foi disponibilizada a instala\u00e7\u00e3o atrav\u00e9s do sistema de instala\u00e7\u00e3o autom\u00e1tica do Eclipse.<\/p>\n

Para efetuar a instala\u00e7\u00e3o do NCL<\/a> Eclipse inicie o Eclipse e acesse Help -> Install New Software<\/em> como pode ser visualizado na figura abaixo.<\/p>\n

\"\"<\/a><\/p>\n

Instala\u00e7\u00e3o de novo plugin<\/div>\n

Na tela de instala\u00e7\u00e3o (figura abaixo) clique em Add<\/em>.<\/p>\n

\"\"<\/a><\/p>\n

Adicionando site<\/div>\n

Ap\u00f3s clicar em Add<\/em> ser\u00e1 exibida uma caixa de di\u00e1logo para a informa\u00e7\u00e3o do nome e localiza\u00e7\u00e3o do site onde o Eclipse ir\u00e1 buscar a atualiza\u00e7\u00e3o. Entre com as informa\u00e7\u00f5es:<\/p>\n