Adobe AIR İle İlk Uygulama


İlk olarak Welcome Screen üzerinde Create New sekmesinin altında bulunan seçeneğini ya da File menüsünün altında bulunan New sekmesine tıkladıktan sonra açılan pencerede Adobe AIR 2 seçeneğine tıklayarak yeni bir döküman oluşturup ve FirstApplication ismiyle dökümanı kaydedin. Dökümanı oluşturduktan sonra Actions panelini açarak aşağıdaki kodları yazın. Bu kodlarla sahne üzerine bir text alanı ekleyeceksiniz.

import flash.text.TextField;

var tf:TextField=new TextField();
tf.text="Lorem Ipsum is simply dummy text of the printing and typesetting industry.";
tf.autoSize=TextFieldAutoSize.LEFT;
addChild(tf);

Uygulamayı test ettiğinizde sonucun aşağıdaki gibi olması gerekiyor.

Sonuç web uygulamalarını oluştururken görmeye alışık olduğumuz Flash Player’dan biraz farklı. Oluşturacağınız uygulamanın standart(İşletim sistemlerine gore değişebilir) görünümü bu şekilde olacaktır. Uygulamaların masaüstünde sürüklenebilmesi, minimize-maksimize edilebilmesi, kapatılabilmesi, yeniden boyutlandırılabilmesi gibi işlemler çoğu zaman standart sistem kromları ile yapılır. İsterseniz bu görünüm üzerinde değişiklik yapabilirsiniz. Kullandığınız AIR uygulamalarına dikkat ederseniz neredeyse hiç biri sistem kromlarını kullanmaz (Örneğin bilgisayarınızda yüklü olan Adobe Media Player uygulamasını inceleyebilirsiniz). Bu konu ile ilgili olarak neler yapılabileceğine sonraki yazılarda değineceğim.

Sıra geldi uygulamayı paketlemeye, bunun için bir takım ayarlar yapılması gerekiyor. Bu ayarları yapabilmek için iki farklı yöntem izleyebilirsiniz. Bu yöntemlerden ilk ve basit olanı şu şekilde: Properties panelininde bulunan Adobe AIR Settings butonuna ya da File > Publish Settings sekmesine tıkladıktan sonra açılan pencerede Flash sekmesinin altında bulunan Player bölümünündeki settings butonuna tıklayarak Application & Installer Settings panelini açın.

Açılan pencerede birden fazla sekme bulunmakta. Bu sekmelerden ilki olan General sekmesinde uygulama ile ilgili genel ayarları yapabilirsiniz.

Output File bölümünde oluşturulacak .air dosyasının kaydedileceği konumunu belirleyebilirsiniz.

File Name sekmesini kullanarak dosya ismini belirleyebilirsiniz.

App Name sekmesini kullanarak oluşturulacak uygulamanın adını belirleyebilirsiniz.

Version sekmesini kullanarak oluşturulan uygulamanın versiyonunu belirleyebilirsiniz.

App Id sekmesini kullanarak uygulamanın ID’sını belirleyebilirsiniz.

Description sekmesine uygulama ile ilgili bilgiler ekleyebilirsiniz.

Copyright sekmesine geliştirici hakkında bilgiler ekleyebilirsiniz.

Window style sekmesi ile uygulamanın kullanacağı krom tipini belirleyebilirsiniz. Bu bölümde 3 farklı krom seçeneği bulunmaktadır.

System Chrome: Standart sistem kromunu kullanır.

Custom Chrome(opaque): Standart system kromları kullanılmaz fakat uygulamanın arka planı görüntülenir.

Custom Chrome (transparent): Standart system kromları kullanılmaz ve uygulamanın arkaplanı şeffaf olarak görüntülenir.

Profiles sekmesinde bulunan seçenekler ile uygulamanın hangi platformlarda çalışacağını belirleyebilirsiniz.
Included Files sekmesini kullanarak uygulama içerisinde kullanılması gereken harici dosyalar var ise bu dosyaları ekleyebilirsiniz(İmaj dosyaları, ses-video dosyaları, xml dosyaları vb.). Bu sekmede default olarak uygulama için gerekli olan .swf dosyası ve uygulama ayarlarının bulunduğu UygulamaAdı-app.xml dosyası bulunmaktadır. Application & Installer Settings penceresinden yaptığımız ayarların bir çoğunu bu xml dosyasını kullanarakta yapabilirsiniz.

Signature sekmesi ile oluşturduğumuz uygulama için gerekli olan sertifika bilgilerini ekleyebilirsiniz.

Daha önceden oluşturulan bir sertifika varsa Browse butonuna tıklayarak bu sertifika kullanılabilir. Eğer sertifika yok ise Create butonuna tıklayarak yeni bir sertifika oluşturulabilirsiniz. Create butonuna tıkladıktan sonra açılan pencerede gerekli alanları doldurarak sertifika oluşturma işlemi tamamlanabilir.

Publisher Name bölümüne geliştiricinin ismini yazmamız gerekir.

Organization Unit ve Organization Name bölümlerine varsa kurum ile ilgili bilgiler, yoksa kişisel bilgileri girebilirsiniz.

Country bölümünden ülke seçimi yapılır.

Password bölümüne sertifika için kullanılacak şifreyi yazabilirsiniz.

Confirm password bölümüne belirlenen şifre tekrar girmeniz gerekir.

Type bölümünden şifreleme türü seçebilirsiniz.

