Soumettre la recherche
Mettre en ligne
Oop2012 mobile workshops
•
0 j'aime
•
697 vues
Michael Chaize
Suivre
slides at oop2012 about cross-platform mobile development
Lire moins
Lire la suite
Technologie
Business
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 55
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Flex and the city in London - Keynote
Flex and the city in London - Keynote
Michael Chaize
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
Michael Chaize
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboard
Michael Chaize
Ria2010 workshop dev mobile
Ria2010 workshop dev mobile
Michael Chaize
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
Michael Chaize
Jax2010 adobe lcds
Jax2010 adobe lcds
Michael Chaize
Adobe flash platform java
Adobe flash platform java
Michael Chaize
Jax2001 adobe keynote
Jax2001 adobe keynote
Michael Chaize
Recommandé
Flex and the city in London - Keynote
Flex and the city in London - Keynote
Michael Chaize
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
Michael Chaize
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboard
Michael Chaize
Ria2010 workshop dev mobile
Ria2010 workshop dev mobile
Michael Chaize
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
Michael Chaize
Jax2010 adobe lcds
Jax2010 adobe lcds
Michael Chaize
Adobe flash platform java
Adobe flash platform java
Michael Chaize
Jax2001 adobe keynote
Jax2001 adobe keynote
Michael Chaize
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devices
Michael Chaize
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
Michael Chaize
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
Michael Chaize
Fatc - Productivity by Design
Fatc - Productivity by Design
Michael Chaize
Adobe flex at jax london 2011
Adobe flex at jax london 2011
Michael Chaize
Xplatform mobile development
Xplatform mobile development
Michael Chaize
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
Michael Chaize
Montpellier - Flex UG
Montpellier - Flex UG
Michael Chaize
Flex mobile for JUG
Flex mobile for JUG
Michael Chaize
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Michael Chaize
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
Michael Chaize
Eva flex java_1_slides
Eva flex java_1_slides
Michael Chaize
Fm Mc Presentation Ria2008
Fm Mc Presentation Ria2008
Michael Chaize
Breizh camp adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Michael Chaize
Using design pattern for mobile
Using design pattern for mobile
luca mezzalira
Jax 2011 keynote
Jax 2011 keynote
Michael Chaize
Flex 4.5 and mobile development
Flex 4.5 and mobile development
Michael Chaize
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
Michael Chaize
One backend multiple Screens
One backend multiple Screens
Michael Chaize
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
Codemotion
Power To Transform
Power To Transform
Cindy Kendall
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Sanjay Ram
Contenu connexe
Tendances
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devices
Michael Chaize
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
Michael Chaize
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
Michael Chaize
Fatc - Productivity by Design
Fatc - Productivity by Design
Michael Chaize
Adobe flex at jax london 2011
Adobe flex at jax london 2011
Michael Chaize
Xplatform mobile development
Xplatform mobile development
Michael Chaize
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
Michael Chaize
Montpellier - Flex UG
Montpellier - Flex UG
Michael Chaize
Flex mobile for JUG
Flex mobile for JUG
Michael Chaize
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Michael Chaize
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
Michael Chaize
Eva flex java_1_slides
Eva flex java_1_slides
Michael Chaize
Fm Mc Presentation Ria2008
Fm Mc Presentation Ria2008
Michael Chaize
Breizh camp adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Michael Chaize
Using design pattern for mobile
Using design pattern for mobile
luca mezzalira
Jax 2011 keynote
Jax 2011 keynote
Michael Chaize
Flex 4.5 and mobile development
Flex 4.5 and mobile development
Michael Chaize
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
Michael Chaize
One backend multiple Screens
One backend multiple Screens
Michael Chaize
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
Codemotion
Tendances
(20)
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devices
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
Fatc - Productivity by Design
Fatc - Productivity by Design
Adobe flex at jax london 2011
Adobe flex at jax london 2011
Xplatform mobile development
Xplatform mobile development
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
Montpellier - Flex UG
Montpellier - Flex UG
Flex mobile for JUG
Flex mobile for JUG
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
Eva flex java_1_slides
Eva flex java_1_slides
Fm Mc Presentation Ria2008
Fm Mc Presentation Ria2008
Breizh camp adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Using design pattern for mobile
Using design pattern for mobile
Jax 2011 keynote
Jax 2011 keynote
Flex 4.5 and mobile development
Flex 4.5 and mobile development
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
One backend multiple Screens
One backend multiple Screens
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
En vedette
Power To Transform
Power To Transform
Cindy Kendall
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Sanjay Ram
Twitter Personas: Bot or Not?
Twitter Personas: Bot or Not?
Jon Gatrell
Presentatie10okt
Presentatie10okt
MarcelPater
Presentation
Presentation
guestea976b
APCal ChainRule HW (OLD Book)
APCal ChainRule HW (OLD Book)
ricmac25
1234
1234
guestd8d1dd
Humor Movie Ppt Version Sample
Humor Movie Ppt Version Sample
Andrew Schwartz
eVize - 2007 - ISK - pripadova studie
eVize - 2007 - ISK - pripadova studie
Equica
Ooliinnguaq And Knud Peter
Ooliinnguaq And Knud Peter
eka
Webtests Reloaded - Webtest with Selenium, TestNG, Groovy and Maven
Webtests Reloaded - Webtest with Selenium, TestNG, Groovy and Maven
Thorsten Kamann
Milieu
Milieu
anthony_h3
The Phenomenon Of L A C R O S S E
The Phenomenon Of L A C R O S S E
guest9771ee
Fall Presentation
Fall Presentation
tiredteach3
Coaching Movie Ppt Version Sample
Coaching Movie Ppt Version Sample
Andrew Schwartz
First Innovi Corp Brands Presentation
First Innovi Corp Brands Presentation
yocard
Aqqaluk & Johannes
Aqqaluk & Johannes
eka
Graphics Of The 509
Graphics Of The 509
guestd37bca
Logacheva
Logacheva
Lidia Pivovarova
En vedette
(19)
Power To Transform
Power To Transform
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Variation of Electrical Transport Parameters with Large Grain Fraction in Hig...
Twitter Personas: Bot or Not?
Twitter Personas: Bot or Not?
Presentatie10okt
Presentatie10okt
Presentation
Presentation
APCal ChainRule HW (OLD Book)
APCal ChainRule HW (OLD Book)
1234
1234
Humor Movie Ppt Version Sample
Humor Movie Ppt Version Sample
eVize - 2007 - ISK - pripadova studie
eVize - 2007 - ISK - pripadova studie
Ooliinnguaq And Knud Peter
Ooliinnguaq And Knud Peter
Webtests Reloaded - Webtest with Selenium, TestNG, Groovy and Maven
Webtests Reloaded - Webtest with Selenium, TestNG, Groovy and Maven
Milieu
Milieu
The Phenomenon Of L A C R O S S E
The Phenomenon Of L A C R O S S E
Fall Presentation
Fall Presentation
Coaching Movie Ppt Version Sample
Coaching Movie Ppt Version Sample
First Innovi Corp Brands Presentation
First Innovi Corp Brands Presentation
Aqqaluk & Johannes
Aqqaluk & Johannes
Graphics Of The 509
Graphics Of The 509
Logacheva
Logacheva
Similaire à Oop2012 mobile workshops
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
Development mobile app cross device
Development mobile app cross device
Phuong Nguyen
UX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
Joseph Labrecque
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012
marcocasario
Flash Applications For Mobile
Flash Applications For Mobile
Serge Jespers
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
Mihai Corlan
Starting mobile development
Starting mobile development
Mihai Corlan
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
Nishiyama Shoichi
Android Development with Flash Platform
Android Development with Flash Platform
Mihai Corlan
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
paultrani
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
Keisuke Todoroki
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store World
EffectiveUI
Xebia adobe flash mobile applications
Xebia adobe flash mobile applications
Michael Chaize
Collaborative and agile development of mobile applications
Collaborative and agile development of mobile applications
Ayushman Jain
Innovation and the Adobe Flash Platform
Innovation and the Adobe Flash Platform
Michael Chaize
Develop mobile applications with Flex
Develop mobile applications with Flex
ConFoo
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
Michael Chaize
Similaire à Oop2012 mobile workshops
(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
Development mobile app cross device
Development mobile app cross device
UX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012
Flash Applications For Mobile
Flash Applications For Mobile
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
Starting mobile development
Starting mobile development
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
スマートフォン対策ビジネスセミナー / Session1:Adobe AIRで実現する超生産的スマートフォンアプリ開発
Android Development with Flash Platform
Android Development with Flash Platform
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store World
Xebia adobe flash mobile applications
Xebia adobe flash mobile applications
Collaborative and agile development of mobile applications
Collaborative and agile development of mobile applications
Innovation and the Adobe Flash Platform
Innovation and the Adobe Flash Platform
Develop mobile applications with Flex
Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
Plus de 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
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
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
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
Michael Chaize
Plus de 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
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
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
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
Dernier
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Khushali Kathiriya
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Dernier
(20)
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Oop2012 mobile workshops
1.
One codebase, multiple
screens Michaël Chaize | Developer Evangelist RIAgora.com | @mchaize ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
2.
Agenda
FLEX DESKTOP D.D.D LIVE CODE FLEX MOBILE ©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.
Adobe & Xplatform
mobile development ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 4
5.
Adobe & Xplatform
mobile development h ps://github.com/cordova ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 5
6.
PhoneGap Platforms © 2010
Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
7.
Your Code
Native Web View Native APIs Native App - .apk, .ipa, etc
8.
PhoneGap is not
a framework You can use ANY framework you want, but try to design for an app. ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 8
9.
Mobile APIs
- Accelerometer - Camera - Capture - Compass Out of the box, - Connection PhoneGap - Contacts - Device provides support for a - Events number of basic - File device APIs - Geolocation - Media - Network - Notification - Storage ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9
10.
Camera ©2011 Adobe Systems
Incorporated. All Rights Reserved. Adobe Con dential. 10
11.
Extend PhoneGap
For added functionality PhoneGap provides a plug-in mechanism. Includes OS-speci c code/ libraries and the JS to use it in PhoneGap Some of the helpful ones: PayPal, Facebook, Push Noti cation Available at https://github.com/phonegap/phonegap-plugins ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11
12.
Barcode Scanner
This app can just use the plugins.barcodeScanner.scan method to call out to some native code that reads and parses a barcode. ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 12
13.
PhoneGap - demo ©2011
Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 13
14.
Adobe Flex ©2011 Adobe
Systems Incorporated. All Rights Reserved. Adobe Con dential. 14
15.
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. 15
16.
Flex is open-source ©2011
Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
17.
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. 17
18.
Why Flex ?
Focus on the user-experience ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 18
19.
Hotline at Adobe
FL EX FO RE BE ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19
20.
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. 20
21.
NATO
FL EX FO RE BE ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21
22.
NATO
FL EX ER AFT ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22
23.
Car industry
FL EX FO RE BE ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 23
24.
Car industry
FL EX ER AFT ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24
25.
Flex for desktop
users is a success & Richness / Fast / Open-source / Industrialization ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
26.
e explosion of
devices introduces new challenges for application development © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
27.
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.
28.
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.
29.
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. 29
30.
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. 30
31.
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. 31
32.
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. 32
33.
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. 33
34.
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. 34
35.
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. 35
36.
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. 36
37.
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. 37
38.
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. 38
39.
Flash Builder 4.6
DEMO ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 39
40.
Some Flex mobile
apps Politifacts Radio X-track Narcissus ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 40
41.
Flash Builder 4.6
TIPS ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 41
42.
e traditional way
for Enterprise apps development v What do Express the needs Technical Back-end + UI Delivery you need ? in a doc speci cations developments LOB IT ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 42
43.
D.D.D - Design
Driven Development v Observe, Technical What problems Find solutions Observe, solutions to serve Delivery are you facing ? designing the UI Observe the UI What How to build ? to build ? Analytics to scale ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 43
44.
Design tips -
Navigation ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 44
45.
Design tips -
Visual Feedback visual feedback ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 45
46.
Design tips -
Visual Feedback Demo www.lafabrick.com ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 46
47.
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. 47
48.
Flex tips -
<DEMO> Radio X-Track </DEMO> ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 48
49.
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. 49
50.
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. 50
51.
Flex tips -
Back to the <s:Application> tag ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 51
52.
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. 52
53.
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. 53
54.
How to start
coding Flex mobile app ? h p://www.Flex.org ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 54
55.
Michaël Chaize |
Developer Evangelist RIAgora.com | @mchaize - mchaize@adobe.com ©2011 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Télécharger maintenant