Display your Lego Mindstorms sensor data on a Fiori Overview Page and deploy it to the HCP Portal Fiori Launchpad
With my Lego Mindstorms sensor data in the HCP Internet of Things Services as described in my previous blog Connect a Lego Mindstorms NXT to the HCP Internet of Things Services via a Raspberry Pi over Bluetooth, I wanted to visualise this data on a Fiori Overview Page. Luckily, the HCP Internet of Things Services provide OData services for any device you register out of the box, so this was not so different from creating my first Fiori Overview Page as described in my previous blog How to make your OData entities work with the Fiori Overview Page and Cards leveraging the new SAP Web IDE annotation modeller. Therefore, I will focus on describing the differences to the above in this blog.
To start with, I had to create a Destination to my HCP Internet of Things Services, very similar to using the web service as described before:
Then, I create a Fiori Overview Page project in the Web IDE as before and specify my HCP Internet of Things Services destination and URL as the Data Connection. As a result, I can select my Application Data table:
The remaining steps are as before and next I have to edit my annotation file. I choose the G_DEVICE, G_CREATED and most importantly my Mindstorms UltrasonicSensor C_DISTANCE data fields:
Next, I add a Table Card to the Fiori Overview Page with data from my Application Data Table:
With that I got my Lego Mindstorms NXT sensor data displayed in a Fiori Overview Page:
Deploying this Fiori Overview Page to my HCP Portal is only a few more click away. First I deploy it to the HCP itself:
For this I have to specify my HCP account and can assign an Application Name and Version:
With this, I can register it to my Fiori Launchpad in the HCP Portal:
For this I provide a Description:
And Tile Configuration information:
As well as Assignment to a Fiori Catalog and Group:
All done, and I see my HCP IoT Fiori Overview Page in my HCP Portal Fiori Launchpad:
Hi Frank
Many thanks for the blog.
I am facing the same issue. I have followed all the steps mentioned in the blog.
Please suggest.
Service
I decide to select T_IOT_2C6BF18A6BA9885C5A16 with entity0
Create New Overview Page Application
Projet name
Data Connection
I decide to create annotation after
I choose entity0
Next and Finish.
Create Annotation File
I add a Table Card to the Fiori Overview Page with data from my Application Data Table
Odata entity set: T_IOT_2C6BF18A6BA9885C5A16
Add UI.LineItem
Add two field UI.DataField
Humidity and temperature
Run application with Web Application
OVP is empty
When I check log
Thanx for your help
Hello Abdoulaye,
Unfortunately, that does not look familiar. Could you therefore attach the network trace as well please.
Best regards
Frank
Hello Abdoulaye,
You may find that editing two items in the file manifest.json resolves the issue.
Modify webapp/manifest.json:
1. In the "models" section, copy the section named "i18n", paste it to establish a second copy, and change the name of the new section to prefix with "@" for a name of "@18n".
This is necessary to accommodate the text labels specified int the Annotation (Humidity and Temperature). These labels are defined in the webapp/i18n/i18n.properties file (items @HUMIDITY and @TEMPERATURE). The references to @i18n are visible when using the Code Editor view of the Annotation file.
2. In the "sav.ovp" ... "cards" section, remove the line "addODataSelect.
So the section appears like this:
Best regards,
Sam
Frank
Thanx for your help
File asan.com.Component
General
Request URL:https://webidetesting4606827-s0009861582trial.dispatcher.hanatrial.ondemand.com/sap/bc/lrep/flex/data/asan.com.Component
Request Method:GET
Status Code:404 Not Found
Remote Address:155.56.219.29:443
Response Headers
HTTP/1.1 404 Not Found
Content-Type: text/html;charset=ISO-8859-1
Content-Length: 102
Date: Thu, 08 Dec 2016 15:54:31 GMT
Server: SAP
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
Request Headers
File Component-changes.json
General
Request URL:https://webidetesting4606827-s0009861582trial.dispatcher.hanatrial.ondemand.com/webapp/Component-changes.json
Request Method:GET
Status Code:404 Not Found
Remote Address:155.56.219.29:443
Response Headers
HTTP/1.1 404 Not Found
Content-Type: text/html;charset=ISO-8859-1
Content-Length: 102
Date: Thu, 08 Dec 2016 15:54:32 GMT
Server: SAP
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
Request Headers
GET /webapp/Component-changes.json HTTP/1.1
Host: webidetesting4606827-s0009861582trial.dispatcher.hanatrial.ondemand.com
Connection: keep-alive
Accept: application/json, text/javascript, */*; q=0.01
X-Requested-With: XMLHttpRequest
X-UI5-Component: asan.com.Component
User-Agent: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36
Referer: https://webidetesting4606827-s0009861582trial.dispatcher.hanatrial.ondemand.com/webapp/test/testOVP.html?hc_orionpath=%2Fs0009861582trial%24S0009861582-OrionContent%2FZClimate&origional-url=testOVP.html&sap-ui-appCacheBuster=..%2F..%2F&sap-ui-xx-componentPreload=off
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: fr
Cookie: JTENANTSESSIONID_s0009861582trial=HYTWx3Tal%2F1UnNi4WXusUzzEnWE9zTGl3S4ZzjNf0rw%3D; BIGipServer~jpaas_folder~dispatcher.hanatrial.ondemand.com=!s+YQpgGmQRig/tgNZEPpLGxpZHRV0NedJ2GjnoNNXPC2nLdkO7zsTQ5R1GprON9y2NrWtXVqMoPxozA=; JSESSIONID=EB031EEA1AD919F41560F68281E1C2912F39841908945BB59123BA98CC257535
Best regards
Abdoulaye.