Dreamweaver CS3 ile AIR Uygulamaları Geliştirmek
16 Temmuz 2008 – 19:58Adobe AIR ile masaüstü uygulamaları geliştirmek için HTML ve Javascript kullanabilirsiniz. Yani klasik sistemde yaptığınız HTML dosyalarını birer masaüstü uygulamalarına çevirebilirsiniz. Bunun için kullanılacak iki yöntem var. Birincisi AIR SDK komut satırını kullanarak. İkincisi ise Dreamweaver CS3 ya da AIR programlarını destekleyen farklı bir web geliştirme aracını kullanmak.
Bu makalede bu işlemi Dreamweaver CS3 ile nasıl yapabileceğimize değineceğim. Bunun için üç şeye ihtiyacınız var. Birincisi Dreamweaver CS3 için geliştirilmiş AIR eklentisi. Bu eklenti sayesinde kolayca HTML sayfalarını AIR uygulamalarına dönüştürebilirsiniz. İkincisi ise Java JRE 1.4 veya daha yüksek bir sürümü. Üçüncüsü ise Adobe AIR Runtime. Adobe AIR Runtime yapılan uygulamaların bilgisayarınızda çalışmasına olanak sunar. Yani bunu bir nevi bir Player gibi düşünebilirsiniz. AIR Runtime olmadan sizin yaptığınız uygulama yüklenemeyecektir.
Adobe AIR Dreamweaver CS3 eklentisi;
http://www.adobe.com/products/air/tools/ajax/#section-2
Java JRE
http://java.sun.com/j2se/1.4.2/download.html
Adobe AIR Runtime
http://www.adobe.com/go/getair
Java JRE sadece HTML tarafında uygulama geliştirme için ihtiyaç duyuyoruz. Bunun harici ise bir gereklilik yok. Ayrıca Java JRE nin son kullanıcının bilgisayarında olması gibi bir zorunlulukta yok.
Yukarıdaki program ve eklentileri kurduktan sonra Dreamweaver CS3 programını yeniden başlatmanız gerekmektedir. Bu işlemlerin tamamının yapıldığını farz ediyorum ve başlıyorum.
İlk olarak Dreamweaver içerisinden yeni bir Site oluşturuyoruz. Bunun için üst menüdeki “Site” tuşuna basıp “New Site” seçeneğini seçiyorsunuz.
Burada sadece site ismini ve sitenin kayıt edileceği klasörün bilgisini girmeniz yeterli olacaktır.
Şimdi ise yeni bir html dokümanı açıp bunu belirlediğiniz bir isim ile kayıt edin. Açılan HTML dokümanına rastgele birkaç cümle yazın. Buradaki amaç sadece uygulamanın çalıştığını görmek. Bu haliyle bu html dokümanını bir AIR uygulamasına dönüştürebiliriz. Tabii isterseniz birkaç ekstra işlevsellik de katabilirsiniz. Şimdi tekrar üst menüdeki “Site” tuşuna basıp “AIR Application Settings” seçeneğini seçin. Tıkladığınızda karşınıza aşağıdaki gibi bir panel açılacaktır.
Bu panelde yer alan bilgiler gelirsek, en üstten alta doğru;
File Name – Çalışmanıza vermek istediğiniz ad- Bu ad AIR dosyanızın adı ve yüklemeden sonra masa üzerinde dosyanın alacağı ad, tabii her masaüstü programı gibi buda değişebilir.
Name - Buraya yazacağınız isim bir nevi tanım, yani buradaki dosyanızın gerçek ismi diyebiliriz
ID – Dosya verdiğiniz tekil ID. Bu ID yardımıyla daha önce buna benzer bir dosya olup olmadığını kontrol ediyor. İstediğiniz takdirde bu default olarak yaratılan ID yi değiştirebilirisiniz. Dikkat etmeniz gerek nokta ise sadece latin karakterler, sayı, nokta ve kısa çizgi kullanabilirsiniz.
Version – Yaptığınız AIR uygulamasının versiyonu.
Initial content – Burada AIR uygulaması çalıştığında devreye girdiğinde çalışacak olan ilk HTML dosyasının adresi yer alıyor. Browse butonu ile hangi sayfanın ilk olarak açılmasını istiyorsanız buradan seçebilirsiniz.
Description - Burası program hakkındaki açıklamalar için.
Copyrigth -Telif hakkı bilgisi.
Window Style – Burada programınızın hangi pencerede açılmak istediğini belirliyorsunuz ve burada 3 adet seçeneğiniz var;
1-System – Normal Windows penceresi
2- Custom Chromo (opaque)- Burada programınız bir pencere içinde değil de kendi boyutlarıyla, penceresiz geliyor.
3- Custom Chromo (Transparent)- Burada ise uygulamayı arka plan olmadan görebiliyorsunuz. Yani zemin yok.
Window Size - Burada yaptığınız uygulamanın açıldığı sistem penceresinin boyutlarını belirliyorsunuz.
Icon- AIR uygulaması için belirlenecek olan ikonlar. Uygulama bir masaüstü uygulamasına dönüştüğünden dolayı ikon olması da haliyle normal oluyor.
Associated File Types – Bağlantılı dosya tipleri burada seçiliyor. Diyelim ki XML dosyası düzenlemek için bir uygulama yaptınız. Sistemdeki XML dosyalarının yaptığınız AIR uygulaması ile aynı ikonu almasını sağlayabilirsiniz.
Included Files - Burada çalışmaya dahil edilen dosyaların listesi yer almakta. Eğer isterseniz herhangi bir dosya ekleyip çıkarabilirsiniz.
Dijital Signature – Tüm Adobe AIR uygulamaları başka bilgisayarlara yüklenmesi için dijital olarak imzalanması gerekmektedir.
Yeni bir Dijital İmza yapmak için Set > Create butonlarına basarak karşınıza gelen penceredeki tüm seçenekleri doldurunuz(Publisher name, Organizational unit, Organizational name, Email, Country, Password, and Confirm Password.)Type kısmında ise 1024 –RSA ve 2048 – RSA diye iki seçenek var. Bu seçenekler güvenlik seçenekleri. 1024 –RSA 1024 bit-key kullanıyor 2048 RSA ise 2048 bit-key kullanıyor, 2048 daha güvenli yani.
Daha sonra Dijital imzanızı herhangi bir dosyaya kaydedin. Bir önceki pencereden Browse tuşuna basarak sertifikayı kayıt ettiğiniz dosyayı açın “mycert.pfx” adlı dosyayı seçin.
Alt kısmındaki Password bölümü sertifikaya girdiğiniz şifreyi giriniz. Ve Ok tuşuna basın.
Eğer sertifikayı daha sonra yüklemek istiyorsanız “Prepare an AIR Intermediare (AIRI) file that will be signed later” seçeneğini işaretleyebilirsiniz. Ama her halükarda bir sertifika yüklemek zorundasınız.
Dijital imza hakkında daha fazla bilgi almak için Wikipedia dan yararlanabilirsiniz;
http://tr.wikipedia.org/wiki/Say%C4%B1sal_imza
Program Menu Folder – Yapılan AIR uygulamasının kullanıcı bilgisayarında programlar klasöründe açılan yeni klasörün alacağı isim. AIR uygulaması bu klasörün altında yer alacaktır.
Destination – Yaptığınız uygulamayı kaydetmek istediğiniz hedef dosyayı buradan belirtebilirisiniz.
Dreamweaver CS3 ile basit bir AIR uygulamasını bu şekilde oluşturabilirsiniz. Burada dikkat etmeniz gereken nokta ise sunucu tarafında çalışan PHP, ASP gibi dosya formatlarını kullanmamanız. Eğer yapacağınız uygulama sunucu ile iletişime geçecek ise bunun için AIR sınıf yapısı içerisindeki sınıfları kullanabilir ve ya XML ile bilgileri alabilirsiniz.
Kolay Gelsin
Engin
