pengenalan html - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/bulletin/upload/data_buletin/modul...

79
Modul Mata Kuliah E-Commerce – Hal. 1 PENGENALAN HTML HTML (Hyper Text Markup Language) HTML merupakan kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen HTML ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web. Dokumen ini umumnya berupa informasi yang disajikan di internet. Umumnya file HTML berekstensi .htm atau .html. Nama file / dokumen HTML boleh kombinasi antara huruf kecil dan huruf besar. Tetapi umumnya, di internet suatu file HTML ditulis dengan menggunakan huruf kecil. Ini dikarenakan ada beberapa sistem operasi yang membedakan antara huruf kecil dan huruf besar. Dokumen HTML disusun oleh elemen-elemen. Elemen ini merupakan istilah bagi komponen-komponen dasar pembantuk dokumen HTML. Beberapa contoh elemen adalah : head, body, table, paragraf, dan list . TAG HTML Setiap penandaan elemen dari dokumen html menggunakan tag. Tag HTML diawali dengan sebuah tanda lebih kecil (<), nama tag dan diakhiri dengan tanda lebih besar (>) contoh <hr>. Penulisan nama tag boleh kombinasi antara huruf kapital dan huruf kecil. Ada banyak jenis tag yang diharuskan berpasangan. Tag yang berpasangan diawali dengan <nama tag> dan kemudian di bagian akhir ditutup dengan </nama tag> . Contoh <marquee> Ini teks yang berjalan </marquee> , elemen tersebut merupakan perintah untuk membuat suatu teks yaitu teks “ini teks yang berjalan” agar berjalan. Tag yang tidak berpasangan diantaranya perintah <hr> yaitu untuk membuat garis vertikal (horizontal rule), <br> yaitu untuk pindah baris. ELEMEN DASAR HTML Elemen-elemen dasar yang digunakan untuk membuat suatu dokumen HTML adalah tag <html> dan </html>, tag <head> dan </head>, dan tag <body> dan </body>. Struktur dasar dari dokumen HTML adalah sebagai berikut : <html> <head> pengenalan/informasi tentang dokumen HTML </head> <body> disinilah semua teks dan yang lainnya ditulis. </body> </html>

Upload: dinhminh

Post on 05-Aug-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 1

PENGENALAN HTML HTML (Hyper Text Markup Language)

HTML merupakan kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen HTML ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web. Dokumen ini umumnya berupa informasi yang disajikan di internet.

Umumnya file HTML berekstensi .htm atau .html. Nama file / dokumen HTML boleh kombinasi antara huruf kecil dan huruf besar. Tetapi umumnya, di internet suatu file HTML ditulis dengan menggunakan huruf kecil. Ini dikarenakan ada beberapa sistem operasi yang membedakan antara huruf kecil dan huruf besar.

Dokumen HTML disusun oleh elemen-elemen. Elemen ini merupakan istilah bagi komponen-komponen dasar pembantuk dokumen HTML. Beberapa contoh elemen adalah : head, body, table, paragraf, dan list.

TAG HTML

Setiap penandaan elemen dari dokumen html menggunakan tag. Tag HTML diawali dengan sebuah tanda lebih kecil (<), nama tag dan diakhiri dengan tanda lebih besar (>) contoh <hr>. Penulisan nama tag boleh kombinasi antara huruf kapital dan huruf kecil.

Ada banyak jenis tag yang diharuskan berpasangan. Tag yang berpasangan diawali dengan <nama tag> dan kemudian di bagian akhir ditutup dengan </nama tag>. Contoh <marquee> Ini teks yang berjalan </marquee>, elemen tersebut merupakan perintah untuk membuat suatu teks yaitu teks “ini teks yang berjalan” agar berjalan.

Tag yang tidak berpasangan diantaranya perintah <hr> yaitu untuk membuat garis vertikal (horizontal rule), <br> yaitu untuk pindah baris. ELEMEN DASAR HTML

Elemen-elemen dasar yang digunakan untuk membuat suatu dokumen HTML adalah tag <html> dan </html>, tag <head> dan </head>, dan tag <body> dan </body>.

Struktur dasar dari dokumen HTML adalah sebagai berikut : <html> <head> pengenalan/informasi tentang dokumen HTML </head> <body> disinilah semua teks dan yang lainnya ditulis. </body> </html>

Page 2: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 2

Elemen <html> dan </html> merupakan suatu tag yang menunjukan bahwa dokumen tersebut merupakan dokumen HTML.

Elemen <head> dan </head> merupakan yang berisi pengenalan/informasi tentang dokumen tersebut. Diantara tag inilah kita menulis judul (title) dari dokumen web.

Elemen <body> dan </body> merupakan tag yang menandakan awal dan akhir dari badan dari dokumen html. Dalam bagian inilah (diantara awal dan akhirnya) isi dokumentasikan ditulis.

Contoh sederhana adalah seperti berikut : <html> <head> <title>Ini Judul, OK</title> </head> <body>Disinilah isi dokumen html ditulis </body> </html>

Kalau skrip html tersebut dijalankan dalam sebuah browser, maka akan

menghasilkan dokumen html seperti berikut :

Tag <title> dan </title> digunakan untuk menuliskan judul di bagian atas (caption)

dari web browser. Jika tag title tidak ditulis, maka yang tertulis di dalam caption web browser adalah alamat dan nama file yang sedang dibrowse.

Page 3: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 3

PENGATURAN TAMPILAN WEBSITE

TAG PENGATURAN TEKS

Untuk menampilkan dokumen supaya bisa terlihat lebih baik, maka ada beberapa tag yang perlu diketahui. Tag-tag tersebut diantaranya berguna untuk mempertebal tulisan (bold), meng-italic-an tulisan, menggarisbawahi tulisan, pengaturan paragraf dan lain-lain. Tag-tag tersebut diantaranya : Tag Awal Tag Akhir Kegunaan

<b> </b> Menebalkan (bold) teks yang berada di dalamnya <i> </i> Memiringkan (italic) teks yang berada di dalamnya <u> </u> Menggarisbawahi teks yang berada di dalamnya

<big> </big> Memperbesar teks sebesar 1 tingkat <small> </small> Memperkecil teks sebesar 1 tingkat <strong> </strong> Memberikan efek tebal <sup> </sup> Menuliskan teks sebagai teks superscript <sub> </sub> Menuliskan teks sebagai teks subscript <hx> </hx> Menuliskan teks sebagai heading (judul) topik. X diisi dengan

nomor dari 1 sampai dengan 6. <h1> merupakan heading dengan font yang paling besar.

<tt> </tt> Menuliskan teks seperti tulisan pada mesin tik (monospace) <br> - Pindah ke baris berikutnya (break rule) <font> </font> Mengatur tampilan teks dengan menentukan nama font dan

besarnya

Contoh : <html> <head> <title>Ini Judul, OK</title> </head> <body> <b>Ini teks tebal</b><Br> <u>Ini teks digaris bawah</u><br> <i>Ini teks dimiringkan</i><br> <b><i>teks ini ditebalkan dan dimiringkan</i></b><br> <tt>Ini gaya tulisan mesin tik</tt><br> Contoh superscript : f(x)=2x<sup>2</sup>+5x+3<Br> Contoh sub script :D=X<sub>1</sub>+X<sub>2</sub><br> Ini Tulisan Normal <big><big>ini diperbesar 2 kali</big></big> normal lagi khan?<br> Ini Tulisan Normal <small><small>ini diperbesar 2 kali</small></small> normal lagi khan?<br> Ini Juga Normal tapi yang ini <strong>dipertebal</strong><br> <font face=”verdana” size=5>Ini teks berfont VERDANA dengan besar 5</font> <h1>Ini Header 1</h1> <h2>Ini Header 2</h2> <h3>Ini Header 3</h3> <h4>Ini Header 4</h4> <h5>Ini Header 5</h5> <h6>Ini Header 6</h6> </body> </html>

Page 4: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 4

Script tadi akan menghasilkan tampilan web seperti gambar berikut :

Page 5: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 5

TAG PENGATURAN PARAGRAF Untuk mengatur paragraf, digunakan tag <p> dan </p>. Tag ini mempunyai atribut

align yang boleh terisi dengan center, left, right dan justify. Contoh :

<html> <head> <title>Ini Judul, OK</title> </head> <body> <p align=left><b>Rata Kiri</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=center><b>Rata Tengah</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=right><b>Rata Kanan</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> <p align=justify><b>Rata Kiri-Kanan</b> PHP dikenal sebagai sebuah bahasa script yang dieksekusi di server dan digunakan untuk membuat suatu halam web yang dinamis</p> </body> </html>

Hasil yang terlihat di browser adalah :

Page 6: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 6

TAG LIST Tag list digunakan untuk menampilkan beberapa daftar. Ada beberapa jenis list

yang dikenal oleh HTML yaitu : 1. List bernomor (ordered list), tag yang dipakai adalah <ol> dan diakhiri dengan

</ol> 2. List tidak bernomor (unordered list) , tag yang dipakai adalah <ul> dan </ul> 3. List definisi (definition list), tag yang dipakai adalah <dl> dan </dl> Untuk item listnya, tag yang digunakan dalam list bernomor dan tidak bernomor

adalah dengan perintah <li> dan ditutup dengan </li>. Sedangkan untuk list definisi, <dt> dan </dt> sebagai definisi term dan <dd> dan </dd> sebagai definisi description (keterangan dari definisi term).

Bentuk umum untuk membuat list bernomor adalah : <ol type=”tipenomor”> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol> Untuk tipenomor, nilai yang bisa diisikan adalah 1 (angka), A (huruf besar), a

(huruf kecil), I (romawi kapital), i (romawi kecil). Bentuk umum untuk membuat list bernomor adalah : <ul type=”tipebullet”> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> Untuk tipenomor, nilai yang bisa diisikan adalah disc (bulatan), circle (lingkaran),

square (segiempat). Untuk list definisi, bentuk umumnya adalah : <dl> <dt>Term 1</dt><dd>Keterangan lengkap mengenai Term 1</dd> <dt>Term 2</dt><dd>Keterangan lengkap mengenai Term 2</dd> <dt>Term 3</dt><dd>Keterangan lengkap mengenai Term 3</dd> </dl>

Page 7: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 7

Contoh script adalah : <html> <head> <title>FORM HTML</title> </head> <body> <p>Kota-Kota Besar Di Pulau Jawa (memakai angka)</p> <ol type="1"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ol> <p>Kota-Kota Besar Di Pulau Jawa (memakai huruf kapital)</p> <ol type="A"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ol> <p>Kota-Kota Besar Di Pulau Jawa (memakai bulatan)</p> <ul type="disk"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ul> <p>Kota-Kota Besar Di Pulau Jawa (memakai segiempat)</p> <ul type="square"> <li>Bandung</li> <li>Jakarta</li> <li>Surabaya</li> </ul> <p>Kota-Kota Besar Di Pulau Jawa (dalam bentuk seperti daftar pustaka)</p> <dl> <dt><b>Bandung</b></dt><dd>Bandung adalah ibukota Jawa Barat</dd> <dt><b>Jakarta</b></dt><dd>Jakarta adalah ibukota DKI Jakarta</dd> <dt><b>Surabaya</b></dt><dd>Surabaya adalah ibukota Jawa Timur</dd> </dl> </html>

Page 8: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 8

Hasil tampilan script diatas :

Page 9: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 9

TAG PEMBUATAN TABEL Untuk membuat suatu tabel dalam suatu halaman web site, maka tag yang dipakai

adalah <table> dan </table>, <tr> dan </tr> yang terarti table row, <td> dan </td> yang berarti table data.

Bentuk dari tabel adalah seperti berikut :

Untuk membuat sebuah tabel, maka skrip yang harus ditulis adalah sebagai berikut

: <html> <head> <title>Ini Judul, OK</title> </head> <body> <table border=4 cellspacing=10 cellpadding=5> <tr><td>Kiri Atas</td><td>Kanan Atas</td></tr> <tr><td>Kiri Bawah</td><td>Kanan Bawah</td></tr> </table> </body> </html

