Upload
michael-chaize
View
1.148
Download
0
Tags:
Embed Size (px)
DESCRIPTION
One backend, several screens. Keynote at JAX London 2011 for JAVA developers discovering Flex 4.5
Citation preview
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaizeOne backend, multiple screens
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Flex
2
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flex SDK
Flex Class Library
MXML ActionScript
Debuggers
How Flex Works in the Browser
Compile
SOAP HTTP/S AMF/S RTMP/S
Web Server
Existing Applications & Infrastructure
J2EE Application Server
Adobe Data ServicesXML/HTTP
REST
SOAP Web Services
Browser
Flash Player
Flash Builder IDE
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flex & Java
&
Richness / Fast / Open-source / Industrialization
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
The explosion of devices introduces new challenges for application development
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Native Mobile Application Development Model
NativeApp
NativeApp
NativeApp
NativeApp
Additional OS’s
A costly, inefficient development model
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Introducing a new mobile development paradigm
Additional OS’s
AIR
Flex Application
One Tool, One Language, One Codebase
Any Platform
Common codebase
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Platforms, browsers, and devices
In-browser
Outside the browser
Set-top boxes (Future)
Mobile Platforms
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe AIR
9
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
How Flex Works on Mobile and Desktop
Compile & Package
SOAP HTTP/S AMF/S RTMP/S
Web Server / Market place
Existing Applications & Infrastructure
J2EE Application Server
LC Data ServicesXML/HTTP
REST
SOAP Web Services
Mobile or Desktop
AIR Client Runtime
Files SQLite Notifications ClipboardFlex SDK
Flex Class Library
Debuggers
Flash Builder IDE
MXML ActionScript
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe AIR APIs
- Multitouch- Geolocation- Cameras- Microphone- Accelerometer- Display a web page- SQLite local database- Native extensions- GPU acceleration
© 2011 Adobe Systems Incorporated.
AIR on smartphones and tablets
What about Flex ?
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Flex 4.5
14
4.5
SPARK COMPONENT MODEL
FLEX FRAMEWORK 4
ActionScript MXML
GraphicsLayout
AnimationParts
States
Component Skin
CSS properties
BehaviorLogicData
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Mobile Applications in Flex 4.5
16
s:TabbedMobileApplication s:MobileApplications:Application
© 2010 Adobe Systems Incorporated. All Rights Reserved.
<s:MobileApplication> life cycle
17
views.ListEmployees views.DetailsEmployee views.ListEmployees
DATA DATA
persisted in memory
subset
view destroyed view created
view destroyed view created
“BACK” bu�on
© 2010 Adobe Systems Incorporated. All Rights Reserved.
ActionBar
<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>
18 3
navigationContent titleContent actionContent
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Components that have Mobile Skins
§ Button
§ CheckBox
§ DataGroup
§ Group/HGroup/VGroup/TileGroup
§ Image/BitmapImage
§ Label List
§ RadioButton/RadioButtonGroup
§ Scroller
§ TextArea
§ TextInput
19
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Screens and Flex 4.5
<?xml version="1.0" encoding="utf-8"?>
<s:MobileApplication applicationDPI="160"> ...
20
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. Adobe Confidential.
Flex 4.5 and tablets
21
BlackBerry PlayBookAndroid tablets Apple tablets
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Demo
22
© 2011 Adobe Systems Incorporated.
Tablet and Enterprise applications
Camera
Microphone
GPS
3G
Mobility
Bright screen
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Mobile applications + JAVA = REAL-TIME
24
LiveCycle Collaboration Service
IN-CONTEXT COLLABORATION
Webcam Chat
SharedForm
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
All external content and images pending approvals.
Multi-user collaboration in real time
LiveCycle Collaboration Service
Major Capabilities
Peer-to-peer (P2P) streaming of data, audio and video HTTP server-to-server APIsPrivate audio/video streaming Server-side provisioning of services
Large Rooms – via on-demand loading of user presence
Audio/video application multicast
Record and Playback Screen sharing
JavaScript APIs – integration with a customer’s exist ting websites
26
§ 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),
JAVA rockstar JAVA + FLEX
rockstar
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
WIN A MOTOROLA XOOM !!!
28
http://tinyurl.com/adobejax
© 2011 Adobe Systems Incorporated.
Tomorrow at 3:45pm : technical workshop
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Michaël Chaize & resources
30
@mchaize
RIAgora.com Flex.orglabs.adobe.com
developer.adobe.com
Tour de Mobile Flex
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.