Aplikasi Pemrograman Web Dinamis

dengan PHP dan MySQL

Studi Kasus : Sistem Informasi Perpustakaan Online
Buku ini akan membahas aplikasi Pemrograman Menggunakan Bahasan
Scripting PHP dan databasenya adalah MySQL, kedua program tersebut
merpakan bentuk program Open Source yang dapat digunakan pada semua
platform(termasuk Windows dan Linux). Sehingga dengan adanya kedua
paket program diatas, Kita dapat membangun sebuah system yang berjalan
pada internet, atau yang sering disebut dengan istilah Under web.
Buku ini merupakan sebuah solusi bagi Anda yang ingin mencoba untuk
menerapkan teori pemrograman PHP yang telah Anda dapatkan sebelumnya.
Jadi, pada buku ini pembahasanya akan dititik beratkan pada praktik dan
mengerjakan Study Kasus.
Yang akan Anda dapatkan pada buku ini adalah bagai mana Tehnik
pemrograman HMTL, Tehnik pemorgraman PHP, bagaimanan membuat
program dengan databasenya MySQL, berbagai aplikasi Web dengan
Database, dan bagaimana menerapkan teori yang ada dengan membangun
sebuah aplikasi pengolahan data buku.

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

DAFTAR ISI
Bagian 1. Pemrograman Web dengan HMTL
4.1.
Web dan Pemrograman HTML Dasar
.... 1
1.1. Pengenalan Word Wide Web (WWW) . .
1
1.2. Mengenal Script HTML Dasar . . 3
1.3. Sintaks Dasar HTML .. . . . . 4
1.3.1 Tag HTML . . . ...
4
1.3.2 Tag HEAD . .. .
4
1.3.3 Skript yang Pertama . . .
.... 6
1.3.4 Penjelasan Sintaks . .
. . . 8

4.2.
Format Halaman dan Paragrap .
... 11
2.1 Warna dan Background pada halaman . 11
2.1.1. Warna Background . . 12
2.1.2. Background Bergambar . 13
2.1.3. Menentukan Warna Text .... . 15
2.1.4. Menentukan Warna pada Link . 16
2.1.5. Penempatan Area Kerja . .. 17

Dadtar Isi

2.2 Memformat Text . . 19

2.2.1 Membuat huruf Tebal,miring,dan Underline .... 19
2.2.2 Membuat text model Kimia . ... 21
2.2.3 Menentukan ukuran Huruf dan Warna .... 22
2.2.4 Memberikan Jarak Pada Baris Text .... . 25
2.2.5 Menempatkan Kalimat di Tengah .... 26
2.2.6 Ganti Baris dan Paragraf ......... 27
2.2.7 Membuat Identasi pada Halaman ... 29
2.2.8 Menggunakan Tag <PRE> ..... 30
2.2.9 Format Text Alamat . .... ... 31
2.2.10 Membuat Judul/Heading .... . 33
2.2.11 Animasi Marquee . .... ..
34
2.2.12 Membuat Garis Horizontal ...... 36

4.3.
Membuat List/Daftar ...
......... 39
3.1
3.2
3.3
3.4
3.5
3.6
3.7

Memahami Daftar .... .... 39

Daftar Menggunakan Simbol ..... 30
Menghilangkan Tanda pada Daftar .. 32
Daftar Menggunakan Nomor ... 34
Membuat SubDaftar .... 37
Membuat List Header .... 39
Daftar dan Gambar .... 40

4.4.
Menggunakan Tabel dan Pengaturanya
..... 43
4.1
4.2

Mengenal Tabel ..... 43

Pembuatan Tabel ..... 45
4.3.1 Tabel dengan beberapa Coloum .... 47
4.3.2 Tabel dengan banyak baris .... 49
4.3 Pengaturan Tabel .... 50
4.3.1 Atribut pada Tag <TABLE> .. 50

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

4.3.2
4.3.3
4.3.4
4.3.5
4.3.6
4.3.7
4.3.8

Atribut pada Tag <TR> ..... 51

Lebar dan Tinggi Tabel ...... 51
Posisi Tabel ....... 53
Border /Tebal Garis ... 55
Pengaturan Jarak Spasi pada Cell ... 56
Letak Carakter ....... 58
Memberi Warna pada Tabel ...... 59
4.4 Merger Cell ..... 61
4.3.1 Menggabungkan beberapa kolom ..... 62
4.3.2 Menggabungkan Beberapa Baris ... 64
4.3.3 Menggabungkan Baris dan kolom .... 65
4.5 Tabel di dalam Tabel ....... 67

