SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Sviluppo applicativi
                               Flash Platform su
                               iOS e Android


  relatore: Luca Mezzalira
Wednesday, February 16, 2011
Flash Platform




Wednesday, February 16, 2011
Previsioni 2012




                               http://stocksandblogs.com

Wednesday, February 16, 2011
prima di iniziare...


                               Flash is   99% BAD!




Wednesday, February 16, 2011
Le tecnologie




                        web sites   applications


Wednesday, February 16, 2011
Flash on Mobile




Wednesday, February 16, 2011
iOS
 . dal 30 settembre 2010 è possibile sviluppare con
 Adobe AIR su iOS (iPad e iPhone)
 . NO FLASH PLAYER
 . Certificato da sviluppatore!



                                            Certificato


                   .air        ADT + LLVM      .ipa
Wednesday, February 16, 2011
Android




                               http://blog.distimo.com/


Wednesday, February 16, 2011
Android




                               +   +   +




Wednesday, February 16, 2011
diamo i numeri...
 . 84 milioni di smartphone e tablet con iOS e
 Android su cui sviluppare con Adobe AIR
 . oltre 20 milioni di smartphone su cui si potrà
 scaricare Flash Player 10.1
 . oltre 50 tablet supporteranno Flash Player e Adobe
 AIR


 maggiori informazioni: http://blogs.adobe.com/
 flashplatform/2011/02/flash-and-air-soars-
Wednesday, February 16, 2011
Tool di sviluppo




                               Android                 Android
                               Playbook                  iOS
                                 Palm                 Flash Lite

                                   http://labs.adobe.com/
Wednesday, February 16, 2011
Flash mobile




Wednesday, February 16, 2011
Flex HERO
 . Flex framework ottimizzato per mobile dalla
 versione 4.1 e superiori
 . Integrazione di alcuni componenti dedicati quali:
                               . View
                               . Navigator
                               . ActionBar
 . Facilita lo sviluppo dell’applicativo rispetto a Flash
 . Gira attualmente su Android e Playbook
 . Tour de Flex mobile

Wednesday, February 16, 2011
AIR mobile
 . AIR mobile dalla 2.5 e superiori
 . API specifiche per il mondo mobile:
       - screen dimming
       - camera (modalità video e immagini)
       - camera roll
       - SMS & Phone call
       - accelerometro
       - GPS
       - SQLite
       - multitouch gesture
       - native process
Wednesday, February 16, 2011
08/10/10




Wednesday, February 16, 2011
Tips & Tricks




Wednesday, February 16, 2011
Workflow mobile application
 1. Selezionate i device di riferimento per il progetto

 2. Create una GUI con un’interazione simile a quella
 delle applicazioni native

 3. Create dei mini prototipi delle main features del
 progetto

 4. Studiate un’architettura consona al progetto

 5. TESTATING TESTING TESTING
Wednesday, February 16, 2011
Progettazione UI




Wednesday, February 16, 2011
Vector vs Bitmap




Wednesday, February 16, 2011
UI tips & tricks
 . Evitare i contorni, forme vettoriali lunghe e strette
 . A volte è meglio una Bitmap
 . Progettate sia in Landscape che in Portrait mode
 . Max grandezza oggetti 4096x4096
 . Moderare font embedding
 . A volte è meglio una Bitmap
 . Testi descrittivi con font presenti nel dispositivo
 . Non utilizzare MAI il TLF!
 . un dito è diverso dal puntatore del mouse!
Wednesday, February 16, 2011
Garbage Collector
                               Mark & Sweep




           unloadAndStop(), null, delete, weak references


Wednesday, February 16, 2011
GPU vs CPU
 . Possiamo scegliere la modalità di rendering dei
 nostri DisplayObject (movieclip, sprite...) se
 attraverso la GPU o la CPU


 . iOS > GPU Blend (CPU crea, GPU renderizza)
 . Android > GPU Vector (GPU crea e renderizza)


 . In esportazione possiamo scegliere se utilizzare la
 GPU, CPU o lasciare al sistema la decisione


Wednesday, February 16, 2011
CPU vs GPU
 . Possiamo utilizzare la tecnica del BIT Blit con:

 CacheAsBitmapMatrix
 . alpha . ridimensionamento . distorsione
 . rotazione

 CacheAsBitmap
 . movimenti in x . movimenti in y . tween



