There are three main types of mobile applications: native, mobile web, and hybrid. Hybrid applications combine features of the other two types by allowing installation on devices and working offline like native apps, while using web technologies for cross-platform development like mobile web apps. Flex 4.5 is a technology that can be used to rapidly develop cross-platform hybrid mobile apps for iOS and Android. It provides controls, layouts, and APIs to build apps that look and feel native, but are coded once and deployed across platforms. Developing with Flex 4.5 involves setting up the iOS developer program, dealing with differences in devices, and bundling the app for emulators and devices.

1. Developing Mobile Applications using Flex 4.5

2. Hybrid Mobile Application 3 types of Mobile Applications Native Mobile Applications Mobile Web Applications Hybrid Mobile Applications Advantages of Mobile Web Apps No App Store HTML with JS Coding Cross Platform

3. Hybrid Application Disadvantages of Mobile Web Application Installation Offline connectivity Modelling Complex scenarios Limitations Rise of Hybrid Mobile Applications Performance More APIs - Especially Hardware related Experience the feel of Native App

4. Flex 4.5 Mobile What is Flex 4.5 Mobile? Advantages Rapid Development Cross Platform Flex!! - Our technology Mother Language OS independent development

5. Flex 4.5 Mobile Dis Advantages Slower Performance Lack of availability of many APIs Dissimilarity of UI with devices Setting up deployment of application on iOS Devices

6. iOS Developer Program Process for Developing/Testing/Deploying and Distributing the applications. $99/year Create a private key (using openssl) Create CSR (CertificateSigningRequest) Upload to iOS dev site Register device ID and app ID Integral part, since app ID is used for apple push notifications Create a provisioning profile Create a .p12 certificate from the provision file. Flex builder requires .p12 & mobileprovision certificate

7. Difference btw Flex mobile app & desktop/web flex app Memory Management Destruction of Objects Passing Objects between views Difference in devices Resolution DPI Vendor specific Platform Specific

8. Features in flex mobile 4.5 Controls BusyIndicator (new component) Button ButtonBar CheckBox HSlider Image (BitmapImage is also supported) Label List (supports touch scrolling, includes scroll indicator) RadioButton / RadioButtonGroup TextArea TextInput

9. Features in flex mobile 4.5 Layout DataGroup Group HGroup Scroller (supports touch scrolling, includes scroll indicator) Spacer TileGroup VGroup Charts All

10. Application Structure

11. View Data property Auto-orientation Auto-resize ActionBar Standard header Action content Title content Navigation content

12. ViewMenu Control that popsup from the bottom on menu click - Android only ViewNavigator Stack-based history mechanism - navigation Conserves memory Retains data from previous view ViewNavigatorApplication Application that wraps all the above features

13. Deal with different devices Devices with different sizes vary in display densities Flex 4.5 has features to make apps work across devices. Automatic scaling DPI-aware mobile skins Multi-DPI bitmaps Per-DPI CSS rules

14. APIs provided by Flex 4.5 Accelerometer GPS Camera UI Camera Roll Microphone Multitouch Gesture controls Transform Gestures Link with Browser, Mail, Phone, SMS, Maps

15. Local Storage Storing Data Locally on mobile device Persistent Memory Database - SQLite File System - Storing as files Persistent memory Data is retained when navigated from one view to another SQLite Relational database framework available in Adobe AIR.

16. Restrictions/Problems in Flex 4.5 DPI Issues Item Renderers availability Only List Item Renderer Line seperators Item Renderers - only in ActionScript Placing the elements manually Combo Box issue Tabbed Navigator Issues Skinning for the respective device Have to use external components and frameworks Eskimo

17. Bundling the application Debugging and Running on Emulator DPI - 240 Depends on the device chosen How to Debugging and Running on Device Difference in DPI with Devices Difference in Resolutions How to Modifying settings in XML file Adding icons, AppName and other details

18. Sample Twitter Application What are we going to develop Start Developing - HandsOn

19. Thank You