SlideShare ist ein Scribd-Unternehmen logo
1 von 103
Downloaden Sie, um offline zu lesen
Mobile, por onde e como
          começar

            André Gustavo Espeiorin
X Jornada de Estudos Ambientais e Novas Tecnologias
Apresentação

Sócio da Code Rockr

Desenvolvedor Web/Mobile

Instrutor desenvolvimento Objective-C/iOS

Usuário iOS/Android

Responsável pelos projetos mobile da Code Rockr

http://about.me/xorna
Caminho trilhado até aqui...

Desenvolvimento Web

Desenvolvimento Web Mobile

Desenvolvimento para Android

Desenvolvimento para iPhone

Desenvolvimento para iOS (iPhone, iPad)
Desenvolvimento Web Mobile

Versões Mobile de projetos já existentes

HTML/HTML5, CSS/CSS3 e Javascript


                   Ambiente de Testes




                  Blackberry   iPhone
Desenvolvimento Android

Estudo da Plataforma

Android 2.0


                     Ambiente de Testes




              Milestone     Android Simulator
Desenvolvimento iPhone

Estudo da Plataforma iPhone OS 3

Desenvolvimento do primeiro app


Drimio Shopper                     Ambiente de Testes

                                     iPhone Simulator

                                        iPhone 3G

                                       iPhone 3GS
Desenvolvimento iOS 4              Ambiente de Testes
                                     iPhone Simulator
Estudo da Plataforma iOS4              iPhone 3GS

                                        iPhone 4
Desenvolvimento de diversos apps
                                          iPad
Desenvolvimento iOS 4              Ambiente de Testes
                                     iPhone Simulator
Estudo da Plataforma iOS4              iPhone 3GS

                                        iPhone 4
Desenvolvimento de diversos apps
                                          iPad
 Arkpad
Desenvolvimento iOS 4              Ambiente de Testes
                                     iPhone Simulator
Estudo da Plataforma iOS4              iPhone 3GS

                                        iPhone 4
Desenvolvimento de diversos apps
                                          iPad
 Arkpad
   iCarros App
Desenvolvimento iOS 4              Ambiente de Testes
                                     iPhone Simulator
Estudo da Plataforma iOS4              iPhone 3GS

                                        iPhone 4
Desenvolvimento de diversos apps
                                          iPad
 Arkpad
   iCarros App
    Nossa Joinville Mobile
Desenvolvimento iOS 4              Ambiente de Testes
                                     iPhone Simulator
Estudo da Plataforma iOS4              iPhone 3GS

                                        iPhone 4
Desenvolvimento de diversos apps
                                          iPad
 Arkpad
   iCarros App
    Nossa Joinville Mobile
     Catálogo SH
O que é preciso para começar...

Interesse em tecnologias móveis

Criatividade

Preocupação com experiência

Domínio sobre OOP e Design Patterns

Dominar a plataforma escolhida
Características
Portabilidade
Simplicidade
Usuários Engajados
Rentabilidade
Multiplataforma
Plataformas
Web Mobile

Versões mobile de sites e aplicações web

Independente de qualquer controle

Aplicação “centralizada”

Não atende a todas as necessidades

Não é tão sexy para usuários

Não está 100% disponível
Brigando pelo topo
Brigando pelo topo
Brigando pelo topo
Correndo por fora
Correndo por fora
Morrendo Lentamente
Morrendo Lentamente
Fora do Páreo
Fora do Páreo
Fora do Páreo
Fora do Páreo
Fora do Páreo
Qual plataforma escolher?

Empresas
 iOS e Android
 Preparar-se para WP7 em 2012

Desenvolvedores
 A plataforma que sentir mais afinidade
Características da Plataforma iOS

iTunes App Store

Qualidade média alta

Ambiente controlado pela Apple

Poucos dispositivos para suportar

Aplicativos Nativos

Ideal para desenvolvedores de Games
Características da Plataforma Android

Várias lojas de Aplicativos

Ambiente livre de controle

