Anda di halaman 1dari 113

Suport by : www.planetKode.

Com

1
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Menjual Source Code Website


Contoh Program Skripsi: Sistem Informasi
Pemesanan Tiket Pesawat berbasis WAP : Dibuat
dengan PHP, MySQL dan WML . Program ini dibuat
seperti Web di dalam HP (HandPhone) yang di dalamnya
menampilkan daftar jadwal penerbang an. Setelah menjadi anggota,
Anda dapat melakukan Reservasi (pememsanan) tiket berdasarkan
pesawat dan tujuan, serta tanggal keberangkatan.

Harga Script Web/WAP contoh skripsi ini : Rp. 250.000, -.

1 Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Pe mesanan Tiket Pesawat
[2]. Source Code (Script) Web Pemesanan Tiket Pesawat (Web
ukuran kecil, untuk Mini Browser HP/ Opera Mini)
[3]. Source Code (Script) Web Pemesanan Tiket Pesawat (Ukuran
WAP, contoh 1)
[4]. Source Code (Script) Web Pemesanan Tiket P esawat (Ukuran
WAP, contoh 2)
[5]. eBooks (buku PDF : Dasar Pemrograman PHP dan MySQL )
[6]. eBooks (Artikel Dasar Pemrogramman WAP (PHP dan WML)
untuk Pemula)

Contoh Program Skripsi: Sistem Informasi


Pemesanan Kamar Hotel berbasis WAP : Dibuat dengan
PHP, MySQL dan WML. Program ini menyajikan daftar kamar dan
2 harga sewanya. Anda dapat melakukan pemesanan kamar melalui
Ponsel Anda dengan mudah.

Harga Script Web/WAP contoh skripsi ini : Rp. 250.000, -.

2
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Info rmasi Pemesanan Kamar
[2]. Source Code (Script) Web Pemesanan Kamar (WAP)
[3]. eBooks (buku PDF : Dasar Pemrograman PHP dan MySQL )
[4]. eBooks (Artikel Dasar Pemrogramman WAP (PHP dan WML)
untuk Pemula)

Contoh Program Skripsi: Sistem Informasi


Penjualan Barang berbasis WAP : Dibuat dengan PHP,
MySQL dan WML. Program ini dibuat dengan studi kasus penjualan
aksesori komputer.

Harga Script Web/WAP contoh skripsi ini : Rp. 250.000, -.


3 Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Bara ng
[2]. Source Code (Script) Web Penjualan Barang, kasus aksesori
(WAP)
[3]. eBooks (buku PDF : Dasar Pemrograman PHP dan MySQL )
[4]. eBooks (Artikel Dasar Pemrogramman WAP (PHP dan WML)
untuk Pemula)

Setelah transfer pembayaran, Source Code website di


atas akan dikirim ke Email Anda.

Untuk mendapatkan No Rekening transfer, silahkan kirim email


seperti contoh.
Atau, kirim SMS ke nomor 0838 6716 1314

3
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Koleksi Buku dari Penerbit GAVAMEDIA , Yogyakarta


Penulis : Bunafit Nugroho , dan Indah Indriyanna

Harga: Rp. 57.500,- Harga: Rp. 65.500,- Harga: Rp. 36.500,-

Harga: Rp. 67.500,- Harga: Rp. 66.500,- Harga: Rp. 49.500,-

4
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Harga: Rp. 49.500,- Harga: Rp. 33.500,-

Iklan : di atas adalah 3 Buku Cetak bertema Panduan Tugas Akhir(TA)


dan Skripsi, terbitan Penerbit Alif Media, Penulis Indah Indriyanna
dan Bunafit N, dan sudah beredar di Gramedia

.............ssst,....kami punya buku baru lhoo..., cekiDot at :


http://buku-ta.blogspot.com
5
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Penerbit MediaKita, Jakarta

Terbitan Penerbit ANDI, Yogyakarta

6
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Terbitan Alif Media, Yogya

7
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Dasar Membangun Website


Berbasis Mobile ( Web di
Handphone) berbasis WAP
dengan WML, PHP dan
MySQL
( Penulis: Bunafit Nugroho )

Sebagai dasar untuk memahami pemrograman WAP, khususnya


pemrograman WML dan PHP, maka pada bab in i Kami akan mencoba
menuntun Anda untuk memperkenalkan beberapa fungsi dan sintaks
yang digunakan pada pemrograman WML dan PHP.
Karena buku ini tidak mengarah pada buku teks, maka pembahasan
kedua program tersebut tidak begitu detail, karena menyangkut
pembahasan inti yang akan dibahas sangat banyak.
Setelah selesai mempelajari semua pembahasan pada bab ini, Anda
akan mampu untuk menggunakan berbagai tags WML dan PHP. Dan
pada bagian akhir dari bab ini Anda akan Kami bimbing untuk dapat
membuat berbagai aplikasi WAP dinamis menggunakan WML dan PHP.
Memahami Pemrogrmannan WML
Sebelum melangkah pada pembahasan yang lebih mendalam, sebaiknya
Anda membaca dulu beberapa hal yang dibahas pada subbab ini.
Sehingga pada pembahasan selanjutnya Anda tidak akan merasa
kebingungan. Selain itu, Anda juga dapat mendeteksi berbagai kesalahan
yang mungkin akan terjadi pada pengaksesan program WAP.
8
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Mengenal Pemrograman WML


Tentunya Anda telah mengerti dengan WEB, yaitu sebuah aplikasi
berteknologi internet yang dijalankan pad a halaman browser (Internet
Explorer, Mozila, Opera, Netscape dll) di internet. Pada teknologi Web,
program dasar yang digunakan untuk membuat halaman -halaman Web
menggunakan tags-tags HTML (HyperText MurkUp Language).
WAP (Wireless Aplication Protocol) me rupakan teknologi yang
mirip Web, akan tetapi halaman -halaman program WAP tidak
dijalankan pada Browser seperti pada web. melainkan akan
diaplikasikan pada Handphone (Telepon Cellular).
Perbedaannya, pada WEB jenis pemrograman dasar yang
digunakan adalah HTML, sedangkan pada WAP menggunakan
pemrograman dasar yang bernama WML (Wireless Murkup Language).
Dilihat dari namanya, maka jenis pemrograman WML memiliki
tags-tags yang mirip dengan HTML. Teknik pemrogramannya masih
menggunakan Murkup. Tentunya A nda masih ingat, bahwa semua
pemrograman yang tekniknya Murkup akan memiliki struktur yang
dimulai dengan Start Tag dan diakhiri dengan End Tag. Yang dimaksud
dengan Start Tag dan End Tag dapat Anda lihat pada daftar tabel
berikut:

Tabel 1 Penggambaran Start tag dan End Tag


Start Tag End Tag Keterangan
<b> </b> Mencetak karakter menjadi tebal
<i> </i> Mencetak karakter menjadi miring
<u> </u> Mencetak karakter menjadi bergaris
bawah
<p> </p> Membuat paragraf

9
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Dengan melihat penggambaran yang ada di da lam Tabel 1.1, tentunya


Anda sekarang telah memahami teknik penulisan pemrograman WML.
Sangat mirip dengan HTML bukan ?
Script Client WAP
Seperti halnya di dalam pemrograman WEB yang menggunakan
Script JavaScript sebagai script yang mampu berjalan pada sis i Client.
Di dalam pemrograman WAP Anda juga dapat menggunakan teknik
tersebut dengan menggunakan bahasa WMLS. Program WMLS (WML
Script) juga merupakan bahasa scripting yang berjalan pada komputer
Client. Sehingga Kita dapat membuat program dengan tampilan yang
lebih dinamis.
Perbedaan Antara WML dan HTML
Telah dikatakan sebelumnya bahwa untuk kedua pemrograman
WML dan HTML tidak memiliki perbedaan penulisan, yaitu memiliki
kesamaan dalam menggunakan Start tag dan End tag. Di dalam
pemrograman WAP Anda juga akan menggunakan beberapa Tag yang
dimiliki HTML. Akan tetapi hal tersebut bukan berarti pemrograman
WML menggunakan bahasa HTML, akan tetapi pemrograman WML
yang memiliki kemiripan tag dengan program HTML.
Sehingga bagi Anda yang sebelumnya telah memaham i tag-tag
HTML akan mempermudah perjalanan Anda dalam mempelajari
pemrograman WML. Akan tetapi tidak semua tag yang dimiliki oleh
HTML digunakan pada WML. Hanya beberapa tags saja yang
digunakan pada WML, misalnya seperti pada tabel berikut:

Tabel 2 Beberapa tag HTML yang digunakan WML


Tag HTML Keterangan
<a href=”...”> Tag untuk membuat hyperlink
<img Tag yang digunakan untuk memasukkan file
scr=”..”> gambar kedalam program

10
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<form ....> Tag untuk membuat Form masukkan

Dari beberapa kesamaan penggunaka n tag di atas, WML memiliki


beberapa perbedaan yang sangat mendasar dan tag -tag ini tidak dapat
dilanggar. Perbedaan tersebut dapat Anda lihat pada tabel berikut:

Tabel 3 Perbedaan Tag HTML dan WML


Tag HTML Tag WML Keterangan
<br> <br/> Untuk membuat Break
Lines/ ganti baris
& &amp; Untuk membuat karakter
&
White Space &nbsp; Untuk membuat Spasi
kosong

Cara Menuliskan WML


Cara menuliskan program WML memang agak sedikit berbeda
dengan HTML. Yang membedakan hanyalah pengenal bahwa script
tersebut adalah program WML. Hal tersebut mirip dengan program
HTML yang setiap kali menuliskan secriptnya harus menggunakan tag
<HTML> dan diakhiri dengan tag </HTML>. Begitu juga dengan
WML, untuk menuliskannya Kita dapat memulainya dengan tag <wml>
dan diakhiri dengan tag </wml>.
Program WML ditulis ke dalam versi XML, sehingga setiap kali
menuliskan Anda harus mendeklarasikannya ke dalam bentuk XML. Hal
tersebut merupakan kewajiban, apabila tidak maka Emulator atau
Handphone tidak dapat mengenalinya. Struktur penulisa n program WAP
dapat Anda ketahui seperti penggambaran berikut:

11
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" >
<wml>
<card title=".:: Title Anda ::." newcontext="true">

....... Isi Program WAP....

</card>
</wml>

Dengan menggunakan struktur di atas, maka Anda dapat menuliskan


semua isi dari program WAP pada bagian Isi. Yang perlu Anda ingat,
bahwa semua program WAP Anda harus dibuat dengan aturan di atas.

Menjalankan Program WML


Tidak seperti program HTM L yang dapat dijalankan secara
langsung tanpa menggunakan server. Berbeda dengan script WML,
untuk menjalankan program ini Anda harus meletakkannya pada web
server. Walaupun WML bukan merupakan program yang membutuhkan
program Interpreter, akan tetapi syar at program WML dijalankan harus
berada pada Web Server.
Pada semua contoh kasus yang dipelajari pada buku ini akan
disimpan menggunakan Web Server Apache. Sehingga agar web server
Anda berfungsi untuk menangani program WAP, Anda harus melakukan
konfigurasi terlebih dahulu.
Dasar Pemrograman WML
Sebagai dasar pemrograman WAP, maka pada subbab ini Anda
akan Kami bimbing untuk mengenal beberapa tag WML yang sering
akan Kita gunakan. Sehingga pada saat Anda belajar membuat program
WAP yang lebih mendalam, Anda tidak akan merasa kebingungan.
12
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Menyimpan File WML


