ticket to ride - salesforce hybrid mobile apps
DESCRIPTION
Slide deck from my Dreamforce 2013 mobile theatre session demonstrating a couple of complementary applications - a ticketing app to download tickets to a device and present a QR code and a driver app to scan and verify the code and consume the ticket in Salesforce.TRANSCRIPT
![Page 1: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/1.jpg)
Ticket to rideTicket to ride
Keir Bowden, BrightGen, CTO
@bob_buzzard
![Page 2: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/2.jpg)
About me CTO of BrightGen
5 years Force.com
Force.com MVP
Enterprise Java background
![Page 3: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/3.jpg)
When mobile web apps aren’t enough
You need access to device features but don’t want to learn a
new programming language per platform
Here’s how to leverage your existing web skills using the
Salesforce Mobile SDK ...
![Page 4: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/4.jpg)
Tickets app flow
1. Download Tickets1. Download Tickets
2. Store Offline2. Store Offline 3. Present Code3. Present Code
![Page 5: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/5.jpg)
Driver app flow
1. Sign in to service1. Sign in to service
2. Touch to scan2. Touch to scan
3. Scan code and validate3. Scan code and validate
4. Consume ticket4. Consume ticket
![Page 6: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/6.jpg)
Mobile options
![Page 7: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/7.jpg)
Tickets app
HybridApplication
HybridApplication
iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit
Smart Store
Smart Store
![Page 8: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/8.jpg)
Driver app
HybridApplication
HybridApplication
iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit
Scanner Plugin
Scanner Plugin
![Page 9: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/9.jpg)
Demo Retrieving tickets and presenting a ticket code
Scanning and verifying the ticket
A look at the code:• Store.js - Smartstore integration
• Tickets.js – interface between store and UI
• Scan.js – Scanner integration
![Page 10: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/10.jpg)
Lesson 1: Storyboard the application
Especially single page applications!
Map pages to functionality
![Page 11: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/11.jpg)
Lesson 2: Professional JavaScript Avoid anonymous functions
Use your own namespace
Don’t tie behaviour to content
![Page 12: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/12.jpg)
Lesson 3: Use the discussion boards You aren’t the first
Leverage the community
Access the SDK developers
![Page 13: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/13.jpg)
Lesson 4: Terminology Cordova ≈ Linux
Phonegap ≈ RedHat
Used interchangeably
![Page 14: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/14.jpg)
Keir BowdenKeir Bowden
CTO, BrightGen@bob_buzzard
![Page 15: Ticket to Ride - Salesforce Hybrid Mobile Apps](https://reader034.vdocuments.mx/reader034/viewer/2022042613/54b6d8404a795983428b4676/html5/thumbnails/15.jpg)