Lorenz Wiest, SAP, provided this webcast today to ASUG – it was no PowerPoints, all demonstrations.

/wp-content/uploads/2013/11/1fig_331291.png

Figure 1: Source: SAP

You need a component for an application, but there is not one available in Analytic or Basic components (Figure 1)

The solution is Design Studio SDK

With SDK, you can develop your own custom components

/wp-content/uploads/2013/11/2fig_331451.png

Figure 2: Source: SAP

It is created using JavaScript, HTML5 & CSS

He said there is a tutorial to create components

Example in Figure 2 is a colored box and simple table

There is no need to program in Java

/wp-content/uploads/2013/11/3fig_331452.png

Figure 3: Source: SAP

Figure 3 shows the color box custom component. I may not useful, but illustrates features with custom components

With the color property and on click

/wp-content/uploads/2013/11/4fig_331453.png

Figure 4: Source: SAP

When click, it will turn to blue

You can have your own scripting commands with the custom components as shown in Figure 4

You can set your own visualizations, with additional properties is an HTML page and associate with the CSS files

/wp-content/uploads/2013/11/5fig_331454.png

Figure 5: Source: SAP

Figure 5 shows the simple table custom component example, with 3 more properties added – each column represents a column of the data source

/wp-content/uploads/2013/11/6fig_331455.png

Figure 6: Source: SAP

Figure 6 shows a component animation, a railway clock – see the Display setting on the right.

Google Maps

Google map integrated in custom component

/wp-content/uploads/2013/11/7fig_331456.png

Figure 7: Source: SAP

JavaScript can be used in conjuction with custom components and map mashups as shown in Figure 7.

How can I add custom components?  Under the Menu, Tools > Install Extension to Design Studio, add a zipped file

/wp-content/uploads/2013/11/8fig_331466.png

Figure 8: Source: SAP

Figure 8 shows sample KPI tiles (a custom component) at run time

/wp-content/uploads/2013/11/9fig_331467.png

Figure 9: Source: SAP

Figure 9 shows exceptions and how they were built with the associated with traffic lights

UI5 set

/wp-content/uploads/2013/11/10fig_331468.png

Source: SAP

Above shows some sample UI5 custom components.

Example of a SAP UI5 custom component in Design Studio is shown below:

/wp-content/uploads/2013/11/11fig_331472.png

Source: SAP

How create simple component

Components are based on JavaScript.  You could use a web browser & notepad, but is easier to use an IDE – recommend Eclipse.

You need Design Studio 1.2

Eclipse IDE is free – download from eclipse.org – no special SAP version needed

Samples from SAP – color box, sample table – to get you started – see help.sap.com/boad

/wp-content/uploads/2013/11/12fig_331473.png

Source: SAP

The above shows 5 files. 

/wp-content/uploads/2013/11/13fig_331474.png

Source: SAP

The most important file is contribution.xml – the heart of the custom component – it defines an extension – 1, 2 or many components.

SDK extension is a library – you can pack as many components

Question & Answer

Q: Will RSBBS (jump reports) be part of this or an upcoming version of Design Studio? Currently we use BEx Web Application Designer and can jump (open) tasks that exist in the EC 3.0, from within the WAD report.

A: It is not part of 1.2 – last week we heard they are looking into it for the 1.3 release (planned for May)‑

________________________________________________________________

Q: What types of data source can the design studio connect to?

A: BW, HANA and BI4 single source relational universes‑

________________________________________________________________

Q: how do you configure Datasource with design studio

A: please see tutorials on SCN – sap.com/LearnBI‑

________________________________________________________________

Q: Custom components are part of license or out of it. Where we will locate this code

A: SDK components – if partner – partner has license – asked partners to use SAP Store‑

________________________________________________________________

Q: What’s suggested number of records to get a good performance here? < 1000, < 10,000, …?

A: For SDK component 10K

________________________________________________________________

Q: Where can we learn more about the Design Studio SDK so we can build our own custom components?

A: There is an SDK guide at help.sap.com/boad‑

________________________________________________________________

Q: Is there a data size limit when connecting to BW or BI 4 universe?

A: For DS, no size limit – 10,000 for SDK‑

________________________________________________________________

Q: It might be nice for someone, ASUG, SCN< to host a repository of cool SDK components provided by the user community.  Any thoughts?

Comments?

________________________________________________________________

Q: Is this 100% JScript compatible?

A: Design Studio uses a subset of JavaScript‑

________________________________________________________________

Q: Is there a data size limit when connecting to BW or BI 4 universe?

A: For SDK – 10K data cells ‑

