2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview

•

0 likes•420 views

Frédéric Harper

Fitbit SDK & Web API Overview

Technology

Welcome to the 1st
Fitbit developers Singapore
meetup
#made4fitbit

Frédéric Harper
Senior Developer Evangelist @ Fitbit
Fitbit SDK & Web API Overview
@fharper
Singapore Fitbit Developers - 2018-06-07
@fitbitdev

● Standards based SDK with
JavaScript, SVG & CSS
● Easily create apps from
anywhere with Fitbit Studio
● Simulator available on
macOS & Windows
Developer
Platform

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

Tumbler, Checkbox Tile List, Combo buttons...
UI components

.screen {
width: 100%;
height: 100%;
viewport-fill: lightblue;
}
.container {
width: 60%;
height: 60%;
x: 20%;
y: 20%;
}
CSS
.inner {
width: 100%;
height: 100%;
x: 0;
y: 0;
fill: red;
}

import document from "document";
var demo = document.getElementById("demo");
demo.text = "Demo Text";
JavaScript

● Developers request permissions
● Users accept requests on install
Permissions

● Uses React JSX
● Make clock faces and apps configurable
● Prebuilt components for easy setup
● Persist data in settingsStorage
● Simple OAuth
Settings

//Resources like CSS, images or GUI files
/resources/filename~SCREEN-RESOLUTION.ext
//Specific
/resources/styles~300x300.css
/resources/styles~348x250.css
//Fallback
/resources/styles.css
Multiple Devices
Resource Files

//Device API
import { me as device } from "device";
//Companion API
import { device } from "peer";
//Backward compatibility
if (!device.screen) device.screen = { width: 348, height: 250 };
Multiple Devices

● Our “App Store”
● Public & private apps
● Review process for public apps
Gallery App
Manager (GAM)

● Activity
● Body & Weight
● Devices
● Food Logging
● Friends
REST APIs
● Heart Rate
● Sleep
● Subscriptions
● User

