Arquitetura de Apps em Cenários Offline

Apresentação feita na MobileConf 2015 - Rio de Janeiro

Transcript

1. Arquitetura de apps em cenários offline Gustavo Barbosa Mobile Engineer @ LoadSmart
2. o que é offline?
3. sem conexão
4. problemas de conectividade
5. conectividade
 co.nec.ti.vi.da.de sf (conectivo+i+dade) Inform Capacidade de um dispositivo de se conectar com outros dispositivos e transferir informação.
6. sem internet
7. sinal fraco
8. alto tráfego
9. velocidade download (Mb/s) velocidade upload (Mb/s) latência (ms) estabilidade da rede (%) 1.3 0.4 719 76 0.8 0.3 689 74 0.6 0.3 658 81 0.3 0.2 695 78 fonte: http://opensignal.com/networks/
10. 0 2 4 6 8 2011 2012 2013 2014 velocidade média geral: 2G, 3G, and 4G fonte: http://opensignal.com/networks/
12. Super Truck por John Appleseed ❤ 57
13. UX = UI + AI + DEV
14. arquitetura client/server
15. server client sending fetching Messages Calendar Photos Camera Weather Clock Maps Videos Notes Reminders Stocks Game Center VIRGIN 22% 4 21 PM :
16. fetching
17. GET
18. Abre a view Faz request Mostra loading Atualiza View Mensagem de erro Mensagem de erro créditos: Daniel Pfeiffer, Float Mobile Learning online offline sucesso erro cache
19. cache em memória?
20. cache em disco
21. CoreData SQLite Arquivos
22. Abre a view Faz request Mostra loading Pega dados no cache dados no cache? Salva dados no cache Mensagem de erro Pega dados do cache Mensagem de erro Atualiza view online offline acabou de verificar sucesso erro hit miss créditos: Daniel Pfeiffer, Float Mobile Learning
23. monta a view com dado local
24. Abre a view Faz request Mostra loading Pega dados no cache dados no cache? Salva dados no cache Mensagem de erro Pega dados do cache Mensagem de erro Atualiza view online offline acabou de verificar sucesso erro hit miss créditos: Daniel Pfeiffer, Float Mobile Learning
25. requests no tempo certo
26. Abre a view Faz request Mostra loading Pega dados no cache dados no cache? Salva dados no cache Mensagem de erro Pega dados do cache Mensagem de erro Atualiza view online offline acabou de verificar sucesso erro hit miss créditos: Daniel Pfeiffer, Float Mobile Learning
27. sending
28. POST, PUT, DELETE
29. 2 estratégias principais
30. 1. estado de sincronismo 2. fila de operações
31. estado de sincronismo
32. mantém localmente o estado do recurso que foi criado / alterado / removido
33. @interface Photo : NSManagedObject @property (nonatomic) int16_t identifier; @property (nonatomic, retain) NSString *url; @property (nonatomic) BOOL published; @property (nonatomic) int16_t syncStatus; @end
34. NS_ENUM(int16_t, SyncStatus) { SyncStatusUnknown = 0, SyncStatusNeedsSynced, SyncStatusOK, SyncStatusNeedsRemoved };
35. #import <UIKit/UIKit.h> @class Photo; @interface PhotoViewController : UIViewController @property (nonatomic, strong) Photo *photo; @end
36. #import "PhotoViewController.h" #import "Photo.h" @implementation PhotoViewController - (IBAction)publishButtonTapped { [self.photo markAsPublished]; // animations... } @end
37. @implementation Photo @dynamic identifier; @dynamic url; @dynamic published; @dynamic syncStatus; - (void)markAsPublished { self.published = YES; self.syncStatus = SyncStatusNeedsSynced; } @end
38. criar / alterar
39. Tap em "Salvar" Salva local Salva no server Segue a vida Atualiza local .NeedsSynced .OK sucesso .NeedsSynced erro quando? quando?
40. remover
41. Tap na Lixeira Atualiza local Apaga no server Segue a vida de novo Apaga local .NeedsRemoved erro sucesso .NeedsRemoved
42. depois de remover, listar apenas as que não tem NeedsRemoved
43. fila de operações
44. cada ação é representada por uma operação
45. First In First Out
46. Foto 1 alterada 1426791001 Foto 3 alterada 1426790981 Foto 2 apagada 1426790914 Nova Foto 1426790883
47. fila é armazenada em disco
48. Nova Foto 1426790883 Host: http://my.webserver.com Path: /photo Method: POST Content-Type: application/json Headers: … { “title”: “Foto do pessoal na MobileConf 2015”, “caption”: “#zoamuito”, “image_url”: “http://my.cdn.com/bucket/photo.jpg" }
49. remove da fila depois do sucesso da operação
50. Foto 1 alterada Foto 3 alterada Foto 2 apagada 1426791001 1426790981 1426790914
51. coisas úteis para comunicação
52. background fetch
53. push notifications
54. sockets
55. perguntas? email: gustavo@loadsmart.com github: @barbosa twitter: @gustavocsb slides: speakerdeck.com/barbosa