Submit Search
Upload
Xplatform mobile development
•
1 like
•
721 views
Michael Chaize
Follow
Slides at Mobielity 2011 in Tel-Aviv, Israe
Read less
Read more
Technology
Business
Report
Share
Report
Share
1 of 37
Download Now
Download to read offline
Recommended
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devices
Michael Chaize
Montpellier - Flex UG
Montpellier - Flex UG
Michael Chaize
Fatc - Productivity by Design
Fatc - Productivity by Design
Michael Chaize
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
Michael Chaize
Jax2001 adobe keynote
Jax2001 adobe keynote
Michael Chaize
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
Michael Chaize
Flex mobile for JUG
Flex mobile for JUG
Michael Chaize
Adobe flex at jax london 2011
Adobe flex at jax london 2011
Michael Chaize
More Related Content
What's hot
Oop2012 mobile workshops
Oop2012 mobile workshops
Michael Chaize
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
Michael Chaize
Flex and the city in London - Keynote
Flex and the city in London - Keynote
Michael Chaize
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
Michael Chaize
Ria2010 workshop dev mobile
Ria2010 workshop dev mobile
Michael Chaize
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
Michael Chaize
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboard
Michael Chaize
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
Michael Chaize
Adobe flash platform java
Adobe flash platform java
Michael Chaize
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Michael Chaize
Jax2010 adobe lcds
Jax2010 adobe lcds
Michael Chaize
Using design pattern for mobile
Using design pattern for mobile
luca mezzalira
Breizh camp adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Michael Chaize
Flex 4.5 and mobile development
Flex 4.5 and mobile development
Michael Chaize
Jax 2011 keynote
Jax 2011 keynote
Michael Chaize
Fm Mc Presentation Ria2008
Fm Mc Presentation Ria2008
Michael Chaize
Eva flex java_1_slides
Eva flex java_1_slides
Michael Chaize
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
Michael Chaize
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
paultrani
One backend multiple Screens
One backend multiple Screens
Michael Chaize
What's hot
(20)
Oop2012 mobile workshops
Oop2012 mobile workshops
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
Flex and the city in London - Keynote
Flex and the city in London - Keynote
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
Ria2010 workshop dev mobile
Ria2010 workshop dev mobile
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboard
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
Adobe flash platform java
Adobe flash platform java
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Jax2010 adobe lcds
Jax2010 adobe lcds
Using design pattern for mobile
Using design pattern for mobile
Breizh camp adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Flex 4.5 and mobile development
Flex 4.5 and mobile development
Jax 2011 keynote
Jax 2011 keynote
Fm Mc Presentation Ria2008
Fm Mc Presentation Ria2008
Eva flex java_1_slides
Eva flex java_1_slides
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
One backend multiple Screens
One backend multiple Screens
Viewers also liked
Životní situace - ORP Kladno
Životní situace - ORP Kladno
Equica
Open Corpora
Open Corpora
Lidia Pivovarova
Moc A Response 1
Moc A Response 1
shas3n
Maker Art: How to Create a Wonderbox
Maker Art: How to Create a Wonderbox
Green Change
Greene Presentation
Greene Presentation
Rudy Garns
Borjgalo [Compatibility Mode]
Borjgalo [Compatibility Mode]
shore
Martin karlssons vykortssamling hum. läroverket och lekmannaskolan
Martin karlssons vykortssamling hum. läroverket och lekmannaskolan
hembygdsigtuna
Integrating Technology Introduction
Integrating Technology Introduction
Cindy Kendall
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
Michael Chaize
AOD Workplace Modern Sample Final
AOD Workplace Modern Sample Final
Andrew Schwartz
2. open innov whatisit
2. open innov whatisit
Michele Missikoff
我行·你行·大家行04
我行·你行·大家行04
liuruifeng
Create folder in start Menu in Windows 7
Create folder in start Menu in Windows 7
Neelanjan Bhattacharyya
Mistakes were made
Mistakes were made
Selena Deckelmann
On9 Systems - Web Solutions
On9 Systems - Web Solutions
On9 Systems
Cap2 Historia del cine
Cap2 Historia del cine
Xar Li
M1. sem web & ontology introd
M1. sem web & ontology introd
Michele Missikoff
Introduction to CodeIgniter
Introduction to CodeIgniter
kindafunnylookin
Expansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian language
Lidia Pivovarova
Candles
Candles
sanctuary
Viewers also liked
(20)
Životní situace - ORP Kladno
Životní situace - ORP Kladno
Open Corpora
Open Corpora
Moc A Response 1
Moc A Response 1
Maker Art: How to Create a Wonderbox
Maker Art: How to Create a Wonderbox
Greene Presentation
Greene Presentation
Borjgalo [Compatibility Mode]
Borjgalo [Compatibility Mode]
Martin karlssons vykortssamling hum. läroverket och lekmannaskolan
Martin karlssons vykortssamling hum. läroverket och lekmannaskolan
Integrating Technology Introduction
Integrating Technology Introduction
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
AOD Workplace Modern Sample Final
AOD Workplace Modern Sample Final
2. open innov whatisit
2. open innov whatisit
我行·你行·大家行04
我行·你行·大家行04
Create folder in start Menu in Windows 7
Create folder in start Menu in Windows 7
Mistakes were made
Mistakes were made
On9 Systems - Web Solutions
On9 Systems - Web Solutions
Cap2 Historia del cine
Cap2 Historia del cine
M1. sem web & ontology introd
M1. sem web & ontology introd
Introduction to CodeIgniter
Introduction to CodeIgniter
Expansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian language
Candles
Candles
Similar to Xplatform mobile development
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
Paris Android User Group
Adobe flash platform java
Adobe flash platform java
Ch'ti JUG
MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«
MMT - Multimediatreff
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small Screens
Joseph Labrecque
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
Nishiyama Shoichi
Flash Applications For Mobile
Flash Applications For Mobile
Serge Jespers
Creating Mobile Content Using Flash
Creating Mobile Content Using Flash
paultrani
Seminario MovilyTactil
Seminario MovilyTactil
Eduardo Arriagada
Xebia adobe flash mobile applications
Xebia adobe flash mobile applications
Michael Chaize
Development mobile app cross device
Development mobile app cross device
Phuong Nguyen
Develop mobile applications with Flex
Develop mobile applications with Flex
ConFoo
UX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
Joseph Labrecque
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
Keisuke Todoroki
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
Codemotion
iQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategy
iQcontent
Innovation and the Adobe Flash Platform
Innovation and the Adobe Flash Platform
Michael Chaize
Android Development with Flash Platform
Android Development with Flash Platform
Mihai Corlan
Adobe Shadow - Amsterdam Adobe Camp
Adobe Shadow - Amsterdam Adobe Camp
Mihai Corlan
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
Mihai Corlan
Mobile revolution
Mobile revolution
Serge Jespers
Similar to Xplatform mobile development
(20)
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
Adobe flash platform java
Adobe flash platform java
MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small Screens
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
Flash Applications For Mobile
Flash Applications For Mobile
Creating Mobile Content Using Flash
Creating Mobile Content Using Flash
Seminario MovilyTactil
Seminario MovilyTactil
Xebia adobe flash mobile applications
Xebia adobe flash mobile applications
Development mobile app cross device
Development mobile app cross device
Develop mobile applications with Flex
Develop mobile applications with Flex
UX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
iQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategy
Innovation and the Adobe Flash Platform
Innovation and the Adobe Flash Platform
Android Development with Flash Platform
Android Development with Flash Platform
Adobe Shadow - Amsterdam Adobe Camp
Adobe Shadow - Amsterdam Adobe Camp
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
Mobile revolution
Mobile revolution
More from Michael Chaize
Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015
Michael Chaize
FITC Amsterdam 2015 - keynote-adobe - We are mutants
FITC Amsterdam 2015 - keynote-adobe - We are mutants
Michael Chaize
Multimania - Web Design Trends
Multimania - Web Design Trends
Michael Chaize
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web Design
Michael Chaize
Adobe gaming flash gamm michael
Adobe gaming flash gamm michael
Michael Chaize
Max2013 rejected apps presentation
Max2013 rejected apps presentation
Michael Chaize
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptx
Michael Chaize
The future of the Adobe Flash platform
The future of the Adobe Flash platform
Michael Chaize
Ria2010 keynote développeurs
Ria2010 keynote développeurs
Michael Chaize
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
Michael Chaize
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
Michael Chaize
More from Michael Chaize
(11)
Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015
FITC Amsterdam 2015 - keynote-adobe - We are mutants
FITC Amsterdam 2015 - keynote-adobe - We are mutants
Multimania - Web Design Trends
Multimania - Web Design Trends
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web Design
Adobe gaming flash gamm michael
Adobe gaming flash gamm michael
Max2013 rejected apps presentation
Max2013 rejected apps presentation
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptx
The future of the Adobe Flash platform
The future of the Adobe Flash platform
Ria2010 keynote développeurs
Ria2010 keynote développeurs
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
Recently uploaded
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series - Day 1
DianaGray10
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenarios
Erol GIRAUDY
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdf
Infopole1
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
Brian Pichman
SheDev 2024
SheDev 2024
GDSC PJATK
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
ThousandEyes
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Alkin Tezuysal
My key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAI
Vijayananda Mohire
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
Neo4j
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
DianaGray10
.NET 8 ChatBot with Azure OpenAI Services.pptx
.NET 8 ChatBot with Azure OpenAI Services.pptx
Hansamali Gamage
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Tejal81
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Neo4j
20140402 - Smart house demo kit
20140402 - Smart house demo kit
Jamie (Taka) Wang
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
KaustubhBhavsar6
2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdf
The Good Food Institute
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First Frame
Kapil Thakar
Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.
IPLOOK Networks
Recently uploaded
(20)
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series - Day 1
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenarios
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdf
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
SheDev 2024
SheDev 2024
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
My key hands-on projects in Quantum, and QAI
My key hands-on projects in Quantum, and QAI
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
.NET 8 ChatBot with Azure OpenAI Services.pptx
.NET 8 ChatBot with Azure OpenAI Services.pptx
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Q4 2023 Quarterly Investor Presentation - FINAL - v1.pdf
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
20140402 - Smart house demo kit
20140402 - Smart house demo kit
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdf
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First Frame
Introduction - IPLOOK NETWORKS CO., LTD.
Introduction - IPLOOK NETWORKS CO., LTD.
Xplatform mobile development
1.
Xplatform mobile development
Michaël Chaize | Developer Evangelist RIAgora.com | @mchaize ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
2.
Adobe & Xplatform
mobile development ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2
3.
Adobe & Xplatform
mobile development ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3
4.
PhoneGap Platforms © 2010
Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
5.
Adobe Flex ©2011 Adobe
Systems Incorporated. All Rights Reserved. Adobe Con dential. 5
6.
e basics Flex is
a free and open-source SDK to build RIA Set of components, Data binding, RIA/UI framework, MVC, Continuous integration Easy to learn, Fun, Mature, Professional tooling (Eclipse), DEBUG Designed for JAVA, PHP and .NET developers ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 6
7.
Flex is open-source ©2011
Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 7
8.
In other words Framework
to build professional and maintainable user experiences connected to your existing back-end ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 8
9.
Hotline at Adobe
FL EX FO RE BE ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9
10.
Hotline at Adobe
FL EX ER AFT 15% 15% 10>1 faster cust. sat. training. ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 10
11.
e explosion of
devices introduces new challenges for application development © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
12.
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.
13.
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.
14.
Industrialize user-experiences One code
base, Lots of screens 7% 80% 5% Shared code 8% ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14
15.
Flex 4.5 -
architected for mobile apps 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. 15
16.
Multiple densities:
e problem 150 x 40 pixel bu on Desktop monitor Galaxy Tab Droid 2 iPhone 4 @100 dpi @160 dpi @240 dpi @320 dpi = 1.5” x 0.4” = 0.9” x 0.25” = 0.6” x 0.17” = 0.46” x 0.13” Same pixel count, different physical sizes (Minimum recommended size: 0.25” x 0.25”) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
17.
Can I use
dynamic layout to solve this? 320x480 @160dpi 640x960 (at same density) 640x960 @320dpi 100% 100% (Not easily. You can make (Not easily. You can make stuff ll the screen using stuff ll the screen using percent sizing, but your fonts and icons will still be percent sizing, but your fonts tiny. And any xed pixel sizes, e.g. in constraint- and icons will still be tiny. And based layouts or padding values, will be wrong.) any xed pixel sizes, e.g. in 100% constraint-based layouts or padding values, will be wrong.) 100% © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 17
18.
Solution: Automatic scaling
for different DPIs <Application applicationDPI=“160”> <Button width=“160” height=“40”/> </Application> 160 dpi 240 dpi 320dpi Scaled 1.5x Scaled 2x REMEMBER: To your code, the screen is always 160 dpi, and this bu on is always 160 x 40, regardless of how the application is being scaled. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 18
19.
Scaling different types
of objects Lorem Ipsum Dolor Vectors Text Bitmaps scale up well scales up well do not scale up well (scaling down can be bad) (Flash scales font size) Outlines may blur slightly © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19
20.
Flex density concepts:
Multi-DPI bitmaps <Button click="dealSummaryList.refresh()"> <icon> <MultiDPIBitmapSource source160dpi="@Embed('assets/refresh160.png')" source240dpi="@Embed('assets/refresh240.png')" source320dpi="@Embed('assets/refresh320.png')"/> </icon> </Button> Design icon for 160 dpi Make a 1.5x bigger version for 240 dpi Make a 2x bigger version for 320 dpi (e.g. 32x32, 48x48, 64x64) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 20
21.
Mobile APIs available
by default - Multitouch - Geolocation - Cameras - Microphone - Accelerometer - Display a web page - SQLite local database - Native extensions - GPU acceleration ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21
22.
Adobe AIR 3
and Flex ANE: No more limitation ActionScript Native Extension AS3 bridge Flex Mobile project C, JAVA ANE SWF .AIR, .APK, .IPA, .BAR ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22
23.
Deploy your applications
in the market places Control the distribution with AIR 3 AIR 3 - Captive runtime ANDROID QNX IOS © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 23
24.
Flash Builder 4.6
DEMO ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24
25.
Advanced Enterprise mobile
applications Build engaging and innovation native-like applications using Flex on mobile and tablet devices ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 25
26.
Design tips -
Navigation ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26
27.
Design tips -
Visual Feedback visual feedback ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 27
28.
Design tips -
Visual Feedback Demo www.lafabrick.com ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 28
29.
Flex tips -
don’t stress the Display list Reduce your surface of rendering Use dynamic layouts ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 29
30.
Flex tips -
<DEMO> Radio X-Track </DEMO> ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 30
31.
Flex tips -
Dynamic layouts demo State groups <s:states> <s:State name="portraitPhone" stateGroups="phone,portrait"/> <s:State name="landscapePhone" stateGroups="landscape,phone"/> <s:State name="portraitTablet" stateGroups="portrait,tablet"/> <s:State name="landscapeTablet" stateGroups="landscape,tablet"/> </s:states> Resize handler protected function application1_resizeHandler(event:ResizeEvent):void{ // TODO Auto-generated method stub var isPortrait:Boolean = height > width; isTablet = height > 960 || width > 960; currentState = (isPortrait ? "portrait" : "landscape") + (isTablet ? "Tablet" : "Phone"); } ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 31
32.
Flex tips -
Dynamic layouts demo Layout Properties <s:ViewNavigator includeIn="tablet" id="tabletPlayView" width.landscapeTablet="{this.width - phoneViewNavigator.width}" height.landscapeTablet="{this.height}" x.landscapeTablet="270" y.landscapeTablet="0" height="100%" width.portraitTablet="100%" x.portraitTablet="0" y.portraitTablet="0" height.portraitTablet="{this.height - phoneViewNavigator.height}" /> ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 32
33.
Flex tips -
Back to the <s:Application> tag ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 33
34.
Flex tips -
Persistence Manager Persist some properties FlexGlobals.topLevelApplication.persistenceManager .setProperty("lastSearch",arrayCollectResults); //... FlexGlobals.topLevelApplication.persistenceManager .getProperty("lastSearch"); Write les on tablet devices var file:File = File.documentsDirectory.resolvePath('settings.inf'); if (file.exists) file.deleteFile(); var fileStream:FileStream = new FileStream(); //create a file stream fileStream.open(file, FileMode.WRITE); // and open the file for write fileStream.writeObject(object); //write the object to the file fileStream.close(); ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 34
35.
Flex tips -
Optimized SQLite Insert or Update queries 10x faster SQLite on tablet devices _sqlStatement.sqlConnection = sqlc; _sqlStatement.text = "INSERT INTO "+tableName+"Followers(idFollower,name) VALUES (@ID,@SNAME)"; sqlc.begin(); for (var i:int = 0; i < arrayIdFollowers.length; i++) { var idFollower:int = int(arrayIdFollowers.getItemAt(i)); //query("INSERT INTO "+ tableName+"Followers(idFollower) VALUES ('"+idFollower+"')"); _sqlStatement.parameters['@ID'] = idFollower.toString(); _sqlStatement.parameters['@SNAME'] = screenName; _sqlStatement.execute(); } sqlc.commit(); closeDb(); ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 35
36.
How to start
coding Flex mobile app ? h p://www.Flex.org ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 36
37.
Michaël Chaize |
Developer Evangelist RIAgora.com | @mchaize ©2011 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Download Now