I palestra

iPalestra  

Desenvolvendo  para  disposi0vos  móveis.          

Gustavo  Graña  

E  tu  é  quem  mesmo  ?  

•  Formando  do  curso  de  ciência  da  computação  da  UFPel.  

•  Desenvolvedor  backend  (java)  até  2010.  •  Desenvolvedor  mobile  desde  2010.  •  Entre  2008  e  2010  par0cipei  de  projetos  no  GAIA  e  posteriormente  no  GACI  

•  Em  breve,  espero,  aluno  do  mestrado.    

iPalestra - Gustavo Graña - SAComp 2

E  para  falar  con0go  ?  

gustavoggs@gmail.com

@ggrana

/gustavoggs

www.addplus.com/gustavo

ggrana

iPalestra - Gustavo Graña - SAComp 3

Conrad  Caine  

•  “CONRAD  CAINE  is  an  interna0onal  full  service  agency  that  offers  concepts,  design,  mo0on  and  technology  for  internet,  mobile,  social  media  and  e-­‐learning.  The  agency  was  founded  in  1998  and  now  employs  over  100  people  in  three  offices:  Munich,  Pelotas  and  Buenos  Aires.”  

•  h_p://www.conrad-­‐caine.com/  

iPalestra - Gustavo Graña - SAComp 4

INTRODUÇÃO  

 Então  ...  

iPalestra - Gustavo Graña - SAComp 5

Introdução  • Ambientação  

iPalestra - Gustavo Graña - SAComp 6

Introdução  • Ambientação  • Mercado  

iPalestra - Gustavo Graña - SAComp 7

Introdução  • Ambientação  • Mercado  • Disposi0vos  

iPalestra - Gustavo Graña - SAComp 8

Introdução  • Iden0dade  visual  

iPalestra - Gustavo Graña - SAComp 9

Introdução  • Iden0dade  visual  • Gestos  

iPalestra - Gustavo Graña - SAComp 10

Introdução  for  (SO*  atual  in  arraySOs)  {  

 [atual  historiaCurta];    [atual  principaisPontos];    [atual  comoComeçar];  

}  iPalestra - Gustavo Graña - SAComp 11

AMBIENTAÇÃO  

 visão  geral  

iPalestra - Gustavo Graña - SAComp 12

Ambientação  • Os  três  principais  sistemas  operacionais  

iPalestra - Gustavo Graña - SAComp 13

Ambientação  • Windows  phone  

iPalestra - Gustavo Graña - SAComp 14

Ambientação  • Windows  phone  • Android  

iPalestra - Gustavo Graña - SAComp 15

Ambientação  • Windows  phone  • Android  • Symbian  

iPalestra - Gustavo Graña - SAComp 16

Ambientação  • Windows  phone  • Android  • Symbian  

iPalestra - Gustavo Graña - SAComp 17

Ambientação  • Windows  phone  • Android  • iOs  

iPalestra - Gustavo Graña - SAComp 18

Ambientação  • Windows  phone  ?  

iPalestra - Gustavo Graña - SAComp 19

O.O.  

 visão  geral  

iPalestra - Gustavo Graña - SAComp 20

Orientação  a  objetos  • APRENDAM  

iPalestra - Gustavo Graña - SAComp 21

MVC  

 visão  geral  

iPalestra - Gustavo Graña - SAComp 22

MVC  • APRENDAM  

iPalestra - Gustavo Graña - SAComp 23

MVC  • O  que  é?    

iPalestra - Gustavo Graña - SAComp 24

MVC  • Model    

iPalestra - Gustavo Graña - SAComp 25

MVC  • Model  • View    

iPalestra - Gustavo Graña - SAComp 26

MVC  • Model  • View  • Controller    

iPalestra - Gustavo Graña - SAComp 27

MVC  • Rails  • Zend  • Django       iPalestra - Gustavo Graña - SAComp 28

MERCADO  

 visão  geral  

iPalestra - Gustavo Graña - SAComp 29

Mercado  • Público-­‐alvo      

iPalestra - Gustavo Graña - SAComp 30

Mercado  • Público-­‐alvo  • Loja  de  aplica0vos  

iPalestra - Gustavo Graña - SAComp 31

Lojas  • Google  play  

–   Cadastro  ($25)  

iPalestra - Gustavo Graña - SAComp 32

Lojas  • Google  play  

–   Cadastro  ($25)  –   Sem  verificação  prévia  

iPalestra - Gustavo Graña - SAComp 33

Lojas  • Google  play  

–   Cadastro  ($25)  –   Sem  verificação  prévia  –   App  re0rada  posteriormente  

iPalestra - Gustavo Graña - SAComp 34

