flex code camp 2010 preparation

8/4/2019 Flex Code Camp 2010 Preparation

1/19

FlexCodeCamp2010(PreparationOnly)

Preparation Guide

This document is to help you prepare your own laptop for the FlexBoot Camp. If you run into any issues during completion of thisdocument, please contact [email protected].

Please make every effort to have your laptop prepared andfunctioning before you come to the Boot Camp.

License:

Other than product images, this work is licensed under a Creative Commons Attribution 3.0 Unported License. You

may redistribute and quote from parts of this article however attribution is expected. There is noneed to seek explicit permission to reuse part of this paper or quote from it.


2/19

Table of Contents

FORWARD: 3

PREPARATION 3

DownloadandinstallAdobeAIR1.5.2orlater(Mac,PC,Linux) 4

DownloadandinstallFlashBuilder4Beta 4

CoursewareCD 5

BlazeDS(Optional) 5A.InstallingandconfiguringAdobeFlexBuilder. 9

SetupandaccountwithYahooanddownloadtheSWCfile. 10AccessingtheconfiguringtheYahooMaps.swcfile. 12DownloadtheESRIArcGISSWClibrary. 12

(Optional)DownloadandinstallMAMP(Mac)orWAMP(Windows) 14

APPENDIXA:JAVAJDK 15

Downloading,installingandconfiguringJavaJDK 15

SettingtheJavaPATHandJAVA_HOME 16


3/19

Forward:

WelcometotheFlexCodeCamp.ThiscoursehasbeenputtogetherinhopestoprovidedevelopersabootcamptolearnallthebasicsofAdobeFlexandAIR

development.OuroverallgoalistoprovideyouwithanintroductiontoAIRsoyou

canmakeyourowndecisionifyouwanttopursuethisexcitingnewapplication

developmenttechnologyinthefuture.Ifyoudo,wewillbeprovidingadditional

referenceswhereyoucancontinuelearningandbecomepartofthelarger

communityafterthiscourseisover.

IMPORTANT:Thereisahighprobabilitywewillnotgetthroughtheentire

courseduringthetimeallotted.Thisisbydesign.Thecoursereflectsabest

casescenariowherebyeveryonecoversthematerialsquickly.Wefeltitbettertohaveextraratherthannotenoughcontent.Ifwedonotgetthroughthe

entirecourse,youcantaketheremaininglabsbyyourselfasthisinstructionalhandouthassufficientnotestocompleteeverything.

Wehopeyouenjoythiscourseasmuchasweenjoyedputtingittogether.Rememberwearehereforyou.Donthesitatetoaskanyquestionsduringthe

eventandafterwards.

Preparation

Totakethiscourse,youwillneedtodownloadandconfigurethefollowingsoftware;

A. InstallandconfigureAdobeFlexBuilder3.0ANDFlashBuilder4.0.Note:Ifyoudecidetoonlyuseoneofthese,mostoftheprojectswillstillworkbut

somewillnot.B. SetupanaccountwithYahooDeveloperNetworkandgetanAPIkeyC. DownloadtheYahooSWCfileD. DownloadtheESRISWCfileE. DownloadandsetuptheBlazeDSServerincludingconfiguringyour

JAVA_HOMEandPATHenvironmentalvariables.

F. (Optional)DownloadandinstallMAMP(Mac)orWAMP(Windows).OnelabrunsonMAMP,LAMPorWAMPbutitisprobablyokayifyoumissthat

one.

G. Receivetheprojectfolderscontainingallthelabsandstarterfiles.Thesecanbedistributedduringthefirsthourofthecoursebutpreparationinadvance

wouldbebetter.


4/19

DownloadandinstallAdobeAIR1.5.2orlater(Mac,PC,Linux)

1. IfyoualreadyhaveanearlierversionofAdobeAIR,simpleupdateit.ThisshouldhappenautomaticallywhenyouopenanAIRapplicationonyour

computer.

2. IfyoudoNOThaveAdobeAIRalreadyinstalled:

a. Navigatewithabrowsertohttp://get.adobe.com/air/

b. ThewebpageshouldalreadydetectyouroperatingsystemandallowyoutodownloadAdobeAIR.IFyourequireotherO/Ssupport,click

onDifferentOperatingSystem.

c. Starttheinstallerandfollowtheonscreeninstructions.

d. Ifyouhaveanyproblems,emaildnickull@adobe.com.Wewillalsobeonhand30minutespriortothelabatMAXtohelpwithinstallations.

DownloadandinstallFlashBuilder4Beta