Skrip tersebut menghasilkan tampilan di browser sebagai berikut :

Cellspacing

Cellpadding

Border

Row

Data

Page 10: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 10

TAG GAMBAR

Untuk memperbagus tampilan html, maka kadang diperlukan gambar baik gambar yang tetap atau yang animasi. Tag yang dipakai untuk menampilkan gambar adalah tab <img>. Beberapa atribut yang sering digunakan dalam tag ini adalah :

1. src : menunjukan lokasi file gambar 2. border : tebal bingkai gambar 3. width : lebar gambar 4. height : tinggi gambar 5. align : peletakan gambar Contoh :

<html> <head> <title>IMAGE HTML</title> </head> <body> <p><img border=3 src="admin/images/php.gif" width="120" height="64" align="middle">Image dengan border 3 dengan align middle</p> <p><img src="admin/images/php.gif" width="120" height="64" align="right">Image dengan tanpa border dengan align right, gambar ini merupakan gambar resmi simbol dari php.</p> <p><img src="admin/images/php.gif" width="120" height="64" align="left">Image dengan tanpa border dengan align left, gambar ini merupakan gambar resmi simbol dari php.</p> </body> </html>

Script d iatas akan menghasilkan tampilan seperti gambar berikut :

Page 11: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 11

TAG LINK HTML Kelebihan utama dokumen HTML adalah kemampuannya untuk memberikan link

dari satu teks dan atau gambar menuju ke dokumenatau bagian lain dalam suatu dokumen. Browser akan menyorot (highlight) teks atau gambar yang diidentifikasi sebagai link dengan warna dan atau garis bawah untuk menunjukkan bahwa itu adalah hperteks link.

Untuk membuat sebuah link, maka tag yang dipakai adalah tag <a> dan </a>. Atribut-atribut dari tag ini adalah :

1. href : lokasi yang dituju, bisa alamat internet, file atau folder 2. target : lokasi link tersebut ditampilkan. Gunakan _blank jika ingin

menampilkan link yang dituju di browser baru/lain. Contoh script :

<html> <head> <title>IMAGE HTML</title> </head> <body> <p>Home page ini menyediakan beberapa link ke search engine :</p> <p><a href="http://www.yahoo.com" target="_blank">www.yahoo.com</a></p> <p><a href="http://www.altavista.com" target="_blank">altavista</a></p> <p><a href="http://www.google.com" target="_blank">google</a></p> <p><a href="http://www.php.net"><img border=3 src="admin/images/php.gif" width="120" height="64" align="middle"></a> link dengan gambar</p> <p><a href="http://www.mysql.com"><img border=0 src="admin/images/mysql.gif" width="167" height="87" align="middle"></a> link dengan gambar tanpa border</p> </html>

Skrip html diatas menghasilkan tampilan seperti berikut :

Page 12: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 12

TAG FORM Kadang-kadang ketika kita berjalan-jalan / surfing, kita diminta untuk mengisikan

suatu data yang akan dikirim ke penyedia web site. Data-data tersebut bisa berupa data nama, alamat, no kartu kredit, gambar, atau file.

Untuk membuat suatu form yang dapat berinteraksi dengan visitor, maka pengembang web harus membuat suatu form dalam dokumen html-nya. Untuk membuat suatu form dalam dokumen html, tag yang digunakan adalah <form> </form>. Di antara kedua tag tersebut, elemen-elemen form dituliskan.

Perintah umum tag form adalah <form name=”namaform” method="jenismethod" action="fileeksekusi"> disinilah elemen-elemen form ditulis </form> Atribut name diisi dengan nama dari form tersebut. Atribut method diisi dengan GET atau POST Atribut action diisi dengan nama file yang akan dieksekusi ketika tombol submit

ditekan. Ada beberapa jenis elemen form yang dapat digunakan diantaranya :

JENIS TYPE KEGUNAAN GAMBAR Cara pakai : <input type=”namatipe” name=namaelemen value=”tulisan”> Text Box text Memasukan 1 baris teks

Radio Button

radio Pilihan yang hanya bisa dipilih 1 dari beberapa option

Check Box

checkbox Pemilihan dimana boleh memilih lebih dari satu option

Submit submit Tombol untuk melakukan proses

Reset reset Tombol untuk me-reset form ke kondisi sebelum adanya pengisian data

Button button Tombol biasa

File Upload

file Untuk pemilihan file yang akan di upload ke server

TextArea, digunakan untuk menampilkan teks yang ukurannya besar. cara pakainya adalah : <textarea name=”namatextarea” rows=”banyakbaris” cols=”banyakkolom” size=”banyakitemditampilkan”> isi teks diisi disini </textarea>

Select, digunakan untuk menampilkan pilihan yang telah disediakan. Cara pakainya adalah : <select name=namaoption> <option value=”Bandung” selected>Bandung</option> <option value=”Jakarta” >Jakarta</option> <option value=”Surabaya”>Surabaya</option> </select>

Page 13: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 13

Contoh script : <html> <head> <title>FORM HTML</title> </head> <body> <form method="POST" action="isemg.php"> <p>Text Box <input type="text" name="T1" size="20"></p> <p>Radio Button <input type="radio" value="V1" checked name="R1">Pilihan</p> <p><input type="checkbox" name="C1" value="ON">Pilihan 1</p> <p><input type="file" name="F1" size="7"></p> <p><select size="1" name="D1"> <option selected value="Bandung">Bandung</option> <option value="Jakarta">Jakarta</option> <option>Surabaya</option> </select></p> <p><textarea rows="5" name="S1" cols="27">Disini saya bisa ditulis dalam beberapa paragraf. Saya bisa menampung teks dengan banyak. </textarea></p> <input type="Submit" value="Submit" name="B1"> <input type="button" value="Button" name="B2"> <input type="reset" value="Reset" name="B3"> </form> </html>

Script di atas akan menghasilkan tampilan berikut di browser.

Page 14: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 14

INSTALASI WEB SERVER

PHP adalah salah satu bahasa Server-side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah “hasil jadi” dalam bentuk HTML, dan kode PHP anda tidak akan terlihat.

Oleh karena itu, maka wajiblah sifatnya bagi yang ingin menggunakan PHP untuk memiliki sebuah web server. Ada banyak web server yang dapat digunakan. Web server yang paling banyak dipakai adalah Apache, Personal Web Server (PWS), Internet Information Service (IIS) dan lain-lain. Web server yang akan dipakai dalam perkuliahan ini adalah web server Apache.

Paket Apache ada yang hanya berisi Apache saja tapi banyak juga yang telah digabungkan dengan PHP dan MySQL. Salah satu dari program yang berisi paket Apache yang digabung dengan PHP dan MySQL adalah PHPTriad.

Langkah-langkah untuk penginstallan PHPTriad adalah sebagai berikut :

1. Double Klik file PHPTriadSetup.exe, yang akan menampilkan layar seperti di bawah ini.

Page 15: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 15

2. Tekan tombol Next untuk melakukan proses instalasi

3. Tunggu beberapa saat sampai proses instalasi selesai. Jika telah selesai tekan tombol

Close.

4. Setelah selesai, maka dalam Start Menu akan muncul suatu Menu PHP Triad seperti

gambar di bawah ini.

Page 16: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 16

5. Untuk mengaktifkan Web Server Apache, langkah yang dilakukan adalah dengan mengklik sub menu Start Apache, yang akan menampilkan window bahwa server sedang berjalan (run).

Window ini jangan ditutup. Untuk menonaktifkan web server apache, tekan tombol Ctrl+C.

6. Untuk mencoba apakah web server telah jalan maka akan jalankan web browser (Internet Explorer), dan tulis salah satu alamat sebagai berikut :

- http://localhost - http://127.0.0.1 - http://noipkomputeranda contoh : http://192.168.0.1 - http://namakomputeranda contoh : http://alica

Page 17: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 17

7. Jika muncul halaman seperti di bawah ini, maka web server telah jalan dengan benar.

8. Untuk mengecek apakah web server telah mendukung skrip php, maka klik link

phpinfo.php ada dalam browser sebelumnya atau dengan menulis alamat http://localhost/phpinfo.php, yang akan menampilkan web sebagai berikut kalau Web Server apache-nya telah mendukung script php.

Page 18: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 18

9. Folder yang sedang aktif sebagai folder dokumen web server adalah c:\apache\htdocs,

jadi kalau anda membuat suatu web site harus di dalam folder tersebut. 10. Buatlah folder dalam folder htdocs tadi sesuai nama anda untuk menyimpan semua

dokumen anda. Cara pemanggilannya jadi berbeda yaitu dengan cara http://localhost/folderanda/namafile

11. Untuk mengubah folder dokumen web server adalah dengan mengganti isi file httpd.conf yang ada di folder c: \apache\conf, dan merubah baris 265 yang berisi : DocumentRoot "/apache/htdocs" Ganti folder-nya sesuai dengan folder yang anda inginkan

DocumentRoot "c:\my documents\web"

Catatan : Jangan mengubah folder DocumentRoot yang ada di komputer lab. Cobalah langkah tersebut di rumah masing-masing (biarkan DocumentRoot-nya di C:\Apache\htdocs).

12. Matikan Apache yaitu dengan menekan Ctrl+C dan kemudian aktifkan lagi dengan

mengklik Start Apache.

Untuk mengkonfigurasi PHP di web server selain Apache, seperti di PWS atau IIS, langkahnya dapat dibaca di file C:\apache\php\install.txt .

Page 19: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 19

PENDAHULUAN Sejarah PHP PHP adalah salah satu bahasa Server-side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah “hasil jadi” dalam bentuk HTML, dan kode PHP anda tidak akan terlihat.

PHP dahulunya merupakan proyek pribadi dari Rasmus Lerdorf ( dengan dikeluarkannya PHP versi 1) yang digunakan untuk membuat home page pribadinya. Versi pertama ini berupa kumpulan script PERL. Untuk versi keduanya, Rasmus menulis ulang script-script PERL tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk Form HTML dan koneksi MySQL. Adapun PHP didapat dari singkatan Personal Home Pages.

Setelah mengalami perkembangan oleh suatu kelompok open source(termasuk Rasmus) maka mulai versi 3 nya, PHP telah menampakkan keunggulannya sebagai salah satu bahasa server scripting yang handal. Melalui perkembangan yang pesat ini banyak fasilitas yang ditambahkan dan oleh kelompok ini PHP disebut sebagai "PHP: Hypertext Preprocessor" . Sintak yang digunakan berasal dari bahasa C , Java maupun Perl. Sampai tulisan ini dibuat versi PHP yang terbaru adalah versi 4.3.3. Untuk release terbaru dari PHP dapat anda lihat pada web site http://www.php.net/ .

PHP merupakan bahasa script yang digunakan untuk membuat halaman web yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru. Semua script PHP dieksekusi pada server dimana script tersebut dijalankan. Oleh karena itu, spesifikasi server lebih berpengaruh pada eksekusi dari script php daripada spesifikasi client. Namun tetap diperhatikan bahwa halaman web yang dihasilkan tentunya harus dapat dibuka oleh browser pada client. Dalam hal ini versi dari html yang digunakan harus didukung oleh browser client. PHP termasuk dalam Open Source Product. Jadi anda dapat merubah source code dan mendistribusikannya secara bebas. PHP juga diedarkan secara gratis. Anda bisa mendapatkannya secara gratis. PHP juga dapat berjalan diberbagai web server semisal IIS, Apache. PWS, dll.

Page 20: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 20

Sintak Dasar PHP

Tag PHP

Seperti telah disebutkan sebelumnya , bahwa parser PHP akan membaca file html sampai ditemukan tag spesial yang memberitahukan untuk menterjemahkan teks berikutnya sebagai code php. Parser php akan menjalankan semua kode yang dibacanya dari tag awal tadi sampai ditemukan tag penutup kembali. Dengan cara inilah maka code script php dapat ditempelkan pada document html(html-embedded). Semua teks yang berada diluar tag awal dan akhir php akan dianggap sebagai teks html biasa dan akan dikirimkan langsung ke browser client untuk ditampilkan. Ada 4 pasangan tag yang dapat digunakan untuk menyatakan sebuah blok code php, yaitu :