Lojas  • Market  

–   Cadastro  ($99)  

iPalestra - Gustavo Graña - SAComp 35

Lojas  • Market  

–   Cadastro  ($99)  –   Verificação  prévia  

iPalestra - Gustavo Graña - SAComp 36

Lojas  • Market  

–   Cadastro  ($99)  –   Verificação  prévia  –   Seguir  as  guidelines  

iPalestra - Gustavo Graña - SAComp 37

Lojas  • Apple  store  

–   Cadastro  ($99)  

iPalestra - Gustavo Graña - SAComp 38

Lojas  • Apple  store  

–   Cadastro  ($99)  –   Verificações  prévias  

iPalestra - Gustavo Graña - SAComp 39

Lojas  • Apple  store  

–   Cadastro  ($99)  –   Verificações  prévias  –   Seguir  as  guidelines  

iPalestra - Gustavo Graña - SAComp 40

DISPOSITIVOS  

 visão  geral  

iPalestra - Gustavo Graña - SAComp 41

Disposi0vos  • Android    

iPalestra - Gustavo Graña - SAComp 42

Disposi0vos  • Android  • Windows  phone    

iPalestra - Gustavo Graña - SAComp 43

Disposi0vos  • Android  • Windows  phone  •  iOs    

iPalestra - Gustavo Graña - SAComp 44

IDENTIDADE  VISUAL  

 Desenvolvimento  

iPalestra - Gustavo Graña - SAComp 45

Iden0dade  visual  • Cada  um  tem  a  sua  

iPalestra - Gustavo Graña - SAComp 46

Iden0dade  visual  • Cada  um  tem  a  sua  • Conforto  do  usuário  

iPalestra - Gustavo Graña - SAComp 47

Iden0dade  visual  • Cada  um  tem  a  sua  • Conforto  do  usuário  • Componentes  

iPalestra - Gustavo Graña - SAComp 48

Exemplo  • Aplica0vos  com  mais  de  uma  tela.  

iPalestra - Gustavo Graña - SAComp 49

Exemplo  

iPalestra - Gustavo Graña - SAComp 50

Exemplo  

iPalestra - Gustavo Graña - SAComp 51

Exemplo  

iPalestra - Gustavo Graña - SAComp 52

Exemplo  

iPalestra - Gustavo Graña - SAComp 53

Exemplo  

iPalestra - Gustavo Graña - SAComp 54

GESTOS    

 Desenvolvimento  

iPalestra - Gustavo Graña - SAComp 55

Gestos  • Tap  

iPalestra - Gustavo Graña - SAComp 56

Gestos  • Long  Press  

iPalestra - Gustavo Graña - SAComp 57

Gestos  • Pan  

iPalestra - Gustavo Graña - SAComp 58

Gestos  • Swipe  

iPalestra - Gustavo Graña - SAComp 59

Gestos  • Pinch  

iPalestra - Gustavo Graña - SAComp 60

Gestos  • Rotate  

iPalestra - Gustavo Graña - SAComp 61

ORIENTAÇÃO    

 Desenvolvimento  

iPalestra - Gustavo Graña - SAComp 62

Orientação  • Portrait  

–   Retrato  

iPalestra - Gustavo Graña - SAComp 63

Orientação  • Landscape  

–   Paisagem  

iPalestra - Gustavo Graña - SAComp 64

iPalestra - Gustavo Graña - SAComp 65

iPalestra - Gustavo Graña - SAComp 66

Android  • Lançamento  

iPalestra - Gustavo Graña - SAComp 67

Android  • Lançamento  • Crescimento  

iPalestra - Gustavo Graña - SAComp 68

Android  • Lançamento  • Crescimento  • Aplica0vos  

iPalestra - Gustavo Graña - SAComp 69

DESAFIOS    

 Android  

iPalestra - Gustavo Graña - SAComp 70

Desafios  • A  tela  

iPalestra - Gustavo Graña - SAComp 71

Termos  importantes  • Screen  Size  

– Tamanho  da  tela  

iPalestra - Gustavo Graña - SAComp 72

Termos  importantes  • Screen  density  

– Densidade  da  tela  

iPalestra - Gustavo Graña - SAComp 73

Termos  importantes  • Resolu0on  

–   Resolução  

iPalestra - Gustavo Graña - SAComp 74

Termos  importantes  • Density-­‐independent  pixel  (dp)  

–   Pixel  independente  de  densidade  

iPalestra - Gustavo Graña - SAComp 75

Termos  importantes  • Density-­‐independent  pixel  (dp)  

–   px  =  dp  *  (dpi  /  160)  –   240  dpi  1  dp  =  1,5  pixels  

