1. O documento discute o desenvolvimento de aplicativos para iOS usando CocoaTouch, cobrindo ferramentas como Xcode e Interface Builder, Objective-C, novidades do iOS 5 como compartilhamento no Twitter, animações, edição de imagens e rastreamento de usuários. 2. É destacado o uso de ferramentas como Xcode, Instruments e Interface Builder no desenvolvimento, além de tópicos como Objective-C, blocos, ARC e execução de tarefas em segundo plano. 3. Animações, edição de imagens, design para telas

1. Desenvolvendo para iOS
com CocoaTouch

2. Sumário
• Documentação
• Principais ferramentas de uso
• Objective-C / Cocoa touch
• Novidades do IOS 5
• Design e imagens
• Animações e edições de imagens
• Rastreando o usuário

3. Documentação
O primeiro grande passo

4. Documentação
• https://developer.apple.com/library/ios/ipad/#home

5. Documentação
• https://github.com/brunogb/DocSets-for-iOS

6. Documentação
• HIG - Human interface guidelines

7. Principais ferramentas

8. Xcode

9. Xcode
• Edição do código
• Construção da interface
• Ferramenta de depuração de código
• Modelador de banco de dados

10. Xcode
Editor de versão do código
Suporte:

11. Interface Builder?

12. Interface Builder

13. Interface Builder
• IBOutlets e IBActions diretamente da interface

14. Instruments

15. Instruments
• Avaliação de performance, gargálos, memory leaks
• Automação de navegação pelo aplicativo
• Facilita encontrar bugs de programação
• Analisador de OpenGL

16. Instruments

17. Instruments

18. Instruments

20. Objective-C

21. Sintaxe

22. Sintaxe

23. ARC
Automatic Reference Counting

24. ARC
Automatic Reference Counting
• Não utilize os métodos dealloc, retain e release
• Para arquivos que não devam ser compilados com ARC, utilize a flag
<-fno-objc-arc>
• Todos os métodos da sua classe devem estar especificados na
interface

25. ARC
Automatic Reference Counting

26. ARC
Automatic Reference Counting
@autoreleasepool {
<seu código>
}

27. Usando blocos com Objective-C
E quais as vantagens em se utilizar blocos

28. Usando blocos com Objective-C
Blocos são objetos que encapsulam um
segmento de código a ser executado.

29. Usando blocos com Objective-C
Adotado cada vez mais nos novos frameworks

30. Usando blocos com Objective-C
Como remover uma view com fade

31. Usando blocos com Objective-C
Transição "Flip" entre views

32. Definindo blocos

33. Definindo blocos
https://github.com/brunogb/BlocksKit
BlocksKit adiciona o suporte a blocos em diversos
frameworks que ainda não tem esse suporte
• Filtros em arrays e dicionários
• Alertas e ActionSheets
• Timers
• Conexões de internet
• Reconhecimento de gestos

34. Executando tarefas em background
"nunca execute tarefas longas na thead principal"

35. Executando tarefas em background
Tarefas com processamento paralisam a
interface gráfica e passam a sensação de
que o aplicativo não esta funcionando
- (void)performSelectorInBackground:(SEL)aSelector withObject:(id)arg

36. Executando tarefas em background
Tarefas com processamento paralisam a
interface gráfica e passam a sensação de
que o aplicativo não esta funcionando
- (void)performSelectorOnMainThread:(SEL)aSelector
withObject:(id)arg waitUntilDone:(BOOL)wait

37. Novidades do iOS 5
Novos métodos, frameworks, e possibilidades

38. NSJSONSerialization
Traduzindo e gerando dados no formato JSON
+ (id)JSONObjectWithData:(NSData *)data options:
(NSJSONReadingOptions)opt error:(NSError **)error;
+ (id)JSONObjectWithStream:(NSInputStream *)stream
options:(NSJSONReadingOptions)opt error:(NSError **)error;
+ (BOOL)isValidJSONObject:(id)obj;
+ (NSData *)dataWithJSONObject:(id)obj options:
(NSJSONWritingOptions)opt error:(NSError **)error;

39. UIKit

40. UIScreen
Controlando o brilho da tela
@property (nonatomic) CGFloat brightness;
@property (nonatomic) BOOL wantsSoftwareDimming;
( Cuidado com essa propriedade, ela pode causar uma
animação mais lenta se estiver habilitada )