4.5.
Menggunakan Formulir
69
5.1
5.2

..

Mengenal Form ...... 69

Komponen Masukan pada Form ..... 72
5.2.1 Masukan Berupa Text (Text Field) ... 73
5.2.2 Masukan Berupa Password ... 76
5.2.3 Masukan yang di Sembunyikan (Hiden Field) .. . 78
5.2.4 Masukan berupa Pilihan tunggal (Radio Button) . .. 79
5.2.5 Masukan berupa Pilihan Ganda (Checkbox) . . 81
5.2.6 Masukan yang Berupa Pulldown (List Menu) 82
5.2.7 Masukan yang berupa ungkapan (Textarea) ... 86
5.2.8 Masukan yang berupa pengambilan data komputer . 88
5.2.9 Membuat Tombol ( Button ) .. 89

4.6.
Menggunakan Gambar dan Hyperlink
. 95
6.1 Memasukan Gambar .... 95
6.1.1 Format Gambar ..... 95
6.1.2 Pemanggilan Gambar .... 96
6.1.3 Pengaturan dan Letak gambar ... 98

Dadtar Isi

6.1.4
6.1.5
6.1.6

Meletakan Gambar didalam Tabel .. 100

Membuat Bingkai dengan Border Tabel .. 101
Lebih Menarik dengan Bingkai ... 103
6.2 Membuat Hyperlink ....... 104
6.2.1 Membuat link ke halaman lain ..... 104
6.2.2 Membuat Link dengan Tombol Gambar . 106
6.2.3 Membuat Link untuk Email ..... 108
6.2.4 Membuat Link Satu Halaman .... 109
6.2.5 Membuat Hyperlink Menuju Bookmark lain
halaman Bookmark ...
. 111

Bagian 2. Dasar-Dasar Menggunakan Database MySQL

4.7.
Mengelola Database
MySQL ....................................
7.1 Pendahuluan ............................................................................
7.2 Menghidupkan Server MySQL ................................................
7.3 Membuat Password untuk Root MySQL .................................
7.4 Perintah Yang berkaitan dengan Database ...............................
7.4.1 Mengetahui Versi Databse .................................................
7.4.2 Melihat Waktu Sekarang ..................................................
7.4.3 Menampilkan Database ....................................................
7.4.4 Membuat Database ...........................................................
7.4.5 Menghubungkan dengan Database ....................................
7.4.6 Menghapus Database ........................................................
7.5 Type Data Pada MySQL ................. .......................................
7.5.1 Data Numerik .............. .....................................................
7.5.2 Data untuk Penanggalan dan Waktu ..................................

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

7.5.3 Data String .............. ........................................................

7.6 Perintah yang Berhubungan dengan Tabel ..............................
7.6.1 Menciptkan Tabel ..............................................................
7.6.2 Menghapus Tabel .............................................................
7.6.3 Membuat Kolom Tidak Kosong .......................................
7.6.4 Membuat Kolom Kunci dalam Tabel ................................
7.6.5 Membuat Kolom Kunci Auto Increment ...........................
7.7 Mengubah Struktur Tabel .......................................................
7.7.1Merubah Nama Tabel .......................................................
7.7.2Menambah Kolom ............................................................
7.7.3Merubah Nama kolom ......................................................
7.7.4Menghapus Kolom ...........................................................
7.8 Memasukan Data ...................................................................
7.8.1 Memasukan Data Tunggal ..................................................
7.8.2 Memasukan Data Secara Bersamaan .................................
7.9 Meremajakan Data .................................................................
7.10 Menampilkan Data ..................................................................
7.10.1 Menampilkan Beberapa Kolom ........................................
7.10.2 Menampilkan Dengan Kondisi .........................................
7.11 Meremajakan Data Dengan Kondisi ........................................
7.12 Menghapus
Data ....................................................................

Dadtar Isi

4.8.
Administrasi Database dengan
PhpMyAdmin
9.1 Mengenal phpMyAdmin
9.2 Membangun Database dan Tabel

9.2.1 Menjalankan phpMyAdmin

9.2.2 Membuat Database Baru
9.2.3 Mengubah Struktur Tabel
9.2.4 Menambah Kolom baru
9.3 Memanipulasi Bentuk Tabel
9.3.1 Input Data
9.3.2 Menampilkan data
9.3.3 Update Data
9.3.4 Hapus Data
9.3.5 Mengosongkan Isi Tabel
9.4 Operasi-Operasi khusus pada Database dengan PhpMyAdmin

Bagian 3, Dasar-Dasar Pemrograman Web dengan PHP

4.9.
Dasar-Dasar Pemrograman
PHP .............................
9.1 Pendahuluan ..............................................................................
9.2 Pembagian Bahasa Pemrograman ............................................
9.2.1 Bahasa Compiler ..................................................................
9.2.2 Bahasa Interpreter .................................................................
9.3 Tehnik Menggunakan PHP ......................................................
9.3.1. Menggunakan PHP ...............................................................
9.3.2. Menampilkan Data didalam Program ....................................
9.3.3. PHP didalam Tag HTML .....................................................
9.3.4. HTML didalam PHP ............................................................
9.4 Variabel dalam PHP ....................................................................

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

9.4.1 Variabel biasa .......................................................................

9.4.2 Variabel dalam sebuiah Skup atau kelompok ......................
9.4.3 Variabel antar halaman .......................................................
9.5 Beberapa Operator Dalam PHP ................................................
9.5.1 Operator Aritmatik .............................................................
9.5.2 Operator Penugasan khusus ................................................
9.5.3 Operator Penaikan dan Penurunan ......................................
9.5.4 Operator Logika .................................................................
9.5.5 Operator Pembanding .........................................................

4.10.

Struktur Kontrol dan Kondisi

10.1 Pendahuluan
10.2 Pengkondisian ...........................................................................
10.2.1 Kondisi Satu Pilihan ...........................................................
10.2.2 Kondisi Dua Pilihan ...........................................................
10.2.3 Kondisi Tiga Pilihan atau Lebih ..........................................
10.2.4 Menggunakan switch ..........................................................
10.3 Looping ....................................................................................
10.3.1 Menggunakan for ..............................................................
10.3.2 Menggunakan while ...........................................................
10.3.3 Menggunakan do...while .....................................................
10.4 Fungsi .....................................................................................

Bagian 4, Implememtasi Database MySQL dan PHP

4.11. Interaksi Database MySQL dengan PHP
..............
3.1 Pendahuluan .........................................................................
3.2 Koneksi Database MySQL .................................................
3.3 Hubungan dengan MySQL C API .....................................
3.3.1 Membuka Koneksi Databaes ...........................................

Dadtar Isi

3.3.2
3.3.3
3.3.4
3.3.5
3.3.6
3.3.7
3.3.8
3.3.9

Fungsi Lain untuk membuka Koneksi ..............................

Menutup Koneksi .........................................................

Fungsi Untuk Membuat Database ....................................
Mengaktifkan Database ...................................................
Mengeksekusi Perintah SQL ...........................................
Memasukan Data dengan Perintah SQL ..........................
Menampilkan Data dari Tabel .........................................
Mengkoneksikan dengan Bentuk Form ............................

4.12. Membuat Aplikasi Web Dinamis

4.1 Pendahuluan .........................................................................
4.2 Membuat Formulir Pendaftaran Online .............................
4.2.1 Membuat Database dan Tabel ..........................................
4.2.2 Membuat Form Pendaftaran .............................................
4.2.3 Halaman Penyimpan Data Pendaftar ..............................
4.2.4 Membuat Fungsi Validasi Form .....................................
4.3 Membuat Login untuk Pendaftar ......................................

Bagian 5, Study Kasus membuat Sistem

Informasi Pengolahan Data Buku
4.13. Perancangan Sistem Basis Data pada
Sistem Data Buku ...........................
5.1 Pendahuluan ........... ........... ..............................................
5.2 Perancangan Sistem ..........................................................
5.3 Bentuk- Bentuk Relasional ...............................................
5.3.1 Bentuk relasi One to One ...............................................
5.3.2 Bentuk relasi One to Many ............................................

10

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

5.3.3 Bentuk relasi Many to Many ..........................................

5.4 Rancangan Database ........................................................
5.4.1 Tabel Penulis .................................................................
5.4.2 Tabel Penerbit .................................. ............................
5.4.3 Tabel Anggota ...............................................................
5.4.4 Tabel Jenis ....................................................................
5.4.5 Tabel Buku .....................................................................
5.4.6 Tabel Desk_buku ...........................................................
5.4.7 Tabel Admin ........... .....................................................
5.5 Relasi Tabel Perpustakaan ...............................................
5.6 Solusi Pengembangan Sistem ...........................................
5.6.1 Perluasan pada Tabel Penulis ..............................................
5.6.2 Perluasan Untuk Transaksi Peminjaman ............................
5.7 Rancangan Berjalanya Program ......................................