1. <? echo "Program PHP Anda Disimpan Di Antara Tag Ini" ?> 2. <?php echo " Program PHP Anda Disimpan Di Antara Tag Ini " ?> 3. <script language="php">

echo " Program PHP Anda Disimpan Di Antara Tag Ini "; </script>

4. <% echo " Program PHP Anda Disimpan Di Antara Tag Ini " %>

Statemen

Sebuah statemen merupakan sebuah perintah yang diakhiri dengan tanda titik koma (;) . Tanda tag penutup script php juga dapat sebagai penutup atau menyatakan akhir dari suatu statemen PHP. Contoh :

<?php echo "hanya untuk test"; // statemen ini diakhiri dengan titik koma echo "untuk test saja" /* statemen ini tdk diakhiri dng titik koma */ ?> Catatan php merupakan bahasa campuran case-sensitive dan case-insensitive, yaitu membedakan antara huruf besar dan huruf kecil. Case-sensitive berlaku untuk semua penulisan nama variable. Sedangkan penulisan sintak program dan nama fungsi bersifat case-insensitive. Penulisan variable $bilangan dengan $BILANGAN menghasilkan dua variable yang berbeda. Sedangkan penulisan fungsi echo yang ditulis dengan huruf kecil semua atau gabungan huruf kecil-huruf besar akan menunjukkan nama fungsi yang sama. Contoh : echo akan sama dengan ECHO ataupun Echo.

Page 21: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 21

Komentar

Komentar merupakan bagian program yang tidak akan dieksekusi. Fungsi dari komentar ini adalah sebagai dokumentasi program atau berupa penjelasan dari program. PHP memberikan banyak pilihan untuk menuliskan komentar. Cara penulisannya merupakan adopsi dari gaya penulisan komentar pada bahasa C, C++ maupun tipe komentar shell pada Unix. Cara berikut dapat anda gunakan , yaitu :

Tipe komentar C/C++ <?php /* echo "Kalimat ini tidak akan dicetak"; */ ?> <?php echo "Kalimat ini akan dicetak"; // Bagian ini hanya merupakan komentar ?>

Tipe komentar Unix shell <?php echo "kalimat ini akan dicetak"; # Ini adalah komentar tipe Unix shell ?>

Penjelasan Jika tanda /* … */ digunakan maka semua code didalam pasangan tanda ini akan diabaikan . Untuk tanda // maka code setelah tanda ini pada baris yang sama dengan tanda ini akan diabaikan . Sedangkan tanda # kerjanya sama seperti tanda //.

Page 22: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 22

Tipe-Tipe Data Dalam PHP

PHP memiliki 8 tipe data dasar yaitu boolean , integer , float (floating-point) , string , array , object , resource dan NULL . Biasanya tipe variable pada php tidak ditentukan oleh programmer , namun ditentukan berdasarkan untuk apa variable itu digunakan saat program dijalankan. PHP memiliki kemampuan yang baik dalam mengoperasikan variable. Jika kita mengoperasikan variable tipe data yang berbeda , php dapat melakukan operasi tersebut tanpa ada kesalahan pengeksekusian. Tentunya ada aturan-aturan yang harus kita mengerti tentang bagaimana php memperlakukan suatu variable yang dikenai suatu operasi dengan variable yang berbeda tipe. Hal ini akan kita lihat pada bagian berikutnya.

Tipe Data Boolean

Sintak : bool atau boolean

Tipe ini baru dikenalkan pada php versi 4. Tipe ini memiliki dua nilai yaitu TRUE or FALSE. Kedua nilai ini dapat ditulis tanpa memperhatikan huruf besar ataupun kecil. Tipe ini biasanya digunakan untuk menguji suatu ekspresi bersyarat. Adapun nilai TRUE atau FALSE dapat dinyatakan dengan suatu nilai pada tipe data lainnya.

Untuk mengkonversi suatu nilai dari suatu variable ke tipe boolean dapat digunakan aturan berikut. Nilai FALSE memiliki kesamaan dengan integer 0, float 0.0 , string kosong , string "0" , array dan object dengan 0 elemen kemudian NULL. Sedangkan nilai TRUE merupakan nilai selain nilai FALSE atau 0 (bisa positif atau negatif).

Contoh :

<?php $ada = true; if($ada == TRUE) { echo "NIM ada terdaftar dalam database kami"; } else { echo "Maaf NIM anda tidak terdaftar"; } ?>

Penjelasan Potongan program akan melakukan pengujian terhadap nilai dari variable $ada. Pertama-tama $ada diberi nilai true. Kemudian dilakukan pengecekan nilai variable $ada. Jika $ada = true maka ditampilkan "NIM anda terdaftar dalam database kami" selain itu ($ada tidak sama dengan true , berarti false) maka ditampilkan "Maaf NIM anda tidak terdaftar" .

Page 23: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 23

Tipe Data Integer

Sintak : int atau integer

Tipe ini merupakan tipe bilangan bulat. Contoh bilangan bulat : 1 , 0 , -1 , 2 , 100 . Untuk menyatakan suatu nilai bilangan bulat kita bisa menggunakan format desimal , octal maupun hexadesimal . Contoh penulisan nilai integer pada berbagai format :

$a = 1234; # desimal $a = -123; # negatif desimal $a = 0123; # octal (sama dengan 83 dalam desimal) $a = 0x1A; # hexadecimal (sama dengan 26 dalam desimal)

Ukuran dari jangkuan integer sangat tergantung pada platform yang digunakan. Biasanya integer memiliki ukuran 32 bits atau bisa menampung nilai dengan jangkauan 2 milyar(giga) . Yang perlu diketahui bahwa php tidak menyediakan tipe unsigned integer ( bilangan integer tak bertanda ). Jika seandainya kita memberikan suatu nilai di luar jangkauan integer ke suatu variable, maka variabel tersebut akan dikonversi ke tipe float. Selain itu tidak ada pembagian integer karena pembagian integer atau tipe numeric lainnya akan menghasilkan nilai float.

Tipe Data Float

Sintak : float

Tipe ini merupakan tipe bilangan real. Pada bahasa pemrograman seperti C/C++, tipe float terdiri dari single, double. Pada php jangkauan float juga tergantung pada platform yang digunakan, dimana maksimum bisa mencapai 1.8e308 dengan presisi 14 digit (64 bits). Contoh penulisan nilai float :

$a = 1.234; $a = 1.2e3; $a = 7E-10;

Catatan Biasanya pembagian dalam bilangan float tidak memberikan nilai pembulatan yang benar karena adanya kehilangan presisi ataupun adanya bilangan float yang berulang. Jadi jangan membandingkan nilai float untuk perbandingan kesamaan.

Tipe Data String

String merupakan kumpulan karakter. Pada php karakter sama dengan tipe bilangan byte yang mana memiliki 256 karakter berbeda. Panjang dari string yang dapat dibuat dibatasi oleh ukuran memori komputer kita. Jadi panjang string tak terbatas sepanjang memori kita mencukupi. Penulisan string pada php dapat diapit dengan tanda petik tunggal (') atau petik ganda (") . Contoh penulisan string :

$untai = 'Ini merupakan untaian karakter'; $rantai = "ini juga berupa string";

Selain itu di dalam string juga bisa terdapat karakter escape. Apa itu karakter escape ? karakter escape merupakan karakter yang diawali oleh tanda '\' . Kegunaan dari karakter ini

Page 24: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 24

adalah menyatakan suatu karakter khusus. Contoh cara mencetak string "hanya sebuah test" (tanda kutip termasuk dicetak) :

echo " \"hanya sebuah test\"";

Beberapa katakter escape yang sering digunakan :

Karakter escape Keterangan \n Linefeed / baris baru \t Tab Horizontal \\ Backslash (menulis tanda \ ) \$ Tanda dollar (menulis tanda $) \" Petik ganda(menulis tanda ")

Sedangkan jika kita menggunakan backslash untuk karakter selain tersebut dalam table di atas, maka backslash juga akan tercetak diikuti karakter didepannya.

Catatan Perbedaan antara tanda petik ganda dan petik tunggal untuk menuliskan string adalah jika petik ganda maka jika didalam string terdapat suatu variable maka nilai dari variable yang akan diexpand Sedangkan petik tunggal maka semua huruf yang ada di dalam tanda petik tunggal akan dicetak apa adanya.

Contoh :

$a = 10; echo "nilai a = $a" ; // tercetak "nilai a = 10" echo 'nilai a = $a' ; // tercetak "nilai a = $a"

Untuk membaca sebuah karakter pada string dapat digunakan cara berikut :

$kalimat = "Test saja"; $first = $kalimat{0}; // mendapatkan huruf pertama kalimat

konversi string ke tipe numeric menggunakan aturan berikut jika sebuah string terdapat karakter '.', 'e' , atau 'E' maka string tersebut dikonversi ke tipe float. Kalau tidak maka akan dikonversi ke integer. Kemudian jika string diawali dengan huruf maka nilai numeriknya = 0. Contoh :

$foo = 1 + "10.5"; // $foo = 11.5 bertipe float $foo = 1 + "-1.3e3"; // $foo = -1.299 bertipe float $foo = 1 + "bob-1.3e3"; // $foo = 1 bertipe integer $foo = 1 + "bob3"; // $foo = 1 bertipe integer $foo = 1 + "10 Small Pigs"; // $foo = 11 bertipe integer $foo = 1 + "10 Little Piggies"; // $foo = 11 bertipe integer $foo = "10.0 pigs " + 1; // $foo = 11 bertipe integer $foo = "10.0 pigs " + 1.0; // $foo = 11 bertipe float

Page 25: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 25

Tipe Data Array

Array adalah sebuah data yang mengandung satu atau lebih data, dan dapat diindek berdasarkan numerik maupun string. Pada php tipe masing-masing data variable array tidak harus sama dan variable array juga bisa menyimpan suatu variable array didalamnya. Array dapat dibuat dengan menggunakan fungsi array() atau list(). Sintak dari fungsi array() :

array( [key =>] value , ... ) // key is either string or nonnegative integer // value can be anything

Contoh :

$a = array( 1 => 'one', 2 => 'two', 3 => 'three' );

Jika key tidak dinyatakan atau nilai data langsung ditulis maka setiap data akan diberi index berupa angka yang berurutan sesuai dengan urutan penulisannya. Dan perlu diingat index array dimulai dari 0.

Contoh :

$a = array('one','two','three');

Cara lain untuk mendeklarasikan array adalah dengan menggunakan kurung siku([ ]) di depan nama variable array.

Sintak : $nama_var_array[key];

Contoh :

$list[10] = "22992000"; // data index 10 akan bernilai "22992307"

Yang perlu diingat besar dari array dapat berubah saat run time. Contoh penggunaannya :

$list[10] = "22992200"; // nilai data berindex 10 = "22992200" $list[] = "22992307"; // nilai data berindex 11 = "22992307"

Array multidimensi :

$matrik[3][3] = 12; // elemen baris 3 kolom 3 = 12 $matrik[3][4] = 11; // elemen baris 3 kolom 4 = 11

untuk membaca isi suatu array secara iterative dapat digunakan fungsi foreach();

Page 26: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 26

Sintak :

foreach(array_expression as $value) statement

Contoh :

$warna = array('merah','hijau','kuning'); foreach ( $warna as $item ) { echo "Do you like $item?\n"; } $colors = array('merah','hijau','kuning'); fungsi print_r() digunakan untuk menampilkan isi suatu array.

Casting Tipe Data

Kadang - kadang kita perlu mengubah integer ke float atau float ke integer,atau kita juga perlu mengubah suatu obyek dari sebuah class ke class yang lain. Proses inilah yang kita sebut casting.

Sintak :

(tipe data tujuan) nilai yang akan dirubah.

Contoh :

misal variable $b berisi data float. Kemudian kita ingin menyimpan nilai ini ke dalam integer maka :