Qualidade média baixa

Grande número de dispositivos para suportar

Grandes empresas sustentam a plataforma

Mercado fácil de se destacar
Características da Plataforma WP7

Windows Phone Marketplace

Interface Gráfica Clean e Imutável

Pobre em APIs e Recursos (ainda)

Integração Zune e XBox

Integração com Redes Sociais

Adotado pela Nokia
Ambiente de Desenvolvimento iOS



         Mac OS X             Instruments



         Xcode                iOS Simulator
Ambiente de Desenvolvimento Android




    Android SDK
                      Android Emulator
Ambiente de Desenvolvimento WP7




          Windows             Visual Studio




         Expression Blend           XNA
User eXperience (UX)
Por que tanta preocupação?

UX é determinante em mobile

Transformação

Fidelização

Melhor Ranking para o app

Mais downloads e compras

Mais dinheiro =D
O que nunca fazer...

Portar UI de outras plataformas

Utilizar alertas em excesso

Utilizar fontes pequenas demais

Controles pequenos

Fugir do conceito inicial da plataforma

Criar comandos com gestos difíceis
O que fazer...

UI de acordo com a plataforma

Controles de tamanho razoável

Tratar diferentes resoluções

Foco no que é importante

Fontes fáceis de ler

Foco no usuário
Interface de cada Plataforma
iPhone/iPod Touch
iPhone/iPod Touch




                    Abas
iPhone/iPod Touch




                    Conteúdo




                    Abas
iPhone/iPod Touch


                    Navegação/Opções




                    Conteúdo




                    Abas
iPhone/iPod Touch
iPhone/iPod Touch




Aba Selecionada
iPhone/iPod Touch




 Conteúdo




Aba Selecionada
iPhone/iPod Touch



                    Opções do item




 Conteúdo




Aba Selecionada
iPhone/iPod Touch


   Voltar
                    Opções do item




 Conteúdo




Aba Selecionada
iPhone/iPod Touch
iPhone/iPod Touch




 Conteúdo
iPhone/iPod Touch


   Voltar




 Conteúdo
iPhone/iPod Touch

                    Navegação
   Voltar
                    Alternativa




 Conteúdo
iPhone/iPod Touch

                       Navegação
   Voltar
                       Alternativa




 Conteúdo



                      Indicação de
                    Atalho para ação
iPad
iPad




       Abas
iPad




       Abas   Conteúdo
iPad          Barra de Navegação




       Abas         Conteúdo
iPad
iPad




Menu
iPad   Outras
       Opções




Menu
iPad      Outras
          Opções




Menu




       Conteúdo
iPad
iPad   Overlay
iPad   Overlay




                 Modal Box
iPad       Overlay




Navegação




                      Modal Box
iPad       Overlay


                         Fechar




Navegação




                      Modal Box
Smartphones Android
Smartphones Android




       Home
Smartphones Android




       Menu


       Home
Smartphones Android




       Menu           Voltar


       Home
Smartphones Android




       Menu           Voltar


       Home           Buscar
Smartphones Android
Smartphones Android



    Navegação
Smartphones Android



    Navegação

                      Abas
Smartphones Android



    Navegação

                      Abas

    Abas de
    Conteúdo
Smartphones Android



    Navegação

                       Abas

    Abas de
    Conteúdo

                      Conteúdo
Smartphones Android
Smartphones Android



   Navegação
Smartphones Android



   Navegação



    Opções
Smartphones Android



   Navegação



    Opções


                      Feedback
Tablets Android
Tablets Android




 Voltar
Tablets Android




 Voltar
          Home
Tablets Android




 Voltar
          Home Aplicativos
                abertos
Tablets Android




 Voltar
          Home Aplicativos   Menu
                abertos
Tablets Android




Abas




 Voltar
          Home Aplicativos   Menu
                abertos
Tablets Android
                                    Opções




Abas




 Voltar
          Home Aplicativos   Menu
                abertos
Tablets Android
                                               Opções




