Html5 vs SAP UI5

Dear All,
SAP UI5 is pretty new but the technology has grown at a high pace.
My question is what are the reasons that still the development are done in HTML5 .
Bottom-line being, where does HTML5 still has an upper hand than SAP UI5.
And where are the things still to be enhanced in UI5 technology especiaaly when we speak for standard desktop application.
Regards,
Puja

Hi Puja,
it's not UI5 vs HTML5. It is always both: UI5 uses HTML5. It is just a very comprehensive toolset on top which adds functionality.
You can compare it to the question: "What is better to build a house: bricks and concrete? Or scaffolds, cranes and hydraulic shovels?"
In the end it is always bricks and concrete, the question is what are the tools to compose them.
So to answer your question: when you want to build feature-rich applications with lots of data interaction and logic, you'd use UI5 as tool to create the HTML page.
If you just want to put some blocks of static texts on a web page, you would use plain HTML without the additional tools that UI5 offers.
Regards
Andreas

Similar Messages

Unable to create a new view for SAP UI5 in NWDS

Hi UI5 Profis,
I'm just getting started with SAP UI5 and wanted to create and run my first application using the UI5 Tools wirh NWDS. After having installed NWDS and the UI5 Tools
I create new SAP ui5 project, but the wizard always run into error, when I want to create new view.
Did someone already have the same issue?
Thanks in advance,
BR,
Berenger

Hi Berenger,
Which is your NWDS version?
It seems there is a bug on view creation with 1.8.8 version:
1814417 - Patched version 1.8.8 of UI Development Toolkit for HTML5
http://service.sap.com/sap/support/notes/1814417
Kind regards

SAP UI5 is useful to create a website ?

Hi,
I am planning to learn SAP UI5. I have some doubts in this,
1. Is SAP UI5 is used to create websites ? If yes, we need to use SAP is the backend support (database) for that ?
I mean, we can use HTML to create any kind of websites, SAP UI5 is also works like that?
2. What are the required softwares we need to run SAPUI5 ? Let me know where I can get that softwares?
3. What is River RDE? How/Where we need to use this in SAPUI5 ?
Give me any other suggestions to improve my knowledge on this ....
Thanks in advance.
Regards,
Pavan A.
Message was edited by: Pavan A

Hello,
Have a look into this link, it may helps you.
Get to Know the UI Development Toolkit for HTML5 (aka SAPUI5)
Regards,
Murali Krishna.

SAP UI5 Tomcat

Hey,
I know this is the wrong chapter - but maybe someone can help me.
I´m using eclipse kelpar and I have got an old UI5 project which I was able to run some time ago.
Now tried to start Tomcat and run the project, but if I start the tomcat the consol shows some errors, but afterwards it shows status "started".
If I try to run my project now I get errors and it won´t start.
What´s the problem?

Better post in UI Development Toolkit for HTML5 Developer Center (Where you should find some discussion as Facing some problem with tomcat server and NWDS in SAP UI5)
Regards,
Raymond

How to create interactive map in SAP Visual Business using SAP UI5 SDK

Hi,
Please tell me,
How to create interactive map in SAP Visual Business using SAP UI5 SDK.
Is it possible to create interactive map using VB Control in SAP UI5 SDK..?
if possible please any one let me know.

Hi folks, one question:
We have our development close moved and now it is earlier than originally planned.
That means that we maybe can't finish our convenient API and you have to wait till we will release it - early 2015 is planned.
But there is another option:
Currently we have a API based on json. The developer has to create json and to transfer it to the Visual Business control.
This interface is more used as a low level API and we are developing on top the more convenient one. So all the features are the same.
It will stay stable & compatible in the future and you can build on it.
Do you want to use this interface?
Then I will publish the documentation.
Let me know.
Thanks

CSS styling in xml in sap ui5

