Modul Pengembangan Sistem Informasi

1
ModulPengembangan Sistem Informasi
DosenZakki Falani, S.KomFakultas Ilmu
KomputerUniversitas Narotama
NEXT
2
Mobile Programming

• Kehadiran 10
• Tugas 30
• UTS 30
• UAS 30

3
Dasar Aplikasi Pemrograman W_at_P

• Setelah Anda mengenal dengan WEB, yaitu sebuah
  aplikasi berteknologi internet yang dijalankan
  pada halaman browser (IE,Mozilla,Netscape,dll).
• Pada teknologi WEB, program dasar yang digunakan
  untuk membuat halaman WEB menggunakan tags HTML.

NEXT
BACK
4
Dasar Aplikasi Pemrograman W_at_P

• WAP (Wireless Aplication Protocol)
• merupakan teknologi yang mirip web, akan
• tetapi halaman WAP tidak dijalankan
• pada Browser seperti pada WEB, melainkan
• akan diaplikasikan pada HandPhone
• (Telephone Cellular).

NEXT
BACK
5
Dasar Aplikasi Pemrograman W_at_P

• Teknologi WAP (Wireless Application Protocol)
  merupakan sebuah metode untuk menghadirkan
  halaman web ke dalam layar ponsel (handphone).
  Dengan begitu, maka bentuk informasi dari sebuah
  instansi tidak harus ditampilkan dengan metode
  web yang hanya dapat diakses melalui browserakan
  tetapi dapat ditampilkan dalam bentuk WAP. 

NEXT
BACK
6
Dasar Aplikasi Pemrograman W_at_P

• Sejarah WAP, Awal kemunculan WAP dimulai oleh
  riset yang dilakukan Ericson pada tahun 1995
  dengan mengembangkan protokol umum yang disebut
  Intelligent Terminal Transfer Protocol (ITTP)
  yang memungkinkan adanya nilai tambah pada
  handphone.
• Selama tahun 1996 dan 1997, Motorola, Nokia, dan
  Planet Unwired(sekarang Phone.Com) meluncurkan
  konsep serupa. Planet Unwiredmemperkenalkan
  Device Markup Language (HDML) dan Handheld Device
  Transport Protocol (HDTP) sama halnya dengan HTML
  yang digunakan pada www.
• HDML digunakan untuk memperlihatkan isi website
  atau sebagai userinterface dan sangat sesuai
  digunakan untuk aplikasi wireless internet access
  dengan limit transfer data yang sangat kecil. 
• Bulan Maret tahun 1997 Nokia memperkenalkan
  Konsep SmartMessaging yang khusus dirancang
  untuk GSM. Dimana komunikasi antarahandphone
  dengan internet dilakukan melalui SMS dan
  pemrograman bahasa yang disebut Tagged Text
  Markup Language (TTML) sama dengan HDML. Untuk
  membuat protokol yang sama, maka pada keempat
  perusahan tersebut sepakat membetuk forum WAP
  yang dilaksanakan pada tanggal 26 Juni 1997,
  dimana tanggal tersebut dianggap sebagai awal
  kelahiran dari Protokol Wireless Aplication
  Protocol (WAP). 

NEXT
BACK
7
Dasar Aplikasi Pemrograman W_at_P

• Tujuan dari spesifikasi WAP adalah untuk
  memberikan suatu standarisasi yang sederhana
  untuk telepon seluler untuk mengakses internet.
  Agar dapat mengakses internet dalam ponsel
  terdapat micro-browser. 
• Micro-browser untuk saat ini tidak sebaik browser
  untuk website. WAP belum bisa menampung
  bentuk-bentuk informasi seperti yang bisa
  dilakukan oleh website.

NEXT
BACK
8
Dasar Aplikasi Pemrograman W_at_P

• Terdapat tiga bagian utama dalam akses
• WAP yaitu
• perangkat wireless yang mendukung WAP,
• WAP Gateway sebagai perantara, dan
• Web server sebagai sumber dokumen.

