Desenvolvendo aplicacoes para TV Digital Interativa

Desenvolvendo Aplicações para TV Digital InterativaDesenvolvendo Aplicações para TV Digital Interativa

Diemesleno Souza Carvalho Campo Grande - MS, 9 de Abril de 2011.

Sobre o instrutorSobre o instrutor

●Tecnólogo em Sistemas para Internet.

●Pós-graduando MBA em Gestão de Projetos.

●Trabalho com T.I. desde 1998.

●Palestrante em diversos eventos regionais.

●Ex-estagiário no TRE-MS e Dataprev-MS.

2 anos na Sefaz/MS como Analista/Programador.●2 anos na Sefaz/MS como Analista/Programador.

●Analista de Sistemas Pleno na InnfoMaster.

Tópicos AbordadosTópicos Abordados

●Nivelamento sobre DTVi.

●Entender as tecnologias envolvidas.

●Conhecer os desafios do mercado.

●Montar o ambiente de desenvolvimento e teste.

●Criar e testar algumas aplicações de exemplo.

Nivelamento sobre DTViNivelamento sobre DTVi

●TV Analógica


●TV Analógica

–Telespectador passivo.


●TV Analógica


–Mono-canal.


●TV Analógica


–Mono-canal.


●TV Analógica


–Mono-canal.


●TV Analógica


–Mono-canal.

–Baixa qualidade de som.


●TV Analógica


–Mono-canal.


–Baixa qualidade de imagem.


●TV Analógica


–Mono-canal.



Chata,


●TV Analógica


–Mono-canal.



Chata, Sem novidades,


●TV Analógica


–Mono-canal.



Chata, Sem novidades, Repetitiva,


●TV Analógica


–Mono-canal.



Chata, Sem novidades, Repetitiva, Muitas vezes apelativa.


●TV Digital


●TV Digital



●TV Digital


–Múltiplos canais.


●TV Digital



–Qualidade de som de CD.


●TV Digital




–Imagem de alta definição.


●TV Digital





Diversidade de dispositivos,


●TV Digital





Diversidade de dispositivos, Visualizar informações sobre os canais e programas,


●TV Digital





Diversidade de dispositivos, Visualizar informações sobre os canais e programas, Equipamento caro,


●TV Digital





Diversidade de dispositivos, Visualizar informações sobre os canais e programas, Equipamento caro, Poucas emissoras.


●TV Digital Interativa



–Tudo que a TV Digital tem...



–Telespectador ativo.



–Telespectador ativo.



–Novas formas de se utilizar a TV. (T-Commerce)



–Novas formas de se utilizar a TV. (T-Learning)



–Novas formas de se utilizar a TV. (T-GOV)

Entendendo as tecnologias envolvidasEntendendo as tecnologias envolvidas

●Padrões de DTVi.




●Padrões de DTVi.E.U.A.E.U.A.


●Padrões de DTVi.E.U.A.E.U.A.

- ACAP- X

- ACAP-J





Europa



Europa

- DVB-HTML

- MHP





Japão



Japão

- BML





Brasil



Brasil

- Ginga-NCL

- Ginga-J


●Interatividade.


●Interatividade.

“Trata da possibilidade do telespectador receber uma mensagem e tratá-la da forma que desejar.”


●Possibilidades.


●Possibilidades.

–Votação eletrônica.


●Possibilidades.


–Serviços bancários.


●Possibilidades.



–Serviços de saúde.


●Possibilidades.




–Serviços de educação a distância.


●Possibilidades.




–Serviços de educação a distância.

–Compras.


●Graus de Interatividade.



–Nível 1

“A interatividade é apenas com o aparelho de TV, limitando-se a fazer escolhas. O usuário não interfere na programação.”



–Nível 2

“O usuário interage com a programação, que pode ser alterada com o simples uso do controle remoto. Neste nível seria possível escolher, por exemplo, o final de uma novela.”novela.”


●O Middleware.


●O Middleware.

“Camada de software capaz de prover o suporte necessário para o desenvolvimento de aplicações para TV Digital e também tornar uma aplicação de TV capaz de ser executada em qualquer plataforma, independente de ser executada em qualquer plataforma, independente de Hardware e Sistema Operacional.”


●Requisitos para um Middleware completo.



–Sincronismo de mídias.