$b = 2.55; $a = (int) $b; // variable $a akan bernilai 2

Nilai dari variable $b akan diubah dahulu kedalam tipe float , kemudian baru disimpan dalam variable $a. Selain teknik casting ini, kita juga dapat menggunakan fungsi settype() untuk mengubah tipe data suatu nilai.

Caranya : settype($variabel,”tipebaru”);

Catatan Jika kita ingin mengecek tipe dari suatu variable dapat kita gunakan fungsi gettype() atau is_type(). Selain itu jika kita ingin memaksakan suatu variable untuk dinyatakan dalam suatu tipe maka kita dapat menggunakan teknik casting.

Page 27: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 27

Variabel dan konstanta

Variabel

Variable merupakan penampung sebuah data dan memiliki sifat datanya dapat berubah-ubah. Pada PHP semua variable dituliskan dengan tanda $ di belakang nama variable. Aturan penamaan variable sama dengan aturan penulisan variable pada bahasa lainnya yaitu :

§ Nama variable bisa terdiri dari angka,huruf dan underscore. Selain itu tidak boleh digunakan.

§ Huruf pertama nama variable tidak boleh berupa angka. § Pada PHP nama variable bersifat case-sensitive yaitu memperhatikan huruf besar dan

kecil.

Contoh :

//penamaan berikut benar $nama = "Yusuf"; $test123 = "Test"; $_TEST = "Test"; $Test123 = "Test";

//penamaan yang salah $1Huruf = "A"; //diawali dengan angka $sw3ar-it = "Again"; //menggunakan karakter "-" $Tom&Jerry = "Kucing"; // menggunakan karakter "&"

Yang perlu diingat deklarasi tipe variable biasanya tidak ditentukan oleh programmer. PHP akan secara otomatis mengubah atau memberi tipe data berdasarkan kontek penggunaannya.

Contoh :

$nama = "Ini tipe String" ; //deklarasi tipe string; $numeric = 123 ; //deklarasi integer $numeric = 456.123 ; //Sekarang $numeric bertipe float $bollean = true ; // deklarasi tipe Boolean

Page 28: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 28

Scope variable (Jangkauan Variable)

Scope suatu variable adalah di bagian mana dari program variable itu berlaku atau dinyatakan. Penting bagi kita untuk mengetahui scope dari sebuah variable. Variable yang dinyatakan di dalam fungsi memiliki scope lokal saja artinya variable itu hanya dikenali atau digunakan di dalam fungsi itu saja.

Contoh :

<?php $A = 123 ; // variable global function Test() { $A = "Test"; // variable local echo "Nilai A dalam fungsi = $A \n"; } Test(); echo "Nilai A luar fungsi = $A \n"; ?>

Jika dijalankan maka akan tercetak :

Nilai A dalam fungsi = "Test" Nilai A luar fungsi = 123

Untuk menyatakan suatu variable global dari dalam fungsi dapat digunakan kata kunci global.

Contoh : <?php $A = 123 ; // variable global function Test() { global $A ; // variable local echo "Nilai A dalam fungsi = $A \n"; } Test(); echo "Nilai A luar fungsi = $A \n"; ?>

Jika dijalankan maka akan tercetak :

Nilai A dalam fungsi = 123 Nilai A luar fungsi = 123

Page 29: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 29

Catatan PHP memiliki variable-variable yang telah didefinisikan sebelumnya, variable ini digunakan untuk memberikan informasi tentang server , client dan lain-lain. Contoh :

§ $DOCUMENT_ROOT : berisi nama direktori root pada server. § $SERVER_NAME : berisi nama dari server host di mana script dieksekusi.

Nilainya bisa berupa nama virtual host. § $HTTP_USER_AGENT : Berisi informasi tentang client seperti jenis browser dan

Sistem Operasinya.

Untuk lebih detailnya, nama-nama variable yang ada dapat anda menggunakan fungsi phpinfo(). Coba anda buat file info.php berikut :

<?php phpinfo(); ?>

Kemudian buka di browser. PHP akan menampilkan semua informasi tentang variable yang ada beserta nilainya.

Konstanta

Konstanta mirip dengan variable. Bedanya nilai konstanta tidak pernah berubah sejak dideklarasikan. Untuk mendeklarasikan konstanta digunakan fungsi define().

Sintak : define("nama_konstanta",nilai);

Contoh :

<?php define("phi",3.14); define("nama","Andri Heryandi"); $r = 5; $luas = phi * $r * $r ; echo "Luas = $luas" ; $nama = nama; echo "Nama Saya Adalah $nama" ; ?>

Page 30: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 30

Operator Dalam PHP

Operator digunakan untuk melakukan suatu operasi. Operator-operator yang dapat digunakan diantaranya :

Operator Aritmatika

Operator ini berhubungan dengan operasi aritmatik.

Operator Penggunaan Contoh + Penjumlahan $a + $b - Pengurangan $a - $b * Perkalian $a * $b / Pembagian $a / $b % Modulus $a / $b

Modulus merupakan operasi sisa bagi. Contoh :

10 % 2 = 0 ( 10 dibagi 2 sisanya 0 ) 11 % 2 = 1 ( 11 dibagi 2 sisanya 1 )

Operator Assignment

Operator ini digunakan untuk memberikan/mendefinisikan nilai ke sebuah variable.

Operator Analogi Contoh = $a = $a $a = 3 += $a = $a + 1 $a += 1 -= $a = $a - 1 $a -= 1 *= $a = $a * 1 $a *= 2 /= $a = $a /1 $a /= 2

Operator Bitwise

Operator ini digunakan untuk operasi-operasi bilangan biner.

Operator Keterangan Contoh & And 11 & 13 = 9 | Or 11 | 13 = 15 ̂ Xor 11 ^ 13 = 6 ~ Not ~11 = 12 << Shift Left 11 << 2 = 2 >> Shift Right 11 >> 2 = 44

Page 31: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 31

Operator Perbandingan

Operator ini digunakan untuk melakukan suatu operasi perbandingan dan biasanya diletakkan di struktur kontrol program seperti if, elseif.

Operator Keterangan Contoh == Sama dengan $a == $b

=== Identik / Sama dengan dan sama tipe $a === $b

!= Tidak sama dengan $a != $b < Lebih kecil dari $a < $b > Lebih besar dari $a > $b

<= Lebih kecil dari atau sama dengan $a <= $b

>= Lebih besar dari atau sama dengan $a >= $b

Hasil dari suatu perbandingan selalu antara nilai true atau false saja. True jika perbandingannya benar dan sebaliknya akan bernilai salah.

Operator Logika

Operator ini digunakan untuk melakukan suatu operasi logika.

operator Keterangan Contoh And And ($a > $b) and ($a < $c) Or Or ($a > $b) or ($a < $b) Xor Xor ($a = 2) xor ($a = 3) ! Not !($a >= $b)

Page 32: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 32

Operator Decrement dan Increment

Operator ini diadopsi dari bahasa C++. Digunakan untuk menambahkan atau mengurangi nilai suatu variable dengan 1.

Operator Keterangan Contoh ++$a Pre-increment $a = ++$b --$a Pre-decrement $a = --$b $a++ Post-Increment $a = $b++ $a-- Post-decrement $a = $b--

Maksud pre adalah nilai dari suatu variable ditambahkan/dikurangi dulu dengan satu baru operasi lainnya dijalankan. Sedangkan post adalah operasi dilaksanakan dulu , kemudian setelah semua operasi selesai baru nilai dari variable itu ditambahkan/dikurangi dengan satu.

Contoh :

$b = 10 ; $a = ++$b ; // $a = 11 dan $b = 11 $a = --$b ; // $a = 10 dan $b = 10 $a = $b++ ; // $a = 10 dan $b = 11 $a = $b-- ; // $a = 11 dan $b=10 $a = $b-- + 3 ; // $a=13 dan $b=9 $a = $b++ + ++$b ; // $a= 20 dan $b = 11

Page 33: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 33

Struktur Kontrol

Selain statemen sederhana yang telah kita pelajari di atas terdapat beberapa statemen yang digunakan untuk proses khusus. Lebih detail lagi dalam PHP seperti bahasa C maupun java memiliki beberapa struktur kontrol program. Dengan menggunakan struktur-struktur ini maka jalannya program tidak selalu berurutan sesuai dengan kondisi yang ditemui.

Struktur Berurutan

Struktur ini merupakan struktur yang paling sederhana. Program akan dijalankan secara urut dari awal program ke akhir program .

Contoh :

<?php echo "Statemen 1"; echo "Statemen 2"; echo "Statemen 3"; ?>

Disini dikenal istilah blok program , yaitu sebuah potongan program yang diapit oleh tanda { }.

Contoh :