Wednesday, February 16, 2011
Code Technique
 . Object Pooling
 . Rimuovere i listeners
 . Mettere a null gli oggetti
 . Framerate tra 20 / 24 fps
 . Non abusare delle gesture
 . Enterframe è più performante del Timer
 . Vector anzichè Array
 . StageQuality e Dynamic framerate



Wednesday, February 16, 2011
Da evitare...
 . Inserire oggetti fuori dallo stage
 . Inserire filtri su oggetti quando si renderizza su GPU
 . Ricreare oggetti cachati in GPU




Wednesday, February 16, 2011
Architettura software




   http://en.wikipedia.org/wiki/Model_View_ViewModel
Wednesday, February 16, 2011
Porting




Wednesday, February 16, 2011
Porting
 . Lavorare con i vettori anzichè bitmap

 . Disaccoppiamento delle caratteristiche di
 piattaforma

 . Studiate una GUI per le varie risoluzioni

 . Scegliete la tecnologia più adeguata




Wednesday, February 16, 2011
Risorse
 . tv.adobe.com

 . opensource.adobe.com

 . adobe.com/devnet

 . labs.adobe.com

 . lynda.com




Wednesday, February 16, 2011
Libri




Wednesday, February 16, 2011
Domande e risposte



  twitter: lucamezzalira
  email: luca@mart3.org
  blog: lucamezzalira.com

Wednesday, February 16, 2011

Weitere ähnliche Inhalte

Andere mochten auch (20)

Activitats Setmana Santa Castelló d'Empúries i Empuriabrava
Activitats Setmana Santa Castelló d'Empúries i Empuriabrava Activitats Setmana Santa Castelló d'Empúries i Empuriabrava
Activitats Setmana Santa Castelló d'Empúries i Empuriabrava
 
Sunu1
Sunu1Sunu1
Sunu1
 
Cubanito cubanito
Cubanito cubanitoCubanito cubanito
Cubanito cubanito
 
Guía 3 nohora
Guía 3 nohoraGuía 3 nohora
Guía 3 nohora
 
Manifest jovent llibertari
Manifest jovent llibertariManifest jovent llibertari
Manifest jovent llibertari
 
Rf co ppt
Rf co  pptRf co  ppt
Rf co ppt
 
A2Z drug(Pharma)
A2Z drug(Pharma)A2Z drug(Pharma)
A2Z drug(Pharma)
 
Infographie chiffres e-commerce france 2012 by yuseo
Infographie chiffres e-commerce france 2012 by yuseoInfographie chiffres e-commerce france 2012 by yuseo
Infographie chiffres e-commerce france 2012 by yuseo
 
Ranking fifa
Ranking fifaRanking fifa
Ranking fifa
 
Eshelon2014
Eshelon2014Eshelon2014
Eshelon2014
 
Linn tudung
Linn tudungLinn tudung
Linn tudung
 
Diploma
DiplomaDiploma
Diploma
 
El talento emprendedor
El talento emprendedorEl talento emprendedor
El talento emprendedor
 
Jiji
JijiJiji
Jiji
 
Certificación Intl Service Quality Institute
Certificación Intl Service Quality InstituteCertificación Intl Service Quality Institute
Certificación Intl Service Quality Institute
 
L'atmosfera
L'atmosferaL'atmosfera
L'atmosfera
 
Programa mod2
Programa mod2Programa mod2
Programa mod2
 
Pekas 2
Pekas 2Pekas 2
Pekas 2
 
Horario 2012
Horario 2012Horario 2012
Horario 2012
 
MVC com Zend Framework - PHP Conference Brasil 2010
MVC com Zend Framework - PHP Conference Brasil 2010MVC com Zend Framework - PHP Conference Brasil 2010
MVC com Zend Framework - PHP Conference Brasil 2010
 

Ähnlich wie Sviluppo di contenuti Flash Platform su iOS e Android

Mobile platforms development overview
Mobile platforms development overviewMobile platforms development overview
Mobile platforms development overviewAlfredo Morresi
 
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1codeblock
 
Sviluppare applicazioni mobile native in html e java script
Sviluppare applicazioni mobile native in html e java scriptSviluppare applicazioni mobile native in html e java script
Sviluppare applicazioni mobile native in html e java scriptFabio Franzini
 
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbria
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbriaRoadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbria
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbriaFabrizio Bernabei
 
