SlideShare a Scribd company logo
1 of 62
Mobile development
   with Flex 4.5
Ivan Alvarez
  Adobe Certied Expert Flex & Air
  AUG Manager LiveData

web
 http://www.ivanalvarez.com
 @ivanhoe

email
  ivan.alvarez@tidyslice.com
Daniel Ramos
  Adobe Certied Instructor
  AUG Manager LiveData

web
 livedata.groups.adobe.com
 @dannyGeek

email
  daniel.ramos@tidyslice.com
4
• 6.9
billones:
habitantes




4
• 6.9
billones:
habitantes
• 5.2
billones:
líneas
telefónicas
móviles
ac9vas




4
• 6.9
billones:
habitantes
• 5.2
billones:
líneas
telefónicas
móviles
ac9vas
• 22%:
smartphones




4
Flex
Hero
SDK
4.5





  5
Flex
Hero
SDK
4.5





  5
6
• Run9me:
Adobe
AIR
2.6




 6
• Run9me:
Adobe
AIR
2.6




 6
7
• Framework:
Adobe
Flex
SDK
4.5




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins              Components




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins              Components
                       • View




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins               Components
                       • View
                       • ViewNavigator





 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins               Components
                       • View
                       • ViewNavigator

                       • Ac9onBar




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins               Components
                       • View
                       • ViewNavigator

                       • Ac9onBar
                       • BusyIndicator




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins               Components
                       • View
                       • ViewNavigator

                       • Ac9onBar
                       • BusyIndicator


                       • ViewNavigatorApplica9on




 7
• Framework:
Adobe
Flex
SDK
4.5

       Skins               Components
                       • View
                       • ViewNavigator

                       • Ac9onBar
                       • BusyIndicator


                       • ViewNavigatorApplica9on
                       • TabbedViewNavigatorApplica9on




 7
View





  8
View





  8
View





  8
View





  8
Ac9onBar





  9
Ac9onBar





  9
ViewNavigator





  10
ViewNavigator





  10
ViewNavigator





  10
ViewNavigator





  11
ViewNavigator


         Search
View




  11
ViewNavigator


         Search
View   Details
View




  11
ViewNavigator


         Search
View   Details
View




  11
ViewNavigator


         Search
View   Details
View




  11
ViewNavigator


         Search
View                           Details
View



                       pushView(DetailsView)




  11
ViewNavigator


         Search
View                           Details
View



                       pushView(DetailsView)




  11
ViewNavigator


         Search
View                           Details
View



                       pushView(DetailsView)




                             popView()




  11
ViewNavigator


         Search
View                           Details
View



                       pushView(DetailsView)




                             popView()




  11
ViewNavigatorAplica9on





  12
ViewNavigatorAplica9on





  12
• Framework:
Adobe
Flex
SDK
4.5
            Controls                  Layout       Chart

• BusyIndicator                  • DataGroup   • All
• BuWon                          • Group
• BuWonBar                       • HGroup
• CheckBox                       • Scroller
• HSlider                        • Spacer
• Image
                         • TileGroup
• Label                          • VFroup
• List
• RadioBuWon
/
RadioBuWonGroup
• TextArea
• TextInput


  13
Flex
Mobile
App





  14
Flex
Mobile
App

           Product
list
view




  14
Flex
Mobile
App

           Product
list
view   Product
detail
view




  14
Flex
Mobile
App

           Product
list
view   Product
detail
view




  14
Flex
Mobile
App

           Product
list
view   Product
detail
view




  14
Flex
Mobile
App

           Product
list
view   Product
detail
view


Ac9onbar




  14
Flex
Mobile
App

           Product
list
view   Product
detail
view


Ac9onbar




  14
Flex
Mobile
App

               Product
list
view   Product
detail
view


 Ac9onbar




View
Content




    14
Flex
Mobile
App

               Product
list
view   Product
detail
view


 Ac9onbar




View
Content




    14
Flex
Mobile
App

               Product
list
view   Product
detail
view


 Ac9onbar




View
Content




    14
Flex
Mobile
App

               Product
list
view         Product
detail
view


 Ac9onbar

                                   Tap




View
Content




    14
Flex
Mobile
App

               Product
list
view           Product
detail
view


 Ac9onbar

                                    Tap




View
Content




                                   back

                                   buWon




    14
Flex
Mobile
App

               Product
