Tredje och sista delen i en FDT-resa ur ett rookie-perspektiv

FDT

[No english resume, click here to translate using Google Translate]

Läs andra delen här

Sextonde timmen
Börjar söka på saker som har att göra med FDT och SVN. Jag försöker ställa in SvnBridge att peka mot vår TFS, problemet är att jag inte exakt vet hur jag ska skriva. Jag hittar inga bra artiklar som visar hur man använder SVN i FDT, däremot hittar jag en plug-in som heter Subclipse. Kanske att jag kan peka den mot SvnBridge…
http://www.flashmagazine.com/…/setting_up_subversion_with_adobe_flash_builder_4/

Continue reading

FDT, del 1

FDT

[No english resume, click here to translate using Google Translate]

De första 6 timmarna

Jag bestämde mig för att dela upp de 24 timmarna som jag ska ge detta, annars hade denna post blivit på tok för lång och ingen hade orkat läsa.

Första timmen
Mailade Bruno på Powerflasher för att få tips om bra tutorials (Det visade sig att Bruno har slutat jobba för Powerflasher (oops…) och han hänvisar vidare till en kille som heter Simon).

Sökte efter tutorials för nybörjare och hittade dessa:
http://fdt.powerflasher.com/blog/2008/10/fdt-tutorial-list/
http://blog.wezside.co.za/blog/complete-starter-guide-for-fdt-flash-dev/
http://flashmech.net/2011/08/beginner-guide-powerflasher-fdt-4
http://active.tutsplus.com/tutorials/workflow/beginners-guide-to-powerflashers-fdt-4/
http://apdevblog.com/top-7-things-fdt4-beginner/
http://hfug.net/setting-up-fdt-for-flash-cs-5/
http://welovefdt.com/

Utifrån dessa och eventuellt de länkar som Bruno skickar om han svarar snabbt ska jag jobba vidare från.Inser att jag inte har en aning om vad Views och Perspective är för något.

Inser också att jag har FDT 4 och inte 4.5, kör uppdateraren och hämtar hem 4.5.

Jag får upp en dialogruta efter installationen som säger:

“Required SDKs are missing
FDT can´t find the required SDKs it needs.
Please make sure you have at least both the Flex 4.5.0 and Flex 3.6.0 installed and configured correctly.
http://fdt.powerflasher.com/docs/Installing_3.6_%26_4.5_SDKs

Äuumm… vad ska jag med Flex 3.6.0 SDK till?! Ingen aning, men jag gör som de säger i filmen (som finns att se om man följer länken) och laddar ner 3.6 och 4.5.1. Jag har SDKs överallt på hårddisken, så nu skapar jag en gång för alla en SDKs mapp i roten på disken och packar upp de nedladdade filerna dit. FDT öppnar automatiskt inställningsfönstret när jag klickar på ok i dialogrutan. Här lägger jag till de nedladdade SDK mapparna och gör 4.5.1 till standard genom att bocka i kryssrutan framför den.

Är sjukt sugen på att kicka igång ett nytt projekt i FDT nu när jag har allt uppe och snurrar. Men först så måste jag läsa på om vad Workplace är för något. Jag har bara ungefär koll på vad det är och jag vill göra så mycket rätt som möjligt. Hoppar tillbaka till de tutorials jag har hittat.

Det ska finnas något som heter Flash Perspective, vet inte vad det innebär riktigt ännu, men under:

Window > Open perspective > Other

finns det mycket riktigt något som heter Flash FDT och den verkar vara vald som standard.