1. Grababrowserandnavigatetohttps://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashbuilde

r4

2. EnteryourAdobeID(orcreateanewone)andanswerallthequestions.

3. Downloadtheinstallerandfollowtheinstructionsonscreen.


5/19

CoursewareCD

1. ThecoursewareCDwillbehandedoutpriortothe.Afterthatyouwillbeabletodownloaditfromhttp://www.web2open.org./courses.html

BlazeDS(Optional)

NOTE:withoutinstallingthisbuildofBlazeDSyouwillnotbeabletodotheWebServiceslab.YouwillalsohavetousethewebtocompletetheHTTPlab.We

highlyrecommendyouinstallBlazeDSifonyourcomputertoreducethe

internettrafficintheroomduringthelab.

Thereareafewlabsthatuseremotewebresources.Torunthewebserviceexample

locally,youcanusetheBlazeDSserverwithApacheAxisSOAPdownloadablefrom

http://www.web2open.org/courses/BlazeDS.zip.

NOTE:YoumusthaveaJavaJDKinstalledandconfigured.Ifyoudonothavethisdone,referetoAppendixAatthebackofthisdocument.

1. Downloadandinstallthezipfiletoyourdesktoporothersuitablelocation.

2. UnzipthedirectorytoyourharddriveandcopytheBlazeDSRootFolderovertoapermanentlocationonyourharddrive.Thisfoldershouldcontain

thefollowingfoldersandfilesasshownbelow:

3. Next,startuptheBlazeDSserver.Todothis,openaCommandWindow(orshell)andnavigateto \BlazeDS\sampledb(ifonOSX,


6/19

useforwardslashesinsteadofbackforpath).

a. OnWindows,typeinstartdb.Thisshouldstartthedatabase.C:\Documents andSettings\Administrator\Desktop\MAX2008_BuildingServiceClients\s

ampledb>startdb

C:\Documents andSettings\Administrator\Desktop\MAX2008_BuildingServiceClients\sampledb>java -cp hsqldb.jar org.hsqldb.Server[Server@1d58aae]: [Thread[main,5,main]]: checkRunning(false)entered[Server@1d58aae]: [Thread[main,5,main]]: checkRunning(false)exited[Server@1d58aae]: Startup sequence initiated from main() method[Server@1d58aae]: Loaded properties from [C:\Documents andSettings\Administrator\Desktop\MAX2008_BuildingServiceClients\sampledb\server.properties][Server@1d58aae]: Initiating startup sequence...

[Server@1d58aae]: Server socket opened successfully in 40 ms.[Server@1d58aae]: Database [index=0, id=0,db=file:flexdemodb/flexdemodb, alias=flexdemodb] opened sucessfully in 1512 ms.[Server@1d58aae]: Startup sequence completed in 1552 ms.[Server@1d58aae]: 2008-11-25 12:29:14.087 HSQLDB server 1.8.0 isonline[Server@1d58aae]: To close normally, connect and execute SHUTDOWNSQL[Server@1d58aae]: From command line, use [Ctrl]+[C] to abortabruptly

b. OnMacorLinux,openaterminalandtypesudosh./startdb.sh

4. Nowstarttheservers.

a.OnWindows,dothisbychangingdirectoriesuntilyouareatthe\BlazeDS\tomcat\bindirectory(note:use


7/19

forwardslashesonUnixbasedSystems)andtypecatalina run

C:\Documents andSettings\Administrator\Desktop\MAX2008_BuildingServiceClients\t

omcat\bin>catalina run

Using CATALINA_BASE: C:\Documents andSettings\Administrator\Desktop\MAX2008_B

uildingServiceClients\tomcat

Using CATALINA_HOME: C:\Documents andSettings\Administrator\Desktop\MAX2008_B

uildingServiceClients\tomcat

Using CATALINA_TMPDIR: C:\Documents andSettings\Administrator\Desktop\MAX2008_B

uildingServiceClients\tomcat\temp

Using JRE_HOME: C:\Program Files\Java\jdk1.6.0_10

Nov 25, 2008 12:34:20 PM org.apache.catalina.core.AprLifecycleListener init

INFO: The Apache Tomcat Native library which allows optimal performance inprodu

ction environments was not found on the java.library.path: C:\ProgramFiles\Java

\jdk1.6.0_10\bin;.;C:\WINDOWS\Sun\Java\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\CFu

sionMX7\verity\k2\_nti40\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\

Wbem;C:\Program Files\ATI Technologies\ATI Control Panel;C:\Program Files\PC-Doc

