Lorenz Wiest, SAP, provided this webcast today to ASUG - it was no PowerPoints, all demonstrations.
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
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
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
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
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
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
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
Figure 8: Source: SAP
Figure 8 shows sample KPI tiles (a custom component) at run time
Figure 9: Source: SAP
Figure 9 shows exceptions and how they were built with the associated with traffic lights
UI5 set
Source: SAP
Above shows some sample UI5 custom components.
Example of a SAP UI5 custom component in Design Studio is shown below:
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
Source: SAP
The above shows 5 files.
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