19 Desember 2011

Membangun Aplikasi Desktop Di Linux Menggunakan Titanium

Titanium merupakan salah satu dari sekian banyak development platform yang bermunculan khususnya dalam pengembangan aplikasi mobile yang memakai teknologi web.

Perbedaan Titanium dengan platform yang lain seperti Rhomobile ataupun PhoneGap yaitu adanya dukungan IDE yang multiplatform, pada saat tulisan ini dibuat IDE dari Rhomobile hanya mendukung Mac dan Windows sedangkan PhoneGap yng telah diakuisi oleh Adobe juga blm ada. Tetapi penulis yakin dalam waktu dekat akan mucul IDE dari Adobe yang mendukung PhoneGap.

Biasanya pembuatan aplikasi desktop terbatas pada bahasa yang memang ditujukan untuk lingkungan desktop seperti C, C++, Java dll. Tetapi dengan perkembangan jaman yang semakin cepat teknologi web seperti HTML 5, Javascript dan  CSS juga mulai merambah ke gui desktop. Perbedaan yang lain yaitu Titanium juga mendukung pengembangan aplikasi selain mobile phone seperti aplikasi desktop multiplatform……yup! mendukung pengembangan aplikasi desktop untuk Windows, Mac, ataupun Linux!.

Sebagai langkah awal, berikut merupakan contoh pengembangan aplikasi desktop yang penulis buat. Screenshot hasil akhir aplikasi dapat dilihat dibawah ini

Hello Titanium Screenshoot

Aplikasi ini secara real world hanya berfungsi untuk mendeteksi nama sistem operasi dan versi dari kernel Linux. Secara real wordl tidak banyak bermanfaat memang, tetapi penulis ingin membuktikan bahwa banyak pilihan dan kemudahan saat ini dalam pengembangan software. Jadi tidak ada alasan untuk bermalas malasan,  setidaknya untuk penulis sendiri! :D

Langkah – langkah berikut diasumsikan bahwa anda bekerja di platform Linux (penulis memakai Linux Fedora 15) :

Download Titanium Studio (diperlukan registrasi lebih dahulu).Pastikan JDK telah terinstall.Ekstrak Titanium Studio ke sembarang folder.Start studio $ ./TitaniumStudio

Sementara ini SDK Titanium untuk desktop (versi 1.1.0 ) bawaan Titanium Studio tidak bisa bekerja di Fedora 15. Tetapi untuk versi SDK Titanium 1.2 RC4 ternyata bisa bekerja dengan baik jadi kalo anda memakai Fedora 15 download dahulu SDK Titanium versi 1.2 RC4 untuk desktop di sini kemudian ekstrak di folder home SDK Titanium yang defaultnya di ~/.titanium.

Buat project baru File -> New -> Titanium Desktop Project kemudian beri nama projectNew Titanium Desktop Project
HelloTitanium misalnya dan klik Finish.

Susunan folder dari HelloTitanium bisa dilihat pada tampilan App Explorer di Titanium Studio seperti dibawah ini

Hello Titanium project folder

Kalau anda biasa membangun aplikasi web sekilas file – file Hello Titanium seperti file – file pembangun aplikasi web…ada file HTML, CSS dan JavaScript! yang berbeda hanya ada tambahan file tiapp.xml yang berfungsi untuk pengesetan properti seperti Publisher,  Versi Aplikasi, Copyright, Deskripsi Aplikasi dll. Pengeditan file tiapp.xml bisa secara manual atau melalui editor khusus bawaan Titanium Studio seperti gambar dibawah ini

tiapp.xml editor

Ok! Sekarang kita lihat isi file utama dari aplikasi ini yaitu index.html

123456789101112131415161718Hello TitanLinux!

Agar aplikasi ini bisa mendeteksi nama sistem operasi dan versi kernel linux yang saya pakai platform Titanium menyediakan API Titanium.Platform. Untuk detail method dan propertinya lihat dokumentasi API Titanium.Platform (pastikan anda sudah teregistrasi dahulu). Untuk menggunakan API ini bisa digunakan JavaScript seperti pada file app.js berikut

1234567891011121314151617181920212223/****Javascript file for Titanium Desktop Hello World on Linux *Author By Equan Pr.*http://www.junwatu.com */$(document).ready(function() {var window = Titanium.UI.currentWindow;window.height = 100;window.width = 350; var app = Titanium.API;app.log('INFO', 'Titanium desktop untuk Linux'); var osname = Titanium.Platform.getName();var osversion = Titanium.Platform.getVersion();var ostype = Titanium.Platform.getOSType(); $('#content').html(osname + ' ' + osversion + ' ' + ostype); });

metode getName() untuk membaca nama dari os, getVersion() untuk membaca versi kernel dari os dan getOSType() untuk membaca tipe prosessor 32bit atau 64bit. Untuk mengeset isi dari tag div dengan id “content” dipakai library JQuery, jadi library ini harus di referensikan di file index.html. Untuk pengetesan apakah aplikasi sudah bisa berjalan klik menu Run -> Run As -> Desktop Application.

Untuk pendistribusian atau pemaketan aplikasi desktop, Titanium Studio juga menyediakan  fasilitas untuk itu. Caranya didalam tampilan App Explorer klik kanan kemudian klik menu Deploy -> Distribute – Desktop.

Deploy Titanium Desktop

Kode sumber dapat didownload di repositori HelloTitanium atau checkout dengan perintah berikut

$ git clone git@bitbucket.org:junwatu/hellotitanium.git

Selamat Mencoba! :D

Posting ini bermanfaat...atau ada pertanyaan ?, jangan lupa untuk menulis komentar ok.


View the original article here

Ikuti Blog ini

Langganan

Mau dapet Update-an Blog ini lewat e-mail? Masukkin aja alamat Email kamu disini:

Dikirim Oleh FeedBurner