Intro to developing for the Fitbit Ionic

Richard Orelup — Mon, 15 Jan 2018 21:29:46 +0000

What led you to start developing on the Fitbit Ionic?

Skip to the next section if you want to get more into the dev details.

My current employer has a wellness program where you can earn up to $500 per year doing different tasks and tracking it. My first year at the company (2016) everything on the site was extremely manual and annoying to track.

Last year the software they used moved to tracking steps instead of time for the majority of the challenges. They also gave us $60 off any item bought directly from Fitbit. Since Fitbit runs sales at the beginning of the year this meant I was able to score a Charge 2 with HR monitoring for $70. While I'm not normally a watch wearer or never been interested in a smart watch before, this device really intrigued me. Right away I looked at how I could customize it to have additional functionality I wanted. Unfortunately it wasn't possible and I was stuck with what it offered but the bug was planted in my head.

With the announcement of the Ionic also came the announcement of the ability to write apps for the device which instantly caught my attention (plus additional features like GPS, waterproof) and I was ready to plop my money down. I decided to wait for the new year in case my work offered another rebate and I was hoping that there would be a new year sale. So second week of January I placed my order and got it 2 days later.

After waiting about an hour to get the device setup (not sure why it takes 30 minutes to download an update for the device initially, but it did), I opened up the getting started guide and 10 minutes later I had an app running on my watch.

What do you write it in?

Apps are written in Javascript, SVG and CSS. It looks like we have access to every sensor and input the device has from what the documentation says but obviously I haven't gotten to that point yet.

The documentation is kept here - Fitbit Developer Site

What's interesting though is that you are required to use their own web based IDE to write/build/deploy your apps. You can't do local development and push to your device. There is no local emulation either so you must test your work on an actual device. Your watch must also be connected to wifi to push a build to it which adds an annoyance for when you want to work on your app from someplace remote.

What can you do with it?

Right now it seems like you can do a ton with the device because, on top of the buttons on the side, you have a a full touchscreen to work with. You can make calls to the web to pull data (pushing data I'm not to sure of yet cause it wasn't very clear in the documentation.) Things like controlling smart devices is pretty simple to do from your wrist. With access to all the sensor data I bet you could create some interesting UI interactions where you manipulate things with your arm.

Someone created a barcode app that I'm using to get in to my local YMCA. The device has NFC built in for handling touch payments BUT I haven't found any documentation on if we can use it for other things.

What's next?

The first project I plan to do is a slider puzzle just to get myself use to working with the device. I'll try to do a build journal on here and share how it goes. I'll also open source the code for others interested in looking at it.

Got any questions or ideas for things you would think would be cool to do with the device? Share below! And thanks for reading.

P.S. I find it funny how it took me 10 minutes to get an app running on my new device but 4 days to write this article. :)

Job Application Code Challenge - a PHP solution

Richard Orelup — Tue, 17 Oct 2017 05:13:06 +0000

Earlier today I read Ben Greenberg's job application challenge and thought it looked like a fun little challenge. I went to my "go to" language of PHP and knocked it out quick and noticed an error with the test string that was provided.

I didn't think to share my result until I saw another post by Ryan Palo who shared his Ruby solution to the problem. So here is my PHP solution to the problem.

The Challenge

The challenge is this (copied from the original post):

Sort the characters in the following string:
abcdefghijklmnopqrstuvwxyz_

by the number of times the character appears in the following text (descending):

… [String omitted for brevity]

Now take the sorted string, and drop all the characters after (and including) the _. The remaining word is the answer.

You can get the example string to run your code against here.

My Solution

So first I saw a need to get an array with a count of all each character. One of the nice things about PHP is that a string is an array of characters already so I didn't need to do any conversion of it. To do this I just ran it through a for loop and went through the entire array and counted each one.

<?php
$charCount = array();

for ($i=0; $i<strlen($longString); $i++) {
  if (!isset($charCount[$longString[$i]])) {
    $charCount[$longString[$i]] = 0;
  }
  $charCount[$longString[$i]]++;
}

Now that I have an array with the key being the character and the value containing the count, we need to sort the array. This is done simply the arsort().

<?php
arsort($charCount);
?>

Next we needed use implode() to concatenate all the items in the array into one string. Then it hit me that I needed to do this for the keys instead of the values of the array so I combined implode() with array_keys() to accomplish this.

<?php
$sortedString = implode(array_keys($charCount));
?>

The last step was to drop everything including the "_" so I used explode() and, since this returns an array of strings, returned only the first string in that array which will be the word we are looking for.

Final Solution

<?php
$charCount = array();

for ($i=0; $i<strlen($longString); $i++) {
  if (!isset($charCount[$longString[$i]])) {
    $charCount[$longString[$i]] = 0;
  }
  $charCount[$longString[$i]]++;
}

arsort($charCount);
$sortedString = implode(array_keys($charCount));
$theWord = explode("_",$sortedString)[0];
?>

I can think of other ways (like using a reduce similar to Ben's JS solution) to solve this in PHP but this was the first method that hit me. If you have a different version you like more please share it (and why) below cause I'd love to see it.

Another Solution

The second I hit publish I thought "I bet there is a PHP function that I could use instead of the for loop that would make this even cleaner" and 5 seconds later I had it - array_count_values()

The one issue I ran in to though with attempting to use this function though was that it would treat $longString as a String and not an Array. To fix that I combined it with str_split() and now we have the simpler solution below.

<?php
$charCount = array_count_values(str_split($longString));

arsort($charCount);
$sortedString = implode(array_keys($charCount));
$theWord = explode("_",$sortedString)[0];
?>

Performance Increase

As with most cases when using a built in PHP function over writing your own, there is a performance increase for doing this.

I threw together a quick test script where I ran each version 1000 times and the second solution was just over twice as fast as the original. So whenever possible, just use what PHP gives you. :)

DEV Community: Richard Orelup