Mobile apps development         usingAdobe Flash Builder 4.5                                  Bharat Patel                ...
Objective- Overview of Flash Builder 4.5- Create Hello World mobile application
Overview of Flash Builder 4.5- FB 4.5 provides easy way to build mobile apps- You can build apps for Apple iOS, Google And...
Overview of Flash Builder 4.5Key features of Flash Builder 4.5:- Developing mobile and multiscreen apps- Accelerated codin...
Developing mobile & multiscreen apps- Adds comprehensive support for developing,testing, deploying mobile AIR apps- Encaps...
Developing mobile & multiscreen apps
Accelerated coding for apps- Generating getter/setters- Enhanced CSS content assists, navigations &  refactoring- Content ...
Code templates- Speed-up to reduce your coding efforts by auto-insert frequently used coding patterns- Flash Builder > Edi...
8/26/2011
Mobile web components- 21 new touch-enabled, optimized, mobilecomponentsFor e.g - View        - ViewNavigator        - Tab...
Creating a new mobile project
Creating a new mobile project1) Select File > New > Flex Mobile Project
Creating a new mobile project
Creating a new mobile projectPermissions tab to see which permissions are allowedby the app on the device at runtime
Creating a new mobile project- Click Next to advance to the Server Settingsscreen of the wizard. Leave the settings as-is ...
Creating a new mobile project
Creating a new mobile projectWhen you create a Flex mobile project, FB generates thefollowing files for the application :-...
Creating a new mobile projectNow add a Lable (Hello World) and Button and generatefollowing code, in ProjectNameHomeView :...
Creating a new mobile projectNow create MyNewView mxml component and add newButton called Back and Lable Success as below:
Creating a new mobile projectNow its time to Run the application :)
Export packages for release1) Select Project > Export Release Build2) Target platforms and the location to export3) Sign a...
Export packages for release
Deploy apps on mobile device1) Connect device to development computer2) In FB, select Run → Run Configurations →   select ...
Resources1) Getting Started with Flash Builder2) Flex Test Drive for Mobile3) Start Mobile Application Development
Thank You
Upcoming SlideShare
Loading in …5
×

Mobile Apps Development Using Flash Builder 4.5

2,088 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,088
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
39
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile Apps Development Using Flash Builder 4.5

  1. 1. Mobile apps development usingAdobe Flash Builder 4.5 Bharat Patel www.bharatria.wordpress.com Ahmedabad Flash Platform User Group
  2. 2. Objective- Overview of Flash Builder 4.5- Create Hello World mobile application
  3. 3. Overview of Flash Builder 4.5- FB 4.5 provides easy way to build mobile apps- You can build apps for Apple iOS, Google Androidand BlackBerry Tablet OS platform
  4. 4. Overview of Flash Builder 4.5Key features of Flash Builder 4.5:- Developing mobile and multiscreen apps- Accelerated coding for apps- Improved performance
  5. 5. Developing mobile & multiscreen apps- Adds comprehensive support for developing,testing, deploying mobile AIR apps- Encapsulate common design patterns (templates)for mobile apps
  6. 6. Developing mobile & multiscreen apps
  7. 7. Accelerated coding for apps- Generating getter/setters- Enhanced CSS content assists, navigations & refactoring- Content assists for event handlers
  8. 8. Code templates- Speed-up to reduce your coding efforts by auto-insert frequently used coding patterns- Flash Builder > Editors > Code Templates- Type the name of the template in the code editor,and press Control+Space
  9. 9. 8/26/2011
  10. 10. Mobile web components- 21 new touch-enabled, optimized, mobilecomponentsFor e.g - View - ViewNavigator - TabbedViewNavigator - MobileApplication
  11. 11. Creating a new mobile project
  12. 12. Creating a new mobile project1) Select File > New > Flex Mobile Project
  13. 13. Creating a new mobile project
  14. 14. Creating a new mobile projectPermissions tab to see which permissions are allowedby the app on the device at runtime
  15. 15. Creating a new mobile project- Click Next to advance to the Server Settingsscreen of the wizard. Leave the settings as-is andthen click Next- In Next step, you can add libraries or sourcepaths that required in application then Click Finish
  16. 16. Creating a new mobile project
  17. 17. Creating a new mobile projectWhen you create a Flex mobile project, FB generates thefollowing files for the application :- ProjectName.mxml → application file for theproject- ProjectNameHomeView.mxml → initial screen(or view) of the project
  18. 18. Creating a new mobile projectNow add a Lable (Hello World) and Button and generatefollowing code, in ProjectNameHomeView : <s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> <s:Label text="Hello, World!"/> <s:Button label="Continue" click="navigator.pushView(MyNewView)" styleName="next"/> </s:VGroup>
  19. 19. Creating a new mobile projectNow create MyNewView mxml component and add newButton called Back and Lable Success as below:
  20. 20. Creating a new mobile projectNow its time to Run the application :)
  21. 21. Export packages for release1) Select Project > Export Release Build2) Target platforms and the location to export3) Sign a platform-specific application package - Digital Signature - Package Contents - Deployment
  22. 22. Export packages for release
  23. 23. Deploy apps on mobile device1) Connect device to development computer2) In FB, select Run → Run Configurations → select the mobile you want to deploy3) Select the launch configuration method as On Device4) Click Apply
  24. 24. Resources1) Getting Started with Flash Builder2) Flex Test Drive for Mobile3) Start Mobile Application Development
  25. 25. Thank You

×