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

Suport by : www.planetKode.Com

Published by : www.bunafit-komputer.com 1

www.planetKode.Com

www.bunafit-komputer.com



Menjual Source Code Website

1

Contoh Program Skripsi: Sistem InformasiPemesanan Tiket Pesawat berbasis WAP : Dibuatdengan PHP, MySQL dan WML . Program ini dibuatseperti Web di dalam HP (HandPhone) yang di dalamnyamenampilkan daftar jadwal penerbang an. Setelah menjadi anggota,Anda dapat melakukan Reservasi (pememsanan) tiket berdasarkanpesawat dan tujuan, serta tanggal keberangkatan.

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

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

2

Contoh Program Skripsi: Sistem InformasiPemesanan Kamar Hotel berbasis WAP : Dibuat denganPHP, MySQL dan WML. Program ini menyajikan daftar kamar danharga sewanya. Anda dapat melakukan pemesanan kamar melaluiPonsel Anda dengan mudah.


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)

3

Contoh Program Skripsi: Sistem InformasiPenjualan Barang berbasis WAP : Dibuat dengan PHP,MySQL dan WML. Program ini dibuat dengan studi kasus penjualanaksesori komputer.


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 diatas akan dikirim ke Email Anda.

Untuk mendapatkan No Rekening transfer, silahkan kirim emailseperti contoh.

Atau, kirim SMS ke nomor 0838 6716 1314

www.planetKode.Com




Koleksi Buku dari Penerbit GAVAMEDIA , YogyakartaPenulis : 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,-

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

www.planetKode.Com




Penerbit MediaKita, Jakarta

Terbitan Penerbit ANDI, Yogyakarta

http://buku-ta.blogspot.com

www.planetKode.Com




Terbitan Alif Media, Yogya

www.planetKode.Com




Dasar Membangun WebsiteBerbasis Mobile ( Web di

Handphone) berbasis WAPdengan WML, PHP dan

MySQL( Penulis: Bunafit Nugroho )

Sebagai dasar untuk memahami pemrograman WAP, khususnyapemrograman WML dan PHP, maka pada bab in i Kami akan mencobamenuntun Anda untuk memperkenalkan beberapa fungsi dan sintaksyang digunakan pada pemrograman WML dan PHP.

Karena buku ini tidak mengarah pada buku teks, maka pembahasankedua program tersebut tidak begitu detail, karena menyangkutpembahasan inti yang akan dibahas sangat banyak.

Setelah selesai mempelajari semua pembahasan pada bab ini, Andaakan mampu untuk menggunakan berbagai tags WML dan PHP. Danpada bagian akhir dari bab ini Anda akan Kami bimbing untuk dapatmembuat berbagai aplikasi WAP dinamis menggunakan WML dan PHP.

Memahami Pemrogrmannan WMLSebelum melangkah pada pembahasan yang lebih mendalam, sebaiknyaAnda membaca dulu beberapa hal yang dibahas pada subbab ini.Sehingga pada pembahasan selanjutnya Anda tidak akan merasakebingungan. Selain itu, Anda juga dapat mendeteksi berbagai kesalahanyang mungkin akan terjadi pada pengaksesan program WAP.

www.planetKode.Com


Mengenal Pemrograman WMLTentunya Anda telah mengerti dengan WEB, yaitu sebuah aplikasi

berteknologi internet yang dijalankan pad a halaman browser (InternetExplorer, Mozila, Opera, Netscape dll) di internet. Pada teknologi Web,program dasar yang digunakan untuk membuat halaman -halaman Webmenggunakan tags-tags HTML (HyperText MurkUp Language).

WAP (Wireless Aplication Protocol) me rupakan teknologi yangmirip Web, akan tetapi halaman-halaman program WAP tidakdijalankan pada Browser seperti pada web. melainkan akandiaplikasikan pada Handphone (Telepon Cellular).

Perbedaannya, pada WEB jenis pemrograman dasar yangdigunakan adalah HTML, sedangkan pada WAP menggunakanpemrograman dasar yang bernama WML (Wireless Murkup Language).

Dilihat dari namanya, maka jenis pemrograman WML memilikitags-tags yang mirip dengan HTML. Teknik pemrogramannya masihmenggunakan Murkup. Tentunya A nda masih ingat, bahwa semuapemrograman yang tekniknya Murkup akan memiliki struktur yangdimulai dengan Start Tag dan diakhiri dengan End Tag. Yang dimaksuddengan Start Tag dan End Tag dapat Anda lihat pada daftar tabelberikut:

Tabel 1 Penggambaran Start tag dan End Tag

Start Tag End Tag Keterangan

 Mencetak karakter menjadi tebal

 Mencetak karakter menjadi miring

 Mencetak karakter menjadi bergarisbawah

 Membuat paragraf

www.planetKode.Com

Dengan melihat penggambaran yang ada di da lam Tabel 1.1, tentunyaAnda sekarang telah memahami teknik penulisan pemrograman WML.Sangat mirip dengan HTML bukan ?

Script Client WAP

Seperti halnya di dalam pemrograman WEB yang menggunakanScript JavaScript sebagai script yang mampu berjalan pada sis i Client.Di dalam pemrograman WAP Anda juga dapat menggunakan tekniktersebut dengan menggunakan bahasa WMLS. Program WMLS (WMLScript) juga merupakan bahasa scripting yang berjalan pada komputerClient. Sehingga Kita dapat membuat program dengan tampilan yanglebih dinamis.

Perbedaan Antara WML dan HTML

Telah dikatakan sebelumnya bahwa untuk kedua pemrogramanWML dan HTML tidak memiliki perbedaan penulisan, yaitu memilikikesamaan dalam menggunakan Start tag dan End tag. Di dalampemrograman WAP Anda juga akan menggunakan beberapa Tag yangdimiliki HTML. Akan tetapi hal tersebut bukan berarti pemrogramanWML menggunakan bahasa HTML, akan tetapi pemrograman WMLyang memiliki kemiripan tag dengan program HTML.

Sehingga bagi Anda yang sebelumnya telah memaham i tag-tagHTML akan mempermudah perjalanan Anda dalam mempelajaripemrograman WML. Akan tetapi tidak semua tag yang dimiliki olehHTML digunakan pada WML. Hanya beberapa tags saja yangdigunakan pada WML, misalnya seperti pada tabel berikut:

Tabel 2 Beberapa tag HTML yang digunakan WML

Tag HTML Keterangan

<a href=”...”> Tag untuk membuat hyperlink

<imgscr=”..”>

Tag yang digunakan untuk memasukkan filegambar kedalam program

www.planetKode.Com

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

Dari beberapa kesamaan penggunaka n tag di atas, WML memilikibeberapa perbedaan yang sangat mendasar dan tag -tag ini tidak dapatdilanggar. Perbedaan tersebut dapat Anda lihat pada tabel berikut:

Tabel 3 Perbedaan Tag HTML dan WML

Tag HTML Tag WML Keterangan

 Untuk membuat BreakLines/ ganti baris

& & Untuk membuat karakter&

White Space Untuk membuat Spasikosong

Cara Menuliskan WML

Cara menuliskan program WML memang agak sedikit berbedadengan HTML. Yang membedakan hanyalah pengenal bahwa scripttersebut adalah program WML. Hal tersebut mirip dengan programHTML yang setiap kali menuliskan secriptnya harus menggunakan tag<HTML> dan diakhiri dengan tag </HTML>. Begitu juga denganWML, untuk menuliskannya Kita dapat memulainya dengan tag <wml>dan diakhiri dengan tag </wml>.

Program WML ditulis ke dalam versi XML, sehingga setiap kalimenuliskan Anda harus mendeklarasikannya ke dalam bentuk XML. Haltersebut merupakan kewajiban, apabila tidak maka Emulator atauHandphone tidak dapat mengenalinya. Struktur penulisa n program WAPdapat Anda ketahui seperti penggambaran berikut:

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 menuliskansemua 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 HTML yang dapat dijalankan secaralangsung tanpa menggunakan server. Berbeda dengan script WML,untuk menjalankan program ini Anda harus meletakkannya pada webserver. Walaupun WML bukan merupakan program yang membutuhkanprogram Interpreter, akan tetapi syar at program WML dijalankan harusberada pada Web Server.

Pada semua contoh kasus yang dipelajari pada buku ini akandisimpan menggunakan Web Server Apache. Sehingga agar web serverAnda berfungsi untuk menangani program WAP, Anda harus melakukankonfigurasi terlebih dahulu.

Dasar Pemrograman WMLSebagai dasar pemrograman WAP, maka pada subbab ini Anda

akan Kami bimbing untuk mengenal beberapa tag WML yang seringakan Kita gunakan. Sehingga pada saat Anda belajar membuat programWAP yang lebih mendalam, Anda tidak akan merasa kebingungan.

