Skip to Content
Author's profile photo Sumeet Shahapeti

Building Offline(Display Only) Hybrid Web Container Mobile Applications With Sybase Unwired Platform – Part 4

Click here to Building Offline(Display Only) Hybrid Web Container Mobile Applications With Sybase Unwired Platform – Part 1

Click here to Building Offline(Display Only) Hybrid Web Container Mobile Applications With Sybase Unwired Platform – Part 2

Click here to Building Offline(Display Only) Hybrid Web Container Mobile Applications With Sybase Unwired Platform – Part 3

Now right-click on Hybrid App Designer

Click on “Generate Hybrid App..” to deploy it on to device.

/wp-content/uploads/2013/04/image178_210208.jpg

Click on “Get Users”.

Select User in which the application has to be deployed.

Click on Finish.

/wp-content/uploads/2013/04/image180_210215.jpg

Now it will “Generate Code” and “Deploy” it on to the device.

/wp-content/uploads/2013/04/image182_210216.jpg

Now in our virtual device in Show Log menu we can see “Installed Hybrid App” log.

While using Virtual Device to run the application, the response will slower compared to the real device.

/wp-content/uploads/2013/04/image184_210217.jpg

Click on Back button twice.

Click on Menu.

Select Hybrid Apps

/wp-content/uploads/2013/04/image186_210218.jpg

Now we can see “Flight” App is installed on the device.

Click on Flight.

While using Virtual Device to run the application, the response will slower compared to the real device.

/wp-content/uploads/2013/04/image188_210219.jpg

Click on Menu.

Select Get Flights.

/wp-content/uploads/2013/04/image192_210220.jpg

Now we can see list of flights of “Delta Airline”.

/wp-content/uploads/2013/04/image194_210221.jpg

Click on particular flight, it will navigate to detail display of flight.

/wp-content/uploads/2013/04/image196_210222.jpg

Now we will try offline scenario. Since only Delta Airline’s data is cached. So we will use Japan Airline later.

So before doing this, we will switch-off the Mobile data or wireless data network.

To switch-off the Mobile data or wireless data network.

Go to Home screen by pressing home button.

Click on Menu.

Click on Settings.

/wp-content/uploads/2013/04/image198_210223.jpg

Click on Wireless & networks

/wp-content/uploads/2013/04/image200_210224.jpg

Click on Mobile networks in this case because simulator is using Mobile 3G network as we can see in the screen.

/wp-content/uploads/2013/04/image202_210225.jpg

Change Data enabled to following state.

Click on Home.

/wp-content/uploads/2013/04/image206_210227.jpg

Now test the application in offline mode.

It will work for “Delta Airlines”. Because its data has already been cached.

For “Japan Airlines”, it will display error message.

/wp-content/uploads/2013/04/image208_210228.jpg

/wp-content/uploads/2013/04/image210_210229.jpg

/wp-content/uploads/2013/04/image212_210230.jpg

/wp-content/uploads/2013/04/image214_210231.jpg

/wp-content/uploads/2013/04/image216_210232.jpg

Now we will switch-on the Mobile data or wireless data network as shown earlier.

Check for Japan Airline in Online Mode.

/wp-content/uploads/2013/04/image218_210233.jpg

/wp-content/uploads/2013/04/image220_210234.jpg

/wp-content/uploads/2013/04/image222_210235.jpg

Now we will test data in offline mode.

/wp-content/uploads/2013/04/image224_210236.jpg

/wp-content/uploads/2013/04/image226_210237.jpg

/wp-content/uploads/2013/04/image228_210238.jpg

Now both “Delta Airline” and “Japan Airline” data has been cached. Both data can be displayed in offline mode.

Thanks for viewing the blog.

If you feel that I can improve in any of the aspects mentioned in this blog, please feel free for your suggestions.

Thank you.

Assigned Tags

      13 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Jitendra Kansal
      Jitendra Kansal

      Hi Sumeet,

      a good series of blogs explaining a complete application flow. πŸ™‚

      Regards,

      Jitendra

      Author's profile photo Sumeet Shahapeti
      Sumeet Shahapeti
      Blog Post Author

      Thanks Jitendra

      Author's profile photo Former Member
      Former Member

      Very good Explanation Sumeet .. πŸ™‚

      Author's profile photo Sumeet Shahapeti
      Sumeet Shahapeti
      Blog Post Author

      Thanks Nikhil

      Author's profile photo SAP User narayan
      SAP User narayan

      good job........hoping for more such blogs.

      thanks & regards,

      narayan

      Author's profile photo Midhun VP
      Midhun VP

      Well explained. Thanks for the blog Sumeet.

      Author's profile photo Former Member
      Former Member

      Hi Sumeet,

      Good one. Hoping for other blogs also.

      Thnaks,

      Madhu.

      Author's profile photo Former Member
      Former Member

      Hi Sumeet,

      Really a nice blog!!!

      Keep it up!!!

      Author's profile photo Former Member
      Former Member

      Hi sumeet,

      Nice blog... Very discriptive.

      Thanks,

      Sachin N M

      Author's profile photo Former Member
      Former Member

      Hi Sumeet ,

      Very nice blog..It was very useful..

      Thanks,

      Subhajit Dey.

      Author's profile photo Yashpal Gupta
      Yashpal Gupta

      hi Sumit,

      nice compilation... 1 question : is offiline hybrid container possbible for change scenario as well.?

      Author's profile photo Former Member
      Former Member

      Excellent Work...

      Author's profile photo Former Member
      Former Member

      Hi Sumit ,

      Excellent work  , good  job  πŸ™‚ .