________________________________________________________________

Q: Is there an SVG requirement – is this compatible with IE8 or requires IE9?

A: Design time it requires IE9 – also see the PAM at service.sap.com/PAM‑

________________________________________________________________

Q: is there any dependency on BOXI (version)?

A: Design Studio is platform independent  but if you are using universes they need to be BI4 single source relational universes‑

________________________________________________________________

Q: how would a design studio application be intergated into infoview, for example/ is there a specific type or just added as a URL?

A: You can save your Design Studio application to BI platform and launch it there‑

________________________________________________________________

Q: can it be integrated in BOXI 3.x infoview?

A: I don’t think you can save the Design Studio app to BOE XI 3.x – only BI4 and up‑

________________________________________________________________

Q: Is there specific order of components installation (i.e. 1. Design Studio, 2. eclipse, 3. component)?

A: He suggested installing DS 1.2, eclipse and then design your custom component‑

________________________________________________________________

Q: Is this similar SDK that will be for Lumira soon?

A: This is a different SDK for Lumira

________________________________________________________________

Q: Does the Crosstab have conditional formatting and could you select individual cells in the Crosstab.

A: conditional formatting from BEx is supported in DS 1.2

To report this post you need to login first.

9 Comments

You must be Logged on to comment or reply to a post.

  1. Dirk Mayrock

    Hi…

    In Germany we will run a “how to build your component – SDK workshop” starting in March. More infos here: https://training.sap.com/v2/course/wdsdk-sap-businessobjects-designstudio-sdk-development-workshop-classroom-098-de-de/

    Actually planned to be sheduled in German language, but if there is interest we could also offer en English event… interested?

    Instructors for the first 2 events are the developers who developed the SDK, so real first hand information.

    Dirk

    (0) 
  2. Reiner Hille-Doering

    Hi, below I have some more detailed answers for the questions above, and several more questions that Lorenz was not able to answer withing the session.

    Best regards,

      Reiner (Design Studio SDK Development Walldorf)

    Q: Is there a data size limit when connecting to BW or BI 4 universe?

    A:

      BW: For DS no size limit – 10,000 cells for SDK per data property

      Universes: DS: 5000 rows/20000 cells

    Q: It might be nice for someone, ASUG, SCN to host a repository of cool SDK components provided by the user community.  Any thoughts?

    Comments?

    A: Good idea. Let’s see how this is legally possible.

    Q: Is this 100% JScript compatible?

    A:  The Design Studio scripting language is a subset of JavaScript, e.g. you have no DOM access. In an SDK component however, you can use 100% JavaScript.

    Q: Is this similar SDK that will be for Lumira soon?

    A: This is a different SDK. The coming Lumira SDK (also called CVOM SDK) is mainly intended for Charts. We will try to integrate such SDK components into Design Studio as well.

    Q: If you bind a field to a display element at design time, is it possible for a custom component to change that binding at runtime based on user selection?

    A: Yes. Most data bound components provide one or more scripting APIs to change the data selection. E.g. Design Studio charts have an API “setDataSelection”. We recommend this also for partner components. The “Simple Crosstab” sample shows how to accomplish .

    Q: As an example – I have a table showing sales by region, but want to enable a dropdown box which can change region to product so the user will be able to switch the table to show sales by product.

    A:

    Yes, for our charts you would script:

    CHART_1.setDataSelection({“(MEASURES_DIMENSION)”: “Sales”, “Region”: “US”});

    Q: 32-bit or 64-bit eclipse matter?

    A: We recommend 32bit Eclipse. You could also use a 64bit Eclipse, but then you need to maintain several settings to tell Eclipse to start Design Studio as 32bit application.

    Q: Can a design studio dashboard be hosted within an iframe in another application or is there a requirement that it be the topmost window?

    A: Sure, you can embed a Design Studio application almost everywere.

    Q: Is it possible to have bookmarks as part of custom components ?

    A: Bookmarking is a feature planned for Design Studio 1.3. Once it is available, all SDK-based components will automatically be supported by the bookmark framework.

    Implementing a bookmark-like feature with Design Studio 1.2 and some SDK components might be possible to certain degree.

    Q: Will there be a more feature rich addition to the SAPUI5 components soon? Like inputfields, buttons etc?

    A: Many UI5 components are supported today, e.g. Design Studio always contained Button and Inputfield components from UI5. But over time we expect almost all UI5 controls to be usable as Design Studio component.

    (0) 
      1. Abhi SAP

        Thanks for your reply.

        One more do we have a trail version of business objects design studio available for download?

        (0) 

Leave a Reply