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.
8/4/2019 Flex Code Camp 2010 Preparation
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
8/4/2019 Flex Code Camp 2010 Preparation
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.
8/4/2019 Flex Code Camp 2010 Preparation
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.
8/4/2019 Flex Code Camp 2010 Preparation
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,
8/4/2019 Flex Code Camp 2010 Preparation
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
8/4/2019 Flex Code Camp 2010 Preparation
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/4/2019 Flex Code Camp 2010 Preparation
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
8/4/2019 Flex Code Camp 2010 Preparation
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.
8/4/2019 Flex Code Camp 2010 Preparation
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:
8/4/2019 Flex Code Camp 2010 Preparation
11/19
8/4/2019 Flex Code Camp 2010 Preparation
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.
8/4/2019 Flex Code Camp 2010 Preparation
13/19
3.Savethefiletoyourharddriveasyouwillrequireitforsomelabs.
H. UnzipthefileandyouwillseeaShockWaveComponentfileasshownbelow
8/4/2019 Flex Code Camp 2010 Preparation
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/
8/4/2019 Flex Code Camp 2010 Preparation
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
8/4/2019 Flex Code Camp 2010 Preparation
16/19
thenclickdownloadasshownbelow
4. Onthenextscreenselectthedownloadagainandclickthebutton.
5. Savethefilestoyourdesktop,thenfollowtheinstructionsforyouroperatingsystemtocompletetheinstallationprocess.
SettingtheJavaPATHandJAVA_HOME
ThisassumesyouhaveJavaJDK1.5installedasperSection1.Totestifyourpathis
setproperly,openupacommandwindow(Windows)orTerminal(Mac,Linux,
Unix)andtypejavaversionthenhittheenterkey.Ifyouseethescreenbelow,
yourpathisset.
8/4/2019 Flex Code Camp 2010 Preparation
17/19
Ifyouseesomethingelse,youhavetosetyourpath.
IfyouworkonaMacorLinuxmachine,thisismostlikelyalreadyupandconfigured
properlysothereisnoneedtodoanythingelse.Ontheotherhand,ifyourun.
Windows
1. ClickstartandhighlightMyComputerwithyourmouse.Rightclickto
bringupthepopupmenuandselectPropertiesandclickonitasshown
below.
2. Thiswillbringupapropertiespanewithseveraloptions.ClickonthetablabelledAdvanced
8/4/2019 Flex Code Camp 2010 Preparation
18/19
3. ClickEnvironmentVariables.ThisbringsuptheEnvironmentalVariables
propertiespane.IfthereisalreadyaPATHvariabledefined,clickonthe
EditbuttonbelowUservariablesforandaddthepathto
yourjavaJDKbin.IfthereisnoPATHvariabledefined,clickNew.
4. Thispathwillbesomethinglikec:\java1_5\jdk\bin.Makesureinthatdirectorythereisajava.exeandajavac.exeinthatdirectory.
8/4/2019 Flex Code Camp 2010 Preparation
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.
Top Related