Bildigimiz uzere Windows 8.1′in gelmesi ile birlikte Package.appxmanifest dosyamiz bir takim degisikliklere ugradi gorsel duzenleme olarak ve bazi ek ozellikler geldi.

Bu yazida oncelikle bunlari inceleyecek ve neleri nasil kullanabiliriz sorusuna birlikte yanit vermeye calisacagim. Sira sira alanlari ve ozellikler inceleyecek olursak oncelikle Package.appxmanifest nedir ve ona nasil ulasiriz sorusunu yanitlamak daha dogru olacaktir.

appxmanifest dosyasi yarattigimiz uygulamalarin gorsel arayuzunun ve sistemle entegrasyonunun bir cok parcasinin gerceklestirilecegi ozelliklerin tanimlanabildigi alandir. Tanim karisik olabilir fakat uygulamamizin Modern Arayuz (Baslangic Ekrani)’inda hangi isimle gorunecegi, hangi simgelerin gorunecegi, hangi oryantasyonlari destekledigi (tablet ise dik, yan duruslar gibi), uygulamanin cihazin hangi ozelliklerini kullanacagi ile ilgili tanimlarin yapilabildigi bir alan dersek sanirim ne is yaptigini biraz da ola aciklayabilmis olurum.

Bu alana nasil ulasiriz? Yarattigimiz proje acildiktan sonra Solution Explorer penceresinden projemizin altindaki “Package.appxmanifest” dosyasina cift tiklamamiz yeterli olacaktir. (Resim 1)

Bu dosyayi actigimizda karsimiza Application UI sekmesinin geldigini gorecegiz. Ekranda toplam 5 farkli sekme olmasi gerekiyor (Application UI, Capabilities, Declarations, Content URIs, Packaging)

Application UI

Application UI uygulamamizin arayuzunun onemli parcalarini icermekte. Application UI’in goruntusu ise soyle (Resim 2):

Bu alanlari inceleyecek olursak, Display name uygulamanizin baslangic ekraninda ve markette goruntulenecegi adidir.

Default Language ise uygulamamizin temel dilidir. Ornegin, yaptigimiz uygulama eger Turkce ise bu alana “tr-TR” yazmamiz gerekmektedir.

Description ise tahmin edebileceginiz gibi uygulamamizin genel bir kisa aciklamasidir, bu aciklamanin henuz nerede kullanildigini gorme firsatim olmadi cunku markete bir uygulama yolladigimizda aciklamayi ek olarak yaziyoruz. Yine de bos birakmamak yerinde olacaktir.

Supported Rotations ise onemli bir noktadir. Bu, uygulamamizin hangi pozisyonlarda calisabildigini tanimladigimiz alandir. Yani, eger uygulamaniz Jiroskop (Gyroscope) donanimi olan bir cihazda (genellikle tabletler ve ultrabooklar) calistirilirsa hangi pozisyonlarda calisabilecegini gostermektedir. Bazi uygulamalar ve oyunlar her oryantasyonda calisabilirken bazilari ise calisamamaktadir. Bu uygulamalarinizin tasarimiyla da baglantilidir. Eger ekranin cozunurlugune gore dinamik degisebilen bir tasarim yarattiysaniz uygulamaniz her pozisyonda calisacaktir. Burada isaretleyeceginiz oryantasyonlari en kotu ihtimalle Simulator’de denemenizi oneririm.

Minimum width ise uygulamanin en dusuk hangi genislikte calisabilecegini belirlemektedir. Asgari bir boyut belirtmeniz istenmektedir, opsiyonel olarak not set birakilabilir. Bu alan da muhtemelen dusuk cozunurluklu cihazlardaki oryantasyon desteginin daha kesin belirlenmesi icin yaratilmis olabilir. Cunku, siz istediginiz kadar tasariminizi dinamik olarak degisebilir ayarlayin yerlestirdiginiz nesnelerin belirli bir boyutu vardir ve belirli bir genislik saglanamazsa uygulamaya objeler sigmayabilir. Dikey konumdaki cihazlarda genislik azalmaktadir, ek olarak daha ufak boyutlu bir tablette uygulamamizin acilacagini ongorursek minimum genislik belirlemek faydali olabilir.

