Desenvolvimento de apps para SmartTVs com HTML, CSS e Ajax

Hoje em dia, as Smart TVs estão cada vez mais presentes no dia a dia. E muito por isso, gosto de pesquisar e aprender formas de programar sua interface e até criar apps que rodassem em seu ambiente. Nessas pesquisas, descobri que é fácil e simples o desenvolvimento para Smart TV, veja só:

Para criar apps para Smart TV você usará em primeiro lugar HTML, CSS e Ajax/JavaScript.

O modelo que vou usar será o da Samsung (que é a TV que mais tem suporte para o desenvolvimento). Você usará SDK TIZEN para criação de suas apps e baixará o SDK no próprio site da Samsung Developers. Aproveite e faça seu cadastro como desenvolvedor.

A instalação do SDK e dos simuladores para Smart TVs é bem fácil, mas você precisa ter a máquina virtual Java em seu PC.

Iniciando

1º Execute o TIZEN STUDIO como administrador para facilitar a execução do simulador quando você rodar o app..

2º Abra o TIZEN STUDIO e vá em File > New > Tizen Project para criar um novo projeto.

1

3º Ai então você vai selecionar a opção de “Tizen Project” porque essa opção permite que você crie apps com Ajax(Javacript) para o comportamento de sua app e CSS + HTML para interface.

2

4º) Você tem duas opções: Template e Sample. Eu escolhi template, onde já existem páginas prontas para serem usadas como exemplo.

Desenvolvendo apps para SmartTVs

5º) Selecione a opção TV.

Desenvolvendo apps para SmartTVs

 

6º) No nosso exemplo eu optei pelo templante jQuery Navigation.

Desenvolvendo apps para SmartTVs

7º) Após ter criado o projeto exemplo,  selecione Tizen Web Simulador Application (Samsung TV) para rodar sua aplicação

Desenvolvendo apps para SmartTVs

8º) Pronto sua aplicação está rodando no simulador como se fosse uma Smart TV real.

7
 

*Para maiores informações: alex.porfirio@gmail.com

5 comentários em “Desenvolvimento de apps para SmartTVs com HTML, CSS e Ajax

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *