Introducing SAP Fiori Overview Page: Card-based Information Visualization
SAP Fiori Overview Page was first publicly introduced in TechEd Las Vegas last week (19 – 22.Oct.2015) and immediately captured the imagination of the participants. Following is a short blog on the why and what of SAP fiori Overview Page.
Business users are managing big amount of data and information for their day to day tasks. For each one of their domains, they require to understand current status, sensitize the data and react upon it.
While Fiori Launchpad answers the homepage scenario containing all favorite apps a user has and offers access to those, there is a need for a new Fiori page which shows the user current status of a specific domain or role he is interested in while aggregating and simplifying the information into one Fiori experience page.
Introducing SAP Fiori Overview Page (OVP) – a new interaction within SAP Fiori UX providing the big picture at a glance, and the details the user needs to take immediate action at a moment’s notice in a one-stop-shop page.
 |
The OVP enables business users perform their daily tasks quickly and effectively by having all the information they need on a single page. It defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.
Information is visualized on cards for multiple types of content in an attractive and efficient way. The user-friendly experience makes viewing data, filtering data and acting upon it simple, faster, and smarter.
 |
 |
The OVP is a data-driven Fiori application based on Smart Template technology as a UI framework for organizing large amounts of information. The cards would allow SAP and non-SAP vendors to embed their specific content into a dedicated SAP Fiori Overview Page.
It’s fully responsive and features collapsible “columns” of cards that can scale all the way from large screens and desktop down to tablet or phone screen sizes.
The OVP is available as a controlled release from Nov/2015 both on Premise and on HANA Cloud Platform.
For more information, please visit SAP Fiori Overview Page.
— Raz
Raz, Thanks for sharing.
Much needed feature. Hope these cards are clickable and point to existing applications with filters.
Hello Raz,
SAP Fiori OVP sounds great new approach esp.Card-Based info Visualization.
SAP knows exactly, That what should be released and when..
Thanks for share. 😏
Best Regards,
--Pavan G
RAZ, Its really great to have such feature and would really be grateful to know the upgrade on to the existing FLP portal.
Regards,
Punith
Hi Punith,
The OVP is essentially a Fiori application and as such it can be launched from the FLP Portal (EP).
Regards,
Raz
Nice blog! Would be a great addition to the new SAP HANA Cloud Portal major release that aim at leveraging Fiori experiences and apps running on HCP.
Hi Raz,
Fantastic update, the new features are looks impressive. Waiting to get our hands on it.
Thanks for sharing the update.
Regards,
Nagesh
Thanks for sharing this info !!
Hi Raz
I am having a little trouble getting started with this. Is there anywhere I can find a live demo and maybe some source code? Do you have a demo service that will work well for this?
If you can point me at any tutorials etc. I would be greatfull.
So far I have enabled the pluging in webide and experimentet with adding cards and such, but so far i just get a blank page when i try to run my project (as a Fiori Component).
Regards,
Olav
Hi Olav,
The OVP is not yet released. That's why much of the content you're looking for is still not available.
The OVP will be available as a controlled release in the coming weeks.
As part of its release we plan to provide additional information and documentation.
please follow this SCN document as I plan to update it with the availability of new content.
Regards,
-- Raz
Definitely one of the coolest get-it-now features we saw at TechEd this year.
Hi Jocelyn,
On behalf of the OVP team I would like to thank you for your kind words!
Regards,
-- Raz
Hi Raz,
Thanks for the info.
I have come across this really cool feature from fiori guidelines newsletter a couple of fews ago. Tried with the OVP plugin, could'nt figure out a way to run it. Can someone provide some inputs on it.
Hi Ramana,
After you check the OVP plugin in the SAP Web IDE you need to click the "save" button at the bottom of the pane as well as refresh the browser.
Once the plugin is enabled you can develop an OVP using its template/wizard (File > New > Project from template).
The pre-requisites are
Please note that currently, on HCP, the SAP UI5 version is 1.30. You'll need to wait a bit until 1.32 is available in order to fully give it a try.
-- Raz
Hi Raz,
As you mentioned in your reply, cards on OVP need annotation.
Do you have any examples or link talking about structure of annotation for each type of cards? I think cards is one kind of smart controls and smart controls rely on annotation heavily to show the data in it. Cheers.
Kind Regards,
Nick
Hi Nick,
We are currently working on such a public technical materials.
You can find some information here -
Cards - User Interface Add-On for SAP NetWeaver - SAP Library
In addition, I can help you with the annotations in case needed.
Please feel free to drop me an email if you face any issues - inbal.sabag@sap.com
Thanks,
Inbal
Hi Inbal,
Thanks for your response and sharing the online help link, actually that's the content I referenced for creating cards in OVP, Right now, I am having problem to prepare annotation content for "List Card" and "Quick View Card". I have sent my questions to your email at sap.com and am very appreciated for your investigation and time. Cheers.
Kind Regards,
Nick
Hello
Do you have information regarding whether Overview Pages will be supported on native HANA XS?
We are currently using a Fiori launchpad on native HANA which is using SAPUI5 1.28.5. I assume we can upgrade the SAPUI5 libs to 1.32, and I can probably copy the OVP code from the Web IDE down to the HANA repo, which might work. Although I really want to be able to create the OVPs in HANA Studio.
Thanks
Michael
Hi Raz,
Could you please tell me how we can get news card as mention in your blog.
Also could you please give me some example for charts , how to create and annotation file etc.
Please see below blog i have asked the question.
Fiori OData Annotations - documentation?
Thanks,
JP
Hi JP,
Please use SAP Fiori Overview Page as the entry point for OVP related information.
You'll find there links to the official documentation that should cover your needs. If not - we'll be happy to get your feedback on anything missing and improve.
Teh cards that are currently available are presented in SAP Fiori Overview Page - What's Available with the First Release? as well as in the official OVP documentation. As new cards are being made available, the documentation will reflect them.
We're in the process of creating additional on-boarding material that will help developers in the creation of OVPs. Links to the new material will be available from the SAP Fiori Overview Page SCN document.
Regards,
-- Raz
Hi Raz,
I have done with the list and bar example , where we have extended the list to bar.
My question was how we are going to implement chart , as i have tried and failed, do you have any example fo line chart and other chart?
I didn't get any where that is why i have posted it.
Thanks,
JP
Hi JP,
Did you take a look at: Analytic Cards - User Interface Add-On for SAP NetWeaver - SAP Library?
I'd appreciate if you'll let me know what is missing there in order for you to generate the requested cards.
Inbal Sabag, Rachi Ofir
Regards,
-- Raz
Hi Raz,
I tried to implement the chart example but i failed , please see below link where i have posted it.
Fiori OData Annotations - documentation?
Thanks,
JP
hi Michael,
Were you able to get the OVP on HANA XS?
If yes, can you share what you did to achieve this?
Thanks,
Joel