garen.yöndem launching ...3 ...2 ...1

Windows Phone App Studio İlk Bakış ve İlk Uygulama

17. Ekim 2013 18:30by Garen Yöndem

Microsoft Windows Phone Store’daki uygulama sayısını arttırmak adına geçtiğimiz Temmuz ayında beklenmeyen bir adım attı. Uygulama fikri olan ancak hayata geçirmeye yetecek kadar teknik bilgiye sahip olmayan Windows Phone kullanıcıları için yepyeni bir web platformu olan App Studio’yu duyurdu. App Studio ile kod yazmadan, sadece görsel arayüz kullanarak uygulama geliştirmek mümkün.


Henüz beta aşamasında olan platforma Microsoft tarafından verilecek aktivasyon kodu ile giriş yapabilirsiniz. Aktivasyon kodunu alabilmek için beta programına katılım sebebinizi içeren bir e-maili studio@microsoft.com adresine atmanız yeterli.

Neler var?


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com

 

Beraber App Stüdyo’ya göz atarken bu vesileyle uygulama geliştirmeye de başlayabiliriz. Aktivasyon kodunuzu alıp hesabınıza tanımladıktan sonra hazır uygulama şablonlarından oluşan bir ekranla karşılaşacaksınız. Zevkinize ve amacınıza uygun olanı bulmak için bu şablonları tek tek kurcalayabilirsiniz veya boş uygulama yaratıp sıfırdan kendiniz düzenleyebilirsiniz.


Olup bitene biraz daha fazla hakim olabilmek için boş uygulama yaratarak başlayalım. İlk aşamada uygulamanızla ilgili tanımlayıcı bilgileri girmeniz gerekiyor. Uygulamanızın Store’da görünmesini istediğiniz adını ve açıklamasını yazdıktan sonra logonuzu hesabınıza bağlı SkyDrive’dan veya bilgisayarınızdan yükleyebilirsiniz. Yüklemeden önce logonuz 160x160px boyutlarında ve PNG formatında olmasına dikkat edin.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Sonraki aşamada uygulamanızın genel şeklini ve içerik kaynaklarını tanımlamalısınız. Uygulamanıza Section ve Menu olarak iki farklı yapıda container ekleyebilirsiniz. Sectionlar uygulamanızın içeriğinin bulunacağı alanlardır. Menüler ise oluşturduğunuz Sectionlara linkle yönlendirme yapabileceğiniz standart sayfalardır. Dolayısıyla ilk olarak section ekleyerek başlamalısınız. Biraz teknik bilgi vermek gerekirse, Sectionları XAML tarafındaki PanoramaItemlar olarak düşünebilirsiniz. Bu da uygulamanızda sağ ve sola doğru sürükleme hareketi yaparak Section değiştirebileceğiniz anlamına geliyor.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Yarattığım uygulama blog uygulaması olduğu için bana iki section yeterli olacak. Ilk sectionda bloğun RSS kaynağı ikinci sectionda ise kendim ve uygulama ile ilgili bilgiler yer alacak.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Section yaratırken altı farklı data kaynağı kullanabilirsiniz. Bunlar; Data Collection, RSS, YouTube, Flickr, Bing ve HTML5 kaynakları olabilir. Örneğin ünlü birinin youtube kanalını ve flickr’da paylaştığı resimleri kaynak olarak kullanarak bir celebrity uygulaması geliştirebilirsiniz. Bu noktada dikkat etmeniz gerek tek şey her data kaynağı için farklı section oluşturmanız gerektiği. Ne yazık ki henüz bir section iki farklı data kaynağı tutamıyor.

Geliştirdiğimiz örnekte bana sadece RSS ve HTML5 data kaynağı tutacak iki section yeterli olacak.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Yazilar adındaki datasource’u oluşturduktan sonra içini doldurmak için RSS’inizin URL’ini datasource’a tanımlamalısınız. Aynı işlem altı data kaynağı için de geçerli. App Studio’nun belki de en güzel yanlanlarıdan biri, arayüzde kaybolma ihtimaliniz veya hata yapma ihtimaliniz yok denilecek kadar az. Dolayısıyla gördüğünüz simgelere tıklamaktan kesinlikle çekinmeyin. Uygulamanızı diğerlerinden ayırt edici hale getirebilmeniz için kullanabileceğiniz geniş yelpazede tasarım özellikleri mevcut.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


HTML5 sectionını da ekledikten sonra proje son haline gelmeye başladı. Bir sonraki aşamada uygulamanızın arka plan rengi, live tile, splashscreen ve kilit ekranı resmi gibi kozmetik özelliklerini belirlemelisiniz. Tasarımcı yanınızı konuşturmanın tam zamanı. :)


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Tasarımı da tamamladıktan sonra artık uygulamanız hazır. Generate app butonuna tıklayarak projenizi yaratabilirsiniz.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Uygulamanızı solution veya xap dosyası olarak indirebilir veya QR kodu tarayarak Windows Phone’unuza kurabilirsiniz. QR kod ile kurulum yapmadan önce App Studio sertifikasını cihazınıza yüklemeniz gerektiğini unutmayın. Daha önce download olarak sunulan sertifikanın kurulumu da artık QR kod ile mümkün.


Microsoft gerçekten bu platforma ciddi zaman ayırıyor ve hergün yeni gelişmeler görmek mümkün. Ben bu yazıyı yazarken bile App Studio’da gelişmeler olmuş olabilir. Hatta bu platformun ileride Windows 8 uygulamalarını da kapsayacağı dedikoduları mevcut.


Windows Phone uygulamaları geliştiriyor veya geliştirmeye başlamayı planlıyorsanız ve hala aktivasyon kodunuzu almadıysan, bu fırsatı kaçırmamanızı tavsiye ederim.


Önce sertifikaWindows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com sonra uygulama :) Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com

blog comments powered by Disqus