• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Jax 2011 keynote
 

Jax 2011 keynote

on

  • 1,004 views

Slides at JAX Mainz 2011 about Flex 4.5 and mobile applications

Slides at JAX Mainz 2011 about Flex 4.5 and mobile applications

Statistics

Views

Total Views
1,004
Views on SlideShare
1,004
Embed Views
0

Actions

Likes
0
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Jax 2011 keynote Jax 2011 keynote Presentation Transcript

    • Architecting user experiences Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 1
    • Adobe Flex © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2Wednesday, May 11, 2011 2
    • How Flex Works in the Browser Flex SDK MXML ActionScript Flex Class Library Debuggers Flash Builder IDE © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 3
    • How Flex Works in the Browser Browser Flex SDK MXML ActionScript Flash Player Flex Class Library Debuggers SOAP HTTP/S AMF/S RTMP/S Flash Builder IDE Web Server Compile XML/HTTP Adobe Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 3
    • Flex & Java & Richness / Fast / Open-source / Industrialization ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 4
    • © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 5
    • e explosion of devices introduces new challenges for application development © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 5
    • Native Mobile Application Development Model A costly, inefficient development model Native Native Native Native App App App App Additional OS’s © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 6
    • Introducing a new mobile development paradigm One Tool, One Language, One Codebase Flex Application Common codebase AIR Additional OS’s Any Platform © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 7
    • Platforms, browsers, and devices In-browser Outside the browser Mobile Platforms Set-top boxes (Future) © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 8
    • Adobe AIR © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9Wednesday, May 11, 2011 9
    • How Flex Works on Mobile and Desktop Flex SDK MXML ActionScript Flex Class Library Debuggers Flash Builder IDE © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 10
    • How Flex Works on Mobile and Desktop Mobile or Desktop Files SQLite Noti cations Clipboard Flex SDK MXML ActionScript AIR Client Runtime Flex Class Library Debuggers SOAP HTTP/S AMF/S RTMP/S Flash Builder IDE Web Server / Market place Compile & Package XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 10
    • Adobe AIR APIs - Multitouch - Geolocation - Cameras - Microphone - Accelerometer - Display a web page - SQLite local database - Native extensions - GPU acceleration ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 11
    • AIR on smartphones and tablets © 2011 Adobe Systems Incorporated.Wednesday, May 11, 2011 12
    • What about Flex ?Wednesday, May 11, 2011 13
    • Adobe Flex 4.5 4.5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14Wednesday, May 11, 2011 14
    • FLEX FRAMEWORK 4 SPARK COMPONENT MODEL ActionScript MXML Component Skin Graphics Behavior Layout Animation Logic Parts Data CSS properties StatesWednesday, May 11, 2011 15
    • Mobile Applications in Flex 4.5 s:Application s:ViewNavigatorApplication s:TabbedViewNavigatorApplication © 2010 Adobe Systems Incorporated. All Rights Reserved. 16Wednesday, May 11, 2011 16
    • <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17Wednesday, May 11, 2011 17
    • <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17Wednesday, May 11, 2011 17
    • <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17Wednesday, May 11, 2011 17
    • ActionBar navigationContent titleContent actionContent <s:View xmlns:fx=http://ns.adobe.com/mxml/2009 … title=”Expenses"> <s:navigationContent> <s:Button icon="@Embed(assets/home.png)"/> </s:navigationContent> <s:actionContent> <s:Button label=”+"/> </s:actionContent> </s:View> © 2010 Adobe Systems Incorporated. All Rights Reserved. 18 3Wednesday, May 11, 2011 18
    • Components that have Mobile Skins § Bu on § CheckBox § DataGroup § Group/HGroup/VGroup/TileGroup § Image/BitmapImage § Label List § RadioBu on/RadioBu onGroup § Scroller § TextArea § TextInput © 2010 Adobe Systems Incorporated. All Rights Reserved. 19Wednesday, May 11, 2011 19
    • Screens and Flex 4.5 <?xml version="1.0" encoding="utf-8"?> <s:MobileApplication applicationDPI="160"> ... var curDensity:Number = FlexGlobals.topLevelApplication.runtimeDPI; <s:Image> <s:source> <s:MultiDPIBitmapSource source160dpi="logo.png" source240dpi="logo240.png" source320dpi="logo320.png" /> </s:source> </s:Image> © 2010 Adobe Systems Incorporated. All Rights Reserved. 20Wednesday, May 11, 2011 20
    • Flex 4.5 and tablets Android tablets BlackBerry PlayBook Apple tablets © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21Wednesday, May 11, 2011 21
    • Demo © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22Wednesday, May 11, 2011 22
    • Tablet and Enterprise applications Camera GPS 3G Mobility Bright screen Microphone © 2011 Adobe Systems Incorporated.Wednesday, May 11, 2011 23
    • Mobile applications + JAVA = REAL-TIME © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24Wednesday, May 11, 2011 24
    • IN-CONTEXT COLLABORATION LiveCycle Collaboration Service Webcam Chat Shared FormWednesday, May 11, 2011 25
    • LiveCycle Collaboration Service Flex & JAVA API Multi-user collaboration in real time § Engage more effectively through a web presence enhanced with real-time collaboration tools. § Integrate text chat, whiteboard functionality, webcam video, and audio into any rich Internet application (RIA), Major Capabilities Peer-to-peer (P2P) streaming of data, audio and video HTTP server-to-server APIs Private audio/video streaming Server-side provisioning of services Large Rooms – via on-demand loading of user Audio/video application multicast presence Record and Playback Screen sharing JavaScript APIs – integration with a customer’s existing websites © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26 All external content and images pending approvals.Wednesday, May 11, 2011 26
    • JAVA JAVA + FLEX 4 rockstar rockstarWednesday, May 11, 2011 27
    • JAVA + FLEX 4.5 HYPER ROCK STAR JAVA JAVA + FLEX 4 rockstar rockstarWednesday, May 11, 2011 27
    • Michaël Chaize & resources RIAgora.com Flex.org labs.adobe.com developer.adobe.com @mchaize Tour de Mobile Flex © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 30Wednesday, May 11, 2011 30
    • © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Wednesday, May 11, 2011 31