4.14. Halaman Administrator (Input

Data) ..................
6.1 Pendahuluan ........................... ..............................................
6.2 Mempersiapkan Template CSS ........................................
6.3 Halaman Utama ..................................... ...........................
6.4 Membuat Program Input Data ...................................... ...
6.4.1 Masukan Data Penerbit ..................................................
6.4.2 Masukan Data Penulis ...................................................
6.4.3 Masukan Data Jenis Buku ..............................................
6.4.4 Masukan Data Buku ..................................... ................
6.4.5 Masukan Data Deskripsi Buku ......................................
6.4.6 Masukan Data Anggota ..................................... ...........
6.5 Rangkuman
Program ...................................... .................

Dadtar Isi

11

4.15. Halaman Administrator ( Edit Dan Hapus

Data)
7.1 Pendahuluan ............................................................................
7.2 Pengolahan data Perpustakaan .................................................
7.2.1 Membuat Menu Pengolaan Data Penerbit ......................
7.2.2 Membuat Halaman Penglolaan Data Penerbit ................
7.2.3 Membuat Menu Pengolaan Data Penulis ........................
7.2.4 Membuat Halaman Penglolaan Data Penulis ..................
7.2.5 Membuat Menu Pengolaan Data Jenis Buku ..................
7.2.6 Membuat Halaman Penglolaan Data Jenis Buku ............
7.2.7 Membuat Menu Penglolaan Data Buku ..........................
7.2.8 Membuat Halaman Penglolaan Data Buku .....................
7.2.9 Membuat Menu Penglolaan Data Deskripsi ...................
7.2.10 Membuat Halaman Penglolaan Deskripsi .......................
7.2.11 Membuat Menu Penglolaan Anggota .............................
7.2.12 Membuat Halaman Penglolaan Anggota ........................
7.3 Rangkuman ...........................................................................

4.16. Program Eksekusi dan

Laporan ...........................
8.1 Pendahuluan ........................ ..............................................
8.2 Halaman Ekesekusi ...................................... ....................
8.2.1 Eksekusi Input, Edit dan Hapus Data Penerbit ................
8.2.2 Eksekusi Input, Edit dan Hapus Data Penulis .................
8.2.3 Eksekusi Input, Edit dan Hapus Jenis Buku ....................
8.2.4 Eksekusi Input, Edit dan Hapus Data Buku ..............
8.2.5 Eksekusi Input, Edit dan Hapus Deskripsi Buku .......
8.2.6 Eksekusi Input, Edit dan Hapus Data Anggota ........

12

Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL

8.3 Membuat Laporan ................................................................

8.3.1 Laporan Data Penerbit ...................................................
8.3.2 Laporan Data Penulis .....................................................
8.3.3 Laporan Data Jenis Buku ...............................................
8.3.4 Laporan Data Buku .......................................................
8.3.5 Laporan Data Deskripsi Buku ......................................
8.3.6 Laporan Data Anggota ..................................................
8.4 Rangkuman ........................................................................
4.17. Membuat halaman
User .........................................
9.1
9.2
9.3
9.4
9.5
9.6
9.7

Pendahuluan .........................................................................
Membuat Halaman Utama User ...........................................
Membuat Program Pembuka File ........................................
Membuat Form Pencarian ....................................................
Membuat Program Pencarian ..............................................
Membuat Program detail Pencarian ...................................
Membuat Halaman Informasi .............................................

4.18. Menjalankan
Program .........................................
11.1 Pendahuluan .................................................................
11.2 Menjalankan Halaman User ................ .......... .............
11.3 Halaman Administrator ................................................

Bagian 6, Tips/Trik Serta Tehnik Penginstalan Program

yang dibutuhkan

13

Dadtar Isi

4.19. Tips Pemrograman Web HTML dan

PHP ...................
13.1 Pendahuluan ...................................................................
13.2

Membuat Form terlihat Cantik dengan CSS

13.3

Membuat Penanggalan dengan PHP ...............................

13.4

Membuat Mesin Pendeteksi Proxy ...................................

13.5

Membuat Gambar dengan PHP ........................................

4.20. Penginstalan Program yang

Dibutuhkan ..............
13.1.Instalasi MySQL di Windows .......................................... .
13.1.1 Menyeting
Network
dan
TCP/IP.......................................
13.1.2 Instalasi
Netwok
Local .............. ............ ..........................
13.1.3 Instalasi Distro MySQL .............. ......................................
13.1.4 Struktur Direktori MySQL .......... ......................................

13.2. Instalasi Web Server ............ ............. ................................

13.2.1 Konfigurasi Apache Web Sever ....................................
13.3. Instalasi PHP Pada Windows ..............................................
Lampiran A , Rangkuman Kode HTML
Lampiran B , File API untuk mengkoneksikan PHP dengan MySQL