Flex & PHP 101 - Flex & PHP for Rich Internet Application Development

Slide 1: Fle x & PHP fo r Ric h Inte rne t Applic atio n De ve lo pme nt Ch a rle s B ih is S o ftwa re E n g ine e r c b ih is @a dob e .c om 1 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 2: We lco me !  Th a nks for c o m in g  Wh a t is a R IA?  F le x + P HP ?  Wh a t c a n I b uild with it? Ho w c a n I b uild with it? +   De m o  RES T  J S ON  AMF  Q&A 2 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 3: What is a RIA?  R ic h Inte rn e t App lic a tio ns  F ully fe a ture d s oftwa re pa c ka g e th a t runs in a b rows e r  Look a nd fe e l of de s ktop a pplic a tions W need TW things… e O  More th a n jus t Aja x on a we b s ite  Tra ns fe r th e proc e s s ing ne c e s s a ry for th e us e r inte rfa c e to th e c lie nt • A s e rve r for filte T  e g . Don’t g o b a c k to th e powerful HOS ring or s orting of da ta • A rich CLIENT 3 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 4: and F le x P HP  C lie nt-s ide te c h nolog y  S e rve r-s ide te c h nolog y  Ob je c t orie nte d  Ob je c t orie nte d Ac tionS c ript 3.0 P HP 5  F le x a pplic a tions a re c om pile d  P HP is c om pile d Compile loc a lly to S WF file s for th e F la s h P la ye r Compile to byte c ode for proc e s s ing by th e Ze nd R untime E ng ine  F le x B uilde r inc lude s de b ug g e r  Dre a m we a ve r doe s NOT inc lude de b ug g e r  FREE! F le x S DK is fre e to downloa d a t Adobe La bs  FREE! R e le a s e d unde r P HP Lic e ns e a nd c ons ide re d fre e by th e F re e S oftwa re F ounda tion 4 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 5: Fle x + PHP C lie nt S e rve r (F le x) (P HP ) F ull e nd-to-e nd s olution  R ic h c lie n t in te rfa c e h a n dle d b y F le x  P o we rfu l s e rve r-s ide d a ta m a n a g e m e nt h a nd le d b y P HP  E a s y in te g ra tio n b e twe e n th e two 5 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 6: PHP-Po we re d RIAs • m a pping a pplic a tion • ph oto-e diting a pplic a tion • h ttp:/ m a ps .ya h oo.c om / • h ttp:/ s e e s pots lide .c om / • live c h a t a pplic a tion • a udio-e diting a pplic a tion • h ttp:/ www.a c tiva live .c om / • h ttp:/ fine tune .c om / 6 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 7: What’s in it fo r yo u? $5.5 Billio n “R I ich nteractive Applications (RA*) are at the I centre of the drive to make the experience of a user’s interaction with software applications matter more.” Ovum “B 2010, at least 60 percent of new application y development projects will include RA technology.” I Gartne r 7 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 8: What’s in it fo r yo u? QuickTime™ and a  2 4 0 0 0 job s TIFF (Uncompressed) decompressor are needed to see this picture. QuickTime™ and a 80 0 00 0 jo b s  TIFF (Uncompressed) decompressor are needed to see this picture. * P HP job s a re 30x m ore a b unda nt th a n F le x job s 8 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 9: De m o 9 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 10: De mo  G e tting s ta rte d  S im ple HTML Ta b le  With out s orting  With s orting  F le x + P HP u s in g R E S T  F le x + P HP u s in g J S ON  F le x + P HP u s in g AMF  R e a l-world e xa m p le 10 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 11: Ge tting Starte d  Ha ve a LAMP ins ta lla tion up a nd running  Windows : WAMP , h ttp:/ www.wa m ps e rve r.c om / /  Ma c : MAMP , h ttp:/ www.m a m p.info /  P HP >= 5.2 re q uire d for J S ON lib ra ry  Downloa d F le x B uilde r:  h ttp:/ www.fle x.org / / downloa d/  C re a te a MyS QL da ta b a s e  Na m e : MyDa ta b a s e  Ta b le : Conta c ts  Colum ns : id, firs t_na m e , la s t_na m e , e m a il  Downloa d AMF P HP  h ttp:/ www.a m fph p.org / 11 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 12: Re c ap  P HP to HTML  De s ig n-e le m e nts a re c ouple d with th e da ta  ALL proc e s s ing is done on th e s e rve r-s ide  Vis ua lly re s tric te d b y HTML s tyle e le m e nts  P HP to F le x  Da ta h a ndle d s ole ly b y th e s e rve r, wh e re a s de s ig n h a ndle d b y c lie nt  P roc e s s ing is dis trib ute d a c c ording ly  Da ta proc e s s ing h a ndle d b y th e s e rve r  De s ig n proc e s s ing h a ndle d b y th e y c lie nt  Vis ua lly ric h ! 12 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 13: Fle x + PHP + Flickr = Simple Ric h Flic kr Photo Vie we r  Ac c e s s ing F lic kr s e rve rs via P HP  F lic kr re tu rn s da ta in s e ria liz e d form a t  De -s e ria liz e in P HP  Ou tpu t da ta in XML form a t, e a s ily re a d a b le a nd a c c e s s ib le fro m F le x c lie n t 13 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 14: One S te p F urth e r 14 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 15: AIR + PHP + Flickr = Simple Ric h Flickr Photo Vie we r  Mos tly th e s a m e c o de a s in th e F le x c lie n t  R e m ove d c us tom c h rom e  R e -a dde d a b ility to m ove a pplic a tion window 15 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 16: Q &A 16 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 17: Tips fo r PHP De ve lo pers  Ma ke s ure yo ur P HP is wo rkin g b e fo re b u ilding yo ur F le x a p p lic a tion  R E S T (XML output) a nd J S ON a re re a lly e a s y - J us t c a ll th e P HP s c ript in a b rows e r  F or AMF c onne c tions :  S e rvic e C a pture is a n us e ful tool, h ttp:/ ke vinla ng don.c om / e rvic e C a pture / / s  Th e F le x De b ug g e r is you r frie nd  R e a d th e h e lp doc um e nta tion a nd le a rn to us e it 17 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 18: Community Links  G e t S ta rte d with F le x a n d P HP  h ttp:/ www.fle x.org / p/ / ph  F ra m e wo rks :  Drupa l S e rvic e s Module : h ttp:/ g roups .drupa l.org / e rvic e s / / s  C a ke F ra m e work: h ttp:/ rdos .rd11.c om / a ke AMF P HP / / C  AMF Im ple m e nta tion s (a ll op e n s o urc e ):  Th e Midnig h t C ode rs  h ttp:/ www.th e m idnig h tc ode rs .c om /  AMF P HP  h ttp:/ www.a m fph p.org / / 18 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.

Slide 19: 19 2006 Adob e S ys te m s Inc orpora te d. All R ig h ts R e s e rve d.