Profili Göster

Dreamweaver CS3 ile AIR Uygulamaları Geliştirmek

Engin Yöyen Tarih: 16/07/2008 Yorum: 0 adet

Okunma : 578 Tutanlar: Bu yazıyı 1 kişi tuttu.

Adobe 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.

MMİstanbul

Burada sadece site ismini ve sitenin kayıt edileceği klasörün bilgisini girmeniz yeterli olacaktır.

MMİstanbul

Ş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.

MMİstanbul

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 Change > 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 Yöyen

aç-kapa İçeriğin rss beslemesi kullanımda değil Yorumlar

İçeriğe kayıtlı yorum bulunmuyor. İlk yorumu siz buradan ekleyebilirsiniz.


MMIstanbul Adobe UG MMIstanbul Adobe UG

adobe user group

ColdFusion, Flex, AIR, Flash, PDF, Dreamweaver, Fireworks, Photoshop, Illustrator, iNdesign, Premiere, Soundbooth, Lightroom, InCopy, JRun, LiveCycle, Acrobat, AfterEffects, Resmi Adobe Kullanıcı Grubu.

yeni üyelik | şifremi unuttum

aç-kapa Konferans IBM Yazılım Zirvesi '08, Değişim Açlığı

IBM Yazılım Zirvesi '08, Değişim Açlığı

Değişim açlığı, Hungry for Change teması çerçevesinde düzenlenecek IBM Yazılım zirvesi Ankara ve İstanbulda düzenlenecek: 15 Ekim 2008 Swissotel the...
Kategori: Konferans

aç-kapa Fuar Contemporary İstanbul Sanat Fuarı

Contemporary İstanbul Sanat Fuarı

Contemporary İstanbul Sanat Fuarı, 16-19 Ekim tarihleri arasında sanatseverlerle buluşacak. Bu yıl üçüncüsü düzenlenen fuar, İstanbul Lütfi Kırdar Ulu...
Kategori: Fuar

aç-kapa Yarışma TBD - Halıcı 15. Bilgisayarla Beste Yarışması

TBD - Halıcı 15. Bilgisayarla Beste Yarışması

TBD – Halıcı 15. Bilgisayarla Beste Yarışması TBD – Halıcı Bilgisayarla Beste Yarışması Türkiye Bilişim Derneği tarafından düzenlenen &q...
Kategori: Yarışma

aç-kapa Seminer MS Project ile Proje Yönetimi

MS Project ile Proje Yönetimi

[b]ZeruMax bilisim hizmetleri MS PROJECT İLE PROJE YÖNETİMİ Ms Project kullaniminin uygulamali ve pratik olarak anlatilacagi bu egitimi kacirmayin&#...
Kategori: Seminer

aç-kapa Yarışma Üniversiteler Arası Öğrenci Filmleri Yarışması

Üniversiteler Arası Öğrenci Filmleri Yarışması

Maltepe Üniversitesi’nin geleneksel olarak düzenlediği 6. Üniversitelerarası Öğrenci Filmleri Yarışması, kitle iletişim alanındaki yapım ve yayı...
Kategori: Yarışma

üyeler Son Kahramanlar...

stats Kimler Burada? web stats

Son 1 dakika içinde MMIstanbul' da 164 (1 kayıtlı, 163 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:

scraby ...
coldfusion mysql ubuntu
 
sponsor adobe istanbul