SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Michaël CHAIZE, Platform Evangelist- @mchaize
Applications mobiles avec Flex et PHP
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Michaël Chaize
2
@mchaize
RIAgora.com
Flash sur un
mobile ?
Consumer
Electronics
Personal
Computers
Mobile
Phones
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Partenaires technologiques
Open Screen Project
Diffuseurs de contenu
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Player 10.1
Flash Player 10.1
Google TV
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe AIR 2.5 = applications natives
Adobe AIR 2.5
Flex et PHP ?
Flex et PHP... la base
Flash Builder IDE
Flex SDK
Flex Class Library
MXML ActionScript
Compile
SOAP HTTP/S AMF/S
PHP Web Server
Existing Applications & Infrastructure
ZEND AMF /
AMF PHP
XML/HTTP
REST
SOAP Web Services
Browser
Flash Player
AMFPublished in December 2007
XML
5000 lignes ?1.1Mo 29Ko
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Live coding Flex & PHP
API sur mobile ?
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
! Flash Player 10.1 est embarqué, plus SQLite
! Les nouvelles APIs:
! Multi-touch & gestures
! Geolocation
! cut/copy/paste
! tel:, mailto:, maps:, video:
! Camera
! Microphone
! StageWebView
! Device Debugger
! cacheAsBitmapMatrix
AIR 2.5 sur téléphones mobiles
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Accelerometer
import flash.sensors.Accelerometer;
import flash.events.AccelerometerEvent;
if (Accelerometer.isSupported)
{
var accel:Accelerometer = new Accelerometer();
accel.addEventListener(AccelerometerEvent.UPDATE, updateHandler);
}
function updateHandler(e:AccelerometerEvent):void
{
e.accelerationX;
e.accelerationY;
e.accelerationZ;
}
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Gestures
import flash.events.TransformGestureEvent;
cell.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);
function onZoom(e:TransformGestureEvent):void
{
cell.scaleX *= e.scaleX;
cell.scaleY = cell.scaleX;
}
cell.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);
function onRotate(e:TransformGestureEvent):void
{
cell.rotation += e.rotation;
}
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Geolocation
import flash.sensors.Geolocation;
var geo:Geolocation;
if (Geolocation.isSupported)
{
            geo = new Geolocation();
            geo.addEventListener(GeolocationEvent.UPDATE, updateHandler);
            geo.setRequestedUpdateInterval(10000);
}
function updateHandler(e:GeolocationEvent):void
{
e.accelerationX;
e.accelerationY;
e.accelerationZ;
}
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DU FUN !
APPLI sur mobile ?
ADOBEFLEX“HERO”
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hero et les applications mobiles
21
Mobile Application
! Expose les composants classiques sur mobile
! Gestion automatique de l’orientatino, du retour, des
boutons menu et recherche
! CCréation et gestion d’un système simple de persistence
de la donnée pour la stocker et la récupérer à la
demande
! Skin de base pour applications mobiles
View et ViewNavigator
! Pour grouper dynamiquement et afficher du contenu
! Vous pouvez naviguer arbitrairement d’une vue à l’autre
! Passage de données d’une vue à l’autre
! Politiques de destruction accessibles pour gérer la
mémoire
! Gestion d’une barre d’action en fonction des vues
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
Hero et les applications mobiles
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DU PRO !
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Platform - Une plateforme complète pour tous les écrans
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PHPFLEX
PHPFLEXTechnologie de présentation
multi-screens
Logique, mash-up données,
exposition des services
Desktop, Mobile,TV,
STB,Tablette...
RIA professionelles
Industrialisation des
développements
DAO
Authentification des utilisateurs
Exposition des services
développeur
PHP
développeur
PHP + Flex
Tous sur labs.adobe.com !!!
GET Flash Builder “Burrito”
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Des questions ?
30
@mchaize
RIAgora.com
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Contenu connexe

En vedette

En vedette (12)

Oh to be 2
Oh to be 2 Oh to be 2
Oh to be 2
 
Time Management Movie Ppt Version Sample
Time Management Movie Ppt Version SampleTime Management Movie Ppt Version Sample
Time Management Movie Ppt Version Sample
 
Django Introduction Osscamp Delhi September 08 09 2007 Mir Nazim
Django Introduction Osscamp Delhi September 08 09 2007 Mir NazimDjango Introduction Osscamp Delhi September 08 09 2007 Mir Nazim
Django Introduction Osscamp Delhi September 08 09 2007 Mir Nazim
 
