This tutorial will drive you through the development of a simple ELIPS Studio 3 application for Windows Mobile, from the project creation in Adobe Flex Builder, to its execution on a phone running Windows Mobile.

You can also see this tutorial live in a screen cast.

Creating your first ELIPS Studio 3 Application

You need to go trough the following steps in order to create your first application.

1. In the Microsoft Windows Start menu, go to "All Programs"->"Open-Plug"->"ELIPS 3.0"->"ELIPS for FlexBuilder".

2. Select your ELIPS 3.0 workspace (by default you can use "C:\Open-Plug\My Systems").

3. To create a new application go to the menu "File"->"New"->"Flex project".

4. Name it "MyFirstApplication".

5. Choose "Desktop application (runs in Adobe AIR)" then "Next".

   

    

6. In the "Configure Output" screen, keep the default and click "Next".

   

    

7. In the next screen, in the "Library path" panel, please make sure that the ElipsFlexSDK is added in the "Build path libraries" list, then click "Finish".

   

    

Designing your first application

You can now design your application.

1. Let us design a very simple application. Double click on the "MyFirstApplication.mxml", and select the design view tab.

2. Drag and drop a label component and set its value to "Hello world!"

   

    

3. Press “Run” to launch your application in ELIPS 3 Simulator.

   

    

Generating your first application for Windows Mobile

You are about to generate your application for Windows Mobile 6. This step requires the use of a Windows Mobile 6-based devices such as HTC Touch Diamond or HTC Touch Pro for example.

1. Select your project then click the "Build ELIPS Packages For Current Device" button.

   

    

2. Check the Console to see the build operation result. The compilation time may take a minute depending on your PC configuration. At the end. you should get the following message:

Copying C:\Open-Plug\My Systems\MyFirstApplication_cab\ARM_Packages_Release\MyFirstApplication.cab to C:\Open-Plug\My Systems\MyFirstApplication\output\Generic - Generic WM6 Pro 320x240\MyFirstApplication.cab
Upload completed...



3. The result of the build is a “.CAB” file that is generated in your system folder as indicated in the build console (by default under “C:\Open-Plug\My Systems\MyFirstApplication\output\Generic - Generic WM6 Pro 320x240\MyFirstApplication.cab”).

4. To copy the ".CAB” on the device, connect the HTC Touch Diamond/Pro to your PC. Active Sync status must turn to "connected”.

   

    

5. Click on "Explore” then copy paste the ".CAB” to "My Windows Mobile-Based Device” System folder.

6. The ".CAB” File is copied into the Windows Mobile root folder of the device. You can check by browsing your device file system.

   

    

7. Install it by double-clicking the .CAB file. During the installation process on the device, please say "Yes” when prompted. Close the installation dialog by clicking "ok” in the top right corner.

8. You can then run your application from the application shortcut in the "Start” menu of Windows Mobile.

   

    

Congratulations! You have completed your first ELIPS Studio application and successfully run it on a device!

Next Steps

You can now start creating Rich Mobile Application with ELIPS 3.0. What to do next?

• View other tutorials in the tutorials and videos section

• Check out the Samples section to learn more about ELIPS 3 features

• Check the online Reference APIs documentation, also available on your PC by clicking on the button with a (?) in the ELIPS Studio toolbar in Flex Builder