Skip to Content
Author's profile photo Sumeet Shahapeti

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 1

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

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

After Deploying Project, now we will create “Hybrid App Designer” to design the user interface.

Right Click on Project. Click on New -> Hybrid App Designer.

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

Give Proper Name.

Click on Next.

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

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

Click on “Finish”.

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

After “Hybrid App Designer” wizard, we can see following screen.

Click on “Flow Design” Tab

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

As we can see the application is “Client-initiated”.

We can assign Client Icon for the application by using “Clint Icon” option as shown in bottom of the image. By mistake I have not selected icon while crating application. So I will use default icon throughout the blog.

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

Select MBO “FlightList” from Workspace Navigator and drop it in Hybrid App Designer.

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

Click on “Arrange All” button.

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

Select “Start” Screen and select “Screen Design” tab.

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

Now we can see Screen, Menu, Custom Actions and Palette.

In start screen we will have to select airline. So we will use Choice option to select the airline.

Select Choice from Palette and drop it in Start Screen.

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

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

Enter label text to be displayed on screen.

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

Select the label position.

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

Click on New Key button.

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

Specify Name and Type of key.

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

Now we will provide options for choice bar.

Click on “Add” button.

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

Specify Display Name and Value.

For this example we will take 2 airline options.

1. Delta Airline

2. Japan Airline

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

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

After selecting airline we will provide one menu option to get the list of flights. So we will take MenuItem.

Select MenuItem from Palette and drop it in Menu Block.

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

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

Enter text to be displayed on selecting Menu button.

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

Go-to properties and select Type as “Online Request”.

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

To select “Mobile Business Object”, click on Search button.

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

Click on “Search”

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

Select MBO.

Click on OK.

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

Select “Invoke Object Query” choice and select Object query.

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

Please Check  “Store data in on-device cache” to display contents in offline and select suitable cache option suitable for you.

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

Click here to

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

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Midhun VP
      Midhun VP

      Nice blog series .

      It would be better if you can make the blogs independent to each other by completing one feature in one blog itself.

      The offline feature you shown is a newly added feature in SUP2.2. You explained well in the blog. Keep it up

      -Midhun VP