I’ve had a request come in to see how to make the flat UI style tabs that are used in my Balanced Scorecard dashboard. Here is how you can make those tabs by layer core out-of-the-box components.
Some dashboards have a lot going on and maybe a simple loading spinner doesn’t cut it. One solution would be to use a loading bar. If you have several queries, you could count the number of them that have returned data to update the overall progress. Or, if you know roughly the speed to update the dashboard, you can just ballpark the loading progress using the SAP Dashboards / Xcelsius history component. Want to know more?
I’ve had a number of people reach out in response to my teaser post about the capabilities of Inovista add-ons. Before I jump into things like the concept of sliding panels, we need to cover some of the basics.
If you are going to invest in the Inovista add-ons, I highly recommend that you get the full developer suite for $999. Remember, this is only required for the developers and not the end users, so it grants a lot of extra features without being a big deal if you have a couple hundred end users. Usually I recommend that organizations have at least 2 licenses because everyone needs a back-up. If you end up building a lot of mobile dashboards with Inovista, they have another option that allows you to package your own apps. I haven’t reached that point myself, but their mobile app reader is a great way to get started.
Here are some of the packages in the suite:
– Advanced Shapes
– Mobile Components
– iOS Components
– SVG / Image Controllers
– Inovista Mobile Charts
– Inovista Grids
– Inovista Microcharts
Since I’m fresh off of the 2013 ASUG Developer Wars, I felt inspired to build another dashboard quickly. Plus I had hours to kill in the airport while waiting to return to the East Coast. I figured this was a great time to build another sample showcasing our upcoming add-on package and stand-alone dashboard reader.
I’ve spent a lot of time reviewing the entries Stephen Few’s recent dashboard competition. In particular, Jason Lockwood’s winning dashboard entry, so I used that as inspiration for this example.
I started this blog several years back when I created my custom Xcelsius theme. But challenges when upgrading versions of Xcelsius and the fact that it doesn’t work in the mobile version has been disappointing. Now I finally have the chance to work with a more reliable solution that can produce lightweight, minimalist charts consistently. Powered by Inovista, this custom add-on suite and super simple stand-alone iPad app allows me to get the visuals I want with the bonus of accessing Business Objects BI services without needing a BI 4.1 environment!
Recently I rebuilt my Balanced Scorecard in the mobile version of SAP Dashboards (Xcelsius). While I learned a great deal from this exercise, the true lesson is that you should be designing for mobile first! While you can export to both desktop and mobile with the same file, most ‘desktop’ dashboards are over-complicated and overcrowded. Trying to convert those files to mobile will impact both usability and performance.
A few months ago I came across an interesting project management dashboard mockup by a UX designer named Becca Schmidt. I contacted her and asked if I could implement her design using SAP dashboards. I was particularly interested in trying to build it for mobile since it really looked like an iPad app to me. Read on to see how I implemented her mockup displayed below..
I’ve been working on converting some existing dashboards and building new ones for SP5 to display in the MoBI app. So far I’ve been able to get pretty far, but I am finding that I need to layer objects differently and mouse-overs work differently since they appear on top of everything and you can’t see values in the bottom layers if you are stacking charts. Here is a screenshot from the iPad of my ‘Infographics Dashboard’ conversion.
Keep posted as I continue to develop for mobile and I will share some of my tips and tricks. I’ve already been able to create a dynamic sales funnel, so I’m pleased by that, but disappointed that there is no XY or Bubble Chart. I also miss the spreadsheet component, which gave me the ability to fine-tune larger visual displays with a single component (instead of numerous shapes and text boxes).
I have been thinking about creating a tag cloud in Xcelsius for some time. I had tried the Web 2.0 add-on, but it was never officially released for production and I found it to be very buggy. So the only thing left to do would be to create my own.
To make sure that this would work properly, I stuck with proven components. Ron Keler from BIHappyBlog.com has taught me about EIC connectivity as part of our latest portal integration project and that seemed like the easiest way to accomplish the tag cloud functionality.
Read on for more details…