Adobe sony manuel d'utilisation

GE T TING ST ARTED WITH FLASH ® LITE ™ 1. x[...]

© 20 07 Adobe Syste ms Incorporat ed. All rights reser ved. Getti ng Starte d with Flash® L ite™ 1.x If this g uide is d istribu ted wit h softw are that inc ludes an end u ser agreem ent, this guide, as well as the s oftware d escribed i n it, is furn ished u nder license an d may be u sed or copied only in ac cor dance wi th th e te rms of su[...]

laws of the U nite d State s. Adob e System s Incor po rate d, 345 P ark A venu e, San J ose, C A 951 10-2 704 , USA . F or U. S. Go ver nment End U se rs, Ado be agr ees to comply wi th all appl icable equal opp ortunity laws incl uding, if appro priate , the provision s of Executive Order 112 46, as amend ed, Sectio n 402 of the Vietn am Era V et[...]

[...]

5 Contents Introducti on . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 What’s new in Fla sh Lite author ing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Guide to instru ctiona l media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Addit ional r esource[...]

6[...]

7 Introduction This manua l provid es an in trodu ctio n to Macro med ia® Flas h® Lit e™ 1.x from A dobe and describes ho w t o test your content using the Adobe® Device Cen tral CS 3 emula tor , which is part of Ad obe® F la sh® CS3 P r ofessional. The primary difference betw een using F lash Lite in F las h CS3 and in pr evious v ersi ons [...]

8I n t r o d u c t i o n Guid e to instructiona l media The F lash Lite documentatio n package includes the fo llowi ng media to help y ou learn ho w to c reate F lash Lite applicat ions: ■ G ett ing S tart ed wi th F lash Lite 1.x provid es an o verview of F lash Li te 1.x tec hnology a nd developing F lash Lite co ntent for mobile devices . I t[...]

Typogr aph ical conve nti ons 9 Addi tional resourc es F or the late st in form atio n on deve lop ing Flas h Lit e app lica tion s, plu s advice from expert users, adva nced topics, examples, t ips, and other updates, see the M o bile a nd Devices Developer Center at www .adobe.com/ go/developer _flashli te . F o r T e chN o tes, d ocumenta tion u[...]

10 Introduc tion[...]

11 1 CHAPT ER 1 Flash Lite Overview This cha pter conta ins the following t opics: About Flash Lit e techno logy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Flash L ite 1.x a vailabi lity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 About Flash Lit e conten t typ es . . . . . . . . . . . . . . [...]

12 Flas h Lite Over view Text and fonts Fl ash Lite su pports static, d ynamic, a nd input text fields. Y ou can use fonts tha t are av aila ble on the device or em bed font data in your pu blish ed SW F file . For more informat ion about using text and fonts in Fl ash Lite, see Chap ter 2, “W orking wi th T ext an d F onts ” in Deve loping Fl [...]

About Flash Lite content types 13 Glob ally avai lable de vices that support F lash Li te inclu de the S ymbian S eries 60-based devices from N okia, Sen do, and Sei mens, and the Symbian UIQ-based devi ces from So ny-E riccson. As o f th is writing, al l globa lly availa ble devices support only the stand-al one F las h Lite play er . The stand- a[...]

14 Flas h Li te Overvi ew Each F lash Lite content type, pair ed wit h a specific devi ce, defines a specifi c set of F lash Lit e feat ures t hat ar e ava ilable t o your appli cation. F or exam ple , a Flash a ppl icatio n th at's r un ning as a sc reen sa ver is not ty pic all y allowed to make net work conn ectio ns or down load da ta. The[...]

Flash Lite authoring features 15 The follo wing figur e illustrat es the iterat ive development a nd testing process descri bed abov e. Flash Lite authoring features This section d iscusses the features i n Fla sh designed specifically for F lash Lite de velop ers. W ith t he exc epti on of th e device templat es feat ure, the follo wi ng fea tur e[...]

16 Flas h Lite Over view The Property inspector cont ains a section that provides in form ation about y our curren t devic e settings, as w ell as a butto n that lets y ou open the Devic e Set tings dia log box. Th is but ton is ac tive only when y our docume nt ’ s V ersio n se tting o n the F l as h tab o f the P ublish S etting dialo g box is [...]

Using Flash L ite document templates 17 As the followi ng figure sho ws, Fl ash Lite documen t templates ar e organiz ed into sev eral gr oups, including G lobal H andsets and J a panese Ha ndsets. The name of ea ch template in each group in cludes the tar get device name and screen size. The Glo bal Ha ndsets category contai ns temp lates fo r cr [...]

18 Flash Li te Overvi ew Hello World Flash Lite application In this s ectio n, you cre ate a simple F la sh Lite applic atio n and te st it i n th e Adob e Device Central em ulator . The purpose of this tut orial is to acquaint you wi th the m obile au thori ng and t esting fe atur es in Adobe F lash CS3 P r ofessional as well as t he general workf[...]

Hello Wo rld Flash Lite applic ation 19 6. In the Tool s panel, sel ect the Text to ol and d rag to create a text box on the Stage. Ty p e He ll o, wo r ld ! (o r other text ) in t he text box. 7. Select C ontrol > Test Movie to export your appli cation to Adobe Device Central a nd view your a pplication i n the Adobe Device C entral emulato r. [...]

20 Flash Lite Over view About the stand-alone Flash Lite player The stan d-alo ne F lash Li te 1.1 pl ayer is an a pplic atio n that allo ws y ou to open an d view SWF files that r eside on you r device ’ s memory card, that you b ro wse to in y our device ’ s mobile w eb b row ser , or that y ou r eceive in your device ’ s messaging in-bo x [...]

