JAVA DEVELOPMENT KIT (JDK)

http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html adresinden kendi işletim sisteminize uygun olan JDK’ yı indirin.

Aslında Java ile çalışma ortamı kurulumlarında, JDK kurulumu yapıldığında JAVA_HOME ortam değişkeni tanımlaması yapılırdı. Ancak Java’ nın yeni kurulumları buna ihtiyaç duymuyor. Bu sebeple kurulumu gerçekleştirmemiz yeterli olacaktır.

Kurulumları tamamladıktan sonra sorunsuz kurulup kurulmadığını kontrol etmek için, komut satırı ekranından “java -version” komutunu vererek doğru çalışıp çalışmadığını kontrol edelim.

Java version bilgisini sorunsuz şekilde alabiliyorsanız, kurulum sağlıklı bir şekilde tamamlanmış demektir.

ANDROID SDK

https://developer.android.com/studio/index.html#downloads adresinden SDK’ yı indirin.

Android SDK’ yı yükleyelim. Kurulum ve indirme işlemi tamamlandıktan sonra, JDK için yapmadığımız ortam değişkeni tanımlama işlemini Android SDK için yapacağız.

  1. Path’ i eklemek için Denetim Masası/Sistem/Gelişmiş Sistem Ayarları’ na tıklayın.
  2. Açılacak penceredeki “Ortam Değişkenleri” butonuna tıklayın.
  3. “Sistem değişkenleri” bölümünde “Path” şeçeneğini işaretleyin ve “Düzenle” butonuna tıklayın.
  4. Açılacak olan pencerede “Değişken Değeri” kısmının sonuna Android SDK’ nızın “tools” ve “platform_tools” yollarını ekleyin.
    C:/CordovaDev/android-sdk/tools
    C:/CordovaDev/android-sdk/platform_tools

Kurulumları tamamladıktan sonra sorunsuz kurulup kurulmadığını kontrol etmek için komut satırı ekranından “adb version” komutunu vererek doğru çalışıp çalışmadığını kontrol edelim.

Adb version bilgisini sorunsuz şekilde alabiliyorsanız kurulum sağlıklı bir şekilde tamamlanmış demektir.

ANT

https://ant.apache.org/bindownload.cgi adresinden ANT’ ı indiriyoruz.

Aynen Android SDK’ da yapmış olduğumuz gibi, Ant için de ortam değişkenleri tanımlaması yapmamız gerekiyor.

  1. Path’ i eklemek için Denetim Masası/Sistem/Gelişmiş Sistem Ayarları’ na tıklayın.
  2. Açılacak penceredeki “Ortam Değişkenleri” butonuna tıklayın.
  3. “Sistem Değişkenleri” bölümünde “Yeni” butonuna tıklayın.
  4. “Değişken Adı” yazan bölüme “ANT_HOME”, “Değişken Değeri” yazan bölüme de “C:/CordovaDev/apache-ant-1.9.4” (ANT’ ı kurduğunuz yerin uzantısı) yazın ve “Tamam” butonuna basarak kapatın.
  5. “Sistem Değişkenleri” bölümünden “Path” bölümünü bulun ve “Düzenle” butonuna basın.
  6. Açılan penceredeki “Değişken Değeri” alanının başına “%ANT_HOME%\bin;” yolunu ekleyin.

Adımları tamamladıysak, düzgün bir şekilde yapılıp yapılmadığını kontrol edelim. Bunun için komut satırı ekranından “ant -version” yazıp çalıştıralım. Versiyon bilgisini alabiliyorsanız işleminiz sorunsuz şekilde tamamlanmış demektir.

NODE JS

Cordova CLI yani “Cordova Komut Satırı Arayüzü” denilen bir sistem kullanır. Bunu da Node JS aracılığı ile yapar. Bu sebeple kurulumunu yapacağımız uygulamalardan biri de Node JS olacak.

Bunun için https://nodejs.org/en/download/ adresine girerek “Install” butonuna basmamız yeterli.

Kurulumları tamamladıktan sonra sorunsuz kurulup kurulmadığını kontrol etmek için komut satırı ekranından “npm -version” komutunu vererek doğru çalışıp çalışmadığını kontrol edelim.

Npm version bilgisini sorunsuz şekilde alabiliyorsanız kurulum sağlıklı bir şekilde tamamlanmış demektir.

CORDOVA

Buraya kadar Cordova ile Android uygulaması geliştirmek için gerekli ön kurulumların tamamını gerçekleştirmiş olduk. Bu adımda Cordova’ yı da kurarak tüm kurulumlarımızı tamamlamış olacağız. İşletim sisteminizin komut satırını açıp “npm install -g cordova” komutunu çalıştıralım.

Kurulumları tamamladıktan sonra sorunsuz kurulup kurulmadığını kontrol etmek için komut satırına “cordova -version” komutunu vererek doğru çalışıp çalışmadığını kontrol edelim.

Cordova version bilgisini sorunsuz şekilde alabiliyorsanız kurulum sağlıklı bir şekilde tamamlanmış demektir.

IONIC FRAMEWORK

Ionic, Drifty Co. tarafından piyasaya çıkarılan bir cross-platform SDK’dir. Bundan önce JQuery ve Bootstrap tabanlı bazı sürükle-bırak tarzı arayüz üretme platformları yapan Drifty Co. kendi SDK’ini yapmaya karar verip Ionic’i yapmışlar. Hem de cross-platform(hybrid) yapmışlar. Burada cross-platform kavramını biraz açmak lazım: Cross-platform, bir platforma yapılan uygulamanın diğer platformlar için de hemen hemen aynı biçimde çalışması demektir. Ionic de tam olarak bu mantıkta çalışıyor.

Ionic kurulumunu yapmak için komut satırına aşağıdaki kodu yazmak yeterlidir.

“npm install -g ionic”

Kurulum tamamlandıktan sonra sorunsuz kurulup kurulmadığını test etmek için komut satırına “ionic -version” komutunu yazmamız yeterlidir. Sorunsuz şekilde versiyon bilgisini alabiliyorsanız kurulum başarıyla tamamlanmış demektir.

Şimdi gelelim proje oluşturmaya ve bu projeyi çalıştırmaya…

  1. Komut satırında projeyi oluşturmak istediğiniz dizine gidiyoruz.
  2. “ionic start ProjeAdı Türü” yazarak projemizi oluşturuyoruz.
    Türü : blank, tabs, sidemenu
  3. Dosyamız oluşturulduktan sonra komut satırından dosyanın dizinine giriyoruz.
  4. “ionic serve” komutunu kullanarak uygulamamızı tarayıcı üzerinden çalıştırıyoruz.

Dosyalar üzerinden yaptığınız değişikliklerin çalışması için tek yapmanız gereken Ctrl-S, yani dosyayı kaydetmenizdir.