list
view           Product
detail
view


 Ac9onbar

                                    Tap




View
Content




                                   back

                                   buWon




    14
• Development
environment:
Flash
Builder
4.5





 15
• Development
environment:
Flash
Builder
4.5





 15
• Development
environment:
Flash
Builder
4.5





 16
DEMOS
Links

hWp://www.adobe.com/devnet/flex/ar9cles/web‐
mobile‐reference‐apps.html

hWp://wwis‐dubc1‐vip118.adobe.com/devnet/flex/
testdrivemobile.html

hWp://devgirl.org/category/flex‐4‐5/

hWp://www.adobe.com/devnet/flex/ar9cles/
mobile‐development‐flex‐flashbuilder.html
  18

More Related Content

What's hot

Amazon Final internship presentation
Amazon Final internship presentationAmazon Final internship presentation
Amazon Final internship presentation
Steven Nguyen
 

What's hot (8)

The Technical Side of Harvard.edu Redesign
The Technical Side of Harvard.edu RedesignThe Technical Side of Harvard.edu Redesign
The Technical Side of Harvard.edu Redesign
 
Amazon Final internship presentation
Amazon Final internship presentationAmazon Final internship presentation
Amazon Final internship presentation
 
INTERNSHIP REPORT
INTERNSHIP REPORTINTERNSHIP REPORT
INTERNSHIP REPORT
 
Angular11 exciting new features and updates
Angular11 exciting new features and updatesAngular11 exciting new features and updates
Angular11 exciting new features and updates
 
Angular 11 – everything you need to know
Angular 11 – everything you need to knowAngular 11 – everything you need to know
Angular 11 – everything you need to know
 
Nagpur MuleSoft Meetup Group - Working with API Groups in Mulesoft
Nagpur MuleSoft Meetup Group - Working with API Groups in Mulesoft Nagpur MuleSoft Meetup Group - Working with API Groups in Mulesoft
Nagpur MuleSoft Meetup Group - Working with API Groups in Mulesoft
 
AD503: XPages Mobile Development in IBM Domino 9.0.1 and Beyond
AD503: XPages Mobile Development in IBM Domino 9.0.1 and BeyondAD503: XPages Mobile Development in IBM Domino 9.0.1 and Beyond
AD503: XPages Mobile Development in IBM Domino 9.0.1 and Beyond
 
Techniques and Tools to Improve the Salesforce Development Cycle
Techniques and Tools to Improve the Salesforce Development CycleTechniques and Tools to Improve the Salesforce Development Cycle
Techniques and Tools to Improve the Salesforce Development Cycle
 

Similar to Mobile development with Flex 4.5 - LiveData May

Automating Hybrid Applications with Appium
Automating Hybrid Applications with AppiumAutomating Hybrid Applications with Appium
Automating Hybrid Applications with Appium
Sauce Labs
 