Secara standar, pemrograman WML akan disimpan dengan
menggunakan ekstensi .wml. Akan tetapi apabila Anda hendak membuat
program WAP dinamis, misalnya menggunakan pemrograman PHP,
maka program dapat disimpa n dengan menggunakan ekstensi .php.
Sebenarnya semua teknik penyimpanan file program di atas sangat
mirip dengan pemrograman Web, yaitu menyimpan file program HTML
dengan menggunakan ekstensi . html atau .htm. Sedangkan apabila
hendak menjadikan program Web menjadi dinamis dengan PHP harus
menggunakan ekstensi .php untuk menyimpannya.
Memulai Tag WML
Semua jenis pemrograman pastilah memiliki aturan tersendiri
untuk menuliskan code programnya. Seperti yang telah dikatakan
sebelumnya, bahwa program WML ditulis ke dalam teknik XML
(eXtensible Murkup Language). Sehingga, untuk menuliskan program
WML harus didahulu dengan tag berikut:
<?xml version="1.0" encoding="iso -8859-1"?>

Selanjutnya, setelah pengenal XML di atas harus dikenalkan dengan


konsorsiumnya, yaitu menggunakan tag berikut:

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"


"http://www.wapforum.org/DTD/wml13.dtd" >

atau

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" >

Selanjutnya, setelah tags pengenal di atas Anda dapat melanjutkan


dengan tag WML. Seperti pada program HTML, pada WML juga
13
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

memiliki tag pengenal bahwa script didalamnya adalah WML, caranya


adalah dengan menuliskan start tag <wml> dan diakhiri dengan end tag
</wml>.
Membuat Judul WAP
Judul web berfungsi untuk memberi pengenal h alaman pada nether
(pengakses), sehingga setiap kali mengakses halaman tersebut maka
orang akan paham bahwa yang diakses adalah halaman tersebut (yang
dituliskan pada tag title).
Untuk membuat judul halaman, WML memiliki tag yang bernama
<card>, berikut adalah cara penulisannya:

<card title=”Judul WAP”>

</card>

Sebagai contoh, Anda dapat melihat listing program berikut:

Listing Program dasarwml/title.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">

</card>
</wml>

14
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Akhir Listing

Pada contoh program di atas Kita membuat program WAP dengan judul
pengenal “.:: Belajar WAP ::.” Sehingga bentuk tampilan setelah
program dijalankan akan tampak seperti gambar berikut:

Gambar 1 Hasil membuat judul WAP

Menghilangkan Fungsi Back


Pada gambar di atas dapat Anda lihat pada bagian halaman yang
terletak pada sisi bawah kanan, pada bagian tersebut terdap at icon yang
bertuliskan Back. Icon tersebut selain sebagai icon juga menjadi tombol
untuk kembali pada halaman program sebelumnya.
Dengan memberikan parameter khsusus pada tag <card> Kita
dapat menghidden atau menghilangkan icon tersebut. Sehingga
pengguna pada saat mengakses tidak dapat kembali pada halaman
sebelumnya. Sebagai contoh Anda dapat melihat listing program berikut:
15
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Listing Program dasarwml/hilangback.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::."
newcontext="true">

</card>
</wml>

Akhir Listing

Listing program di atas sebenarnya akan menghasilkan bentuk tampilan


dan judul yang sama, akan tetapi yang membedakan dengan listing
program sebelumnya adalah hilangnya icon Back pada
emulator/handphone yang digunakan. Berikut adalah contoh
tampilannya:

16
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 2 Tanpa menggunakan icon Back

Menuliskan Isi Program


Di dalam pemrograman WM L, Anda dapat menampilkan semua isi
program ke dalam halaman browser dengan cara meletakkannya pada
kolom diantara tag <card> </card>. Sebagai contoh, Anda dapat melihat
seperti listing program berikut:

Listing Program dasarwml/isiprog ram.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">

17
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Ini adalah program pertama saya,


saat ini saya sedang belajar bahasa pemrogramman
WML dan PHP bersama Mas Bunafit Nugroho.

Semoga saya dapat mengambil imunya mas Bunafit.


</p>
</card>
</wml>

Akhir Listing

Pada listing program di atas, untuk memulai menuliskan teks di dalam


halaman WAP, maka Anda harus memulainya dengan tag <p> dan diakhiri
dengan tag </p>. Dengan menggunakan kedua tag ini, maka teks yang
ditampilkan akan berbentuk paragraf. Sehingga tampilan program di atas
akan tampak seperti gambar berikut:

18
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 3 Menampilkan teks di dalam WAP

Menggunakan Tag Break Lines


Pada pemrograman HTML, untuk dapat menampilkan teks yang
sangat banyak, maka biasanya Kita memisahkannya dengan Break Line
atau ganti baris. Tag HTML yang digunakan untuk berganti baris adalah
<br>.
Berbeda dengan pemrograman WML, Anda tidak dapat
menggunakan tag <br> untuk berganti baris. Di dalam WML Anda
dapat membuat Break Lines dengan cara menuliskan tag <br/>. Berikut
adalah contohnya:

Listing Program dasarwml/beraklines.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">

Ini adalah program pertama saya <br/><br/>


saat ini saya sedang belajar bahasa
pemrogramman<br/>
WML dan PHP bersama Mas Bunafit Nugroho. <br/><br/>

Semoga saya dapat mengambil ilmunya mas Bunafit.


<br/>
</p>

19
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

</card>
</wml>

Akhir Listing

Dengan menggunakan tag <br/>, maka program Anda akan


menampilkan isi teks dalam beberapa baris. Tampilannya dapat Anda
lihat pada gambar berikut:

Gambar 4 Hasil teks menggunakan break line

Membuat Teks Tebal, Miring dan Bergaris bawah


Untuk membuat isi WAP dengan teks yang dicetak tebal, miring
dan bergaris bawah sangat mudah dilakukan. Caranya adalah dengan

20
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

menggunakan tag <b>..</b> untuk huruf tebal, tag <i>..</i>


untuk huruf miring dan tag <u>..</u> untuk huruf bergaris bawah.

Listing Program dasarwml/tekstebal.wml

<?xml version="1.0" encoding="iso-8859-1"?>


<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">
<b>Teks dicetak tebal </b><br/>
<i>Teks dicetak miring </i><br/>
<u>Teks dicetak garis bawah</u><br/>
</p>
</card>
</wml>

Akhir Listing

Hasil dari listing pogram di atas akan tampak seperti gambar berikut:

21
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 5 Teks tebal, miring dan bergaris bawah

Membuat Huruf Berkarakter Besar


Pada pemrograman WAP seri ng menggunakan dua bentuk teks
yang ditampilkan, yaitu teks yang ditampilkan dengan bentuk besar dan
kecil. Untuk membuat teks dengan karakter besar, WML memilki tag
bernama <big>. Cara penggunaanya adalah:

<big> Teks besar </big>

Dalam penulisannya, biasanya tag <big> biasa dikolaborasikan dengan


tag <b>. Dengan menggunakan kedua tag tersebut, maka teks yang
ditampilkan menjadi bercetak tebal dan berbentuk besar. Berikut
contohnya:

<big><b> Teks besar </b></big>

22
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Sebagai contoh, Anda dapat membuat progr am yang menampilkan teks


besar seperti listing berikut:

Listing Program dasarwml/teksbesar.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">
<big>
Teks ini ditulis dengan menggunakan karakter besar
</big>
</p>
</card>
</wml>

Akhir Listing

Setelah dijalankan, maka program di atas akan menampilkan bentuk teks


seperti yang tampak pada gambar berikut:

23
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 6 Menggunakan karakter besar

Membuat Huruf Berkarakter Kecil


Selain karakter besar, Kita juga dapat menyajikan isi WAP dengan
karakter yang berbentuk kecil. Untuk membuatnya, WML telah
menyiapkan tag yang bernama <small>. Cara menuliskannya dapat
dilihat di bawah:

<small> Teks kecil </small>

Sebagai latihan, Anda dapat membuat program dengan dua bentuk


tampilan, yaitu karakter besar dan kecil. Sehingga Anda dapat
membedakan kedua bentuk tipe karakter tersebut. Beri kut adalah
contohnya:

24
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Listing Program dasarwml/tekskecil.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">
<big>
Teks ini ditulis dengan menggunakan karakter besar
</big>
<br/>
<small>
Teks ini ditulis dengan menggunakan karakter kecil
</small>
</p>
</card>
</wml>

Akhir Listing

Program di atas terdapat dua bentuk tipe teks, yang pertama


ditampilkan dalam bentuk besar dan yang kedua dalam bentuk teks kecil.
Sehingga apabila dijalankan akan memiliki perbedaan seperti gambar
berikut:

25
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 7 Membuat karakter kecil

Menggunakan Gambar
Tampilan WAP tidak akan tampak dinamis dan menarik apabila
isinya ditampilkan secara monoton. Supaya halaman WAP tidak tampak
monoton, maka Kita dapat menghias halaman WAP dengan berbagai
gambar di dalamnya.
Dalam menggunakan gambar, Anda tidak dapat langsung
memasukkan gambar yang Anda temukan ke dalam program WAP
Anda. Melainkan gambar yang hendak digunakan harus dikonversi
terlebih dahulu dari bentuk warna menjadi bentuk gambar monochrom.
Apabila Anda belum mengetahuinya, bahwa monochrom merupakan
gambar tanpa warna, atau hanya berwarna hitam dan putih.
Untuk mengkonversi, gambar tersebut sebaiknya disimpan ke
dalam file yang bernama namafile.wbmp. Untuk memasukkan gambar di
dalam halaman WAP, Anda dapat menggunakan tag <img
scr=”..”>, caranya seperti sintaks berikut:

26
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<img scr=”namagambar.wbmp” alt=”Keterangan “> </img>

Sebagai contoh, Anda dapat membuat program dengan memasukkan


gambar bernama pesawat.wbmp ke dalam program WAP. Perhatikan
listing program berikut:

Listing Program dasarwml/gambar.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">
<big><b>Ini Pesawat</b></big> <br/>
<img src="pesawat.wbmp" alt="Pesawat"></img>
</p>
</card>
</wml>

Akhir Listing

Dengan menggunakan contoh script di atas, maka gambar dengan


nama file pesawat.wbmp ditampilkan pada bagian halaman sebelah kiri.
Dan atribuat alt yang berisi “Pesawat” akan ditampilkan saat gambar
yang dimaksud tidak ditemukan.
Setelah program di atas dijalankan, maka akan menghasilkan bentuk
keluaran seperti gambar berikut:

27
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 8 Menggunakan gambar

Menggunakan Hyperlink
Hyperlink merupakan teknik merelasikan halaman WAP yang satu
dengan halaman yang lain di dalam satu modul. Hyperlink sering
digunakan di dalam membuat apikasi WAP. Pengertian hyperlink di
dalam WAP sama dengan hyperlink yang ada di dalam aplikasi Web,
yaitu menghubungkan link web pages dengan home pages.
Untuk membuat hyperlink, WML memiliki tag yang sama dengan
HTML, yaitu menggunakan tag <a href=” “>. Cara penggunaannya
dapat Anda lihat pada sintaks berikut:

<a href=”alamatwap.wml/php”> Pemicu </a>

Pada pembuatan hyperlink di atas, Anda dapat menggunakan pemicunya


dengan bentuk teks maupun gambar. Contohnya pada listing berikut:

28
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Listing Program dasarwml/hyperlink.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wm l13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">

<p align="left">
<b>Pilih Menu</b><br/>
+ <a href="gambar.wml">Halaman gambar</a><br/>
+ <a href="isiprogram.wml">Isi program</a><br/>
</p>
</card>
</wml>

Akhir Listing

Pada listing program di atas Kita membuat dua buah hyperlink yang
menggunakan pemicu berbentuk teks. Berikut adalah pemicunya:

+ <a href="gambar.wml">Halaman gambar</a><br/>


+ <a href="isiprogram.wml">Isi program</a><br/>

Dengan menggunakan dua pemicu yang dijadikan hyperlink, maka Anda


akan mendapatkan tampilan WAP yang tampak seperti menu. Apabila
dijalankan, maka program di atas akan menghasilkan seperti gambar
berikut:
29
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 9 Membuat Hyperlink pada menu

Membuat Splash Window


