รู้จักกับ Adobe Flash CS6 - wnm.ac.th¹€ล่มที่-1.pdf · รู้จัก Adobe Flash CS6 พรีเซนเตชั่นงานที่ใช้
Creating Multiscreen Apps using Adobe Flash Platform
-
Upload
hemanth-sharma -
Category
Technology
-
view
3.235 -
download
0
description
Transcript of Creating Multiscreen Apps using Adobe Flash Platform
![Page 1: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/1.jpg)
Creating Multi-Screen ApplicationsAdobe Flash Platform
Hemanth SharmaPlatform Evangelist, Adobe Systems Inc.
![Page 2: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/2.jpg)
Handheld Devices Personal Computers Tablets Other Devices
Screens
![Page 3: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/3.jpg)
Identification...
• Platforms - Windows, Macintosh, Android, etc.
• Devices - Tablet, Set Top Box, Mobile (Device != Mobile Only)
• Flavor - Standalone, Web Application, etc.
• etc...
![Page 4: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/4.jpg)
Problems...
• Screen Sizes - Portrait, Landscape
• Operating Systems - Windows, Macintosh, Linux, Android, etc.
• Capabilities - Processor, Memory
• More Capabilities - Accelerometer, Multi Touch, Geolocation
• Programming Languages
![Page 5: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/5.jpg)
More Problems...
• Packaging - Desktop, Mobile, etc.
• Distribution - Web, Desktop, Mobile, etc.
![Page 6: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/6.jpg)
Solution!
Adobe Flash Platform
![Page 7: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/7.jpg)
Flash Professional Flash Builder Flash Catalyst
Adobe Flash Platform Tools
![Page 8: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/8.jpg)
Flash Player 10.1 AIR 2.x
Runtimes
![Page 9: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/9.jpg)
Development Techniques
![Page 10: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/10.jpg)
Code Base & Design
Design + Code
Desktop
Design + Code
Web
Design + Code
Mobile(320x480)
Design + Code
Mobile(640x360)
Cumbersome Duplicates Maintenance Cost
![Page 11: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/11.jpg)
Single Code Base, Multiple DesignCore Code
Design
Desktop
Design
Web(320x480)
Design
Mobile
Design
Mobile(640x360)
Web Connectivity Core Logic
Platform Code System Capabilities
Error Messages Interaction Logic
Still difficult to manage... Also not smart enough!
![Page 12: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/12.jpg)
Single Code Base & Design
Desktop Web Mobile(320x480)
Mobile(640x360)
Core Code Core Design
Intelligent Code
Smart way to achieve... And pays off!
•Core Logic•Error Messages•Web Connectivity•Interaction Logic
•Flexible Layout•Seamless UX
•Screen Dimensions •Platform Logic•System Capabilities
![Page 13: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/13.jpg)
Flash Professional to Flash Builder Workflow
&Multi-screen Development
(Demo)
![Page 14: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/14.jpg)
Example GameLandscape
![Page 15: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/15.jpg)
Example GamePortrait
![Page 16: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/16.jpg)
Example GameSquare
![Page 17: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/17.jpg)
Create Project
Flash Professional Flash Builder
Run the Content
Debug Application
/ Create Project
Create Packages & Class
How did/can we do it?
![Page 18: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/18.jpg)
Structure SummaryMain Project
Generic Package for all my gamesGame 1 Package - Crazy Gems
Game 1 Logic ClassGame 2 Package - Crazy Maze
Game 2 Logic Class
Game 1 UI Elements (Flash Pro)Game 2 UI Elements (Flash Pro)
Publish Settings set in Flash Pro
![Page 19: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/19.jpg)
Best Practices• Core, Platform and Logic
Write these as separate Class
• User InterfaceTry and have Flexible Layout
• Interface LogicWrite this as a separate Class
• Hardware CapabilitiesUse .isSupported API wherever necessary
• JSFLUse JSFL to automate compilation process
• Flex Library ProjectUse Flex Library Project to share code inside projects
![Page 20: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/20.jpg)
Get in touch...
Blog: http://www.hsharma.com/tech
Twitter / Facebook: hemanthsharma
Email: [email protected]
![Page 21: Creating Multiscreen Apps using Adobe Flash Platform](https://reader035.fdocuments.in/reader035/viewer/2022062405/5554df48b4c9051b6e8b52b0/html5/thumbnails/21.jpg)
Thank You