23
Mobile Apps using Flex and ColdFusion Terry Ryan Developer Evangelist http://terrenceryan.com @tpryan

Mobile Apps using Flex and ColdFusion

Embed Size (px)

DESCRIPTION

How ColdFusion and Flex can help you rocket through Mobile Application development.

Citation preview

Page 1: Mobile Apps using Flex and ColdFusion

Mobile Apps using Flex and ColdFusionTerry RyanDeveloper Evangelisthttp://terrenceryan.com@tpryan

Page 2: Mobile Apps using Flex and ColdFusion

Introduction

Page 3: Mobile Apps using Flex and ColdFusion

Mobile Flash Development

Page 4: Mobile Apps using Flex and ColdFusion

Flash on Mobile

Flash Player 10.1 + • In-browser content• Games, video• Deploy as a SWF,

put on the web

Air 2.5 + • Mobile applications• Native APIs, extra

functionality• Package to target

individual devices

Page 5: Mobile Apps using Flex and ColdFusion

AIR for Devices

.ipa

.bar

.apk

Page 6: Mobile Apps using Flex and ColdFusion

“Native Application”

• AIR for Device Applications are “Native”• That means they can

be put on app stores• NOT that the UI

components are native

Page 7: Mobile Apps using Flex and ColdFusion

We can use Flex to build “native applications”

Page 8: Mobile Apps using Flex and ColdFusion

Flex mobile challenges

• Complex Components: DataGrids, Charts, Tree• Memory Footprint• Desktop UI Screen Patterns

Page 9: Mobile Apps using Flex and ColdFusion

Flex 4.5 fixes that

Page 10: Mobile Apps using Flex and ColdFusion

Mobile Optimized Components

Page 11: Mobile Apps using Flex and ColdFusion

What does Mobile Optimized mean?

• Rewrote and optimized UIComponent• Created a mobile theme

which supports:–Bigger components–CSS Style for enabling touch (Scrollers)

Page 12: Mobile Apps using Flex and ColdFusion

Mobile Theme

Page 13: Mobile Apps using Flex and ColdFusion

Mobile UI

Page 14: Mobile Apps using Flex and ColdFusion

View Navigator

• The pattern for screens on devices• Can define

transitions between views• Uses push/pop

stack to move between views

Page 15: Mobile Apps using Flex and ColdFusion

Tab Navigator

• Tab through views• Just set up

multiple ViewNavigators with the firstView property• Can’t use

push/pop

Page 16: Mobile Apps using Flex and ColdFusion

Actionbar

• Provides easy access to important features• Won’t scroll• Can be defined globally or for

each view

Page 17: Mobile Apps using Flex and ColdFusion

Connecting Flex to ColdFusion

Page 18: Mobile Apps using Flex and ColdFusion

Data Services Wizard

Page 19: Mobile Apps using Flex and ColdFusion

Data Services

Page 20: Mobile Apps using Flex and ColdFusion

Testing Services

Page 21: Mobile Apps using Flex and ColdFusion

Code Generation

Page 22: Mobile Apps using Flex and ColdFusion

Demo

Scotch on the Rocks Scheduler

Page 23: Mobile Apps using Flex and ColdFusion

Follow up?

• Feel free to contact me–[email protected]–http://terrenceryan.com–Twitter: @tpryan