NEXT
BACK
9
Dasar Aplikasi Pemrograman W_at_P

• Dokumen yang berada dalam web server dapat berupa
  dokumen
• html ataupun WML (Wireless Markup Language).
  Dokumen
• WML sebelum dibaca melalui browser WAP,
  diterjemahkan
• terlebih dahulu oleh gateway agar content yang
  ada dapat
• disesuaikan dengan perangkat WAP.

NEXT
BACK
10
Dasar Aplikasi Pemrograman W_at_P

• Untuk memenuhi kebutuhan, WAP menetapkan
  lingkungan pengembangan aplikasi
• dan arsitektur sistem, yang meliputi hal-hal
  seperti berikut
• Menyediakan suatu arsitektur layered, scaleable,
  dan extensible
• Mengoptimalkan tranmisi wireless
• Mempengaruhi yang ada dan mengembangkan
  standar-standar internet
• Menyediakan model aplikasi Web-centric
• Pemetaan antarmuka user WAP yang baik berdasarkan
  pada antarmuka web yang ada dan telepon mobile
• WAP menggunakan Web Servers WAP mempengaruhi
  semua teknologi pengembangan server side web yang
  ada (seperti ASP.NET, PHP, dan JSP)
• Menggunakan XML sebagai dasar penyajian dan
  pengolahan
• Memungkinkan personalisasi device, isi, dan
  presentasi
• Komunikasi dan aplikasi interoperable menjadi
  mungkin

NEXT
BACK
11
Dasar Aplikasi Pemrograman W_at_P

• WAP Gateway digunakan untuk encoding dan decoding 
  data yang dikirim dari dan ke client.
  Tujuan encoding ke client adalah untuk
  meminimalkan ukuran data yang dikirim melalui
  air-interface, sama halnya dengan memperkecil
  energi untuk pemrosesan data yang dibutuhkan
  oleh client.

NEXT
BACK
12
Dasar Aplikasi Pemrograman W_at_P

• WAP mempunyai MIME Type yang khusus dan harus
  ditambahkan dalam konfigurasi MIME agar ponsel
  dapat mengakses dokumen WAP Server. MIME Typeyang
  digunakan oleh WAP adalah sebagai berikut

NEXT
BACK
13
Dasar Aplikasi Pemrograman W_at_P

• Kesimpulan
• Jika WEB -gt HTML,
• sedangkan WAP -gt WML (Wireless Markup Language)
• WEB dijalankan pada halaman browser
  Inter/Intra-net,
• sedangkan WAP membutuhkan browser khusus untuk
  dapat dijalankan pada Handphone.

NEXT
BACK
14
Dasar Aplikasi Pemrograman W_at_P

• Dilihat dari namanya, jenis pemrograman WML
  memiliki
• tags yang mirip dengan HTML.
• Tentunya Anda masih ingat, bahwa semua
  pemrograman
• yang tekniknya MARKUP akan memiliki struktur yang
  
• dimulai dengan startTag dan diakhiri dengan
  endTag.
• Misal

startTag endTag Keterangan
ltbgt lt/bgt Mencetak karakter menjadi tebal
ltigt lt/igt Mencetak karakter menjadi miring
ltugt lt/ugt Mencetak karakter menjadi bergaris bawah
NEXT
BACK
15
Pengenalan W_at_P

• Pendahuluan
• Untuk dapat menggunakan w_at_p, setting
• terlebih dahulu file http.conf
• (Supaya web server yg Anda gunakan dapat
• mendukung script wap atau file yg berekstensi
• .wml dan program PHP dengan kode wml).

NEXT
BACK
16
Pengenalan W_at_P (Konfigurasi Web Server) I

• Buka file http.conf, arahkan pada bagian
• ltIfModule mod_dir.cgt, Ubah/tambahkan deskripsi
  berikut