Save As bölümü ile de sertifikanın kaydedileceği konum belirleyebilirsiniz.

Son olarakta Ok butonuna tıklayarak sertifikayı oluşturabilirsiniz. Sertifika başarılı bir şekilde oluşturulduğunda pencere kapanacaktır. Use code signing certificate seçeneğinin altında bulunan password bölümüne sertifika için oluşturduğunuz şifreyi girmeniz gerekmektedir. Eğer program açık kaldığı sürece şifrenin hatırlanmasını istiyorsanız “Remember password this session” seçeneğini işaretleyebilirsiniz.

“Prepare an AIR Intermediate (AIRI) file that will be signed later” seçeneğini işaretleyerek daha sonra imzalamak ve paketlemek için bir AIRI dosyası oluşturabilirsiniz.

Icons sekmesi ile uygulama için oluşturduğunuz ikonları pakete dahile edebilirsiniz. Oluşturacağınız ikonların .png uzantılı olması gerekmektedir. Boyut olarak ise 16×16, 32×32,48×48,128×128 piksel olmak üzere 4 farklı ikon boyutu vardır.

Son olarak Advanced sekmesi ile de uygulama ilgili daha detaylı ayarları yapabilirsiniz.

Associated file types bölümünden uygulamanın ilişkilendirileceği dosya türlerini belirleyebilirsiniz. Örneğin bir text editor geliştirdiniz ve kullanıcı bu uygulamayı bilgisayarına yüklediğinde default text editorü olarak uygulamanızın kullanılmasını istiyorsunuz. Bu bölümde bulunan + ikonuna tıklayarak uygulamanızla ilişkilendirecek dosya türlerini ve bu türler için belirlediğiniz ikonları ekleyebilirsiniz.

Inıtial window settings bölümünde,

Width, Height seçenekleri ile uygulamanın genişlik-yükseklik değerlerini,

X, Y bölümleri ile uygulama çalıştırıldığında bulunacağı x ve y konumlarını,

Maximum ve Minimum bölümleri ile uygulamanızın alabileceği maksimum ve minimum genişlik-yükseklik değerlerini belirleyebilirsiniz.

Bu seçeneklerin hemen altında bulunan Maximizable, Minimizable, Resizable ve Visible check box’ları sırası ile uygulamanın tam ekran olabilmesini, simge durumuna küçültülebilmesini, ölçeklendirilebilmesini ve gizlenmesini sağlar.

Install Folder ve Program Menu Folder seçenekleri ile uygulamanın yükleneceği dizinleri belirleyebilirsiniz. Unutulmaması gerekn nokta Program Menu Folder özelliği sadece Windows işletim sistemi için geçerlidir.

Son olarakta Use custom UI for updates seçeneği ile uygulamanın yeni bir versiyonunu yayınladığınızda güncelleme işlemi için kullanıcıya soru sorulup sorulmamasını belirleyebilirsiniz. Bu seçenek işaretli değilse kullanıcıya güncelleme işlemi ile ilgili soru sorulacaktır ve kullanıcı isterse güncellenmiş versiyonu yükleyecektir. Eğer seçenek işaretli ise kullanıcıya sorulmadan güncelleme işlemi gerçekleştirilecektir.(Güncelleme işlemlerinin yapılabilmesi için uygulama geliştirirken gerekli işlemleri yapmış olmanız gerekmektedir.)

Uygulama ile ilgili olarak Application & Installer Settings panelini kullanarak yapabileceğimiz işlemler bu kadar. Bu işlemleri yaptıktan sonra oluşan xml dosyası (benim yaptığım uygulama için) şu şekilde

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<application xmlns="http://ns.adobe.com/air/application/2.5">

  <id>com.actionscript.gen.tr.FirstApplication</id>

  <versionNumber>1.0</versionNumber>

  <filename>FirstApplication</filename>

  <description/>

  <!-- To localize the description, use the following format for the description element.<description><text xml:lang="en">English App description goes here</text><text xml:lang="fr">French App description goes here</text><text xml:lang="ja">Japanese App description goes here</text></description>-->

  <name>FirstApplication</name>

  <!-- To localize the name, use the following format for the name element.<name><text xml:lang="en">English App name goes here</text><text xml:lang="fr">French App name goes here</text><text xml:lang="ja">Japanese App name goes here</text></name>-->

  <copyright/>

  <initialWindow>
    <content>FirstApplication.swf</content>
    <systemChrome>standard</systemChrome>
    <transparent>false</transparent>
    <visible>true</visible>
    <fullScreen>false</fullScreen>
    <aspectRatio>portrait</aspectRatio>
    <renderMode>auto</renderMode>
    <maximizable>true</maximizable>
    <minimizable>true</minimizable>
    <resizable>true</resizable>
  </initialWindow>

  <icon/>

  <customUpdateUI>false</customUpdateUI>

  <allowBrowserInvocation>false</allowBrowserInvocation>


  <installFolder>deneme</installFolder>

</application>

UygulamaAdı-app.xml dosyasını kullanarakta uygulama için gerekli ayarlar yapılabilir. Nasıl yapılabileceğine ise bir sonraki yazıda değineceğim.

Örnek çalışma dosyasını indirebilmek için siteye üye olmanız gerekmektedir. Siteye üye olmak için tıklayın.

, , , , ,

  1. Henüz hiç yorum yok.
(yayınlanmayacak)

Login with Facebook:
 

Additional comments powered by BackType