Andra timmen
I den tutorial jag för tillfället följer (http://blog.wezside.co.za/blog/complete-starter-guide-for-fdt-flash-dev/) så står det att jag nu ska skapa ett nytt projekt. Whooohooo, jag klarar inte av att vänta på Workspace längre. Nu kör vi! Jag skapar ett nytt webbprojekt i AS3 och döper det till “myFirstFDTProject”. Jag inser nu också att jag antagligen har valt Workspace den gången jag installerade och öppnade FDT. Ska kolla vad det innebär senare… Jag tror jag har satt mitt/min workspace till den mapp där jag har alla mina projekt, vilket kanske är dumt. Jag har läst någonstans att man ska ha olika workspaces för olika kunder då alla projekt i samma workspace hamnar i listan – som jag inte vet var jag kan se just nu. Jag bockar därför ur “Use default location” och pekar om den till en testmapp där jag vill att detta projektet ska ligga efterföljt av projektnamnet så projektet får en egen katalog i testmappen. Jag är lite nyfiken på vad FDT genererar för HTML kod så jag bockar i “Include HTML Wrapper” också. Unit testing däremot lämnar jag urbockad. Klickar Finish och är uppe och kör :) najs.

Kollar lite på inställningarna och på htmlkoden FDT genererat. Några frågor som direkt poppar upp är: Vad gör den där history js filen…? och varför står det att det är swfVersion 10.1.0 när bara jag bara kan välja att kompilera till 10.2 i inställningarna…? Ok, tillbaka till tutorialen…

Jag missade nog att jag kunde klicka på “next” när jag skapade projektet… Undrar vad som fanns där?! Antar att de inställningar man gör där även går att göra inne i projektinställningarna, men jag vet inte vilka det är.

Tredje timmen
Det första jag får är en varning från FDT, jag har skrivit en lokal variabel som inte används. Hoppas sånt går att stänga av, känns en smula onödigt att få veta det under tiden man kodar.

Jag har fått svar från Bruno, han hänvisar mig till: http://fdt.powerflasher.com/docs/Main_Page#FDT_Getting_Started_Guide

Jag går igenom alla inställningarna, fixar lite med hur jag vill att koden ska formateras och sånt småpill. Jag ändrar också workspace för att begränsa antalet projekt till testmappen. I och med det så får jag importera projektet jag skapade tidigare. Nu upptäcker jag också att FDT inte verkar vilja ta min 32 bitars debugversion av Flash Player, vilket är störigt eftersom att utan den så kommer jag inte att se tracemeddelanden. För att få en 64 bitars version måste jag nedgradera till 10.2. Ok jag har inte tänkt att jobba med 10.3 specifika saker just nu, så det känns ok. Laddar ner 10.2 här: http://fpdownload.macromedia.com/…/fp_10.2.159.1_archive.zip samt avinstalleraren här: http://kb2.adobe.com/cps/141/tn_14157.html (Läs vad som står på sidan noga om du ska köra den!) Stänger av allt som använder Flash Player och kör.

Riktigt störigt, får fortfarande samma meddelande när jag startar FDT. Att jag måste ha Flash 9 installerad för att se Väkomstskärmen… Jag får återkomma till detta vid ett senare tillfälle.

Jag kompilerar och inser att inte det heller fungerar. Den promtar om att jag ska installera en Flash Player som inte är debugversion. Nope, won´t do it. Hittar en inställning under:

Window > Preferences > FDT > Tools > Flash

Här ska man fylla i sökvägarna till:

  1. Flash Professional, jag antar att man kan välja att kompilera genom Flash Professional. Anger sökvägen till Flash.
  2. Flash Player, hmmm… Bingo! Jag hänvisar till:
    C:\Program Files (x86)\Adobe\Adobe Flash CS5.5\ ↵
    Players\Debug\FlashPlayerDebugger.exe
  3. Flash ASO Directory, vet inte riktigt vad detta innebär så jag googlar på “flash aso directory” och tar första resultatet: http://hfug.net/setting-up-fdt-for-flash-cs-5/ Där står det att de problem jag har kan uppstå om man nyligen (efter FDT installationen gissar jag) installerat Flash CS 5 (antar att det inte spelar någon roll vilken version det handlar om…). Sökvägen till min ASO mapp är annorlunda eftersom jag kör Windows 7:
    C:\Users\{user}\AppData\Local\Adobe\Flash CS5.5\ ↵
    en_US\Configuration\Classes\aso

Wooooot! Det funkar, nu får jag mina tracemeddelanden! Pust! Välkomstskärmen vill fortfarande inte vara med och leka men det skiter jag i.

Fjärde timmen
Tillbaka till tutorialen, vet inte riktigt vad nästa steg blir… Det finns en hel del intressanta detaljer i ett arbetsflöde som FDT stödjer, men det känns som att de kommer lite senare.

Jag tror jag ska försöka länka in mina kodbibliotek. Jag har ett egenutvecklat och en extern samling med klasser. De måste in på global nivå och inte vara projektspecifika. Det måste ligga under:

Window > Preferences

men det finns så galet mycket grejer man kan ställa in så jag övergår till Google. Hittar poster där det står att det är lätt… hm. Slänger ut en fråga på Twitter istället…

Hittar något som heter Linked Resources i Preferences under:

General > Workspace > Linked Resources.

Ingen aning om det är rätt men jag provar.

Det verkar inte funka… Jag lägger istället till den under:

Project > Properties > Source

men då kommer den bara att läggas till i detta projektet. -Det funkar, men det är inte så jag vill ha det.

Fortsätter söka och det verkar ändå som att Linked Resources är rätt, men att man måste lägga till en länkad källa i projektets source… Mysko. Det funkar men jag tycker att det är ett väldigt knasigt sätt att hantera det på. I FlashDevelop lägger man till det under “Global Classpaths…” och så har man alltid åtkomst till biblioteken i alla projekt, här är det två steg alltså:

  1. Lägg till sökvägen till ditt klassbibliotek och ge den ett namn/id :
    General > Workspace > Linked Resources.
  2. Lägg till den länkade källan i ditt projekt.
    Project > Properties > Source > Add Linked Resource

Femte timmen
Nästa steg känns som att länka in en swc fil och det funkar på samma sätt som en mapp med as filer, förutom att man väljer “File” istället för “Folder” under Add Linked Resources.

Något jag inte riktigt får rätt på är om man skriver ex:

var tLabel:Label = new Label();

så får man inte upp några code hints och den importerar inte automatiskt. Det måste gå att få tycker jag. Ska forska lite.

Ha, ha! Ramlade över denna länken: http://www.stevensacks.net/2010/04/30/setting-up-fdt-to-look-and-behave-like-flashdevelop/ Det är givetvis något jag måste göra :D

Så bra det blev! Hittade dessutom var jag kunde avaktivera den där varningen på ej använda variabler.

Preferences > FDT > Problems > AS3 Problems >
Declarations > Local variable is never used = Disabled

Jag förstår givetvis att det är bra att ha, men jag tycker det vansinnigt störigt att få upp en varning när man sitter och skriver kod bara för att man inte hunnit använda variabeln ännu. Bättre då att aktivera den när man ska leverera projektet och rensa upp skit man inte använt av någon anledning.

Sjätte timmen
En sak som stör mig är att man måste trycka F11, klicka på en droplista eller använda menyn för att kompilera. Detta var rätt lätt att fixa, man mappar bara om snabbkommandot F11 och Shift+F11 till Ctrl+Enter och Shift+Ctrl+Enter för att kompilera som debug och som vanligt.

Testar Ctrl+1 på lite olika saker. Man kan tex skriva:

tLabel = new Label();

och sedan ställa markören på tLabel och trycka Ctrl+1 så får man upp en kontextmeny där man kan göra olika saker. Bland annat så kan man skapa en ny klass eller göra tLabel till en privat variabel i klassen man är i. Detta är en bra feature, jämförbar med FlashDevelops Ctrl+Shift+1 som jag använder typ 3 gånger i minuten, skillnaden här är att man låter bli att deklarera variablen.

Nästa gång…

Detta var en summering av mina första 2 dagar i FDT. tyvärr hann jag inte med mer då andra saker kom emellan och jag var tvungen att hoppa fram och tillbaka i projekt. Jag vet fortfarande inte riktigt vad Views och Perspective är för något, så det är något jag ska undersöka. Jag tror också att jag ska köra ett riktigt case för att se om jag kan hitta andra styrkor eller svagheter när man kommer ner under toppen av isberget.

Tycker du att jag gör konstiga saker eller har du några tips på något jag har tagit upp i denna post? Skriv en rad i kommentarsfältet så blir jag glad!
Läs andra delen här

Prelude: Mina första 24 timmar i FDT

FDT

Jag har fått en lucka i min bokning på jobbet och har bestämt mig för att lära mig FDT 4.5! Jag har flera vänner som är så förbaskat nöjda med detta IDE och jag har länge velat lära känna det eller Flash Builder bättre. Det är dock med viss skepsis som jag lär mig ett Eclipsebaserat IDE, jag avskyr verkligen Eclipse då mina erfarenheter av det har gett mig uppfattningen att det är trögt och svårt att förstå sig på.

Nästa blogpost kommer att bli den längsta jag skriver i mitt liv. Jag kommer nämligen att dokumentera varje steg i hela min 24-timmars FDT-resa. Jag ska försöka dela upp den så det blir intressant att läsa. Nu kommer jag inte att jobba 24 timmar i sträck. Jag fördelar det på en vecka men kommer att redovisa det timme för timme har jag tänkt mig.

Förhoppningsvis har jag uppe den på fredag om inget annat kommer emellan!