tor for Windows\services;C:\Program Files\ATI Technologies\Fire GL 3D StudioMax

;C:\WINDOWS\Downloaded Program Files;C:\Program Files\CommonFiles\MXI;C:\Progra

m Files\Common Files\Adobe\AGL;C:\Program Files\QuickTime\QTSystem\

Nov 25, 2008 12:34:20 PM org.apache.coyote.http11.Http11Protocol init

INFO: Initializing Coyote HTTP/1.1 on http-8400

Nov 25, 2008 12:34:20 PM org.apache.catalina.startup.Catalina load

INFO: Initialization processed in 432 ms

Nov 25, 2008 12:34:20 PM org.apache.catalina.core.StandardService start


8/19

INFO: Starting service Catalina

Nov 25, 2008 12:34:20 PM org.apache.catalina.core.StandardEngine start

INFO: Starting Servlet Engine: Apache Tomcat/6.0.14

Nov 25, 2008 12:34:24 PM org.apache.coyote.http11.Http11Protocol start

INFO: Starting Coyote HTTP/1.1 on http-8400

Nov 25, 2008 12:34:24 PM org.apache.jk.common.ChannelSocket init

INFO: JK: ajp13 listening on /0.0.0.0:8009

Nov 25, 2008 12:34:24 PM org.apache.jk.server.JkMain start

INFO: Jk running ID=0 time=0/20 config=null

Nov 25, 2008 12:34:24 PM org.apache.catalina.startup.Catalina start

INFO: Server startup in 3988 ms

b. OnMacOSXandLinux,dothisbychangingdirectoriesuntilyouareatthe/BlazeDS/tomcat/bindirectoryandtypesudo sh ./catalina.sh run

5. YoushouldbeabletovalidatetheserversareupandrunningbyhittingthefollowingURL:http://localhost:8400/xml/Wines.xml


9/19

6. Ifyouhaveanyproblemswiththis,cometotheclassroomearlybeforethebootcampandwewillbegladtohelp.

InstallingandconfiguringAdobeFlexBuilder3.X.

1. Takeabrowserandgotohttp://www.adobe.com/cfusion/entitlement/index.cfm?e=flexbuilder3and

downloadtheFlexBuildertrial.

2. Openupthediskimageandfollowtheonscreeninstructions.3. Notewhereyousetupyourworkspace.Thisiswhereyouwillplaceallthe

filesyouworkonandvariouslibrariesneededforthiscourse.

4. MacOSX:Bydefault,thiswillbeunderyour~home_directory/Documents/FlexBuilder3.

5. Windows:Bydefault,thiswillbeunderyourc:\ProgramFiles\Adobe\FlexBuilder3.

LINUXONLY

6. FortheLinuxversion,downloadthepluginfromhttp://labs.adobe.com/downloads/flexbuilder_linux.html.


10/19

7. Runtheinstallereithermarkingitasexecutable(chmod+x)orbyusingashelltoexecuteit(shflexbuilder_linux_install_a4_081408.bin).

8. Whenprompted,specifywhethertoinstallFlashPlayer9(notethatthisisanupdatedversionofFlashPlayer9andthatFlexBuilderLinuxwillworkwith

earlierversionsofFlashPlayer9forLinux).ThisisthedebugversionofFlashPlayer9,whichisrequiredfordebuggingsupportandexception

display.

SetupandaccountwithYahooanddownloadtheSWCfile.

1.Useyourbrowserandnavigatetohttps://developer.yahoo.com/wsregapp/

2.Signinifyoualreadyhaveanaccountorregisterforanewone.IfyouhavealreadyregisteredforanAPIkey,youcanseeitviathehyperlinknearthetopofthe

pageasshownbelow:

9. IfyoudonothaveanAPIkey,fillintheformandagreetoanylicensetermsasshownbelow:


11/19


12/19

10.ClickSubmitandakeywillbegeneratedforyou.Makesureyousaveitsomewhereinatextfileonyourdesk.

AccessingtheconfiguringtheYahooMaps.swcfile.

1.Next,youneedtodownloadandinstalltheShockWaveComponent(SWC)file.Aimyourbrowserathttp://developer.yahoo.com/flash/maps/

2.Savetheziptoyourharddriveandopenthearchive.YouwillseeafilecalledYahooMaps.swcinsidethezipasshownbelow.

3.Rememberthelocationofthisfileasyouwillneeditlater.

DownloadtheESRIArcGISSWClibrary.

1.Navigateto

