Band 2 Design Template and Wind Alert App

Description

This is the last Microsoft Band 2 post, I promise (for a while... um... maybe...)

Today we've got two posts, the first a great design resource from Håkan Reis and the last a cool project for those windy days...

Microsoft Band 2 design template

Finally got around and updated the Band template for the Band 2 (my original Band 1 template is still around). Apart from the obvious update to the design, addition of gorilla glass and the added sensor there is of course some update to the screen. The size has gone up from 320×106 to 320×128. When it comes to placing stuff, it’s close to the same and the biggest benefit is that you can fit a bit more content when scrolling and that the interaction is a bit better with the larger screen.

So the new look is as follows:

image

...

[Click through to download the PSD]

Wind Alerts on Microsoft Band

image

The Microsoft Band SDK gives developers access to the sensors available on the band, as well as the ability to create and send notifications to tiles.

A simpler method with no development involved is the Microsoft Band Web Tiles. These allow developers to deliver information to the Microsoft Band from virtually any data source on the web.

To experiment with this, I decided to explore some of the data that I keep a watch on. Being an avid windsurfer, I tend to check wind speeds on Lake Washington pretty frequently. The easiest way to access the data was through the Weather Underground API and use Web Tiles to deliver the data to the Microsoft Band.

The source of the data that I was looking for was from my most frequent launch site: Sail Sand Point in Magnuson Park. It has a weather station that I frequently monitor: KWASEATT232. You can view the data at http://www.wunderground.com/personal-weather-station/dashboard?ID=KWASEATT232#history

...

To access the data, I used the Weather Underground API: http://www.wunderground.com/weather/api

This is the API that I used for querying the weather station in Magnuson Park: http://api.wunderground.com/api/<YOUR_KEY>/conditions/q/pws:KWASEATT232.json

I then used the 5-step authoring tool to design the web tile: https://developer.microsoftband.com/WebTile

[Please click through for the whole post]



The Discussion

Comments closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.