• ltIfModule mod_dir.cgt
• DirectoryIndex index.html
• DirectoryIndex index.php
• DirectoryIndex default.php
• DirectoryIndex main.php
• DirectoryIndex index.wml
• lt/IfModulegt
• Tujuanguna direktori pada root web server
  tersimpan file dengan nama
• diatas,maka file tersebut akan dijalankan.

NEXT
BACK
17
Pengenalan W_at_P (Konfigurasi Web Server) II

• Buka file http.conf, Ubah/tambahkan deskripsi
  berikut
• AddType application/x-httpd-php .wml
• AddType text/vnd.wap.wml .wml
• AddType image/vnd.wap.wbmp .wbmp
• AddType text/vnd.wap.wmlscript .wmlsc
• AddType text/vnd.wap.wmlscript .wmls
• AddType application/vnd.wap.wmlc .wmlc
• AddType application/vnd.wap .wmlscriptc
• AddType text/vnd.wap .wmlscript
• Tujuanmenambahkan beberapa parameter dukungan
  untuk beberapa
• ekstensi file yang terkait dengan program WAP.

NEXT
BACK
18
Pengenalan W_at_P (Konfigurasi Web Server) III

• Restart Web Server, maka Web Server telah
• mendukung program WML

NEXT
BACK
19
Pengenalan W_at_P (Install Emulator)

• Mengenal M3Gate
• M3Gate merupakan salah satu emulator sederhana
• yang sering digunakan sebagai browser script WML.
• Secara standart, Anda dapat mensetting ke dalam
• bentuk layar PDA (Personal Data Asisten) atau
• interface handphone.

NEXT
BACK
20
Dasar Aplikasi Pemrograman W_at_P

• Menyimpan File WML
• Secara standart, pemrograman WAP akan disimpan
• dengan menggunakan ekstensi .wml Akan tetapi
• apabila Anda hendak membuat program WAP
• dinamis, misalnya menggunakan pemrograman PHP,
• maka program dapat disimpan dengan menggunakan
• ekstensi .php

NEXT
BACK
21
Dasar Aplikasi Pemrograman W_at_P

• Referensi
• http//www.w3schools.com/wap/wap_intro.asp

NEXT
BACK
22
Dasar Aplikasi Pemrograman W_at_P

• Cara Penulisan WML
• Struktur penulisan program WAP seperti berikut
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleTitle Program WAP gt
• .isi program WAP..
• lt/cardgt
• lt/wmlgt

NEXT
BACK
23
Dasar Aplikasi Pemrograman W_at_P

• Cara Penulisan WML
• Program WML ditulis ke dalam teknik XML
  (eXtensible
• Markup Language). Sehingga untuk menuliskan
• program WML harus didahului dengan tag berikut
• lt?xml version1.0 encodingiso-8859-1?gt

NEXT
BACK
24
Dasar Aplikasi Pemrograman W_at_P

• Cara Penulisan WML
• Selanjutnya, setelah pengenal XML di atas harus
• dikenalkan dengan konsorsiumnya, yaitu
• menggunakan tag berikut
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//EN
• http//www.wapforum.org/DTD/wml13.dtdgt
• Atau dapat disederhanakan seperti,
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt

NEXT
BACK
25
Dasar Aplikasi Pemrograman W_at_P

• Membuat Judul WAP
• Untuk membuat judul pada halaman WAP, WML
  memiliki tag yang
• bernama ltcardgt, berikut adalah cara penulisannya.
• ltcard titleJudul WAPgt
• lt/cardgt

NEXT
BACK
26
Dasar Aplikasi Pemrograman W_at_P

• Membuat Judul WAP
• Contoh
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//EN
• http//www.wapforum.org/DTD/wml13.dtdgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• lt/cardgt
• lt/wmlgt

title.wml
NEXT
BACK
27
Dasar Aplikasi Pemrograman W_at_P

