MAKitHTML5 Mobile application to be run on SUP2.2

[Former Member]

Hi,

I am trying to run an MAktiHTML5 mobile application through SUP2.2

by refering the below mentioned site which contains MAKitHTML5

mobile app already build in SUP2.1.2.

Refer site:-

http://www.slideshare.net/SyambabuAllu/html5-ma-kit-hwc-code-example-tutorial

I am performing the following steps in SUP2.2 workspace:-

1.Making MAKit connection.

2.Importing MAKithtml5 project folder.

3.Deploying project to server.

4.Deploying workflow to server.

But when I am running my app through ios device its unable to show me charts

as shown in tutorial.

Can anyone help me on this???

Thanks & Regards,

Anjali Agrawal

[Dan_vL]

If you are using SUP 2.2 SP02, the following is a sample showing its new features including a section on how to use the new MAKit control in a Hybrid App.

SUP 2.2 SP02 New Hybrid App Designer Features https://cw.sdn.sap.com/cw/docs/DOC-152841

See also this post

http://scn.sap.com/thread/3335948

[Former Member]

Hi Daniel,

Thanks 4 your reply.Its really helpful for me.

And also I have the another question if can help me out then it will be very beneficial for me.

My question is:-

I am using SUP2.2 SP02. I want to build and HWC application and run it through desktop browser.

But after building workflow and using the path for hybrid_jqm.html with ?screentoshow=Screen_key on google chrome I am able to see the screen but unable to have a switch to another screen.Means if it is an application to extract employees list then clicking on open tab its not showing the list of employees on another screen.

Encounterring error:-XMLHTTPLoadRequest error.

So Can u give me some suggestion how to run HWC application on desktop browser.

[Dan_vL]

Are you attempting to call an MBO's findAll or findBy method to return the list of employees from the SUP server?

It is not possible to run execute MBO operations running in a browser.  These must be executed while running in the Hybrid Web Container on a device.

It is possible for debugging purposes to place the content of a workflow message into an xml file and execute the operation.  See the section Simulating a Workflow Message in the sample Debugging a Mobile Workflow https://cw.sdn.sap.com/cw/docs/DOC-150957

Hope that helps,

Dan van Leeuwen

[Former Member]

Hi Daniel,

Yes I am using findAll method of MBO's to return list of employees from SUP server.

Even we have ask this question in SAP call to Craig also that whether we can run HWC application from the desktop browser so he said no but still has given  with the 2nd option for trying a doc to refer.

It include following:-

Creation of SAP connection.

Creating two MBO's using flight BAPI.

Deploy MBO to server.

Generate Hybird App.

Now the Generate Hybrid app folder contains only js folder with Workflowclient.xml file.

And after that certain steps have to be perform:-

1.1 Creating the SAPUI5 app

1.1.1 FlightBooking.html

1. Create the root folder for our app. Call it FlightBooking. Then put the generated js folder and WorkflowClient.xml under the FlightBooking folder.
2. Put this folder under your WebServer’s documents folder, where your SAPUI5 files should be located. Ensure the SAPUI5 runtime static libraries are accessible from this WebServer.
3. Put the ui5api.js file provided with this document under the folder js. It’s a new file, not currently generated with the Hybrid App API and that will make the SAPUI5+SUP app creation much easier.
4. Create the HTML file for screens under the app’s root folder and call it FlightBooking.html, filling it with the following basic HTML code:

But I am unable to understand these steps.

So can u help me plz...

Anjali Agrawal

[Dan_vL]

It might help if you restate your basic requirements and what you are wishing to accomplish. 

If you are using SUP, Mobile Business Objects (MBOs) and the Hybrid Web Container then the generated app must be run inside of the Hybrid Web Container which only runs on an Android, iOS, BlackBerry or Windows Mobile device or simulator.

If instead of using Mobile Business Objects, you use OData to access your backend data, then the app can run in a regular browser.

Here are a few more samples that may be of interest.

Mobile Workflows in an Occasionally Disconnected Environment https://cw.sdn.sap.com/cw/docs/DOC-151623

Using Sencha Touch and OData in a Hybrid App https://cw.sdn.sap.com/cw/docs/DOC-152564

[Former Member]

Hi Daniel,

Sorry,for writing HWC because we are not making workflow we are creating SAPUI5 HTML file to call js file created by clicking on Generated Hybrid App option.So we are building an application on SUP2.2 SP02 for running it from desktop browser which include following:-

Creating SAP connection.

Creating MBO's by using Flight BAPI.

Deploying it to server.

Right click on project and click on Generate Hybrid App which creates js and Workflowclient.xml file.

Now as per document we have to perform further steps:-

1.1 Creating the SAPUI5 app

1.1.1 FlightBooking.html

1. Create the root folder for our app. Call it FlightBooking. Then put the generated js folder and WorkflowClient.xml under the FlightBooking folder.
2. Put this folder under your WebServer’s documents folder, where your SAPUI5 files should be located. Ensure the SAPUI5 runtime static libraries are accessible from this WebServer.
3. Put the ui5api.js file provided with this document under the folder js. It’s a new file, not currently generated with the Hybrid App API and that will make the SAPUI5+SUP app creation much easier.
4. Create the HTML file for screens under the app’s root folder and call it FlightBooking.html, filling it with the following basic HTML code:

So can u plz help me out because not able to understand how to perform above mentioned steps or send me any tutorial if you have for:-

How To create a SAPUI5+MBOs+JavaScript APIs app for SUP 2.2

[Dan_vL]

If you use MBOs or Mobile Business Objects in a Workflow or Hybrid App, then the resultant app must be run in the Hybrid Web Container which only runs on devices or simulators.

If you wish to have an app that runs on devices and on the desktop, then I would suggest using OData instead of MBO's.

Here are some other samples that may be helpful.

SAPUI5 OData SUP 2.2 HWC App https://cw.sdn.sap.com/cw/docs/DOC-152610

SAPUI5 OData SUP 2.2 HWC App (UI5-Eclipse archive) https://cw.sdn.sap.com/cw/docs/DOC-152611

Whitepaper: Hybrid App Consuming OData Using SAPUI5 Eclipse Plugin https://cw.sdn.sap.com/cw/docs/DOC-152612

If you would like to use MBO's and SAPUI5, the following sample may be helpful

SAPUI5 MBO Data Binding https://cw.sdn.sap.com/cw/docs/DOC-152686

[Former Member]

Hi Daniel,

Thank you so much for your reply.

Regards,

Anjali Agrawal