SlideShare una empresa de Scribd logo
1 de 43
Descargar para leer sin conexión
e mobile revolution
      Serge Jespers - EMEA Platform Evangelist - serge@adobe.com - @sjespers




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
In this session:
                                                                            Introduction to Flash Player 10.1 and AIR 2
                                                                            Design considerations
                                                                            New APIs in Flash Player 10.1 and AIR 2
                                                                            Tools
                                                                            Q & hopefully A




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.             2
Flash & AIR

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   3
Flash vs AIR




       Web content & applications                                            Standalone applications
         (Inside the browser)                                                 (Outside the browser)


© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Flash Player 10.1

            e only consistent browser-based runtime for connected devices
     Targeting desktops, mobile phones, netbooks, tablets, and the Digital Home
     On track for delivery to consumers in rst half of 2010
     Runtimes will be available over-the-air through marketplaces and Adobe.com




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Flash Player 10.1

     Brings full Flash Player feature set to devices
     New Features:
           Multi-touch & gestures
           Accelerometer
           Screen orientation
           Mobile text input
           Device capabilities discovery
           Globalization support (GSLib)
           Mobile se ings manager
           Global error handling




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Automatic Memory Reduction


                                                                                      40MB
                 Gamma Bros
                                                       0                15MB

                                                                                           47MB
                                Wall-E
                                                       0                       26MB

                                                                                             57MB
                   FP10 Demo
                                                       0                      23MB

                                                                                                  69MB
   Flex Photo Album
                                                       0                       25MB

                                                               13MB
                        Yahoo Ad
                                                       0    4MB

                                                                                    32MB
              Flex Data Grid
                                                       0                     17MB                        Flash Player 10

                                                                                                         Flash Player 10.1

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Ba ery usage




                Active State                                                  Active State      Low Power
                with Video                                                   with Animation   with Animation
                  4 hours                                                       6.5 hours       14.5 hours
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.         8
Flash Player 10.1
             Showcase




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Complementary deployment mechanisms for mobile




         Bundled with System                                                 Downloaded through   Browser Download
         So ware Updates                                                     on-device catalog




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Adobe AIR for smartphones (and tablets)


        Adobe AIR allows developers to build standalone applications using Flash technology
        Public support from Google, RIM and Motorola
        First mobile operating system to be supported is Android
        Provides Flash developers access to app stores




 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
11
AIR Packaging & Distribution Work ow



                                                                             .air



                                                                             .exe
                                                       .air
                                              (swf, jpg, mp3)
                                                                             .dmg


                                                                             .apk



© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
AIR Showcase




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Design

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.     14
Context




©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   15
®




Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.   #adobeAUG XL351
®




Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.   #adobeAUG XL351
FlashWrap
by Ted Patrick
                                                                                     ®




 Copyright 2009 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Built with
                                                                    Xcode
                                                                                                  $12   99




TripLog/1040

                                                                                                             ®




 Copyright 2009 Adobe Systems Incorporated. All rights reserved.                #adobeAUG XL351
Screens

                     800px




                                          480px                                          800px




                                                                                 480px

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   20
Finger




                                                 7mm

                                         44px
                                                                            ≠



©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.       21
Usually, a nger comes with a hand




©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.                22

    Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.
Native keyboard




©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   23
Optimize your code!




                     http://adobe.com/go/optimize