http://resources.esri.com/arcgisserver/apis/flex/index.cfm?fa=downloadDisclaimer

2.agreetothetermsandconditionsofthelicenseandclickDownloadasshownbelow.


13/19

3.Savethefiletoyourharddriveasyouwillrequireitforsomelabs.

H. UnzipthefileandyouwillseeaShockWaveComponentfileasshownbelow


14/19

I. Rememberthelocationofthisfileasyouwillneeditforlabs4,5,6.

(Optional)DownloadandinstallMAMP(Mac)orWAMP(Windows)

IfyouareonaMac,downloadandinstallMAMP

http://www.mamp.info/en/index.html

IfyouareonaWindowsMachine,downloadandinstallWAMP

http://www.wampserver.com/en/

Followtheinstructionsforyourparticularoperatingsystemasperthedocoments

describinginstallation.

Additionally,downloadandinstalltheZendFrameworkforAMPPHPconnectivityfromhttp://www.zend.com/en/


15/19

AppendixA:JavaJDK

Downloading,installingandconfiguringJavaJDK

ThiscoursesusesamodifiedBlazeDSthatcontainssomeextrafilesnotfoundonthe

standardBlazeDSavailablefromAdobesOpenSourceWebsite.Inordertoinstall

andconfigureBlazeDS,youwillneedtohaveaJavaJDKonyoursystemandthe

JAVA_HOMEEnvironmentalvariablesetproperlyaswellasyourpath.

Note:IfyoualreadyhaveJavaJDK1.5(butnot1.6),pleasemoveaheadtothenextstep.Thislabwastestedwithjavaversion1.5.0_16.Tofindoutwhat

versionofJavayouhaveonyoursystem,openupacommandwindow

(Windows)orTerminal(Mac,Linux,Unix)andtypejavaversionthenhittheenterkey.

Ifyoualreadyhave1.5installed,skipaheadtoSection2tocheckclasspathandset

JAVA_HOME.

1. Navigatewithawebbrowsertohttp://java.sun.com/javase/downloads/index_jdk5.jsp

2. NavigatedownthepageuntilyouseethedownloadforJDK5.0withJavaEE.Clickondownload.

3. SelectthecorrectOperatingSystemforyourself,acceptthelicenseterms


16/19

thenclickdownloadasshownbelow

4. Onthenextscreenselectthedownloadagainandclickthebutton.

5. Savethefilestoyourdesktop,thenfollowtheinstructionsforyouroperatingsystemtocompletetheinstallationprocess.

SettingtheJavaPATHandJAVA_HOME

ThisassumesyouhaveJavaJDK1.5installedasperSection1.Totestifyourpathis

setproperly,openupacommandwindow(Windows)orTerminal(Mac,Linux,

Unix)andtypejavaversionthenhittheenterkey.Ifyouseethescreenbelow,

yourpathisset.


17/19

Ifyouseesomethingelse,youhavetosetyourpath.

IfyouworkonaMacorLinuxmachine,thisismostlikelyalreadyupandconfigured

properlysothereisnoneedtodoanythingelse.Ontheotherhand,ifyourun.

Windows

1. ClickstartandhighlightMyComputerwithyourmouse.Rightclickto

bringupthepopupmenuandselectPropertiesandclickonitasshown

below.

2. Thiswillbringupapropertiespanewithseveraloptions.ClickonthetablabelledAdvanced


18/19

3. ClickEnvironmentVariables.ThisbringsuptheEnvironmentalVariables

propertiespane.IfthereisalreadyaPATHvariabledefined,clickonthe

EditbuttonbelowUservariablesforandaddthepathto

yourjavaJDKbin.IfthereisnoPATHvariabledefined,clickNew.

4. Thispathwillbesomethinglikec:\java1_5\jdk\bin.Makesureinthatdirectorythereisajava.exeandajavac.exeinthatdirectory.


19/19

5. UnderSystemvariables,ifthereisnoJAVA_HOMEvariable,clickNewand

addone.ThevalueonlyhavetopointattherootdirectoryofyourJavainstallation.ThisMUSTcontainasubfoldercalled\bin.Thepathwillbe

somethinglikec:\java1_5\jdk.

6. ClickOkayafteraddingthesevariablesandcloseallthedialogs.

7. Totest,openacommandwindow(start>run>cmd)andtypeinjavaversionandhitreturn.Thentypejavacandhitreturn.Ifyoudonotget

bothcommandsrecognizedasshownbelow,consulttheSundocumentation

onsettingtheclasspathforyoursystem.