SlideShare uma empresa Scribd logo
Explorando novas telas com




                     Neto Marin


   @netomarin                        Globalcode
blog.netomarin.com                globalcode.com.br
                                                      1
Mas afinal, o que é o



               ?
                       2
O Google TV é a plataforma do
 Google para TVs, baseado no
   Android Honeycomb.




                                3
95,1% dos lares
 brasileiros possuem
   pelo menos um
aparelho de televisão !



                          4
Tá chegando...

Sony anuncia para
 ainda este ano a
    chegada do
  Internet Player
       Sony.


                          5
Com o Google TV você tem...

  • Media center.
  • Console de games.
  • Acesso à Internet.
  • Aplicativos ! MUITOS aplicativos !

                                         6
Mas e o Ginga ?



                  7
O Duelo


 VS


          8
Principais vantagens
• Google Play.
• Reaproveitamento de código de apps de
  smartphones e tablets.
• Mercado em formação, poucas apps e assim
  mais fácil de ser encontrado.
• Sem vínculo com emissoras de TV ou
  fabricantes de middleware.


                                             9
Como começar ?
• Fazer o download do Android SDK
• Baixar a versão 3.1 (API 12)
 • Emulador disponível apenas
    para máquinas Linux.
• Para saber mais:
 • https://developers.google.com
    /tv/android/docs/gtv_setup_android


                                         10
Cuidado ao projetar...
• Deve-se pensar, e MUITO, como o usuário
  vai interagir com a sua app !
• Jogos que dependam muito de touchscreen
  podem não ser bons candidatos a migração
  para o Google TV.
• Features específicas de telefonia como SMS
  ou o uso obrigatório de GPS (localização)
  também pode atrabalhar o uso da app.


                                              11
O que o usuário espera...




                            12
E como é na verdade...




                         13
Controles de UI
•   Atenção especial para o focus e sua sequência
    nos elementos da tela.
•   Controle da navegação é feita com o D-Pad e
    também há algo como o “ponteiro do mouse”
    que o usuário pode ir direcionando na tela.
•   Use as teclas “Media Keys” e as
    teclas de indicação de ação que
    possuem as cores amarela, azul,
    vermelha e verde.


                                                    14
Google TV-only apps


<uses-feature
    android:name="com.google.android.tv"
    android:required="false"/>




                                           15
Aplicações Universais


<uses-feature
    android:name="android.hardware.touchscreen"
    android:required="false"/>




                                                  16
Google TV Design
        Patterns
• Ambientes de TV são normalmente
  chamados de “10ft environment”.
• Vamos ver a seguir alguns conceitos básicos
  quando se pensa em apps para esse
  ambiente:




                                                17
10ft Environment
• The 10ft environment is
  traditionally for consuming
  content.
 • The 10ft environment is a fun
   environment, not a work environment.
 • The 10ft environment is usually a social
   environment, not a single-user
   environment.


                                              18
10ft Environment
• The viewing experience for a 10ft
  UI is a mix of computer and TV.
 • TV screens have both computer-like and
   TV-like characteristics
 • Display resolution is computer-like, but is
   affected by TV characteristics.
 • Color is different on TV screens.
                                                 19
10ft Environment

• TVs have high-quality sound.
 • TVs are usually connected to the best
    sound system.
 • Unlike computers, users expect sound
    from a TV and don't find it disruptive.



                                             20
10ft Environment
• The 10ft UI requires simple and
  visible navigation tools.
 • Set up navigation to progress from left to
   right and top to bottom.
 • Limit the need for a mouse.
 • Provide visual feedback.

                                                21
10ft Environment
• The 10ft UI works best with well-
  established UI patterns based on
  content zones.
 •   Zones themselves are independent of device
     types.
 •   The arrangement of zones are particular to
     device types.
 •   Many different UIs can be based on the zone
     concept.


                                                   22
Configurações de UI




                     23
Overscan
• Por razões históricas, os fabricantes de TVs
  definem margens nas televisões que não
  são utilizaveis, chamadas de “overscan”.
• Apps Android não podem exibir nada nessa
  área. Defina uma margem de 10% para uma
  vizualização segura.
  • Veja mais detalhes no slide a seguir:
                                                 24
Área de Overscan




                   25
Um pouco de código...




      TVGenius
                        26
AND6 - Desenvolvimento de
       aplicações para Google TV
   O Android que vai estar em cada casa no Mundo!

www.globalcode.com.br/treinamentos/carreiras/academia-android


              Próxima turma em 21 de julho
                    Globalcode - SP
                                                                27
Dúvidas
          28
@netomarin
slideshare.net/netomarin
                           29

Mais conteúdo relacionado