Splash window merupakan salah sa tu teknik pemrograman wap
yang digunakan untuk membuat loading halaman. Loading (program
tunggu) akan sangat diperlukan apabila Anda ingin membuat program
yang membutuhkan waktu akses yang beberapa detik lebih lama.
Untuk membuat program loading, WML telah menyediakan atribut
yang berguna untuk melakukan pengaturan waktu panggil. Atribut
tersebut dapat dipasangkan dengan tag <card>. Contohnya dapat Anda
lihat pada listing program berikut:

Listing Program dasarwml/splashwindow.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
30
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card id="halaman1" ontimer="#halaman2">
<timer value="10"/>
<p align="center">
<b><big>[Loading Pages]</big>< br/>
<br/>
<small>
:: CENTRANET TEAM ::<br/>
Software - Web Developer
</small></b>
<br/> <br/>
</p>
</card>

<card id="halaman2" title=".:: LOADING ::. "


ontimer="hyperlink.wml" newcontext="true">
<timer value="5"/>
<p align="center">
<small>
<br/>
Tunggu sebentar ya om..
</small>
</p>
</card>
</wml>

Akhir Listing

31
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Pada listing program di atas, pertama kali saat file splashwindow.wml


dijalankan akan memanggil card pertama, yaitu script :

<card id="halaman1" ontimer="#halaman2">


<timer value="10"/>
<p align="center">
<b><big>[Loading Pages]</big><br/>
<br/>
<small>
:: CENTRANET TEAM ::<br/>
Software - Web Developer
</small></b>
<br/> <br/>
</p>
</card>

Selanjutnya dalam waktu 10 detik :

<timer value="10"/>

Program akan memanggil card kedua (ontimer="#halaman2"), yaitu


yang telah diberikan pengenal sebagai id halaman2 ( id="halaman2").

<card id="halaman2" title=".:: LOADING ::. "


ontimer="hyperlink.wml" newcontext="true">
<timer value="5"/>
<p align="center">
<small>

32
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<br/>
Tunggu sebentar ya om..
</small>
</p>
</card>

Setelah sampai pada card kedua, maka card kedua juga melakukan
pengecekkan atribut yang ada di dalamnya. Karena pada atribut ontimer
diset pada alamat hyperlink.wml, maka program akan segera mengecek
berapa waktu yang akan dibutuhkan. Dalam waktu 5 detik ( <timer
value="5"/>), maka program akan segera merevers pada halaman
hyperlink.wml. Untuk membuktikannya, Anda harus menjalankan program
di atas. Perhatikan hasilnya berikut:

Gambar 10 Halaman Utama Loading

Suport by : http://planetKode.Com ,
33
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

www.bunafit-komputer.com

Bekerja dengan Form


Form merupakan sebuah media interaksi yang selalu digunakan
pada pemrograman WAP untuk membuat program menjadi lebih
interaktif. Dengan menggunakan form dan disertai dengam program
pengaksesnya, maka halaman WAP dapat berinteraksi dengan user
pengakses. Berikut pembahasannya.
Menggunakan Teks Input
Untuk membuat form masukan berupa teks, WML menyediakan
tag yang menyerupai tag HTML untuk input data. Jenis masukan ini
bertipe text, sehingga Kita dapat memasukkan data didalamnya.
Berbeda dengan aplikasi Web, pada pemrograman HTML Kita
dapat langsung membuat media input secara la ngsung. Akan tetapi pada
aplikasi WAP Kita harus mendefinisikan terlebih dahulu supaya dapat
dibaca sebagai data WAP.
Caranya, pertama kali Kita dapat membuat deklarasi form dengan
menggunakan tag <do> dan <go>. Tag <do> akan Kita gunakan sebagai
alamat dari form tersebut. Pada HTML, tag <do> hampir sama
fungsinya dengan tag masukan berbentuk tombol. Berikut adalah cara
penulisannya:

<do type="accept" label="Simpan">


.....
</do>

Selanjutnya di dalam tag <do> dapat dimasukkan tag <go> yang di dalam
pemrograman HTML hampir sama fungsinya dengan tag <form ...>. Tag
34
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<go> memiliki fungsi untuk mendefinisikan pengalamatan transfer data.


Berikut adalah penulisannya:

<do type="accept" label="Simpan">


<go method="post" href="eksekusi.php">
..........
</go>
</do>

Kemudian untuk menyimpan data teks yang berasal dari media masukan,
WML memiliki tag yang bernama psotfiled, berikut adalah penulisannya:

<postfield name="variabel"
value="$(variabel_input)"/>

Setelah selesai mendeklrasikannya, maka Anda sekarang d apat membuat


komponen form yang berfungsi sebagai media masukan data. Untuk
membuatnya, Anda dapat menggunakan tag -tag masukan yang digunakan
oleh HTML. Perhatikan contohnya berikut:

<input type="text" name="variabel"


maxlength="nilai_maksimal"
format=”bentuk_data"/>

Sebagai latihan, maka Anda dapat membuat contoh programnya seperti


listing di bawah ini:

Listing Program dasarwml/formteks.wml

35
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">

<do type="accept" label="Simpan">


<go method="post" href="sim_formteks.php">
<postfield name="judul" value="$(in_judul)"/>
<postfield name="berita" value="$(in_berita)"/>
<postfield name="tanggal" value="$(in_tanggal)"/>
</go>
</do>

<b>Form Masukkan Berita</b><br/>


Judul &nbsp;&nbsp;:
<input type="text" name="in_judul" maxlength="25"
format="25a"/>
Berita &nbsp;&nbsp;:
<input type="text" name="in_berita" maxlength="100"
format="100a"/>
Tanggal &nbsp;&nbsp;:
<input type="text" name="in_tanggal" maxlength="10"
format="10a"/>
</p>
</card>
</wml>

36
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Akhir Listing

Dengan menggunakan bentuk masukan di atas, ma ka apabila dijalankan


akan menghasilkan bentuk tampilan seperti gambar berikut:

Gambar 11 Tampilan form masukan

Apabila hendak memasukkan data, maka Anda dapat menekan tombol


Enter pada keyboard. Sehingga sekarang akan dihadapakan pada bentuk
pilihan berikut:

37
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 12 Pilihan untuk masukan atau eksekusi

Untuk mengisikan data, dari bentuk tampilan di atas anda dapat memilih
Icon Edit atau dengan menekan tombol Enter pada keyboard. Sehingga
anda akan segera dihadapkan pada teks editor. Perhatikan gam bar
berikut:

38
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 13 Helaman teks editor untuk menuliskan data

Setelah semua data selesai diketikkan, maka Anda dapat melanjutkan


dengan mengklik ikon OK (jika menggunakan handphone) atau dengan
menekan tombol Enter pada keyboard (jika menggunakan emu lator)

Gambar 14 Tampilan WAP saat data dimasukkan

Untuk mengeksekusi data yang ada di dalam form, maka Anda dapat
memilih ikon Option atau dengan menekan tombol Enter (apabila
menggunakan emulator). Sehingga tampilannya menjadi seperti gambar
berikut:

39
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 15 Menu pilihan


Supaya semua isi data yang telah dimasukkan pada form di atas
dieksekusi, maka Anda harus memilih menu Simpan. Menu simpan
tersebut ditampilkan dari label tag <do> berikut ( <do
type="accept" label=" Simpan">).
Apabila memilih menu Simpan, maka program akan segera membawa
semua data yang dimasukkan ke dalam halaman eksekusi. Program
eksekusi tersebut dideklarasikan pada tag berikut:

<go method="post" href="sim_formteks.php">

Sehingga program sim_formteks.php akan mengeksekusi semua datanya


dengan membaca variabel judul, berita dan tanggal.

Menggunakan Teks Password


Dalam membuat program login, Kita sering menggunakan media
input yang datanya tidak ditampilkan secaranya nyata. Akan tetapi akan
ditampilkan dengan bentuk karakter sam aran seperti bintang atau yang
lainnya.
40
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Anda dapat membuat form login dengan menggunakan media


masukan bertipe Password. Teknik membuatnya sama dengan cara
sebelumnya, akan tetapi tag input yang digunakan adalah:

<input type="password" name="variabel_masu kkan"


maxlength="panjang_teks" format="panjang_input"/>

Sebagai contoh, Anda dapat membuat program login dengan


menggunakan dua media masukan, yaitu username dan password.
Lihatlah contohnya pada listing program berikut:

Listing Program dasarwml/formpassword.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">

<do type="accept" label="Simpan">


<go method="post" href="login.php">
<postfield name="username" value="$(in_user)"/>
<postfield name="password" value="$(in_pass)"/>
</go>
</do>

<b>Form Login Anggota</b><br/>


Username &nbsp;&nbsp;:
41
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<input type="text" name="i n_user" maxlength="25"


format="25a"/>
Password &nbsp;&nbsp;:
<input type="password" name="in_pass" maxlength="25"
format="25a"/>
</p>
</card>
</wml>

Akhir Listing

Pada listing program di atas, Kita membuat 2 masukan dengan tipe text dan
password. Apabila dijalankan, maka teks yang dimasukkan pada masukan
password akan berbentuk tanda bintang (*). Perhatikan contohnya seperti
gambar berikut:

Gambar 16 Memasukkan data password

42
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Setelah selesai memasukkan data kunci/passwordnya, maka pada int erface


form juga akan menampilkan bentuk teks yang berupa karakter bintang.
Perhatikan contohnya seperti gambar berikut:

Gambar 17 Interface masukkan form login

Menggunakan List Box


Komponen Form lain yang dapat Anda gunakan dalam membuat
program WAP adalah List Box. Dengan menggunakan List Box Anda
dapat menampilkan beberapa option di dalamnya. Biasanya List Box
digunakan untuk menampilkan pilihan -pilihan yang sifatnya pasti dan
tetap, misalnya jenis kelamin, golongan darah dll.
Untuk membuatnya, Anda dapat menggunakan cara yang sama dengan
teknik sebelumnya. Yaitu dengan membaca pada tag <card>.
Sedangkan untuk komponen masukannya dapat dibuat dengan struktur
berikut:

43
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<select name="variabel">
<option value="nilai1">Pilihan 1</option>
................
<option value="nilai2">Pilihan 2</option>
</select>

Sebagai latihan, Anda dapat membuat program pendataan data siswa


yang di dalamnya akan tercantum pilihan jurusan yang dipilih.
Perhatikan contoh berikut:

Listing Program dasarwml/formlistbox.wml

<?xml version="1.0" encoding="iso -8859-1"?>


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd" >
<wml>
<card title=".:: Belajar WAP ::.">
<p align="left">
<do type="accept" label ="Simpan">
<go method="post" href="login.php">
<postfield name="nomhs" value="$(in_nomhs)"/>
<postfield name="nama" value="$(in_nama)"/>
<postfield name="jurusan" value="$(in_jurusan)"/>
</go>
</do>
<b>Data mahsiswa</b><br/>
Nomor MHS &nbsp;&nbsp;:
<input type="text" name="in_nomhs" maxlength="25"
format="25a"/>
44
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Nama &nbsp;&nbsp;:
<input type="text" name="in_nama" maxlength="25"
format="25a"/>
Jurusan &nbsp;&nbsp;:
<select name="in_jurusan">
<option value="TI">Teknik I nformatika</option>
<option value="SI">Sistem Informasi</option>
<option value="TK">Teknik Komputer</option>
<option value="KA">Komputer Akutansi</option>
<option value="MI">Manajemen Informatika</option>
</select>
</p>
</card>
</wml>

Akhir Listing

Pada listing program di atas, Kita menggunakan List Box yang yang di
dalamnya memiliki 5 option. Berikut adalah scriptnya:

<select name="in_jurusan">
<option value="TI">Teknik
Informatika</option>
<option value="SI">Sistem
Informasi</option>
<option value="TK">Teknik Komputer</option>
<option value="KA">Komputer
Akutansi</option>

45
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<option value="MI">Manajemen
Informatika</option>
</select>