Cv ivano esposito2012_settembre
Cv ivano esposito2012_settembreCv ivano esposito2012_settembre
Cv ivano esposito2012_settembreIvan_xp
 
Whymca - Sviluppare applicazioni mobile native in html e javascript
Whymca - Sviluppare applicazioni mobile native in html e javascriptWhymca - Sviluppare applicazioni mobile native in html e javascript
Whymca - Sviluppare applicazioni mobile native in html e javascriptFabio Franzini
 
Iphone Internet Mobile
Iphone Internet MobileIphone Internet Mobile
Iphone Internet MobilePivari.com
 
MobileDevCamp2012 - Android
MobileDevCamp2012 - AndroidMobileDevCamp2012 - Android
MobileDevCamp2012 - Androidmobiledevcamp
 
Corso multimedi ale
Corso multimedi aleCorso multimedi ale
Corso multimedi alealefix85
 
Alessandro Forte - Windows Vista 4 Dev - Parte 2
Alessandro Forte - Windows Vista 4 Dev - Parte 2Alessandro Forte - Windows Vista 4 Dev - Parte 2
Alessandro Forte - Windows Vista 4 Dev - Parte 2Alessandro Forte
 
Tech webinar: iOS Get Started
Tech webinar: iOS Get StartedTech webinar: iOS Get Started
Tech webinar: iOS Get StartedCodemotion
 
Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Alessandro Bogliolo
 
Ionic Cordova vs React Native
Ionic Cordova vs React NativeIonic Cordova vs React Native
Ionic Cordova vs React NativeAntonio Gallo
 
Android, panoramica e sviluppo
Android, panoramica e sviluppoAndroid, panoramica e sviluppo
Android, panoramica e sviluppoLorenzo Braghetto
 

Ähnlich wie Sviluppo di contenuti Flash Platform su iOS e Android (20)

Mobile platforms development overview
Mobile platforms development overviewMobile platforms development overview
Mobile platforms development overview
 
Io, Android
Io, AndroidIo, Android
Io, Android
 
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1
L'EVOLUZIONE E LE NOVITÀ DI WINDOWS PHONE 8.1
 
Sviluppare applicazioni mobile native in html e java script
Sviluppare applicazioni mobile native in html e java scriptSviluppare applicazioni mobile native in html e java script
Sviluppare applicazioni mobile native in html e java script
 
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbria
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbriaRoadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbria
Roadmap pubblicazione app WP7 - Community Tour 2011 DotNetUmbria
 
Cv ivano esposito2012_settembre
Cv ivano esposito2012_settembreCv ivano esposito2012_settembre
Cv ivano esposito2012_settembre
 
Mobile development .net
Mobile development .netMobile development .net
Mobile development .net
 
Whymca - Sviluppare applicazioni mobile native in html e javascript
Whymca - Sviluppare applicazioni mobile native in html e javascriptWhymca - Sviluppare applicazioni mobile native in html e javascript
Whymca - Sviluppare applicazioni mobile native in html e javascript
 
7. Il browser
7. Il browser7. Il browser
7. Il browser
 
Iphone Internet Mobile
Iphone Internet MobileIphone Internet Mobile
Iphone Internet Mobile
 
12. Mobile internet
12. Mobile internet 12. Mobile internet
12. Mobile internet
 
MobileDevCamp2012 - Android
MobileDevCamp2012 - AndroidMobileDevCamp2012 - Android
MobileDevCamp2012 - Android
 
MonoTouch, un anno dopo
MonoTouch, un anno dopoMonoTouch, un anno dopo
MonoTouch, un anno dopo
 
Corso multimedi ale
Corso multimedi aleCorso multimedi ale
Corso multimedi ale
 
Alessandro Forte - Windows Vista 4 Dev - Parte 2
Alessandro Forte - Windows Vista 4 Dev - Parte 2Alessandro Forte - Windows Vista 4 Dev - Parte 2
Alessandro Forte - Windows Vista 4 Dev - Parte 2
 
Tech webinar: iOS Get Started
Tech webinar: iOS Get StartedTech webinar: iOS Get Started
Tech webinar: iOS Get Started
 
Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)Android Code Camp for Beginners - Ecosistema Android (IT)
Android Code Camp for Beginners - Ecosistema Android (IT)
 
Ionic Cordova vs React Native
Ionic Cordova vs React NativeIonic Cordova vs React Native
Ionic Cordova vs React Native
 