Abas




 Voltar
                                    Conteúdo
          Home Aplicativos   Menu
                abertos
Windows Phone 7 (Metro UI)
Windows Phone 7 (Metro UI)




                   Home
Windows Phone 7 (Metro UI)




          Voltar   Home
Windows Phone 7 (Metro UI)




          Voltar   Home      Buscar
Windows Phone 7 (Metro UI)




          Tiles




          Voltar   Home      Buscar
Windows Phone 7 (Metro UI)
Windows Phone 7 (Metro UI)




         Conteúdo
Windows Phone 7 (Metro UI)




         Conteúdo
                              Continua
                             para o lado
Windows Phone 7 (Metro UI)
Perguntas???

Weitere ähnliche Inhalte

Andere mochten auch

Desenvolvimento de aplicativos Universais para iOS
Desenvolvimento de aplicativos Universais para iOSDesenvolvimento de aplicativos Universais para iOS
Desenvolvimento de aplicativos Universais para iOSAndré Espeiorin
 
Arquitetura dos dispositivos móveis
Arquitetura dos dispositivos móveisArquitetura dos dispositivos móveis
Arquitetura dos dispositivos móveisAlexsander Fontes
 
Arquitetura de dispositivos móveis
Arquitetura de dispositivos móveis Arquitetura de dispositivos móveis
Arquitetura de dispositivos móveis Italo Andrade
 
Sistema Operacional Móvel iOS
Sistema Operacional Móvel iOSSistema Operacional Móvel iOS
Sistema Operacional Móvel iOSDj Black
 
Tecnologias da Informacao e seu Impacto na Sociedade
Tecnologias da Informacao e seu Impacto na SociedadeTecnologias da Informacao e seu Impacto na Sociedade
Tecnologias da Informacao e seu Impacto na SociedadeAdriana de Oliveira
 
IOS sistema operacional
IOS sistema operacionalIOS sistema operacional
IOS sistema operacionalHamburg Süd
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSTenshiDam
 
Trabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSTrabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSnadilei
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 

Andere mochten auch (12)

Desenvolvimento de aplicativos Universais para iOS
Desenvolvimento de aplicativos Universais para iOSDesenvolvimento de aplicativos Universais para iOS
Desenvolvimento de aplicativos Universais para iOS
 
Arquitetura dos dispositivos móveis
Arquitetura dos dispositivos móveisArquitetura dos dispositivos móveis
Arquitetura dos dispositivos móveis
 
Arquitetura de dispositivos móveis
Arquitetura de dispositivos móveis Arquitetura de dispositivos móveis
Arquitetura de dispositivos móveis
 
Sistema Operacional Móvel iOS
Sistema Operacional Móvel iOSSistema Operacional Móvel iOS
Sistema Operacional Móvel iOS
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOS
 
Tecnologias da Informacao e seu Impacto na Sociedade
Tecnologias da Informacao e seu Impacto na SociedadeTecnologias da Informacao e seu Impacto na Sociedade
Tecnologias da Informacao e seu Impacto na Sociedade
 
SISTEMA OPERATIVO iOS
SISTEMA OPERATIVO iOSSISTEMA OPERATIVO iOS
SISTEMA OPERATIVO iOS
 
IOS sistema operacional
IOS sistema operacionalIOS sistema operacional
IOS sistema operacional
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOS
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional Android
 
Trabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSTrabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOS
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 

Ähnlich wie Mobile, por onde e como começar

PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android Fundação Vanzolini
 
Minicurso iniciando com Android no Androidos Day
Minicurso iniciando com Android no Androidos DayMinicurso iniciando com Android no Androidos Day
Minicurso iniciando com Android no Androidos DayMessias Batista
 
Desenvolvendo para iOS em linux
Desenvolvendo para iOS em linuxDesenvolvendo para iOS em linux
Desenvolvendo para iOS em linuxErisvaldo Junior
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidCarlos Eugenio Torres
 
Desenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidDesenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidJosé Alexandre Macedo
 
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"2º ETI - Minicurso "Desenvolvendo para Plataforma Android"
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"Adriel Café
 
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...Impacta Eventos
 
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveisSeminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveisRogério Moraes de Carvalho
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5Bruno Muniz
 
Desenvolvendo aplicações móveis
Desenvolvendo aplicações móveisDesenvolvendo aplicações móveis
Desenvolvendo aplicações móveiscedulio
 
Desenhando aplicativos mobile IOS

Desenhando aplicativos mobile IOS
Desenhando aplicativos mobile IOS

Desenhando aplicativos mobile IOS
Daniel Mack
 
Como testar sua aplicação Android e iOS: uma abordagem prática
Como testar sua aplicação Android e iOS: uma abordagem práticaComo testar sua aplicação Android e iOS: uma abordagem prática
Como testar sua aplicação Android e iOS: uma abordagem práticaElias Nogueira
 
iOS no TDC Florianópolis
iOS no TDC FlorianópolisiOS no TDC Florianópolis
iOS no TDC FlorianópolisMarcelo Quinta
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Diogo Souza
 
Desenvolvendo aplicativos móveis com Adobe AIR
Desenvolvendo aplicativos móveis com Adobe AIRDesenvolvendo aplicativos móveis com Adobe AIR
Desenvolvendo aplicativos móveis com Adobe AIROdair Seixas
 

Ähnlich wie Mobile, por onde e como começar (20)

PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android PALESTRA :: Desenvolvimento para plataforma Android
PALESTRA :: Desenvolvimento para plataforma Android
 
Android e ios (1)
Android e ios (1)Android e ios (1)
Android e ios (1)
 
Introdução Ao Desenvolvimento Para Iphone
Introdução Ao Desenvolvimento Para IphoneIntrodução Ao Desenvolvimento Para Iphone
Introdução Ao Desenvolvimento Para Iphone
 
Minicurso iniciando com Android no Androidos Day
Minicurso iniciando com Android no Androidos DayMinicurso iniciando com Android no Androidos Day
Minicurso iniciando com Android no Androidos Day
 
Desenvolvendo para iOS em linux
Desenvolvendo para iOS em linuxDesenvolvendo para iOS em linux
Desenvolvendo para iOS em linux
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
 
Desenvolvimento IOS - Mobile
Desenvolvimento IOS - MobileDesenvolvimento IOS - Mobile
Desenvolvimento IOS - Mobile
 
Desenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidDesenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma Android
 
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"2º ETI - Minicurso "Desenvolvendo para Plataforma Android"
2º ETI - Minicurso "Desenvolvendo para Plataforma Android"
 
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...
Explorando o Mundo Apple, Desenvolvendo Aplicativos para IOS - Felipe Martins...
 
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveisSeminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5
 
Desenvolvendo aplicações móveis
Desenvolvendo aplicações móveisDesenvolvendo aplicações móveis
Desenvolvendo aplicações móveis
 
Desenhando aplicativos mobile IOS

Desenhando aplicativos mobile IOS
Desenhando aplicativos mobile IOS

Desenhando aplicativos mobile IOS

 
Como testar sua aplicação Android e iOS: uma abordagem prática
Como testar sua aplicação Android e iOS: uma abordagem práticaComo testar sua aplicação Android e iOS: uma abordagem prática
Como testar sua aplicação Android e iOS: uma abordagem prática
 
iOS no TDC Florianópolis
iOS no TDC FlorianópolisiOS no TDC Florianópolis
iOS no TDC Florianópolis
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?
 
IOS
IOSIOS
IOS
 
Desenvolvendo aplicativos móveis com Adobe AIR
Desenvolvendo aplicativos móveis com Adobe AIRDesenvolvendo aplicativos móveis com Adobe AIR
Desenvolvendo aplicativos móveis com Adobe AIR
 
Flash mobile
Flash mobileFlash mobile
Flash mobile
 

Mobile, por onde e como começar

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n