–Definição de relacionamentos de sincronismo espacial e temporal separada da definição do conteúdo dos objetos de mídia relacionais.





–Adaptação de conteúdo e da forma que o conteúdo é exibido.exibido.






–Múltiplos dispositivos de exibição.






–Múltiplos dispositivos de exibição.

–Permitir edição ao vivo.


Dentre os Middlewares listados somente 1 é completo.


Dentre os Middlewares listados somente 1 é completo.


Arquitetura Ginga.

Conhecendo os desafios do mercadoConhecendo os desafios do mercado

●Cenário atual da Interatividade no Brasil.



–Conservadora.



–Conservadora.

–Tecnologia recente.



–Conservadora.


–Sem um modelo de negócios definido.



–Conservadora.


–Sem um modelo de negócios definido.

–Sem uma maturidade ideal.


●O mercado da TV Digital Interativa.

Montando o ambiente de desenvolvimento e testeMontando o ambiente de desenvolvimento e teste

O que precisamos para desenvolver aplicações para TV Digital Interativa?


1. Ginga-NCL Player.



2. Eclipse + jdk + JavaTV + XletView.




3. Vmware Player.




3. Vmware Player.

4. Imagem do S.O. do Set Top Box Ginga.




3. Vmware Player.

4. Imagem do S.O. do Set Top Box Ginga.

5. WinSCP + Putty5. WinSCP + Putty

Criando e testando algumas aplicações de exemploCriando e testando algumas aplicações de exemplo

● Aplicação NCL Pura.


1 - Abra o eclipse.


2 - Crie um novo projeto do tipo ‘General/Project’ e dê o nome de NCL-Pura.nome de NCL-Pura.


3 - Clique com o botão direito no projeto e crie um novo diretório chamado ‘media’.diretório chamado ‘media’.


4 - Clique com o botão direito no diretório ‘media’ e selecione a opção ‘import->File System’ e selecione o selecione a opção ‘import->File System’ e selecione o arquivo ‘video.mp4’.


5 - Clique com o botão direito no projeto e crie um novo arquivo do tipo ‘NCL Document’ e digite ‘main’ para o arquivo do tipo ‘NCL Document’ e digite ‘main’ para o id do arquivo.


6 - Dentro do cabeçalho ‘<head>’, defina uma regionBase.regionBase.

<regionBase>

<region id=“rgFundo” width=“100%” height=“100%”/>

</regionBase>


7 - Logo abaico da ‘<regionBase>’, defina um descriptorBase.descriptorBase.

<descriptorBase>

<descriptor id=“descVideo” region=“rgFundo”/>

</descriptorBase>


8 - Dentro do corpo do programa ‘<body>’, indique a mídia que aparecerá na tela.mídia que aparecerá na tela.

<media id=“video” src=“media/video.mp4” descriptor=“descVideo”/>


9 - Logo abaixo de ‘<media>’, crie um ‘<port>’ indicando a mídia iniciará no programa.indicando a mídia iniciará no programa.

<port id=“pEntrada” component=“video” />


Abra o Ginga-NCL Player e teste o programa.


● Aplicação Ginga-J


1 - Abra o Eclipse e crie um novo projeto Java com o nome de ‘Ginga-J’.de ‘Ginga-J’.


2 - Clique com o botão direito no projeto e selecione ‘Propriedades’.‘Propriedades’.


3 - Clique em ‘Java Build Path’ e na aba ‘library’ clique no botão ‘Add External Jars’.botão ‘Add External Jars’.


4 - Adicione o jar do Xletview.


5 - Adicione o jar do JavaTV.


6 - Clique no botão ‘Add External Class Folder’ e adicione o diretório ‘lib’ do JavaTV.diretório ‘lib’ do JavaTV.


7 - Clique no botão ‘Ok’.


8 - Clique com o botão direito no projeto e crie um novo pacote com o nome ‘br.com.flisolcg’.pacote com o nome ‘br.com.flisolcg’.


9 - No pacote criado clique com o botão direito e crie uma nova classe com o nome ‘FlisolCGXlet’.nova classe com o nome ‘FlisolCGXlet’.


10 - Implemente a classe Xlet na nossa classe criada.

public class FlisolCGXlet implements Xlet {

}


11 - Clique no ‘problema’ para tratar a dependência.

