Tutorial membuat aplikasi HTML5 untuk TIZEN dengan menggunakan Intel XDK NEW


Alat atau tool pengembangan Intel® XDK NEW ditujukan buat pengembang yang ingin menggunakan keahlian HTML5 mereka untuk membangun aplikasi hybrid HTML5 untuk perangkat mobile (misalnya smartphone dan tablet) dan platform lainnya yang menjadi tuan rumah dari aplikasi web HTML5 (seperti ekstensi pada Google Chrome, Mozilla Firefox atau sebuah situs web mobile). Untuk memulai, Anda harus terlebih dahulu men-download dan menginstal aplikasi Intel XDK NEW pada komputer personal (PC) Anda yang menjalankan sistem operasi Linux, Microsoft Windows atau Apple OS X.

Aplikasi Intel XDK NEW terdiri dari satu set tool pengembangan untuk membantu Anda membuat kode, debug, pengujian dan membangun aplikasi web mobile dan aplikasi hybrid HTML5 untuk berbagai platform sasaran. Tutorial berikut ini memberikan langkah-langkah untuk membangun dan menginstal aplikasi untuk TIZEN.

Dengan XDK ini, aplikasi dapat dikembangkan dengan menggunakan tool bracket editor atau drag & drop UI (App Designer atau App Starter) yang telah terintegrasi. Anda dapat menemukan informasi lebih lanjut tentang App Designer di http://software.intel.com/en-us/html5/articles/app-designer-index/ serta untuk App Starter di http://software.intel.com/en-us/html5/videos/make-a-quick-and-attractive-ui-for-your-app. Setelah Anda membuat aplikasi HTML5 yang akan dibangun sebagai paket aplikasi web TIZEN (file dengan ekstensi .wgt), Anda akan perlu untuk membuat file config.xml untuk mengidentifikasi semua konfigurasi aplikasi. Anda dapat menemukan informasi lebih lanjut tentang struktur file konfigurasi TIZEN di https://developer.tizen.org/documentation/dev-guide. Untuk mempersempit hasil pencarian di Dev Guide untuk konfigurasi widget, paste “Setting Widget Configuration” ke dalam kolom Search.

Langkah-langkah untuk membuat file config.xml di Intel XDK NEW
  1. Di bawah tab Develop, klik kanan panel kiri (file tree dari panel)
  2. Pilih New File
  3. Ubah nama file "Untitled" menjadi "config.xml"


Contoh dari config.xml




Langkah-langkah untuk membangun aplikasi TIZEN di Intel XDK NEW
  1. Di bawah tab Build, Klik tombol Build untuk TIZEN
  2. Lengkapi semua langkah-langkah dalam dialog Build
  3. Klik tombol “Go to the Next Step” ketika Anda selesai dengan setiap langkah
  4. Klik tombol “App Ready” untuk memulai proses pengembangan. Sebuah file berekstensi .wgt akan tersedia untuk di-download ketika pembuatan aplikasi selesai.
  5. Download file .wgt.

Pengujian aplikasi HTML5 TIZEN

Untuk menguji aplikasi HTML5 TIZEN yang baru saja Anda buat, terlebih dahulu Anda perlu untuk men-download TIZEN SDK yang bisa didapatkan di https://developer.tizen.org/downloads/tizen-sdk. Item yang paling penting buat pengujian aplikasi TIZEN adalah tool Command Line dan Tizen Emulator.

Untuk menginstal sebuah aplikasi ke emulator, Anda akan perlu menggunakan Command Prompt (Windows)/Terminal(Linux & Mac OSX).
  1. Ketik cd <path_to_wgt_file>
  2. Ketik web-install.bat --widget <wgt_filename.wgt>