Kolaborasi Luar Biasa WML & PHP Sebagai Solusi Web Mobile Device

Matur thank you alias terimakasih untuk seorang teman mahasiswa yang sudah memberikan inspirasi ngeblog untuk saya. sebetulnya sudah beberapa hari ini mau ngeblog tapi belum ada rejeki kesempatan. nah..karna SMS kalian itulah diri-koe akan jawab lewat ketikan ini ya..OC😉

Let’s begin… kalau kita bicara tentang WML (Wireless Markup Language) maka mau ndak mau..suka ndak suka kita mesti mendahulukan bicara tentang asal muasal WML.
Siapa yang belum pernah berselancar di dunia maya?? hayo…angkat jari🙂 pasti tidak akan ada yang angkat tangan khan? karena saya berasumsi saat membaca tulisan ini saja anda sedang berselancar di internet. kalau anda membuka halaman web contohnya seperti blog ini via PC atau notebook/netbook saya rasa anda tidak akan berpikir panjang tentang bagaimana halaman tersebut bisa terbentuk dan terbuka di browser anda. tapi akan berbeda jika halaman web anda buka di peralatan-peralatan wireless seperti handphone atau PDA, sedikit banyak otak kita akan diajak berpikir bagaimana halaman web bisa tampil di gadget kita atau paling tidak ya seberapa banyak pulsa yang keluar apalagi kalau gambar-gambarnya buesarr🙂

Dari situlah salah satu alasan kenapa muncul yang namanya WML. kalau web dibuka menggunakan PC maka kita akan berbicara tentang HTTP, HTML, Javascript, Bmp, Jpg. namun jika web akan dibuka melalui peralatan wireless seperti handphone atau PDA, maka yang kita bicarakan adalah WAP (Wireless Application Protocol), WML (Wireless Markup Language), HDML (Handle Device Markup Language), WBMP (Wireless Bitmap).

 

WML merupakan format standar untuk membuat dokumen/aplikasi berbasis WAP yang didasarkan pada XML dan didesain untuk menampilkan konten serta antarmuka di peralatan wireless.
WML sendiri mempunyai aturan sebagai berikut :

  1. Pada Hedaer diberikan jenis dokumen WML   Content-type: text/vnd.wap.wml
  2. Prolog dokumen (XML DTD)

<?xml version=”1.0″?>

<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”&gt;

Sedangkan bagaimana kita membangun web interface dengan WML, maka kita harus paham tentang hal berikut :

  1. Deck = unit terkecil yang dikirm oleh server ke perangkat wireless
  2. Card = blok yang akan menspesifikasikan suatu interaksi tunggal antara user dengan perangkat.

sebagai catatan, perangkat hanya mampu menampilkan satu card dalam setiap scroll nya dan disarankan ukuran deck maksimal 20kb.

Langsung ke implementasi Yuk…

Untuk “bermain-main” dengan WML maka kita cukup menggunakan web server standar yaitu Xampp ditambah dengan browser, tapi bukan browser yang biasa kita gunakan (firefox, google chrome). browser yang kita gunakan adalah browser khusus WAP, kita bisa gunakan emulator dulu yaitu M3GATE dan untuk editornya suka-suka dech mau pakai apa sesuai dengan yang dikuasai (notepad aja juga ndak apa-apa🙂 )

Project Pertama :

<?php

header(‘Content-type:text/vnd.wap.wml’);

echo”<?xml version=\”1.0\” encoding=\”iso-8859-1\”?>”;

echo” <!DOCTYPE wml PUBLIC \”-//WAPFORUM//DTD WML 1.1//EN\” \”http://www.wapforum.org/DTD/wml_1.1.xml\”>”;

?>

<wml>

<card id=”pertama” title=”CARD PERTAMA”>

<p>Halo..lagi nyoba WML nich</p>

</card>

</wml>

?>

Simpan dengan nama project_pertama.php , kemudian jalankan emulator M3GATE dan masukan URL dengan menggunakan shortcut Ctrl+O. (saya asumsikan web server sudah diaktifkan)

Project Kedua :

<?php

header(‘Content-type:text/vnd.wap.wml’);

echo”<?xml version=\”1.0\” encoding=\”iso-8859-1\”?>”;

echo” <!DOCTYPE wml PUBLIC \”-//WAPFORUM//DTD WML 1.1//EN\”

\”http://www.wapforum.org/DTD/wml_1.1.xml\”>”;

?>

<wml>

<card id=”pertama” title=”CARD PERTAMA”>

<p>Ini card Ke-1 , <a href=”#kedua”>Klik untuk lanjut</a></p>

</card>

<card id=”kedua” title=”CARD KEDUA”>

<p>Ini card Ke-2 , <a href=”#ketiga”>Klik untuk lanjut</a></p>

</card>

<card id=”ketiga” title=”CARD KETIGA”> <p>Ini card Ke-3 , <a href=”#keempat”>Klik untuk lanjut</a></p>

</card>

<card id=”keempat” title=”CARD KEEMPAT”>

<p>Ini card Ke-4 , Selesai. <a href=”#kesatu”>kembali</a></p>

</card>

</wml>

?>


One Response to “Kolaborasi Luar Biasa WML & PHP Sebagai Solusi Web Mobile Device”

  1. Masih terlalu anjel bagiku Mr. ….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: