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 (20)

PPTX
3b - Bradesco Lean Agile Training Plan - Ritos Operacionais (1).pptx
PDF
Integração da produção com o SAP Extended Warehouse Management, EWM130 Col26
PDF
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
PDF
Customizing básico em SAP Extended Warehouse Management, EWM110 Col26
PPT
Redes de Computadores - apresenta~~ç]ao para estudos
PPTX
Do código à carreira: O Profissional de TI que o mercado realmente quer - com...
PDF
Capacitação em Logística – Instituto Federal
PPT
01 - Arquitetura de Computadores 1 TEC [Salvo automaticamente].ppt
PPTX
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx
PDF
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
PDF
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
PDF
Processamento da remessa no SAP ERP, SCM610 Col15
PPTX
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
PPTX
Formação aaaaaaaaadsdsfg er rsgrsgesf efsfsefsf e LEEI.pptx
PPTX
ccursoammaiacursoammaiacursoammaia123456
PPTX
Modelo para Qualificação de Mestrado - Tecnologia da Informação
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PDF
resumo de instalação de placa arduino em jardim vertical para fertirrigação
PDF
Administração de qualidade no SAP Extended Warehouse Management, EWM140 Col26
PPTX
CONHECENDO O SISTEMA FEDORA - MANUAL DE USO
3b - Bradesco Lean Agile Training Plan - Ritos Operacionais (1).pptx
Integração da produção com o SAP Extended Warehouse Management, EWM130 Col26
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
Customizing básico em SAP Extended Warehouse Management, EWM110 Col26
Redes de Computadores - apresenta~~ç]ao para estudos
Do código à carreira: O Profissional de TI que o mercado realmente quer - com...
Capacitação em Logística – Instituto Federal
01 - Arquitetura de Computadores 1 TEC [Salvo automaticamente].ppt
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
Processamento da remessa no SAP ERP, SCM610 Col15
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
Formação aaaaaaaaadsdsfg er rsgrsgesf efsfsefsf e LEEI.pptx
ccursoammaiacursoammaiacursoammaia123456
Modelo para Qualificação de Mestrado - Tecnologia da Informação
Processos no SAP Extended Warehouse Management, EWM100 Col26
resumo de instalação de placa arduino em jardim vertical para fertirrigação
Administração de qualidade no SAP Extended Warehouse Management, EWM140 Col26
CONHECENDO O SISTEMA FEDORA - MANUAL DE USO

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