if(true) { // awal blok $kata = "test"; echo "Ini tercetak\n"; echo "Jika kondisi bernilai true"; } // akhir blok

Catatan Variable yang dideklarasikan pada suatu blok bersifat lokal di dalam blok tersebut. Blok biasanya digunakan untuk menyatakan bagian pada struktur kontrol lainnya.

Page 34: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 34

Struktur Seleksi (Kondisi)

Struktur ini digunakan untuk mengatur aliran program berdasarkan kondisi tertentu yang ditetapkan. Struktur ini terdiri dari struktur if … else dan switch. Struktur if … else digunakan untuk masalah percabangan proses.

Sintak :

if(syarat/kondisi) { Operasi yang dijalankan; } else { Operasi yang dijalankan; }

Nilai dari syarat / kondisi adalah true atau false. True jika syarat terpenuhi dan false jika syarat tidak terpenuhi.

Contoh :

<?php $nilai = 60; if($nilai >= 50) echo "Anda Lulus"; else echo "Anda tidak lulus"; ?>

Karena $nilai >= 50 maka kalimat "Anda Lulus" yang akan dicetak.

Untuk sele ksi dengan alternatif banyak digunakan struktur switch.

Sintak :

switch(variable) { case nilai 1 : perintah yang dijalankan ; break; case nilai 2 : perintah yang dijalankan ; break; ... default : perintah yang dijalankan ; break; }

Contoh :

<?php $bulan = 2; Switch ($bulan) { Case 1 : echo "Januari"; break; Case 2 : echo "Februari"; break;

Page 35: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 35

Case 3 : echo "Maret"; break; Case 4 : echo "April"; break; . . . Case 10 : echo "Oktober"; break; Case 11 : echo "November"; break; Case 12 : echo "Desember"; break; } ?>

Output :

Februari

Selain switch dapat juga digunakan struktur if … elseif … else :

Sintak :

if ($syarat 1) { proses 1 } elseif ($syarat 2) { proses 2 } else { proses 3 }

Contoh :

$hari = 3; if($hari == 1) echo "Senin"; elseif($hari == 2) echo "Selasa"; elseif($hari == 3) echo "Rabu"; elseif($hari == 4) echo "Kamis"; elseif($hari == 5) echo "Jumat"; elseif($hari == 6) echo "Sabtu"; elseif($hari == 7) echo "Minggu"; else echo "Salah kode hari";

Output :

Rabu

Page 36: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 36

Struktur Perulangan

Perulangan adalah sebuah proses eksekusi operasi program secara berulang-ulang sampai ditemui kondisi untuk mengakhiri eksekusi tersebut.

Perulangan While

Sintak :

while(syarat) { operasi program ; }

Operasi program akan dieksekusi terus-menerus selama syarat bernilai true. Bagian blok while mungkin dapat tidak dieksekusi jika pada awal looping syarat telah bernilai false.

Contoh :

<?php $a = 0 ; while($a < 5) { echo $a ; $a++ ; }

Output :

01234

Page 37: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 37

Perulangan Do - While

Sintak :

do { proses program ; }while($syarat);

Proses program minimal dijalankan sekali karena pengujjian syarat dilakukan diakhir struktur. Blok do-while akan dieksekusi lagi jika syarat bernilai true;

Contoh :

$a = 0; do { echo $a; $a++; } while ($a < 5);

Output :

01234

Perulangan FOR

Sintak :

for( nilai awal loop; syarat ; penambahan ) { operasi program ; }

Contoh :

for ( $a = 0 ; $a < 5 ; $a++ ) { echo $a ; }

Output :

01234

Page 38: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 38

Catatan Untuk menghentikan perulangan dari suatu loop digunakan kata kunci break. Break diikuti dengan numeric argumen menunjukkan berapa tingkatan loop yang dihentikan perulangannya.

Contoh :

<?php $i = 0 ; while(true) { switch($i) { case 0 : echo "Break pertama"; break 1 ; case 1 : echo "Break kedua"; break 2 ; default : break ; } $i++ ; } ?>

Kata kunci continue digunakan untuk kembali ke awal loop atau dilanjutkan ke loop berikutnya dimana sisa operasi program di bawahnya akan diabaikan. Continue diikuti argumen numerik menunjukkan tingkatan loop yang akan dikerjakan.

Contoh :

<?php for($i = 1 ;$i < 11 ;$i++) { if ($i % 2 == 0 ) continue ; else echo $i ; } ?>

Program di atas akan menampilkan nilai $i yang ganjil saja.

Page 39: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 39

Fungsi dalam PHP

Deklarasi Fungsi

Fungsi adalah sekumpulan perintah operasi program yang dapat menerima argumen input dan dapat memberikan hasil output yang dapat berupa sebuah nilai ataupun sebuah hasil operasi. Fungsi dideklarasikan dengan statemen function diikuti nama fungsi dan beberapa argumen input.

Sintak :

function nama_fungsi( argumen_input ) { operasi fungsi; return nilai; }

Contoh :

function kali( $bil1 ,$bil2 ) { $hasil = $bil1 * $bil2; return $hasil; }

Dalam pemberian sebuah nama fungsi, maka nama fungsi itu tidak boleh sama dengan nama fungsi yang telah disediakan oleh PHP contohnya fungsi echo, print dan lain-lain.

Argumen Fungsi

Secara default, argumen dikirimkan ke fungsi adalah berupa nilai saja. Jadi kita tidak bisa mengubah nilai variable yang dipakai sebagai argumen di dalam fungsi. Jika kita mengubah nilai argumen di dalam fungsi maka nilai asli pada variable tetap. Agar kita dapat mengubah nilai asli variable di dalam fungsi maka kita harus mengirimkan argumen berdasarkan reference. Caranya dengan menambahkan tanda "&" didepan variable saat kita memanggil fungsi.

Contoh :

function tambah_satu ( $a ) { $a++ ; } $a = 10; tambah_satu ( &$a ) ; // tanda & digunakan utk mereferencekan variabel echo $a ; // output 11 ?>

Page 40: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 40

Fungsi Operasi File dalam PHP

Pada bagian ini kita akan mempelajari operasi dasar file, yaitu : membuka, membaca, menulis dan menutup file.

Membuka dan Menutup File

Untuk membuka file dari system file, HTTP atau FTP digunakan fungsi fopen().

Sintak :

fopen(nama file , mode akses);

Mode akses menunjukkan operasi yang akan kita lakukan terhadap file tersebut. Berikut mode akses yang disediakan :

§ "r" - membuka file untuk dibaca , pointer file diletakkan di awal file. § "r+" - membuka file untuk dibaca dan diubah, pointer file diletakkan di awal file. § "w" - membuka file untuk diubah, pointer file diletakkan di awal file. § "w+" - membuka file untuk diubah dan dibaca, pointer diletakkan di awal file. § "a" - membuka file untuk diubah, pointer diletakkan di akhir file. § "a+" - membuka file untuk diubah dan dibaca, pointer terletak pada akhir file.

Contoh :

<?php $MyFile = fopen("fileku.txt","r"); ?>

Tip Jika file yang kita buka tidak ada maka nilai dari variable $MyFile ( file pointer ) tadi akan bernilai NULL. Hal ini penting kita perhatikan, karena jika kita melakukan operasi file terhadap file yang tidak ada maka akan muncul pesan kesalahan dan hal ini tidak baik bagi seorang web master. Untuk itu kita harus melakukan pengecekkan suatu file dengan menggunakan fungsi file_exists(). Nilai yang dihasilkan dari fungsi ini berupa nilai boolean.

Contoh : <?php if(file_exists("fileku.txt")) { $MyFile = fopen("fileku.txt","r"); fclose($MyFile); } else { echo "File fileku.txt tidak ada dalam system kami"; exit(1); }

Dengan cara ini kesalahan pembacaan file tidak akan muncul. Fungsi fclose() digunakan untuk menutup file.

Page 41: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 41

Membaca File

Untuk membaca isi file dapat digunakan fungsi fread() atau fgets(). Fungsi fread() lebih terformat dan biasanya dipasangkan dengan fungsi fwrite(). Sedangkan fgets() membaca perblok dan biasanya dipasangkan dengan fungsi fputs().

Sintak :

fread(file_pointer,panjang string); fgets(file_pointer,besar buffer);

Contoh :

<?php if(file_exists("fileku.txt")) { $MyFile = fopen("fileku.txt",'r'); while( !feof($MyFile)) { $buffer = fgets($MyFile,4096) ; // Membaca per baris echo "<BR>$buffer"; } fclose($MyFile); } ?>

Fungsi feof() digunakan untuk mengetahui apakah pointer file ada di akhir file. Nilai yang dihasilkan bertipe boolean.

Page 42: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 42

Menulis ke File

Untuk ke file digunakan fungsi fwrite() atau fputs(). Fungsi fwrite() digunakan berpasangan dengan fread() sedangkan fungsi fputs() dengan fungsi fgets().

Sintak :

fread(file pointer, string , panjang string); fputs(file pointer, string );

Contoh :

<?php if(file_exists("fileku.txt")) { $MyFile = fopen("fileku.txt",'a'); fputs($MyFile,$kalimat) ; fclose($MyFile); } ?>

Page 43: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 43

Pengantar MySQL MySQL merupakan sebuah software yang berguna sebagai suatu Database Server yang cukup terkenal. Kepopulerannya seiring dengan penggunaan script PHP untuk web programming. Database server itu sendiri merupakan suatu software yang bertugas untuk melayani permintaan (request) query dari client. MySQL sebagai suatu database server mempunyai beberapa kemampuan, salah satunya harus menyediakan suatu system manajemen database yang dapat mengatur bagaimana menyimpan, menambah, mengakses data dan transaksi-transaksi database lainnya. MySQL cepat sekali berkembang, karena MySQL merupakan suatu software yang Open Source. Website MySQL adalah www.mysql.com, di website inilah ada banyak hal yang bisa ditemukan seperti MySQL versi terbaru atau dokumentasi-dokumentasi serta program-program utility MySQL. Transaksi-transaksi utama database yang bisa dilakukan oleh MySQL diantaranya :

1. Membuat database 2. Membuat tabel 3. Menghapus database 4. Menghapus tabel 5. Menambah data 6. Mengedit data 7. Menghapus data 8. Pemilihan data 9. Dan lain-lain.

Page 44: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 44

Mengaktifkan database server MySQL Untuk mengaktifkan database server MySQL, maka langkah yang dilakukan adalah :

1. Cara ke-1, kalau memakai PHP Triad maka yang harus dilakukan adalah mengklik shortcut yang ada di Start – Program – PHP Triad – Start MySQL.

2. Cara Ke-2 dengan mengklik file mysqld.exe yang ada di folder bin yang ada di

folder mysql. Contohnya di C:\Apache\MySQL\Bin

Page 45: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 45

Menjalankan perintah SQL dalam MySQL Untuk menjalankan perintah-perintah yang bisa dieksekusi oleh MySQL maka kita harus menggunakan MySQL Command Line yang bisa kita jalankan dengan men-double klik pada file mysql.exe yang ada di folder mysql\bin. Jika telah dieksekusi, maka akan menampilkan tampilkan sebagai berikut : Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 27 to server version: 3.23.32-debug Type 'help;' or '\h' for help. Type '\c' to clear the buffer mysql> Sebenarnya ada banyak software yang bisa digunakan sebagai pengganti MySQL command line ini, seperti MySQLFront, PHPMyAdmin dan lain-lain, tetapi untuk sementara kita memakai command line yang berasal dari MySQL-nya sendiri. Untuk menulis perintah-perintah SQL, maka kita menulisnya di bagian setelah prompt mysql>. Contoh : mysql> create database DatabaseKu; Perintah diatas adalah perintah SQL untuk membuat suatu database dengan nama databasenya adalah DatabaseKu. Perhatikan setiap akhir perintah SQL selalu ditutup dengan tanda titik koma (;). Untuk mengeksekusi perintah diatas tekan enter jika perintah SQL-nya telah ditulis dan telah ditutup dengan titik koma. Jika perintah SQL yang ditulis benar maka akan muncul tampilkan sebagai berikut : Query OK, 1 row affected (0.00 sec) Pernyataan diatas berarti bahwa secara bahasa perintah SQL yang ditulis telah benar dan pembuatan databasenya telah berhasil. Untuk mengetahui tentang perintah-perintah SQL, maka perhatikan terus halaman-halaman berikutnya.

Page 46: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 46

Perintah-Perintah Query (SQL) 1. Pembuatan database

Database adalah suatu kumpulan data-data yang terstruktur dan berelasi. Dalam database terdapat objek-objek yang merupakan bagian dari database diantaranya adalah table (tabel). Suatu data sebenarnya bukan disimpan dalam database tetapi disimpan dalam tabel. Dari keterangan di atas database juga dapat disimpulkan sebagai kesatuan dari tabel-tabel yang saling berhubungan. Untuk membuat suatu database dalam MySQL, perintah dasarnya adalah : CREATE DATABASE [IF NOT EXISTS] db_name Perintah CREATE DATABASE akan menciptakan sebuah database dengan nama sesuai dengan yang diberikan. Perintah IF NOT EXIST boleh tidak ditulis, perintah tersebut berarti pembuatan database akan dilakukan jika database tersebut belum ada (not exists). Db_name diisi dengan nama database sesuai dengan keinginan kita dengan ketentuan penamaannya adalah panjang maksimal 64 karakter dan dimulai bukan dengan angka tetapi dengan karakter dan hampir semua karakter dapat digunakan kecuali slash (/), backslash (\), dan titik (.) serta jangan menggunakan spasi. Aturan ini mirip dengan aturan pembuatan sebuah folder (directory). Ini disebabkan karena pembuatan suatu database sebenarnya membuat suatu folder di folder data yang ada di folder mysql. Contoh : Create database Penjualan; Create database LowonganKerja; Create database if not exists Penjualan; Untuk melihat database apa saja yang telah ada dalam database server MySQL, perintah-nya adalah Show databases;

Page 47: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 47

2. Menghapus sebuah database Menghapus database diperlukan ketika database tersebut sudah tidak diperlukan lagi. Untuk menghapus suatu database, perintah dasar SQL-nya adalah : DROP DATABASE [IF EXISTS] db_name Perintah diatas adalah perintah untuk menghapus suatu database. Perintah IF EXISTS merupakan perintah tambahan yang boleh ditulis atau pun tidak. Perintah ini berguna agar berguna agar MySQL tidak menampilkan error ketika database yang akan dihapus tidak ada. Drop Database Contoh; Perintah diatas adalah perintah menghapus database yang bernama contoh. Perintah ini akan menghasilkan error ketika database contoh tidak ada. Drop Database if exists Penjualan; Perintah diatas adalah perintah menghapus database yang bernama Penjualan. Perintah ini tidak akan menghasilkan error kalau database Penjualannya memang tidak ada.

3. Melakukan koneksi ke suatu database

Untuk melakukan pengaksesan ke sutu database maka yang dilakukan adalah dengan menulis perintah sebagai berikut : Use DB_Name Perintah tersebut akan mengaktifkan database yang bernama DB_Name, sehingga ketika kita melakukan perintah SQL, maka perintah tersebut akan mengacu ke database DB_Name.

Page 48: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 48

4. Membuat tabel Perintah dasar pembuatan tabel adalah sebagai berikut : Create table NamaTabel (definisi field). Contoh :

CREATE TABLE Barang ( Kode VARCHAR (6) not null, Nama VARCHAR (25) not null, TanggalMasuk DATE, Harga FLOAT DEFAULT '0' not null, Stok INT DEFAULT '0' not null, PRIMARY KEY (Kode) );

Perintah diatas berarti membuat tabel dengan nama tabel adalah Barang dengan field-field datanya adalah : a. Field Kode dengan tipe data VARCHAR dengan panjang maksimal adalah 6

karakter dan tidak boleh dikosongkan (harus diisi). b. Field Nama dengan tipe data VARCHAR dengan panjang maksimal adalah 25

karakter dan tidak boleh dikosongkan (not null). c. Field TanggalMasuk dengan tipe data DATE dan boleh dikosongkan. d. Field Harga dengan tipe data FLOAT (bilangan pecahan), dengan ketentuan

kalau tidak diisi maka akan bernilai 0 (nol), dan field ini tidak boleh dikosongkan. e. Field Stok dengan tipe data INT (bilangan bulat), dengan nilai defaultnya adalah

0 (nol) dan tidak boleh dikosongkan. f. Kunci Primer (Primary Key) dari tabel ini adalah terletak pada field Kode dengan

ini maka tidak boleh ada Kode dengan isi yang sama. Hanya ada 1 primary key dalam suatu tabel.

Tipe-tipe data yang dikenal oleh MySQL dapat dilihat di buku-buku MySQL atau referensi-refernsi MySQL.

5. Menampilkan tabel-tabel yang ada di suatu database Untuk menampilkan tabel-tabel apa saja yang telah ada dalam suatu database, perintah SQL-nya adalah : Show tables;

Page 49: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 49

6. Menghapus tabel Untuk menghapus tabel perintah SQL-ny a adalah : Drop table namatabel Contoh : Drop table LowonganKerja;

7. Memasukan data ke dalam table Untuk mengisikan suatu data ke suatu tabel, perintah SQL-nya adalah insert. Dengan struktur perintahnya adalah sebagai berikut : Insert into namatabel (field1,field2,field3,…,fieldN) values

(isi1,isi2,isi3,…,isiN)

Contoh

Insert into Barang values (‘BK001’,’Buku Tulis’,’20030101’,3000,50)

1.

Masukan data ke tabel Barang dengan pengisian fieldnya sesuai dengan strukur tabel sehingga BK001 ke field Kode, Buku Tulis ke field Nama, 20030101 ke field TanggalMasuk, 3000 ke field Harga, dan 50 ke field stock. Insert into Barang (Nama, Harga, TanggalMasuk, Kode, Stock)

values (’Buku Grafik’, 5000, ’20030201’, ‘BK002’, 5) 2.

Masukan data ke tabel Barang dengan pengisian data Buku Grafik ke field Nama, 5000 ke field Harga, 20030201 ke field TanggalMasuk, BK002 ke field Kode, dan 5 ke field stock. insert into barang values('BK003','Buku Gambar',curdate(),2500,10);

3.

Pemasukan data dengan data field tanggal diisi dengan tanggal yang sedang aktif di komputer. Fungsi curdate() menghasilkan nilai tanggal sekarang. Insert into barang (Kode,Nama,Harga) values (‘BK004’,’Kertas Polio’, 20000);

4

Masukan data ke tabel barang dengan kode diisi BK004, Nama diisi Kertas Polio, dan harga diisi denga n 20000. Field Tanggalmasuk tidak diisi berarti bernilai Null, dan field Harga akan berisi sesuai dengan nilai defaultnya (0).

Tambahkan data-data berikut ke tabel barang. +-------+-----------------+--------------+-------+------+ | Kode | Nama | TanggalMasuk | Harga | Stok | +-------+-----------------+--------------+-------+------+ | DK001 | Disket Verbatim | 2003-03-15 | 3500 | 20 | | DK002 | Disket Fuji | 2002-05-01 | 3000 | 120 | | DK003 | Disket Sony | 2003-03-25 | 2500 | 2 | | BP001 | Ballpoint Pilot | 2002-03-15 | 3500 | 30 | | BP002 | Ballpoint Boxy | 2003-05-17 | 4500 | 10 | +-------+-----------------+--------------+-------+------+

Page 50: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 50

8. Pemilihan data Untuk menampilkan/pemilihan suatu data menggunakan perintah SQL, struktur perintah SQL-nya adalah sebagai berikut :

Select fieldyangakanditampilkan from namatabel where kondisipemilihan

order by namafieldpengurutan

Select * From Barang 1.

Menampilkan semua field (*) dari tabel Barang Select * From Barang Order by Nama 2.

Pilih semua field (*) dari tabel Barang dan diurutkan berdasarkan field Nama secara ascending (Menaik dari kecil ke besar). Untuk pengurutan secara Descending, tambahkan kata Desc setelah nama fieldnya. Jika ada lebih dari 1 tingkat pengurutan maka gunakan pemisah. Contoh order by nama desc, harga; [pertama penguran nama secara descending, kemudian jika ada nama yang sama maka akan diurutkan berdasarkan harga tetapi secara ascending. Select Kode, Nama, Harga from Barang order by Harga desc limit 0,3;

3.

Pilih field Kode, Nama, Harga dari tabel barang kemudian diurutkan berdasarkan harga secara menurun dan field yang diambil adalah dari field ke-1 (0 adalah data ke-1) sebanyak 3 buah data. Dengan kata lain perintah ini adalah perintah untuk menampilkan 3 buah barang yang paling mahal harganya. Select kode, Nama, Harga from barang where harga>=5000; 4. Menampilkan field Kode, Nama, Harga dari tabel barang yang field harganya lebih besar atau sama dengan 5000. select count(*) as BanyakData, max(harga), min(harga) as Termurah, avg(Harga) as 'Rata Rata' from barang;

5.

Tampilkan banyak record (count(*) as BanyakData) dengan nama kolomnya adalah BanyakData, harga yang paling tinggi (max(harga)), harga yang paling murah dengan nama field hasilnya adalah termurah (min(harga) as Termurah), serta rata-rata harga (avg(harga) as ‘Rata Rata’). Select * from barang where year(tanggalmasuk)=2002; 6. Tampilkan semua field (*) dari tabel barang yang tahun tanggal masuknya adalah 2002. fungsi lain selain year yang bisa digunakan adalah month (untuk memilih bulan), dayofmonth (untuk tanggal), dayofweek (untuk kode hari dimana 1=Minggu), dan lain-lain (lihat mysql reference). Select * from Barang where kode like ‘BK%’; 7. Pilih semua field dari tabel Barang dimana kodenya dimulai dengan BK. Tanda % berarti boleh apa saja. Contoh lain : kode like ‘%1’ artinya dimana huruf terakhir dari kode adalah angka 1 dan depannya boleh apa saja, kode like ‘%V%’ artinya dimana kode memiliki huruf V baik di depan, ditengah atau diakhir. Select * from barang where tanggalmasuk is null; 8. Pilih semua field dari barang yang tanggalmasuknya dikosongkan (null). select * from barang where (harga>=2000) and (harga<=4000); 9. Pilih semua field dari tabel barang yang harga barangnya antara 2000 sampai 4000.

Page 51: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 51

9. Penghapusan data Untuk penghapusan data perintah SQL-nya adalah delete. Dengan aturan penulisannya adalah sebagai berikut : Delete from namatabel where kondisifieldyanganakdihapus.

Hindari perintah Delete from NamaTabel, jika tanpa where maka semua data yang ada di dalam tabel akan dihapus. Perintah delete berbeda dengan perintah drop. Perintah Delete hanya menghapus datanya dan struktur tabelnya masih tetap ada akan tetapi perintah drop adalah perintah menghapus struktur tabel beserta semua isinya. Untuk kondisi penghapusan, sama saja dengan kondisi seperti kondisi pemilihan. Contoh : Delete from Barang where stok=0; Perintah diatas berarti menghapus semua record di tabel barang yang field stocknya adalah 0.

10. Pengeditan data Untuk mengubah isi suatu field tertentu yang ada di suatu tabel, perintah SQL yang digunakan adalah Update, dimana aturan penulisannya adalah sebagai berikut : Update namatabel set field1=isifield1, field2=isifield2

where kondisipengeditandata;

Contoh :

Update Barang set stok=stok+5, tanggalmasuk=curdate() where kode=’BK001’;

1.

Update field stock diisi dengan stock sekarang + 5 dan tanggal diisi dengan tanggal sekarang yang kode barangnya adalah ‘BK001’; update barang set nama=upper(nama); 2. Mengupdate semua record (lihat tanpa ada where), dan meng-set nama menjadi uppercase dari nama -nya sendiri. Kesimpulan : Mengubah nama menjadi kapital.

Page 52: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 52

Web Dinamis Berbasis Database

Di mulai dari pertemuan sekarang, kita akan membuat suatu web site yang berbasis database.

Langkah pertama untuk membuat web tersebut adalah dengan membuat database dan tabel yang akan diakses oleh web site tersebut.

Sebagai contoh tabel yang digunakan bernama Barang dengan struktur fieldnya adalah :

+--------------+-------------+------+-----+---------+-------+ | Field | Type | Null | Key | Default | Extra | +--------------+-------------+------+-----+---------+-------+ | kode | varchar(5) | | PRI | | | | nama | varchar(25) | | | | | | tanggalmasuk | date | YES | | NULL | | | harga | float | | | 0 | | | stok | int(11) | | | 0 | | +--------------+-------------+------+-----+---------+-------+

Perintah SQL untuk membuat struktur tabel tersebut adalah : CREATE TABLE barang ( kode varchar(5) NOT NULL, nama varchar(25) NOT NULL, tanggalmasuk date, harga float DEFAULT '0' NOT NULL, stok int DEFAULT '0' NOT NULL, PRIMARY KEY (kode) );

Catatan :

Untuk jalannya website ini, ada beberapa hal yang harus dipenuhi yaitu : 1. Web Server harus dalam keadaan aktif (apache harus jalan) 2. Database Server MySQL harus dalam keadaan aktif.

Page 53: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 53

Setelah database dan tabel telah tersedia, maka langkah berikutnya adalah membuat website-nya. Langkah pertamanya adalah dengan buat dulu suatu homepage yang akan menjadi page default (yang akan muncul ketika alamat web site ditulis).

Buatlah homepage seperti dibawah ini dan kemudian disimpan ke dalam file index.php atau index.htm (disarankan menggunakan ekstensi .php untuk mempermudah mengingat) yang ada dalam folder C:\apache\htdocs\folderanda.

Script untuk page ini dapat dilihat di halaman berikutnya :

Page 54: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 54

Scriptnya <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <p>Web site ini merupakan web site latihan untuk mata kuliah E-Commerce. Web site ini menggunakan database server MySQL. Dalam homepage ini terdapat beberapa transaksi yang dapat dilakukan, diantaranya :</p> <ul> <li>Menampilkan semua data</li> <li>Penambahan data</li> <li>Pencarian data</li> <li>Penghapusan data</li> <li>Pengeditan data</li> <li>Penambahan stock (pembelian)</li> <li>Pengurangan stock (penjualan)</li> </ul> <hr> </body> </html>

Jika telah disimpan, maka tampilkan page berikut dengan menulis alamat

http://localhost/folderanda.

Page 55: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 55

1. Menampilkan Data Untuk menampilkan data yang ada dalam database, maka kita membutuhkan suatu file yang didalamnya terdapat script php yang mampu mengakses ke database. Scriptnya adalah sebagai berikut : <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select * From Barang order by Kode"; $hasil=mysql_query($query,$link); $banyak=mysql_numrows($hasil); if ($banyak>0) { echo "Data yang ada dalam tabel adalah $banyak record."; echo "<table border=1 cellspacing=0 width=100%> <tr bgcolor=silver> <td width=15% align=center>Kode Barang</td> <td width=30% align=center>Nama Barang</td> <td width=20% align=center>Tanggal Masuk</td> <td width=20% align=center>Harga</td> <td width=15% align=center>Stok</td> </tr>"; while ($data=mysql_fetch_row($hasil)) { echo "<tr> <td align=center>$data[0]</td> <td>$data[1]</td><td align=center>$data[2]</td> <td align=right>".number_format($data[3],0,"",".")."</td> <td align=center>$data[4]</td> </tr>"; } echo "</table>"; } else echo "Tidak ada data dalam tabel"; mysql_close($link); ?> <a href="index.php">Kembali ke awal</a> </body> </html>

Simpan script di atas dengan nama tampildata.php di folder yang sama dengan index.php, kemudian buatlah link dari file index.php pada bagian Menampilkan Semua Data diubah menjadi <a href=tampildata.php>Menampilkan Semua Data</a>. Kemudian web site dijalankan lagi dengan alamat localhost/folderanda, dan jika telah muncul coba klik pada bagian Menampilkan Semua Data. Jika script PHP yang anda tulis telah benar, maka browser akan menampilkan layar seperti di bawah ini.

Page 56: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 56

Keterangan Script :

Perintah Penggunaan & Kegunaan mysql_connect mysql_connect(namaserver, username, password)

Perintah ini digunakan untuk melakukan suatu koneksi ke database server. Fungsi ini menghasilkan suatu pengenal link (link identifier) yang digunakan untuk perintah berikutnya.

mysql_select_db mysql_select_db(namadatabase, linkidentifier) Perintah ini digunakan untuk memilih database apa yang akan diproses.

mysql_query mysql_query(query, linkidentifier) Perintah ini digunakan untuk mengeksekusi perintah SQL yang ada di parameter query. Fungsi ini akan mengh asilkan suatu penunjuk ke hasil eksekusi (result).

mysql_numrows Mysql_numrows(result) Perintah ini digunakan untuk menampilkan berapa data yang dihasilkan dari eksekusi query.

mysql_fetch_row Mysql_fetch_row(link result) Perintah ini digunakan untuk mengambil satu baris data dari proses eksekusi query. Perintah ini menghasilkan array yang dimulai dari index 0.

mysql_close Mysql_close(link identifier) Menutup koneksi sesuai dengan link identifiernya.

Page 57: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 57

2. Penambahan data

Untuk proses penambahan data, tentunya kita harus memiliki suatu home page yang berguna untuk pengisian data (form). Contoh form pengisiannya adalah seperti gambar di bawah ini.

Simpan form pengisian data tersebut dengan nama tambahdata.php dan disimpan di folder anda. Pada script form pengisian data, urutan field tanggal dibuat dengan script php dengan melakukan perulangan dari 1 sampai 31 dan begitu juga untuk urutan bulan dari 1 sampai 12, kalau mau ditulis secara manual, itu bukan masalah. Jika Script ini sudah disimpan, maka buatlah link ke file tambahdata.php dari index.php dengan mengubah bagian Tambah Data dengan menganti perintah tersebut dengan <a href=tambahdata.php>Tambah Data</a>. Script untuk form ini dapat dilihat pada halaman berikutnya :

Page 58: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 58

Script Form Pengisian Data : <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method=POST action="prosessimpan.php"> <center><font style="font-size: 20pt">PENGISIAN DATA BARANG</font> <hr color=black width="60%"> <table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%"> <tr> <td width=34%>Kode Barang</td> <td width=66%><input type=text name=ekode size=8 maxlength=6></td> </tr> <tr> <td>Nama Barang</td> <td><input type=text name=enama size=21 maxlength=25></td> </tr> <tr> <td>Tanggal</td> <td><select size=1 name=etanggal> <? for($i=1;$i<=31;$i++) echo "<option>$i</option>"; ?> </select> - <select size="1" name="ebulan"> <? for($i=1;$i<=12;$i++) echo "<option>$i</option>"; ?> </select> - <input type=text name=etahun size=5 maxlength=4> </td> </tr> <tr> <td>Harga</td> <td><input type=text name=eharga size=9></td> </tr> <tr> <td>Stok</td> <td><input type=text name=estok size=9></td> </tr> <tr> <td>&nbsp;</td> <td> <input type=submit value="Simpan"> <input type=reset value="Reset"> </td> </tr> </table> <hr color=black width="60%"> | <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | </center> </form> <hr> </body> </html>

Page 59: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 59

Dengan selesainya script form pengisian data, maka kita memerlukan lagi suatu file yang di dalamnya terdapat script PHP yang berguna untuk melakukan proses penyimpanan data ke database MySQL, nama file-nya harus sesuai dengan nama file yang ada dalam bagian action form.. Dalam file tersebut juga harus dapat menampilkan apakan proses penyimpanan data telah selesai atau gagal. Script PHP-nya adalah sebagai berikut : <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="4"> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Insert into Barang values('$ekode','$enama', '$etahun-$ebulan-$etanggal',$eharga,$estok)"; $hasil=mysql_query($query,$link); if ($hasil) echo "Data Telah Disimpan!. <br>Congratulation"; else echo "Data ada yang salah. Data Tidak Tersimpan.<br> <a href=javascript:history.back(1)>Ulang</a>"; mysql_close($link); ?> </font></td> </tr> </table> | <a href="index.php">Kembali ke awal</a> | <a href=tampildata.php>Tampil Data</a> | <a href="tambahdata.php">Tambah Lagi</a> | </body> </html>

Perintah SQL untuk penambahan data disusun dalam script ini. Perintah if ($hasil) berarti kalau pengisian data sukses, maka akan menampilkan pesan Data Telah Disimpan dan kalau penyimpanan tidak sukses maka akan menampilkan pesan Data ada yang salah. Data tidak Disimpan dan akan menampilkan link untuk kembali ke pengisian data sebelumnya.

Ingat : Simpan file ini dengan nama sesuai action form contoh : prosessimpan.php

dalam folder yang sama.

Page 60: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 60

Tampilan ketika penyimpanan telah sukses.

Tampilkan ketika penyimpanan gagal.

Page 61: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 61

3. Pencarian data Pencarian data sebenarnya suatu proses untuk menyusun suatu perintah SQL berdasarkan criteria-kriteria yang diinginkan yang diisikan dalam suatu form. Ada beberapa versi pencarian data, ada yang membuat form pengisian kriteria terpisah dengan page hasil pencariannya, ada juga yang membuat form pengisian kriterianya disatukan dengan page hasil pencariannya. Perbedaannya hanya terletak pada action pada form pengisian kriteria pencariannya saja. Kalau yang dipisah, file action-nya berbeda dengan file formnya, dan yang disatukan, maka nama file action-nya sama dengan nama file page form pengisian kriterianya. Dalam contoh berikut, yang akan dipakai adalah dengan memisahkan antara form pengisian criteria dengan form hasil pencariannya. Langkah pertama yang harus dibuat adalah membuat form pengisian kriterianya. Lihat gambar dibawah ini sebagai contohnya :

Simpan file tersebut dengan nama pencariandata.php dan jangan lupa untuk membuat link ke page pencarian dari page index.php, dengan mengubah Pencarian Data menjadi <a href=pencariandata.php>Pencarian Data</a>. Script untuk membuat form tersebut dapat dilihat di halaman berikutnya :

Page 62: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 62

<html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method="POST" action="prosespencarian.php"> <center><font style="font-size: 20pt">PENCARIAN DATA</font><hr color="#000000" width="50%"> <table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%"> <tr> <td width="34%">Field</td> <td width="66%"> <select size="1" name="efield"> <option>Kode</option> <option>Nama</option> <option value="TanggalMasuk">Tanggal Masuk</option> <option>Harga</option> <option>Stok</option> </select></td> </tr> <tr> <td>Kategori</td> <td><select size="1" name="eoperator"> <option value="=">Sama Dengan</option> <option value=">">Lebih Besar</option> <option value=">=">Lebih Besar Atau Sama Dengan</option> <option value="<">Lebih Kecil</option> <option value="<=">Lebih Kecil Atau Sama Dengan</option> <option value="like">Mengandung</option> </select></td> </tr> <tr> <td>Dicari</td> <td><input type="text" name="edicari" size="9"></td> </tr> <tr> <td width="34%">Diurutkan</td> <td width="66%"> <select size="1" name="efieldurut"> <option>Kode</option> <option>Nama</option> <option value="TanggalMasuk">Tanggal Masuk</option> <option>Harga</option> <option>Stok</option> </select> <input type=checkbox name=edesc value="desc">Descending</td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" value="Cari"></td> </tr> </table> </center> <hr color="#000000" width="50%"> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php">Tambah Data</a> |</p> </form><hr> </body> </html>

Page 63: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 63

Sesudah script form pengisian criteria telah selesai, maka langkah berikutnya adalah membuat suatu file yang berisi script PHP yang dapat menyusun dan mengeksekusi suatu perintah SQL yang akan dieksekusikan ke Database MySQL. Script PHP-nya adalah : <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <? echo "Hasil Pencarian<br>"; $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select * From Barang where $efield $eoperator "; if ($eoperator!="like") $query=$query."'$edicari' "; else $query=$query."'%$edicari%' "; $query=$query." order by $efieldurut $edesc"; echo "Perintah SQL yang tersusun : <br><b>$query</b> <br><br>"; $hasil=mysql_query($query,$link); $banyak=mysql_numrows($hasil); if ($banyak>0) { echo "Data yang sesuai ada $banyak record."; echo "<table border=1 cellspacing=0 width=100%> <tr bgcolor=silver> <td width=15% align=center>Kode Barang</td> <td width=30% align=center>Nama Barang</td> <td width=20% align=center>Tanggal Masuk</td> <td width=20% align=center>Harga</td> <td width=15% align=center>Stok</td> </tr>"; while ($data=mysql_fetch_row($hasil)) { echo "<tr> <td align=center>$data[0]</td><td>$data[1]</td> <td align=center>$data[2]</td> <td align=right>".number_format($data[3],0,"","."). "</td><td align=center>$data[4]</td> </tr>"; } echo "</table>"; } else echo "Tidak ada data dalam tabel"; mysql_close($link); ?>

Simpan file ini dengan nama sesuai file action form yang ada di pencariandata.php dan sisimpan di folder yang sama. Contoh tampilan hasil pencarian dapat dilihat pada gambar di bawah ini :

Page 64: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 64

Page 65: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 65

4. Penghapusan data Untuk penghapusan data, maka kita membutuhkan suatu form untuk memasukan kode barang yang akan dihapus. Dalam contoh di bawah ini, kode barang yang telah diada dalam database akan ditampilkan semuanya sehingga untuk menghapus data, user tidak usah memasukan kode barangnya dan hanya memilih dari combo box yang ada. Form pemilihan kode yang akan dihapus dapat dilihat di bawah ini.

Script untuk membuat form penghapusan yang di dalamnya terdapat combo box yang berisi database dapat dilihat di bawah ini. <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method=post action=proseshapus.php>

Page 66: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 66

<center><font style="font-size:20pt">PENGHAPUSAN DATA</font> <hr color=black width=30%> <table border=1 cellspacing=0 cellpadding=2 width=30%> <tr> <td width=15% align=center>Kode Barang</td> <td width=30% align=center> <select name=ekode> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select kode,nama From Barang order by Nama "; echo "Perintah SQL yang tersusun : <br><b>$query</b> <br><br>"; $hasil=mysql_query($query,$link); while ($data=mysql_fetch_row($hasil)) { echo "<option value='$data[0]'>$data[0] | $data[1] </option>"; } mysql_close($link); ?> </select> </td> </tr> <tr> <td>&nbsp;</td> <td><input type=submit value=Delete></td> </tr> </table> <hr color=black width=30%> </center> </form> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php"> Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p> </body> </html>

Simpan script tersebut dengan nama file hapusdata.php, kemudian buatlah link ke file ini dari file index.php dengan mengubah bagian Penghapusan data menjadi <a href=hapusdata.php>Penghapusan Data</a>. Script ini akan melakukan proses penghapusan data yang nama file action-nya adalah proseshapus.php. Script untuk proseshapus.php dapat dilihat dibawah ini. <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"> <font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0">

Page 67: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 67

<p align="center"><font face="Book Antiqua" size="4"> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="delete from Barang where kode='$ekode'"; $hasil=mysql_query($query,$link); $banyak=mysql_affected_rows($link); if ($banyak>0) echo "Data Telah Dihapus!. Congratulation"; else echo "Tidak ada data yang dihapus"; mysql_close($link); ?> </font></td> </tr> </table> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php"> Tambah Data</a> | <a href="pencariandata.php"> Pencarian Data</a> | <a href=hapusdata.php>Hapus Lagi</a></p> </body> </html

Tampilan ketika proses penghapusan telah dilakukan dapat dilihat pada gambar di bawah ini.

Page 68: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 68

5. Pengeditan data Untuk pengeditan data, langkah pertama hapus menampilkan dulu form pemilihan kode barang yang akan diedit. Langkah ini mirip dengan langkah pembuatan form pemilihan kode barang yang akan dihapus. Script php untuk form ini mirip dengan scrip php untuk penghapusan data. Bedanya adalah file action-nya harus ke file yang didalamnya terdapat script untuk pengeditan data. Tampilan form pemilihan kode barang.

Script untuk form pemilihan kode barang yang akan diedit. <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method=post action=tampilformedit.php> <center><font style="font-size:20pt">PENGEDITAN DATA</font> <hr color=black width=50%> <table border=1 cellspacing=0 cellpadding=2 width=50%> <tr> <td width=15%>Kode Barang</td> <td width=30%> <select name=ekode>

Page 69: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 69

<? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select kode,nama From Barang order by Nama "; $hasil=mysql_query($query,$link); while ($data=mysql_fetch_row($hasil)) { echo "<option value='$data[0]'>$data[0] | $data[1] </option>"; } mysql_close($link); ?> </select> </td> </tr> <tr> <td>&nbsp;</td> <td><input type=submit value=Edit></td> </tr> </table> <hr color=black width=50%> </center> </form> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php"> Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p> </body> </html>

Simpan file ini dengan nama editdata.php dan jangan lupa membuat link dari file index.php ke file ini. Setelah file ini selesai maka kalau user menekan tombol Edit, maka browser harus menampilkan suatu form untuk tempat pengeditan data (mirip dengan penambahan data), bedanya dari penambahan data adalah field-field tempat pengisian data harus sudah memiliki isi sesuai isi asalnya. Selain itu kita juga harus mempunyai sebuah field yang tidak boleh berubah dan tersembunyi sebagai kode asal sebelum kode tersebut mengalami perubahan (sebagai pengenal untuk update). Untuk membuat field tersembunyi ini, perintah html yang diperlukan adalah : <input type=hidden name=namaobjek value=isifield> Action file dari editdata.php adalah tampilformedit.php. file ini akan menampilkan suatu form pengeditan data. Tampilan form pengeditan data dapat dilihat pada gambar dibawah ini.

Page 70: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 70

Scriptnya dapat dilihat di halaman berikutnya. <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select kode,nama,dayofmonth(tanggalmasuk)as tanggal,". "month(tanggalmasuk)as bulan,year(tanggalmasuk)as tahun,". "harga,stok From Barang where kode='$ekode'"; $hasil=mysql_query($query,$link); $data=mysql_fetch_row($hasil); ?> <form method=POST action="prosesupdate.php"> <input type=hidden name=ekodedulu value="<? echo $data[0];?>"> <center><font style="font-size: 20pt">PENGEDITAN DATA BARANG</font>

Page 71: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 71

<hr color=black width="60%"> <table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%"> <tr> <td width=34%>Kode Barang</td> <td width=66%><input type=text name=ekode size=8 maxlength=6 value="<? echo $data[0];?>"></td> </tr> <tr> <td>Nama Barang</td> <td><input type=text name=enama size=21 maxlength=25 value="<? echo $data[1];?>"></td> </tr> <tr> <td>Tanggal</td> <td><select size=1 name=etanggal> <? for($i=1;$i<=31;$i++) if($i==$data[2]) echo "<option selected>$i</option>"; else echo "<option>$i</option>"; ?> </select> - <select size="1" name="ebulan"> <? for($i=1;$i<=12;$i++) if($i==$data[3]) echo "<option selected>$i</option>"; else echo "<option>$i</option>"; ?> </select> - <input type=text name=etahun size=5 maxlength=4 value="<? echo $data[4];?>"> </td> </tr> <tr> <td>Harga</td> <td><input type=text name=eharga size=9 value="<? echo $data[5];?>"></td> </tr> <tr> <td>Stok</td> <td><input type=text name=estok size=9 value="<? echo $data[6];?>"></td> </tr> <tr> <td>&nbsp;</td> <td> <input type=submit value="Simpan"> <input type=reset value="Reset"> </td> </tr> </table> <hr color=black width="60%"> | <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | </center> </form> <hr> </body> </html>

Simpan file ini dengan nama file tampilformedit.php. Jika kita menekan tombol Simpan, maka kita memerlukan suatu file lagi sebagai file action yang berguna untuk melakukan pengupdatean data dalam contoh ini nama file yang digunakan adalah prosesupdate.php . Script untuk prosesupdate.php adalah :

Page 72: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 72

<html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="4"> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="update Barang set kode='$ekode',nama='$enama', tanggalmasuk='$etahun-$ebulan-$etanggal', harga=$eharga,stok=$estok where kode='$ekodedulu'"; $hasil=mysql_query($query,$link); if ($hasil) echo "Data Telah Diupdate!. Congratulation"; else echo "Data tidak bisa diupdate. Mungkin ada duplikasi data.<br> <a href=javascript:history.back(1)>Ulang</a>"; mysql_close($link); ?> </font></td> </tr> </table> | <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> | | <a href="tambahdata.php">Tambah Lagi</a> | </body> </html>

Script diatas akan menampilkan tampilan berikut jika proses pengeditan data telah sukses.

Page 73: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 73

6. Penambahan stock (pembelian) Untuk penambahan stok barang (pembelian barang), maka kita membutuhkan suatu form untuk melakukan pemilihan barang apa yang baru dibeli dan berapa buahkah banyaknya pembelian yang akan ditambahkan ke stok. Contoh formnya dapat dilihat seperti berikut :

Script PHP untuk menampilkan form diatas adalah sebagai berikut : <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method=post action=prosestambahstok.php> <center><font style="font-size:20pt">PEMBELIAN BARANG<br>(TAMBAH STOK)</font> <hr color=black width=50%> <table border=1 cellspacing=0 cellpadding=2 width=50%> <tr> <td width=15%>Kode Barang</td> <td width=30%> <select name=ekode>

Page 74: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 74

<? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select kode,nama From Barang order by Nama "; $hasil=mysql_query($query,$link); while ($data=mysql_fetch_row($hasil)) { echo "<option value='$data[0]'>$data[0] | $data[1] </option>"; } mysql_close($link); ?> </select> </td> </tr> <tr> <td>Quantity Beli</td> <td><input type=text name=eqtybeli></td> </tr> <tr> <td>&nbsp;</td> <td><input type=submit value=Tambahkan></td> </tr> </table> <hr color=black width=50%> </center> </form> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php"> Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p> </body> </html>

Simpan file ini dengan nama tambahstok.php, dan jangan lupa membuat link dari index.php ke file tersebut pada bagian Penambahan Stock (Pembelian). File action yang akan dilakukan ketika user menekan tombol Tambahkan adalah prosestambahstok.php. Script PHP untuk prosestambahstok.php adalah : <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="4"> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="update Barang set stok=stok+$eqtybeli where kode='$ekode'"; $hasil=mysql_query($query,$link); $banyak=mysql_affected_rows($link);

Page 75: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 75

if ($banyak) echo "Stock Baru Telah Ditambahkan!. Congratulation"; else echo "Data tidak bisa diupdate. Mungkin ada kesalahan pengisian data.<br> <a href=javascript:history.back(1)>Ulang</a>"; mysql_close($link); ?> </font></td> </tr> </table> | <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> | | <a href="tambahdata.php">Tambah Lagi</a> | </body> </html>

Tampilan yang akan muncul jika proses penambahan stok telah sukses dapat dilihat pada gambar di bawah ini.

Dan Jika proses penambahan stok tidak sukses, misalkan karena salah pengisian quantity beli, maka browser akan menghasilkan tampilan seperti dibawah ini.

Page 76: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 76

7. Pengurangan stock (penjualan) Proses pengurangan stock (penjualan) prinsipnya sama dengan penambahan stock, perbedaannya hanya terdapat pada perintah SQL update-nya saja. Kalau untuk penambahan data, field stock ditambah dengan quantity beli, sedangkan untuk pengurangan stock, field stock dikurangi dengan quantity jualnya. Contoh formnya dapat dilihat seperti berikut :

Script PHP untuk menampilkan form diatas adalah sebagai berikut : <html> <head> <title>Web Database</title> <style> body {font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size: 10pt } </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <form method=post action=proseskurangstok.php> <center><font style="font-size:20pt">PENJUALAN BARANG<br>(PENGURANGAN STOK)</font> <hr color=black width=50%> <table border=1 cellspacing=0 cellpadding=2 width=50%> <tr>

Page 77: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 77

<td width=15%>Kode Barang</td> <td width=30%> <select name=ekode> <? $link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="Select kode,nama From Barang order by Nama "; $hasil=mysql_query($query,$link); while ($data=mysql_fetch_row($hasil)) { echo "<option value='$data[0]'>$data[0] | $data[1] </option>"; } mysql_close($link); ?> </select> </td> </tr> <tr> <td>Quantity Jual</td> <td><input type=textt name=eqtyjual></td> </tr> <tr> <td>&nbsp;</td> <td><input type=submit value=Kurangkan></td> </tr> </table> <hr color=black width=50%> </center> </form> <p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> | <a href="tambahdata.php">Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p> </body> </html>

Simpan file ini dengan nama kurangstok.php, dan jangan lupa membuat link dari index.php ke file tersebut pada bagian Pengurangan Stock (Penjualan). File action yang akan dilakukan ketika user menekan tombol Kurangkan adalah proseskurangstok.php. Script PHP untuk proseskurangstok.php adalah : <html> <head> <title>Web Database</title> <style> body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt} </style> </head> <body> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="7">Web Database</font></td> </tr> </table> <hr> <table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%"> <tr> <td width="100%" bgcolor="#C0C0C0"> <p align="center"><font face="Book Antiqua" size="4"> <?

Page 78: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 78

$link=mysql_connect("localhost","",""); $db=mysql_select_db("Latihan",$link); $query="update Barang set stok=stok-$eqtyjual where kode='$ekode'"; $hasil=mysql_query($query,$link); $banyak=mysql_affected_rows($link); if ($banyak>0) echo "Stock Baru Telah Dikurangkan!. Congratulation"; else echo "Data tidak bisa diupdate. Mungkin ada kesalahan pengisian data.<br> <a href=javascript:history.back(1)>Ulang</a>"; mysql_close($link); ?> </font></td> </tr> </table> | <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> | | <a href="tambahdata.php">Tambah Lagi</a> | </body> </html>

Tampilan yang akan muncul jika proses pengurangan stok telah sukses dapat dilihat pada gambar di bawah ini.

Dan jika proses pengurangan stok tidak sukses, misalkan karena salah pengisian quantity beli, maka browser akan menghasilkan tampilan seperti dibawah ini.

Page 79: PENGENALAN HTML - tataruang.atr-bpn.go.idtataruang.atr-bpn.go.id/Bulletin/upload/data_buletin/Modul E-Commerce.pdfJika tag title tidak ditulis, makayang tertulis di dalam caption web

Modul Mata Kuliah E-Commerce – Hal. 79

Sumber-sumber dokumen penting : 1. PHP Manual, http://weblabor.hu/php/newchm.html, http://www.php.net 2. MySQL Reference Manual, http://www.mysql.com 3. Web site pendukung

http://www.phpindo.com http://www.php.net http://www.hotscripts.com http://www.phpworld.com http://www.phpbuilder.com http://www.phpwizard.com