P. 1
Web Mobile - Panduan Membuat Website Di Handphone Berbasis WAP Dengan WML, PHP Dan MySQL

Web Mobile - Panduan Membuat Website Di Handphone Berbasis WAP Dengan WML, PHP Dan MySQL

|Views: 4,221|Likes:
Web Mobile - Panduan Membuat Website Di Handphone Berbasis WAP Dengan WML, PHP Dan MySQL. Wesite di HP. M Commerce. Aplikasi WAP dengan WML dan PHP. Pemrograman Berbasis WML. Pemrograman WML. Free eBooks WML. Free eBooks PHP. Free eBooks MySQL.
Web Mobile - Panduan Membuat Website Di Handphone Berbasis WAP Dengan WML, PHP Dan MySQL. Wesite di HP. M Commerce. Aplikasi WAP dengan WML dan PHP. Pemrograman Berbasis WML. Pemrograman WML. Free eBooks WML. Free eBooks PHP. Free eBooks MySQL.

More info:

Published by: Bunafit Komputer Yogyakarta on Aug 29, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

07/13/2013

pdf

text

original

Suport by : www.planetKode.

Com

Published by : www.bunafit-komputer.com

1

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, -.
Published by : www.bunafit-komputer.com
2

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,-

Published by : www.bunafit-komputer.com

4

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
Published by : www.bunafit-komputer.com
5

Suport by : www.planetKode.Com

Penerbit MediaKita, Jakarta

Terbitan Penerbit ANDI, Yogyakarta
Published by : www.bunafit-komputer.com
6

Suport by : www.planetKode.Com

Terbitan Alif Media, Yogya

Published by : www.bunafit-komputer.com

7

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.
Published by : www.bunafit-komputer.com
8

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 <b> <i> <u> <p> End Tag </b> </i> </u> </p> Keterangan Mencetak karakter menjadi tebal Mencetak karakter menjadi miring Mencetak karakter menjadi bergaris bawah Membuat paragraf

Published by : www.bunafit-komputer.com

9

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 scr=”..”> Tag yang digunakan untuk memasukkan file 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 <br> & White Space Tag WML <br/> &amp; &nbsp; Keterangan Untuk membuat Break Lines/ ganti baris Untuk membuat karakter & 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:
Published by : www.bunafit-komputer.com
11

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.
Published by : www.bunafit-komputer.com
12

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
Published by : www.bunafit-komputer.com
13

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 </card> title=”Judul WAP”>

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>

Published by : www.bunafit-komputer.com

14

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:
Published by : www.bunafit-komputer.com
15

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:

Published by : www.bunafit-komputer.com

16

Suport by : www.planetKode.Com

Gambar 2 Tanpa menggunakan icon Back Menuliskan Isi Program Di dalam pemrograman WML, 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">
Published by : www.bunafit-komputer.com
17

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:

Published by : www.bunafit-komputer.com

18

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>
Published by : www.bunafit-komputer.com
19

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

Published by : www.bunafit-komputer.com

20

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:

Published by : www.bunafit-komputer.com

21

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>
Published by : www.bunafit-komputer.com
22

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:

Published by : www.bunafit-komputer.com

23

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:

Published by : www.bunafit-komputer.com

24

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:

Published by : www.bunafit-komputer.com

25

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:
Published by : www.bunafit-komputer.com
26

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:
Published by : www.bunafit-komputer.com
27

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:

Published by : www.bunafit-komputer.com

28

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:
Published by : www.bunafit-komputer.com
29

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"
Published by : www.bunafit-komputer.com
30

Suport by : www.planetKode.Com

"http://www.wapforum.org/DTD/wml13.dtd" > <wml> <card id="halaman1" <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> ontimer="#halaman2">

Akhir Listing
Published by : www.bunafit-komputer.com
31

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" <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> ontimer="#halaman2">

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>
Published by : www.bunafit-komputer.com
32

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
Published by : www.bunafit-komputer.com
34

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

Published by : www.bunafit-komputer.com

35

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>

Published by : www.bunafit-komputer.com

36

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:

Published by : www.bunafit-komputer.com

37

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:

Published by : www.bunafit-komputer.com

38

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:

Published by : www.bunafit-komputer.com

39

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.
Published by : www.bunafit-komputer.com
40

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;:
Published by : www.bunafit-komputer.com
41

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

Published by : www.bunafit-komputer.com

42

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:

Published by : www.bunafit-komputer.com

43

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"/>
Published by : www.bunafit-komputer.com
44

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>
Published by : www.bunafit-komputer.com
45

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:

Published by : www.bunafit-komputer.com

46

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\
Published by : www.bunafit-komputer.com
47

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"?>');
Published by : www.bunafit-komputer.com
48

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>";
Published by : www.bunafit-komputer.com
49

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:
Published by : www.bunafit-komputer.com
50

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">
Published by : www.bunafit-komputer.com
51

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:
Published by : www.bunafit-komputer.com
52

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)

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

Published by : www.bunafit-komputer.com

53

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
Published by : www.bunafit-komputer.com
54

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)

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.
Published by : www.bunafit-komputer.com
55

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>
Published by : www.bunafit-komputer.com
56

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
Published by : www.bunafit-komputer.com
57

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)

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 "?>');
Published by : www.bunafit-komputer.com
58

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 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) {
Published by : www.bunafit-komputer.com
59

</b></big>";

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>";
Published by : www.bunafit-komputer.com
60

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:

Published by : www.bunafit-komputer.com

61

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:

{ 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.
Published by : www.bunafit-komputer.com
62

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>
Published by : www.bunafit-komputer.com
63

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:

Published by : www.bunafit-komputer.com

64

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/>";
Published by : www.bunafit-komputer.com
65

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

Published by : www.bunafit-komputer.com

66

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. or \g. Commands end with ;

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.
Published by : www.bunafit-komputer.com
67

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)

Published by : www.bunafit-komputer.com

68

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">
Published by : www.bunafit-komputer.com
69

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/>";
Published by : www.bunafit-komputer.com
70

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";

Published by : www.bunafit-komputer.com

71

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
Published by : www.bunafit-komputer.com
72

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
Published by : www.bunafit-komputer.com
73

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:

Published by : www.bunafit-komputer.com

74

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">
Published by : www.bunafit-komputer.com
75

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/>"; }

Published by : www.bunafit-komputer.com

76

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:

Published by : www.bunafit-komputer.com

77

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',
Published by : www.bunafit-komputer.com
78

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:

Published by : www.bunafit-komputer.com

80

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"?>');

Published by : www.bunafit-komputer.com

81

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\"> </a>]<br/>"; }
Published by : www.bunafit-komputer.com
82

Masukkan </a>]";

echo "[ <a href=\"buku_tampiltamu.php\"> Tampilkan

Suport by : www.planetKode.Com

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

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');

Published by : www.bunafit-komputer.com

83

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\"> </a>]"; Masukkan

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\"> </a><br/>"; } Masukkan data

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:

Published by : www.bunafit-komputer.com

84

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');
Published by : www.bunafit-komputer.com
85

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/>";
Published by : www.bunafit-komputer.com
86

Suport by : www.planetKode.Com

echo "Tgl }

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

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

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:
Published by : www.bunafit-komputer.com
87

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:

Published by : www.bunafit-komputer.com

88

Suport by : www.planetKode.Com

Gambar 33 Menampilkan data bukutamu

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

Published by : www.bunafit-komputer.com

89

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 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)

1

2

Program Skripsi Web Toko Buku Online : Sistem Informasi 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 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
Published by : www.bunafit-komputer.com
92

4

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 )

7

Program Skripsi Web Toko Pakaian (Distr o) Online : Sistem 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. 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 )

8

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. 10 Harga Script Web contoh skripsi ini : Rp. 300.000,-. 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
Published by : www.bunafit-komputer.com
95

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 Isi Surat Pesan Program eCommerce ..... Pesan surat Anda di sini ...........
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 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.
Published by : www.bunafit-komputer.com
97

1

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) 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
Published by : www.bunafit-komputer.com
98

2

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. 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,-.
Published by : www.bunafit-komputer.com
99

3

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 )

Published by : www.bunafit-komputer.com

100

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. 5 Harga Script Web contoh skripsi ini : Rp. 350.000,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
6 PHP dan MySQL serta gaya pemrograman OOP. Program 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,-.
Published by : www.bunafit-komputer.com
101

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 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 )
Published by : www.bunafit-komputer.com
102

7

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
9 dengan PHP dan MySQL. Studi kasus dari program ini 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.
Published by : www.bunafit-komputer.com
104

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
Published by : www.bunafit-komputer.com
105

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,-

Published by : www.bunafit-komputer.com

107

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.

Published by : www.bunafit-komputer.com

108

Suport by : www.planetKode.Com

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

Published by : www.bunafit-komputer.com

109

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
Published by : www.bunafit-komputer.com
110

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.

Published by : www.bunafit-komputer.com

111

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

Published by : www.bunafit-komputer.com

112

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
Published by : www.bunafit-komputer.com
113

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->