©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   24
New APIs

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   25
Multi-touch

                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Multi-touch
           •              Similar to multiple mouse events

           •              Both multi-touch events and gesture events

           •              Requires multi-touch hardware (Pre y obvious)

           •              Amount of touch points only limited by the hardware

           •              Supported in AIR 2 and FP10.1 (if the browser supports multi-
                          touch)




                                                                                          ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Multi-touch / Gestures
                 public function init():void
   {
   	 Multitouch.inputMode = MultitouchInputMode.GESTURE;
   	 logo.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate );
   	 logo.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom );
   }
   private function onRotate(evt:TransformGestureEvent):void
   {
   	 // pssst... you should try rotationX or Y
   	 logo.rotation += evt.rotation;
   }
   private function onZoom(evt:TransformGestureEvent):void
   {
   	 logo.scaleX *= evt.scaleX;
   	 logo.scaleY *= evt.scaleY;
   }




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Screen
                                           orientation
                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Screen orientation
           •              Tells you if your app is viewed in landscape or portrait mode

           •              Reformat your application based on the orientation




                                                                                          ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Screen orientation
   import flash.events.StageOrientationEvent;

   stage.addEventListener("orientationChange", orientationChangedHandler);

   function orientationChangedHandler(event:StageOrientationEvent)
   {
   	 dummy.width = stage.stageWidth - 20;
   	 dummy.height = stage.stageHeight - 20;
   }




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Accelerometer

                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Accelerometer
           •              Different from screen rotation

           •              Converts movement in to three dimensional coordinates

           •              X, Y and Z acceleration




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Accelerometer
   var accelerometer = new Accelerometer();

   accelerometer.addEventListener(AccelerometerEvent.UPDATE, onMove);
   accelerometer.setRequestedUpdateInterval(40);

   function onMove(event:AccelerometerEvent):void
   {
   	 var ax = event.accelerationX*20;
   	 var ay = (event.accelerationY*20)*-1;
   	 var az = event.accelerationZ;
   	 football.x += ax;
   	 football.y += ay;
   	 football.scaleX = football.scaleY = az;
   }




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Geo location

                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Geo location
           •              Get the device location coordinates

           •              Latitude, longitude, altitude, speed and heading

           •              Build your own Tom Tom ;-)




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Geo location
   import flash.sensors.Geolocation;
   import flash.events.GeolocationEvent;

   var geo = new Geolocation();
   geo.setRequestedUpdateInterval(1000);

   geo.addEventListener(GeolocationEvent.UPDATE, onTravel);

   function onTravel(event:GeolocationEvent):void
   {
   	 long.text = event.latitude.toString();
   	 lat.text = event.longitude.toString();
   	 heading.text = event.heading.toString();
   	 speed.text = event.speed.toString();
   	 hacc.text = event.horizontalAccuracy.toString();
   	 vacc.text = event.verticalAccuracy.toString();
   }




                                                                                    ®




Copyright 2010 Adobe Systems Incorporated. All rights reserved.   #adobeAUG XL351
Tools

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.     38
Flash Builder & Flash Professional CS5




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Adobe Device Central CS5




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Adobe Device Central CS5



          •All Major Device Platforms

          •680 Pro les, all Flash versions

          •Custom Pro les

          •Location API support (KML, GPX)

          •Accelerometer Emulation

          •Improved Search Filters

          •HTML5 Webkit Integration




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Questions?

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   42
Thank you!

                                    serge@adobe.com
                           http://www.webkitchen.be
                           http://twitter.com/sjespers




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

Más contenido relacionado

La actualidad más candente

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
 
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendship
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendshipFlex, Adobe AIR, and PHP: the beginning of a beautiful friendship
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendship
elliando dias
 
董龙飞 - 新一代企业应用
董龙飞 - 新一代企业应用董龙飞 - 新一代企业应用
董龙飞 - 新一代企业应用
d0nn9n
 

La actualidad más candente (20)

Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidOver the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile development
 
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
 
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'EntrepriseRia2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobile
 
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
 
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentOop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by Design
 
Montpellier - Flex UG
Montpellier - Flex UGMontpellier - Flex UG
Montpellier - Flex UG
 
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendship
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendshipFlex, Adobe AIR, and PHP: the beginning of a beautiful friendship
Flex, Adobe AIR, and PHP: the beginning of a beautiful friendship
 
Eva flex java_1_slides
Eva flex java_1_slidesEva flex java_1_slides
Eva flex java_1_slides
 
Flex mobile for JUG
Flex mobile for JUGFlex mobile for JUG
Flex mobile for JUG
 
Innovation and the Adobe Flash Platform
Innovation and the Adobe Flash PlatformInnovation and the Adobe Flash Platform
Innovation and the Adobe Flash Platform
 
Fm Mc Presentation Ria2008
Fm Mc   Presentation Ria2008Fm Mc   Presentation Ria2008
Fm Mc Presentation Ria2008
 
