17 Nisan 2014 Perşembe

Worklight Studio ile Başlangıç

Merhabalar  ,

Salı günü katılmış olduğum IBM Worklight Studio(Mobile Development) Workshop undan sonra kendim birkaç bir şey yapmak istediğimde internette Türkçe hiç bir kayak olmadığını fark ederek bir blog açıp bu yazıyı yazamaya karar verdim.

Öncelikle Worklight Studio ne işe yarar ? Nedir ona bakmamız gerekiyor ?

Worklight Studio ; Hibrid uygulama geliştirmeye yarayan, aynı proje içerisinde Android,ios,wp uygulamaları geliştirebileceğiniz ortamdır.Bu ortamda  HTML5, JavaScript ve CSS3 kullanarak yazılımlarınızı geliştirebilirsiniz.

Daha fazla tatava yapmadan ilk uygulamamıza geçelim.

İlk uygulamamız tabii ki bir  "Hello World" uygulamasıdır.

Öncelikle eclipse Juno SR2 ya da Kepler SR1'i indirmeniz gerekmektedir.

Juno SR2 :  http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/junosr2
Kepler SR1: http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/keplersr1

Eclipse i indirdikten sonra

Help->Eclipse Market Place e tıklanır.



Arama kısmına "Worklight" yazılarak arama işlemi gerçekleştirilir ve "IBM Worklight Developer Edition" yüklenir.




Worklight kurulumundan sonra eclipse tekrar başlatılacaktır. Bu tekrar başlama işleminden sonra aşağıda göreceğiniz gibi yeni bir worklight projesi açılır.



Daha sonra karşımıza gelen ekranda proje adı girilerek Hyrid Application seçilir.


Aşağıdaki ekranda da uygulamanızın adını girerek "Configure JavaScript Libraries" butonuna tıklanır.


http://jquerymobile.com/resources/download/jquery.mobile-1.4.2.zip  adresinden jquery mobile 1.4.2 paketini indirip zipin içindeki dosyaları bir klasöre kopyaladıktan sonra Add Jquery Mobile checkbox'ını tıklayıp paketi çıkardığınız yerden seçiyoruz.




Bu paketten seçim işlemi için aşağıdaki ekran görüntüsünde yer alanları seçmeniz yeterlidir.


"Finish" diyerek işlemlerimizi bitiririz.


Karşımıza gelen ekranda alt tarafta yer alan Servers bölümüne bakılır eğer worklight development server Stopped halde ise aşağıdaki resimde ok ile gösterilen kısımdan başlatılır.




Servers tabının yanında yer alan Console kısmında  şeklinde bir yazı göreceksiniz.

"  [AUDIT   ] CWWKT0016I: Web application available (default_host): http://10.230.230.126:10080/HelloWorld/ "

burada yer alan adres projemizi deploy ettikten sonra erişebileceğimiz adrestir.

Projemizi deploy edebilmek için ise aşağıda resimde göreceğiniz şekilde "Run on Worklight Development Server" ya da "Build Settings and Deploy Target"  seçilir.


Daha sonra deploy edildikten sonra erişeceğiniz adrese girerek "Preview as Common Resources" a tıklanır ve ilk Worklight Hibrid uygulamamızı çalıştırmış oluruz.


Kendinize iyi bakın.


Hiç yorum yok:

Yorum Gönder