tutorial wml, wap, web mobile

Tutorial wml, wap, web mobile

Assalamu'alaikum..... Apa kabar temans?
Mungkin anda sedang mencari artikel tentang wml, wap, atau web mobile? Saya akan mencoba sedikit share salah satu materi kuliah yang bikin saya  pusing tujuh keliling. Berhubung saat ini saya sedang disibukkan oleh skripsi dengan tema:

"Analisis Dan Perancangan Sistem Informasi Akademik Mahasiswa Berbasis Web Mobile Pada STMIK Bani Saleh Bekasi".

Maka saat ini saya lagi getol-getolnya belajar web mobile dengan wml, php, dan database mysql. karena pada era sekarang ini pengguna handphone jauh lebih banyak dibandingkan dengan jumlah pengguna komputer, selain itu perkembangan dunia web mobile kedepannya dirasa cukup menjanjikan. (kalo kebelakangnya gak tau tuh... ) hehehee....
Nah, sekarang yuk... kita belajar barengtentang wml atau yang sering disebut dengan web mobile.
Struktur Dasar wml
Sebuah halaman wml terdiri dari header dan body. Pada bagian header harus terdapat deklarasi xml dan DTD seperti contoh dibawah ini:

<em><?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd"> 


Pada bagian body terdapat pasangan tag: ........ yang disebut deck. Didalam satu deck bisa terdapat beberapa card, didalam sebuah card bisa berisi satu atau lebih komponen berikut:
  • Teks format :bisa berupa teks, gambar, atau link
  • Element (input) : untuk menerima input dari user berupa string
  • Element (select) : user dapat memilih dari daftar pilihan.
Berikut saya berikan contoh template sederhana sintax wml:

<em><?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <template>
    <do name="menu_1" type="accept" label="Chapter 1">
      <go href="#profil.wml"/>
    </do>
    <do name="menu_2" type="accept" label="Chapter 2">
      <go href="#info.wml"/>
    </do>
    <do name="menu_3" type="accept" label="Chapter 3">
      <go href="#login"/>
    </do>
  </template>
  <card id="chapters" title="Bani Saleh">
    <p>
<p align="center">
      Selamat datang di Informasi Akademik Mahasiswa</p><br/>
      <anchor>
        <go href="#profil.wml"/>
        Profil
      </anchor><br />
      <anchor>
        <go href="info.wml"/>
        Info
      </anchor><br />
      <anchor>
        <go href="login.wml"/>
        Log in
      </anchor><br />
      <br />
    </p>
  </card>
  <card id="chapter1" title="Profil STMIK Bani Saleh">
    <p>
      <em>Profil Kita</em><br/>
    </p>
  </card>
  <card id="chapter2" title="Info Terbaru STMIK">
    <p>
      <em>Info Kita</em><br/>
    </p>
  </card>
  <card id="chapter3" title="Log In">
    <p>
      <em>Log In Kita</em><br/>
    </p>
  </card>
</wml></em>


 tutorial wml

















Simpan folder tersebut dengan nama index.wml, Oh iya, sebelumnya download dan insatall dulu Apache WAMP Server/ EXAMP dan Openwave SDK 6.2.2 (Cari sendiri di mbah google ya...!) hehehee....
Nah... inilah hasil tampilannya.....

*Semoga Bermanfaat......*


Back To Top