Reportage Delphi Day 2012
Reportage Delphi Day 2012Reportage Delphi Day 2012
Reportage Delphi Day 2012
 
Android, panoramica e sviluppo
Android, panoramica e sviluppoAndroid, panoramica e sviluppo
Android, panoramica e sviluppo
 

Mehr von luca mezzalira

Mvi an architecture for reactive programming
Mvi an architecture for reactive programmingMvi an architecture for reactive programming
Mvi an architecture for reactive programmingluca mezzalira
 
Cycle.js a reactive framework
Cycle.js  a reactive frameworkCycle.js  a reactive framework
Cycle.js a reactive frameworkluca mezzalira
 
Reactive programming with cycle.js
Reactive programming with cycle.jsReactive programming with cycle.js
Reactive programming with cycle.jsluca mezzalira
 
Next generation of frontend architectures
Next generation of frontend architecturesNext generation of frontend architectures
Next generation of frontend architecturesluca mezzalira
 
Evolution of front end architectures
Evolution of front end architecturesEvolution of front end architectures
Evolution of front end architecturesluca mezzalira
 
Kaizen - the key of continuos improvement
Kaizen - the key of continuos improvementKaizen - the key of continuos improvement
Kaizen - the key of continuos improvementluca mezzalira
 
Having fun with Adobe AIR 2013
Having fun with Adobe AIR 2013Having fun with Adobe AIR 2013
Having fun with Adobe AIR 2013luca mezzalira
 
Flash Platform Ovierview
Flash Platform OvierviewFlash Platform Ovierview
Flash Platform Ovierviewluca mezzalira
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobileluca mezzalira
 
Actionscript 3 Design Pattern
Actionscript 3 Design PatternActionscript 3 Design Pattern
Actionscript 3 Design Patternluca mezzalira
 
Flash Platform & Android
Flash Platform & AndroidFlash Platform & Android
Flash Platform & Androidluca mezzalira
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platformluca mezzalira
 

Mehr von luca mezzalira (13)

Mvi an architecture for reactive programming
Mvi an architecture for reactive programmingMvi an architecture for reactive programming
Mvi an architecture for reactive programming
 
Cycle.js a reactive framework
Cycle.js  a reactive frameworkCycle.js  a reactive framework
Cycle.js a reactive framework
 
Reactive programming with cycle.js
Reactive programming with cycle.jsReactive programming with cycle.js
Reactive programming with cycle.js
 
Next generation of frontend architectures
Next generation of frontend architecturesNext generation of frontend architectures
Next generation of frontend architectures
 
Evolution of front end architectures
Evolution of front end architecturesEvolution of front end architectures
Evolution of front end architectures
 
Kaizen - the key of continuos improvement
Kaizen - the key of continuos improvementKaizen - the key of continuos improvement
Kaizen - the key of continuos improvement
 
Having fun with Adobe AIR 2013
Having fun with Adobe AIR 2013Having fun with Adobe AIR 2013
Having fun with Adobe AIR 2013
 
Flash Platform Ovierview
Flash Platform OvierviewFlash Platform Ovierview
Flash Platform Ovierview
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobile
 
Actionscript 3 Design Pattern
Actionscript 3 Design PatternActionscript 3 Design Pattern
Actionscript 3 Design Pattern
 
Flash Platform & Android
Flash Platform & AndroidFlash Platform & Android
Flash Platform & Android
 
Adobe AIR & Printing
Adobe AIR & PrintingAdobe AIR & Printing
Adobe AIR & Printing
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
 