Tile Update basligi altindaki Recurrence ve URi Template kisimlarini ise gercek bir bilgim olmadigindan yorumlayarak pas gecmek durumundayim, ilerleyen zamanlarda bununla ilgili bir makale de yazabilirim gerekli arastirmalari yaptiktan sonra. Bu alan muhtemelen verdigimiz bir xml sablonu ile otomatik olarak Canli Kutucuklar (live tile) ozelliklerinin kullanilmasini saglayan bir bolumdur diye dusunuyorum. Gerekli durumlarda web sunucumuzda barindiracagimiz bir sablon ile uygulamamizin simgelerini ve live tile bilgilerini uygulamayi guncellemeye gerek kalmadan degistirebiliyor olmamiz muhtemel. Guzel bir ozellige benziyor, arastirmanizi oneririm Recurrence ise verdigimiz sablonun kontrol edilme sikligi olarak kabul edilebilir.

Visual Assets kismi ise uygulamamizin kullanicilarla ilk tanistigi anda birakacagi izlenimi verecek olan simgelerimizi barindirmaktadir. Windows 8 uygulamalarinda bildigimiz uzere Wide ve Square (Genis, Kare) kutucuklarimiz vardi. Åžimdi bunlara daha buyuk ve daha kucuk 2 secenek daha eklenmis durumda (Large, Wide, Square, Small). Bu bolumde dikkat etmemiz gereken hususlar ise simgelerin cozunurluklerinin kaliteli olmasi. Bildigimiz uzere uygulamamiz 1920×1080 bir cihazda calisirsa bizim sagladigimiz Square simgesi 120×120 cozunurlugunde olursa biraz kalitesiz gorunme riski olusabilir. Her boyuttaki simgede 4 adet boyut secenegi bulunmaktadir (Scale 180, 140, 100, 80). Bu da demektir ki olusturmamiz gereken 4 tane ana logo ve bu 4 ana logonun 4 farkli cozunurlugu bulunmaktadir.

Logolarda dikkat etmemiz gereken unsur 4 cesitteki (Large, Wide, Square, Small) logolar icin ayri ayri tasarimlar olusturmak (appxmanifest ile alakasi olmayan bir konu ama buraya kadar geldik madem, soylemeden gecmeyelim ). Bir logo olusturup 4 farkli boyuta donusturmek kolay gelebilir ancak bunu yaparsak 4 farkli logo beklenmesinin yarattigi firsati kacirmis oluruz. Kullanicilar uygulamanizi Baslangic Ekranina Large boyutta sabitlerse ya da Small boyutta sabitlerse beklenti olarak farkli simgeler bekler. Tabi ki logoyu bastan dizayn etmekten bahsetmiyoruz ancak, ornek olarak Square logoda Logonun altinda firmanizin adi yaziyor ise, Wide logoda firma adinizi logonun sag tarafina koymak daha iyi olacaktir. Bunu da atlamamak hos olur .

Daha once 4 simge istediginden bahsetmistim. Aslinda, bu sayfa bizden 7 tane resim istemekte. Bu ne demek? 4 adet Baslangic Ekrani simgemiz mevcut, bunun yani sira 3 tane de ek simge istenmekte bizden. Bunlar da Store logo, Badge logo ve Splash Screen logolaridir. Store logo uygulamanizin Store’da goruntulenecegi simge, Badge logo Push Notification ve Kilit Ekrani ozelligi kullanmaniz durumunda uygulamanizin goruntulenecegi simgedir. Splash screen ise uygulamamiz acildiginda ekranda yaklasik 2-3 saniye kadar goruntulenen baslangic resmidir.

Simgelerimizi degistirmek icin bir bolum sectigimizde karsimiza soyle bir ekran gelecektir (Resim 3):