PDF
Desenvolvimento Mobile
PDF
Criando jogos com Java ME: Diversão e retorno financeiro!
PDF
Android ICS Highlights - AndroidRec
PDF
Making the Most of Your Gradle Builds
PDF
BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]
PDF
Cloud 2 Device Message Framework - AndroidRec
PDF
Intro to RxJava/RxAndroid - GDG Munich Android
PDF
Android OTA updates
Desenvolvimento Mobile
Criando jogos com Java ME: Diversão e retorno financeiro!
Android ICS Highlights - AndroidRec
Making the Most of Your Gradle Builds
BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]
Cloud 2 Device Message Framework - AndroidRec
Intro to RxJava/RxAndroid - GDG Munich Android
Android OTA updates

Semelhante a Explorando novas telas com o Google TV (20)

PDF
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
PPT
Introdução ao Google TV
PDF
Desafios e perspectivas para TV Conectada
PDF
Aguinaldo Boquimpani Set 2012 - Ginga e Novas Tecnologias
PDF
Conhecendo as inovações do Sistema Brasileiro de TV Digital
PDF
BRAVA iTV Company Profile
PDF
Palestra TV Digital - Interatividade Mobilidade
PDF
Android na sua sala e no seu pulso.
PDF
Broadcast and Cable 2011 - Desenvolvimento de aplicativos para TV's Conetadas
PDF
Palestra tv digital interativa Dourados
PDF
Farmácia na TV: Informações interativas de preço de medicamentos
PDF
Google tv desafios e oportunidades na tv conectada
PPTX
Tv digital wagner
PDF
28/09/2011 - 14h às 16h - convergência digital - tecnologia ginga oportunidad...
PDF
Mini Curso - Design de Interface para Dispositivos Móveis
PPTX
Tv digital - O Uso da Linguagem Declarativa NCL no Desenvolvimento de Softwa...
PPS
Palestra Mídia Digital
PDF
Desenvolvimento para tv digital interativa [ dia 1]
PDF
Aguinaldo Boquimpani - Conteúdo e Interatividade
PDF
Palestra TV Digital Interativa - Hora Livre
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
Introdução ao Google TV
Desafios e perspectivas para TV Conectada
Aguinaldo Boquimpani Set 2012 - Ginga e Novas Tecnologias
Conhecendo as inovações do Sistema Brasileiro de TV Digital
BRAVA iTV Company Profile
Palestra TV Digital - Interatividade Mobilidade
Android na sua sala e no seu pulso.
Broadcast and Cable 2011 - Desenvolvimento de aplicativos para TV's Conetadas
Palestra tv digital interativa Dourados
Farmácia na TV: Informações interativas de preço de medicamentos
Google tv desafios e oportunidades na tv conectada
Tv digital wagner
28/09/2011 - 14h às 16h - convergência digital - tecnologia ginga oportunidad...
Mini Curso - Design de Interface para Dispositivos Móveis
Tv digital - O Uso da Linguagem Declarativa NCL no Desenvolvimento de Softwa...
Palestra Mídia Digital
Desenvolvimento para tv digital interativa [ dia 1]
Aguinaldo Boquimpani - Conteúdo e Interatividade
Palestra TV Digital Interativa - Hora Livre
Anúncio

Mais de Antonio Marin Neto (16)

PDF
Persistencia de dados em aplicações Android
PDF
Plataformas Móveis: Qual e como escolher?
PDF
TDC 2011 - Trilha Android - Integrando suas aplicações com as redes sociais.
PDF
Desenvolvimento de Software para dispositivos moveis - USC
PDF
Educação e certificação na plataforma Java
PDF
Não deixe seu Android Falando Sozinho! Conecte sua aplicação usando Bluetooth...
PDF
A nova era dos games: Redes Sociais e Celulares
PDF
Conhecendo e comparando as plataformas de desenvolvimento móvel.
PDF
Conhecendo android
KEY
Mc71 Desenvolvimento Movel
PPTX
Cosmo - Quick Devoxx09
PPTX
Redes Sociais Dispositivos Moveis Lecotec2009
PPTX
Java Me Touchscreen Just Java2009
ODP
PPTX
WRT Widgets - M3DD LA
PPTX
LWUIT - Just Java2008
Persistencia de dados em aplicações Android
Plataformas Móveis: Qual e como escolher?
TDC 2011 - Trilha Android - Integrando suas aplicações com as redes sociais.
Desenvolvimento de Software para dispositivos moveis - USC
Educação e certificação na plataforma Java
Não deixe seu Android Falando Sozinho! Conecte sua aplicação usando Bluetooth...
A nova era dos games: Redes Sociais e Celulares
Conhecendo e comparando as plataformas de desenvolvimento móvel.
Conhecendo android
Mc71 Desenvolvimento Movel
Cosmo - Quick Devoxx09
Redes Sociais Dispositivos Moveis Lecotec2009
Java Me Touchscreen Just Java2009
WRT Widgets - M3DD LA
LWUIT - Just Java2008
Anúncio

