1 / 34

A ‘Flash’ of Freshness : Repurposing Existing Flash Content for Use in Mobile Development

A ‘Flash’ of Freshness : Repurposing Existing Flash Content for Use in Mobile Development. Agenda. Introductions Objective What we are not going to cover Basic r eusability - Example #1 Advanced r eusability - Example # 1 Advanced reusability - Example #2

hova
Download Presentation

A ‘Flash’ of Freshness : Repurposing Existing Flash Content for Use in Mobile Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. A ‘Flash’ of Freshness: Repurposing Existing Flash Content for Use in Mobile Development

  2. Agenda • Introductions • Objective • What we are not going to cover • Basic reusability - Example #1 • Advanced reusability - Example #1 • Advanced reusability - Example #2 • Applying previous examples to mobile • Creating an IPad app • Questions

  3. Introductions • Mike Raines • eLearning & Web Developer for ICF International • Flash, ActionScript, HTML, JavaScript experience Micheal.Raines@icfi.com @elearnDevGeek

  4. Objectives • How to repurpose existing Flash content for use in mobile development • Techniques for maximizing reusability in your Flash projects

  5. What we are not going to cover • Developer Certificates • Provisioning Profiles • Final packaging for app stores

  6. Visual Aids • ActionScript • Flash • FlashBuilder • Dreamweaver • XML

  7. What do I mean by ‘Reusability’? • Develop once, use many times

  8. Basic Reusability • Simple MovieClip • No ActionScript in MovieClip

  9. Basic reusability • Add ActionScript elsewhere • Main timeline • Another MovieClip

  10. Advanced reusability

  11. Example #1: Flash / XML banner • Creating a class • What is a class? • Basic set of instructions • Not reinventing the wheel • Building on what has come before

  12. Example #1: Flash / XML banner • Why Build a class? • Reuse • Make it’s purpose very specific

  13. Example #1: Flash / XML Banner • Why use XML? • Specific != boring • Expand reusability

  14. Example #2 Flash / XML interactions • Same concept – more complexity

  15. That’s great but how does this apply to mobile?

  16. Applying previous examples to mobile via FlashBuilder & AIR • Loading a SWF at runtime • Embedding a SWF • Importing SWC library

  17. Loading a basic SWF • Loaded SWF’s offer more flexibility • Loaded SWF’s can be “defined” at runtime via user action or external data (XML, JSON) • Loaded SWF’s CANNOT contain ActionScript*

  18. Embedding a basic SWF • Embedded SWF’s are hard coded into your app • Embedded SWF’s are compiled during the build process • Embedded SWF’s CAN contain code

  19. SWC explained “An Adobe SWC file is a package of precompiled Flash symbols and ActionScript code that allows a Flash or Flex developer to distribute classes and assets, or to avoid recompiling symbols and code that will not change.[1] SWC files can be generated by the Flash authoring tool, and by Flex. They are sometimes referred to as class libraries and cannot be directly executed by the Flash Player.” http://en.wikipedia.org/wiki/Adobe_SWC_file

  20. Exporting SWC from Flash

  21. Importing SWC into FlashBuilder

  22. Do I need a SWC for each SWF? • Yes! • No! • Maybe?

  23. Some assembly required • Existing Flash pieces will need modification • Paths • Strict ActionScript code • File types

  24. Creating an IPad app

  25. Creating a project with FlashBuilder • You have some options

  26. Creating an IPad app: steps • Name • Build Paths • SDK

  27. Creating an IPad app: steps • Platform • Basic app settings

  28. Creating an IPad app: steps • Target device

  29. Creating an IPad app: steps • Library path • Assets • Classes

  30. Creating an IPad App: steps • Library path • Flex SDK • SWCs

  31. Creating an IPad app: steps • Certificate • Provisioning Profile

  32. Creating an IPad app: steps • Package contents

  33. Creating an IPad app: starting files Main.as Main-app.xml

  34. Contact Us eLearnDevTech blog: http://elearndevtech.blogspot.com Twitter : @ICFI , @elearnDevGeek, @gardelearndev, @mas_edev

More Related