iPalestra - Gustavo Graña - SAComp 76

Desafios  • A  tela  • Fragmentação  

iPalestra - Gustavo Graña - SAComp 77

Fragmentação  

iPalestra - Gustavo Graña - SAComp 78

Fragmentação  • Mo0vo  

iPalestra - Gustavo Graña - SAComp 79

Fragmentação  • Mo0vo  • Agiliza  fabricante  

iPalestra - Gustavo Graña - SAComp 80

Fragmentação  • Mo0vo  • Agiliza  fabricante  • Compa0bilidade  

iPalestra - Gustavo Graña - SAComp 81

Fragmentação  • Influência  no  desenvolvimento  

iPalestra - Gustavo Graña - SAComp 82

Fragmentação  • Influência  no  desenvolvimento  

–   Componentes  

iPalestra - Gustavo Graña - SAComp 83

Fragmentação  • Influência  no  desenvolvimento  

–   Componentes  –   Performance  

iPalestra - Gustavo Graña - SAComp 84

DESTAQUE    

 Android  

iPalestra - Gustavo Graña - SAComp 85

Destaque  • Emulador  

iPalestra - Gustavo Graña - SAComp 86

Destaque  • Emulador  • Grande  quan0dade  de  usuários  

iPalestra - Gustavo Graña - SAComp 87

Destaque  • Emulador  • Grande  quan0dade  de  usuários  • Escolha  o  SO  que  quer  desenvolver  

iPalestra - Gustavo Graña - SAComp 88

COMEÇANDO    

 Android  

iPalestra - Gustavo Graña - SAComp 89

Começando  • h_p://developer.android.com/index.htm  

iPalestra - Gustavo Graña - SAComp 90

iPalestra - Gustavo Graña - SAComp 91

Começando  • h_p://developer.android.com/guide/index.html  

• h_p://developer.android.com/guide/prac0ces/ui_guidelines/index.html  

iPalestra - Gustavo Graña - SAComp 92

Começando  • Java  

iPalestra - Gustavo Graña - SAComp 93

Começando  • Java  • Eclipse  

iPalestra - Gustavo Graña - SAComp 94

Começando  • Java  • Eclipse  • Mac,  Linux  ou  Windows  

iPalestra - Gustavo Graña - SAComp 95

iPalestra - Gustavo Graña - SAComp 96

iPalestra - Gustavo Graña - SAComp 97

Windows  phone  • Lançamento  

iPalestra - Gustavo Graña - SAComp 98

Windows  phone  • Lançamento  • Conceito  

iPalestra - Gustavo Graña - SAComp 99

Windows  phone  • Lançamento  • Conceito  • Integração  

iPalestra - Gustavo Graña - SAComp 100

Botões  }sicos  

iPalestra - Gustavo Graña - SAComp 101

DESTAQUE    

 Windows  phone  

iPalestra - Gustavo Graña - SAComp 102

Destaque  • Tela    

iPalestra - Gustavo Graña - SAComp 103

Destaque  • Tela  • Material    

iPalestra - Gustavo Graña - SAComp 104

Destaque  • Tela  • Material  • Frameworks    

iPalestra - Gustavo Graña - SAComp 105

Frameworks  

iPalestra - Gustavo Graña - SAComp 106

MINHA  OPINIÃO  

 Windows  phone  

iPalestra - Gustavo Graña - SAComp 107

Minha  opinião  • Customização      

iPalestra - Gustavo Graña - SAComp 108

Minha  opinião  • Customização  • Alterna0va    

iPalestra - Gustavo Graña - SAComp 109

Minha  opinião  • Customização  • Alterna0va  • Crescimento  

  iPalestra - Gustavo Graña - SAComp 110

COMEÇANDO  

 Windows  phone  

iPalestra - Gustavo Graña - SAComp 111

Começando  • h_p://msdn.microso�.com/pt-­‐br/default.aspx  

iPalestra - Gustavo Graña - SAComp 112

iPalestra - Gustavo Graña - SAComp 113

Começando  • h_p://msdn.microso�.com/en-­‐us/library/hh202915(v=vs.92).aspx  

iPalestra - Gustavo Graña - SAComp 114

Começando  • C#  

iPalestra - Gustavo Graña - SAComp 115

Começando  • C#  • Visual  studio  for  windows  phone  

iPalestra - Gustavo Graña - SAComp 116

Começando  • C#  • Visual  studio  for  windows  phone  • Windows  

iPalestra - Gustavo Graña - SAComp 117

iPalestra - Gustavo Graña - SAComp 118

iPalestra - Gustavo Graña - SAComp 119

iOs  • Finalmente!  