• Menghilangkan Fungsi Back
• Tambahkan parameter newcontext pada tag ltcardgt
• Contoh
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAP newcontexttruegt
• lt/cardgt
• lt/wmlgt

hilangback.wml
NEXT
BACK
28
Dasar Aplikasi Pemrograman W_at_P

• Menuliskan Isi Program
• Didalam pemrograman WML, untuk dapat
• menampilkan semua isi program ke dalam halaman
• browser dengan cara meletakkannya pada kolom
• diantara tag ltcardgt.lt/cardgt.

NEXT
BACK
29
Dasar Aplikasi Pemrograman W_at_P

• Menuliskan Isi Program
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp alignleftgt
• Ini adalah program pertama saya,
• saat ini saya sedang belajar pemrograman WML dan
  PHP
• lt/pgt
• lt/cardgt
• lt/wmlgt

isiprogram.wml
NEXT
BACK
30
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Tag Ganti Baris (Break Lines)
• Pada tag HTML untuk berganti baris adalah ltbrgt.
  Berbeda
• dengan WML, Anda tidak dapat menggunakan tag ltbrgt
  untuk
• berganti baris.
• Di dalam WML Anda dapat membuat Break Lines
  dengan
• cara menuliskan tag ltbr/gt.

NEXT
BACK
31
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Tag Ganti Baris (Break Lines)
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp alignleftgt
• Ini adalah program pertama saya,
• saat ini saya sedang belajar pemrograman WML dan
  PHP bersama Mahasiswa FASILKOM.ltbr/gtltbr/gt
• Semoga saya dapat mengambil ilmunya.ltbr/gt
• lt/pgt
• lt/cardgt
• lt/wmlgt

gantibaris.wml
NEXT
BACK
32
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Teks Tebal, Miring
• dan Bergaris Bawah
• Untuk membuat isi WAP dengan teks yang dicetak
  tebal,
• miring serta bergaris bawah sama atau mirip
  dengan HTML.

NEXT
BACK
33
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Teks Tebal, Miring
• dan Bergaris Bawah
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp alignleftgt
• ltbgtIni adalah program pertama saya,lt/bgt
• ltigtsaat ini saya sedang belajar pemrograman WML
  dan PHP bersama Mahasiswa FASILKOM.lt/igtltbr/gtltbr/gt
• ltugtSemoga saya dapat mengambil ilmunya.lt/ugtltbr/gt
  
• lt/pgt
• lt/cardgt
• lt/wmlgt

styleteks.wml
NEXT
BACK
34
Dasar Aplikasi Pemrograman W_at_P

• Membuat Huruf Berkarakter Besar
• Pada pemrograman WAP sering menggunakan dua
  bentuk
• teks yang ditampilkan, yaitu teks dengan bentuk
  besar
• dan kecil.
• Untuk membuat teks dengan karakter besar, WML
• memiliki tag bernama ltbiggt.

NEXT
BACK
35
Dasar Aplikasi Pemrograman W_at_P

• Membuat Huruf Berkarakter Besar
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp aligncentergt
• ltbiggtUniversitas Narotama Surabayalt/biggt
• lt/pgt
• lt/cardgt
• lt/wmlgt

big.wml
NEXT
BACK
36
Dasar Aplikasi Pemrograman W_at_P

• Membuat Huruf Berkarakter Kecil
• Pada pemrograman WAP sering menggunakan dua
  bentuk
• teks yang ditampilkan, yaitu teks dengan bentuk
  besar
• dan kecil.
• Untuk membuat teks dengan karakter kecil, WML
• memiliki tag bernama ltsmallgt.

NEXT
BACK
37
Dasar Aplikasi Pemrograman W_at_P

• Membuat Huruf Berkarakter Besar
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp aligncentergt
• ltsmallgtUniversitas Narotama Surabayalt/smallgt
• lt/pgt
• lt/cardgt
• lt/wmlgt

