Web Dinamis.pdf - Catatan Kuliah Liroesdy

42 downloads 326 Views 3MB Size Report
Sebagai contoh tabel yang digunakan bernama Barang dengan struktur fieldnya ...... index.php ke file tersebut pada bagian Penambahan Stock (Pembelian).
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.

Modul Mata Kuliah E-Commerce – Hal. 52

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 :

Modul Mata Kuliah E-Commerce – Hal. 53

Scriptnya Web Database body { font-family: Verdana; font-size: 10pt }

Web Database


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 :

  • Menampilkan semua data
  • Penambahan data
  • Pencarian data
  • Penghapusan data
  • Pengeditan data
  • Penambahan stock (pembelian)
  • Pengurangan stock (penjualan)



Jika telah disimpan, maka tampilkan page berikut dengan menulis alamat http://localhost/folderanda.

Modul Mata Kuliah E-Commerce – Hal. 54

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 : Web Database body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt}

Web Database


Kembali ke awal

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 Menampilkan Semua Data. 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.

Modul Mata Kuliah E-Commerce – Hal. 55

Keterangan Script :

Perintah mysql_connect

Penggunaan & Kegunaan 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. Modul Mata Kuliah E-Commerce – Hal. 56

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 Tambah Data. Script untuk form ini dapat dilihat pada halaman berikutnya :

Modul Mata Kuliah E-Commerce – Hal. 57

Script Form Pengisian Data : Web Database body {font-family: Verdana; font-size: 10pt } td {font -family: Verdana; font-size: 10pt }

Web Database


PENGISIAN DATA BARANG
Kode Barang
Nama Barang
Tanggal
Harga
Stok
 

| Awal | Lihat Data |


Modul Mata Kuliah E-Commerce – Hal. 58

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 : Web Database body { font-family: Verdana; font-size: 10pt } td {font-family: Verdana; font-size=10pt}

Web Database