O que aconteceu com os mundos virtuais no ensino?
O que aconteceu com os mundos virtuais no ensino?O que aconteceu com os mundos virtuais no ensino?
O que aconteceu com os mundos virtuais no ensino?
 
Postgres needs an aircraft carrier
Postgres needs an aircraft carrierPostgres needs an aircraft carrier
Postgres needs an aircraft carrier
 
A Mixed Discrete-Continuous Attribute List Representation for Large Scale Cla...
A Mixed Discrete-Continuous Attribute List Representation for Large Scale Cla...A Mixed Discrete-Continuous Attribute List Representation for Large Scale Cla...
A Mixed Discrete-Continuous Attribute List Representation for Large Scale Cla...
 
Anna Lena And Tupaarnaq
Anna Lena And TupaarnaqAnna Lena And Tupaarnaq
Anna Lena And Tupaarnaq
 
Flex mobile for JUG
Flex mobile for JUGFlex mobile for JUG
Flex mobile for JUG
 
VESI
VESIVESI
VESI
 
la rappresentazione dei numeri
la rappresentazione dei numerila rappresentazione dei numeri
la rappresentazione dei numeri
 
Making Sense of Lecture Capture: A Case Study of Peer and Teacher Influence
Making Sense of Lecture Capture: A Case Study of Peer and Teacher InfluenceMaking Sense of Lecture Capture: A Case Study of Peer and Teacher Influence
Making Sense of Lecture Capture: A Case Study of Peer and Teacher Influence
 
Killarney
KillarneyKillarney
Killarney
 

Similaire à Flex et PHP pour développer des applications mobiles

What's Next Replay - Flex Mobile
What's Next Replay - Flex MobileWhat's Next Replay - Flex Mobile
What's Next Replay - Flex Mobile
ZenikaOuest
 
Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
ACPcef
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Sacha Leprêtre
 

Similaire à Flex et PHP pour développer des applications mobiles (20)

userADgents WWDC iOS 8 juin 2014
userADgents WWDC iOS 8 juin 2014userADgents WWDC iOS 8 juin 2014
userADgents WWDC iOS 8 juin 2014
 
Présentation Flex Mobile
Présentation Flex MobilePrésentation Flex Mobile
Présentation Flex Mobile
 
What's Next Replay - Flex Mobile
What's Next Replay - Flex MobileWhat's Next Replay - Flex Mobile
What's Next Replay - Flex Mobile
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Flex mobile
Flex mobileFlex mobile
Flex mobile
 
What’s Next Replay! Lyon 2011 - F. Fornaciari
What’s Next Replay! Lyon 2011 - F. FornaciariWhat’s Next Replay! Lyon 2011 - F. Fornaciari
What’s Next Replay! Lyon 2011 - F. Fornaciari
 
Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Lancement Flex AIR / Paris
Lancement Flex AIR / ParisLancement Flex AIR / Paris
Lancement Flex AIR / Paris
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordova
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
Adobe Et Le Commerce V2
Adobe Et Le Commerce V2Adobe Et Le Commerce V2
Adobe Et Le Commerce V2
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
 
Chapitre 1 android
Chapitre 1 androidChapitre 1 android
Chapitre 1 android
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobile
 
Support developpement applications mobiles avec ionic v3 et v4
Support developpement applications mobiles avec ionic v3 et v4Support developpement applications mobiles avec ionic v3 et v4
Support developpement applications mobiles avec ionic v3 et v4
 

Plus de Michael Chaize

Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
Michael Chaize
 
Max2013 rejected apps presentation
Max2013   rejected apps presentationMax2013   rejected apps presentation
Max2013 rejected apps presentation
Michael Chaize
 
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 usersBack From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
Michael Chaize
 
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile   challenge adobe mobile v1.0.pptxPocket agile   challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptx
Michael Chaize
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
Michael Chaize
 

Plus de Michael Chaize (20)

Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015Typography 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 mutantsFITC Amsterdam 2015 -  keynote-adobe - We are mutants
FITC Amsterdam 2015 - keynote-adobe - We are mutants
 
Multimania - Web Design Trends
Multimania - Web Design TrendsMultimania - Web Design Trends
Multimania - Web Design Trends
 
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web DesignFeweb - 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 2014FITC 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 michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
 
Max2013 rejected apps presentation
Max2013   rejected apps presentationMax2013   rejected apps presentation
Max2013 rejected apps presentation
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshops
 
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentOop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
 