www.planetKode.Com

Menyimpan File WML

Secara standar, pemrograman WML akan disimpan denganmenggunakan ekstensi .wml. Akan tetapi apabila Anda hendak membuatprogram WAP dinamis, misalnya menggunakan pemrograman PHP,maka program dapat disimpan dengan menggunakan ekstensi .php.

Sebenarnya semua teknik penyimpanan file program di atas sangatmirip dengan pemrograman Web, yaitu menyimpan file program HTMLdengan menggunakan ekstensi .html atau .htm. Sedangkan apabilahendak menjadikan program Web menjadi dinamis dengan PHP harusmenggunakan ekstensi .php untuk menyimpannya.

Memulai Tag WML

Semua jenis pemrograman pastilah memiliki aturan tersendiriuntuk menuliskan code programnya. Seperti yang telah dikatakansebelumnya, bahwa program WML ditulis ke dalam teknik XML(eXtensible Murkup Language). Sehingga, untuk menuliskan programWML harus didahulu dengan tag berikut:


Selanjutnya, setelah pengenal XML di atas harus dikenalkan dengankonsorsiumnya, 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 melanjutkandengan tag WML. Seperti pada program HTML, pada WML juga

www.planetKode.Com


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

memiliki tag pengenal bahwa script didalamnya adalah WML, caranyaadalah 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 makaorang akan paham bahwa yang diakses adalah halaman tersebut (yangdituliskan pada tag title).

Untuk membuat judul halaman, WML memiliki tag yang bernama<card>, berikut adalah cara penulisannya:

<card title=”Judul WAP”>

</card>

Sebagai contoh, Anda dapat melihat listing program berikut:

Listing Program dasarwml/title.wml


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

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

<wml>

<card title=".:: Belajar WAP ::.">

</card>

</wml>

www.planetKode.Com

Akhir Listing

Pada contoh program di atas Kita membuat program WAP dengan judulpengenal “.:: Belajar WAP ::.” Sehingga bentuk tampilan setelahprogram 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 yangterletak pada sisi bawah kanan, pada bagian tersebut terdap at icon yangbertuliskan Back. Icon tersebut selain sebagai icon juga menjadi tomboluntuk kembali pada halaman program sebelumnya.

Dengan memberikan parameter khsusus pada tag <card> Kitadapat menghidden atau menghilangkan icon tersebut. Sehinggapengguna pada saat mengakses tidak dapat kembali pada halamansebelumnya. Sebagai contoh Anda dapat melihat listing program berikut:

www.planetKode.Com

Listing Program dasarwml/hilangback.wml

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

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML1.3//EN"


<wml>

<card title=".:: Belajar WAP ::."newcontext="true">

</card>

</wml>

Akhir Listing

Listing program di atas sebenarnya akan menghasilkan bentuk tampilandan judul yang sama, akan tetapi yang membedakan dengan listingprogram sebelumnya adalah hilangnya icon Back padaemulator/handphone yang digunakan. Berikut adalah contohtampilannya:

www.planetKode.Com

Gambar 2 Tanpa menggunakan icon Back

Menuliskan Isi Program

Di dalam pemrograman WML, Anda dapat menampilkan semua isiprogram ke dalam halaman browser dengan cara meletakkannya padakolom diantara tag <card> </card>. Sebagai contoh, Anda dapat melihatseperti listing program berikut:

Listing Program dasarwml/isiprog ram.wml




<wml>




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.



</card>

</wml>

Akhir Listing

Pada listing program di atas, untuk memulai menuliskan teks di dalamhalaman WAP, maka Anda harus memulainya dengan tag dan diakhiridengan tag . Dengan menggunakan kedua tag ini, maka teks yangditampilkan akan berbentuk paragraf. Sehingga tampilan program di atasakan tampak seperti gambar berikut:

www.planetKode.Com

Gambar 3 Menampilkan teks di dalam WAP

Menggunakan Tag Break Lines

Pada pemrograman HTML, untuk dapat menampilkan teks yangsangat banyak, maka biasanya Kita memisahkannya dengan Break Lineatau ganti baris. Tag HTML yang digunakan untuk berganti baris adalah .

Berbeda dengan pemrograman WML, Anda tidak dapatmenggunakan tag untuk berganti baris. Di dalam WML Andadapat membuat Break Lines dengan cara menuliskan tag . Berikutadalah contohnya:

Listing Program dasarwml/beraklines.wml




<wml>




Ini adalah program pertama saya 

saat ini saya sedang belajar bahasapemrogramman 

WML dan PHP bersama Mas Bunafit Nugroho. 

Semoga saya dapat mengambil ilmunya mas Bunafit. 



www.planetKode.Com

</card>

</wml>

Akhir Listing

Dengan menggunakan tag , maka program Anda akanmenampilkan isi teks dalam beberapa baris. Tampilannya dapat Andalihat 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, miringdan bergaris bawah sangat mudah dilakukan. Caranya adalah dengan

www.planetKode.Com

menggunakan tag .. untuk huruf tebal, tag ..untuk huruf miring dan tag .. untuk huruf bergaris bawah.

Listing Program dasarwml/tekstebal.wml


<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML1.3//EN"


<wml>




Teks dicetak tebal 

Teks dicetak miring 

Teks dicetak garis bawah 



</card>

</wml>

Akhir Listing

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

www.planetKode.Com

Gambar 5 Teks tebal, miring dan bergaris bawah

Membuat Huruf Berkarakter Besar

Pada pemrograman WAP sering menggunakan dua bentuk teksyang ditampilkan, yaitu teks yang ditampilkan dengan bentuk besar dankecil. Untuk membuat teks dengan karakter besar, WML memilki tagbernama <big>. Cara penggunaanya adalah:

<big> Teks besar </big>

Dalam penulisannya, biasanya tag <big> biasa dikolaborasikan dengantag . Dengan menggunakan kedua tag tersebut, maka teks yangditampilkan menjadi bercetak tebal dan berbentuk besar. Berikutcontohnya:

<big> Teks besar </big>

www.planetKode.Com

Sebagai contoh, Anda dapat membuat progr am yang menampilkan teksbesar seperti listing berikut:

Listing Program dasarwml/teksbesar.wml




<wml>




<big>

Teks ini ditulis dengan menggunakan karakter besar

</big>



</card>

</wml>

Akhir Listing

Setelah dijalankan, maka program di atas akan menampilkan bentuk teksseperti yang tampak pada gambar berikut:

www.planetKode.Com

Gambar 6 Menggunakan karakter besar

Membuat Huruf Berkarakter Kecil

Selain karakter besar, Kita juga dapat menyajikan isi WAP dengankarakter yang berbentuk kecil. Untuk membuatnya, WML telahmenyiapkan tag yang bernama . Cara menuliskannya dapatdilihat di bawah:

 Teks kecil 

Sebagai latihan, Anda dapat membuat program dengan dua bentuktampilan, yaitu karakter besar dan kecil. Sehingga Anda dapatmembedakan kedua bentuk tipe karakter tersebut. Beri kut adalahcontohnya:

www.planetKode.Com

Listing Program dasarwml/tekskecil.wml




<wml>




<big>

Teks ini ditulis dengan menggunakan karakter besar

</big>

 



Teks ini ditulis dengan menggunakan karakter kecil





</card>

</wml>

Akhir Listing

Program di atas terdapat dua bentuk tipe teks, yang pertamaditampilkan dalam bentuk besar dan yang kedua dalam bentuk teks kecil.

Sehingga apabila dijalankan akan memiliki perbedaan seperti gambarberikut:

www.planetKode.Com

Gambar 7 Membuat karakter kecil

Menggunakan Gambar

Tampilan WAP tidak akan tampak dinamis dan menarik apabilaisinya ditampilkan secara monoton. Supaya halaman WAP tidak tampakmonoton, maka Kita dapat menghias halaman WAP dengan berbagaigambar di dalamnya.

Dalam menggunakan gambar, Anda tidak dapat langsungmemasukkan gambar yang Anda temukan ke dalam program WAPAnda. Melainkan gambar yang hendak digunakan harus dikonversiterlebih dahulu dari bentuk warna menjadi bentuk gambar monochrom.Apabila Anda belum mengetahuinya, bahwa monochrom merupakangambar tanpa warna, atau hanya berwarna hitam dan putih.

Untuk mengkonversi, gambar tersebut sebaiknya disimpan kedalam file yang bernama namafile.wbmp. Untuk memasukkan gambar didalam halaman WAP, Anda dapat menggunakan tag <imgscr=”..”>, caranya seperti sintaks berikut:

www.planetKode.Com

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

Sebagai contoh, Anda dapat membuat program dengan memasukkangambar bernama pesawat.wbmp ke dalam program WAP. Perhatikanlisting program berikut:

Listing Program dasarwml/gambar.wml




<wml>




<big>Ini Pesawat</big> 

<img src="pesawat.wbmp" alt="Pesawat"></img>



</card>

</wml>

Akhir Listing

Dengan menggunakan contoh script di atas, maka gambar dengannama file pesawat.wbmp ditampilkan pada bagian halaman sebelah kiri.Dan atribuat alt yang berisi “Pesawat” akan ditampilkan saat gambaryang dimaksud tidak ditemukan.

Setelah program di atas dijalankan, maka akan menghasilkan bentukkeluaran seperti gambar berikut:

www.planetKode.Com

Gambar 8 Menggunakan gambar

Menggunakan Hyperlink

Hyperlink merupakan teknik merelasikan halaman WAP yang satudengan halaman yang lain di dalam satu modul. Hyperlink seringdigunakan di dalam membuat apikasi WAP. Pengertian hyperlink didalam 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 denganHTML, yaitu menggunakan tag <a href=” “>. Cara penggunaannyadapat Anda lihat pada sintaks berikut:

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

Pada pembuatan hyperlink di atas, Anda dapat menggunakan pemicunyadengan bentuk teks maupun gambar. Contohnya pada listing berikut:

www.planetKode.Com

Listing Program dasarwml/hyperlink.wml




<wml>




Pilih Menu 

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

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



</card>

</wml>

Akhir Listing

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

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

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

Dengan menggunakan dua pemicu yang dijadikan hyperlink, maka Andaakan mendapatkan tampilan WAP yang tampak seperti menu. Apabiladijalankan, maka program di atas akan menghasilkan seperti gambarberikut:

www.planetKode.Com

Gambar 9 Membuat Hyperlink pada menu

Membuat Splash Window

Splash window merupakan salah sa tu teknik pemrograman wapyang digunakan untuk membuat loading halaman. Loading (programtunggu) akan sangat diperlukan apabila Anda ingin membuat programyang membutuhkan waktu akses yang beberapa detik lebih lama.

Untuk membuat program loading, WML telah menyediakan atributyang berguna untuk melakukan pengaturan waktu panggil. Atributtersebut dapat dipasangkan dengan tag <card>. Contohnya dapat Andalihat pada listing program berikut:

Listing Program dasarwml/splashwindow.wml



www.planetKode.Com

<wml>

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

<timer value="10"/>



<big>[Loading Pages]</big> 

 



:: CENTRANET TEAM :: 

Software - Web Developer



 



</card>

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

ontimer="hyperlink.wml" newcontext="true">

<timer value="5"/>





 

Tunggu sebentar ya om..





</card>

</wml>

Akhir Listing

www.planetKode.Com

Pada listing program di atas, pertama kali saat file splashwindow.wmldijalankan akan memanggil card pertama, yaitu script :

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

<timer value="10"/>



<big>[Loading Pages]</big> 

 



:: CENTRANET TEAM :: 

Software - Web Developer



 



</card>

Selanjutnya dalam waktu 10 detik :

<timer value="10"/>

Program akan memanggil card kedua (ontimer="#halaman2"), yaituyang telah diberikan pengenal sebagai id halaman2 (id="halaman2").

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

ontimer="hyperlink.wml" newcontext="true">

<timer value="5"/>





www.planetKode.Com

Tunggu sebentar ya om..





</card>

Setelah sampai pada card kedua, maka card kedua juga melakukanpengecekkan atribut yang ada di dalamnya. Karena pada atribut ontimerdiset pada alamat hyperlink.wml, maka program akan segera mengecekberapa waktu yang akan dibutuhkan. Dalam waktu 5 detik (<timervalue="5"/>), maka program akan segera merevers pada halamanhyperlink.wml. Untuk membuktikannya, Anda harus menjalankan programdi atas. Perhatikan hasilnya berikut:

Gambar 10 Halaman Utama Loading

Suport by : http://planetKode.Com ,

www.planetKode.Com

Bekerja dengan FormForm merupakan sebuah media interaksi yang selalu digunakan

pada pemrograman WAP untuk membuat program menjadi lebihinteraktif. Dengan menggunakan form dan disertai dengam programpengaksesnya, maka halaman WAP dapat berinteraksi dengan userpengakses. Berikut pembahasannya.

Menggunakan Teks InputUntuk membuat form masukan berupa teks, WML menyediakan

tag yang menyerupai tag HTML untuk input data. Jenis masukan inibertipe text, sehingga Kita dapat memasukkan data didalamnya.

Berbeda dengan aplikasi Web, pada pemrograman HTML Kitadapat langsung membuat media input secara la ngsung. Akan tetapi padaaplikasi WAP Kita harus mendefinisikan terlebih dahulu supaya dapatdibaca sebagai data WAP.

Caranya, pertama kali Kita dapat membuat deklarasi form denganmenggunakan tag <do> dan <go>. Tag <do> akan Kita gunakan sebagaialamat dari form tersebut. Pada HTML, tag <do> hampir samafungsinya dengan tag masukan berbentuk tombol. Berikut adalah carapenulisannya:

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

.....

</do>

Selanjutnya di dalam tag <do> dapat dimasukkan tag <go> yang di dalampemrograman HTML hampir sama fungsinya dengan tag <form ...>. Tag

http://planetKode.Com

www.planetKode.Com

<go> memiliki fungsi untuk mendefinisikan pengalamatan transfer data.Berikut adalah penulisannya:


<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 membuatkomponen form yang berfungsi sebagai media masukan data. Untukmembuatnya, Anda dapat menggunakan tag -tag masukan yang digunakanoleh HTML. Perhatikan contohnya berikut:

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

format=”bentuk_data"/>

Sebagai latihan, maka Anda dapat membuat contoh programnya sepertilisting di bawah ini:

Listing Program dasarwml/formteks.wml

www.planetKode.Com

<wml>





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

Form Masukkan Berita 

Judul :

<input type="text" name="in_judul" maxlength="25"

format="25a"/>

Berita :

<input type="text" name="in_berita" maxlength="100"

format="100a"/>

Tanggal :

<input type="text" name="in_tanggal" maxlength="10"

format="10a"/>



</card>

</wml>

www.planetKode.Com



Akhir Listing

Dengan menggunakan bentuk masukan di atas, ma ka apabila dijalankanakan menghasilkan bentuk tampilan seperti gambar berikut:

Gambar 11 Tampilan form masukan

Apabila hendak memasukkan data, maka Anda dapat menekan tombolEnter pada keyboard. Sehingga sekarang akan dihadapakan pada bentukpilihan berikut:

www.planetKode.Com




Gambar 12 Pilihan untuk masukan atau eksekusi

Untuk mengisikan data, dari bentuk tampilan di atas anda dapat memilihIcon Edit atau dengan menekan tombol Enter pada keyboard. Sehinggaanda akan segera dihadapkan pada teks editor. Perhatikan gam barberikut:

www.planetKode.Com




Gambar 13 Helaman teks editor untuk menuliskan data

Setelah semua data selesai diketikkan, maka Anda dapat melanjutkandengan mengklik ikon OK (jika menggunakan handphone) atau denganmenekan 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 dapatmemilih ikon Option atau dengan menekan tombol Enter (apabilamenggunakan emulator). Sehingga tampilannya menjadi seperti gambarberikut:

www.planetKode.Com


Gambar 15 Menu pilihan

Supaya semua isi data yang telah dimasukkan pada form di atasdieksekusi, maka Anda harus memilih menu Simpan. Menu simpantersebut ditampilkan dari label tag <do> berikut ( <dotype="accept" label="Simpan">).

Apabila memilih menu Simpan, maka program akan segera membawasemua data yang dimasukkan ke dalam halaman eksekusi. Programeksekusi tersebut dideklarasikan pada tag berikut:

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

Sehingga program sim_formteks.php akan mengeksekusi semua datanyadengan membaca variabel judul, berita dan tanggal.

Menggunakan Teks Password

Dalam membuat program login, Kita sering menggunakan mediainput yang datanya tidak ditampilkan secaranya nyata. Akan tetapi akanditampilkan dengan bentuk karakter sam aran seperti bintang atau yanglainnya.

www.planetKode.Com

Anda dapat membuat form login dengan menggunakan mediamasukan bertipe Password. Teknik membuatnya sama dengan carasebelumnya, 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 denganmenggunakan dua media masukan, yaitu username dan password.Lihatlah contohnya pada listing program berikut:

Listing Program dasarwml/formpassword.wml




<wml>





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

<postfield name="username" value="$(in_user)"/>

<postfield name="password" value="$(in_pass)"/>

</go>

</do>

Form Login Anggota 

Username :

www.planetKode.Com

<input type="text" name="in_user" maxlength="25"

format="25a"/>

Password :

<input type="password" name="in_pass" maxlength="25"