{
"Activities":[
{
"activityId":51007,
"activityParentId":90019,
"Calories":230,
"Description":"7mph",
"Distance":2.04,
"Duration":1097053,
"hasStartTime":true,
"isFavorite":true,
...
JSON

1. Join the Discord community, follow us on Twitter...
2. Create a free Fitbit account
3. Use a Fitbit OS device, or use the simulator
4. Create local apps and clock faces
5. Publish your masterpiece in GAM
6. Share your hard work on Twitter using #made4fitbit
be part of the
community

Frédéric Harper
fharper@fitbit.com
dev.fitbit.com
outofcomfortzone.net

Similar to 2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview

HTML5, the new buzzword

Frédéric Harper

Fake it 'til you make it

Jonathan Snook

Ie9 dev overview (300) beta

Kirk Yamamoto

HTML5: friend or foe (to Flash)?

Remy Sharp

VizEx View HTML5 workshop 2017

Larson Software Technology

Times have changed, and although Java ME still has market share, it is not available on all devices anymore. Java/Java ME developers had no problem moving to BlackBerry or Android but faced challenges on iOS. HTML5 plus PhoneGap apps promised a silver bullet for a “write once, run on all devices” approach via several frameworks, which, in the end, offered painful JavaScript and CSS development. Although GWT offers a great Java-to-JavaScript compiler and debugger, mgwt introduces native-looking widgets on iOS, Android, and even BlackBerry. Also, with the addition of GWT/PhoneGap projects, you can now code native-looking HTML apps that can use native APIs with regular, type-safe, well-known beautiful Java without coding a single line of HTML plus JavaScript. Learn more in this session.

Mobile Java with GWT: Still "Write Once, Run Everywhere"

Alex Theedom

Responsive design

John Doxaras

Vaadin Components

Joonas Lehtinen

Apidaze WebRTC Workshop barcelona 21st april 2013

Alan Quayle

[html5tx] Adaptive Images in Responsive Web Design

Christopher Schmitt

[HEWEBAR 2012] Adaptive Images in Responsive Web Design

Christopher Schmitt

Mobile Web Design Code

Marko Dugonjić

The Future of Responsive Design Standards

Brian Fegan

Pivorak.javascript.global domination

Андрей Вандакуров

Andriy Vandakurov about "Frontend. Global domination"

Pivorak MeetUp

JavaScript UI Architecture: Be all that you can be

Kyle Simpson

Location Based Services Without the Cocoa

EDINA, University of Edinburgh

VizEx View HTML5 Workshop

David Manock

VizEx View HTML5 Workshop

Larson Software Technology

[cssdevconf] Adaptive Images in RWD

Christopher Schmitt

Similar to 2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview (20)

HTML5, the new buzzword

Fake it 'til you make it

Ie9 dev overview (300) beta

HTML5: friend or foe (to Flash)?

VizEx View HTML5 workshop 2017

Mobile Java with GWT: Still "Write Once, Run Everywhere"

Responsive design

Vaadin Components

Apidaze WebRTC Workshop barcelona 21st april 2013

[html5tx] Adaptive Images in Responsive Web Design

[HEWEBAR 2012] Adaptive Images in Responsive Web Design

Mobile Web Design Code

The Future of Responsive Design Standards

Pivorak.javascript.global domination

Andriy Vandakurov about "Frontend. Global domination"

JavaScript UI Architecture: Be all that you can be

Location Based Services Without the Cocoa

VizEx View HTML5 Workshop

[cssdevconf] Adaptive Images in RWD

More from Frédéric Harper

2018 04-25 - HLTH hackathon

Frédéric Harper

2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview

Frédéric Harper

Public speaking - FDP tech leads summit - 2018-04-30

Frédéric Harper

2018 04-25 - HLTH hackathon

Frédéric Harper

We live in an era where developers are rock stars. I don’t like that expression as much as you, but let’s be honest, the supply and demand right now are insanely good for us, developers, which means that there is no better time than today to start your freelance career. Still, starting a business is not easy, and truth to be told, it’s not for everyone. Based on my successes and my failures, let me guide you through the 10 steps to become your own boss. Not sure if you wanna go rogue? This talk will help you understand all the groundwork needed to think about it as much as to start your new journey, but shh, don’t tell your boss you’ll attend this talk!

From employee to freelance developer in 10 steps - DevTeach - 2017-07-04

Frédéric Harper

Votre application. Votre infrastructure. Votre plateforme. Tous sont les bienvenus avec Microsoft Azure, un service cloud où l’Open Source est un citoyen de première classe. Vous en doutez? Que cela ne tienne, Frédéric Harper de No lion is born king et Raymond Kao de Microsoft Canada feront un survol des forces du logiciel libre en combinaison avec l’infrastructure (IaaS) des nuages provenant du géant de Redmond!

Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...

Frédéric Harper

You are one of the tech leaders in your community and you are passionate about what you do. People can see it. Your tribe, they know it… You are good at what you do, no doubt. Perhaps your blog or you inevitably share your opinions on your social media accounts? Maybe you speak at conferences or organize a user group? No matter what you do, you are an influencer. Stop being humble, you know it’s true, isn’t it? No matter what is your end goal, what you are doing, day to day, has an impact. A positive impact in the tech industry, in your city, at work and even online. So you need to get your shit together, and be responsible for this great power you have, influence! Not that I think you aren’t trustworthy, but, hey, we’ll talk about it...

With great power comes great responsibility - Microsoft Canada Open Source co...

Frédéric Harper

Did you ever try to participate in a not so small Open Source project? The experience is awful. Did you ever want to share your code on a public repository because you thought it was the thing to do? Of course, after that day, I felt like the worst developer in the world. I don’t even understand why I should put the code I created to “help” others, to share: I mean, I didn’t sleep for hours and lost a ton of hairs over that crazy problem… You got it, I don’t like Open Source, and you shouldn’t like it either!

Frédéric harper i don’t like open source, and you shouldn't like it eithe...

Frédéric Harper

There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25

Frédéric Harper

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...

Frédéric Harper

In today’s world, it's easier than ever to innovate and create great web applications. You release often, but let’s be honest, if you're like most developers out there, you don't spend your days worrying about security. You know it’s important, but you aren’t security savvy. So ask yourself, is your Python application secure? Come learn some of the different ways a hacker (cracker) can attack your code, and some of the best practices out there. In the end, your security is your users’ security.

Is your python application secure? - PyCon Canada - 2015-11-07

Frédéric Harper

Personal Branding for developers: it’s more important than you think. Do you think personal branding is not for you? Why should you care about your brand? After all, it’s not like you are an actor or the lead singer for a rock band. In fact, it’s never been more important for you to think about yourself as a brand. Doing so will provide rocket fuel for your career. You’ll find better jobs or become the “go-to guy” in certain situations. You’ll become known for your expertise and leadership; people will seek your advice and point of view. You’ll get paid better to speak, write, or consult. As a developer, there are many tools you can use to scale, and this presentation will help you understand how to get visibility, make a real impact, and achieve your goal. No need to be a marketing expert or a personal branding guru: be yourself and get your dream job or get to the next level of your career.

Personal branding for developers - West Island developers and entrepreneurs m...

Frédéric Harper

There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.

Responsive Web Design, get the best out of your designs - JavaScript Open Day...

Frédéric Harper

Differentiating yourself humber college - 2015-03-30

Frédéric Harper

Differentiating yourself - Hack Western - 2015-03-28

Frédéric Harper

Vous pensez peut-être que le personal branding n'est pas pour vous? Pourquoi devriez-vous vous souciez de votre propre branding, vous n'êtes pas un acteur et encore moins le chanteur d'un groupe rock international, non? En ces jours où tout le monde a le pouvoir de sortir du lot plus facilement, de partager plus rapidement et de faire grandir son réseau comme jamais, il est plus important que jamais de penser à vous, en tant que marque. Bien sûr, le but n'est pas d'aller aussi loin que votre marque de boisson gazeuse préférée, mais nous explorerons ensemble le quoi, pourquoi, qui et comment (what, why, who & how) du personal branding pour les développeurs.

Le personal branding, plus important que jamais - PHP Québec - 2015-03-05

Frédéric Harper

Do you think personal branding is not for you? Why should you care about your own brand? After all, it’s not like you are an actor or the lead singer for a rock band. In fact, it’s never been more important for you to think about yourself as a brand. Doing so will provide rocket fuel for your career as a developer. You’ll find better jobs or become the “go-to guy” in certain situations; you’ll become known for your expertise and leadership; people will seek your advice and point of view; you’ll get paid better to speak, write, or consult. As a developer, there are many tools you can use to scale, and this office hours will help you understand how to get visibility, make a real impact, and achieve your goal with a lot of time for Q&A. No need to be a marketing expert or a personal branding guru: be yourself, and get your dream job or get to the next level of your career.

Building a personal brand in the developer community - Codementor Office Hour...

Frédéric Harper

Ma Carrière Techno - École secondaire St-Henri - 2014-11-27

Frédéric Harper

Mozilla - HEC Open Source Business Models - 2014-11-24

Frédéric Harper

Ma carrière techno école secondaire lucien-pagé - 2014-11-17

Frédéric Harper

More from Frédéric Harper (20)