Apabila dijalankan, maka listing program di atas akan menampilkan


bentuk seperti gambar berikut:

Gambar 18 Tampilan Form dengan List box

Pada kolom masukan Option (List box), Anda dapat menyorot kolom
jurusan dan untuk memilihnya dengan cara mengklik icon Option pada
emulator atau Enter pada keyboard. Maka tampilannya seperti di baw ah:

46
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 19 Tampilan masuk pada komponen List box

Dengan memilih menu Select, maka Anda akan dihadapkan pada tampilan
form yang didalamnya adalah beberapa option dari List Box yang telah Kita
buat. Berikut adalah bentuk tampilannya:

Gambar 20 Tampilan menu List Box\


47
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Script PHP di Dalam WML


Untuk membuat aplikasi WAP yang berjalan dinamis, maka Anda
dapat mengkolaborasikan script WML dengan pemrograman PHP.
Seperti halnya dengan aplikasi Web, PHP merupakan salah satu bahasa
pemrograman yang mampu me nciptakan program web menjadi lebih
dinamis.
Dengan menggunakan program PHP, Anda tidak hanya membuat
program WAP dengan tampilan yang statis. Akan tetapi Anda dapat
mengakses database seperti MySQL. Dengan menggunakan database
terebut, Anda dapat menyimpa n data-data berita didalamnya, dan
menampilkannya pada halaman browser.
Embeded PHP
PHP (PHP Hypertext Preprocesor) merupakan bahasa
pemrograman yang tergolong ke dalam jenis Interpreter. Untuk
menjalankan scriptnya, program ini harus diletakkan pada dire ktori root
pada web server. Pada pembahasan ini Kita masih akan menggunakan
Apache sebagai web servernya.
Script PHP sangat mudah digunakan, salah satunya adalah bahwa
script PHP dapat berjalan secara embeded di dalam tag -tag WML. Untuk
membuat program WAP berbasis PHP, maka pada setiap halaman harus
Anda kenalkan bahwa program tersebut adalah script WAP. Caranya
adalah dengan memberikan header pengenal berikut:

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

Selain itu, Anda juga harus menampilkan pengenal Scr ipt WML ke
dalam versi penulisan PHP, yaitu dengan memberikan parameter echo.
Perhatikan cara berikut:

echo('<?xml version="1.0"?>');
48
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML


1.1/EN">');

Setelah itu, Anda dapat melanjutkan dengan tag -tag WML yang lain.
Setelah ketiga baris tag di atas, maka Anda dapat menuliskan kode
WML baik dengan cara PHP maupun dengan cara menuliskannya secara
biasa (WML murni).

Yang perlu Anda ingat, bahwa untuk membuat program


WAP yang dinamis dengan PH P, maka penyimpanan file
programnya juga harus menggunakan ekstensi .php.

Sebagai contoh, Anda dapat melihat dua teknik penulisan WML di dalam
program PHP, serta PHP yang embeded di dalam WML.

Listing Program wmlphp/embeded.php

<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD
WML 1.1/EN">');

echo "<wml>";
echo "<card title= \".:: Dasar PHP WML ::. \"
newcontext=\"true\">";
echo "<p> Menggunakan PHP </p>";
49
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo "</card>";
echo "</wml>";
?>

Akhir Listing

Script di atas juga dapat Anda tulis dengan cara berikut:

Listing Program wmlphp/embeded.php


<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p> Menggunakan PHP </p>
</card>
</wml>

Akhir Listing

Kedua listing program di atas akan mengahasilkan keluaran yang sama,


perhatikan gambar berikut:

50
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 21 Program PHP dan WML sederhana

Menampilkan Data
Setelah cara yang telah dijelaskan di atas dipenuhi, maka Anda
dapat membuat isi program dengan baik menggunakan tag WML
maupun dengan script PHP. Semua kode -kode PHP yang pernah Anda
ketahui sebelumnya dapat Anda gunakan disini. Sebagai contoh, Anda
dapat melihat listing program berikut:

Listing Program wmlphp/menampilkan -data.php

header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p align="center">

51
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<big>
<?php
$tanggal=date('d-m-Y');
echo "<b><br/>Selamat datang PHP dan WML</b><br/>";
echo "Sekarang tanggal $tanggal";
?>
</big>
</p>
</card>
</wml>

Akhir Listing

Listing program di atas Kita berniat untuk menampilkan data tanggal


sekarang. Fungsi yang digunakan adalah date, kemudian hasil dari
tanggal akan disimpan pada variabel $tanggal. Perhatikan script
berikut:

$tanggal=date('d-m-Y');

Selanjutnya data yang ada di dalam variebal $tanggal akan ditampilkan


dalam browser/emulator. Perintahnya adalah:

echo "Sekarang tanggal $tanggal";

Dengan menggunakan cara di atas, maka emulator akan menampilkan


data tanggal yang berjalan sekarang. Perhatikan hasilnya seperti gambar
berikut:

52
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 22 Menampilkan data tanggal

Logika If
If merupakan operator PHP yang digunakan untuk membuat kondisi dengan
satu pilihan, bentuk penulisannya adalah:

if(ekspresi)
{ pernyataan }

Pada sintaks di atas, kondisi akan mengerjakan kolom pernyataan apabila


ekpresinya bernilai benar. Apabila ekspresi bernilai salah, maka program
tidak mengerjakan apa-apa. Contohnya Anda dapat melihat listing program
berikut:

Listing Program wmlphp/logikaif.php

53
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p align="center">
<small>
<?php
$gaji=30000;
if ($gaji <= 350000)
{
echo "<br/><big><b>";
echo "Gaji Rp.$gaji,- tidak memenuhi UMR Jogja";
echo " </b></big>";
}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Pada listing program di atas, pertam kita memiliki variabel bernama


$gaji yang bernilai 30000. Selanjutnya variabel tersebut dikondisikan
“ apabila $gaji lebih kecil atau sama dengan nilai 3500, maka “ data di

54
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

dalam kalang akan dikerjakan. Apabila tidak program berhenti. Dengan


logika di atas, maka hasilnya adalah:

Gambar 23 Hasil pembuatan kondisi if

Logika If-Else
If-else merupakan operator yang dapat digunakan untuk membuat
kondisi dengan dua pilihan. Perhatikan sintaks berikut:

if(ekspresi)
{ pernyataan 1}
else { pernyataan 2 }

Dari sintaks di atas, apabila ekspresi bernilai benar, maka program


akan mengerjakan operasi yang ada di dalam pernyataan1. sedangkan
apabila ekspresinya salah program akan mengerjakan operasi yang ada
di dalam pernyataan 2. Sebagai contoh Anda dapat melihat pada listing
program sederhana berikut.

55
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Listing Program wmlphp/logikaif -else.php

<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." n ewcontext="true">
<p align="center">
<small>
<?php
$gaji=450000;
if ($gaji >= 350000)
{
echo "<br/><big><b>";
echo "Gaji Rp.$gaji,- memenuhi UMR Jogja";
echo "</b></big>";
}
else
{
echo "<br/><big><b>";
echo "Gaji Rp.$gaji,- tidak memenuhi UMR Jogja" ;
echo "</b></big>";
}
?>
</small>
</p>
56
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

</card>
</wml>

Akhir Listing

Pada program di atas pertama kali Kita membuat variabel dengan nama
$gaji, nilai dari variabel tersebut berisi angka 450000. Logika yang
digunakan adalah “ Apabila nilai dari variabe l $gaji lebih besar atau
sama dengan 350000, maka gaji tersebut telah memenuhi UMR (Upah
Minimum Regional) Jogja. Sedangkan apabila tidak memenuhi syarat
tersebut, maka gaji tersebut tidak memnuhi UMR Jogja”. Apabila
dijalankan, maka bentuk tampilannya ada lah.

Gambar 24 Hasil program if-else

Logika If-Else-If
57
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

If-else-if merupakan bentuk operator yang paling lengkap diantara


operator if sebelumnya. Dengan menggunakan operator tersebut, maka
Anda dapat membuat program dengan banyak pilihan (multiple choi ce).
Perhatikan teknik penulisannya:

if(ekspresi 1)
{ pernyataan 1}
else if(ekspresi 2)
{ pernyataan 2 }
else { pernyataan 3 }

Pada sintaks di atas dapat dijelaskan proses berjalannya program sebagai


berikut:
1. Pertama kali kondisi melakukan pemeriks aan pada ekspresi 1, apabila
benar maka pernyataan 1 akan dikerjakan.
2. Apabila ekspresi 1 bernilai salah, maka program akan memeriksa pada
ekspresi 2.
3. Apabila ekspresi 2 bernilai benar, maka pernyataan 2 akan dikerjakan.
4. Sedangkan apabila semua ekspresi 1 dan ekspresi 2 juga salah, maka
pernyataan 3 yang akan dikerjakan.

Sebagai contoh, Anda dapat melihat script berikut:

Listing Program wmlphp/logikaif -else-if.php

<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0 "?>');
58
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML


1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p align="center">
<small>
<?php
$bulan=date('m');

echo "<br/><big><b> Sekarang bulan </b></big>";


