WAP - Sintaks WML

Lapisan paling atas dalam arsitektur WAP terdiri dari WAE (Wireless Application Environment), yang terdiri dari bahasa skrip WML dan WML.

Bahasa skrip WML digunakan untuk merancang aplikasi yang dikirim melalui perangkat nirkabel seperti ponsel. Bahasa ini menangani layar kecil dan bandwidth transmisi rendah. WML adalah aplikasi XML, yang didefinisikan dalam definisi tipe dokumen.

Halaman WML disebut deck. Mereka dibangun sebagai satu set kartu, terkait satu sama lain dengan tautan. Ketika halaman WML diakses dari ponsel, semua kartu di halaman didownload dari server WAP ke ponsel yang menampilkan isinya.

Perintah dan sintaks WML digunakan untuk menampilkan konten dan untuk menavigasi antar kartu. Pengembang dapat menggunakan perintah ini untuk mendeklarasikan variabel, memformat teks, dan menampilkan gambar di ponsel.

Struktur Program WAP

Program WML biasanya dibagi menjadi dua bagian - document prolog dan body. Perhatikan kode berikut -

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

   ...
   </card>
   ...more cards...
</wml>

Baris pertama teks ini mengatakan bahwa ini adalah dokumen XML dan versinya 1.0. Baris kedua memilih jenis dokumen dan memberikan URL-nyadocument type definition (DTD). DTD ini memberikan definisi XML lengkap dari WML. Referensi DTD ditentukan di WAP 1.1, tetapi header ini berubah dengan versi WML. Header harus disalin persis sehingga tool kit secara otomatis menghasilkan prolog ini.

Badannya diapit dalam pasangan tag <wml> ... </wml> seperti yang ditunjukkan di atas. Badan dokumen WML dapat terdiri dari satu atau lebih hal berikut -

  • Deck

  • Card

  • Konten yang akan ditampilkan

  • Instruksi navigasi

Perintah WML

Perintah yang digunakan dalam WML diringkas sebagai berikut -

Pemformatan

Perintah Deskripsi
<p> Gugus kalimat
<b> Mencolok
<big> Besar
<em> Ditekankan
<I> Cetak miring
<small> Kecil
<strong> Sangat Ditekankan
<u> Digarisbawahi
<br> Line Break

Memasukkan Gambar

<img src="image-path/image - name" alt="Picture not available" />

Menggunakan Tabel

Perintah Deskripsi
<tabel> Definisi tabel
<tr> Mendefinisikan baris
<td> Mendefinisikan kolom
<Thead> Header tabel

Variabel

Dinyatakan sebagai -

<setvar name="x" value="xyz"/>

Digunakan sebagai -

$ identifier or $ (identifier) or
$ (Identifier; conversion)

Formulir

Perintah Deskripsi
<select> Tentukan daftar tunggal atau ganda
<input> Masukan dari pengguna
<option> Mendefinisikan opsi dalam daftar yang dapat dipilih
<fieldset> Mendefinisikan satu set field input
<optgroup> Mendefinisikan grup opsi dalam daftar yang dapat dipilih

Elemen Tugas

Perintah Deskripsi
<go> Merupakan tindakan untuk beralih ke kartu baru
<noop> Mengatakan bahwa tidak ada yang harus dilakukan
<prev> Merepresentasikan tindakan kembali ke kartu sebelumnya
<refresh> Menyegarkan beberapa variabel kartu yang ditentukan.

Acara

Berbagai acara tersebut adalah sebagai berikut -

Perintah Deskripsi
<do> Mendefinisikan handler do event
<peristiwa> Mendefinisikan sebuah event handler onevent
<postfield> Mendefinisikan sebuah event handler postfield
<ontimer> Mendefinisikan sebuah event handler ontimer
<onenterforward> Mendefinisikan penangan onenterforward
<onenterbackward> Mendefinisikan penangan satu arah
<pick> Mendefinisikan sebuah event handler onpick

Contoh Program WML

Simpan kode WML berikut ke info.wml di server Anda. Jika server Anda mengaktifkan WAP maka Anda dapat mengakses halaman ini menggunakan perangkat WAP apa pun.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<!-- WML prolog.declaration of file type and version>

<wml>
<!-- Declaration of the WML deck>
<card id="info" newcontext="true">
<!-- declaration of a card in deck>
<p align="center"><b>Information Center</b></p>
<!--paragraph declaration to display heading>
<p>
<!--paragraph declaration to display links>
<a href="Movie.wml">1. Movies info.</a>
<a href="Weather.wml">2. Weather Info.</a>
<!--declaration of links for weather and movies>
</p>
</card>
<!-- card end>
</wml>
<!-- program end>