21 2 CHAPT ER 2 Creating a Flash Lite Applicat ion In this s ection, you ’ll develop an Adobe Flash Li te applica tion that prom otes a f ictio nal r est aurant called Café T o wnsend. U sers can vi ew a list of special s at the resta urant and call t he rest aurant to make r eservations. This cha pter conta ins the following topi cs: Café ap p[...]

22 Creating a Flash Lite Ap plication If the u ser select s the S pecials m enu opti on, a screen for navigat ing a list of today ’ s specials appears. T o browse im ages an d descriptions of the specials, the user pr esses the device ’ s Right soft key (label ed N ext) . T o return to the main a pplicat ion, the user press es the Left soft key[...]

Creating the application 23 3. To inter act with the appl icat ion, do the foll owing: ■ On the main scre en, clic k the Do wn Ar ro w key on the emulator ’ s keypad to select t he S pecials menu item. Then cli ck the S elect key on the emulator to view the specials screen . ■ On the specials screen, click the Ri ght soft key (N ext) on the e[...]

24 Creating a Flash Lite Application Selecting your test devices and co ntent type Y ou use Device Central to sele ct th e device s and co ntent t ype th at y ou are targeting. When you t est y our applic ation in the A dobe Devi ce Central emulator , the emula tor configur es itself to match the configu ration of the player o n the target device a[...]

Creating the application 25 4. Drag an ins tance of the but ton symbo l nam ed Reservat ions t o the St age and po siti on it belo w the Speci als but ton, a s the foll owing image sho ws: 5. Select t he Specials button, an d open t he Actions panel (Wi ndow > A ctions ). 6. Add the fol lowing co de to the Act ions pan el: on(press) { gotoAndSto[...]

26 Creating a Flash Lite Application 10. Open the Actions panel and en ter the fo llowing code: stop(); _focusRect = false; fscommand2("resetsoftkeys"); fscommand2("setquality", "high"); fscommand2("fullscreen", "true"); This co de does the followin g: ■ Stops th e play head at th is fra me. ■ D[...]

Creating the application 27 Cre atin g th e sp eci al s scr een In this section , you ’ll create t he user interface el ements that l et the u ser bro wse images and descriptions o f each special. The specials screen cons ists of the fol lowing par ts: ■ An anima tion that t ransitions b etween i mages of each special. ■ Dyna mic text fields [...]

28 Creating a Flash Lite Application T o create the a nimation you ’ll use a pr ebuilt movie clip that contai ns images of all the special s arranged in a vertical column . Y ou ’ll use a masking layer to make onl y one of the images visi ble. Then y ou ’ll cr eate a ser ies of tweens tha t mo ve the mo vie clip upward , so th at a different [...]

Creating the application 29 To create the image ani mation: 1. Open the file you saved in the previou s section (see “Cre ating the me nu for the main screen” on page 24 ). 2. In the Timel ine, sel ect the keyf rame on Fr ame 10 on the lay er named I mages. 3. Open the Libra ry panel, and dra g the symbol nam ed Specials Images movie clip to th[...]

30 Creating a Flash Lite Application 13. To create the mas k layer, select the Images la yer in the Timeline, a nd then selec t Ins ert > T imel ine > Ne w La yer (o r clic k the In ser t Layer butt on in the Tim eline). 14. Insert a keyframe on F rame 10 of t he new mas k layer. 15. Using the Rectangle tool in the Too ls panel, creat e a rec[...]

Creating the application 31 18. Save your chang es (Fi le > Save) . At thi s point, if you w er e to test the ap plication i n the emula tor , the animation y ou cr eated would pla y through t o the end and then stop . In the next sectio n (s ee “ A dding navigat ion and t ext to the specials screen ” on page 31 ), yo u ’ll ad d Actio nScr[...]

32 Creating a Flash Lite Application 4. With the text field selected on the Stage, make the following changes in the Propert y inspector: ■ Select Dynami c T ext from t he T ext T ype po p-up menu. ■ Sel ect V er dana from t he F ont pop-up m enu. ■ Sel ect the I t ali cs text sty le option. ■ Set the fo nt size to 10. ■ Sel ect B itma p [...]

Creating the application 33 9. Open the Actions panel and a dd the following code: title = "Summer salad"; description = "Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette."; fscommand2("SetSoftKeys", "Home", "Next"); stop(); This code display s the name and de[...]

34 Creating a Flash L ite Application To add navigation to the specials screen: 1. Open the file you completed in the pr evious section. 2. In th e Libr ary pan el (W indow > Libr ary), lo cate t he sy mbo l named Home and drag it to the lo wer-left corner of the Stage. 3. In the P roperty inspector , set the Home graphic’s x coo rdinate to 0 [...]

Creating the application 3 5 7. From the Lib rary, d rag the Key Cat cher bu tton symbo l and plac e it in the work ar ea off the S tage. The purpose of t his but ton is to “ c atch ” ActionScri pt keypres s events initiate d by the user , and then take the appro priate action. F or more inform atio n about u sing key c atche r butt ons, se e ?[...]

36 Creating a Flash Lite Application[...]

37 Index A Adobe De vice Cen tral em ulator 1 5 availabili ty of Flash Lite 12 available S tage size 18 C Cafe T o wnsend appl ication about 21 creating navigation 31 creating the main menu 24 creating the specia ls animation 27 creati ng the spec ials sc reen 27 content types 13 creating navigati on creating a key catcher b utton 31 using buttons [...]

38[...]