if ($bulan==1)
{
echo "<br/><big><b> Janurai </b></big>";
}
else if ($bulan==2)
{
echo "<br/><big><b> Februari </b></big>";
}
else if ($bulan==3)
{
echo "<br/><big><b> Maret </b></big>";
}
else if ($bulan==4)
{
echo "<br/><big><b> April </b></big>";
}
else if ($bulan==5)
{

59
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo "<br/><big><b> Mei </b></big>";


}
else if ($bulan==6)
{
echo "<br/><big><b> Juni </b></big>";
}
else if ($bulan==7)
{
echo "<br/><big><b> Juli </b></big>";
}
else if ($bulan==8)
{
echo "<br/><big><b> Agustus </b></big>";
}
else if ($bulan==9)
{
echo "<br/><big><b> September </b></big>";
}
else if ($bulan==10)
{
echo "<br/><big><b> Oktober </b></big>";
}
else if ($bulan==11)
{
echo "<br/><big><b> November </b></big>";
}
else if ($bulan==12)
{
echo "<br/><big><b> Desember </b></big>";

60
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Listing program di atas digunakan untuk menampilkan nama bulan ke


dalam bahasa Indonesia. Pertama kali Kita menggunakan fungsi date
yang dapat menampilkan nama bulan ke dalam bentuk angka (1 .. 12).
Dari angka yang didapatkan Kita kondisikan.
Bentuk kondisinya adalah sebagai berikut:
1. Pertama menampilkan bulan ke dalam variabel $bulan.
2. Apabila mendapatkan $bulan bernilai 1, maka akan ditampilkan teks
“ Januari “. Kemudian,
3. Apabila mendapatkan $bulan bernilai 2, maka akan ditampilkan teks
“ Februari “. Kemudian,
4. Apabila mendapatkan $bulan bernilai 3, maka akan ditampilkan teks
“ Maret “. Kemudian
5. Selanjutnya kondisinya dilakukan terus sampai dengan tanggal 12
yang menampilkan teks Desember.
Dengan menggunakan program di atas, maka apabila dijalankan akan
menghasilkan bentuk keluaran seperti gambar berikut:

61
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 25 Menggunakan if-else-if

Menggunakan For
For merupakan opertor PHP yang digunakan untuk membuat
program looping (perulangan). Anda dapat menggunak an operator ini
dengan mengkolaborasikannya dengan operator kondisi di atas.
Sintaksnya adalah:

for ($variabel1; $variabel2; $variabel3)


{
pernyataan
}

Sintaks di atas dapat dijelaskan bagian-bagiannya sebagai berikut:


 $variabel1 : adalah variabel yang memiliki nilai awal perulangan
 $variabel2 : adalah variabel yang memiliki nilai pembatas dalam
perulangan.

62
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

 $variabel3 : adalah variabel yang digunakan untuk membuat operasi,


baik penambahan angka maupun pengurangan angka pada variabel 1.
Sebagai contoh, Anda dapat menuliskan contoh program yang fungsinya
untuk menampilkan angka dari nomor 1 sampai dengan nomor 12.

Listing Program wmlphp/looping -for.php

<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p align="center">
<small>
<?php
echo "<b>Menampilkan bulan 1 -12 </b><br/>";

for ($bulan=1; $bulan <= 12; $bulan++)


{
echo "Bulan $bulan <br/>";
}
?>
</small>
</p>
</card>
</wml>
63
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Akhir Listing

Pada listing program di atas, Kita memiliki nilai awal bernilai 1,operasi
yang dilakukan adalah Post Increement ($bulan++), batasan dari operasinya
adalah selama nilai $bulan kurang dari 12. Da ri program di atas, apabila
dijalankan akan menghasilkan bentuk tampilan seperti gambar berikut:

Gambar 26 Menampillkan nomor 1 sampai dengan 12

Menggunakan While
While juga merupakan operator yang digunakan untuk membuat
perulangan. Secara teknis, kedua bentuk operator ini memiliki kemampuan
yang sama. Sintaks yang digunakan adalah:

64
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

while (ekspresi)
{
pernyataan
}

Pada operator di atas, Anda dapat membuat batasan perulangan pada


bagian ekspresi. Sedangkan pada bagian pernyataan dapat dibuat de ngan
bentuk isi atau dengan operasi yang akan dikerjakan.
Sebagai contoh, Anda dapat membuat bentuk pananggalan yang dimulai
dari tanggal 1 sampai dengan tanggal 31. Caranya dapat Anda lihat pada
listing program berikut:

Listing Program wmlphp/looping-while.php

header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: Dasar PHP WML ::." newcontext="true">
<p align="center">
<small>
<?php
echo "<b>Menampilkan tanggal 1 -31 </b><br/>";
while ($tanggal <= 31)
{
$tanggal++;
echo "Tanggal $tanggal <br/>";

65
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Dengan menggunakan perulangan di atas, maka apabila listing di atas


dijalankan akan menghasilkan keluaran seperti gambar berikut:

Gambar 27 Hasil perulangan dengan operator while

66
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Aplikasi WAP Dinamis


Setelah memahami beberapa operator kondisi dan operator looping
yang dimiliki oleh PHP, maka sekarang Anda akan Kami bimbing untuk
dapat membuat program WAP Anda tampak dinamis.
Cara membuatnya adalah dengan menggunakan database untuk
menyimpan data-datanya. Pada semua contoh program yang dibahas
pada buku ini Kita menggunakan database MySQL, sehingga Anda
harus lebih banyak mempelajari pen ggunaan database tersebut.

Membuat Kolom Berita


Kolom berita juga sering disebut dengan news pages. Di dalam
halaman Web mungkin telah sering Anda temui. Sekarang Kita akan
mencoba mengaplikasikannya pada WAP. Untuk memudahkan pelajaran
ini, maka ikutilah beberapa langkah berikut:
1. Langkah pertama, masuklah pada database MySQL Anda dengan
menggunakan user yang Anda miliki, sebagai contoh Kami
menggunakan user bunafit dan nugroho sebagai passwordnya.

$ mysql -u bunafit -p
Enter password: ***
Welcome to the MySQL monitor. Commands end with ;
or \g.
Your MySQL connection id is 1 to server version:
4.1.7-max

Type 'help;' or '\h' for help. Type '\c' to clear


the
buffer.

67
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

mysql>

2. Buat dan aktifkan database bernama aplikasiwap, perhatikan


caranya sebagai berikut:

mysql> CREATE DATABASE aplikasiwap;


Query OK, 1 row affected (0.14 sec)

mysql> USE aplikasiwap;


Database changed
mysql>

Selanjutnya, database aplikasiwap akan kita gunakan untuk


aplikasi yang lain.

3. Sekarang buatlah tabel bernama berita. Tabel ini nantinya akan


digunakan untuk mrekam data -data berita yang ditampilkan pada
news pages. Berikut adalah perintahnya:

CREATE TABLE berita (


id_berita int(3) NOT NULL auto_increment,
judul_berita varchar(50) NOT NULL default '',
detail_berita varchar( 200) NOT NULL default '',
tanggal_masuk date NOT NULL default '0000 -00-00',
PRIMARY KEY (id_berita)
);

68
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

4. Untuk Mempermudah memahami pembahasan ini, maka Anda


dapat memasukkan data berita dengan perintah berikut:

INSERT INTO berita


VALUES (1,'Gempa Bumi Melanda Nias','Baru beberapa
hari masyarakat di Pulai Nias merasakan ketenangan,
sekarang ALLAH telah menguji kembali dengan
terguncangnya Gempa yang bertenaga 8,2 SL','2005 -
03-30');

INSERT INTO berita


VALUES (2,'Keterlambatan Bantuan','Sampai berita
ini dionlinekan, bantuan yang berasal dari
pemerintah masih belum dapat didistirbusikan. Hal
ini karena tidak adanya transportasi disana','2005 -
03-30');

5. Sekarang Anda dapat membuat program WAP -nya dengan


menuliskan scriptnya seperti listing lengkap berik ut:

Listing Program dasarwap/berita_tampil.php

<?php

header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: BERITA ONLINE ::." n ewcontext="true">
69
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<p align="left">
<small>

<?php
$hostname="localhost";
$username="bunafit";
$password="nugroho";
$database="aplikasiwap";
$mysql_connek=mysql_connect($hostname,$username,$passw
ord)
or die ("Belum bisa konek ke server");
mysql_select_db($database);
//query
$sql_select="SELECT * FROM berita ORDER BY id_berita";

//cek kondisi query


if ($eksekusi=mysql_query($sql_select))
{
echo "<br/>";
echo "<big><b>CENTRANET NEWS :</b></big>";
echo "<br/><br/>";

while($baris=mysql_fetch_array ($eksekusi))
{
$detail_berita=$baris[detail_berita];
$cuplikan=substr("$detail_berita",0,50);

echo "<big><b>$baris[judul_berita]</b></big>";
echo "&nbsp;[$baris[tanggal_masuk]]<br/>";

70
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo "$cuplikan ...";


echo "[ <a href=\"berita_detailtampil.php?
idberita=$baris[id_berita] \"> Detail </a>]";
echo "<br/><br/>";
}
}
else
{
echo "<br/><b><big>Tidak ada berita</big></b><br/>";
}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Ada beberapa baris perintah yang terkait di dalam listing program di


atas. Lebih jelasnya dapat Anda ikuti pembahasannya sebagai berikut:
 Koneksi Server
Pertam Kita akan membuka koneksi pada server database MySQL,
script yang digunakan adalah:
$hostname="localhost";
$username="bunafit";
$password="nugroho";
$database="aplikasiwap";

71
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

$mysql_connek=mysql_connect($hostname,$username
,$password)
or die ("Belum bisa konek ke
server");

 Mengaktifkan Database
Setelah koneksi berhasil, maka Kita dapat memanggil atau mengaktifkan
database yang akan digunakan. D i dalam database tersebut tentunya
terdapat tabel yang berisi data -data yang hendak diakses.

mysql_select_db($database);

 Melakukan permintaan pada tabel


Karena Kita hendak menampilkan data dari tabel berita, maka query
yang digunakan adalah menampilkan s eluruh data pada tabel berita.
Berikut adalah querynya:

$sql_select="SELECT * FROM berita ORDER BY


id_berita";

 Cek query yang ada


Sambil menjalankan query yang ada, Kita dapat membuat kondisi untuk
melakukan pemeriksaan terhadap query yang digunakan. Per hatikan
kondisi berikut:

if ($eksekusi=mysql_query($sql_select))
{
berhasil

72
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

}
else
{
gagal
}

Apabila query dapat dijalankan dan datanya tidak kosong, maka


programa akan mengakses kalang “ berhasil “. Sedangkan apabila
querinya salah atau datanya tidak ada, maka program akan mengakses
kolom “gagal”.

 Menampilkan semua data


Selanjutnya Kita akan menampilkan semua data yang ada di dalam tabel
menggunakan operator looping while. Perhatikan cara berikut:

while($baris=mysql_fetch_array($eksekusi))
{
.....
menampilkan data
}

Pada kolom while di atas, Anda dapat menampilkan semua data yang
didapatkan query dengan menggunakan teknik berikut:

echo “$baris[judul_berita]”;
echo “$baris[detail_berita]”;

 Memotong Isi berita

73
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Pada script program di atas, Kita hanya akan menampilkan data berita
sebagian saja. Sehingga Kita harus memotong sebagian datanya dengan
cara berikut:

$detail_berita=$baris[detail_berita];
$cuplikan=substr("$detail_berita",0,50);

Dari script di atas, substr merupakan fungsi yang digunakan untuk


mengambil data secara sebagian. Yaitu teks yang dimulai dari karakter 0
sampai dengan karekter 50. Selain karakter yang ada di dalam range
tersebut, data tidak akan ditampilkan.

 Membuat Hyperlink Detail


Karena isi dari berita sangat ban yak, maka Kita dapat membuat halaman
yang ditampilkan pertama kali hanya sekilas saja. Sehingga dengan
memberikan tombol atau hyperlink detail, pengunjung dapat melihat isi
beritanya secara lengkap. Cara membuatnya adalah denagan menuliskan
script berikut:

echo "[ <a href=\"berita_detailtampil.php?


idberita=$baris[id_berita] \"> Detail </a>]";
echo "<br/><br/>";

Pada script di atas, karakter detail dijadikan sebagai pemicu dari


hyperlink. Sedangkan untuk kondisinya Kita menggunakan variabel
idberita yang nilainya berisi data id_berita dari data berita yang dipilih.
Selanjutnya apabila program di atas dijalankan, maka hasilnya akan
menampilkan data seperti pada gambar berikut:

74
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 28 Tampilan News Pages

Pada setiap judul berita yang ditampilk an akan diberikan semuah


hyperlink yang apabila diklik akan membawa Kita menuju pada halaman
detail berita.
Pada program detail berita semua data berita secara lengkap akan
ditampilkan. Untuk lebih jelasnya, Anda dapat membuat programnya
seperti listing berikut:

Listing Program dasarwap/berita_detailtampil.php


<?php
header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: BERITA ONLIN E ::." newcontext="true">

75
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<p align="left">
<small>

<?php
$hostname="localhost";
$username="bunafit";
$password="nugroho";
$database="aplikasiwap";
$mysql_connek=mysql_connect($hostname,$username,$passw
ord)
or die ("Belum bisa konek ke server");

mysql_select_db($database);

$sql_select="SELECT * FROM berita


WHERE id_berita='$idberita'";

if ($eksekusi=mysql_query($sql_select)) {
echo "<br/>";
echo "<big><b>CENTRANET NEWS :</b></big>";
echo "<br/><br/>";

while($baris=mysql_fetch_array($eks ekusi)){
echo "<big><b>$baris[judul_berita]</b></big>";
echo "&nbsp;[$baris[tanggal_masuk]]<br/>";
echo "$baris[detail_berita]<br/>";
echo "<br/><br/>";
}

76
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo "[ <a href=\"berita_tampil.php\"> Berita </a>]";


}
else {
echo "<br/><b><big>Tidak ada berita</big></b><br/>";
}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Teknik pembuatan program detail sangat sederhana, yaitu hanya dengan


menggunakan kondisi pada querynya. Nilai kondisi yang digunakan
didapatkan pada variabel yang dikirim pad a address. Berikut adalah
querinya:

$sql_select="SELECT * FROM berita


WHERE id_berita='$idberita'";

Pada query di atas, nilai dari variabel $idberita didapatkan dari


hyperlink detail yang dipilih pada program penampil data berita.
Selanjutnya ditampilkan pada browser dengan cara yang sama, akan
tetapi pada halaman detail kita tidak lagi memotong datanya.
Dengan menggunakan script di atas, maka tampilan detail berita akan
tampak seperti gambar berikut:

77
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 30 Tampilan detail berita

Membuat Buku Tamu


Buku tamu juga sering disebut dengan guestbook. Biasanya aplikasi
ini sering Kita temui pada aplikasi web dinamis. Pada subbab ini, Kita akan
mencoba mengimplementasikannya pada WAP dinamis.
Untuk menyimpan semua data yang dikirimkan oleh pengunjung ,
maka Anda dapat membuat tabel bernama bukutamu. Sebagai contoh, Anda
dapat menggunakan perintah berikut untuk membuatnya:

CREATE TABLE bukutamu (


id_tamu int(3) NOT NULL auto_increment,
data_nama varchar(45) NOT NULL default '',
data_email varchar(50) NOT NULL default '',
data_pesan varchar(100) NOT NULL default '',
tanggal_pesan date NOT NULL default '0000 -00-00',
78
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

PRIMARY KEY (id_tamu)


);

Letakkan tabel bukutamu tersebut pada database aplikasiwap. Untuk


membuat guestbook, Anda dapat megetikkan programnya seperti listing
berikut:

Listing Program aplikasi/buku_tamu.wml

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN">
<wml>
<card id="pswpesan" title=".:: BUKU TAMU ::."
newcontext="true">
<do type="accept" label="Simpan">
<go method="post" href="buku_simtamu.php">
<postfield name="nama" value="$(txt_nama)"/>
<postfield name="email" value="$(txt_email)"/>
<postfield name="pesan" value="$(txt_pesan)"/>
</go>
</do>
<p align="center"><br/>
<small><big><b>CENTRANET </b></big> <br/>
Web - Software Developer <br/>
|=====================|<br/><br/>
</small>
</p>
<p align="left">
<small>&nbsp;Nama : </small>
79
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

<input type="text" name="txt_nama" maxlength="45"/>


<small>&nbsp;Email : </small>
<input type="text" name="txt_email" maxlength="45"/>
<small>&nbsp;Pesan : </small>
<input type="text" name="txt_pesan" maxlength="100"/>
<br/>
</p>
</card>
</wml>

Akhir Listing

Listing program di atas hanyalah merupakan bentuk penulisan form di


dalam pemrograman WML. Setiap komponen form yang digunakan
variabelnya harus dibaca oleh tag postfiled. Selanjutnya variabel yang
ada di dalam tag postfield ini yang akan dikirimkan pada tabel.

<postfield name="nama" value="$(txt_nama)"/>

Nilai dari variabel $(txt_nama) diperoleh dari komponen form


berikut:
<input type="text" name="txt_nama"
maxlength="45"/>

Apabila dijalankan, maka bentuk tampilannya adalah:

80
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 31 Form pengisian data buku

Setelah semua data dimasukkan dengan lengkap, maka semua data yang
dimasukkan di dalam form tersebut akan dieksekusi oleh file program
bernama buku_simtamu.php. isi dari program ini adalah membaca variabel
yang dikirimkan oleh halaman form buku tamu. Selanjutnya data akan
dikirimkan pada tabel bukutamu. Untuk lebih jelasnya, buatlah programnya
seperti listing berikut:

Listing Program aplikasi/buku_simtamu.php

<?php

header('Content-type:text/vnd.wap.wml');
echo('<?xml version="1.0"?>');

81
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML


1.1/EN">');
?>
<wml>
<card title=".:: BUKU TAMU ::." newcontext="true">
<p align="center">
<small>
<?php
$hostname="localhost";
$username="bunafit";
$password="nugroho";
$database="aplikasiwap";
$mysql_connek=mysql_connect($hostname,$username,$passw
ord)
or die ("Belum bisa konek ke server");
$tanggal=date('Y-m-d');
mysql_select_db($database);
$sql_insert="INSERT INTO bukutamu
(data_nama,data_email,data_pesan,tanggal_pesan)
VALUES
('$nama','$email','$pesan','$tanggal')";

if (mysql_query($sql_insert))
{
echo "<br/><b><big>Data berhasil dimasukkan
</big></b><br/>";
echo "[ <a href=\"buku_tamu.wml\"> Masukkan </a>]";
echo "[ <a href=\"buku_tampiltamu.php\"> Tampilkan
</a>]<br/>";
}
82
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

else
{
echo "Data gagal dimasukkan <br/>";
echo "<a href=\"buku_tamu.wml\"> Masukkan data
</a><br/>";
}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Pada program penyimpanan data buku tamu tersebut, query yang


fungsinya untuk mengirim data ke dalam tabel bukutamu adalah:

$sql_insert="INSERT INTO bukutamu


(data_nama,data_email,data_pesan,tanggal_pesan)
VALUES
('$nama','$email','$pesan','$tanggal')";

Nilai tanggal di atas didapatkan pada fungsi date yang dituliskan dengan
menggunakan variabel $tanggal. Perhatikan script berikut:

$tanggal=date('Y-m-d');

83
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Selanjutnya, query di atas dicek. Apabila query di atas berjalan dan


datanya dapat dimasukkan, maka program akan menampilkan pesan
keberhasilan. Berikut adalah pengkondisiannya.

if (mysql_query($sql_insert))
{
echo "<br/><b><big>Data berhasil dimasukkan
</big></b><br/>";
echo "[ <a href=\"buku_tamu.wml\"> Masukkan
</a>]";
echo "[ <a href= \"buku_tampiltamu.php \">
Tampilkan
</a>]<br/>";
}
Sedangkan, apabila query gagal atau data tidak berhasil dikirim, maka
program akan menampilkan pesan kesalahan.
else
{
echo "Data gagal dimasukkan <br/>";
echo "<a href=\"buku_tamu.wml\"> Masukkan data
</a><br/>";
}

Dari beberapa script di atas, apabila proses pengisian data bukunya


dilakukan dengan benar dan datanya berhasil disimpan, maka anda akan
mendapatkan konfirmasi seperti yang tampak pada gambar berikut:

84
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 32 Konfirmasi yang menyatakan keberhasilan mengisi data


buku

Pada halaman konfirmasi di atas, Kita menyediakan dua hyperlink. Yang


pertama bernama Masukkan, hyperilink ini akan membawa Kita ke
dalam form pengisian data buku. Sedangkan hyperlink Tampilkan akan
membawa Kita pada program penampil data buku.
Sekarang Kita akan membuat program yang akan digunakan untuk
melihat daftar pengisian buku tamu yang telah diisikan sebelumnya.
Untuk lebih jelasnya, Anda dapat membuatnya seperti listing program
berikut:

Listing Program aplikasi/buku_tampiltamu.php

<?php

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

85
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo('<?xml version="1.0"?>');
echo('<!DOCTYPE wml PUBLIC " -//WAPFORUM//DTD WML
1.1/EN">');
?>
<wml>
<card title=".:: BUKU TAMU ::." newcontext="true">
<p align="left">
<small>
<?php
$hostname="localhost";
$username="bunafit";
$password="nugroho";
$database="aplikasiwap";
$mysql_connek=mysql_connect($hostname,$username,$passw
ord)
or die ("Belum bisa konek ke server");

mysql_select_db($database);
$sql_select="SELECT * FROM bukutamu ORDER BY id_tamu";

if ($eksekusi=mysql_query($sql_select))
{
echo "<br/>";
echo "<big><b>Daftar Pengisian Buku :</b></big>";
echo "<br/><br/>";
while($baris=mysql_fetch_array($eksekusi))
{
echo "Nama : $baris[data_nama] <br/>";
echo "Email: $baris[data_email] <br/>";
echo "Pesan: $baris[data_pesan] <br/>";
86
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

echo "Tgl : $baris[tanggal_pesan] <br/>";


echo "------------------------ -----<br/>";
}
echo "[ <a href=\"buku_tamu.wml\"> Masukkan </a>]";
}
else
{
echo "<br/><b><big>Data Kosong</big></b><br/>";
echo "<a href=\"buku_tamu.wml\"> Masukkan data
</a><br/>";
}
?>
</small>
</p>
</card>
</wml>

Akhir Listing

Inti dari program penampil buku tamu di atas sama dengan program -
program yang telah dibuat sebelumnya. Yaitu memiliki tugas untuk
menampilkan semua data yang ada di dalam tabel bukutamu. Query
yang digunakan untuk menampilkan semua data bukutamu adalah:

$sql_select="SELECT *
FROM bukutamu ORDER BY id_tamu";

Selanjutnya query di atas akan dieksekusi dengan menggunakan perintah


berikut:
87
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

if ($eksekusi=mysql_query($sql_select))
{
... menampilkan data
}
else
{
... pesan apabila gagal
}

Pada listing program di atas, s cript yang digunakan untuk menampilkan


semua data dari tabel bukutamua adalah:
while($baris=mysql_fetch_array($eksekusi))
{
echo "Nama : $baris[data_nama] <br/>";
echo "Email: $baris[data_email] <br/>";
.......
echo "Tgl : $baris[tanggal_p esan] <br/>";
}

Sehingga program di atas akan menhasilkan bentuk keluaran seperti


gambar berikut:

88
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Gambar 33 Menampilkan data bukutamu

Lanjutt….??? ..Baca di buku ini :

89
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Penerbit Gava Media, Yogyakarta


Penulis : Bunafit Nugroho
Beredar di Gramedia, harga buku: Rp. 67.000.-

Order ke kami, Buku + Full Script Website WAP


adalah Rp. 250.000,- + ongkir
Order ...?? Kirim SMS ke nomor 0838 6716 1314

90
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

BUNAFIT KOMPUTER Juga Menyediakan Banyak


Koleksi Source Code (Script) Website Lengkap
Siap Pakai. Anda dapat menggunakannya untuk
keperluan Belajar, Untuk Contekan Tugas
Akhir(TA), Untuk Contekan Skripsi, dan lainnya.

JUDUL PROGRAM CONTOH SKRIPSI &TUGAS AKHIR (TA)


Kami tidak menerbitkan dalam bentuk Buku Cetak, melain kan dalam
NO
bentuk eBooks dan Script Website Lengkap siap dijalankan, Full Source
Code.
Program Skripsi Web Toko Online : Template Sistem Toko
Online Metode Display (Bank Virtual) : Aplikasi ini dibuat dengan
PHP dan MySQL dan dengan gaya pemrograman sang at mudah. Web ini
dibuat dengan sisem Display, artinya pengunjung dapat langsung memilih
barang yang akan dibeli, baru setelah itu melakukan transaksi pembayaran
dengan sistem Online Banking.

Skrip Web Penjualan ini dijual dengan harga Rp. 350.000,-

Untuk yang belum jelas dengan Bank Virtual. Jadi, nanti kita membuat tabel
1 v_bank yang seakan akan menyimpan data Rekening masing2 pelanggan, dan
di sana terdapat saldo. Transaksi pengurangan saldo dilakukan pada tabel itu.
v_bank itu seakan2 sebagai PayPol -nya kalo sekarang ini.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Toko HandPhone Online
[2]. Source Code (Script) Web Penjualan Online berbasis Bank Virtual
(Simulasi PayPol)
[3]. eBooks (buku PDF : Buku Panduan Membuat Web Penjualan (Toko
Online) berbasis Web Sistem Bank Virtual , 300 hal)

Program Skripsi Web Toko Buku Online : Sistem Informasi


2
Penjualan Online (Anggota) Berbasis Web ASP.Net : Aplikasi ini
91
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

dibuat dengan ASP.Net dan SQL Server 2000. Dengan menggunakan


template ini, Anda dapat mengemban gkannya untuk membuat aplikasi
penjualan untuk semua produk.

Harga Script Web skripsi ini : Rp. 500.000,-

Program Skripsi Web Toko Buku Online 1 : Sistem Informasi


Penjualan Buku Berbasis Web V.1 (Untuk Penerbitan, jadi
sudah tidak ada data Penerbit) : Aplikasi yang ini dibuat dengan PHP
dan MySQL (XAMPP), berjalan juga pada sistem Linux atau Hosting di
Internet. Cara pembayarannya adalah dengan sistem Transfer Rekening. Jadi,
calon pembeli buku harus jadi anggota dulu, baru bisa memesan buku yang
dipilih. Sistem anggota.
3 Harga Script Web Contoh Skripsi ini : Rp. 500.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Buku
[2]. Source Code (Script) Web Penjualan Buku Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi Web Toko Buku Online 2 : Sistem Informasi


Penjualan Buku Berbasis Web V.2 (Untuk Umum, ada data
Penerbit. Jadi, buku yang dijual dari b anyak penerbitan) :
Aplikasi yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan juga
pada sistem Linux atau Hosting di Internet. Cara pembayarannya adalah
dengan sistem Transfer Rekening. Jadi, calon pembeli buku harus jadi
4 anggota dulu, baru bisa memesan buku yang dipilih. Sistem anggota.

Harga Script Web Contoh Skripsi ini : Rp. 600.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Buku
[2]. Source Code (Script) Web Penjualan Buku Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
92
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Dreamweaver )

Program Skripsi Web Toko Komputer Online : Sistem


Informasi Penjualan Aksessoris Komputer Berbasis Web :
Aplikasi yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan juga
pada sistem Linux atau Hosting di Internet. Cara pembayarannya adalah
dengan sistem Transfer Rekening. Sistem anggota.

Harga Script Web Contoh Skripsi ini : Rp. 500.000,-.


5
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Perangkat Komputer
(Flasdisk, HD, CD Room, dll)
[2]. Source Code (Script) Web Penjualan Aksessoris Komputer Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi Web Toko HandPhone Online : Sistem


Informasi Penjualan HandPhone Berbasis Web : Aplikasi yang ini
dibuat dengan PHP dan MySQL (XAMPP), berjalan juga pada sistem Linux
atau Hosting di Internet. Cara pembayarannya adalah dengan sistem Transfer
Rekening. Sistem anggota.

Harga Script Web Contoh Skripsi ini : Rp. 500.000,-.


6
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Perangkat Komputer
(Flasdisk, HD, CD Room, dll)
[2]. Source Code (Script) Web Penjualan Aksessoris Komputer Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi Web Toko Pakaian (Distr o) Online : Sistem


7
Informasi Penjualan Pakaian (Distro) Berbasis Web : Aplikasi
93
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan juga pada
sistem Linux atau Hosting di Internet. Cara pembayarannya adalah dengan
sistem Transfer Rekening. Sistem anggot a.

Script Web ini dapat dipakai untuk penjualan distro atau butik apa aja,
diantaranya: toko baju muslim, toko baju hamil, toko kerudung, toko baju
batik, toko kaus, toko aksessori, dll. Semua gampang dimodifikasi dari editor
Dreamweaver, versi berapaun.

Harga Script Web Contoh Skripsi ini : Rp. 500.000,-

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Pakaian (Distro) Online
[2]. Source Code (Script) Web Penjualan Aksessoris Komputer Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi Web Toko Herbal Online : Sistem Informasi


Penjualan Obat Herbal Berbasis Web : Aplikasi yang ini dibuat
dengan PHP dan MySQL (XAMPP), berjalan juga pada sistem Linux atau
Hosting di Internet. Cara pembayarannya adalah dengan sistem Transfer
Rekening. Sistem anggota.

Script Web ini dapat dipakai untuk penjualan herbal atau obat apa saja.
Semua gampang dimodifikasi dari editor Dreamweaver, versi berapaun.
8
Harga Script Web Contoh Skripsi ini : Rp. 500.000,-

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Pakaian (Distro) Online
[2]. Source Code (Script) Web Penjualan Aksessoris Komputer Online
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi : Sistem Informasi Penjualan Tiket Bus : Dibuat


9 dengan PHP dan MySQL. Adalah web pemasaran ti ket dengan studi kasus
Penjualan Tiket Bus secara Online. Gampang dimodifikasi dari Dreamweaver

94
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

versi berapapun.

Harga Script Web contoh skripsi ini : Rp. 300.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Tiket Bus
[2]. Source Code (Script) Web Penjualan Tiket Bus
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi : Sistem Informasi Penjualan Tiket Arma da


(Tarvel) : Dibuat dengan PHP dan MySQL. Adalah web pemasaran tiket
dengan studi kasus Penjuan atau Pemesanan Tiket Armada Trafel secara
online. Gampang dimodifikasi dari Dreamweaver versi berapapun.

Harga Script Web contoh skripsi ini : Rp. 300.000,-.


10
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Penjualan Tiket Armada
[2]. Source Code (Script) Web Penjualan Tiket Armada
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

Program Skripsi : Sistem Informasi Pemesanan Kamar Hotel :


Dibuat dengan PHP dan MySQL. Adalah web pemasaran yang dimiliki oleh
sebuah Hotel berbintang, yaitu dengan membuat fasilitas booking kamar
berbasis Web. Gampang dimodifikasi dari Dreamweaver versi berapapun.

Harga Script Web contoh skripsi ini : Rp. 300.000,-.


11
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Pemesanan Kamar Hotel
[2]. Source Code (Script) Web Pemesanan Kamar Hotel
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP lewat
Dreamweaver )

12 By Request: Pesan Program Skripsi Web Toko Online : Anda

95
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

yang Menentukan Tema atau Objek Barang yang Dijual : Dibuat


dengan PHP dan MySQL. Anda boleh mendesain sendiri sistemnya. Harga
By Request (pesan baru) menyesuaikan permintaan, harganya: Rp. 800.000,-.

Script Online Store: Kami Menerima Pesanan Web Toko


Online ntuk Pengembangan Bisnis Toko Anda. Ingin punya
Toko Online sendiri ?? hemm....coba aja beli paket ini,
bergaransi dan gratis SEO (Search Engine Optimization) +
Internet Marketing selamat sebulan . Jadi, kami akan buatkan web
toko sesuai pesanan yang Anda minta, termasuk data -data barang yang akan
dijual kami bantu input-kan. Fasilitas dari kami adalah:

[01]. Pengerjaan Standar 2 minggu (langsung OnLine).


[02]. Gratis 1 domain Toko (www.AlamatTokoAnda.Com).
13
[03]. Gratis 5 Blog Marketing (Blog Promosi untuk Toko Online Anda)
[04]. Gratis 1 Facebook Marketing (Facebook Promosi untuk toko Online
Anda)
[05]. Gratis Optimasi SEO (Google Search) selama 1 bulan
[02]. Gratis Optimasi Internet Marketing selama 1 bulan
[03]. Gratis Konsultasi Bisnis, Gimana Cara Pembayaran, dll.
[04]. dll

Biaya pesan Toko Online paket Bisnis: Rp. 3.500.000, -


Garansi, Dijamin Dagangan Anda Laku

Jika Anda tertarik pada salah satu aplikasi, silahkan kirimkan ke alamat
email kami :

CONTOH EMAIL PEMESANAN


Tujuan Email
Subjek Surat Pesan Program eCommerce .....
Pesan surat Anda di sini ...........
Isi Surat

96
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Identitas Pemesan :
1. Nama Lengkap : ?
2. Mahasiswa Mana : ?
3. Nomor HP Aktif : ?

NO JUDUL PROGRAM
Contoh Program Skripsi dan TA : Sistem
Informasi Test Ujian Masuk Langsung
Komputer (Secara Online) : Konsep dari web ini
adalah untuk Test Langsung, atau Ujian Langsung
Komputer secara bersama-sama (Multi User).

Anda pasti sudah tau, jika beberapa kampus atau sekolah


sekarang telah mengadakan Test Langsung Komputer. Jadi,
calon siswa/mahasiswa baru setelah mendaftar boleh
memilih 2 model ujian. [1]. Ujian reguler, atau yang
1 dilakukan secara manual ber sama2. [2]. Ujian langsung
komputer, yang langsung mengerjakan soal di komputer,
dan hasilnya langsung di dapat. Nah, web program ini
dipakai untuk opsi ujian ke -2. Sudah maksud ya???

Kemampuan Web ini:


[1]. Web Berbasis Multi User, Peserta Ujian (Test) boleh
berbarengan
[2]. Soal yang dimasukkan tidak acak, tapi soal yang tampil
di halaman peserta akan diacak.
[3]. Multi Mata Pelajaran, jadi bisa ujian beberapa mata
pelajaran sekaligus.
97
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

[4]. Timer Mundur. Jadi, jika waktu yang disediakan sudah


habis, maka program akan secara otomatis menyimpan soal
yang sudah dipilih (pilihan ganda).
[5]. Bisa diterapkan untuk Online, atau Tes Langsung
(Lokal).
[6]. ...dan kelebihan lain, Web ini dibuat lewat
Dreamweaver 8 (Terstruktur).

Harga Script Web contoh sk ripsi ini : Rp. 750.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Test Langsung
(Ujian Masuk Siswa/Mahasiswa)
[2]. Source Code (Script) Web Test Langsung (Ujian)
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )
Contoh Program TA dan Skripsi: eLearning :
Sistem Informasi Latihan Ujian Secara
Online (atau Lokal Jaringan) : Aplikasi ini dibuat
dengan PHP dan MySQL. Ini merupakan web yang
berbasis Multi User. Gunanya untuk ujian atau test atau
latihan ujian dengan pengelompokan soal (kategori soal)
2 yang berbeda.

