Skip to Content

Introduction –

When I first heard that SAP was building a web development toolkit it really made me curious, but when I read that the SAPUI5 toolkit was going opensource I inmediately knew that it was the perfect time to swim into the HTML5 + Javascript world. In my current blog, I will share my first attempt of SAPUI5 powered web application, inspired on the main activities that can be done in the city i live in: Lima.

There are two main blog posts that I found extremely useful while learning/developing:

Building SAP Fiori-like UIs with SAPUI5

SAPUI5 with Google Maps


Description –

The app consists on two main Views:

                         The main List                  |                                                   and the Detail

Main.png

An this is the Map within the Icon Tab Bar

/wp-content/uploads/2014/05/img_461372.png

You can find my source code on the following Github repository: rhmircin/LimaEsLinda · GitHub

There are some bugs and performance issues I’m struggling with, so feel free to fork, clone etc. Any idea, comment or suggestion is welcome.

To report this post you need to login first.

5 Comments

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

    1. Ruben Hernan Mircin Ramirez Post author

      Thanks Amina,

      No, I haven’t but i think this might help:

      OData Service.png

      This would go on the Component.js file, replacing the JSON file data model (mock.json).

      At this moment I don’t have access to a SAP Netweaver Gateway instance, so I couldn’t give it a try. Please let me know if it works.

      Best regards!.

      (0) 
  1. Nilesh Puranik

    Hello Ruben,

    Thanks a lot for a wonderful working application.

    However, when i implemented the same,I observed 1 thing and also visible in your application that, when on the Details view, you see 3 IconTabFilters on IconTabBar which also contains ‘Map’.

    If i click on the ‘Maps’ ,the google map is not loaded but then when i go to other tabs and come back to the ‘Maps’ then google map is visible.

    So initially the map is not loaded but It is visible only when you come back to the tab again.

    Did you also face the same issue ? Really appreciate your advice here.

    Thanks in advance

    BR

    Nilesh

    (0) 

Leave a Reply