Skip to Content
Author's profile photo Midhun VP

HWC mobile app development for dummies – Part 6

Download Source Code

Test application on a device

Installing HWC on my Andriod device

Open Google Play from device launcher. The HWC application runs on all major platforms like Android, IOS, Win Mob and Blackberry. If you don’t have an Android phone you can download the HWC app from your respective app store.

Useful Links,

How to install HWC app in Android simulator

This is the 6th part of this series. Other parts are:

Part 1- Setup Mobile Development Environment

Part 2- Starting SUP Development

Part 3- Developing a Hybrid Web Container Application

Part 4- Deploying a Hybrid Web Container Application

Part 5- Register Device and Assign User for Hybrid App

1. Search for sybase hybrid web container. The HWC app appears on the list.

    droid@screen-1.png

2. Click on the app and install it.                                    

      droid@screen-2.png

3. Run the HWC app from the device.                             

      droidAtScreen-282.png

4. Set a local App password. This password is to secure the application so that only you can run the app.

      app password.png

5. The connection information can be given in the settings of the screen shown after setting the password. Fill the details to match the user registered in part 5 as given below. The IP address provided is the public IP of my SUP system in the cloud.

     /wp-content/uploads/2013/11/1_329160.png

Note: In this series we are using 30 day trial version of SUP. The public IP of the 30 day trial system is dynamic hence you need to find the IP through google.

/wp-content/uploads/2013/11/2_329161.jpg

6. Click on the menu item and select Save. To check the logs whether the connection is successful, click on the menu item and select Show Log.

    droidAtScreen-83.png

7. The log should show a Connected to Server message.

     /wp-content/uploads/2013/11/3_329175.png

8. Click on the back button to exit the settings screen. You should reach the main screen now. This screen shows all the messages or notifications from different mobile applications you are assigned with. Ex. If a new Leave Request is created in SAP a notification come to device and sits here with a header message “New leave request created, please approve”.

     droidAtScreen-406.png

9. To view the client initiated HWC applications click on the menu button and click on Hybrid Apps. It should bring the Flight List application. If the application is missing wait until the application appears in the list. It will take few minutes to load the application to the device.

    droidAtScreen-455.png

10. Finally run the app!!. Click on start button of the screen to navigate to Start screen. Enter an Airline ID to fetch the list of Flights.

   /wp-content/uploads/2013/11/screens_329185.jpg

11. Click on a Flight to go to the detail screen.

    screen 2.jpg

I hope that my blog will help the newbies with developing SAP Mobile App.


Midhun VP

@midhunvptwit

Assigned tags

      14 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo VENU G
      VENU G

      Excellent Blog Midhun VP . Great Work.

      It will help the Newbies and understand the SUP Workflow

      Author's profile photo Former Member
      Former Member

      Hello Midhun,

      I am facing a problem while running of the app over my device.

      I have installed SAP Mobile Platform  2.3  running on my local system (30 day trial) and when trying to make connection with my device , giving me

      Connection Error followed by Disconnected from server.

      Any suggestions.

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Can you create a new discussion with complete details on the issue (device os, steps performed etc) in this space SAP for Mobile  so I can help you better.

      Author's profile photo Former Member
      Former Member

      Hai Midhun,

      This is very helpful..You already help me in proxy configuration in SDN.

      I start create Hybrid App based on ODATA, I am struggling in data binding and navigation.. I have included data function call within the function customAfterWorkflowLoad() in custom JS. I dont have an idea about event call like button click & data filling based on some conditions. If possible can you please share your thoughts/ links regarding Hybrid App based on ODATA.

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Can you explain what you are trying to do. Here is an example on how to use the custom.js file,Developing HWC app with Customized List

      Sybase Unwired Platform ( SMP ) – Custom Attachment Icon in HWC Application

      Midhun VP

      Author's profile photo Former Member
      Former Member

      Thanks for your response.

      I am developing Hybrid App using ODATA. Inside the function customBeforeShowScreen wrote the code for ODATA call. Using that code the data binding works fine, but the event processing not works. That is, I have to fill the data into one select box based on another one in runtime.

      Example:

      My requirement

      #1 Selection Country

      #2 Selection State

      At runtime, based on the selected value in Country selection, need to fill the data for State selection.

      Now I can fill the data into Country using the ODATA call in customBeforeShowScreen , whereas for State selection we can use change event function.This change event function doesn't call at run time. I have also included the change event call function in customBeforeSubmit, but doesn't work.

      Where we can call this kind of change event processing? There are too many in build functions are available in Custom JS.

      Thanks,

      Angavai Elangovan

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      The sample project I mentioned in this thread would help,I need help in my app!

      Author's profile photo Former Member
      Former Member

      Thanks for your help..

      That sample is based on MBO, started to go through the code and working on this, let you know the status.Meantime if you know any sample based on ODATA service please share.

      Thanks for your time,

      Angavai Elangovan

      Author's profile photo Former Member
      Former Member

      Now we fixed this event processing issue by writing JS within custom JS under private section.

      Thanks,

      Angavai Elangovan

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      What is private section meant ?

      Author's profile photo Former Member
      Former Member

      There are several in-build functions are available in Custom JS. In the Custom JS, we have included our customized code in last (not define anything in build functions).Include the custom code with in custom defined function in Custom JS and call that custom defined function in " hwc.customBeforeHybridAppLoad".


      Thanks,

      Angavai Elangovan

      Author's profile photo Former Member
      Former Member

      If you have an idea about SMP Hybrid App provisioning/packaging for ios, please share.

      Thanks,

      Angavai Elangovan

      Author's profile photo Former Member
      Former Member

      Äny other example projects  for using choice field

      Author's profile photo Former Member
      Former Member

      thanks for your reply i already created app but in my first page am using choice control in that field that data comes via Odata but my problem is first time i clicked on that it show empty .

      but click again it show the data but  my need is first time i click that field its show the data

      any idea pls share