Konsep inti dari web ini adalah web sitem informasi yang
berisi banyak soal, pengelompokkan berdasarkan mata
pelajaran. Siswa yang mendaftar akan menjadi anggtoa
sistem eLearning. Siswa dalam satu hari boleh berlatih
mengerjakan soal-soal ujian yang ada di web, dan hasilnya
98
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

langsung didapat. Dalam satu hari, siswa hanya diberikan


satu kesempatan untuk masing -masing matapelajarang, dan
selanjutnya boleh mengerjakan matapelajaran yang sama di
esok hari.

Harga Script Web contoh skripsi ini : Rp. 450.000,-.


Silahkan kembangkan sendiri untuk kepentingan yang lain.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Test Ujia n
Masuk
[2]. Source Code (Script) Web Test Ujian Masuk Langsung
Komputer
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program TA dan S kripsi: eLearning :


Sistem Informasi Pembelajaran Online Untuk
Siswa : Aplikasi ini dibuat dengan PHP dan MySQL.
Merupakan Web Pembelajaran berbasis Multi User (banyak
pengguna) sebagai anggota Web. Studi kasus program ini
pada semuah pondok pesantren.
3
Para siswa dapat mendownload materi pelajaran jika sudah
mengerjakan Tes Online (ujian) dan lulus. Jika belum lulus,
maka tes dapat dilakukan besok. Tes akan diacak, sehingga
berbeda soalnya dengan santri/siswa yang lain.

