Xamarin ile mobil uygulama hazırlamak (Kısım 1)


Merhaba sevgili yazılımcılar, bu makalemde Xamarin ile Todo uygulaması örneğimizi nasıl hazırladığımı anlatacağım. Todo uygulamaları bugün ve gelecekte yapacağımız işlerimizi kaydedip günümüzü organize etmemizi sağlayan harika iş yönetim uygulamalarıdır.

Yüklemeler

Öncelikle Xamarin’in Preview sürümünü yükleyin. Xamarin’in Preview sürümü Xamarin Live Player mobil uygulaması ile iletişim kurarak uygulamanızı doğrudan telefonunuz üzerinde deneyebilmenizi mümkün kılıyor. Böylece Windows geliştiricilerin iOS uygulamaları denemek için Mac satın almaları ya da sanal Mac kurmalarına da gerek kalmıyor.

Xamarin Preview sürümünü yüklemek için öncelikle Visual Studio 2017 15.3 Preview sürümünü indirip yüklemelisiniz. Visual Studio’nun bu preview sürümü mevcut kararlı sürümlerle yan yana yüklenebilmektedir. Visual Studio 2017 15.3 Preview’ın Community Edition’ını yükleyebilirsiniz, ben çalışmamda bu edition’ı kullandım.

Visual Studio’yu yüklerken iş yükü olarak .NET ile Mobil Uygulama Geliştirmeyi seçmelisiniz, ek olarak Git ve GitHub bileşenlerini yükleyebilirsiniz. Yükleme tamamlandıktan sonra, Visual Studio 2017 Preview’u açıp oturum bilgilerinizi girin, daha sonra Araçlar menüsünden Uzantılar ve Güncelleştirmeler seçeneğine tıklayın. Açılan pencereden Çevirimiçi>Visual Studio Market bölümüne gelin ve buradan Xamarin Updater’ı yükleyin.

Xamarin Updater’ın yüklemesi zamanlanacaktır. Yüklemenin yapılması için Visual Studio 2017 Preview’u kapatmanız gerekmektedir. Yüklemeden sonra Visual Studio 2017 Preview’u tekrar açın ve Araçlar>Uzantılar ve Güncelleştirmeler’den>Güncellemeler altındaki tüm Xamarin ve Visual Studio güncellemelerini yükleyin, yüklemelerin gerçekleştirilmesi için Visual Studio’yu kapatıp açın.

Yüklemeler başarıyla tamamlandığında artık Xamarin Preview ile geliştirim yapmaya başlayabilirsiniz.

Başlıyoruz…

Öncelikle yeni bir Cross-Platform Xamarin.Forms projesi oluşturarak geliştirmeye başlayacağız. Visual Studio 2017 Preview’da Dosya>Yeni>Proje seçeneğine tıklayın. Açılan pencerede sol taraftan Cross-Platform’u seçin ve Çoklu Platform Uygulaması (Xamarin.Forms veya Yerel) seçeneği seçin.

Uygulamanıza “Todo” adını verin ve Tamam butonuna tıklayın. Bundan sonra aşağıdaki pencerenin gelmesi gerekiyor:

Bu pencerede şablon olarak Boş Uygulamayı seçiyoruz, UI Teknolojisi olarak Xamarin.Forms’u ve Kod Paylaşımı Stratejisi için Paylaşılan Proje’yi seçiyoruz. Portable (PCL) projelerde maalesef bu makaleyi yazdığım günlerde Xamarin Live Player’ın bugları nedeniyle hatalar oluşuyor.

Boş uygulamamız oluştuktan sonra devam etmeden önce ilk işimiz çalışıyor mu test etmek olmalıdır. Preview sürümünde hatalarla karşılaşmanız olasıdır, eğer bir hata ile karşılaşırsanız çözümünü Internette arayınız.

Uygulama oluştuktan sonra başlangıç projesi olarak Android’i seçin ve VisualStudio_android-23_x86_phone (Android 6.0 – API 23) adlı emulatörü kullanarak çalıştırın. Bu emulatör ARM emulatörlerine göre daha hızlıdır, ancak açılması yine de bir hayli zaman alabilir. Emulatör çalışıp uygulama yüklendiğinde aşağıdaki ekran görüntüsünü almalısınız:

