Desenvolvendo aplicações para TV Digital Interativa

Desenvolvendo Aplicações para TV Digital Interativa

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

Sobre 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.
● Analista de Sistemas Pleno na InnfoMaster.

Tó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 DTVi

● TV Analógica


● TV Analógica
–Telespectador passivo.


● 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
–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

canais e programas, Equipamento caro,


● TV Digital

canais e programas, Equipamento caro, Poucas emissoras.


● TV Digital Interativa


–Tudo que a TV Digital tem...


–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 envolvidas

● 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.”


● 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 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.


exibido.
–Múltiplos dispositivos de exibição.
–Permitir edição ao vivo.


Dentre os Middlewares listados somente 1 é completo.


Arquitetura Ginga.

Conhecendo 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 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 + Putty

Criando 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.


3 - Clique com o botão direito no projeto e crie um novo
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
arquivo ‘video.mp4’.


arquivo do tipo ‘NCL Document’ e digite ‘main’ para o
id do arquivo.


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

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


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

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


8 - Dentro do corpo do programa ‘<body>’, indique a
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.

<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’.


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


3 - Clique em ‘Java Build Path’ e na aba ‘library’ clique no
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.


7 - Clique no botão ‘Ok’.


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’.


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.

destroyXlet()
initXlet()
pauseXlet()
startXlet()


13 - Dentro da classe, declarar os objetos que serão
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());
}



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.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.


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’.


31 - Clique em ‘new app 01’ e no formulário especifique os
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.


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

Bônus

Testando algumas aplicações da comunidade.

Conclusão

● Mercado altamente promissor.
● Diversos nichos a serem explorados.
● Hora de se capacitar.
● Levar a ideia para as universidades.
● Promover eventos.
● Se divertir.

Obrigado

● Contato:
– www.diemesleno.com.br
– diemesleno@gmail.com
– @diemesleno

Desenvolvendo aplicações para TV Digital Interativa

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Desenvolvendo aplicações para TV Digital Interativa

Ähnlich wie Desenvolvendo aplicações para TV Digital Interativa (20)

Mehr von Diemesleno Souza Carvalho

Mehr von Diemesleno Souza Carvalho (15)

Desenvolvendo aplicações para TV Digital Interativa