Gordugumuz uzere burada bir kac secenek var. Bunlari aciklayacak olursak Short name uygulamamizin “eger istersek” Baslangic Ekraninda uygulamanin Display Name ile degil, Short name olarak belirledigimiz isim ile goruntulenmesini saglayan kisimdir. Buraya yazdigimiz ismin goruntulenecegi simge kategorilerini ise altindaki Show name alanindaki kutucuklari isaretleyerek belirliyoruz. Show name kisminda 3 kategori vardir ve bu kategorilerden sectigimiz boyutlardaki simgelerde ust kisma yazacagimiz Short name goruntulenecektir.

Default Size olarak gelen secenek ise uygulama yuklediginde baslangic ekranina sabitlenirse varsayilan olarak hangi boyutta yerlestirilecegini belirlemektedir. Yani bizler uygulamamizi kullanan insanlara ilk sabitlemede Wide olarak pinlensin gibi bir arsayilan secenek belirleyebiliyoruz (kullanici dilerse daha sonra bu secenegi manuel olarak degistirebiliyor bunu da unutmayalim).

Foreground text bolumu ise uygulamamizda kullandigimiz arka plan ile baglantilidir. Eger uygulamamizda arka planimiz siyah veya koyu tonlarda ise Light secenegini secmek gerekir. Eger uygulamamizin arka plani sari, beyaz veya bunun gibi cok acik tonlarda ise bu seceegi Dark yapmak gerekmekte. Bunun sebebi ise uygulamanin uzerine yerlestirecegimiz kontrollerin renk temasinin burada belirleniyor olmasidir. Ekrana bir buton koyup renklerine dokunmazsaniz, bu butonun rengi bu alanda sececeginiz temaya gore otomatik degismektedir.

Background Color kismi ise uygulamamizin Baslangic Ekraninda simgenin arka planini belirlememize yariyor.

Ornegin, bu resimde ki Internet Explorer uygulamasinin Background Color degeri mavi olarak ayarlandigi icin logodan arta kalan kisimlarda Mavi renk gorunuyor.

Scaled Assets kismi ise biraz bizleri ugrastiracak bir kisim olabilir. Temelde bu alan farkli kalite cozunurluklerindeki logolari belirlememizi saglar. Ornek verecek olursam ben Wide tilelari olusturacagim zaman oncelikle 558×270 boyutunda bir Wide resim yaratiyorum ve daha sonra sirali olarak bu cozunurluklere dusuruyorum (434×210, 310×150, 248×120). Bu cozunurlukleri ogrenmek icin All Image Assets penceresinden ilgili kategoriye tiklayabilirsiniz. Ancak bilmenizi isterim ki standart bir uygulamada tum logo kategorilerine sadece Scale 100 olan logoyu yapmaniz yeterli olacaktir. Sistemde varsayilan olarak gosterilen simge o’dur.

Badge Logo‘dan bahsetmistik hatirlarsaniz. Bu logonun ayarlarinin digerlerinden kucuk 2 farki var. Badge Logo’ya tiklarsak karsimiza Notifications isimli bir bolum daha cikacaktir. Bu alanda da Toast capable ve Lock Screen Notifications isimli 2 kutucuk cikacaktir. Bu alanda uygulamamizin toast ozelligini kullanip kullanmayacagini ve lock screende uygulamamizin logosunun ve short name’inin gorunup gorunmeyecegini secebiliyoruz.

Splash Screen kategorisinde ise normal logo ekleme islemlerine ek olarak Background Color bulunmaktadir. Bu alan da ayni diger logolarda sorulan Background Color gibidir fakat tek farki bu arka plan rengi sadece Splash Screen acikken goruntulenmektedir.

Bu kismi gectikten sonra artik Capabilities’ten bahsedebiliriz. Capabilities kismi uygulamamizin ilgili cihazda hangi ozellikler ihtiyac duydugunu gosteren bir bolumdur. Temel olarak acilan her bos proje bu kisimda Internet (Client) secenegi isaretli gelir ki bu da her uygulamanin internet kullanabilecegini gostermektedir. Internet kullanmayacak iseniz bu secenegi kaldirabilirsiniz. Ayrica, internet kullanan uygulama yapmaniz durumunda uygulamaniza gizlilik politikasi eklemeniz gerektigini de unutmamaniz iyi olacaktir.

