Ticket to Ride: Offline Hybrid Mobile Apps

15
Ticket to ride Keir Bowden, BrightGen, CTO @bob_buzzard

description

Join Force.com's MVP Keir Bowden as he demonstrates a pair of hybrid applications that allow passengers to download tickets for use even when offline, and drivers to scan the ticket from the traveler's mobile device and register the passenger's presence on the journey. You'll see specific code examples of offline storage, QR code generation, and scanner integration.

Transcript of Ticket to Ride: Offline Hybrid Mobile Apps

Page 1: Ticket to Ride: Offline Hybrid Mobile Apps

Ticket to rideTicket to ride

Keir Bowden, BrightGen, CTO

@bob_buzzard

Page 2: Ticket to Ride: Offline Hybrid Mobile Apps

About me CTO of BrightGen

5 years Force.com

Force.com MVP

Enterprise Java background

Page 3: Ticket to Ride: Offline Hybrid Mobile Apps

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: Offline Hybrid Mobile Apps

Tickets app flow

1. Download Tickets1. Download Tickets

2. Store Offline2. Store Offline 3. Present Code3. Present Code

Page 5: Ticket to Ride: Offline Hybrid Mobile Apps

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: Offline Hybrid Mobile Apps

Mobile options

Page 7: Ticket to Ride: Offline Hybrid Mobile Apps

Tickets app

HybridApplication

HybridApplication

iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit

Smart Store

Smart Store

Page 8: Ticket to Ride: Offline Hybrid Mobile Apps

Driver app

HybridApplication

HybridApplication

iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit

Scanner Plugin

Scanner Plugin

Page 9: Ticket to Ride: Offline Hybrid Mobile Apps

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: Offline Hybrid Mobile Apps

Lesson 1: Storyboard the application

Especially single page applications!

Map pages to functionality

Page 11: Ticket to Ride: Offline Hybrid Mobile Apps

Lesson 2: Professional JavaScript Avoid anonymous functions

Use your own namespace

Don’t tie behaviour to content

Page 12: Ticket to Ride: Offline Hybrid Mobile Apps

Lesson 3: Use the discussion boards You aren’t the first

Leverage the community

Access the SDK developers

Page 13: Ticket to Ride: Offline Hybrid Mobile Apps

Lesson 4: Terminology Cordova ≈ Linux

Phonegap ≈ RedHat

Used interchangeably

Page 14: Ticket to Ride: Offline Hybrid Mobile Apps

Keir BowdenKeir Bowden

CTO, BrightGen@bob_buzzard

Page 15: Ticket to Ride: Offline Hybrid Mobile Apps