董龙飞 - 新一代企业应用
董龙飞 - 新一代企业应用董龙飞 - 新一代企业应用
董龙飞 - 新一代企业应用
 
Adobe Salon Linux
Adobe Salon LinuxAdobe Salon Linux
Adobe Salon Linux
 
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
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobile
 
EclipseCon 2010 Bugs and How to Get Heard
EclipseCon 2010 Bugs and How to Get HeardEclipseCon 2010 Bugs and How to Get Heard
EclipseCon 2010 Bugs and How to Get Heard
 

Similar a Mobile revolution

Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
Ch'ti JUG
 
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
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal camp
Claudiu Cristea
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
ConFoo
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
Initium
 
Adobe Gaming Solutions by Tom Krcha
Adobe Gaming Solutions by Tom KrchaAdobe Gaming Solutions by Tom Krcha
Adobe Gaming Solutions by Tom Krcha
mochimedia
 
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small ScreensFrom Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small Screens
Joseph Labrecque
 

Similar a Mobile revolution (20)

Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal camp
 
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learnings
 
Soirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jugSoirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jug
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
 
MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
 
Adobe Gaming Solutions by Tom Krcha
Adobe Gaming Solutions by Tom KrchaAdobe Gaming Solutions by Tom Krcha
Adobe Gaming Solutions by Tom Krcha
 
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small ScreensFrom Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small Screens
 
Flex User Group breton
Flex User Group bretonFlex User Group breton
Flex User Group breton
 
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012
 
David Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop FinalDavid Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop Final
 

Más de Serge Jespers (6)

Adobe and html5
Adobe and html5Adobe and html5
Adobe and html5
 
Think Multi Screen
Think Multi ScreenThink Multi Screen
Think Multi Screen
 
My Love and Hate Relationship With Social Media
My Love and Hate Relationship With Social MediaMy Love and Hate Relationship With Social Media
My Love and Hate Relationship With Social Media
 
Flash Platform for Multi Screen Development
Flash Platform for Multi Screen DevelopmentFlash Platform for Multi Screen Development
Flash Platform for Multi Screen Development
 
Flash Platform for Devices
Flash Platform for DevicesFlash Platform for Devices
Flash Platform for Devices
 
What's new in Flash Player 10.1 and AIR 2
What's new in Flash Player 10.1 and AIR 2What's new in Flash Player 10.1 and AIR 2
What's new in Flash Player 10.1 and AIR 2
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+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@
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
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...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...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
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, AdobeApidays 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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 