Harga Script Web contoh skripsi in i : Rp. 300.000,-.

99
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Pembelajaran
Siswa
[2]. Source Code (Script) Web Pembelajaran Siswa
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program Skripsi dan TA : Sistem


Informasi Perijinan Karyawan Secara
Intranet : Aplikasi ini dibuat dengan PHP dan MySQL.
Sistem dibuat dengan metode Multi User antara karyawan
dan direktur. Aplikasi ini dibuat dengan tujuan untuk
mempermudah para karyawan untuk mengajukan perijinan.
Karyawan hanya melakukan Login dan mengisi formulir,
maka prijinan akan di baca oleh direktur dan kemudian
diputuskan ACC atau tidak.
4
Harga Script Web contoh skripsi ini : Rp. 200.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Pengajuan Izin
Karyawan
[2]. Source Code (Script) Web Pengajuan Izin Karyawan
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

100
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Contoh Program Skripsi dan TA : Sistem


Manajemen Data Sekolah SMK/SMU : Program
ini dibuat dengan PHP dan MySQL. Program ini dibuat
berbentuk Website yang di dalamnya terdapat Sistem
Informasi Manajemen (SIM) untuk mengelola Data Guru,
Siswa, Jadwal, Kelas dan Pelajaran serta Nilai.

Harga Script Web contoh skripsi ini : Rp. 350.000,-


