Adobe’nin açık kaynak çözümleri arasında en popüleri hiç kuşkusuz Flex’dir. Kısa bir süre önce Flash Builder adı altında yeniden yapılandırılan Flex platformu, Flash Builder ile ticari lisansa sahip olarak geliştiricilerin beğenisine sunulurken, Flex Framework ile de açık kaynak olarak yoluna devam etmeye başlamıştır.

Günümüz yazılım geliştirme ortamında açık kaynak çözümlerin tercih edilmeye başlanmış olması Adobe’nin bu platformda varlığının en önemli sebeplerinden biridir. Bu bağlamda Flex Framework’ün ve dolayısıyla Flash Platformunun ulaşabileceği geliştirici kitlesini en üst seviyelere taşımaya çalışan Adobe, Linux tabanlı sistemler için halen beta sürümü yayında olan ve kendi geliştirme arayüzüne sahip Flex Builder 3′ü de geliştiricilerin beğenisine sunmuş durumdadır.

Bu yazımızda odaklanacağımız platform ise Linux, Windows veya MacOS tabanlı sistemlerde lisans ücreti ödemeden kullanabileceğimiz Flex SDK’dır.

Öncelikle Flex SDK ile ilgili genel bir tanım yapalım. Flex SDK, Flash Builder ya da Flex Builder olmadan, tercih ettiğimiz bir geliştirim platformu üzerinde (ör: Eclipse) mxml kodlarını derlememize imkan verir. Flex SDK ile Flash Builder ya da Flex Builder ile oluşturduğumuz “swf” dosyalarının aynısını oluşturabiliriz. Tek fark, Flex SDK’nın grafik arayüze sahip bir tasarım ortamını bize sağlamamasıdır.

Adım Adım Flex 4 SDK Kurulumu:

1) Geliştirim ortamı olarak kullanacağımız Eclipse Classic’in son sürümünü aşağıdaki adresten kullandığımız platformu seçerek indirelim.

http://www.eclipse.org/downloads/ (Sayfanın en altında – Eclipse Classic 3.5.2)

2) İndirdiğimiz sıkıştırılmış Eclipse paketini açarak istediğimiz bölüme ve klasöre yerleştirelim.

(Windows kullanıcıları için ör: D:\ROM\projeler\eclipse)

3) Flex SDK’yı aşağıdaki adresten indirelim. Güncel sürüm olan 4. sürüm tüm platformlar için (Linux, Windows, MacOS) 138 MB’lık tek bir paket olarak yayınlanmış durumda.

http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex4sdk

4) İndirdiğimiz sıkıştırılmış Flex SDK paketini açarak daha önceden oluşturduğumuz “Eclipse” klasörü içine yerleştirelim.

(Windows kullanıcıları için ör: D:\ROM\projeler\eclipse\fx4)

5) Eclipse’i başlatalım ve yeni bir proje oluşturalım.

6) Projemizin ismini “FX Test” olarak belirleyelim ve “Finish” butunona tıklayarak projemizi oluşturalım. Projemiz, varsayılan olarak Eclipse’i kurduğumuz bölüm içindeki “workspace” klasörünün içerisine proje adı ile yerleştirilecektir.

7) Oluşturduğumuz projeye içinde Flex’in varsayılan klasör yapılarını (“bin”, “libs”, “src”) Eclipse yardımı ekleyelim.

8 ) Projemizin mevcut görünümü aşağıdaki gibi olmalıdır.

9) Projemizin ana yapısını oluşturacak “application.mxml” dosyasını “src” klasörü içerisinde oluşturalım.

10) “src” klasörü içinde oluşturduğumuz “application.mxml” isimli dosyaya çift tıklayarak editör içinde açalım ve aşağıdaki kodu yazalım.

11) Şimdi projemiz ile Flex SDK arasındaki bağlantıyı kuralım. Projemizin ana klasörü üzerinde sağ tıklayarak “Properties” iletişim kutusunu aktif hale getirelim. Burada sol bölümde yer alan “Builders” öğesini seçerek sağ bölümde yeralan “New” butonuna tıklayalım. Açılan “Choose configuration type” iletişim kutusundan “Program” Öğesini seçerek “Ok” butonuna tıklayalım.

12) Açılan “Edit Configuration” iletişim kutusunda “Name” kısmına herhangi bir isim verelim (ör: FXSDK4). “Main” sekmesinin altında yer alan “Location” bölümüne “Browse file system” butonu yardımıyla Flex derleyicisinin bulunduğu yeri tanımlayalım (Flex derleyicisi Flex SDK klasörü içindeki “bin” klasöründe bulunan “mxmlc.exe” dosyasıdır). “Working Directory” bölümüne “Browse Workspace” butonu yardımıyla proje çalışma alanımızı tanımlayalım (Tanımlama için açılan iletişim kutusundaki proje klasörünü seçmek yeterli olacaktır). Son olarak “Arguments” kısmına aşağıdaki satırı yazalım ve “Ok” butonuna tıklayalım.

src/application.mxml -output=bin/application.swf -library-path+=libs/ -target-player=10.0.0

13) Artık Project > Built All komutunu vererek kodlarımızı derleyebiliriz. Derleme sürecini “Console” bölümünden takip edebiliriz. İşlem sonucunda projemiz altında yer alan “bin” klasörü içerisinde “application.swf” dosyası oluşmuş olmalıdır.

14) “application.swf” dosyasına çift tıkladığınızda projenizi görüntüleyebilirsiniz.