41. UIScrollview
Controlando o ponto de parada de um scroll
- (void)scrollViewWillEndDragging:(UIScrollView *)sv
withVelocity:(CGPoint)vel
targetContentOffset:(inout CGPoint *)tCO;
( a variável tCO contem o possível ponto de parada da
scrollView, e você pode altera-lo para o ponto que achar
melhor. Cuidado para não estraga a "física" da scrollView,
ou o usuário pode ficar perdido)

42. UIReferenceLibraryViewController
Exibindo definições de palavras
- (id)initWithTerm:(NSString *)term;
+ (BOOL)dictionaryHasDefinitionForTerm:(NSString *)term;

43. UITableView
Registrando UITableViewCell com um identifier
- (void)registerNib:(UINib *)nib
forCellReuseIdentifier:(NSString *)ident;
Como recuperar um Nib
UINib *nibFile = [UINib nibWithNibName:@"MyNib" bundle:nil];
( Importante definir na UITableViewCell o mesmo identifier )

44. UIImage
Imagens animadas
+ (UIImage*)animatedImageNamed:(NSString *)name duration:
(NSTimeInterval)duration;
Busca por name0, name1....
+ (UIImage*)animatedImageWithImages:(NSArray *)images
duration:(NSTimeInterval)duration;
@property (nonatomic, readonly) NSArray *images;
@property (nonatomic, readonly) NSTimeInterval duration;

45. UIImage
Imagens redimencionadas (tiles)
- (UIImage*)resizableImageWithCapInsets:(UIEdgeInsets)i;
duration:(NSTimeInterval)duration;
{0, 1, 0, 1}

46. UIViewControllerContainer

47. UIViewControllerContainer
Container
- (void)addChildViewController:(UIViewController *)cvc;
- (void)removeFromParentViewController;
@property (readonly) BOOL childViewControllers;
Após executar o método <addChildViewController:> deve-se este método no
controllers adicionado:
- (void)didMoveToParentViewController:(UIViewController *)cvc;

48. UIViewControllerContainer
Transição entre controllers
- (void)transitionFromViewController:(UIViewController *)fvc
toViewController:(UIViewController *)tvc
duration:(NSTimeInterval)duration
options:(UIViewAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^)(BOOL finished))completion;

49. UIStepper
Controle para aumentar ou diminuir um valor
@property (nonatomic) BOOL autorepeat;
@property (nonatomic) double maximumValue;
@property (nonatomic) double minimumValue;
@property (nonatomic) double stepValue;
@property (nonatomic) double value;

50. Twitter & Accounts
"Single sign-on"

51. Twitter & Accounts
"Single sign-on"
TWRequest;
Responsável por efetuar requisições para a API do Twitter. Caso
seja um recurso protegido, basta definir a propriedade <account>.
Saiba os métodos disponíveis em: http://dev.twitter.com/docs/api
TWTweetComposeViewController
ViewController que permite ao usuário enviar um tweet. Pode ser
adicionado uma imagem, ou url ao tweet antes de exibi-lo.

52. Twitter & Accounts
"Single sign-on"
Código para recuperar todas as contas disponíveis

53. UIStoryBoards

54. UIStoryBoards
Fácil de criar e visualizar a navegação do aplicativo

55. UIStoryBoard
UIViewController
@property (readonly, retain) UIStoryBoard *storyboard;
- (void)performSegueWithIdentifier:(NSString *)id sender:
(id)sender;
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:
(id)sender;
- (void)instantiateViewControllerWithIdentifier:(NSString *)identifier

56. UIStoryBoard
UITableViewController
Protótipo de células de
tabelas dentro da própria
tabela

57. UIStoryBoard
UITableViewController
Tabelas com conteúdo
estático pre definido

60. Sincronização remota em tempo
real entre aplicativos

61. Configurando iCloud
em seu aplicativo
• Habilitar o provisioning profile com permissão para
iCloud
• Atualizar provisioning profile no Xcode
• Marcar o campo <entitlements> dentro do summary do
aplicativo

62. Configurando iCloud
em seu aplicativo

63. Configurando iCloud
em seu aplicativo

64. Newsstand
Revistas e jornais no seu iDevice

