Developing Mobile Applications using Flex 4.5
Hybrid Mobile Application <ul><li>3 types of Mobile Applications </li></ul><ul><ul><li>Native Mobile Applications </li></u...
Hybrid Application <ul><ul><li>Disadvantages of Mobile Web Application </li></ul></ul><ul><ul><ul><li>Installation </li></...
Flex 4.5 Mobile <ul><ul><li>What is Flex 4.5 Mobile? </li></ul></ul><ul><ul><li>Advantages </li></ul></ul><ul><ul><ul><li>...
Flex 4.5 Mobile <ul><ul><li>Dis Advantages </li></ul></ul><ul><ul><ul><li>Slower Performance </li></ul></ul></ul><ul><ul><...
iOS Developer Program <ul><ul><li>Process for Developing/Testing/Deploying and Distributing  the applications. </li></ul><...
Difference btw Flex mobile app & desktop/web flex app <ul><ul><ul><li>Memory Management </li></ul></ul></ul><ul><ul><ul><u...
Features in flex mobile 4.5 <ul><ul><li>Controls </li></ul></ul><ul><ul><ul><li>BusyIndicator (new component) </li></ul></...
Features in flex mobile 4.5  <ul><ul><li>Layout </li></ul></ul><ul><ul><ul><li>DataGroup </li></ul></ul></ul><ul><ul><ul><...
Application Structure
<ul><ul><li>View </li></ul></ul><ul><ul><ul><li>Data property </li></ul></ul></ul><ul><ul><ul><li>Auto-orientation </li></...
<ul><ul><li>ViewMenu </li></ul></ul><ul><ul><ul><li>Control that popsup from the bottom on menu click - Android only </li>...
Deal with different devices <ul><ul><li>Devices with different sizes vary in display densities </li></ul></ul><ul><ul><li>...
APIs provided by Flex 4.5 <ul><ul><li>Accelerometer </li></ul></ul><ul><ul><li>GPS </li></ul></ul><ul><ul><li>Camera UI </...
Local Storage <ul><ul><li>Storing Data Locally on mobile device </li></ul></ul><ul><ul><ul><li>Persistent Memory </li></ul...
Restrictions/Problems in Flex 4.5 <ul><ul><li>DPI Issues </li></ul></ul><ul><ul><li>  Item Renderers availability </li></u...
Bundling the application <ul><ul><li>Debugging and Running on Emulator </li></ul></ul><ul><ul><ul><li>DPI - 240 </li></ul>...
Sample Twitter Application <ul><ul><li>What are we going to develop </li></ul></ul><ul><ul><li>Start Developing - HandsOn ...
Thank You
Upcoming SlideShare
Loading in …5
×

Developing Mobile Applications using Flex 4.5

1,398 views

Published on

An insight into developing mobile applications using Flex SDK 4.5

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

