[Teknologi] Adobe Integrated Runtime (AIR)

Sambil nunggu semua luka kering akibat cacar air, nyobain ngoprek-ngoprek teknologi yang baru muncul seperti AIR dan JavaFX. Tapi yang sekarang dioprek baru AIR (Adobe Integrated Runtime).

AIR kebalikan dari AJAX, kalo pake AJAX kita bisa bikin aplikasi web kita seolah-olah mirip dengan aplikasi desktop. Kalo menggunakan AIR kita bisa buat aplikasi web kita berjalan di desktop tanpa browser. Sampe saat ini baru nangkep bahwa yang bisa dikonversi ke AIR adalah HTML, JavaScript, CSS, SWF, Flex.

Untuk menjalankan aplikasi AIR kita membutuhkan Adobe AIR Runtime Environment aja.

Untuk buat program pake AIR kita membutuhkan:

  1. Adobe AIR Runtime Environment
  2. Adobe AIR Software Development Kit (AIR SDK)
  3. Notepad
  4. Minimal skill HTML

Misalkan kita buat file html dengan nama file index.html seperti ini:

?View Code HTML
<html>
 <head>
  <title>My Hello World From AIR</title>
  <script language="JavaScript" type="text/javascript">
	function showText(f) {
  		window.alert(f.elements["textfield"].value);
	}
  </script>
 </head>
 <body bgcolor="red">
  <h1>Hello World From AIR Application</h1>
  <br />
  <marquee>irfan ardiansah</marquee>
  <br />
  <form>
  	<input type="text" name="textfield" />
  	<input type="button" value="Show text" onclick="showText(this.form);" />
  </form>
 </body>
</html>

Kemudian akan kita konversi jadi aplikasi AIR dengan menggunakan xml, misalkan nama filenya application.xml dengan isi seperti ini:

?View Code XML
<?xml version="1.0" encoding="utf-8" ?>
<application xmlns="http://ns.adobe.com/air/application/1.5">
 <id>com.example.hello</id>
 <version>1.0</version>
 <filename>hello</filename>
 <initialWindow>
  <content>index.html</content>
  <visible>true</visible>
  <width>600</width>
  <height>300</height>
 </initialWindow>
</application>

Asumsi berikutnya adalah bahwa SDK diinstall di Windows dalam folder:

?View Code DOS
D:\Installed\AdobeAIR\

Tahap Uji Aplikasi:

  1. Jalankan Command Prompt dan masuk ke dalam folder tempat menyimpan index.html dan application.xml
  2. Eksekusi perintah:
?View Code DOS
D:\Installed\AdobeAIR\bin\adl application.xml

Kalo muncul sebuah window dan isinya sesuai dengan file index.html berarti eksekusi sukses.

Sudah selesai diuji, kemudian aplikasi di-package supaya bisa didistribusikan. Standar dari AIR adalah selalu di-package sebelum didistribusikan.

Untuk packaging kita memerlukan Certificate yang digunakan untuk validasi aplikasi. Tapi karena Certificate yang profesional itu harus bayar, maka kita buat Certificate sendiri dengan menggunakan perintah:

?View Code DOS
D:\Installed\AdobeAIR\bin\adt -certificate -cn gadjah.net 1024-RSA test_cert.p12 12345678

Kalo sukses akan ada file bernama test_cert.p12 dalam folder.

Trus kita package aplikasi, kalo diminta password isikan: 12345678

?View Code DOS
D:\Installed\AdobeAIR\bin\adt -package -storetype pkcs12 -keystore test_cert.p12 hello.air application.xml index.html

Kalo ada error seperti ini:

?View Code DOS
Could not generate timestamp: timestamp.geotrust.com

Perbaiki perintah package jadi seperti ini:

?View Code DOS
D:\Installed\AdobeAIR\bin\adt -package -storetype pkcs12 -keystore test_cert.p12 -tsa none hello.air application.xml index.html

Sekarang kita sudah punya aplikasi AIR bernama hello.air

Untuk menjalankan aplikasi ini kita membutuhkan Adobe AIR Runtime Environment sudah terinstal di komputer yang kita pake, kemudian double klik di hello.air dan ikuti semua perintahnya.

Sekarang di Desktop dan Start Menu sudah ada aplikasi namanya hello. Tinggal eksekusi aja.

StumbleuponDelicious

IP Address-mu:
38.107.191.80