Slide deck from my Dreamforce 2017 breakout session on offline mobile access with the Salesforce Mobile SDK.

1. No Connection? No Problem!

2. CTO, BrightGen
@bob_buzzard
Keir Bowden

3. Offline support is the mobile app feature
continually underscoped by developers
and over-simplified by stakeholders.
The Offline Mobile Challenge, Forrester Research, bit.ly/2iV5Xky
2014!

4. Why Offline?
No connection
• Secure site, basement, plane
Poor connection
• Moving between cells (train, car)
• Packet loss -> device backoff
Data isn’t free!

5. Demo Application

6. Demo Application
Training System
Read and Learn
Answer questions
Should be familiar!
Overview

7. Demo

8. Architecture
Salesforce + Mobile SDK
Hybrid local iOS
SmartStore offline cache
Single page application
Framework7 UI
Technical
Salesforce
SmartStore
JavaScript
Mobile SDK
Framework7
Cordova

9. Data Model
Page
Section Details
Question 1
Question 1 Option a
Question 1 Option b
...
Question 1 Answer
Question 2

10. Smart Store

11. Smart Store
JSON document store
Store ≈ database
Soup ≈ table
JSON document ≈ row
Secured to user session
• Logout = lose data!
App
ORM
SQLite
navigator.smartstore

12. Creating a Soup

13. Caching Records

14. Query All Records

15. Query All Records

16. Query Single Record

17. Query Single Record

18. Clearing a Soup

19. Accessing Salesforce

20. Query Salesforce Data

21. Cache Salesforce Data

22. Update Salesforce Data

23. Debugging

24. The Fine Art of Debugging,
a.k.a. “Kill Me! Kill Me Now!”
Mark Pilgrim, HTML5: Up and Running

25. Debugging
Start simulator
-> Safari

26. Debugging

27. Lessons Learned

28. Lessons Learned
Learn JavaScript
Storyboard the app
Avoid anonymous functions
Use your own namespace
Make small changes

29. Lessons Learned
Always go via SmartStore
Use latest mobile SDK
Offline is not magic!
• Different terminology
• Asynchronous
• Not many examples

30. More Information
iOS Hybrid App Github Repo - Coming soon!
Salesforce App Github Repo - Coming soon!
Salesforce Mobile SDK for iOS - http://bit.ly/2yJpdEQ
Salesforce Mobile Developer Center - http://sforce.co/2933gVn
Framework7 - https://framework7.io/docs/