format="25a"/>



</card>

</wml>

Akhir Listing

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

Gambar 16 Memasukkan data password

www.planetKode.Com

Setelah selesai memasukkan data kunci/passwordnya, maka pada int erfaceform 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 membuatprogram WAP adalah List Box. Dengan menggunakan List Box Andadapat menampilkan beberapa option di dalamnya. Biasanya List Boxdigunakan untuk menampilkan pilihan -pilihan yang sifatnya pasti dantetap, misalnya jenis kelamin, golongan darah dll.

Untuk membuatnya, Anda dapat menggunakan cara yang sama denganteknik sebelumnya. Yaitu dengan membaca pada tag <card>.Sedangkan untuk komponen masukannya dapat dibuat dengan strukturberikut:

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 siswayang di dalamnya akan tercantum pilihan jurusan yang dipilih.Perhatikan contoh berikut:

Listing Program dasarwml/formlistbox.wml




<wml>





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

Data mahsiswa 

Nomor MHS :

<input type="text" name="in_nomhs" maxlength="25"

format="25a"/>

www.planetKode.Com

Nama :

<input type="text" name="in_nama" maxlength="25"

format="25a"/>

Jurusan :

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

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

</select>



</card>

</wml>

Akhir Listing

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

<select name="in_jurusan">

<option value="TI">TeknikInformatika</option>

<option value="SI">SistemInformasi</option>

<option value="TK">Teknik Komputer</option>

<option value="KA">KomputerAkutansi</option>

www.planetKode.Com

<option value="MI">ManajemenInformatika</option>

</select>

Apabila dijalankan, maka listing program di atas akan menampilkanbentuk seperti gambar berikut:

Gambar 18 Tampilan Form dengan List box

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

www.planetKode.Com



Gambar 19 Tampilan masuk pada komponen List box

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

Gambar 20 Tampilan menu List Box\

www.planetKode.Com


Script PHP di Dalam WMLUntuk membuat aplikasi WAP yang berjalan dinamis, maka Anda

dapat mengkolaborasikan script WML dengan pemrograman PHP.Seperti halnya dengan aplikasi Web, PHP merupakan salah satu bahasapemrograman yang mampu menciptakan program web menjadi lebihdinamis.

Dengan menggunakan program PHP, Anda tidak hanya membuatprogram WAP dengan tampilan yang statis. Akan tetapi Anda dapatmengakses database seperti MySQL. Dengan menggunakan databaseterebut, Anda dapat menyimpan data-data berita didalamnya, danmenampilkannya pada halaman browser.

Embeded PHP

PHP (PHP Hypertext Preprocesor) merupakan bahasapemrograman yang tergolong ke dalam jenis Interpreter. Untukmenjalankan scriptnya, program ini harus diletakkan pada dire ktori rootpada web server. Pada pembahasan ini Kita masih akan menggunakanApache sebagai web servernya.

Script PHP sangat mudah digunakan, salah satunya adalah bahwascript PHP dapat berjalan secara embeded di dalam tag -tag WML. Untukmembuat program WAP berbasis PHP, maka pada setiap halaman harusAnda kenalkan bahwa program tersebut adalah script WAP. Caranyaadalah dengan memberikan header pengenal berikut:

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

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

echo('<?xml version="1.0"?>');

www.planetKode.Com

echo('<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML1.1/EN">');

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

Yang perlu Anda ingat, bahwa untuk membuat programWAP yang dinamis dengan PHP, maka penyimpanan fileprogramnya juga harus menggunakan ekstensi .php.

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

Listing Program wmlphp/embeded.php

<?php



echo('<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTDWML 1.1/EN">');

echo "<wml>";

echo "<card title=\".:: Dasar PHP WML ::.\"

newcontext=\"true\">";

echo " Menggunakan PHP ";

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




?>

<wml>

<card title=".:: Dasar PHP WML ::." newcontext="true">

 Menggunakan PHP 

</card>

</wml>

Akhir Listing

Kedua listing program di atas akan mengahasilkan keluaran yang sama,perhatikan gambar berikut:

www.planetKode.Com

Gambar 21 Program PHP dan WML sederhana

Menampilkan Data

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

Listing Program wmlphp/menampilkan -data.php




?>

<wml>




www.planetKode.Com

<big>

<?php

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

echo " Selamat datang PHP dan WML ";

echo "Sekarang tanggal $tanggal";

?>

</big>



</card>

</wml>

Akhir Listing

Listing program di atas Kita berniat untuk menampilkan data tanggalsekarang. Fungsi yang digunakan adalah date, kemudian hasil daritanggal akan disimpan pada variabel $tanggal. Perhatikan scriptberikut:

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

Selanjutnya data yang ada di dalam variebal $tanggal akan ditampilkandalam browser/emulator. Perintahnya adalah:

echo "Sekarang tanggal $tanggal";

Dengan menggunakan cara di atas, maka emulator akan menampilkandata tanggal yang berjalan sekarang. Perhatikan hasilnya seperti gambarberikut:

www.planetKode.Com



Gambar 22 Menampilkan data tanggal

Logika If

If merupakan operator PHP yang digunakan untuk membuat kondisi dengansatu pilihan, bentuk penulisannya adalah:

if(ekspresi)

{ pernyataan }

Pada sintaks di atas, kondisi akan mengerjakan kolom pernyataan apabilaekpresinya bernilai benar. Apabila ekspresi bernilai salah, maka programtidak mengerjakan apa-apa. Contohnya Anda dapat melihat listing programberikut:

Listing Program wmlphp/logikaif.php

www.planetKode.Com


<?php




?>

<wml>






<?php

$gaji=30000;

if ($gaji <= 350000)

{

echo " <big>";

echo "Gaji Rp.$gaji,- tidak memenuhi UMR Jogja";

echo " </big>";

}

?>





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

www.planetKode.Com



dalam kalang akan dikerjakan. Apabila tidak program berhenti. Denganlogika di atas, maka hasilnya adalah:

Gambar 23 Hasil pembuatan kondisi if

Logika If-Else

If-else merupakan operator yang dapat digunakan untuk membuatkondisi dengan dua pilihan. Perhatikan sintaks berikut:

if(ekspresi)

{ pernyataan 1}else { pernyataan 2 }

Dari sintaks di atas, apabila ekspresi bernilai benar, maka programakan mengerjakan operasi yang ada di dalam pernyataan1. sedangkanapabila ekspresinya salah program akan mengerjakan operasi yang adadi dalam pernyataan 2. Sebagai contoh Anda dapat melihat pada listingprogram sederhana berikut.

www.planetKode.Com


Listing Program wmlphp/logikaif -else.php

<?php




?>

<wml>






<?php

$gaji=450000;

if ($gaji >= 350000)

{


echo "Gaji Rp.$gaji,- memenuhi UMR Jogja";

echo "</big>";

}

else

{


echo "Gaji Rp.$gaji,- tidak memenuhi UMR Jogja";

echo "</big>";

}

?>





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 yangdigunakan adalah “ Apabila nilai dari variabe l $gaji lebih besar atausama dengan 350000, maka gaji tersebut telah memenuhi UMR (UpahMinimum Regional) Jogja. Sedangkan apabila tidak memenuhi syarattersebut, maka gaji tersebut tidak memnuhi UMR Jogja”. Apabiladijalankan, maka bentuk tampilannya ada lah.

Gambar 24 Hasil program if-else

Logika If-Else-If

www.planetKode.Com

If-else-if merupakan bentuk operator yang paling lengkap diantaraoperator if sebelumnya. Dengan menggunakan operator tersebut, makaAnda dapat membuat program dengan banyak pilihan (multiple choi ce).Perhatikan teknik penulisannya:

if(ekspresi 1)

{ pernyataan 1}else if(ekspresi 2)

{ pernyataan 2 }else { pernyataan 3 }

Pada sintaks di atas dapat dijelaskan proses berjalannya program sebagaiberikut:

1. Pertama kali kondisi melakukan pemeriksaan pada ekspresi 1, apabilabenar maka pernyataan 1 akan dikerjakan.

2. Apabila ekspresi 1 bernilai salah, maka program akan memeriksa padaekspresi 2.

3. Apabila ekspresi 2 bernilai benar, maka pernyataan 2 akan dikerjakan.

4. Sedangkan apabila semua ekspresi 1 dan ekspresi 2 juga salah, makapernyataan 3 yang akan dikerjakan.

Sebagai contoh, Anda dapat melihat script berikut:

Listing Program wmlphp/logikaif -else-if.php

<?php



www.planetKode.Com

?>

<wml>






<?php

$bulan=date('m');

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

if ($bulan==1)

{

echo " <big> Janurai </big>";

}

else if ($bulan==2)

{

echo " <big> Februari </big>";

}

else if ($bulan==3)

