Ticket to Ride - Salesforce Hybrid Mobile Apps

Post on 15-Jan-2015

245 views 0 download

Tags:

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

Ticket to rideTicket to ride

Keir Bowden, BrightGen, CTO

@bob_buzzard

About me CTO of BrightGen

5 years Force.com

Force.com MVP

Enterprise Java background

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 ...

Tickets app flow

1. Download Tickets1. Download Tickets

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

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

Mobile options

Tickets app

HybridApplication

HybridApplication

iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit

Smart Store

Smart Store

Driver app

HybridApplication

HybridApplication

iOSiOS V 1.3V 1.3 RESTToolkitRESTToolkit

Scanner Plugin

Scanner Plugin

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

Lesson 1: Storyboard the application

Especially single page applications!

Map pages to functionality

Lesson 2: Professional JavaScript Avoid anonymous functions

Use your own namespace

Don’t tie behaviour to content

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

Leverage the community

Access the SDK developers

Lesson 4: Terminology Cordova ≈ Linux

Phonegap ≈ RedHat

Used interchangeably

Keir BowdenKeir Bowden

CTO, BrightGen@bob_buzzard