iPalestra - Gustavo Graña - SAComp 120

iOs  • Lançamento  

iPalestra - Gustavo Graña - SAComp 121

iOs  • Lançamento  • Disposi0vos  

iPalestra - Gustavo Graña - SAComp 122

iOs  • Lançamento  • Disposi0vos  • App  Store  

iPalestra - Gustavo Graña - SAComp 123

DESTAQUE  

 iOs  

iPalestra - Gustavo Graña - SAComp 124

Destaque  • Consolidado  

iPalestra - Gustavo Graña - SAComp 125

Destaque  • Consolidado  

iPalestra - Gustavo Graña - SAComp 126

Destaque  • Consolidado  • Frameworks  

iPalestra - Gustavo Graña - SAComp 127

Frameworks  • Na0vos    

iPalestra - Gustavo Graña - SAComp 128

Frameworks  • Na0vos  • Terceiros  

iPalestra - Gustavo Graña - SAComp 129

Frameworks  • Na0vos  • Terceiros  

–   Muitas  para  jogos  

iPalestra - Gustavo Graña - SAComp 130

Destaque  • Material  

iPalestra - Gustavo Graña - SAComp 131

Destaque  • Material  • Disposi0vos  

iPalestra - Gustavo Graña - SAComp 132

Destaque  • Material  • Disposi0vos  • ARC  

iPalestra - Gustavo Graña - SAComp 133

OBJECTIVE  C  

 iOs  

iPalestra - Gustavo Graña - SAComp 134

Objec0ve  c  • C  

iPalestra - Gustavo Graña - SAComp 135

Objec0ve  c  • C  • Algumas  peculiaridades  

iPalestra - Gustavo Graña - SAComp 136

Objec0ve  c  

iPalestra - Gustavo Graña - SAComp 137

Objec0ve  c  

iPalestra - Gustavo Graña - SAComp 138

Objec0ve  c  

iPalestra - Gustavo Graña - SAComp 139

Objec0ve  c  Java  public  void  insertObjectAtIndex(Object  o,  int  index)    

Objec:ve  c  -­‐  (void)insertObject:  (id)object  atIndex:  (int)index  

iPalestra - Gustavo Graña - SAComp 140

Objec0ve  c  • C  • Algumas  peculiaridades  • Protocols  

iPalestra - Gustavo Graña - SAComp 141

COMEÇANDO  

 iOs  

iPalestra - Gustavo Graña - SAComp 142

Começando  • h_ps://developer.apple.com/devcenter/ios/index.ac0on  

iPalestra - Gustavo Graña - SAComp 143

iPalestra - Gustavo Graña - SAComp 144

Começando  •  h_ps://developer.apple.com/appstore/guidelines.html  

•  h_p://developer.apple.com/library/ios/#documenta0on/UserExperience/Conceptual/MobileHIG/Introduc0on/Introduc0on.html  

iPalestra - Gustavo Graña - SAComp 145

Começando  • Objec0ve  c  

iPalestra - Gustavo Graña - SAComp 146

Começando  • Objec0ve  c  • XCode  

iPalestra - Gustavo Graña - SAComp 147

Começando  • Objec0ve  c  • Xcode  • Mac  Intel,  OS  X+  

iPalestra - Gustavo Graña - SAComp 148

Começando  • Cadastro  

iPalestra - Gustavo Graña - SAComp 149

Começando  • Cadastro  • sdk  

iPalestra - Gustavo Graña - SAComp 150

Começando  • Cadastro  • sdk  • Ferramentas  

iPalestra - Gustavo Graña - SAComp 151

Ferramentas  • XCode  

iPalestra - Gustavo Graña - SAComp 152

Ferramentas  • Xcode  

– Interface  builder  

iPalestra - Gustavo Graña - SAComp 153

Ferramentas  • Xcode  

– Interface  builder  • Ferramentas  de  profile  

iPalestra - Gustavo Graña - SAComp 154

LINGUAGEM  

 Adendo,  a  melhor  

iPalestra - Gustavo Graña - SAComp 155

PONTO  

 Não  existe  

iPalestra - Gustavo Graña - SAComp 156

iPalestra - Gustavo Graña - SAComp 157

MULTIPLATAFORMA  

 Desenvolvimento  

iPalestra - Gustavo Graña - SAComp 158

Mul0plataforma  • Várias  opções  

iPalestra - Gustavo Graña - SAComp 159

Mul0plataforma  • Várias  opções  • Variadas  linguagens  

 iPalestra - Gustavo Graña - SAComp 160

Mul0plataforma  • Várias  opções  • Variadas  linguagens  • Resultado  

  iPalestra - Gustavo Graña - SAComp 161