Skip to Content
0

Integrate SAP Design studio dashboards with SAP UI5 application

Mar 22, 2017 at 07:54 PM

182

avatar image
Former Member

Hi everyone ,

Can we integrate SAP design studio dashboards into a SAP UI5 application ? we have a requirement where we want to to integrate SAP design studio dashboards into SAP UI5 native application and pass parameters to Design studio dashboard using UI5 controls .

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Mustafa Bensan Mar 23, 2017 at 01:13 AM
0

Hi Pramod,

I assume by "integrate" you actually mean embedding the Design Studio application inside the UI5 application? If this is the case, you could try using the UI5 HTML Component to embed the Design Studio application as an iFrame. The UI5 application could then pass URL parameters to the embedded Design Studio application. In this scenario you would need to take care of security configuration including cross origin policies and authentication such as single sign-on.

That being said, since you are developing a SAP UI5 application in the first place, can you explain why you simply don't build the functionality of the Design Studio application directly into your UI5 app? After all, a Design Studio app is actually a UI5 app anyway. What functionality is special about the Design Studio dashboards that you cannot replicate directly in your UI5 application? What type of data sources are your Design Studio dashboards connecting to: BW, HANA or Universes?

Regards,

Mustafa.

Show 7 Share
10 |10000 characters needed characters left characters exceeded
Former Member

Mustafa ,


Thanks for reply. We have sources in BW and we are creating Design studio dashboards leveraging hierarchies (customer , product ) .

  1. we are looking at embedding these dashboards into a application where users can actually choose/ select from these dashboards and do analysis and have ability to filter at Global level .
  2. users need ability to select same dashboard into their canvas and filter for different periods to compare. This is more like selecting same graph and again and putting side by side with different filters .
  3. Drag and drop these design studio dashboards into their canvas . Abiltiy to select or deselect these dashboards on their canvas.

so we are looking into options of building a natvie UI5 app and embedding these dashboards and find a way to Communicate from Dashboards to UI5 app and pass parameters from UI5 app to dashboard.

In other words we want to create a dynamic content and re-use it in another application and position them by cordinates

I am also looking at option of using portable fragments in design studio and see if these requirements fit so i can do everything in Design studio and not to worry about Security Configuration :)

Thanks,

Pramod

0

Hi Pramod,

What you have described sounds like the online composition feature in Design Studio which relies on the Fragment Gallery and Split Cell Container for drag and drop placement of Portable Fragment Bookmarks.

Regards,

Mustafa.

0
Former Member

Mustafa ,

Thanks for reply.

  1. Do i need to use any other scripts to save datasource associated with a fragment bookmark? After saving bookmark using the following code i wasnt able to see data when pulling Portable fragmented bookmark to Split cell container from Gallery. Always i am seeing " No data source assigned" message.
var bookmark = Bookmark.PortableFragmentBookmark.saveBookmark("GRP_1234", PANEL_2, INPUTFIELD_1.getValue()); 

2. Is there a way can we have an interaction between one smart object and another in a split cell container? like filtering a dimension on another FragmentBookmark by selecting on a chart on one Fragment Bookmark. Assuming its the same dimension in both FragmentedBookmarks

Regards.

Pramod

0

Hi Pramod,

In answer to your questions:

  1. You should not require any other script code to save a data source associated with a Portable Fragment Bookmark. As long as the data source has been assigned to a component within the Portable Fragment Bookmark container, the data source should be loaded when you load the bookmark. If you can provide screenshots of your application, specifically showing the Portable Fragment Bookmark sections, including property sheets with assigned data source etc, as well as the script code used for loading the portable fragment bookmarks, I can try to make further suggestions;
  2. Smart Objects within a Split Cell Container cannot directly interact with each other because they are not aware of each other. However, for the example you have provided whereby filtering occurs across smart objects, you might be able to achieve this using the global filter technique described in the blog post Design Studio 1.6: View on Global Filters in Online Composition Dashboards

Regards,

Mustafa.

0
Former Member

Mustafa,

Thanks for reply .

I have coded the script to save fragment bookmark in BUTTON_1. I am saving PANEL_DYNAMIC panel which has Infochart _5 component already binded to DS_1 . The datasource DS_1 has been loaded at start up.

Here is the script for saving fragment bookmark . I am using GroupID as " ONLINE_COMP1"

I am using the online composition template available in 1.6 version and changed scripts for GroupID " ONLINE_COMP1" . After saving 3 info graphs i can see them in online composition fragment gallery and are ready to loaded to Split cell container .

After dropping Smart objects into Split cell i get this following message of "attach a data source to component" .

capture1.png (95.2 kB)
capture2.png (82.1 kB)
capture3.png (25.3 kB)
capture4.png (52.9 kB)
0
Former Member

Mustafa - It looks like an issue with server. Bookmarks working after updating server addon

1

Thanks for the confirmation Pramod.

0