Get the Jump on Mobilizing your Notes and Domino Applications Today! (JMP103...
Get the Jump on Mobilizing your Notes and Domino Applications Today!  (JMP103...Get the Jump on Mobilizing your Notes and Domino Applications Today!  (JMP103...
Get the Jump on Mobilizing your Notes and Domino Applications Today! (JMP103...
Paul Della-Nebbia
 

Similar to Mobile development with Flex 4.5 - LiveData May (20)

Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
 
Maximizing Code Reuse Across Screens
Maximizing Code Reuse Across ScreensMaximizing Code Reuse Across Screens
Maximizing Code Reuse Across Screens
 
Cross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open SourceCross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open Source
 
Automating Hybrid Applications with Appium
Automating Hybrid Applications with AppiumAutomating Hybrid Applications with Appium
Automating Hybrid Applications with Appium
 
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGapGetting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
 
Jmp103-Get the Jump on Mobilizing Your Notes and Domino Applications Today!
Jmp103-Get the Jump on Mobilizing Your Notes and Domino Applications Today!Jmp103-Get the Jump on Mobilizing Your Notes and Domino Applications Today!
Jmp103-Get the Jump on Mobilizing Your Notes and Domino Applications Today!
 
001-Mobile Application.pptx
001-Mobile Application.pptx001-Mobile Application.pptx
001-Mobile Application.pptx
 
Lightning Components and App Builder for admins
Lightning Components and App Builder for adminsLightning Components and App Builder for admins
Lightning Components and App Builder for admins
 
AN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEXAN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEX
 
Flash dead ?
Flash dead ?Flash dead ?
Flash dead ?
 
Adobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookAdobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBook
 
Get the Jump on Mobilizing your Notes and Domino Applications Today! (JMP103...
Get the Jump on Mobilizing your Notes and Domino Applications Today!  (JMP103...Get the Jump on Mobilizing your Notes and Domino Applications Today!  (JMP103...
Get the Jump on Mobilizing your Notes and Domino Applications Today! (JMP103...
 
Android Development 201
Android Development 201Android Development 201
Android Development 201
 
Cordova Tutorial
Cordova TutorialCordova Tutorial
Cordova Tutorial
 
Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009
 
Developing flex apps for android
Developing flex apps for androidDeveloping flex apps for android
Developing flex apps for android
 
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONICDeveloping Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
 
WebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and SmartphonesWebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and Smartphones
 
Native Android Development with Spring
Native Android Development with SpringNative Android Development with Spring
Native Android Development with Spring
 
Dr. Strangelove, or how I learned to love plugin development
Dr. Strangelove, or how I learned to love plugin developmentDr. Strangelove, or how I learned to love plugin development
Dr. Strangelove, or how I learned to love plugin development
 

Recently uploaded

+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@
 

Recently uploaded (20)

HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
+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...
 
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
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
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
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
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
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
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
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
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
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
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
 
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
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

Mobile development with Flex 4.5 - LiveData May

Editor's Notes

  1. Agradecimientos a Telmexhub y a todos los presentes online y presencial\n
  2. \n
  3. \n
  4. -comercial, charla en SG multiples plataformas voten voten! \n-la opcion que veremos aqui se llama Flex Hero, 4.5\n
  5. -comercial, charla en SG multiples plataformas voten voten! \n-la opcion que veremos aqui se llama Flex Hero, 4.5\n
  6. -comercial, charla en SG multiples plataformas voten voten! \n-la opcion que veremos aqui se llama Flex Hero, 4.5\n
  7. Diseñar, desarrollar para moviles implica otras caracteristicas\n-periodos cortos\n-interrepciones\n-persistencia de info\n
  8. -La herramienta que nos permite crear aplicaciones standalone y crear apps nativas\n-ipa, apk, bar\n\n
  9. -La herramienta que nos permite crear aplicaciones standalone y crear apps nativas\n-ipa, apk, bar\n\n
  10. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  11. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  12. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  13. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  14. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  15. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  16. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  17. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  18. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  19. -Se realizaron dos cosas sobre el framework\n-El theme para mobile se encuentra escrito en AS3 \n-Los componentes deben lucir mas grandes\n-Flex 4 hizo un cambio radical, separa componentes y vista\n \n
  20. -Representa una simple pantalla, el contenido que queramos lo colocamos dentro\n-Cada view tiene una propiedad “data”, a traves de la cual le pasamos la informacion que deseamos mostrar\n\n
  21. -Representa una simple pantalla, el contenido que queramos lo colocamos dentro\n-Cada view tiene una propiedad “data”, a traves de la cual le pasamos la informacion que deseamos mostrar\n\n
  22. -Representa una simple pantalla, el contenido que queramos lo colocamos dentro\n-Cada view tiene una propiedad “data”, a traves de la cual le pasamos la informacion que deseamos mostrar\n\n
  23. -Representa el header de nuestra aplicacion \n-Tipicamente contiene un titulo y uno o mas botones con acciones particulares, como realizar una busqueda, refrescar el view\n
  24. -Es el encargado de crear y presentar los diferentes views de nuestra aplicacion\n\n
  25. -Es el encargado de crear y presentar los diferentes views de nuestra aplicacion\n\n
  26. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  27. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  28. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  29. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  30. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  31. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  32. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  33. -Utiliza la metafora de una pila para presentar el conjunto de views \n
  34. Se encarga de ofrecernos un template para crear nuestra aplicacion movil\nSe encarga de mantener el estado de la aplicacion, guardarla en disco y restaurarla\nImplementa un skin basico\n
  35. -Los siguientes componentes ya se encuentran preparados para moviles, aunque aun faltan\n
  36. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  37. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  38. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  39. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  40. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  41. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  42. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  43. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  44. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  45. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  46. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  47. Ya que hemos visto cada uno de los componentes por separado, podemos decir que la estructura basica de una aplicacion movil es la siguiente\n
  48. \n
  49. \n
  50. \n
  51. \n