Pete Brown - AIS - Real World Siverlight Dev Camp DC

Slide 1: P e te B rown Applie d Inform a tion S c ie nc e s , Inc . www.Applie dIS .c om P e rs ona l S ite : www.irrita te dVowe l.c om

Slide 2: B a lloo ns applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 3: Ca rbon Ca lc ula tor P roje c t Ma y to J uly 2007  S ta rte d on 1.0, move d to 1.1 e a rly J une  J ointly s pons ore d b y Mic ros oft a nd AIS  C lie nt: C ons e rva tion Inte rna tiona l  AIS S ta ff:  P e te B rown – P M a nd S ilve rlig h t c ode a nd Us e r  E xpe rie nc e S te ve S uing – Virtua l E a rth , S h a re P oint, a nd s ome  S ilve rlig h t roug h -ins B oth : z e ro prior S ilve rlig h t / R IA, or S h a re P oint  e xpe rie nc e applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 4: Ca rbon Ca lc ula tor C O2 C O2 applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 5: Orig ina l Ca rbon Ca lc ula tor HTML  J a va S c ript  All h a rd-c ode d  Diffic ult to  ma inta in Works we ll, but  not e ng a g ing applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 6: Dire c tion a nd Cons tra ints De live r on or b e fore 7/ 7 for th e Live E a rth 7/  e ve nt Us e orig ina l c a lc ula tor a s s ta rting point a nd  ke e p s im ple Us e e xis ting da ta a nd a lg orith ms  R e h os t / re write ok  Inte g ra te Virtua l E a rth , Im a g e s a nd Vide o to  s h ow proje c ts Us e MOS S 2007 lis ts a nd lib ra rie s for da ta  s tore applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 7: Dire c tion a nd Cons tra ints Ke e p C ons e rva tion Inte rna tiona l inte ra c tion  to a m inim um G oing th roug h e ntire s ite re de s ig n for m ultiple  doma ins Ke e p S ilve rlig h t Te a m inte ra c tion to a  m inim um P re pa ring S ilve rlig h t 1.0 re le a s e  Us e only public bits a nd inform a tion  Ke e p downloa d s iz e s m a ll – no b itm a ps  Dire c tion la te r re tra c te d rig h t be fore de live ry  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 8: Our Ve rs ion S ilve rlig h t 1.1  Virtua l E a rth  Me dia  MOS S 2007  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 9: C a rb on C a lc u la tor applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 10: S h a re P oint Inte g ra tion C lie nt S ilve rlig h t We b S ite MOS S S ite S ilve rlig h t 1.1 Hos t P a g e MOS S MOS S C a lc ula tor Na tive Lis ts C lie nt We b J S ON-E na b le d AS MX S e rvic e s F orm s Auth Ha ndle r We b S e rvic e P roxy Im pe rs ona tion Dom a in Doc um e nt Config ura tion Ob je c ts Lib ra rie s (P opula te d S e c urity, DoS P rote c tion with LINQ) Lis t Ac c e s s F unc tions applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 11: Virtua l E a rth Inte g ra tion J a va S c ript inte g ra tion la ye r  Tra ns la te points from Virtua l E a rth into  S ilve rlig h t Dra w a ll ve c tors in S ilve rlig h t  Ha ndle a ll inte ra c tion via S ilve rlig h t  Lots of e xa m ple s now a va ila ble  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 12: Us e rControls a s S c re e ns One Us e rC ontrol pe r s c re e n  Wiz a rd pa g e  F ull S c re e n  One XAML file pe r s c re e n  E a s ily ma inta ine d in B le nd  P ro vide s a fa m ilia r window-like m ode l  Optimiz e d for bunc h -of-boxe s UI, but c ould e xte nd to  more c re a tive UX Na me d s toryboa rds for S h ow a nd Hide  E a s ie r to work th a n dyna m ic s c re e ns us ing  C re a te F rom Xa m l() S e pa ra te c la s s e s / c ode -be h ind  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 13: Us e rControls a s S c re e ns Us e rCo ntro l S c re e ns F ooS c re e n.xa m l S h own/ Hidde n a s -ne e de d Main Pag e P a g e .xa m l UI e le me nts Lis tB ox, C h e c kb ox e tc . Tip: P ut s e m i-tra ns pa re nt full-s c re e n c a nva s b e h ind us e rc ontrol for m oda l-like b e h a vior applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 14: S c re e ns in th e Ca rbon Ca lc ula tor C ontrolB a s e HitB ox via # T F i n d By Na me <T>( ) J a va s c ript C a llb a c k C ontrolP a g e B a s e + v o i d S h o w( ) + v o i d Hi d e ( ) - voi d Lo g Pa g e To Hi t b o x ( ) … F ooP a g e .xa m l Known Anim a tions < Anim a te S h ow /> F ooP a g e < Anim a te Hide /> applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 15: Us e rC o ntrols As S c re e n s applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 16: De s ig ne r – De ve lope r Workflow F a irly c le a n h a nd-off be twe e n de s ig ne r a nd  de ve lope r Not a s g ood a s WP F - Ye t  E xa m ple 1  S te ve wrote vide o pla ye r func tiona lity, le ft it ug ly  P e te s tyle d up th e UI with out a ffe c ting a ny c ode  E xa m ple 2  P e te c re a te d wire fra me for Virtua l E a rth vie we r a nd le ft it  ug ly S te ve worke d with wire fra me  P e te re worke d UI with out touc h ing a ny c ode  De c ide on a c ontra c t  Control na me s , type s  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 17: Wh a t Worke d We ll B a s ic XAML-b a s e d de s ig n  LINQ  Tools , de s pite b e ing a lph a / e ta b  C ontrol Mode l  De s ig ne r / De ve lope r Workflow  B ut not a s we ll a s in WP F  J S ON We b S e rvic e Inte g ra tion  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 18: Alph a Ch a lle ng e s No in-b ox c ontrols - ye t  Cre a te d e ve ryth ing from buttons to drop-down lis ts  No window / s c re e n m ode l  Cre a te d ba s e d on a pa tte rn I us e d in VB 6  No c onc e pt of foc us or ta b b ing  P oor a nim a tion pe rform a nc e / Hig h C P U  loa d F ixe d in Aug us t a nd S e pte mbe r re fre s h e s  E rror h a ndling / re porting  Only s lig h tly be tte r th a n th e old Me th od ‘~’ of  Obje c t ‘~’ fa ile d. applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 19: Common S tumbling B loc ks Only c om m unic a te with s a m e s e rve r, dom a in,  port h ttp:/ www.Applie dIS .c om is not th e s a me a s /  h ttp:/ Applie dIS .c om or h ttp:/ www.Applie dIS .c om:8080 / / Th e mos t c ommon que s tion on th e s ilve rlig h t.ne t  forums De fa ult file na m e s (foo .h tm l.js ) c h o ke AVG  a ntivirus C a n’t c lic k th ro ug h to HTML pa g e  S ilve rlig h t doe s n’t pa s s c lic ks to unde rlying pa g e  P opup B loc ke rs don’t u nde rs ta nd S ilve rlig h t ye t  Any HTML pa g e you pop up g e ts bloc ke d  If you a c c e pt, IE 7 re loa ds pa g e , tra s h ing your a pp’s  s ta te ○ Mus s tore s silverlight, e rve r or in series  pete brown applied informationtsciences  ta te a t swpf, and ria techis ola te d s tora g e

Slide 20: Ch a ng e s We ’d Ma ke B e tte r a nim a tions now th a t pe rform a nc e h a s  im prove d Us e d to ta ke 50-75% CP U for ba s ic a nima tion  R ic h e r G ra ph ic s : G e t outs ide th e b ox/ c re e n s  m ode l Clie nt like s c urre nt ve rs ion, but th e R IA is la c king  in “R ” due to time / a lph a / e xpe rie nc e c ons tra ints S till fe e ls like a Windows a pplic a tion in ma ny wa ys  Will be e a s ie r wh e n la yout pa ne ls inc lude d  applied information sciences  silverlight, wpf, and ria tech series  pete brown

Slide 21: R e s ourc e s a nd Links S ilve rlig h t C om m unity S ite  www.s ilve rlig h t.ne t  C ons e rva tion Inte rna tiona l C a rb on C a lc ula tor  www.biodive rs ityh ots pots .org / rbonCa lc ula tor/ a g e s / Ca P  Applie d Inform a tion S c ie nc e s , Inc  www.Applie dIS .c om  All links a nd de m os a va ila b le from m y b log  www.irrita te dVowe l.c om  applied information sciences  silverlight, wpf, and ria tech series  pete brown