Skip to Content
Author's profile photo Raz Korn

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.

SAP Fiori OVP Executive Overview_2015-10-15.gif

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.

2015-10 OVP Procurement Demo Global Filter.png 2015-10 OVP Procurement Demo Object Stream.png

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

Assigned Tags

      23 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Krishna Kishor Kammaje
      Krishna Kishor Kammaje

      Raz, Thanks for sharing.

      Much needed feature. Hope these cards are clickable and point to existing applications with filters.

      Author's profile photo Pavan Golesar
      Pavan Golesar

      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

      Author's profile photo Punith Babu
      Punith Babu

      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

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      Hi Punith,

      The OVP is essentially a Fiori application and as such it can be launched from the FLP Portal (EP).

      Regards,

      Raz

      Author's profile photo Former Member
      Former Member

      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.

      Author's profile photo Nagesh Caparthy
      Nagesh Caparthy

      Hi Raz,

      Fantastic update, the new features are looks impressive. Waiting to get our hands on it.

      Thanks for sharing the update.

      Regards,

      Nagesh

      Author's profile photo Vikash Kumar
      Vikash Kumar

      Thanks for sharing this info !!

      Author's profile photo Olav Rask
      Olav Rask

      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

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      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

      Author's profile photo Jocelyn Dart
      Jocelyn Dart

      Definitely one of the coolest get-it-now features we saw at TechEd this year.  

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      Hi Jocelyn,

      On behalf of the OVP team I would like to thank you for your kind words!

      Regards,

      -- Raz

      Author's profile photo Former Member
      Former Member

      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.Capture.JPG

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      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

      • OData v2 service
      • Annotations
      • SAP UI5 1.32 in the runtime environment

      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

      Author's profile photo Nick Yang
      Nick Yang

      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

      Author's profile photo Inbal Sabag
      Inbal Sabag

      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

      Author's profile photo Nick Yang
      Nick Yang

      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

      Author's profile photo Michael Eaton
      Michael Eaton

      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

      Author's profile photo Former Member
      Former Member

      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

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      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

      Author's profile photo Former Member
      Former Member

      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

      Author's profile photo Raz Korn
      Raz Korn
      Blog Post Author

      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

      Author's profile photo Former Member
      Former Member

      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

      Author's profile photo Joel John
      Joel John

      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