small.wml
NEXT
BACK
38
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Gambar
• Dalam WAP untuk menggunakan gambar harus
• dikonversi dulu kedalam bentuk warna monochrom.
• Untuk mengkonversi, gambar tersebut sebaiknya
• disimpan dalam bentuk file .wbmp

NEXT
BACK
39
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Gambar
• Berbeda dengan tag HTML, pada WAP sintaks untuk
• menggunakan gambar terdapat tag penutup.
• ltimg src..wbmp.gt lt/imggt

NEXT
BACK
40
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Gambar
• lt?xml version"1.0" encoding"iso-8859-1"?gt
• lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
  1.3//EN" "http//www.wapforum.org/DTD/wml13.dtd"
  gt
• ltwmlgt
• ltcard title". Belajar WAP ."gt
• ltp align"left"gt
• ltbiggtltbgtIni Pesawatlt/bgtlt/biggt ltbr/gt
• ltimg src"pesawat.wbmp" alt"Pesawat"gtlt/imggt
• lt/pgt
• lt/cardgt
• lt/wmlgt

gambar.wml
NEXT
BACK
41
Dasar Aplikasi Pemrograman W_at_P

• Hyperlink
• Untuk membuat hyperlink, WML memiliki tag yang
• sama dengan HTML.
• lta hrefpath/namafile..gt.lt/agt

NEXT
BACK
42
Dasar Aplikasi Pemrograman W_at_P

• Hyperlink
• lt?xml version1.0 encodingiso-8859-1 ?gt
• lt!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML
  1.3//ENgt
• ltwmlgt
• ltcard titleBelajar WAPgt
• ltp aligncentergt
• lta hrefstyleteks.wmlgtLink1lt/agtltbr/gt
• lta hrefgantibaris.wmlgtLink2lt/agt
• lt/pgt
• lt/cardgt
• lt/wmlgt

hyperlink.wml
NEXT
BACK
43
Dasar Aplikasi Pemrograman W_at_P

• Membuat Splash Window
• Splash window merupakan salah satu teknik
• pemrograman WAP yang digunakan membuat loading
• halaman.
• Untuk membuat program loading, WML telah
• menyediakan atribut yang berguna untuk melakukan
• pengaturan waktu panggil, atribut tersebut dapat
• dipasangkan dengan tag ltcardgt.

NEXT
BACK
44
Dasar Aplikasi Pemrograman W_at_P

• Membuat Splash Window

lt?xml version"1.0" encoding"iso-8859-1"?gt lt!DOCT
YPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN
http//www.wapforum.org/DTD/wml13.dtd"
gt ltwmlgt ltcard id"halaman1" ontimer"halaman2"gt
lttimer value"10"/gt ltp align"center"gt
ltbgtltbiggtLoading Pageslt/biggtltbr/gt ltbr/gt
ltsmallgt CENTRANET TEAM ltbr/gt Software -
Web Developer lt/smallgtlt/bgt ltbr/gt
ltbr/gt lt/pgt lt/cardgt
ltcard id"halaman2" title". LOADING . "
ontimer"hyperlink.wml" newcontext"true"gt
lttimer value"5"/gt ltp align"center"gt ltsmallgt
ltbr/gt Tunggu sebentar ya om..
lt/smallgt lt/pgt lt/cardgt lt/wmlgt
splashwindow.wml
NEXT
BACK
45
Dasar Aplikasi Pemrograman W_at_P

• Form
• Berbeda dengan aplikasi web, pada pemrograman
  HTML
• kita dapat langsung membuat media input secara
  langsung.
• Akan tetapi pada aplikasi WAP kita harus
  mendefinisikan terlebih
• dahulu supaya dapat dibaca Sebagai data WAP.

NEXT
BACK
46
Dasar Aplikasi Pemrograman W_at_P

• Form
• Caranya, pertama kali membuat deklarasi form
  dengan