{

echo " <big> Maret </big>";

}

else if ($bulan==4)

{

echo " <big> April </big>";

}

else if ($bulan==5)

{

www.planetKode.Com

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

}

else if ($bulan==6)

{

echo " <big> Juni </big>";

}

else if ($bulan==7)

{

echo " <big> Juli </big>";

}

else if ($bulan==8)

{

echo " <big> Agustus </big>";

}

else if ($bulan==9)

{

echo " <big> September </big>";

}

else if ($bulan==10)

{

echo " <big> Oktober </big>";

}


{

echo " <big> November </big>";

}


{

echo " <big> Desember </big>";

www.planetKode.Com

}

?>





</card>

</wml>

Akhir Listing

Listing program di atas digunakan untuk menampilkan nama bulan kedalam bahasa Indonesia. Pertama kali Kita menggunakan fungsi dateyang 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 12yang menampilkan teks Desember.

Dengan menggunakan program di atas, maka apabila dijalankan akanmenghasilkan bentuk keluaran seperti gambar berikut:

www.planetKode.Com



Gambar 25 Menggunakan if-else-if

Menggunakan For

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

for ($variabel1; $variabel2; $variabel3){

pernyataan

}

Sintaks di atas dapat dijelaskan bagian-bagiannya sebagai berikut:

$variabel1 : adalah variabel yang memiliki nilai awal perulangan

$variabel2 : adalah variabel yang memiliki nilai pembatas dalamperulangan.

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 fungsinyauntuk menampilkan angka dari nomor 1 sampai dengan nomor 12.

Listing Program wmlphp/looping -for.php

<?php




?>

<wml>






<?php

echo "Menampilkan bulan 1-12 ";

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

{

echo "Bulan $bulan ";

}

?>





</card>

</wml>

www.planetKode.Com



Akhir Listing

Pada listing program di atas, Kita memiliki nilai awal bernilai 1,operasiyang dilakukan adalah Post Increement ($bulan++), batasan dari operasinyaadalah selama nilai $bulan kurang dari 12. Dari program di atas, apabiladijalankan akan menghasilkan bentuk tampilan seperti gambar berikut:

Gambar 26 Menampillkan nomor 1 sampai dengan 12

Menggunakan While

While juga merupakan operator yang digunakan untuk membuatperulangan. Secara teknis, kedua bentuk operator ini memiliki kemampuanyang sama. Sintaks yang digunakan adalah:

www.planetKode.Com


while (ekspresi)

{ pernyataan

}

Pada operator di atas, Anda dapat membuat batasan perulangan padabagian ekspresi. Sedangkan pada bagian pernyataan dapat dibuat de nganbentuk isi atau dengan operasi yang akan dikerjakan.

Sebagai contoh, Anda dapat membuat bentuk pananggalan yang dimulaidari tanggal 1 sampai dengan tanggal 31. Caranya dapat Anda lihat padalisting program berikut:

Listing Program wmlphp/looping-while.php




?>

<wml>






<?php

echo "Menampilkan tanggal 1-31 ";

while ($tanggal <= 31)

{

$tanggal++;

echo "Tanggal $tanggal ";

www.planetKode.Com

}

?>





</card>

</wml>

Akhir Listing

Dengan menggunakan perulangan di atas, maka apabila listing di atasdijalankan akan menghasilkan keluaran seperti gambar berikut:

Gambar 27 Hasil perulangan dengan operator while

www.planetKode.Com



Aplikasi WAP DinamisSetelah memahami beberapa operator kondisi dan operator looping

yang dimiliki oleh PHP, maka sekarang Anda akan Kami bimbing untukdapat membuat program WAP Anda tampak dinamis.

Cara membuatnya adalah dengan menggunakan database untukmenyimpan data-datanya. Pada semua contoh program yang dibahaspada buku ini Kita menggunakan database MySQL, sehingga Andaharus lebih banyak mempelajari pen ggunaan database tersebut.

Membuat Kolom Berita

Kolom berita juga sering disebut dengan news pages. Di dalamhalaman Web mungkin telah sering Anda temui. Sekarang Kita akanmencoba mengaplikasikannya pada WAP. Untuk memudahkan pelajaranini, maka ikutilah beberapa langkah berikut:

1. Langkah pertama, masuklah pada database MySQL Anda denganmenggunakan user yang Anda miliki, sebagai contoh Kamimenggunakan user bunafit dan nugroho sebagai passwordnya.

$ mysql -u bunafit -p

Enter password: ***

Welcome to the MySQL monitor. Commands end with ;or \g.

Your MySQL connection id is 1 to server version:4.1.7-max

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

buffer.

www.planetKode.Com




mysql>

2. Buat dan aktifkan database bernama aplikasiwap, perhatikancaranya 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 untukaplikasi yang lain.

3. Sekarang buatlah tabel bernama berita. Tabel ini nantinya akandigunakan untuk mrekam data -data berita yang ditampilkan padanews 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)

);

www.planetKode.Com


4. Untuk Mempermudah memahami pembahasan ini, maka Andadapat memasukkan data berita dengan perintah berikut:

INSERT INTO berita

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

INSERT INTO berita

VALUES (2,'Keterlambatan Bantuan','Sampai beritaini dionlinekan, bantuan yang berasal daripemerintah masih belum dapat didistirbusikan. Halini karena tidak adanya transportasi disana','2005 -03-30');

5. Sekarang Anda dapat membuat program WAP -nya denganmenuliskan scriptnya seperti listing lengkap berik ut:

Listing Program dasarwap/berita_tampil.php

<?php




?>

<wml>

<card title=".:: BERITA ONLINE ::." newcontext="true">

www.planetKode.Com

<?php

$hostname="localhost";

$username="bunafit";

$password="nugroho";

$database="aplikasiwap";

$mysql_connek=mysql_connect($hostname,$username,$password)

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

echo "<big>CENTRANET NEWS :</big>";

echo " ";

while($baris=mysql_fetch_array($eksekusi))

{

$detail_berita=$baris[detail_berita];

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

echo "<big>$baris[judul_berita]</big>";

echo " [$baris[tanggal_masuk]] ";

www.planetKode.Com

echo "$cuplikan ...";

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

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

echo " ";

}

}

else

{

echo " <big>Tidak ada berita</big> ";

}

?>





</card>

</wml>

Akhir Listing

Ada beberapa baris perintah yang terkait di dalam listing program diatas. Lebih jelasnya dapat Anda ikuti pembahasannya sebagai berikut:

Koneksi Server

Pertam Kita akan membuka koneksi pada server database MySQL,script yang digunakan adalah:





www.planetKode.Com




or die ("Belum bisa konek keserver");

Mengaktifkan Database

Setelah koneksi berhasil, maka Kita dapat memanggil atau mengaktifkandatabase yang akan digunakan. D i dalam database tersebut tentunyaterdapat tabel yang berisi data -data yang hendak diakses.


Melakukan permintaan pada tabel

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

$sql_select="SELECT * FROM berita ORDER BYid_berita";

Cek query yang ada

Sambil menjalankan query yang ada, Kita dapat membuat kondisi untukmelakukan pemeriksaan terhadap query yang digunakan. Per hatikankondisi berikut:


{

berhasil

www.planetKode.Com




}

else

{

gagal

}

Apabila query dapat dijalankan dan datanya tidak kosong, makaprograma akan mengakses kalang “ berhasil “. Sedangkan apabilaquerinya salah atau datanya tidak ada, maka program akan mengakseskolom “gagal”.

Menampilkan semua data

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


{

.....

menampilkan data

}

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

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

Memotong Isi berita

www.planetKode.Com


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

$detail_berita=$baris[detail_berita];

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

Dari script di atas, substr merupakan fungsi yang digunakan untukmengambil data secara sebagian. Yaitu teks yang dimulai dari karakter 0sampai dengan karekter 50. Selain karakter yang ada di dalam rangetersebut, data tidak akan ditampilkan.

Membuat Hyperlink Detail

Karena isi dari berita sangat banyak, maka Kita dapat membuat halamanyang ditampilkan pertama kali hanya sekilas saja. Sehingga denganmemberikan tombol atau hyperlink detail, pengunjung dapat melihat isiberitanya secara lengkap. Cara membuatnya adalah denagan menuliskanscript berikut:

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

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

echo " ";

Pada script di atas, karakter detail dijadikan sebagai pemicu darihyperlink. Sedangkan untuk kondisinya Kita menggunakan variabelidberita yang nilainya berisi data id_berita dari data berita yang dipilih.

Selanjutnya apabila program di atas dijalankan, maka hasilnya akanmenampilkan data seperti pada gambar berikut:

Gambar 28 Tampilan News Pages

Pada setiap judul berita yang ditampilk an akan diberikan semuahhyperlink yang apabila diklik akan membawa Kita menuju pada halamandetail berita.

