Skip to Content

Inserting Data From Mobile to ECC using SUP Mobile Workflow Application

Hi everybody,I have created an Application where in you can enter Data from Mobile to ECC.  Through this application the data that is entered in MOBILE will be stored in ECC.  Below is the sample Application Screen Shots created by me named EMPDETAILS (RFC)  and CREATE_EMP(SUP Application).

ZEMPLOYEE TABLE Structure

Field Key Initialize Data Type Length
EMP_NO check check char 5
EMP_NAME check char 30
EMP_DESG char 10

RFC should be Remote Enabled.

Import parameter WA_EMP referring the Table ZEMPLOYEE.

GT_EMPof type Internal Table referring ZEMPLOYEE table.

 

Below is the Coding on how to Create a Record in ZEMPLOYEE Table and once the Record is Created, using the SELECT Statement the Data can be Retrieved.

/wp-content/uploads/2012/06/5_114193.png

As part of creating the SUP Application firstly we have to Create the Mobile Application Project .

Click on File->New->Mobile Application Project.

Define the name of the Application in the Project name field.

Here i have given CREATE_EMPas name

/wp-content/uploads/2012/06/7_114178.png

After creating the Application create the MBO, right click on Mobile Business Object folder->New->Mobile Business Object.

Provide the name for MBO.

/wp-content/uploads/2012/06/9_114181.png

I have selected SAP as my Data Source type is sap. Whenever we select the Data Source the connection profile automatically displays, otherwise you can have an option to create the Connection Profile.

/wp-content/uploads/2012/06/10_114180.png

Here you will have to search the RFC or BAPI. Click on browse.

/wp-content/uploads/2012/06/11_114185.png

Provide the RFC name and click on search BAPIs/RFCs button.

We can select the RFC from the list that is displayed.

/wp-content/uploads/2012/06/12_114188.png

WA_RFCis import parameter which is already defined in RFC. Select the incheckbox.

To view the Ouputwe have to select the Internal Table GT_EMPwhich will display all the records.

/wp-content/uploads/2012/06/13_114189.png

Click finish.

Below is the Folder Structure displayed once the MBO is created.

Under the Structure folder, you can view  EMPDETAILS_WA_EMP

EMPDETAILSis the name of the RFC,

WA_EMPis the import parameter.

/wp-content/uploads/2012/06/14_114190.png

Deploy the project.

/wp-content/uploads/2012/06/15_114197.png

Now we will have to create the Mobile Workflow Forms Editor.

Right click on the project->New->select Mobile Workflow Forms Editor.

Provide the name for Workflow Editor. And click next.

/wp-content/uploads/2012/06/17_114199.png

Select the first option Can be started, on demand, from the client.

/wp-content/uploads/2012/06/18_114200.png

Click finish.

When we create the MBO it will automatically open the Diagram Editor.

Otherwise right click on project and select open in Diagram Editor.

/wp-content/uploads/2012/06/19_114201.png

If you observe in the above screenshot there is no operations defined by MBO. Drag and drop the operation from the palette view to EMP_CREATE_MBO.

While creating operation we will have to select the create operation type.

You can give your choice of name for the operation. Once again select the data source and connection profile. Click next.

/wp-content/uploads/2012/06/20_114202.png

Search the BAPI/RFC operation

/wp-content/uploads/2012/06/21_114203.png

Sect the RFC and click ok.

/wp-content/uploads/2012/06/22_114204.png

Select the WA_EMPfor providing the input parameters and GT_EMPfor displaying the data.

/wp-content/uploads/2012/06/23_114205.png

Click finish.

Create operation was created, observe in this screenshot.

Double click on .XBW File, EMPCREATION is my .XBW in this example. 

Drag and drop the EMP_CREATE_MBO in flow design page.

/wp-content/uploads/2012/06/26_114208.png

Double click on start screen. I have added a HTML view for displaying a sample text.

/wp-content/uploads/2012/06/27_114209.png

Add MenuItem and provide name Create Employee.

/wp-content/uploads/2012/06/28_114210.png

Provide the parameters as defined in this screenshot.

/wp-content/uploads/2012/06/29_114212.png

After this the Flow Design Page is looks like this.

/wp-content/uploads/2012/06/30_114213.png

Now double click on EMPCREATEMBOCREATE screen.

/wp-content/uploads/2012/06/31_114215.png

Click on create Menu Item and provide the properties defined in this screenshot.

/wp-content/uploads/2012/06/32_114216.png

Add Menu Item and provide name as details .

Select the details Menu Item and provide the parameters as defined below.

/wp-content/uploads/2012/06/33_114217.png

/wp-content/uploads/2012/06/34_114219.png

Final you save and deploy once again.

Go to start Screen Design page and click on Generate Mobile Workflow Package icon.

/wp-content/uploads/2012/06/35_114220.png

 

I am very excited to post this first blog of mine. I would request the viewers to share their views.

4 Comments
You must be Logged on to comment or reply to a post.
    • Thank you Andy.

      I am Planning to provide some more screenshots for how the output is displayed in android, windows mobile and blackberry simulators, but there is a upload limit upto 1 mb.

      once again thank you.

      • Hi Satya,

        what about using www.irfranview.com IrFranView (free) tool to resize the images ? For example 800x1200 will be about 60kb.

        Have fun with your blogging this will be an interesting series.

        Looking forward to the next installment.

        Andy.

  • Hiii Satya ,

                      Nice post but after create operation  how can i get my return message back to mobile ???? i also have my ZBAPI which creates material but i am unable  to get that return parameter same as your example you didn't explain how to get return data on to mobile after create operation.