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

Explorando novas telas com o Google TV

  • 1.
    Explorando novas telascom Neto Marin @netomarin Globalcode blog.netomarin.com globalcode.com.br 1
  • 2.
    Mas afinal, oque é 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 anunciapara ainda este ano a chegada do Internet Player Sony. 5
  • 6.
    Com o GoogleTV você tem... • Media center. • Console de games. • Acesso à Internet. • Aplicativos ! MUITOS aplicativos ! 6
  • 7.
    Mas e oGinga ? 7
  • 8.
  • 9.
    Principais vantagens • GooglePlay. • 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 ousuá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 • The10ft 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 • Theviewing 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 • TVshave 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 • The10ft 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 • The10ft 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
  • 23.
  • 24.
    Overscan • Por razõeshistó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
  • 25.
  • 26.
    Um pouco decódigo... TVGenius 26
  • 27.
    AND6 - Desenvolvimentode 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.
  • 29.