Skip to Content
Author's profile photo Ravi Joseph

A Simple JQuery Mobile –UWL component

This is just a proof of concept developed for one of the clients and there is a lot of room for the improvement.

The idea is to access to the UWL via a tablet /smart phone.

The traditional SAP standard UWL.

tradUWL.JPG

Following describes the makeover look of universal worklist for mobiles.

Application flow: Users will access the UWL component via an index page (mobile.html). This page is a simple HTML5/JQM page, allows users to store the user name and password using the html5 local storage object and then redirects the user the UWL component.

The Index Page (mobile.html) has to be placed in the following area for anonymous access.

/usr/sap/<SID>/JC00/j2ee/cluster/server0/apps/sap.com/com.sap.engine.docs.examples/servlet_jsp/_default/root

Screenshot of the application:

login.JPG       1.JPG   two.JPG three.JPG

    MobileHome.html page        Available Menu Options                 Tasks from the SAP system   

Once the user selects the approve/reject the application will be redirected to a custom ABAP application (mobile enabling is still in process for this abab application ) which will then take care of the approval an reject functionalities. after approve /reject by clicking on the refresh the task will be removed from the uwl. This component has been tested for the SRM shopping cart approvals as well.

for the benefit of the SCN community this component is now available in https://cw.sdn.sap.com/cw/groups/uwl-for-mobile-device

This component can be used either as a standalone application or can be integrated with the Netweaver 7.3 portal on device mobile layout.

Assigned Tags

      23 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Aviad Rivlin
      Aviad Rivlin

      Very nice blog! Thanks you.

      Can you add the Portal application to the portal CodeX project for the benefit of the community?

      Rgds,

      Aviad

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Sure will add it..

      Author's profile photo Gabriele Caldi
      Gabriele Caldi

      Very nice!

      Where did you found the required jars  bc.uwl.service.api_core.jar and bc.uwl.service.api_api.jar for nw 7.3 ?

      regards

      Gabri

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Hi Gabri,

      you might get this from SMP.

      "Support Packages and Patches - Entry by Application Group" ->

      "SAP Netweaver" ->

      "SAP Netweaver 7.3"

      "Entry by Component" ->

      "BPM ->

      "UWL COLL PROCESS ENGINE 7.31" ->

      Download one of the patch files e.g. UWLJWF05P_4-20005138.SCA

      Author's profile photo Former Member
      Former Member

      Hi Ravi,

      I don't seem to be available to download the full source from codeX (download button is missing in expert view on trunk). And the .ear file fails as well...

      I would be very thankfull if you could supply it to me 🙂

      Br Jan

      Author's profile photo Dheeram Kallem
      Dheeram Kallem

      Hi Jan,

      Can you please share your code?

      Thanks,

      Dheeram

      Author's profile photo Former Member
      Former Member

      Yes! Just got your code up and running (on a sandbox as a proof of concept) simply by copy pasting it into nwds from codeX repository. The download is not working in there but quite simple to copy paste and the jar files are available in plugins folder to eclipse. Nice! Thank you Ravi.

      Author's profile photo Former Member
      Former Member

      Hi,

      What should be the URL to access the MobileHome.html page?

      Thanks,

      Bhavik

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Hi ,

      http(s)://yourportalserver:port/MobileHome.html

      Thanks

      Author's profile photo Former Member
      Former Member

      Thanks Ravi for prompt response.

      I deployed the EAR file and created the iview from the portal application. But when I access the application, i get below error:

      Error The given id "Workflow System"is not a unique id of a user!The given id "Workflow System"is not a unique id of a user!com.sap.security.api.NoSuchUserException: The given id "Workflow System"is not a unique id of a user! Error trace /n[Ljava.lang.StackTraceElement;@2ce5feba

      I do not know what this error means and from where it is refering to "Workflow System" ID.

      Thanks

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Hello,

      I assume that you are using the application in a traditional sso scenario using SAP logon tickets mechanism.

      Basically your back end workflow items have been created with creator id - "WorkFlow System" , the application is looking for the " WorkFlow System" user in the portal UME and it could not able to find it. may be your workflow colleague can help you with this by configuring the item creatorid with the actual back end user instead of the "Workflow System ".  or just for the testing purpose, create a portal ume user as "Workflow System" and give it a try...

      Author's profile photo Former Member
      Former Member

      Hi Ravi,

      Thanks for the response. That is what my initial thinking was.

      But, I have tried with the ID which has work Items already assigned and we can see work items if we logged in with that user on the desktop.

      But, when we log in with the same use in mobile, it gives the error.

      Thanks,

      Bhavik

      Author's profile photo Former Member
      Former Member

      Ok...

      When I checked the details, "Workflow System" is shown in the From field of the UWL item. It means, this workflow item was generated by "Workflow System". But, assigned to the another user.

      I created "workflow System" user on Portal and still it gives that error. Let me try to modify the code to ignore warning messages. When I checked in the logs, this error was showing as Warning and not the error.

      Thanks,

      Bhavik

      Author's profile photo Former Member
      Former Member

      I found the cause of the error.

      In below line, system was looking for First name and last name of the Creator ID. Once I removed the First name and last name part from it, then it worked.

      write("<h3>"+ item.getSubject()+"</br>"+ UMFactory.getUserFactory().getUser(item.getCreatorId()).getFirstName()+" " +UMFactory.getUserFactory().getUser(item.getCreatorId()).getLastName()+"</h3>");

      Thanks,

      Bhavik

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Hi Sanjay,

      Glad that it worked..

      Author's profile photo Former Member
      Former Member

      Hi,

      Looks Cool

      Are you using separate jQuery Mobile kit or SAPUI5,

      That also have predefined component.

      Thanks,

      Manoj

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      Hi ,

      No. its simply JQM.

      Author's profile photo Former Member
      Former Member

      Hi Ravi

      that looks very good. We would like to try it also and to modify it if necessary. Can we get in contact with you to get the code also?

      Best regards

      Holger

      Author's profile photo Ravi Joseph
      Ravi Joseph
      Blog Post Author

      sure... . would you kindly contact me .. email is maintained for my contact :-).

      Author's profile photo sanil mohammed
      sanil mohammed

      Hi Ravi,

      Can you share the code please? This looks very interesting.

      Regards

      Sanil

      Author's profile photo Former Member
      Former Member

      Hello Ravi,

      This looks fantastic. I would like to use the same.

      Can you please share the code?

      Thanks in advance.

      Regards,

      Anil Patil

      Author's profile photo Former Member
      Former Member

      Hi Ravi,

      This is what i have been looking for. This is just fantastic!

      Could you please share the code, i would like to give a try

      Thanks in advance!

      Regards,

      Samba

      Author's profile photo Former Member
      Former Member

      Hello Ravi,

      This looks fantastic. I would like to use the same.

      Can you please share the code?

      Thanks in advance.

      Regards,

      Anil Patil