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>