Öncelikle Cordova ile ilgili kısa bir hatırlatma yaparak başlamak istiyorum blog yazıma. Cordova Cross Platform Windows Phone, Android ve iOS için HTML5, CSS3 ve Javascript kullanarak, kullanıcıların herhangi bir uygulama gibi cihazlarına yükleyebilecekleri web uygulamaları geliştirmenize olanak sağlar. Cihazların donanımları ile de uyumludur. Kamera, mikrofon, speech to text(yazıyı seslendirme) gibi özellikleri uygulamanızda kullanmanıza olanak tanır. Aynı zamanda bir diğer güzel yönü uygulamanızı offline da kullanılacak şekilde ayarlayabilirsiniz. Bunun için kullanıcılara uyarılar verip yönlendirebilirsiniz;
1. Bu uygulama sadece online durumda kullanılabilir şeklinde uyarı verebilirsiniz.
2. Kullanıcıyı cache bellekte tutulan sayfaya yönlendirebilirsiniz.
3. Local de son kullanılan hali depolayıp kullanıcıyı buraya yönlendirebilirsiniz.
Uygulama için gerekenler;
1. Windows 8.1
2. Visual Studio 2013 Express(üst versiyonda olabilir)
Bu hatırlatmaların ardından kuruluma geçelim. Kurulumda gerekli dosyalar;
1. Joyent Node.js
2. Google Chrome
3. Git Command Line Tools
4. Apache Ant
5. Oracle Java 7
6. Android SDK
7. Apple iTunes
8. SQLite
9. WebSocket4Net
Tüm bu dosyaları sistemimize kurmak için Visual Studio Tools for Apache Cordova CTP3.0 indirip çalıştıralım.
Yükleme tamamlandıktan sonra VS 2013' ü açalım. FILE/NEW/PROJECT adımlarını izleyip yeni bir proje oluşturalım.
Açılan pencereden Javascript/Apache Cordova Apps/Blank App(Apache Cordova) seçelim. Projemize bir isim verip işlemi onaylayalım.
Karşımıza projemizi ilk açtığımızda aşağıdaki gibi bir sayfa gelecek. Solution Explorer' dan index.html dosyasını açalım ve biraz inceleyelim.
index.html' i açtığımızda aşina olduğumuz html kodları ile karşılaşıyoruz.Emulatorleri incelediğimizde Android, iOS, Windows Phone 8 vs. seçeneklerimiz var ve hatta bir yanındaki açılır menüden cihazımızın modelini dahi seçebiliyoruz.
Şimdi bu kodlarda ufak bir değişiklik yapalım ve ilk uygulamamızı derleyelim. Her zaman ki gibi ilk uygulamamıza "Hello World!" diyerek başlayacağız :)
Uygulamamızı derlediğimizde karşımıza aşağıda gibi bir sayfa gelecek. Farkettiğiniz üzere emulator tarayıcı üzerinde çalışıyor. Dizaynı ile bir studio etkisi var. Tarayıcı üzerinden uygulamanın Portrait(Dikey), Landscape(Yatay) pozisyona göre ayarlamasını yapıp önizlemesini yapabiliyoruz. Geo Location, Platform vs. pek çok ayarlamayı da yine tarayıcı üzerinden yapıp önizleyebiliyoruz.
Ufak bir hatılatma daha! package.appmanifest sayfasından uygulamanızın başlangıç sayfasını değiştirmeyin. Çünkü tüm proje buna göre şekilleniyor. Değiştirmeniz halinde hatalar alabilirsiniz.
Herkese iyi çalışmalar.