Tebrikler! Boş uygulamamız çalışıyor.

Xamarin Live Player

Şimdi Xamarin Live Player’ı test edelim. iOS ya da Android telefonunuza App Store ya da Google Play’den Xamarin Live Player’ı bulup yükleyin. Eğer uygulamanızı iOS cihazda deneyecekseniz Visual Studio’dan başlangıç projesi olarak iOS projesini seçin ve Live Player’ı seçerek çalıştırın. Ekrana QR kodu bulunan bir pencere gelecektir. Bu kodu Xamarin Live Player’daki Pair to Visual Studio butonun dokunup telefon kamerasıyla tarattığınız bağlantı sağlanacak ve uygulama telefonunuzda çalışmaya başlayacaktır.

Bağlantı sorunları yaşarsanız bilgisayar ile telefonunuzun internet erişimi olan aynı Wi-Fi’de olduğundan emin olun ve tekrar deneyin. Xamarin Live Player ile ilgili ayrıntılı bilgiyi https://www.xamarin.com/live adresinden öğrenebilirsiniz.

Sonuç

Todo uygulaması hazırlama makalemizin birinci kısmını tamamlamış olduk. Bu aşamaya kadar geldikten sonra aslında istediğiniz mobil uygulamayı hazırlamaya başlayabilirsiniz. Bu ilk kısım her mobil uygulamada ortaktır. Makalemizin ikinci kısmı önümüzdeki günlerde blogumda olacak, mutlu kodlamalar 🙂

Reklam

Mobil Uygulama Türleri


Aslında iOS ve Android için native uygulama geliştirme eğitimi almama rağmen gerçek bir uygulama geliştirme fırsatı bulamadım. Şimdi yine mobil uygulama konusu gündeme geldi ve bu yazıyı kaleme almaya karar verdim.

Mobil uygulama türleri üçe ayrılır:

  1. Native (yerel) mobil uygulamalar
  2. Web mobil uygulamalar
  3. Hybrid mobil uygulamalar

Native uygulamalar iOS’ta Objective-C veya Swift, Android’te Java, Windows 10’da ise .NET ile geliştiriliyor. Bu uygulamalar cihaza tam erişim sağlayabiliyor ve en yüksek performansı gerçekleştirmemiz mümkün oluyor. Ayrıca bu uygulamalar App Store, Google Play ve Windows Store’dan indirilebilir oluyor.

Web uygulamaları mobil cihazdaki tarayıcı üzerinden çalışıyor ve cihaz donanımına erişemiyor. Ancak HTML5+CSS+JavaScript ile geliştirilebildiğinden daha kolay üretilebiliyor.

Hybrid uygulama ise aslında bir HTML5 framework. Web uygulamasını native uygulama gibi kullanmayı mümkün kılıyor. Peki bunu nasıl yapıyor? HTML5+CSS3+JavaScript ile geliştirdiğiniz uygulamayı örneğin Apache Cordova ya da PhoneGap ile native uygulamaya çeviriyorsunuz. Aslında HTML sayfanız bu wrapper sayesinde WebView bileşeni ile online değil cihaz üzerinde çalışıyor. Ayrıca cihazın hemen her donanımsal özelliğine erişmeye imkan sağlıyor. Hibrit uygulamalar native uygulamalar gibi App Store, Google Play, Windows Store’dan indirilebiliyorlar. Yüksek grafik işlemlerinde kullanılması performans açısından uygun olmasa da bir kere yaz her yerde çalıştır imkanı sağladığından hibrit uygulamalar tercih edilebiliyor.

Ayrıca Apache Cordova ücretsiz ve açık kaynak kodlu. Yani herhangi bir ücrete gerek olmadan, bir kaç kurulum yapıp bildiğiniz IDE’leri kullanarak geliştirmeye başlayabiliyorsunuz.