Capabilities

Capabilities ekrani ornekteki gibidir (Resim 4)

Burada gordugunuz gibi bir cok ozellik bulunmaktadir. Bu secenekleri yalnizca uygulamaniz ihtiyac duyarsa secmeniz onemlidir. Ornegin, en alttaki Webcam secenegi yalnizca bilgisayarda webcam bulunmasi gerekiyorsa ve siz webcam ile ilgili islemler yapiyorsaniz secilmelidir. Bu alandaki basliklari tek tek inceleye gerek oldugunu sanmiyorum, zira zaten isimlerine bakinca hangi islevi yerine getirdikleri acikca belli oluyor. Yine de bilgi almak isterseniz yorum yaparsaniz en kisa surede cevabinizi vermeye calisirim.

Declarations

Declarations kismi uygulamanizin hangi ozellik ve yeteneklere sahip oldugunu yuklendigi bilgisayara soyledigi bir alandir. Burada Available Declarations kisminda uygulamanizin sahip olabilecegi bazi yetenekler listelenmektedir. Bunlar Search Contract, Share Contract, Filepicker gibi ozelliklerdir. Bu tarz deklarasyonlar uygulamanizin arama ozelligine, paylasim ozelligine sahip oldugunu gosterir ve sistem buna gore uygulamanizi bazi alanlarda listeler. Ornegin, Account Picture Providor ozelligine sahip bir uygulama yazarsaniz kullanici ayarlara girip kullanici resmini degistirmek istediginde orada sizin uygulamaniz da listelenecek ve kullanici sizin uygulamanizi kullanarak profil resmini degistirebilecektir (tabi bu ozelligi saglayan kodlari da yazmanizin sart oldugunu ekleyelim).

Content URIs kismi sadece Javascript icin gecerli olan bir ozellik oldugundan bunu es gececegim.

Packaging

Packaging kismi uygulamamizin markete yuklenmesi gereken paketini olustururken gerekli olan ayarlarin yapilabildigi bir bolumdur.

Goruyorsunuz ki bu alanda cok fazla secenek bulunmuyor. Package name, uygulamamizin paket adidir. Bu uygulama yaratilirken uretilen bir koddur, gerekmedikce degistirmemeniz gerekir.

Package display name ise uygulamamizin goruntuleme adidir. Buraya uygulamanizi markete koyarken kullanacaginiz ismi girmeniz gerekiyor. Version ise tahmin edeceginiz uzer uygulamamizin surumunu belirlemektedir.

Publisher kismi ise Visual Studio’da Windows 8 ile ilgili uygulama yaratmak istedigimizde bizlere verilen 3 aylik gecici lisanstir, degistirmeniz gerekmemekte ki zaten sanirim degistirilemiyor olmasi lazim

Publisher Display Name ise onemli bir nokta. Buraya, Windows 8 marketindeki uyeliginizin Publisher Name adinizi birebir yazmaniz gerekmektedir.

Bu sayfayi kolayca atlatmanin bir diger yolu vardir. Bu da markette oncelikle bir uygulama adi rezerve etmek ve daha sonra Project -> Store ->Associate App with the Store secenegini kullanmak ve ilgili adimlari takip etmek. Bu sayede bu sayfadaki ilgili alanlar (Display name, Publisher name) otomatik olarak tamamlanacak ve olasi hatalarin onune gecilmis olacaktir.

Kapanış

Bu makale tahmin ettigimden daha uzun oldu fakat faydali olmasini umuyorum. Sahip oldugum tum bilgiyi aktarmaya calistigim icin yer yer anlattiklarim karisik gelebilir, bu konuda affiniza siginiyorum. Ancak size rahatlikla soyleyebilirim ki bu sayfayi iyi kullanabiliyor olmak uygulamalarimizi bir adim one cikartiyor. O yuzden sizler de elinizden geldigince appxmanifest sayfasinin tum ozelliklerine goz gezdirmeye calisin derim.

Tesekkurler, iyi calismalar.