Skip to Content

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:

Destination Configuration.png

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:

Data Connection.png

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:

Annotation Structure.png

Next, I add a Table Card to the Fiori Overview Page with data from my Application Data Table:

Table Customization.png

With that I got my Lego Mindstorms NXT sensor data displayed in a Fiori Overview Page:

Default User.png

Deploying this Fiori Overview Page to my HCP Portal is only a few more click away. First I deploy it to the HCP itself:

Deploy to SAP HANA Cloud Platform.png

For this I have to specify my HCP account and can assign an Application Name and Version:

Application Details.png

With this, I can register it to my Fiori Launchpad in the HCP Portal:

Register to SAP Fiori Launchpad.png

For this I provide a Description:

General Information.png

And Tile Configuration information:

Tile Configuration.png

As well as Assignment to a Fiori Catalog and Group:

Assignment.png

All done, and I see my HCP IoT Fiori Overview Page in my HCP Portal Fiori Launchpad:

/wp-content/uploads/2016/06/flpportal_983313.png

To report this post you need to login first.

4 Comments

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

  1. Abdoulaye SANGARE

    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

     

    (0) 
    1. Frank Schuler Post author

      Hello Abdoulaye,

      Unfortunately, that does not look familiar. Could you therefore attach the network trace as well please.

      Best regards

      Frank

      (0) 
    2. Sam Juvonen

      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

      (0) 
  2. Abdoulaye SANGARE

    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

    1. GET /sap/bc/lrep/flex/data/asan.com.Component HTTP/1.1 Host: webidetesting4606827-s0009861582trial.dispatcher.hanatrial.ondemand.com Connection: keep-alive X-CSRF-Token: fetch User-Agent: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36 Content-Type: application/json Accept: */* X-Requested-With: XMLHttpRequest X-LRep-AppDescriptor-Id: asan.com 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

    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.

    (0) 

Leave a Reply