import javax.tv.xlet


12 - Clique no ‘problema’ para implementar os métodos do Xlet.Xlet.

destroyXlet()

initXlet()

pauseXlet()

startXlet()


13 - Dentro da classe, declarar os objetos que serão utilizados.utilizados.

private XletContext contexto;

private HStaticText labelAcima;

private HStaticText labelMeio;

private HStaticText labelAbaixo;

private HScene scene;


14 - Clique no ‘problema’ para tratar as dependências.

import org.havi.ui.HScene;

import org.havi.ui.HStaticText;


15 - Crie o método construtor da classe.

public FlisolCGXlet() {

//vazio

}


16 - Configure o método destroyXlet.

public void destroyXlet(boolean arg0) throws XletStateChangeException {

this.contexto.notifyDestroyed();

}


17 - Adicione o objeto ‘contexto’ no método initXlet.

public void initXlet(XletContext contexto) throws XletStateChangeException {

}


18 - Ainda dentro do método initXlet adicione:


this.contexto = contexto;

}


19 - Ainda dentro do método initXlet adicione:


this.contexto = contexto;

this.scene = HSceneFactory.getInstance()

.getFullScreenScene(HScreen.getDefaultHScreen()

.getDefaultHGraphicsDevice());.getDefaultHGraphicsDevice());

}



import org.havi.ui.HScreen;

import org.havi.ui.HSceneFactory;


21 - Ainda dentro do método ‘initXlet’ adicione:

this.labelAcima = new HStaticText(“FlisolCG 2011");

this.labelAcima.setFont(new Font("Arial", Font.BOLD, 90));

this.labelAcima.setBounds(10, 10, 700, 200);

this.labelAcima.setForeground(Color.white);

this.labelAcima.setBackground(new Color(0,100,0));



import java.awt.Color;

import java.awt.Font;



this.labelMeio = new HStaticText("TV Digital se faz com Ginga!");

this.labelMeio.setFont(new Font("Arial", Font.BOLD, 40));

this.labelMeio.setBounds(10, 200, 700, 200);

this.labelMeio.setForeground(new Color(0,0,139));

this.labelMeio.setBackground(Color.white);



this.labelAbaixo = new HStaticText("www.gingams.com.br");

this.labelAbaixo.setFont(new Font("Arial", Font.BOLD, 60));

this.labelAbaixo.setBounds(10, 370, 700, 200);

this.labelAbaixo.setForeground(Color.yellow);

this.labelAbaixo.setBackground(new Color(50,153,204));this.labelAbaixo.setBackground(new Color(50,153,204));



this.scene.add(this.labelAcima);

this.scene.add(this.labelMeio);

this.scene.add(this.labelAbaixo);


26 - No método ‘startXlet’ adicione:

public startXlet() throws XletStateChangeException {

this.scene.setVisible(true);

}


27 - Clique no menu ‘Project->Clean’ para compilar nossa aplicação.aplicação.


28 - Abra o prompt de comando e inicie o XletView.

java -jar xletview.jar


29 - Clique no menu ‘Applications->Manage Applications’.


30 - Clique em ‘Default Group’ e no menu lateral clique em ‘New Application’.‘New Application’.


31 - Clique em ‘new app 01’ e no formulário especifique os seguintes dados.seguintes dados.

Name: FlisolCG

Path: Pasta ‘bin’ do nosso projeto

Xlet: br.com.flisolcg.FlisolCGXlet


32 - Clique em ‘Save & Close’.


33 - Volte no menu ‘Applications’ e clique na aplicação ‘FlisolCG’ criada.‘FlisolCG’ criada.


34 - Se estiver tudo ok a aplicação comecará a rodar, se algo estiver errado verifique o console da aplicação.algo estiver errado verifique o console da aplicação.

BônusBônus

Testando algumas aplicações da comunidade.

ConclusãoConclusão

● Mercado altamente promissor.

● Diversos nichos a serem explorados.

● Hora de se capacitar.

● Levar a ideia para as universidades.

● Promover eventos.

● Se divertir.Se divertir.

DúvidasDúvidas

ObrigadoObrigado

● Contato:

– www.diemesleno.com.br

– [email protected]

– @diemesleno

Desenvolvendo aplicacoes para TV Digital Interativa

Technology