• menggunakan tag ltdogt dan ltgogt.
• Tag ltdogt digunakan sebagai alamat dari form
  tersebut.
• Pada HTML tag ltdogt sama fungsinya dengan tag
  masukan
• berbentuk tombol.
• Penulisannya
• ltdo typeaccept labelSimpangt
• lt/dogt

NEXT
BACK
47
Dasar Aplikasi Pemrograman W_at_P

• Form
• Selanjutnya, didalam tag ltdogt dapat dimasukkan
  tag ltgogt
• yang di dalam pemrograman HTML hampir sama
  fungsinya
• dengan tag ltformgt.
• Tag ltgogt memiliki fungsi untuk mendefinisikan
  pengalamatan
• transfer data.
• Penulisannya
• ltdo typeaccept labelSimpangt
• ltgo methodpost hrefeksekusi.phpgt
• lt/gogt
• lt/dogt

NEXT
BACK
48
Dasar Aplikasi Pemrograman W_at_P

• Form
• Untuk menyimpan data teks yang berasal dari media
  masukan,
• WML memiliki tag yang bernama postfield.
• Penulisannya
• ltpostfield namevariabel value(variabel_input
  )/gt
• Sedangkan perintah untuk menggunakan tag masukan
• ltinput typetext namevariabel
• maxlengthnilai_maksimalgt

NEXT
BACK
49
Dasar Aplikasi Pemrograman W_at_P

• Form

lt?xml version"1.0" encoding"iso-8859-1"?gt
lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.3//EN" "http//www.wapforum.org/DTD/wml13.dtd"
gt ltwmlgt ltcard title". Belajar WAP ."gt ltp
align"left"gt ltdo type"accept" label"Simpan"gt
ltgo method"post" href""gt ltpostfield
name"judul" value"(in_judul)"/gt ltpostfield
name"berita" value"(in_berita)"/gt lt/gogt
lt/dogt
ltbgtForm Masukkan Beritalt/bgtltbr/gt Judul
nbspnbsp ltinput type"text" name"in_judul"
maxlength"25"/gt Berita nbspnbsp ltinput
type"text" name"in_berita" maxlength"100"/gt lt/
pgt lt/cardgt lt/wmlgt
formteks.wml
NEXT
BACK
50
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Teks Password
• Dalam membuat form login dengan menggunakan media
• masukan bertipe password, teknik membuatnya sama
  dengan
• cara sebelumnya, akan tetapi tag input yang
  digunakan
• bertipepassword.
• ltinput typepassword namevariabel
  maxlengthpanjang_teksgt

NEXT
BACK
51
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Teks Password

lt?xml version"1.0" encoding"iso-8859-1"?gt
lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.3//EN" "http//www.wapforum.org/DTD/wml13.dtd"
gt ltwmlgt ltcard title". Belajar WAP ."gt ltp
align"left"gt ltdo type"accept" label"Simpan"gt
ltgo method"post" href"gt ltpostfield
name"username" value"(in_user)"/gt ltpostfield
name"password" value"(in_pass)"/gt lt/gogt
lt/dogt
ltbgtForm Login Anggotalt/bgtltbr/gt Username
nbspnbsp ltinput type"text" name"in_user"
maxlength"25"gt Password nbspnbsp ltinput
type"password" name"in_pass" maxlength"25"gt lt/p
gt lt/cardgt lt/wmlgt
formpassword.wml
NEXT
BACK
52
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan List Box
• Listbox digunakan untuk menampilkan
  pilihan-pilihan yang
• sifatnya pasti dan tetap, misalnya jenis kelamin,
  golongan
• darah, dll.
• Struktur tag-nya sebagai berikut
• ltselect namevariabelgt
• ltoption valuenilai1gtPilihan 1lt/optiongt
• ltoption valuenilai2gtPilihan 2lt/optiongt
• lt/selectgt

