Developing for Pebble: Control cloud apps from your wrist

20
Developing for Pebble Control cloud apps from your wrist Mark Heckler Developer, Developer Advocate, Java Champion, and Really Hoopy Frood @MkHeck

Transcript of Developing for Pebble: Control cloud apps from your wrist

Page 1: Developing for Pebble: Control cloud apps from your wrist

Developing for Pebble Control cloud apps from your wrist

Mark Heckler Developer, Developer Advocate, Java Champion, and Really Hoopy Frood

@MkHeck

Page 2: Developing for Pebble: Control cloud apps from your wrist

What is a Pebble?Original model

2012/2013

ePaper screen

Low resolution

Android AND iOS

INSANE battery life!

Page 3: Developing for Pebble: Control cloud apps from your wrist

History & models

Pebble

Pebble Ste

el

(2013/2014

)

Pebble Tim

e

Pebble Tim

e Steel

(2015)

Pebble Tim

e Round

(2015)

Pebble 2

Pebble Tim

e 2

(2016)

Page 4: Developing for Pebble: Control cloud apps from your wrist

Competitors

Page 5: Developing for Pebble: Control cloud apps from your wrist

As a developer, why care?

Write once (sort of), run with Android or iOS phone

Write in C or JavaScript

Battery life key for resource-intensive apps

Page 6: Developing for Pebble: Control cloud apps from your wrist

Pebble SDKDesktop IDE support

Android Studio

Xcode

Cloud IDE

C code

Runs on the watch

Page 7: Developing for Pebble: Control cloud apps from your wrist

Pebble.jsDesktop IDE support

Cloud IDE

Runs on the phone (accelerometer, GPS, storage)

JavaScript code

Full access to UI elements, animations, etc.

Sync & async HTTP requests, WebSocket, etc.

Page 8: Developing for Pebble: Control cloud apps from your wrist

app.js

Page 9: Developing for Pebble: Control cloud apps from your wrist

Main “objects”UI framework

Accel

Voice

Window

Element

Vibe

Light

Timeline (app launch via Timeline interface)

Wakeup (scheduled app activation)

Page 10: Developing for Pebble: Control cloud apps from your wrist

Window types

Window (dynamic): completely open to do your bidding

Card: displays a title, subtitle, banner image, & text

Menu: displays a menu ;)

Page 11: Developing for Pebble: Control cloud apps from your wrist

Standard: XHR/Ajax/REST

Page 12: Developing for Pebble: Control cloud apps from your wrist

Standard: WebSocket

Page 13: Developing for Pebble: Control cloud apps from your wrist

Cloud Pebble

Page 14: Developing for Pebble: Control cloud apps from your wrist

Code

Page 15: Developing for Pebble: Control cloud apps from your wrist

Emulator, logs

Page 16: Developing for Pebble: Control cloud apps from your wrist

Push to (actual) Pebble

Page 17: Developing for Pebble: Control cloud apps from your wrist

App windows: a quick look

Page 18: Developing for Pebble: Control cloud apps from your wrist

App menus: a quick look

Page 19: Developing for Pebble: Control cloud apps from your wrist

Useful linkshttps://www.pebble.com/

https://cloudpebble.net/ide/

https://forums.pebble.com/

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

http://www.slideshare.net/HecklerMark/developing-for-pebble-control-cloud-apps-from-your-wrist

Page 20: Developing for Pebble: Control cloud apps from your wrist

In conclusion…

IoT & cloud? Chocolate & peanut butter

Thank you for participating!

@MkHeck