Mobile revolution

  • 1. e mobile revolution Serge Jespers - EMEA Platform Evangelist - serge@adobe.com - @sjespers © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 2. In this session:  Introduction to Flash Player 10.1 and AIR 2  Design considerations  New APIs in Flash Player 10.1 and AIR 2  Tools  Q & hopefully A © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2
  • 3. Flash & AIR ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3
  • 4. Flash vs AIR Web content & applications Standalone applications (Inside the browser) (Outside the browser) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 5. Flash Player 10.1  e only consistent browser-based runtime for connected devices  Targeting desktops, mobile phones, netbooks, tablets, and the Digital Home  On track for delivery to consumers in rst half of 2010  Runtimes will be available over-the-air through marketplaces and Adobe.com © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 6. Flash Player 10.1  Brings full Flash Player feature set to devices  New Features:  Multi-touch & gestures  Accelerometer  Screen orientation  Mobile text input  Device capabilities discovery  Globalization support (GSLib)  Mobile se ings manager  Global error handling © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 7. Automatic Memory Reduction 40MB Gamma Bros 0 15MB 47MB Wall-E 0 26MB 57MB FP10 Demo 0 23MB 69MB Flex Photo Album 0 25MB 13MB Yahoo Ad 0 4MB 32MB Flex Data Grid 0 17MB Flash Player 10 Flash Player 10.1 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 8. Ba ery usage Active State Active State Low Power with Video with Animation with Animation 4 hours 6.5 hours 14.5 hours © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 8
  • 9. Flash Player 10.1 Showcase © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 10. Complementary deployment mechanisms for mobile Bundled with System Downloaded through Browser Download So ware Updates on-device catalog © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 11. Adobe AIR for smartphones (and tablets)  Adobe AIR allows developers to build standalone applications using Flash technology  Public support from Google, RIM and Motorola  First mobile operating system to be supported is Android  Provides Flash developers access to app stores © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11
  • 12. AIR Packaging & Distribution Work ow .air .exe .air (swf, jpg, mp3) .dmg .apk © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 13. AIR Showcase © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 14. Design ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14
  • 15. Context ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 15
  • 16. ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. #adobeAUG XL351
  • 17. ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. #adobeAUG XL351
  • 18. FlashWrap by Ted Patrick ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 19. Built with Xcode $12 99 TripLog/1040 ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 20. Screens 800px 480px 800px 480px ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 20
  • 21. Finger 7mm 44px ≠ ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21
  • 22. Usually, a nger comes with a hand ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22 Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.
  • 23. Native keyboard ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 23
  • 24. Optimize your code! http://adobe.com/go/optimize ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24
  • 25. New APIs ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 25
  • 26. Multi-touch ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 27. Multi-touch • Similar to multiple mouse events • Both multi-touch events and gesture events • Requires multi-touch hardware (Pre y obvious) • Amount of touch points only limited by the hardware • Supported in AIR 2 and FP10.1 (if the browser supports multi- touch) ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 28. Multi-touch / Gestures public function init():void { Multitouch.inputMode = MultitouchInputMode.GESTURE; logo.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate ); logo.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom ); } private function onRotate(evt:TransformGestureEvent):void { // pssst... you should try rotationX or Y logo.rotation += evt.rotation; } private function onZoom(evt:TransformGestureEvent):void { logo.scaleX *= evt.scaleX; logo.scaleY *= evt.scaleY; } ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 29. Screen orientation ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 30. Screen orientation • Tells you if your app is viewed in landscape or portrait mode • Reformat your application based on the orientation ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 31. Screen orientation import flash.events.StageOrientationEvent; stage.addEventListener("orientationChange", orientationChangedHandler); function orientationChangedHandler(event:StageOrientationEvent) { dummy.width = stage.stageWidth - 20; dummy.height = stage.stageHeight - 20; } ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 32. Accelerometer ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 33. Accelerometer • Different from screen rotation • Converts movement in to three dimensional coordinates • X, Y and Z acceleration ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 34. Accelerometer var accelerometer = new Accelerometer(); accelerometer.addEventListener(AccelerometerEvent.UPDATE, onMove); accelerometer.setRequestedUpdateInterval(40); function onMove(event:AccelerometerEvent):void { var ax = event.accelerationX*20; var ay = (event.accelerationY*20)*-1; var az = event.accelerationZ; football.x += ax; football.y += ay; football.scaleX = football.scaleY = az; } ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 35. Geo location ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 36. Geo location • Get the device location coordinates • Latitude, longitude, altitude, speed and heading • Build your own Tom Tom ;-) ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 37. Geo location import flash.sensors.Geolocation; import flash.events.GeolocationEvent; var geo = new Geolocation(); geo.setRequestedUpdateInterval(1000); geo.addEventListener(GeolocationEvent.UPDATE, onTravel); function onTravel(event:GeolocationEvent):void { long.text = event.latitude.toString(); lat.text = event.longitude.toString(); heading.text = event.heading.toString(); speed.text = event.speed.toString(); hacc.text = event.horizontalAccuracy.toString(); vacc.text = event.verticalAccuracy.toString(); } ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. #adobeAUG XL351
  • 38. Tools ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 38
  • 39. Flash Builder & Flash Professional CS5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 40. Adobe Device Central CS5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 41. Adobe Device Central CS5 •All Major Device Platforms •680 Pro les, all Flash versions •Custom Pro les •Location API support (KML, GPX) •Accelerometer Emulation •Improved Search Filters •HTML5 Webkit Integration © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 42. Questions? ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 42
  • 43. Thank you! serge@adobe.com http://www.webkitchen.be http://twitter.com/sjespers © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.