NEXT
BACK
53
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan List Box
• lt?xml version"1.0" encoding"iso-8859-1"?gt
• lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
  1.3//EN" "http//www.wapforum.org/DTD/wml13.dtd"
  gt
• ltwmlgt
• ltcard title". Belajar WAP ."gt
• ltp align"left"gt
• ltdo type"accept" label"Simpan"gt
• ltgo method"post" href""gt
• ltpostfield name"jurusan" value"(in_jurusan)"/
  gt
• lt/gogt
• lt/dogt
• Jurusan nbspnbsp
• ltselect name"in_jurusan"gt
• ltoption valueSK"gtSistem Komputerlt/optiongt
• ltoption value"SI"gtSistem Informasilt/optiongt
• lt/selectgtlt/pgt lt/cardgtlt/wmlgt

formlistbox.wml
NEXT
BACK
54
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Check Box
• Untuk dapat menggunakan Kontrol Check Box, Anda
• dapat menambahkan properti Multiple dengan nilai
• TRUE pada tag select.
• ltselect name. multipletruegt
• ltoptiongt.lt/optiongt
• ltoptiongt.lt/optiongt
• lt/selectgt

NEXT
BACK
55
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan Check Box
• lt?xml version"1.0" encoding"iso-8859-1"?gt
• lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
  1.3//EN
• "http//www.wapforum.org/DTD/wml13.dtd" gt
• ltwmlgt
• ltcard title". Belajar WAP ."gt
• ltp align"left"gt
• ltdo type"accept" label"Simpan"gt
• ltgo method"post" href""gt
• ltpostfield name"hobbi" value"(in_hobbi)"/gt
• lt/gogt
• lt/dogt

Hobi Anda nbspnbsp ltselect name"in_hobbi"
multiple"true"gt ltoption value"Makan"gtMakanlt/opti
ongt ltoption value"Tidur"gtTidurlt/optiongt ltoption
value"Jalan-jalan"gtJalan-jalan lt/optiongt ltoption
value"Bersepeda"gtBersepeda lt/optiongt lt/selectgt lt/
pgt lt/cardgt lt/wmlgt
formlistbox2.wml
NEXT
BACK
56
Dasar Aplikasi Pemrograman W_at_P

• Script PHP di dalam WML
• Untuk membuat program WAP berbasis PHP, maka pada
  setiap halaman harus Anda
• kenalkan bahwa program tersebut adalah script
  WAP. Caranya
• header(Content-typetext/vnd.wap.wml)
• Selain itu, Anda juga harus menampilkan pengenal
  script WML ke dalam versi PHP,
