First talk I gave for Fitbit, 2 days in!

1. ©2017 Fitbit, Inc. All rights reserved. Proprietary & Confidential.
NORCAL DEVELOPERS MEETUP
November 9th 2017

2. © 2017 Fitbit Inc. All rights reserved.

3. © 2017 Fitbit Inc. All rights reserved.
Fitbit SDK Overview
Frédéric Harper

4. © 2017 Fitbit Inc. All rights reserved.
App development
• Zero install – runs in a web browser
• Uses Web programming languages
• Easily create clock faces and apps

5. © 2017 Fitbit Inc. All rights reserved.
Fitbit Studio

6. © 2017 Fitbit Inc. All rights reserved.
SVG
<svg>
<rect x="0" y="0" width="116" height="100%" fill="blue" />
<rect x="116" y="0" width="116" height="100%" fill="white" />
<rect x="232" y="0" width="116" height="100%" fill="red" />
</svg>

7. © 2017 Fitbit Inc. All rights reserved.
CSS
.screen {
width: 100%;
height: 100%;
viewport-fill: lightblue;
}
.container {
width: 60%;
height: 60%;
x: 20%;
y: 20%;
}
.inner {
width: 100%;
height: 100%;
x: 0;
y: 0;
fill: red;
}

8. © 2017 Fitbit Inc. All rights reserved.
JavaScript
import document from "document";
var demo = document.getElementById("demo");
demo.text = "Hello World!";

9. © 2017 Fitbit Inc. All rights reserved.
Platform Architecture

10. © 2017 Fitbit Inc. All rights reserved.
Build A Clock Face
Demo

11. © 2017 Fitbit Inc. All rights reserved.
dev.fitbit.com

12. © 2017 Fitbit Inc. All rights reserved.
Clockface Development Station

13. © 2017 Fitbit Inc. All rights reserved.
Be Creative

14. © 2017 Fitbit Inc. All rights reserved.
Questions?

15. THANK YOU
©2017 Fitbit, Inc. All rights reserved. Proprietary & Confidential.