Sviluppo applicativi Flash Platform suiOS e Android

relatore: Luca MezzaliraWednesday, 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!

.air ADT + LLVM .ipa

Certificato

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

http://labs.adobe.com/

AndroidPlaybook

Palm

AndroidiOS

Flash Lite

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 application1. 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_ViewModelWednesday, 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

twitter: lucamezzaliraemail: luca@mart3.orgblog: lucamezzalira.com

Domande e risposte

Wednesday, February 16, 2011