Pada program detail berita semua data berita secara lengkap akanditampilkan. Untuk lebih jelasnya, Anda dapat membuat programnyaseperti listing berikut:

Listing Program dasarwap/berita_detailtampil.php

<?php




?>

<wml>

<card title=".:: BERITA ONLINE ::." newcontext="true">

www.planetKode.Com

<?php








$sql_select="SELECT * FROM berita

WHERE id_berita='$idberita'";

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

echo " ";

echo "<big>CENTRANET NEWS :</big>";

echo " ";

while($baris=mysql_fetch_array($eksekusi)){

echo "<big>$baris[judul_berita]</big>";

echo " [$baris[tanggal_masuk]] ";

echo "$baris[detail_berita] ";

echo " ";

}

www.planetKode.Com

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

}

else {

echo " <big>Tidak ada berita</big> ";

}

?>





</card>

</wml>

Akhir Listing

Teknik pembuatan program detail sangat sederhana, yaitu hanya denganmenggunakan kondisi pada querynya. Nilai kondisi yang digunakandidapatkan pada variabel yang dikirim pad a address. Berikut adalahquerinya:

$sql_select="SELECT * FROM berita

WHERE id_berita='$idberita'";

Pada query di atas, nilai dari variabel $idberita didapatkan darihyperlink detail yang dipilih pada program penampil data berita.Selanjutnya ditampilkan pada browser dengan cara yang sama, akantetapi pada halaman detail kita tidak lagi memotong datanya.

Dengan menggunakan script di atas, maka tampilan detail berita akantampak seperti gambar berikut:

www.planetKode.Com



Gambar 30 Tampilan detail berita

Membuat Buku Tamu

Buku tamu juga sering disebut dengan guestbook. Biasanya aplikasiini sering Kita temui pada aplikasi web dinamis. Pada subbab ini, Kita akanmencoba mengimplementasikannya pada WAP dinamis.

Untuk menyimpan semua data yang dikirimkan oleh pengunjung ,maka Anda dapat membuat tabel bernama bukutamu. Sebagai contoh, Andadapat 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',

www.planetKode.Com


PRIMARY KEY (id_tamu)

);

Letakkan tabel bukutamu tersebut pada database aplikasiwap. Untukmembuat guestbook, Anda dapat megetikkan programnya seperti listingberikut:

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


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

 

<big>CENTRANET </big> 

Web - Software Developer 

|=====================| 







 Nama : 

www.planetKode.Com

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

 Email : 

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

 Pesan : 

<input type="text" name="txt_pesan" maxlength="100"/>

 



</card>

</wml>

Akhir Listing

Listing program di atas hanyalah merupakan bentuk penulisan form didalam pemrograman WML. Setiap komponen form yang digunakanvariabelnya harus dibaca oleh tag postfiled. Selanjutnya variabel yangada di dalam tag postfield ini yang akan dikirimkan pada tabel.

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

Nilai dari variabel $(txt_nama) diperoleh dari komponen formberikut:

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

Apabila dijalankan, maka bentuk tampilannya adalah:

www.planetKode.Com

Gambar 31 Form pengisian data buku

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

Listing Program aplikasi/buku_simtamu.php

<?php



www.planetKode.Com

?>

<wml>

<card title=".:: BUKU TAMU ::." newcontext="true">





<?php







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


$sql_insert="INSERT INTO bukutamu

(data_nama,data_email,data_pesan,tanggal_pesan)

VALUES

('$nama','$email','$pesan','$tanggal')";

if (mysql_query($sql_insert))

{

echo " <big>Data berhasil dimasukkan</big> ";

echo "[ <a href=\"buku_tamu.wml\"> Masukkan </a>]";

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

</a>] ";

}

www.planetKode.Com

else

{

echo "Data gagal dimasukkan ";

echo "<a href=\"buku_tamu.wml\"> Masukkan data</a> ";

}

?>





</card>

</wml>

Akhir Listing

Pada program penyimpanan data buku tamu tersebut, query yangfungsinya 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 denganmenggunakan variabel $tanggal. Perhatikan script berikut:

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

www.planetKode.Com

Selanjutnya, query di atas dicek. Apabila query di atas berjalan dandatanya dapat dimasukkan, maka program akan menampilkan pesankeberhasilan. Berikut adalah pengkondisiannya.

if (mysql_query($sql_insert))

{

echo " <big>Data berhasil dimasukkan</big> ";

echo "[ <a href=\"buku_tamu.wml\"> Masukkan</a>]";

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

</a>] ";

}

Sedangkan, apabila query gagal atau data tidak berhasil dikirim, makaprogram akan menampilkan pesan kesalahan.else

{

echo "Data gagal dimasukkan ";


}

Dari beberapa script di atas, apabila proses pengisian data bukunyadilakukan dengan benar dan datanya berhasil disimpan, maka anda akanmendapatkan konfirmasi seperti yang tampak pada gambar berikut:

www.planetKode.Com

Gambar 32 Konfirmasi yang menyatakan keberhasilan mengisi databuku

Pada halaman konfirmasi di atas, Kita menyediakan dua hyperlink. Yangpertama bernama Masukkan, hyperilink ini akan membawa Kita kedalam form pengisian data buku. Sedangkan hyperlink Tampilkan akanmembawa Kita pada program penampil data buku.

Sekarang Kita akan membuat program yang akan digunakan untukmelihat daftar pengisian buku tamu yang telah diisikan sebelumnya.Untuk lebih jelasnya, Anda dapat membuatnya seperti listing programberikut:

Listing Program aplikasi/buku_tampiltamu.php

<?php


www.planetKode.Com

?>

<wml>

<card title=".:: BUKU TAMU ::." newcontext="true">





<?php








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


{

echo " ";

echo "<big>Daftar Pengisian Buku :</big>";

echo " ";


{

echo "Nama : $baris[data_nama] ";

echo "Email: $baris[data_email] ";

echo "Pesan: $baris[data_pesan] ";

www.planetKode.Com

echo "Tgl : $baris[tanggal_pesan] ";

echo "----------------------------- ";

}

echo "[ <a href=\"buku_tamu.wml\"> Masukkan </a>]";

}

else

{

echo " <big>Data Kosong</big> ";


}

?>





</card>

</wml>

Akhir Listing

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

$sql_select="SELECT *

FROM bukutamu ORDER BY id_tamu";

Selanjutnya query di atas akan dieksekusi dengan menggunakan perintahberikut:

www.planetKode.Com

{

... menampilkan data

}

else

{

... pesan apabila gagal

}

Pada listing program di atas, script yang digunakan untuk menampilkansemua data dari tabel bukutamua adalah: while($baris=mysql_fetch_array($eksekusi))

{

echo "Nama : $baris[data_nama] ";

echo "Email: $baris[data_email] ";

.......

echo "Tgl : $baris[tanggal_pesan] ";

}

Sehingga program di atas akan menhasilkan bentuk keluaran sepertigambar berikut:

www.planetKode.Com



Gambar 33 Menampilkan data bukutamu

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

www.planetKode.Com




Penerbit Gava Media, YogyakartaPenulis : Bunafit Nugroho

Beredar di Gramedia, harga buku: Rp. 67.000.-

Order ke kami, Buku + Full Script Website WAPadalah Rp. 250.000,- + ongkir

Order ...?? Kirim SMS ke nomor 0838 6716 1314

www.planetKode.Com




BUNAFIT KOMPUTER Juga Menyediakan BanyakKoleksi Source Code (Script) Website LengkapSiap Pakai. Anda dapat menggunakannya untuk

keperluan Belajar, Untuk Contekan TugasAkhir(TA), Untuk Contekan Skripsi, dan lainnya.

NO

JUDUL PROGRAM CONTOH SKRIPSI &TUGAS AKHIR (TA)Kami tidak menerbitkan dalam bentuk Buku Cetak, melain kan dalam

bentuk eBooks dan Script Website Lengkap siap dijalankan, Full SourceCode.

1

Program Skripsi Web Toko Online : Template Sistem TokoOnline Metode Display (Bank Virtual) : Aplikasi ini dibuat denganPHP dan MySQL dan dengan gaya pemrograman sang at mudah. Web inidibuat dengan sisem Display, artinya pengunjung dapat langsung memilihbarang yang akan dibeli, baru setelah itu melakukan transaksi pembayarandengan sistem Online Banking.

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

Untuk yang belum jelas dengan Bank Virtual. Jadi, nanti kita membuat tabelv_bank yang seakan akan menyimpan data Rekening masing2 pelanggan, dandi 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 (TokoOnline) berbasis Web Sistem Bank Virtual , 300 hal)

2Program Skripsi Web Toko Buku Online : Sistem InformasiPenjualan Online (Anggota) Berbasis Web ASP.Net : Aplikasi ini