Último (16)

PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Processos na gestão de transportes, TM100 Col18
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Custos e liquidação no SAP Transportation Management, TM130 Col18
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Processos na gestão de transportes, TM100 Col18
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Arquitetura de computadores - Memórias Secundárias
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
COBITxITIL-Entenda as diferença em uso governança TI
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Otimizador de planejamento e execução no SAP Transportation Management, TM120...

Explorando novas telas com o Google TV

  • 1. Explorando novas telas com Neto Marin @netomarin Globalcode blog.netomarin.com globalcode.com.br 1
  • 2. Mas afinal, o que é o ? 2
  • 3. O Google TV é a plataforma do Google para TVs, baseado no Android Honeycomb. 3
  • 4. 95,1% dos lares brasileiros possuem pelo menos um aparelho de televisão ! 4
  • 5. Tá chegando... Sony anuncia para ainda este ano a chegada do Internet Player Sony. 5
  • 6. Com o Google TV você tem... • Media center. • Console de games. • Acesso à Internet. • Aplicativos ! MUITOS aplicativos ! 6
  • 7. Mas e o Ginga ? 7
  • 9. Principais vantagens • Google Play. • Reaproveitamento de código de apps de smartphones e tablets. • Mercado em formação, poucas apps e assim mais fácil de ser encontrado. • Sem vínculo com emissoras de TV ou fabricantes de middleware. 9
  • 10. Como começar ? • Fazer o download do Android SDK • Baixar a versão 3.1 (API 12) • Emulador disponível apenas para máquinas Linux. • Para saber mais: • https://developers.google.com /tv/android/docs/gtv_setup_android 10
  • 11. Cuidado ao projetar... • Deve-se pensar, e MUITO, como o usuário vai interagir com a sua app ! • Jogos que dependam muito de touchscreen podem não ser bons candidatos a migração para o Google TV. • Features específicas de telefonia como SMS ou o uso obrigatório de GPS (localização) também pode atrabalhar o uso da app. 11
  • 12. O que o usuário espera... 12
  • 13. E como é na verdade... 13
  • 14. Controles de UI • Atenção especial para o focus e sua sequência nos elementos da tela. • Controle da navegação é feita com o D-Pad e também há algo como o “ponteiro do mouse” que o usuário pode ir direcionando na tela. • Use as teclas “Media Keys” e as teclas de indicação de ação que possuem as cores amarela, azul, vermelha e verde. 14
  • 15. Google TV-only apps <uses-feature android:name="com.google.android.tv" android:required="false"/> 15
  • 16. Aplicações Universais <uses-feature android:name="android.hardware.touchscreen" android:required="false"/> 16
  • 17. Google TV Design Patterns • Ambientes de TV são normalmente chamados de “10ft environment”. • Vamos ver a seguir alguns conceitos básicos quando se pensa em apps para esse ambiente: 17
  • 18. 10ft Environment • The 10ft environment is traditionally for consuming content. • The 10ft environment is a fun environment, not a work environment. • The 10ft environment is usually a social environment, not a single-user environment. 18
  • 19. 10ft Environment • The viewing experience for a 10ft UI is a mix of computer and TV. • TV screens have both computer-like and TV-like characteristics • Display resolution is computer-like, but is affected by TV characteristics. • Color is different on TV screens. 19
  • 20. 10ft Environment • TVs have high-quality sound. • TVs are usually connected to the best sound system. • Unlike computers, users expect sound from a TV and don't find it disruptive. 20
  • 21. 10ft Environment • The 10ft UI requires simple and visible navigation tools. • Set up navigation to progress from left to right and top to bottom. • Limit the need for a mouse. • Provide visual feedback. 21
  • 22. 10ft Environment • The 10ft UI works best with well- established UI patterns based on content zones. • Zones themselves are independent of device types. • The arrangement of zones are particular to device types. • Many different UIs can be based on the zone concept. 22
  • 24. Overscan • Por razões históricas, os fabricantes de TVs definem margens nas televisões que não são utilizaveis, chamadas de “overscan”. • Apps Android não podem exibir nada nessa área. Defina uma margem de 10% para uma vizualização segura. • Veja mais detalhes no slide a seguir: 24
  • 26. Um pouco de código... TVGenius 26
  • 27. AND6 - Desenvolvimento de aplicações para Google TV O Android que vai estar em cada casa no Mundo! www.globalcode.com.br/treinamentos/carreiras/academia-android Próxima turma em 21 de julho Globalcode - SP 27
  • 28. Dúvidas 28