creating multiscreen apps using adobe flash platform

21
Creating Multi-Screen Applications Adobe Flash Platform Hemanth Sharma Platform Evangelist, Adobe Systems Inc.

Upload: hemanth-sharma

Post on 15-May-2015

3.234 views

Category:

Technology


0 download

DESCRIPTION

This is a presentation that was built for Flash Professional ActionScript 3.0 developers. This presentation briefs on how best one can write an application in ActionScript 3.0 for multiple devices and screens. It also covered the Flash Professional CS5 to Flash Builder workflow during presentation.

TRANSCRIPT

Page 1: Creating Multiscreen Apps using Adobe Flash Platform

Creating Multi-Screen ApplicationsAdobe Flash Platform

Hemanth SharmaPlatform Evangelist, Adobe Systems Inc.

Page 2: Creating Multiscreen Apps using Adobe Flash Platform

Handheld Devices Personal Computers Tablets Other Devices

Screens

Page 3: Creating Multiscreen Apps using Adobe Flash Platform

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

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

More Problems...

• Packaging - Desktop, Mobile, etc.

• Distribution - Web, Desktop, Mobile, etc.

Page 6: Creating Multiscreen Apps using Adobe Flash Platform

Solution!

Adobe Flash Platform

Page 7: Creating Multiscreen Apps using Adobe Flash Platform

Flash Professional Flash Builder Flash Catalyst

Adobe Flash Platform Tools

Page 8: Creating Multiscreen Apps using Adobe Flash Platform

Flash Player 10.1 AIR 2.x

Runtimes

Page 9: Creating Multiscreen Apps using Adobe Flash Platform

Development Techniques

Page 10: Creating Multiscreen Apps using Adobe Flash Platform

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

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

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

Flash Professional to Flash Builder Workflow

&Multi-screen Development

(Demo)

Page 14: Creating Multiscreen Apps using Adobe Flash Platform

Example GameLandscape

Page 15: Creating Multiscreen Apps using Adobe Flash Platform

Example GamePortrait

Page 16: Creating Multiscreen Apps using Adobe Flash Platform

Example GameSquare

Page 17: Creating Multiscreen Apps using Adobe Flash Platform

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

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

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

Get in touch...

Blog: http://www.hsharma.com/tech

Twitter / Facebook: hemanthsharma

Email: [email protected]

Page 21: Creating Multiscreen Apps using Adobe Flash Platform

Thank You