Presentation is loading. Please wait.

Presentation is loading. Please wait.

An Introduction to Flash Mobile Technology on Android, iOS, and Blackberry Stephen Chin Chief Agile Methodologist at GXS

Similar presentations


Presentation on theme: "An Introduction to Flash Mobile Technology on Android, iOS, and Blackberry Stephen Chin Chief Agile Methodologist at GXS"— Presentation transcript:

1 An Introduction to Flash Mobile Technology on Android, iOS, and Blackberry Stephen Chin Chief Agile Methodologist at GXS Oswald Campesato HTML5 Canvas/CSS3 Graphics Primer

2 Adobe Flash Adobe AIR Available on Android and Blackberry Phones and Tablets Does not run on iPhone or iPad Works in the Browser Limited Access to Device APIs Available on Android, Blackberry, and iOS Works on Smart Phones and Tablets Deploys as a Native Application Gives Full Access to Device APIs

3 Tool NameDescriptionSupportsAndroid Deployment Adobe Flash CS5.5Visual design tool for building Flash applications with some Actionscript. ActionscriptDirect to Device Adobe Flash Builder 4.5 Professional Flex and Actionscript development environment. Flex/MXML, Actionscript Direct to Device Flex 4.5 SDKStand-alone development toolkit.Flex, ActionscriptBuild Script Adobe Flash Catalyst 1.5 Rapid Development Platform for building Flex user interfaces. Flex, ActionscriptVia Flash Builder

4

5 Enterprise Ready" Device 7" Screen (9.7mm Thick) HTML5 and FULL Flash 10.1 Hardware Accelerated Video Supports HDMI (TV output) Displays PPT and Documents Front and Rear Cameras 1 GHZ core and 1GB RAM Q1/Q2 of 2011

6 Register for Blackberry App World Account Free, but requires ID verification (driver's license) Request code signing certificates Takes 1-2 business days for a response Install Blackberry SDK Integrates with Flash Builder 4.5 Install Plug-in Update Manual process right now Setup device in Flash Builder Turn on device debugging Enable via USB or Wifi Setup Flash Builder with 2 certificate files Difficult Rating: Moderate

7 Samsung Galaxy Tab "enterprise ready" device 7" screen Motorola Xoom First HoneyComb (3.1 device) Samsung Galaxy Tab 10.1 Dual-core Tegra processor 10.1", 1280x800 screen Sony Tablet P (not yet available) Dual 5.5" screens

8 Turn on Device Debugging Plug in via USB And install necessary drivers Deploy! Difficult Rating: Easy!

9 iPhone 3/3GS 320x480 Display iPhone 4/4S 640x960 Retina Display A4/A5 Processor iPad 1/2 1024/768 Display A5 Processor

10 Sign up for Apple's developer program This costs $$$ Buy a Mac computer (or borrow a friend's) Go through Apple's deployment process to create a certificate Involves cert generation and other annoyances Install in Keychain and export as a P12 Create an application profile and export it Install cert and app profile in Flash Builder Build app packaging in Flash Builder Debug mode is quick (but slower performance) Manually install via iTunes (install and sync to device) Remember to uninstall previous app versions Repeat process for each app you develop Difficult Rating: Painful

11 Device NameManufacturerResolutionSizeDensityType T-Mobile G1HTC320x4803.2"180ppiHVGA Motorola DroidMotorola480x8543.7"265ppiFWVGA Google Nexus OneHTC480x8003.7"252ppiWVGA Xperia X10 MiniSony Ericsson240x "157ppiQVGA HTC EVO/ThunderboltHTC480x8004.3"217ppiWVGA Droid XMotorola480x8544.3"228ppiFWVGA Motorola AtrixMotorola540x9604"275ppiqHD iPhone 4Apple640x9603.5"326ppiDVGA Droid BionicMotorola540x ppiqHD iPadApple768x "132ppi

12

13 DensityDPIMapped Range Medium Density (mdpi) 160Below 200 High Density (hdpi) to 280 Extra High Density (xhdpi) 320Above

14

15 160ppi240ppi320ppi

16 Can be done via: Event Callback stage.addEventListener( StageOrientationEvent.ORIENTATION_CHANGE, ); States StageOrientation Values DEFAULT ROTATED_LEFT ROTATED_RIGHT UPSIDE_DOWN UNKNOWN

17 Screen Orientation * Multitouch * Gestures * Accelerometer Camera CameraRoll GPS Microphone Audio Video* REST JSON/XML ViewNavigator* CSS Etc. * APIs we will show examples of today

18 GESTURES Two Finger Tap Pan Zoom Rotate Swipe Illustrations provided by Gestureworks (www.gestureworks.com)

19 public class MultitouchImage extends Image { public function MultitouchImage() { addEventListener(TransformGestureEvent.GESTURE_ROTATE, rotateListener); addEventListener(TransformGestureEvent.GESTURE_ZOOM, zoomListener); Multitouch.inputMode = MultitouchInputMode.GESTURE; } protected function rotateListener(e:TransformGestureEvent):void { rotation += e.rotation; } protected function zoomListener(e:TransformGestureEvent):void { scaleX *= e.scaleX; scaleY *= e.scaleY; }}}

20 protected function swipe (e:TransformGestureEvent):void { page = (page + e.offsetX + pages.numElements) % pages.numElements; updateVisibility(); }

21

22

23 ViewNavigatorApplication Views ViewNavigator Splash Screen Components: ActionBar Text Components List, Scroller, and Touch Gestures

24

25

26 Android SDK AIR 2.5 Flex Builder 4.5 (Burrito) Flex Catalyst 5.5 (Panini) Flex 4.5 SDK (Hero) iPhone Packager

27 Stephen Chin Duane Nickull Christian Cantrell Christophe Coenraets Serge Jespers Lee Brimelow (The Flash Blog) Mark Doherty (FlashMobileBlog)

28 Stephen Chin, Oswald Campesato, Dean Iverson, and Paul Trani Includes: UI Controls Media Support Mobile Flex APIs Android Market Deployment Extensive Examples Available Now!


Download ppt "An Introduction to Flash Mobile Technology on Android, iOS, and Blackberry Stephen Chin Chief Agile Methodologist at GXS"

Similar presentations


Ads by Google