Skip to Content

After writing about utilizing javascript charts in iOS apps a little while ago, I decided it would be a good marketing tool for my company (Lithium Labs) to develop a free/public app which demonstrated the features of using such technologies on handheld devices. The free app is called Supplier Analytics and when using the sample dataset gives you some insight into how a enterprise app could be used in an automotive manufacturing/supplier environment. The app gives operations or managers insight into the performance and operational well-being of a company globally, and nationally by subsequently drilling down into a production facility or branch.

The app is designed to be an “offline” app – unlike most apps these days which are all striving to have syncing and “always on” connectivity, I think dashboards and report based data can be just as effective without jumping through hoops.

From a technology perspective the app is a native iPad app developed with XCode and uses javascript charting controls to display the datasets which are made available through a regular IIS/Apache/ITS/Gateway/PI or SUP server and cached locally on the device for offline use.

Here are a couple of screenshots and a link if you are interested in trying it out for yourself.

http://itunes.apple.com/us/app/supplier-analytics/id547467484?mt=8

/wp-content/uploads/2012/08/mzl_csndkonh_480x480_75_126400.jpg

/wp-content/uploads/2012/08/mzl_swpoxjne_480x480_75_126399.jpg

/wp-content/uploads/2012/08/mzl_fxbezygk_480x480_75_126398.jpg

Have any comments or questions? Constructive criticism is always welcome.

To report this post you need to login first.

3 Comments

You must be Logged on to comment or reply to a post.

  1. Michael Sprague

    Hey Paul,

    First of all, really cool app.  Your work has pushed me in the direction of using HighCarts.

    Here’s some quick feedback + a fix:

    You know that annoying black flashing that happens if you click on a chart? (it happens for me on all my devices both with your app and the HighChart trial): you can fix it with three lines:

    All you have to do is set the -webkit-tap-highlight-color: rgba(0, 0, 0, 0); so that the highlight doesn’t show up (if you click and hold you’ll notice that your chart will highlight–this is what also causes the flashing).

    So just change the css for your chart elements.  For now, we just did this:

    * {

       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    }

    Let me know if this works for you.

    -Mike

    (0) 
    1. Paul Aschmann Post author

      Greetings Mike –

      Thanks for your input and suggestion – I just tested this and you are correct. It resolves the “highlighting”.

      I will release a update in the next couple weeks and will include this …

      Re: Highcharts – IMO nothing is easier and produces better looking charts, they are interactive and performance is pretty good as well. Are you developing a native app or HTML5?

      Cheers, Paul

      (0) 
      1. Michael Sprague

        It’s a native app, so we’re just going to use embedded webview to display charts.  Also this will make it easier to port it over to android if we want to do that later down the road.

        (0) 

Leave a Reply