5
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Manajemen
Sekolah (SMU/SMK/SMP)
[2]. Source Code (Script) Web Manajemen Sekolah
(SMU/SMK/SMP)
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program Skripsi dan Tesis : Sistem


Informasi KRS Online 2 (Expert)/ Sistem
Informasi Akademik : Program ini dibuat dengan
PHP dan MySQL serta gaya pemrograman OOP. Program
6 ini digunakan untuk mengelola data KRS (Kartu Rencana
Studi) pada kampus D3 maupun Universitas. Program ini
dibuat gaya Objek Oriented Prog ramming (OOP), sehingga
dapat diterapkan pada analisa UML.

Harga Script Web contoh skripsi/tesis ini : Rp. 1.000.000,-.


101
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

( Lihat Detail )

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Akademik v2
[2]. Source Code (Script) Web Akademik v2
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program TA dan Skripsi: Sistem


Informasi Perpustakaan Sekolah berbasis
Web PHP (Pinjam, Kembali, Denda, Katalog
Online) : Aplikasi ini dibuat dengan PHP dan MySQL.
Ini merupakan Web yang bersi fat Multi User, yaitu
halaman cPanel untuk Administrasi Data Buku dan
halaman Katalog yang digunakan oleh pengguna. Pada
aplikasi ini telah dilengkapi dengan Sistem Pemesanan
Pinjam oleh anggota, Transaksi Peminjaman oleh Penjaga
dan Transaksi Pengembalian lengkap dengan pembayaran
7 Denda jika terlambat.

Harga Script Web contoh skripsi ini : Call (eLibrary finis


dalam 1 minggu)

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Perpustakaan
Berbasis Web v1
[2]. Source Code (Script) Web Perpustakaan v1
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )
102
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Contoh Program TA dan Skripsi: Sistem


Informasi Pariwisata : Aplikasi ini dibuat dengan
PHP dan MySQL. Ini merupaakn web yang berisi informasi
tentang pariwisata. Paket ini akan kami berikan 3 contoh
web, yaitu:
[1]. Web Sistem Informasi Info pariwisata Gunung Kidul
(Yogyakarta)
[2]. Web Sistem Informasi Daftar Gunung di Indonesia.
[3]. Web Sistem Informasi Jalur Bus di Yogyakarta
8
Harga Script Web contoh skripsi ini : Rp. 300.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Wisata, Jalu Bus
dan Informasi Gunung
[2]. 3 Source Code (Script) Web Informasi Wisata dan Jalur
Bus
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program TA dan Skripsi: Sistem


Informasi Pencarian Data pada Katalog
(kasus: Data Wayang Kulit ) : Aplikasi ini dibuat
dengan PHP dan MySQL. Studi kasus dari program ini
9 adalah sistem informasi berbentuk katalog seni
pewayangan. Mencakup cerita, sejarah, istilah dan nama -
nama wayang. Dilengkapi dengan tools pencarian lengkap
untuk user dan admin. Kelebihan dari script program ini
adalah teknik pencarian data (search engine), yang mampu
103
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

menelusuri data judul, isi dan penjelasan.

Harga Script Web contoh skripsi ini : Rp. 250.000,-.

Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Katalog Wayan g
Kulit
[2]. Source Code (Script) Web Informasi Katalog Wayang
Kulit
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

Contoh Program TA dan Sk ripsi: Sistem


Informasi Rekam Medis Rawat Inap pada
Klinik/ Rumah Sakit : Aplikasi ini dibuat dengan
PHP dan MySQL.

Harga Script Web contoh skripsi ini : Rp. 400.000,-.


10
Yang didapat:
[1]. ERD (Relasi Tabel) Sistem Informasi Rekam Medis
Rawat Inap
[2]. Source Code (Script) Web Rekam Medis Rawat Inap
[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHP
lewat Dreamweaver )

By Request: Pesan Program untuk Tugas Akhir(TA )


11 dan Skripsi berbasis Web PHP - MySQL. Silahkan
tentukan sendiri konsepnya, dan sistem basis datanya.

104
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

kami akan mengerjakan sesuai dengan pesanan.


Biayanya, antara 1,3juta - 2juta (tergantung
kerumintan program yang dipesan).

Script Online Store: Kami Menerima


Pesanan Web Toko Online untuk Contoh
12 Skripsi/TA (Penjualan Berbasis Web PHP).

Biaya pesan Toko Online paket Skripsi: Rp. 1.100.000, -

Script Online Store: Kami Menerima


Pesanan Web Toko Online untuk
Pengembangan Bisnis Toko Anda. Ingin
punya Toko Online sendiri ?? hemm....coba
aja beli paket ini, bergaransi dan gratis SEO
(Search Engine Optimization) + Internet
Marketing selamat sebulan . Jadi, kami akan
buatkan web toko sesuai pesanan yang Anda minta,
13 termasuk data-data barang yang akan dijual kami bantu
input-kan. Fasilitas dari kami adalah:

[1]. Pengerjaan Standar 2 minggu (langsung OnLine).


[2]. Gratis 1 domain Toko (www.AlamatTokoAnda.Com).
[3]. Gratis 5 Blog Marketing (Blog Promosi untuk Toko
Online Anda)
[4]. Gratis 1 Facebook Marketing (Facebook Promosi untuk
toko Online Anda)
[5]. Gratis Optimasi SEO (Google Search) selama 1 bulan

105
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

[6]. Gratis Optimasi Internet Marketing selama 1 bulan


[7]. Gratis Konsultasi Bisnis, Gimana Cara Pembayaran,
dll.
[8]. dll

Biaya pesan Toko Online paket Bisnis: Rp. 3.500.000, -


Garansi, Dijamin Dagangan Anda Laku

PANDUAN PEMBAYARAN SKRIP DI ATAS


Okay, PANDUAN TRANSFER -nya

Jika No HP: 0819-----1709 (3 digit, Sesuaikan dg No HP Anda)


Jika pesan Script eLearning v 1, biaya Rp 350.000,- (Promo)
Silahkan transfer Rp. 750.709 ke rek BNI, a/n: Bunafit
Nugroho, NoRek: 003 009 4812.
Jika transf dri ATM Selain BNI / ATM Bersama (contoh:
Mandiri, Syariah Mandiri, dll) No Rek ditambah angka 009.
Jadi, No Rekening BNI kami Menjadi : 009 003 009 4812
Oiya, dari BCA tidak bisa transfer ke BNI (sebaiknya jangan)
Setelah transfer, konfirmasi lewat Email
,

atau SMS Ke : 0838 6716 1314


106
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

eLearning Model 1
Sistem Informasi Latihan Ujian Soal
Untuk Banyak Mata Pelajaran
Biaya pesan Website : Rp. 500.000,-

107
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Test atau Ujian atau Latihan mengerjakan soal.

1. Soalnya boleh teks, atau boleh soal teks dan gambar


2. Jawabannya Pilihan ganda.
3. Tiap soal akan diacak keluarnya per pelajaran, jadi misalnya ada
100 soal untuk pelajaran A, dan tiap melak ukan ujian/latihan soal
itu dapat 10 soal, maka pada hari yg sama masing2 siswa akan
berbeda, atau kemungkinan sama salah satunya.
4. Kemunculan jumlah soal dapat ditentukan, termasuk bobot nila
kelulusannya, apakah harus betul 30% ataukan 50%.
5. Multi Pengguna, jadi beberapa siswa bisa login bareng dan latihan
soal.
6. Sistem Ujian Masuk, itu konsepnya Web berisi Soal2 beberapa
pelajaran, pelajaran bebas ditambah. Tiap siswa boleh latihan soal
tiap hari (satu hari sekali, untuk satu matapelajaran).

# Ada pengembangan lagi, jadi Setlah Siswa mendaftar, mereka belum


bisa login. Sebelum admin Verifikasi, atau Mensetujui dengan mengklik
Tombol AKTIF.

108
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

eLearning Model 2
Sistem Informasi Pembelajaran Siswa
dengan Sistem Tingkatan Materi
Biaya pesan Website : Rp. 400.000,-

109
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

e-Learning: Quiz Online : Ujian Online : dilengkap


dengan Download Materi Mata Pelajaran untuk Naik
Tingkat : Sistem Informasi Pembelajara Online Untuk
Siswa yang dapat dijalankan secara Intranet (jaringan lokal) atau juga
bisa diOnline-kan pada situs di Internet, atau pada komputer untuk
belajar. Berbentuk source code/ Script Web, Anda dapat menjadikan
kode program ini untuk acuan Kerja Praktek (KP), Tugas Akhir(TA),
untuk acuan Skripsi bidang Informatika dan untuk contoh belajar
pemrogramman.

Ide skripsi bertema eLearning/e -Learning/ pembelajaran online/ Quiz


Online/ Ujian Online/ aplikasi eLearning/e learning Berbasis Web PHP.
Bukan hanya untuk e-learning pada sekolah (siswa), akan tetapi juga
dapat diterapkan untuk e-dakwah, atau e-learning pada kalangan santri,
atau lainnya yang konsepnya sesuai.

Berikut adalah penjelasan Konsep Web e -Learning ini:

 Konsepnya web ini ada sistem anggota (siswa).


 Jika anggota (siswa/santri) sudah login, maka siswa dapat
mengambil (download) materi 1 dan 2 (atau ditentukan oleh
admin/guru pengelola).
 Untuk mendownload Materi 3, harus mengerjakan Ujian dulu dari
materi sebelumnya. Jadi, web memiliki form ujian pilihan ganda,
yang soalnya diacak dari database soal dalam sistem web
elearning.
 Begitu juga untuk materi 4, harus mengerjakan Ujian terlebih
dahulu, baru tombol download akan muncul.

Ujiannya diacak soal, jadi tergantung Admin -nya. Kalo jumlah soalnya
banyak, maka tiap siswa yang ujian (mengerjakan soal kenaikan
bab/tingkat) tidak akan dapat soalnyang sama. Kalo soal dikit, ya
110
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

mungkin sama atau cuman tukar nomor urut aja. Ujiannya berbentuk
pilihan ganda.

eLearning Model 3
Sistem Informasi Ujian Masuk
Sekolah/Kuliah
Biaya pesan Website : Rp. 750.000,-

Admin yang betugas input semua data pribadi siswa, input soal, input
pelajaran, dll

Siswa hanya login dan mengerjakan soal dari 4 mata pelajaran: IPA,
Bahasa Indonesia, MTK, bhs inggris.

Setelah
mengerjakan semua soal, sistem baru mengeluarkan informasi lulus atau
tidak lulus, jadi nilai dari 4 pelajaran di r ata2.

Waktu ujian diberikan waktu, sehingga ada timer penghitung mundur.

111
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

www.scribd.com/bunafit
www.scribd.com/bunafitkomputer
www.planetKode.Com
www.bunafit-komputer.com
www.bunafitWeb.Com
www.bunafitSoft.Com
www.bunafitCamp.Com

112
Published by : www.bunafit-komputer.com
Suport by : www.planetKode.Com

Setelah transfer Source Code


akan dikirim ke Email Anda.
Biaya Workshop (Private) : Rp. 1.500.000, - di
Yogyakarta, Anda akan diajari teknik membuat
Program yang ada di daftar. (biaya sudah termasuk
Web Program)

Untuk mendapatkan No Rekening transfer, silahkan kirim email


seperti contoh.
Atau, kirim SMS ke nomor 0838 6716 1314 .

Contoh pesan SMS "planetKode, minta No Rekening buat


pembayaran Sc eCommerce ........ ". Kami akan segera membalas.

www.bunafit-komputer.com
Redaksi Buku IT & Software Development

www.planetKode.Com

113
Published by : www.bunafit-komputer.com