Developing for Offline First Mobile Experiences

©2015 Couchbase Inc. 1

Nic Raboy, Developer Advocate at Couchbase

Developing For Offline First Mobile Experiences


About Me

Nic RaboyDeveloper Advocate at [email protected]@nraboy (Twitter)


The Plan

Where are things headed The business problem Couchbase Mobile Example native code Example hybrid code


Current State


Trends


RDBMS


NoSQL

What is the business problem?

Today’s Mobile Apps

9

Try again later.

No Internet

please wait…


How Does This Affect What People Think?

Doesn’t work a lot of the time and when it does it’s slow.


How Does This Affect App Uninstall Rates?

0%

20%

40%

60%

80%

100%

FreezingCrashingSlow Responsiveness

Unin

stal

l Rat

e

Source: uSamp

Data Location is the Problem

12

Local Data + Sync is the Solution

13


What Does This Mean For Your Apps

Always work both online & offlineAlways be blazing fast

Built with orders of magnitude less codeUsers will absolutely love your apps

What is Couchbase Mobile?

Couchbase Lite Sync Gateway


Couchbase Lite

• NoSQL Mobile Database• Document Oriented & Schema-Less• Small Footprint• Runs In-Process


Couchbase Sync Gateway

• Data Replication Between Server & Device

• Data Orchestration• Authentication & Authorization


Replication

Is asynchronous Can be continuous or one-shot Sends JSON over HTTP Handles network hiccups Network timeouts


Channels

Sports San Francisco

Nature

Admin

21


Available SDKs & Frameworks


Couchbase Mobile Summary

Offline first approach NoSQL document database Works with Couchbase Server Available for many platforms and frameworks

Couchbase Lite for Native Android & iOS


Creating a Database


Inserting a Document


Couchbase Lite Views


Map / Reduce Views

Concept from functional program, via Google App-defined map function operates on

documents Function output generates an index ordered by

key Index rows can be aggregated via a reduce

function Index is queried by a key or key range


Replication With Sync Gateway


Listen For Changes


Other Ways To Listen

DatabaseChanged: Any document updated DocumentChanged: A specific document

updated LiveQuery: Change in query result set


Couchbase Lite for iOS Special Note

iOS SDK works for OS X desktop applications

Couchbase Cordova Plugin


Couchbase Cordova Plugin

Compatible with Android and iOS Access Couchbase Lite via RESTful APIs Easily integrate with Ionic Framework and

PhoneGap through the ng-couchbase-lite wrapper


Creating a Database


Inserting Documents


Couchbase Lite Views


Querying Couchbase Views


Replication With Sync Gateway


Listen for Changes

Couchbase Sync Gateway


Basic Sync Gateway Configuration

Creating a Native Android ToDo List


Couchbase Mobile ToDo List Application


Code Walkthrough! Creating the UI Initializing the Android ListView Designing the Android ListView Creating a database and replicating with the

server Listening for database changes Adding data to the database Removing data from the database Cleaning up when terminating the application

Demo Time!


Couchbase Labs on GitHub

https://github.com/couchbaselabs/todolite-androidhttps://github.com/couchbaselabs/todolite-ioshttps://github.com/couchbaselabs/todolite-ionic

Questions?

©2014 Couchbase, Inc.


We’re Hiring!http://www.couchbase.com/careers


Thank You!

Nic [email protected]@nraboy (Twitter)