Montpellier - Flex UG
Montpellier - Flex UGMontpellier - Flex UG
Montpellier - Flex UG
 
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUGFlex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile development
 
One backend multiple Screens
One backend multiple ScreensOne backend multiple Screens
One backend multiple Screens
 
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex babyFlash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
 
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 usersBack From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
 
Enterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devicesEnterprise Flex applications on tablet devices
Enterprise Flex applications on tablet devices
 
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile   challenge adobe mobile v1.0.pptxPocket agile   challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptx
 
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écransAdobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
 
Breizh camp adobe flex et les mobiles
Breizh camp   adobe flex et les mobilesBreizh camp   adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
 

Flex et PHP pour développer des applications mobiles

  • 1. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Michaël CHAIZE, Platform Evangelist- @mchaize Applications mobiles avec Flex et PHP
  • 2. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Michaël Chaize 2 @mchaize RIAgora.com
  • 4.
  • 6. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Partenaires technologiques Open Screen Project Diffuseurs de contenu
  • 7. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Player 10.1 Flash Player 10.1 Google TV
  • 8. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe AIR 2.5 = applications natives Adobe AIR 2.5
  • 10. Flex et PHP... la base Flash Builder IDE Flex SDK Flex Class Library MXML ActionScript Compile SOAP HTTP/S AMF/S PHP Web Server Existing Applications & Infrastructure ZEND AMF / AMF PHP XML/HTTP REST SOAP Web Services Browser Flash Player
  • 11. AMFPublished in December 2007 XML 5000 lignes ?1.1Mo 29Ko
  • 12. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Live coding Flex & PHP
  • 14. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ! Flash Player 10.1 est embarqué, plus SQLite ! Les nouvelles APIs: ! Multi-touch & gestures ! Geolocation ! cut/copy/paste ! tel:, mailto:, maps:, video: ! Camera ! Microphone ! StageWebView ! Device Debugger ! cacheAsBitmapMatrix AIR 2.5 sur téléphones mobiles
  • 15. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Accelerometer import flash.sensors.Accelerometer; import flash.events.AccelerometerEvent; if (Accelerometer.isSupported) { var accel:Accelerometer = new Accelerometer(); accel.addEventListener(AccelerometerEvent.UPDATE, updateHandler); } function updateHandler(e:AccelerometerEvent):void { e.accelerationX; e.accelerationY; e.accelerationZ; }
  • 16. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Gestures import flash.events.TransformGestureEvent; cell.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom); function onZoom(e:TransformGestureEvent):void { cell.scaleX *= e.scaleX; cell.scaleY = cell.scaleX; } cell.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate); function onRotate(e:TransformGestureEvent):void { cell.rotation += e.rotation; }
  • 17. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Geolocation import flash.sensors.Geolocation; var geo:Geolocation; if (Geolocation.isSupported) {             geo = new Geolocation();             geo.addEventListener(GeolocationEvent.UPDATE, updateHandler);             geo.setRequestedUpdateInterval(10000); } function updateHandler(e:GeolocationEvent):void { e.accelerationX; e.accelerationY; e.accelerationZ; }
  • 18. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. DU FUN !
  • 21. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hero et les applications mobiles 21 Mobile Application ! Expose les composants classiques sur mobile ! Gestion automatique de l’orientatino, du retour, des boutons menu et recherche ! CCréation et gestion d’un système simple de persistence de la donnée pour la stocker et la récupérer à la demande ! Skin de base pour applications mobiles View et ViewNavigator ! Pour grouper dynamiquement et afficher du contenu ! Vous pouvez naviguer arbitrairement d’une vue à l’autre ! Passage de données d’une vue à l’autre ! Politiques de destruction accessibles pour gérer la mémoire ! Gestion d’une barre d’action en fonction des vues
  • 22. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22 Hero et les applications mobiles
  • 23. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. DU PRO !
  • 24. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Platform - Une plateforme complète pour tous les écrans
  • 25. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 27. PHPFLEXTechnologie de présentation multi-screens Logique, mash-up données, exposition des services Desktop, Mobile,TV, STB,Tablette... RIA professionelles Industrialisation des développements DAO Authentification des utilisateurs Exposition des services
  • 29. Tous sur labs.adobe.com !!! GET Flash Builder “Burrito”
  • 30. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Des questions ? 30 @mchaize RIAgora.com
  • 31. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.