Hi All,
I am trying to apply css styles to xml views in sap ui5.
I am successful in changing the font size of a text or changing the color of a label..
But i am not successful in changing the style of number and number unit in Object Header.
<html:style>
      .myFont1 {
         font-size : 15px;
</html:style>
<
<Page
title="{i18n>DetailTitle}"
showNavButton="{device>/isPhone}"
navButtonPress="handleNavButtonPress" >
<ObjectHeader class = "myFont1"
title="{SoId}"
number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<Page
title="{i18n>DetailTitle}"
showNavButton="{device>/isPhone}"
navButtonPress="handleNavButtonPress" >
<ObjectHeader class = "myFont1"
title="{SoId}"
number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<ObjectAttribute text="{BuyerName}" />
cc: Chandrashekhar Mahajan

Hi Jose,
Thanks for your reply
I have declared my css style as you had suggested
<html:style>
      .myFont1 .sapMOHNumber{
          font-size : 15px;
</html:style
and have called the css class this way
<ObjectHeader
title="{SoId}"
class = "myFont1.sapMOHNumber" number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<ObjectAttribute text="{BuyerName}" />
But I am getting an error like :resource sap/ui/demo/myFiori/view/Detail.view.xml could not be loaded from
./view/Detail.view.xml. Check for 'file not found' or parse errors.
Any clue pls?

Table creation in sap ui5

Hi,
I am new at SAP UI5 and i am trying to create a table.
I used the code given on the sap ui5 demokit but when i am running the application the table is not displaying.
can anyone help me with this.
Thanks in advance.
var aData = [
          {lastName: "Dente", name: "Al", gender : "male"},
          {lastName: "Friese", name: "Andy", gender : "female"},
          {lastName: "Mann", name: "Anita", gender : "female"}
//table creation
var oTable = new sap.ui.table.Table({
title: "Guest House list",
visibleRowCount: 3,
firstVisibleRow: 2,
selectionMode: sap.ui.table.SelectionMode.Single,
//column creation
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Last Name"}),
template: new sap.ui.commons.TextView().bindProperty("text", "lastName"),
sortProperty: "lastName",
filterProperty: "lastName",
width: "200px"
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "First Name"}),
template: new sap.ui.commons.TextField().bindProperty("value", "name"),
sortProperty: "name",
filterProperty: "name",
width: "100px"
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Gender"}),
template: new sap.ui.commons.ComboBox({items: [
new sap.ui.core.ListItem({text: "female"}),
new sap.ui.core.ListItem({text: "male"})
]}).bindProperty("value","gender"),
sortProperty: "gender",
filterProperty: "gender"
//data collection
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({modelData: aData});
oTable.setModel(oModel);
oTable.bindRows("/modelData");
//Initially sort the table
oTable.sort(oTable.getColumns()[0]);
oTable.placeAt("table");

Hi Anshul
it should be
press: function() {
   oTable.setVisible(true); // or false
am I right?
-D

Creating a search help with SAP UI5 and js?

Hello com,
I am trying to create a search help, collecting data from a table.
Is there something similar to the typical ABAP search help in SAP UI 5?
ABAP:
PARAMETERS: lv_alias TYPE dsh_alias MATCHCODE OBJECT dashboard_alias_f4,
I found this in the Demo Kit:
// create a simple SearchField
var oSearch = new sap.ui.commons.SearchField("providerSearch", {
        searchProvider: new sap.ui.core.search.OpenSearchProvider({
                suggestType: "json",
                suggestUrl: "/demokit/suggest?q={searchTerms}",
                icon: jQuery.sap.getModulePath("sap.ui.core", '/') + "mimes/logo/txtonly_16x16.ico"
        search: function(oEvent){
                alert("Search triggered: " + oEvent.getParameter("query"));
//attach it to some element in the page
oSearch.placeAt("sample4");
But how can i connect it with the specifiy data table?
Thanks,
Domenik

Hi,
you need to create OData service which will retrieve (search) the required information and then need to create UI5 application to consume it.
you can refer this blog How to Implement Value Help (F4) with SAP UI5 which covers both parts.
if you are having SP08 version of SAP Gateway then creating search help is very simple. refer my blog Creating OData service based on Search Help
Regards,
Chandra

How to Covert PDF! file format into XSTRING format in SAP UI5?

HI All,
I Am ABAPer. I don't have any idea on front end system.
Can any buddy guide me how to convert PDF file into XSTRING or BINARY in SAP UI5 (either it may be XML or Script )?
My requirement is, I have to upload file in SAP-UI5. Those file should upload in back end system (MIME repository (SAP-ECC) or DMS).
I have created below screen for PDF! upload in SAP-UI5.
Below code I have written in SAP gateway system.
* Get MIME repository information
lr_mime_rep = cl_mime_repository_api=>if_mr_api~get_api( ).
* Upload FILE into MIME repository.
lr_mime_rep->put(
   EXPORTING
     i_url                     = p_path
     i_content                 = lv_content
   EXCEPTIONS
     parameter_missing         = 1
     error_occured             = 2
     cancelled                 = 3
     permission_failure        = 4
     data_inconsistency        = 5
     new_loio_already_exists   = 6
     is_folder                 = 7
     OTHERS                    = 8 ).
Back end system required file name with extension and XSTRING(Converted PDF data).
How to convert PDF file into XSTRING or BINARY in SAP-UI5?
Kindly help me on this...

Hi Karthikeyan,
If you have PDF internal table with you, You can follow the below method to upload into Unix directory.
    DATA:file_path TYPE char100 VALUE '/usr/sap/tmp/rep_out.PDF'.
    OPEN DATASET file_path FOR OUTPUT IN BINARY MODE.
    IF sy-subrc EQ 0.
      LOOP AT it_pdf.
        TRANSFER it_pdf TO file_path.
      ENDLOOP.
    ENDIF.
    CLOSE DATASET file_path.
Thanks
Venkat.O

SAP UI5, MII, & JSON

I've been using jQuery ajax calls to fetch MII JSON data and display it in various ways for some time now when I want to display data in something other than an MII applet. My client wants to transition to using SAP UI5 in their web reports and so I've been doing some prototyping.
I've found that I cannot get a UI5 table to bind to an MII Rowsets result set when the content type is JSON.
Some example code...
// This works fine...
     function buildTableAjax() {
            "use strict";
            var q = miiUtils.miiGet(queryTemplate, {}); // (wrapper function around $.ajax)
            q.done(function (data, status, xhr) {
                var model = new sap.ui.model.json.JSONModel();
                // if I setData to the returned "Rowsets" object I can
                // not figure out a bindRows expression that works so
                // I use the 0th rowset instead
                model.setData(data.Rowsets.Rowset[0]);
                var str = model.getJSON();
                var table = new sap.ui.table.Table({
                    title: "Water Samples",
                    visibleRowCount: 20
                var cols = data.Rowsets.Rowset[0].Columns.Column;
                $.each(cols, function (i, col) {
                    if ($.inArray(col.Name, hideColumns) === -1) {
                        table.addColumn(new sap.ui.table.Column({
                            label: new sap.ui.commons.Label({
                                text: col.Name
                            template: new sap.ui.commons.TextView().bindProperty("text", col.SourceColumn),
                            sortProperty: col.SourceColumn,
                            filterProperty: col.SourceColumn,
                            width: "75px"
                table.setModel(model);
                table.bindRows("/Row");
                table.placeAt("tableHolder");
I know that this isn't the preferred way to do this and I would like to use the whole UI5 stack sometime soon, so I came up with the following.
function buildTableUI5() {
            "use strict";
            var requestUrl = miiUtils.createRequestURL(queryTemplate, {
                "Content-Type": "text/json"
            var model = new sap.ui.model.json.JSONModel();
            var table = new sap.ui.table.Table({
                title: "Water Samples",
                visibleRowCount: 20,
            // maybe add columns based on result set later...
            table.addColumn(new sap.ui.table.Column({
                label: new sap.ui.commons.Label({
                    text: "Description"
                template: new sap.ui.commons.TextView().bindProperty("text", "Description"),
                sortProperty: "Description",
                filterProperty: "Description",
                width: "75px"
            model.attachRequestCompleted(function () {
                // do something with data if required...
                //var str = model.getJSON();
            model.loadData(requestUrl);
            table.setModel(model);
            table.bindRows("/Rowset/Row");
            table.placeAt("tableHolder");
buildTableUI5 will always display "No Data". If I simply change the url's Content-Type to text/xml and change the model type to XMLModel, the function works as expected and data is bound.
I would prefer to use JSON if possible, Can it be done through model.loadData()? What would I put in the bindRows call to get it to work? (The value of the commented out str variable in attachRequestCompleted is the expected json result, so the data is being returned just fine).
Thanks!

Hi Allan,
The data structure changes when your content type is JSON hence you cannot map rowsets/rowset/row structure and get the desired output.
Generally, MII 14.0 onwards is capable of giving JSON result that can be directly mapped to ui5 components.
What is miiUtils.createRequestURL retur ning you here. I suspect a mapping issue here as everything else looks good.
See is below example helps you. This is referring to UI5 Charts but atleast can give you some idea on model and data binding.
Getting started with Viz Charts
Table - SAPUI5 Demo Kit
Best Regards,
Swaroop

Integrating SAP UI5 application in Portal through LPD_Cust gives error

Hi Team,
In our scenario we are calling sap UI5 application in portal through LPD_Cust . We receive error SAP UI5 mobile is not supported in your browser . When we call same application through portal directly it opens properly( In both cases we are using same page and iView).
We have set the property of iview in portal as open in header less window in standard mode.But in Lpd_cust we don't have option of open in standard window.
Is there any work around available which launches application properly.

I think you are experiencing problems thru the document mode of your browser.
The Quirks of Browser Rendering
1) If you are running ldp_cust, you could open the page properties in a new window.
2) set the document mode for the portal: Ajax Framework Page - Portal - SAP Library
iView: Browser Document Mode ( com.sap.portal.BrowserDocumentMode )
This iView adds an X-UA-Compatible header into the framework page that affects the Browser Mode and the Document Mode in Microsoft Internet Explorer. The default value is IE=EmulateIE7 that sets the Browser Mode in Microsoft Internet Explorer to IE7 Compatibility View and the Document Mode toQuirks .
If you are supporting IE9 standards mode, use IE=Edge. Remember that ALL applications in your portal need to support this!
3) See if the problem is the document mode. When you open the SAP UI5 application, press F12 and change the browser mode to Standards.

Do we need to maintain end users in Gateway system when SAP UI5 Application is deployed on Gateway?

Hi All,
We are developing a SAP UI5 application and we deploy our components in Gateway System as BSP application.
The question now is:::
We have 3 screens.We need to use our application by share point portal.
we will be giving the respective URL's (i.e index.html) to portal team and they will be integrating it through URL iViews
At a glance users can only see a single screen once they login to application. through portal
This will be taken care by Portal Team.
Do we need to maintain the end users on Gateway system for accessing the application?
We have SSO feature.
Could you please let me know the possible ways?
Thanks in Advance
Regards,
Satya

Although I will not advise it, you can turn off authentication in SICF. Go to the service node for you application, and "hardcode" a service user.
Please check if this is compatible with your license agreement, because I seriously doubt it.

SAP Fiori: Version Management for SAP Gateway Enhanced Services & SAP UI5 Application

Hello Experts,
Greetings!!
I would like to check how version control is achieved for SAP Fiori app extensions. Or while enhancing the SAP UI5 applciation or enhancing a SAP netweaver gateway backend service for Fiori App.
I would appreciate your inputs. Thanks in Advance.
Sudhanshu ~
Tags edited by: Michael Appleby

For front end SAPUI5 CODE in Elipse or RIVER RDE you can use GIT which is pretty standard way of doing code management. Once you push the code to GW it is in BSP and then you dont have much control on the version management side. If there are multiple developers working on front end code then you can push to GW using ABAP Team Provider plugin in Eclipse that pushes the sapui5 code to BSP via workbench request and once 1 developer is done then he/she will submit the code. the next person then does the GET from GW into their Eclipse to get the latest version of source code. But if there are 10 changes to the sapui5 code then on front end side you should use GIT or BitBucket or MS Team Share kind of source code control tools that integrate with ECLIPSE.
For oData Service you can do version management in ABAP stacks. you can have multiple versions for your service and then deploy to prod the one that you are sure of. Std change management can be used for backend GW service development.
thanks
Ashish

SAP UI5 App Integration with PhoneGap

Hi,
Can any one guide me in integrating SAP UI5 App with PhoneGap and deploy the app to iOS or Android,
Help me in sharing either blogs OR docs related to this topic.
Thanks,
Jaya

You may check
Building awesome mobile apps with SAPUI5 and PhoneGap
Packaging sapui5 application using phoneGap for Android [ Command line Interface ]
Rgrds,
Jitendra

Upload image from Mobile device using SAP ui5 controls

Hello Team ,
Can we use SAP UI5 controls to upload image from photo gallery of the mobile device, the idea is to use simple sap UI5 codding and not SMP.
please do let me know if you guys have idea on same.
Armaan

Hi Armaanjit,
Please have a look at my post
File upload using SAPUI5 Control

Html5 vs SAP UI5

Similar Messages

Maybe you are looking for