Developing Mobile Applications using Flex 4.5

  1. 1. Developing Mobile Applications using Flex 4.5
  2. 2. Hybrid Mobile Application <ul><li>3 types of Mobile Applications </li></ul><ul><ul><li>Native Mobile Applications </li></ul></ul><ul><ul><li>Mobile Web Applications </li></ul></ul><ul><ul><li>Hybrid Mobile Applications </li></ul></ul><ul><ul><li>Advantages of Mobile Web Apps </li></ul></ul><ul><ul><ul><li>No App Store </li></ul></ul></ul><ul><ul><ul><li>HTML with JS Coding </li></ul></ul></ul><ul><ul><ul><li>Cross Platform </li></ul></ul></ul><ul><li>  </li></ul>
  3. 3. Hybrid Application <ul><ul><li>Disadvantages of Mobile Web Application </li></ul></ul><ul><ul><ul><li>Installation </li></ul></ul></ul><ul><ul><ul><li>Offline connectivity </li></ul></ul></ul><ul><ul><ul><li>Modelling Complex scenarios </li></ul></ul></ul><ul><ul><ul><li>Limitations </li></ul></ul></ul><ul><ul><li>Rise of Hybrid Mobile Applications </li></ul></ul><ul><ul><ul><li>Performance </li></ul></ul></ul><ul><ul><ul><li>More APIs - Especially Hardware related </li></ul></ul></ul><ul><ul><ul><li>  Experience the feel of Native App </li></ul></ul></ul>
  4. 4. Flex 4.5 Mobile <ul><ul><li>What is Flex 4.5 Mobile? </li></ul></ul><ul><ul><li>Advantages </li></ul></ul><ul><ul><ul><li>  Rapid Development </li></ul></ul></ul><ul><ul><ul><li>  Cross Platform </li></ul></ul></ul><ul><ul><ul><li>  Flex!! - Our technology Mother Language </li></ul></ul></ul><ul><ul><ul><li>  OS independent development </li></ul></ul></ul>
  5. 5. Flex 4.5 Mobile <ul><ul><li>Dis Advantages </li></ul></ul><ul><ul><ul><li>Slower Performance </li></ul></ul></ul><ul><ul><ul><li>Lack of availability of many APIs </li></ul></ul></ul><ul><ul><ul><li>Dissimilarity of UI with devices </li></ul></ul></ul><ul><ul><ul><li>Setting up deployment of application on iOS Devices </li></ul></ul></ul>
  6. 6. iOS Developer Program <ul><ul><li>Process for Developing/Testing/Deploying and Distributing  the applications. </li></ul></ul><ul><ul><li>$99/year </li></ul></ul><ul><ul><li>Create a private key (using openssl) </li></ul></ul><ul><ul><li>Create CSR (CertificateSigningRequest)  </li></ul></ul><ul><ul><ul><li>Upload to iOS dev site </li></ul></ul></ul><ul><ul><li>Register device ID and app ID </li></ul></ul><ul><ul><ul><li>Integral part, since app ID is used for apple push notifications </li></ul></ul></ul><ul><ul><li>Create a provisioning profile </li></ul></ul><ul><ul><ul><li>Create a .p12 certificate from the provision file. </li></ul></ul></ul><ul><ul><li>Flex builder requires .p12 & mobileprovision certificate </li></ul></ul>
  7. 7. Difference btw Flex mobile app & desktop/web flex app <ul><ul><ul><li>Memory Management </li></ul></ul></ul><ul><ul><ul><ul><li>Destruction of Objects </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Passing Objects between views </li></ul></ul></ul></ul><ul><ul><ul><li>Difference in devices </li></ul></ul></ul><ul><ul><ul><ul><li>Resolution </li></ul></ul></ul></ul><ul><ul><ul><ul><li>DPI </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Vendor specific </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Platform Specific </li></ul></ul></ul></ul>
  8. 8. Features in flex mobile 4.5 <ul><ul><li>Controls </li></ul></ul><ul><ul><ul><li>BusyIndicator (new component) </li></ul></ul></ul><ul><ul><ul><li>Button </li></ul></ul></ul><ul><ul><ul><li>ButtonBar </li></ul></ul></ul><ul><ul><ul><li>CheckBox </li></ul></ul></ul><ul><ul><ul><li>HSlider </li></ul></ul></ul><ul><ul><ul><li>Image (BitmapImage is also supported) </li></ul></ul></ul><ul><ul><ul><li>Label </li></ul></ul></ul><ul><ul><ul><li>List (supports touch scrolling, includes scroll indicator) </li></ul></ul></ul><ul><ul><ul><li>RadioButton / RadioButtonGroup </li></ul></ul></ul><ul><ul><ul><li>TextArea </li></ul></ul></ul><ul><ul><ul><li>TextInput </li></ul></ul></ul>
  9. 9. Features in flex mobile 4.5  <ul><ul><li>Layout </li></ul></ul><ul><ul><ul><li>DataGroup </li></ul></ul></ul><ul><ul><ul><li>Group </li></ul></ul></ul><ul><ul><ul><li>HGroup </li></ul></ul></ul><ul><ul><ul><li>Scroller (supports touch scrolling, includes scroll indicator) </li></ul></ul></ul><ul><ul><ul><li>Spacer </li></ul></ul></ul><ul><ul><ul><li>TileGroup </li></ul></ul></ul><ul><ul><ul><li>VGroup </li></ul></ul></ul><ul><ul><li>Charts </li></ul></ul><ul><ul><ul><li>All </li></ul></ul></ul>
  10. 10. Application Structure
  11. 11. <ul><ul><li>View </li></ul></ul><ul><ul><ul><li>Data property </li></ul></ul></ul><ul><ul><ul><li>Auto-orientation </li></ul></ul></ul><ul><ul><ul><li>Auto-resize </li></ul></ul></ul><ul><ul><li>ActionBar </li></ul></ul><ul><ul><ul><li>Standard header </li></ul></ul></ul><ul><ul><ul><ul><li>Action content </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Title content </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Navigation content </li></ul></ul></ul></ul>
  12. 12. <ul><ul><li>ViewMenu </li></ul></ul><ul><ul><ul><li>Control that popsup from the bottom on menu click - Android only </li></ul></ul></ul><ul><ul><li>  ViewNavigator </li></ul></ul><ul><ul><ul><li>Stack-based history mechanism - navigation </li></ul></ul></ul><ul><ul><ul><li>Conserves memory </li></ul></ul></ul><ul><ul><ul><li>Retains data from previous view </li></ul></ul></ul><ul><ul><li>ViewNavigatorApplication </li></ul></ul><ul><ul><ul><li>Application that wraps all the above features   </li></ul></ul></ul>
  13. 13. Deal with different devices <ul><ul><li>Devices with different sizes vary in display densities </li></ul></ul><ul><ul><li>Flex 4.5 has features to make apps work across devices. </li></ul></ul><ul><ul><ul><li>Automatic scaling </li></ul></ul></ul><ul><ul><ul><li>DPI-aware mobile skins </li></ul></ul></ul><ul><ul><ul><li>Multi-DPI bitmaps </li></ul></ul></ul><ul><ul><ul><li>Per-DPI CSS rules </li></ul></ul></ul>
  14. 14. APIs provided by Flex 4.5 <ul><ul><li>Accelerometer </li></ul></ul><ul><ul><li>GPS </li></ul></ul><ul><ul><li>Camera UI </li></ul></ul><ul><ul><li>Camera Roll </li></ul></ul><ul><ul><li>Microphone </li></ul></ul><ul><ul><li>Multitouch </li></ul></ul><ul><ul><ul><li>Gesture controls </li></ul></ul></ul><ul><ul><ul><li>Transform Gestures </li></ul></ul></ul><ul><ul><li>Link with Browser, Mail, Phone, SMS, Maps </li></ul></ul>
  15. 15. Local Storage <ul><ul><li>Storing Data Locally on mobile device </li></ul></ul><ul><ul><ul><li>Persistent Memory </li></ul></ul></ul><ul><ul><ul><li>Database - SQLite </li></ul></ul></ul><ul><ul><ul><li>File System - Storing as files </li></ul></ul></ul><ul><ul><li>Persistent memory </li></ul></ul><ul><ul><ul><li>Data is retained when navigated from one view to another </li></ul></ul></ul><ul><ul><li>SQLite </li></ul></ul><ul><ul><ul><li>Relational database framework available in Adobe AIR. </li></ul></ul></ul>
  16. 16. Restrictions/Problems in Flex 4.5 <ul><ul><li>DPI Issues </li></ul></ul><ul><ul><li>  Item Renderers availability </li></ul></ul><ul><ul><ul><li>  Only List Item Renderer </li></ul></ul></ul><ul><ul><ul><ul><li>  Line seperators </li></ul></ul></ul></ul><ul><ul><ul><li>  Item Renderers - only in ActionScript </li></ul></ul></ul><ul><ul><ul><ul><li>Placing the elements manually </li></ul></ul></ul></ul><ul><ul><li>  Combo Box issue </li></ul></ul><ul><ul><li>Tabbed Navigator Issues </li></ul></ul><ul><ul><li>  Skinning for the respective device </li></ul></ul><ul><ul><ul><li>  Have to use external components and frameworks </li></ul></ul></ul><ul><ul><ul><li>Eskimo </li></ul></ul></ul>
  17. 17. Bundling the application <ul><ul><li>Debugging and Running on Emulator </li></ul></ul><ul><ul><ul><li>DPI - 240 </li></ul></ul></ul><ul><ul><ul><li>Depends on the device chosen </li></ul></ul></ul><ul><ul><ul><li>How to </li></ul></ul></ul><ul><ul><li>  Debugging and Running on Device </li></ul></ul><ul><ul><ul><li>  Difference in DPI with Devices </li></ul></ul></ul><ul><ul><ul><li>  Difference in Resolutions </li></ul></ul></ul><ul><ul><ul><li>  How to </li></ul></ul></ul><ul><ul><li>  Modifying settings in XML file </li></ul></ul><ul><ul><ul><li>Adding icons, AppName and other details </li></ul></ul></ul>
  18. 18. Sample Twitter Application <ul><ul><li>What are we going to develop </li></ul></ul><ul><ul><li>Start Developing - HandsOn </li></ul></ul>
  19. 19. Thank You

×