www.planetKode.Com




dibuat dengan ASP.Net dan SQL Server 2000. Dengan menggunakantemplate ini, Anda dapat mengembangkannya untuk membuat aplikasipenjualan untuk semua produk.

Harga Script Web skripsi ini : Rp. 500.000,-

3

Program Skripsi Web Toko Buku Online 1 : Sistem InformasiPenjualan Buku Berbasis Web V.1 (Untuk Penerbitan, jadisudah tidak ada data Penerbit) : Aplikasi yang ini dibuat dengan PHPdan MySQL (XAMPP), berjalan juga pada sistem Linux atau Hosting diInternet. Cara pembayarannya adalah dengan sistem Transfer Rekening. Jadi,calon pembeli buku harus jadi anggota dulu, baru bisa memesan buku yangdipilih. Sistem anggota.

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

4

Program Skripsi Web Toko Buku Online 2 : Sistem InformasiPenjualan Buku Berbasis Web V.2 (Untuk Umum, ada dataPenerbit. Jadi, buku yang dijual dari b anyak penerbitan) :Aplikasi yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan jugapada sistem Linux atau Hosting di Internet. Cara pembayarannya adalahdengan sistem Transfer Rekening. Jadi, calon pembeli buku harus jadianggota dulu, baru bisa memesan buku yang dipilih. Sistem anggota.


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

www.planetKode.Com




Dreamweaver )

5

Program Skripsi Web Toko Komputer Online : SistemInformasi Penjualan Aksessoris Komputer Berbasis Web :Aplikasi yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan jugapada sistem Linux atau Hosting di Internet. Cara pembayarannya adalahdengan sistem Transfer Rekening. Sistem anggota.


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

6

Program Skripsi Web Toko HandPhone Online : SistemInformasi Penjualan HandPhone Berbasis Web : Aplikasi yang inidibuat dengan PHP dan MySQL (XAMPP), berjalan juga pada sistem Linuxatau Hosting di Internet. Cara pembayarannya adalah dengan sistem TransferRekening. Sistem anggota.


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

7Program Skripsi Web Toko Pakaian (Distr o) Online : SistemInformasi Penjualan Pakaian (Distro) Berbasis Web : Aplikasi

www.planetKode.Com




yang ini dibuat dengan PHP dan MySQL (XAMPP), berjalan juga padasistem Linux atau Hosting di Internet. Cara pembayarannya adalah dengansistem 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 bajubatik, toko kaus, toko aksessori, dll. Semua gampang dimodifikasi dari editorDreamweaver, 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 lewatDreamweaver )

8

Program Skripsi Web Toko Herbal Online : Sistem InformasiPenjualan Obat Herbal Berbasis Web : Aplikasi yang ini dibuatdengan PHP dan MySQL (XAMPP), berjalan juga pada sistem Linux atauHosting di Internet. Cara pembayarannya adalah dengan sistem TransferRekening. 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 lewatDreamweaver )

9Program Skripsi : Sistem Informasi Penjualan Tiket Bus : Dibuatdengan PHP dan MySQL. Adalah web pemasaran ti ket dengan studi kasusPenjualan Tiket Bus secara Online. Gampang dimodifikasi dari Dreamweaver

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

10

Program Skripsi : Sistem Informasi Penjualan Tiket Arma da(Tarvel) : Dibuat dengan PHP dan MySQL. Adalah web pemasaran tiketdengan studi kasus Penjuan atau Pemesanan Tiket Armada Trafel secaraonline. Gampang dimodifikasi dari Dreamweaver versi berapapun.


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

11

Program Skripsi : Sistem Informasi Pemesanan Kamar Hotel :Dibuat dengan PHP dan MySQL. Adalah web pemasaran yang dimiliki olehsebuah Hotel berbintang, yaitu dengan membuat fasilitas booking kamarberbasis Web. Gampang dimodifikasi dari Dreamweaver versi berapapun.


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

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

www.planetKode.Com




yang Menentukan Tema atau Objek Barang yang Dijual : Dibuatdengan PHP dan MySQL. Anda boleh mendesain sendiri sistemnya. HargaBy Request (pesan baru) menyesuaikan permintaan, harganya: Rp. 800.000,-.

13

Script Online Store: Kami Menerima Pesanan Web TokoOnline ntuk Pengembangan Bisnis Toko Anda. Ingin punyaToko Online sendiri ?? hemm....coba aja beli paket ini,bergaransi dan gratis SEO (Search Engine Optimization) +Internet Marketing selamat sebulan . Jadi, kami akan buatkan webtoko sesuai pesanan yang Anda minta, termasuk data -data barang yang akandijual kami bantu input-kan. Fasilitas dari kami adalah:

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

Biaya pesan Toko Online paket Bisnis: Rp. 3.500.000, -Garansi, Dijamin Dagangan Anda Laku

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

email kami :

CONTOH EMAIL PEMESANAN

Tujuan Email

Subjek Surat Pesan Program eCommerce .....

Isi Surat Pesan surat Anda di sini ...........

www.planetKode.Com


www.AlamatTokoAnda.Com



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

NO JUDUL PROGRAM

1

Contoh Program Skripsi dan TA : SistemInformasi Test Ujian Masuk LangsungKomputer (Secara Online) : Konsep dari web iniadalah untuk Test Langsung, atau Ujian LangsungKomputer secara bersama-sama (Multi User).

Anda pasti sudah tau, jika beberapa kampus atau sekolahsekarang telah mengadakan Test Langsung Komputer. Jadi,calon siswa/mahasiswa baru setelah mendaftar bolehmemilih 2 model ujian. [1]. Ujian reguler, atau yangdilakukan secara manual bersama2. [2]. Ujian langsungkomputer, yang langsung mengerjakan soal di komputer,dan hasilnya langsung di dapat. Nah, web program inidipakai untuk opsi ujian ke-2. Sudah maksud ya???

Kemampuan Web ini:[1]. Web Berbasis Multi User, Peserta Ujian (Test) bolehberbarengan[2]. Soal yang dimasukkan tidak acak, tapi soal yang tampildi halaman peserta akan diacak.[3]. Multi Mata Pelajaran, jadi bisa ujian beberapa matapelajaran sekaligus.

www.planetKode.Com




[4]. Timer Mundur. Jadi, jika waktu yang disediakan sudahhabis, maka program akan secara otomatis menyimpan soalyang sudah dipilih (pilihan ganda).[5]. Bisa diterapkan untuk Online, atau Tes Langsung(Lokal).[6]. ...dan kelebihan lain, Web ini dibuat lewatDreamweaver 8 (Terstruktur).


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

2

Contoh Program TA dan Skripsi: eLearning :Sistem Informasi Latihan Ujian SecaraOnline (atau Lokal Jaringan) : Aplikasi ini dibuatdengan PHP dan MySQL. Ini merupakan web yangberbasis Multi User. Gunanya untuk ujian atau test ataulatihan ujian dengan pengelompokan soal (kategori soal)yang berbeda.

Konsep inti dari web ini adalah web sitem informasi yangberisi banyak soal, pengelompokkan berdasarkan matapelajaran. Siswa yang mendaftar akan menjadi anggtoasistem eLearning. Siswa dalam satu hari boleh berlatihmengerjakan soal-soal ujian yang ada di web, dan hasilnya

www.planetKode.Com




langsung didapat. Dalam satu hari, siswa hanya diberikansatu kesempatan untuk masing-masing matapelajarang, danselanjutnya boleh mengerjakan matapelajaran yang sama diesok 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 nMasuk[2]. Source Code (Script) Web Test Ujian Masuk LangsungKomputer[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHPlewat Dreamweaver )

3

Contoh Program TA dan Skripsi: eLearning :Sistem Informasi Pembelajaran Online UntukSiswa : Aplikasi ini dibuat dengan PHP dan MySQL.Merupakan Web Pembelajaran berbasis Multi User (banyakpengguna) sebagai anggota Web. Studi kasus program inipada semuah pondok pesantren.

Para siswa dapat mendownload materi pelajaran jika sudahmengerjakan Tes Online (ujian) dan lulus. Jika belum lulus,maka tes dapat dilakukan besok. Tes akan diacak, sehinggaberbeda soalnya dengan santri/siswa yang lain.

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

www.planetKode.Com




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

4

Contoh Program Skripsi dan TA : SistemInformasi Perijinan Karyawan SecaraIntranet : Aplikasi ini dibuat dengan PHP dan MySQL.Sistem dibuat dengan metode Multi User antara karyawandan direktur. Aplikasi ini dibuat dengan tujuan untukmempermudah para karyawan untuk mengajukan perijinan.Karyawan hanya melakukan Login dan mengisi formulir,maka prijinan akan di baca oleh direktur dan kemudiandiputuskan ACC atau tidak.


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