65. Newsstand
Revistas e jornais no seu iDevice
• Possibilita download de conteúdo em background
• Possibilita que o aplicativo seja lançado em
background via push notification
• Possibilita downloads de itens separados do servidor
em background.
• Ícone do aplicativo pode ser alterado para refletir a
última edição recebida.

66. Animações e edição básica de imagens
Utilizando QuartzCore, CoreAnimation e CoreImage

67. CALayer
Toda UIView tem uma CALayer responsável por desenhar
o conteúdo na tela. Seus atributos podem ser animados
Para acessar a layer de uma UIView:
UIView *view = [[UIView alloc] init];
CALayer *layer = view.layer;

68. CALayer • cornerRadius
Deixa a view com borda arredondada.
Caso a view possua conteúdos perto da
borda, pode ser necessário utilizar a
propriedade <clipToBounds> da view
para que o conteúdo seja escondido
UIView *view = [[UIView alloc] init];
CALayer *layer = view.layer;
layer.cornerRadius = 8;

69. CALayer • borderColor, borderWidth
Define cor e tamanho da borda da view.
Acompanha o traçado do cornerRadius,
se houver. A cor é definida com uma
referencia do tipo CGColorRef.
UIView *view = [[UIView alloc] init];
CALayer *layer = view.layer;
layer.borderWidth = 3;
layer.borderColor = [UIColor redColor].CGColor;

70. CALayer • shadowOpacity, shadowRadius,
shadowOffset, shadowColor
Define opacidade, radius, offset e cor da
sombra da UIView. O offset é definido
como um CGSize e determina a partir
do centro da view para qual direção a
sombra vai se deslocar.
UIView *view = [[UIView alloc] init];
CALayer *layer = view.layer;
layer.shadowOpacity = 0.8;
layer.shadowColor = [UIColor redColor].CGColor;
layer.shadowRadius = 2;
layer.shadowOffset = CGSizeMake(0,1);

71. Design e imagens

72. Design e imagens
Regra dos 44x44 pixels
A área mínima de um controle que aceite um
toque deve ser de 44x44 pixels.

73. Design e imagens
Regra dos 44x44 pixels

74. Design e imagens
Regra dos 44x44 pixels
UINavigationBar tem 44px de altura, e apesar
de seus botões interior terem 30px de altura,
sua área de toque é estendida para os 44px

75. Design e imagens
Tamanho dos ícones do aplicativo
• AppStore: 512x512px
• iPad: 72x72px
• Home screen: 57x57px
• Home screen (Retina display): 114x114px

76. Design e imagens
Tamanho da tela e desenvolvendo para tela Retina
• iPhone: 320x480
• iPad: 768x1024
• IPhone Retina: 640x960
Importante notar que para desenvolver para tela retina basta multiplicar por 2
o tamanho do objeto numa tela não retina. Ex: uma imagem 50x50 em tela
normal, em tela retina seria 100x100. E para utilizar imagens em retina, basta
ela ter o mesmo nome da normal acrescentada de @2x antes da extensão.

77. Design e imagens
Tamanho dos elementos internos
• Status bar: 20px de altura
• Navigation bar: 44px de altura
• Tab bar: 49px de altura
• Bar itens: 30x30 pixels

78. Rasteando o usuário
dentro do aplicativo
Aprendendo com o usuário o que mais
importante e o que funciona melhor

79. Rasteando o usuário dentro do aplicativo
As melhores ferramentas disponíveis no momento
são Google analytics e Flurry.
Ambas são muito parecidas em termos de
funcionalidades mas cada uma se destaca em
uma área.

80. Flurry
• Analytics para iOS, Android, Blackberry, Windows Phone,
JavaME, HTML5.
• Rastreia dados como sexo do usuário, idade e ID (desde
que esses dados sejam fornecidos pelo programador)
• Relatórios são mais simples porém.
Google analytics
• Analytics para iOS, Android e HTML.
• Rastreia dados customizados definidos pelo
desenvolvidor
• Integração com ecommerce, e campanhas. Versão web
• Relatórios detalhados, mesmo painel da versão web.

81. Mais informações
Bruno Bilescky
bruno.gondim@telefonicadigital.com.br
brunogb@gmail.com
@bgondim
Documentação
http://developer.apple.com