Sviluppo di contenuti Flash Platform su iOS e Android

  • 1. Sviluppo applicativi Flash Platform su iOS e Android relatore: Luca Mezzalira Wednesday, February 16, 2011
  • 3. Previsioni 2012 http://stocksandblogs.com Wednesday, February 16, 2011
  • 4. prima di iniziare... Flash is 99% BAD! Wednesday, February 16, 2011
  • 5. Le tecnologie web sites applications Wednesday, February 16, 2011
  • 6. Flash on Mobile Wednesday, February 16, 2011
  • 7. iOS . dal 30 settembre 2010 è possibile sviluppare con Adobe AIR su iOS (iPad e iPhone) . NO FLASH PLAYER . Certificato da sviluppatore! Certificato .air ADT + LLVM .ipa Wednesday, February 16, 2011
  • 8. Android http://blog.distimo.com/ Wednesday, February 16, 2011
  • 9. Android + + + Wednesday, February 16, 2011
  • 10. diamo i numeri... . 84 milioni di smartphone e tablet con iOS e Android su cui sviluppare con Adobe AIR . oltre 20 milioni di smartphone su cui si potrà scaricare Flash Player 10.1 . oltre 50 tablet supporteranno Flash Player e Adobe AIR maggiori informazioni: http://blogs.adobe.com/ flashplatform/2011/02/flash-and-air-soars- Wednesday, February 16, 2011
  • 11. Tool di sviluppo Android Android Playbook iOS Palm Flash Lite http://labs.adobe.com/ Wednesday, February 16, 2011
  • 13. Flex HERO . Flex framework ottimizzato per mobile dalla versione 4.1 e superiori . Integrazione di alcuni componenti dedicati quali: . View . Navigator . ActionBar . Facilita lo sviluppo dell’applicativo rispetto a Flash . Gira attualmente su Android e Playbook . Tour de Flex mobile Wednesday, February 16, 2011
  • 14. AIR mobile . AIR mobile dalla 2.5 e superiori . API specifiche per il mondo mobile: - screen dimming - camera (modalità video e immagini) - camera roll - SMS & Phone call - accelerometro - GPS - SQLite - multitouch gesture - native process Wednesday, February 16, 2011
  • 16. Tips & Tricks Wednesday, February 16, 2011
  • 17. Workflow mobile application 1. Selezionate i device di riferimento per il progetto 2. Create una GUI con un’interazione simile a quella delle applicazioni native 3. Create dei mini prototipi delle main features del progetto 4. Studiate un’architettura consona al progetto 5. TESTATING TESTING TESTING Wednesday, February 16, 2011
  • 19. Vector vs Bitmap Wednesday, February 16, 2011
  • 20. UI tips & tricks . Evitare i contorni, forme vettoriali lunghe e strette . A volte è meglio una Bitmap . Progettate sia in Landscape che in Portrait mode . Max grandezza oggetti 4096x4096 . Moderare font embedding . A volte è meglio una Bitmap . Testi descrittivi con font presenti nel dispositivo . Non utilizzare MAI il TLF! . un dito è diverso dal puntatore del mouse! Wednesday, February 16, 2011
  • 21. Garbage Collector Mark & Sweep unloadAndStop(), null, delete, weak references Wednesday, February 16, 2011
  • 22. GPU vs CPU . Possiamo scegliere la modalità di rendering dei nostri DisplayObject (movieclip, sprite...) se attraverso la GPU o la CPU . iOS > GPU Blend (CPU crea, GPU renderizza) . Android > GPU Vector (GPU crea e renderizza) . In esportazione possiamo scegliere se utilizzare la GPU, CPU o lasciare al sistema la decisione Wednesday, February 16, 2011
  • 23. CPU vs GPU . Possiamo utilizzare la tecnica del BIT Blit con: CacheAsBitmapMatrix . alpha . ridimensionamento . distorsione . rotazione CacheAsBitmap . movimenti in x . movimenti in y . tween Wednesday, February 16, 2011
  • 24. Code Technique . Object Pooling . Rimuovere i listeners . Mettere a null gli oggetti . Framerate tra 20 / 24 fps . Non abusare delle gesture . Enterframe è più performante del Timer . Vector anzichè Array . StageQuality e Dynamic framerate Wednesday, February 16, 2011
  • 25. Da evitare... . Inserire oggetti fuori dallo stage . Inserire filtri su oggetti quando si renderizza su GPU . Ricreare oggetti cachati in GPU Wednesday, February 16, 2011
  • 26. Architettura software http://en.wikipedia.org/wiki/Model_View_ViewModel Wednesday, February 16, 2011
  • 28. Porting . Lavorare con i vettori anzichè bitmap . Disaccoppiamento delle caratteristiche di piattaforma . Studiate una GUI per le varie risoluzioni . Scegliete la tecnologia più adeguata Wednesday, February 16, 2011
  • 29. Risorse . tv.adobe.com . opensource.adobe.com . adobe.com/devnet . labs.adobe.com . lynda.com Wednesday, February 16, 2011
  • 31. Domande e risposte twitter: lucamezzalira email: luca@mart3.org blog: lucamezzalira.com Wednesday, February 16, 2011