Introduction |
mySmartApp in a Nutshell |
mySmartApp is a single, self-contained, end-to-end component which allows the very rapid design and deployment of visually appealing, engaging analytical apps without the need for any coding, in a browser-based environment with run-time configuration wizard for easy definition of content using a variety of layout options and consumption patterns.
What It Is and What It Is Not |
mySmartApp:
Target Audience and Use Case Scenarios |
1) Non-technical business users for creating code-free BI apps by focusing on business content rather than technical design
2) Customers with small IT departments to allow them to be more productive by doing more with less
3) Customers with large IT departments to allow rapid rollout of useful BI apps while freeing up resources in parallel to work on custom built specialised BI app requirements
4) SAP Partners to package rapid deployment of BI apps with complementary value-added services for their clients
Features |
No need to worry about properties or scripts
Based on various SAP presentations and feedback on the SCN, I think it's safe to say that standard Design Studio is intended as an IT developer tool for creating professionally authored dashboards and BI apps rather than a tool for business users without coding experience. While it's true that with the latest features such as property binding, it is easier to create apps without coding (or at least with less code), more sophisticated apps still require coding. This is one of the challenges mySmartApp seeks to address.
mySmartApp does not have an Additional Properties Sheet (APS) with a huge selection of properties, nor does it include any script methods. This is quite deliberate as the intent is to provide an easy to use, code-free environment for rapidly building useful BI apps which simplifies the process for business users and other non-programmers.
The philosophy here is to Run Simple, where less is more.
As you can see from the screenshot below, the mySmartApp component makes up the entire BI app. The content is not rendered on the canvas at design-time because it is defined through a configuration wizard at run-time.
Easy to deploy for IT
Since mySmartApp is a single, comprehensive, self-service component only one Design Studio app with this component needs to be deployed to the BI Platform, after which multiple views can be configured and saved as needed at run-time. This simplifies deployment and maintenance.
Stay organised with a built-in launchpad
As shown in the following screenshot, mySmartApp includes a tile-based Launchpad to access SmartViews (explained further along) available to the user:
Combine the best of self-service and guided configuration
The Configuration Wizard guides the user through a step-by-step process to define the content of a SmartView, as shown in the example below:
Once a SmartView has been created, end users have the option of adapting them further with the in-view editing feature. Some examples are shown below:
The combination of Configuration Wizard and In-view Editing allows separate roles for designer and consumer if needed, whereby a designer can create SmartViews based on specific data sources and initial configuration, which can subsequently be shared with end users who can further refine these views for their specific needs.
Pick your own data source
The Configuration Wizard includes a step for selecting a data source from a BW or HANA backend system, based on a built-in data browser as shown below:
Select from multiple layouts with SmartViews
An important concept behind mySmartApp is that it takes an approach of providing a range of design patterns similar to templates, called SmartViews, with built-in configurable logic, to accelerate analytical app development. The beta version includes two types of SmartViews as illustrated below but many more are in the pipeline and new ones will also be added based on feedback.
1. SmartTiles
This view presents a master-detail layout with a drill-down list on the left and a tile-based summary of KPIs on the main page. It includes options to display the list as microcharts, bars and variances. Similarly, the tiles may display either microcharts or variances.
Clicking a tile displays the corresponding detail chart which is built-in to the view:
2. SmartTree
This view allows the creation of a custom KPI hierarchy from selected measures. The hierarchy nodes can be expanded and collapsed. Zooming and panning is also supported. The list on the left enables drill-down through dimensions.
Clicking a hierarchy node tile displays the corresponding detail chart, once again automatically included functionality:
Choose the look and feel from a range of themes
By default, mySmartApp implements the Blue Crystal Theme in conformance with the Fiori style. However, it is clear from the SCN discussions and the customer feedback that there is also a desire to have the flexibility of alternative themes. In particular, with standard functionality, theming an entire application with CSS can become quite a time-consuming process due to the need to research through debugging which style classes need to be overridden for each element. mySmartApp provides a range of built-in themes to customise the look and feel of the app.
Below are some examples of a dark theme with gradients on the charts:
Create once, run on any device: responsive and adaptive
One of the challenges of deploying Design Studio apps, as evidenced by various SCN discussions on the topic is to provide support for different types of devices such as smartphones, tablets and desktops, particularly in an increasingly mobile world where a mobile first design is encouraged. mySmartApp addresses this issue with both a responsive and adaptive design. There are various definitions of this terminology but I'll define them as follows:
Responsive design keeps the same content for all target devices but simply changes the layout according to the form factor, whereas Adaptive design also includes logic to explicitly change the content for a particular target device such as smartphone or tablet.
View in your own language with built-in translation
To cater for a global user base, mySmartApp includes pre-translated menu texts. The set of supported languages will continue to be expanded.
Design Decisions |
1. Apply the Fiori Design Guidelines
SAP's User Experience Strategy clearly sets the Fiori UX as the future direction of SAP applications. This has been reinforced with the recent announcement of SAP's partnership with Apple whereby the Fiori Design Guidelines now also include a standard for iOS. Furthermore, from a Design Studio perspective this commitment to the Fiori design has been implemented with the new M Mode introduced in Design Studio 1.6.
Taking these factors into account, the main reasons for this decision were:
2. Provide flexible theming support
Although the Fiori Design Guidelines include what I consider to be an effective style based on a flat design with subdued colours as recommended by best practices, feedback from customers has brought attention to the need for providing flexibility in this area. I confess that personally I have certainly been an advocate of such best practices in visualisation design but have come to realise that perhaps this stance could be a little idealistic. In particular, it became quite clear that end users such as managers and C-level executives love their dashboards with gradients, lively colours and black backgrounds and that in the real world, this habit can be difficult to break. Rightly or wrongly, it has a genuine influence on management support, adoption of one tool over another and the proliferation of BI within an organisation. This need is also fuelled by the "consumerization of IT" whereby business users are now accustomed to using highly engaging and visually appealing apps on their smartphones and tablets and so expect the same in business apps.
In light of this feedback, it was decided to include a theming feature with mySmartApp to provide a balanced approach for look and feel.
3. Allow analytics based on configurable design patterns rather than free form design
Standard Design Studio already provides a developer environment for building custom BI apps through a free form WYSIWYG drag and drop interface and script coding. The intent of mySmartApp is to complement this with the ability to rapidly create analytics through configuration of visually appealing and engaging design patterns, allowing non-technical business users to focus on the business content rather than the details of traditional custom app development.
4. Implement run-time configuration rather than design-time configuration
Two main reasons drove this design decision:
Experience mySmartApp |
UPDATED 12 October 2016 - mySmartApp is out of beta and now generally available. Request access here to try it for yourself.
If you'd like to provide hands-on feedback and influence the future development of mySmartApp, please sign up for the beta program here. A limited number of registrations are available. Your input and participation would be greatly appreciated.
Conclusion |
I hope you've found this to be an informative story of the journey and thought process behind the development of a particular Design Studio add-on. This is just the beginning for mySmartApp as we move forward with exciting plans for the future.
I look forward to receiving your questions and comments for further discussion.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
6 | |
6 | |
5 | |
4 | |
3 | |
3 | |
3 | |
3 | |
3 | |
2 |