• Caranya
• echo (lt?xml version1.0?gt)
• echo (lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
  1.3//ENgt)

NEXT
BACK
57
Dasar Aplikasi Pemrograman W_at_P

• Listing Program Embeded PHP
• lt?php
• header('Content-typetext/vnd.wap.wml')
• echo('lt?xml version"1.0"?gt')
• echo('lt!DOCTYPE wml PUBLIC "-//WAPFORUM//
• DTD WML 1.1/EN"gt')
• echo "ltwmlgt"
• echo "ltcard title\". Dasar PHP WML .\"
• newcontext\"true\"gt"
• echo "ltpgt Menggunakan PHP lt/pgt"
• echo "lt/cardgt"
• echo "lt/wmlgt"
• ?gt

embeded.wml
NEXT
BACK
58
Dasar Aplikasi Pemrograman W_at_P

• Menampilkan Data
• lt?php
• header('Content-typetext/vnd.wap.wml')
• echo('lt?xml version"1.0"?gt')
• echo('lt!DOCTYPE wml PUBLIC "-//WAPFORUM//
• DTD WML 1.1/EN"gt')
• ?gt
• ltwmlgt
• ltcard title". Dasar PHP WML ."
• newcontext"true"gt
• ltp align"center"gt
• ltbiggt
• lt?php
• tanggaldate('d-m-Y')
• echo "ltbgtltbr/gtSelamat datang PHP dan WML
• lt/bgtltbr/gt"
• echo "Sekarang tanggal tanggal"
• ?gt
• lt/biggtlt/pgtlt/cardgtlt/wmlgt

tampildata.wml
NEXT
BACK
59
Dasar Aplikasi Pemrograman W_at_P

• Logika If
• lt?php
• header('Content-typetext/vnd.wap.wml')
• echo('lt?xml version"1.0"?gt')
• echo('lt!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD
• WML 1.1/EN"gt') ?gt
• ltwmlgt
• ltcard title". Dasar PHP WML ."
  newcontext"true"gt
• ltp align"center"gt
• lt?php gaji30000
• if (gaji lt 350000)
• echo "ltbr/gtltbiggtltbgt"
• echo "Gaji Rp.gaji,- tidak memenuhi UMR
  Surabaya"
• echo " lt/bgtlt/biggt"
• ?gtlt/pgtlt/cardgtlt/wmlgt

logikaif.php
NEXT
BACK
60
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan For
• lt?php
• header('Content-typetext/vnd.wap.wml')
• echo('lt?xml version"1.0"?gt')
• echo('lt!DOCTYPE wml PUBLIC "-//WAPFORUM//
• DTD WML 1.1/EN"gt')
• ?gt
• ltwmlgt
• ltcard title". Dasar PHP WML ."
  newcontext"true"gt
• ltp align"center"gt
• lt?php
• echo "ltbgtMenampilkan bulan 1-12 lt/bgtltbr/gt"
• for (bulan1 bulan lt 12 bulan)
• echo "Bulan bulan ltbr/gt"
• ?gt
• lt/pgtlt/cardgtlt/wmlgt

looping-for.php
NEXT
BACK
61
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan For pada PHP
• Sintaks perulangan for dapat dijelaskan sebagai
  berikut
• var1 variabel yg memiliki nilai awal
  perulangan
• var2 variabel yg memiliki nilai pembatas dalam
  perulangan
• var3 variabel yg digunakan untuk membuat
  operasi, baik penambahan maupun pengurangan
  angka.

NEXT
BACK
62
Dasar Aplikasi Pemrograman W_at_P

• Menggunakan While
• lt?php
• header('Content-typetext/vnd.wap.wml')
• echo('lt?xml version"1.0"?gt')
• echo('lt!DOCTYPE wml PUBLIC "-//WAPFORUM
• //DTD WML 1.1/EN"gt')
• ?gt
• ltwmlgt
• ltcard title". Dasar PHP WML ."
  newcontext"true"gt
• ltp align"center"gt
• lt?php
• echo "ltbgtMenampilkan tanggal 1-31 lt/bgtltbr/gt"
• while (tanggal lt 31)
• tanggal echo "Tanggal tanggal ltbr/gt"
• ?gt
• lt/pgtlt/cardgtlt/wmlgt

looping-while.php
NEXT
BACK
63
Duet Maut W_at_P PHP MySQL

• Studi Kasus, Membuat Portal Berita
• CREATE DATABASE TABLE
• CREATE FILE INDEX
• CREATE FILE DETAIL HALAMAN BERITA

NEXT
BACK
berita_tampil.php berita_detailtampil.php
64
Duet Maut W_at_P PHP

• Studi Kasus, Membuat Buku Tamu
• CREATE DATABASE TABLE
• CREATE FILE INDEX
• CREATE FILE INSERT KE TABLE
• CRETAE FILE VIEW TABLE

NEXT
BACK
buku_tamu.wml buku_simtamu.php
buku_tampiltamu.php
65
Finish

• Sekian Materi Pengembangan Sistem Informasi.
• Untuk Pengembangan Selanjutnya,
• Terserah Anda
• Kritik Saran
• ymzakki_falani_at_yahoo.com

END