While Microsoft Project Siena is still in beta (and I hope that some missing functionality and enhancements will arrive when it reaches GA), I decided to take some time to create an app to publish to the Windows Store. I’ve always followed the latest GOES satellite maps from NOAA, but have not yet found a Windows Store App that displays this information. I realized that using the same functionality I used to build my Barb Bowman Photography App (I’ve submitted that to the store now as well), I could quickly build exactly what I wanted.

So I created my GOES Satellite Imagery App. Basically this app displays the satellite images (that change about every 30 minutes or so) and includes animations when available.

 

goes1

goes2

goes3

Instructions for converting a Siena app to a Visual Studio Project are available from MSDN. I made a few detours from the supplied instructions and opened the processed app in VS2013 even though the instructions state NOT to do this and specify VS2012. I suspect that this is to prevent people from trying to target Windows 8.1 which Project Siena does not support. (I hope this changes in the future, but for now, targeting 8.0 is fine since the app will run on both versions).

I checked the package.appmanifest and removed all the items from the Capabilities tab except Internet (Client) since my app does not need or use the other items that were checked by default. I designed a different set of visual png files to be used for the Splash Screen, Store logo, Wide Logo etc. and imported them into the images folder inside the project (right click the folder, Add, existing item) and then changed the entries on the Visual Assets tab in the appmanifest accordingly. Because the Project Siena generated app has no support for Portrait mode (I hope this is coming soon), on the Application tab, I checked both landscape items but NOT the portrait items.

I wanted to have both a Privacy flyout  (supplied by Project Siena by default) and an About flyout to be available from the App Settings Charm, I created the about.html page. For both the Privacy and About flyout pages, I wanted to tweak the pages to reflect the color styling of my app and add a logo that represented my app for a professional finish; I added a specific color reference and added an image (30px square) as well and specified it’s position and location. You can see the altered annotated code below:

 

aboutpage

 

To enable both flyouts to appear in the Charms, Settings menu structure, I edited default.js in the js folder slightly to enable both flyouts:

 

flyouts default js

My GOES Satellite Imagery app is free and available in the Windows Store for US, CA, UK, and AU. Take a look and tell what you think on Twitter @barbbowman.

Read this blog with my Windows 8 App

Get the App

Categories
Tags
Archives