www.planetKode.Com




5

Contoh Program Skripsi dan TA : SistemManajemen Data Sekolah SMK/SMU : Programini dibuat dengan PHP dan MySQL. Program ini dibuatberbentuk Website yang di dalamnya terdapat SistemInformasi Manajemen (SIM) untuk mengelola Data Guru,Siswa, Jadwal, Kelas dan Pelajaran serta Nilai.

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

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

6

Contoh Program Skripsi dan Tesis : SistemInformasi KRS Online 2 (Expert)/ SistemInformasi Akademik : Program ini dibuat denganPHP dan MySQL serta gaya pemrograman OOP. Programini digunakan untuk mengelola data KRS (Kartu RencanaStudi) pada kampus D3 maupun Universitas. Program inidibuat gaya Objek Oriented Prog ramming (OOP), sehinggadapat diterapkan pada analisa UML.

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

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

7

Contoh Program TA dan Skripsi: SistemInformasi Perpustakaan Sekolah berbasisWeb PHP (Pinjam, Kembali, Denda, KatalogOnline) : Aplikasi ini dibuat dengan PHP dan MySQL.Ini merupakan Web yang bersi fat Multi User, yaituhalaman cPanel untuk Administrasi Data Buku danhalaman Katalog yang digunakan oleh pengguna. Padaaplikasi ini telah dilengkapi dengan Sistem PemesananPinjam oleh anggota, Transaksi Peminjaman oleh Penjagadan Transaksi Pengembalian lengkap dengan pembayaranDenda jika terlambat.

Harga Script Web contoh skripsi ini : Call (eLibrary finisdalam 1 minggu)

Yang didapat:[1]. ERD (Relasi Tabel) Sistem Informasi PerpustakaanBerbasis Web v1[2]. Source Code (Script) Web Perpustakaan v1[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHPlewat Dreamweaver )

www.planetKode.Com




8

Contoh Program TA dan Skripsi: SistemInformasi Pariwisata : Aplikasi ini dibuat denganPHP dan MySQL. Ini merupaakn web yang berisi informasitentang pariwisata. Paket ini akan kami berikan 3 contohweb, 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


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

9

Contoh Program TA dan Skripsi: SistemInformasi Pencarian Data pada Katalog(kasus: Data Wayang Kulit ) : Aplikasi ini dibuatdengan PHP dan MySQL. Studi kasus dari program iniadalah sistem informasi berbentuk katalog senipewayangan. Mencakup cerita, sejarah, istilah dan nama -nama wayang. Dilengkapi dengan tools pencarian lengkapuntuk user dan admin. Kelebihan dari script program iniadalah teknik pencarian data (search engine), yang mampu

www.planetKode.Com




menelusuri data judul, isi dan penjelasan.


Yang didapat:[1]. ERD (Relasi Tabel) Sistem Informasi Katalog Wayan gKulit[2]. Source Code (Script) Web Informasi Katalog WayangKulit[3]. eBooks (buku PDF : 7 Langkah Menguasai Web PHPlewat Dreamweaver )

10

Contoh Program TA dan Skripsi: SistemInformasi Rekam Medis Rawat Inap padaKlinik/ Rumah Sakit : Aplikasi ini dibuat denganPHP dan MySQL.


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

11By Request: Pesan Program untuk Tugas Akhir(TA )dan Skripsi berbasis Web PHP - MySQL. Silahkantentukan sendiri konsepnya, dan sistem basis datanya.

www.planetKode.Com




kami akan mengerjakan sesuai dengan pesanan.Biayanya, antara 1,3juta - 2juta (tergantungkerumintan program yang dipesan).

12

Script Online Store: Kami MenerimaPesanan Web Toko Online untuk ContohSkripsi/TA (Penjualan Berbasis Web PHP).

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

13

Script Online Store: Kami MenerimaPesanan Web Toko Online untukPengembangan Bisnis Toko Anda. Inginpunya Toko Online sendiri ?? hemm....cobaaja beli paket ini, bergaransi dan gratis SEO(Search Engine Optimization) + InternetMarketing selamat sebulan . Jadi, kami akanbuatkan web toko sesuai pesanan yang Anda minta,termasuk data-data barang yang akan dijual kami bantuinput-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 TokoOnline Anda)[4]. Gratis 1 Facebook Marketing (Facebook Promosi untuktoko Online Anda)[5]. Gratis Optimasi SEO (Google Search) selama 1 bulan

www.planetKode.Com


www.AlamatTokoAnda.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: BunafitNugroho, 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

www.planetKode.Com




eLearning Model 1Sistem Informasi Latihan Ujian Soal

Untuk Banyak Mata PelajaranBiaya pesan Website: Rp. 500.000,-

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 ada100 soal untuk pelajaran A, dan tiap melak ukan ujian/latihan soalitu dapat 10 soal, maka pada hari yg sama masing2 siswa akanberbeda, atau kemungkinan sama salah satunya.

4. Kemunculan jumlah soal dapat ditentukan, termasuk bobot nilakelulusannya, apakah harus betul 30% ataukan 50%.

5. Multi Pengguna, jadi beberapa siswa bisa login bareng dan latihansoal.

6. Sistem Ujian Masuk, itu konsepnya Web berisi Soal2 beberapapelajaran, pelajaran bebas ditambah. Tiap siswa boleh latihan soaltiap hari (satu hari sekali, untuk satu matapelajaran).

# Ada pengembangan lagi, jadi Setlah Siswa mendaftar, mereka belumbisa login. Sebelum admin Verifikasi, atau Mensetujui dengan mengklikTombol AKTIF.

www.planetKode.Com




eLearning Model 2Sistem Informasi Pembelajaran Siswa

dengan Sistem Tingkatan MateriBiaya pesan Website: Rp. 400.000,-

www.planetKode.Com




e-Learning: Quiz Online : Ujian Online : dilengkapdengan Download Materi Mata Pelajaran untuk NaikTingkat : Sistem Informasi Pembelajara Online UntukSiswa yang dapat dijalankan secara Intranet (jaringan lokal) atau jugabisa diOnline-kan pada situs di Internet, atau pada komputer untukbelajar. Berbentuk source code/ Script Web, Anda dapat menjadikankode program ini untuk acuan Kerja Praktek (KP), Tugas Akhir(TA),untuk acuan Skripsi bidang Informatika dan untuk contoh belajarpemrogramman.

Ide skripsi bertema eLearning/e-Learning/ pembelajaran online/ QuizOnline/ Ujian Online/ aplikasi eLearning/e learning Berbasis Web PHP.Bukan hanya untuk e-learning pada sekolah (siswa), akan tetapi jugadapat 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 dapatmengambil (download) materi 1 dan 2 (atau ditentukan olehadmin/guru pengelola).

Untuk mendownload Materi 3, harus mengerjakan Ujian dulu darimateri sebelumnya. Jadi, web memiliki form ujian pilihan ganda,yang soalnya diacak dari database soal dalam sistem webelearning.

Begitu juga untuk materi 4, harus mengerjakan Ujian terlebihdahulu, baru tombol download akan muncul.

Ujiannya diacak soal, jadi tergantung Admin -nya. Kalo jumlah soalnyabanyak, maka tiap siswa yang ujian (mengerjakan soal kenaikanbab/tingkat) tidak akan dapat soalnyang sama. Kalo soal dikit, ya

www.planetKode.Com




mungkin sama atau cuman tukar nomor urut aja. Ujiannya berbentukpilihan ganda.

eLearning Model 3Sistem Informasi Ujian Masuk

Sekolah/KuliahBiaya pesan Website : Rp. 750.000,-

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

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

Setelahmengerjakan 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.

www.planetKode.Com




www.scribd.com/bunafit

www.scribd.com/bunafitkomputerwww.planetKode.Com


www.bunafitWeb.Comwww.bunafitSoft.Com

www.bunafitCamp.Com

www.planetKode.Com


www.scribd.com/bunafit

www.scribd.com/bunafitkomputer

www.planetKode.Com


www.bunafitWeb.Com

www.bunafitSoft.Com



Setelah transfer Source Codeakan dikirim ke Email Anda.

Biaya Workshop (Private) : Rp. 1.500.000, - diYogyakarta, Anda akan diajari teknik membuat

Program yang ada di daftar. (biaya sudah termasukWeb Program)

Untuk mendapatkan No Rekening transfer, silahkan kirim emailseperti contoh.

Atau, kirim SMS ke nomor 0838 6716 1314.

Contoh pesan SMS "planetKode, minta No Rekening buatpembayaran Sc eCommerce ........ ". Kami akan segera membalas.

www.bunafit-komputer.comRedaksi Buku IT & Software Development

www.planetKode.Com

www.bunafitCamp.Com

www.planetKode.Com



www.planetKode.Com

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

Documents

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