Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App...
Transcript of Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App...
![Page 1: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/1.jpg)
![Page 2: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/2.jpg)
Native Apps and Web Apps
iOS
NativeApp
NativeApp
NativeApp
NativeApp
NativeApp
NativeApp
NativeApp
NativeApp
WebAppWebApp
WebAppWebApp
Desktop OSs
Desktop Browsers
Mobile Browsers
Android Blackberry
![Page 3: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/3.jpg)
One Tool, One Language, One Codebase
Any Platform
Flex Application
AIR Flash Player
Goal of the Flash Platform
iOS Desktop OSs
Desktop Browsers
Mobile Browsers
Android Blackberry
![Page 4: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/4.jpg)
Flash Platform - A complete system for web innovation
![Page 5: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/5.jpg)
MXML and ActionScript
XML/HTTPREST
SOAP Web Services
How Flex WorksBrowser
J2EE Application Server
BlazeDS orLC Data Services
Flash Player
Web Server
Existing Applications and Infrastructure
Flex Builder IDE
Flex SDKMXML ActionScriptFlex Class Library
.swf
Compile
.swf
HTTP/S AMF/S RTMP/SSOAP
Adobe AIR
![Page 6: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/6.jpg)
Deploying AIR Mobile Applications
App.apk
App.air
Android Market Android Device
App.ipk iTunes App Store iOS Device
App.bar BlackBerry App World RIM Device
![Page 7: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/7.jpg)
Mobile Applications in "Hero"s:TabbedApplication s:ViewNavigatorApplications:Application
![Page 8: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/8.jpg)
1
ViewNavigatorApplication and TabbedApplication
• View stack metaphor– View– ViewNavigator / TabbedViewNavigator
• Built-in mobile navigation experience– Action bar– Back button– Transitions– APIs
![Page 9: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/9.jpg)
ViewNavigator API
• navigator.pushView();• navigator.popView();• navigator.popToFirstView()
• navigator.activeView;
2
![Page 10: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/10.jpg)
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>3
navigationContent titleContent actionContent
![Page 11: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/11.jpg)
View Lifecycle
• Alternative option: destructionPolicy=“none”
View becomes activeView
Created
Another view becomes active
View Destroyed User
navigates back to view View
Recreated
data
3B
![Page 12: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/12.jpg)
Mobile ItemRenderers• ItemRenderer• IconItemRenderer
<s:IconItemRendererlabelField="lastName" messageField="title"iconField="picture"decoratorClass=”phoneIcon">
4
![Page 13: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/13.jpg)
Flex with Java via Text-based Serialization
Web Service
Client
App Server
XML, JSON, etc
(RESTful / SOAP)
![Page 14: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/14.jpg)
Remoting Performance Example
![Page 15: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/15.jpg)
Flex with Java via Binary Serialization
BlazeDS
Spring Bean
Client
App Server
POJO
EJB
Other
Endpoint
AMF
![Page 16: Native Apps and Web Apps - JBoss...Native Apps and Web Apps iOS Native App Native App Native App Native App Web App Web App Desktop OSs Desktop Browsers Mobile Browsers Android Blackberry](https://reader034.fdocuments.in/reader034/viewer/2022042709/5f42debcd00fc4494350f08f/html5/thumbnails/16.jpg)
Flex with Java via Messaging
MessageService
BlazeDS
Adapter Y
Adapter X
MessagingSystem Y
MessagingSystem X
Endpoint JMSProviderJMS Adapter
PublisherSubscriber
AMF
App Server