UJK RPL Tuts™ Part One : Table & Relation 1
Table & Relation Membuat tabel dan Relasi
UJK RPL TUTS™
Part One
Basic Level
Lisensi Dokumen
Seluruh dokumen yang dibuat oleh SCG dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk
tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan
pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari Penulis atau Software Community Generation.
Copyright © 2012 Software Community Generation.
UJK RPL Tuts™ Part One : Table & Relation 2
Overview Gambaran
Sebelum memulai Tutorial ini, harap sediakan dan pastikan komponen-komponen berikut:
Browser (Google Chrome, Mozilla Firefox, atau Opera)
XAMPP 1.8.0
Jalankan XAMPP Control Panel, dan pastikan service Apache dan MySQL running.
Database & Tabel yang akan dibuat:
Database : KreditMotor
Part One : Table & Relation
Did you know?
#Database atau #BasisData adalah ruang penyimpanan data berupa text dan informasi
bagi sebuah aplikasi, entah berbasis Dekstop ataupun Web. @enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 3
Step 1 : Apache & MySQL
Pastikan XAMPP telah terinstall, jika belum download disini
(www.apachefriends.org/en/xampp-windows.html)
Jalankan XAMPP Control Panel, biasanya ada di dekstop
Jalankan Service Apache dan MySQL dengan mengklik tombol START, dan pastikan telah
running (hijau)
Did you know?
#PHP dapat berjalan karena services web server Apache, dan SQL (BasisData) dapat
berjalan karena services #MySQL dan dua services ini ada di #XAMPP.
@enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 4
Step 2 : Open phpMyAdmin
Buka dan Jalankan Browser (Chrome, Mozilla, atau Opera)
Ketikkan localhost/phpmyadmin di address bar
Did you know?
#GoogleChrome adalah browser dari Google yang paling ringan dan cepat dibanding
#Firefox dan #Opera. @enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 5
Step 3 : Create Database
Klik Menu Database
Isikan nama database di Kotak Create Database
Klik Tombol Create
Did you know?
#XAMPP adalah singkatan dari X (4 OS), A (Apache), M(MySQL), P(PHP), dan (P)Perl.
@enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 6
Step 4 : Create Table
Sebelum membuat Tabel Baru, Kamu harus memperhatikan hal-hal dibawah ini:
1. Menyisipkan field Id di field paling atas pada tiap tabel; Set sebagai Primary Key dan A_I
(Auto_Increment).
2. Tipe Data dan Panjang Nilai tiap Field
Standard pada tutorial ini : Untuk INT panjang nilai 8 dan atau tidak diisi (Jika tidak disi akan
default ke 11), untuk VARCHAR panjang nilai 250.
3. Set sebagai Unique field yang dijadikan relasi (Reference Key maupun Foreign Key)
Contoh untuk tabel Detail :
Detail Id INT (11) Primary Key, Auto_Increment
KodeBrg INT (11) Unique
NamaBrg VARCHAR (250) JumlahBrg INT (11)
Setelah memahami hal-hal diatas, lanjutkan tahap-tahap dibawah ini:
Cari dan klik nama database yang tadi dibuat
Did you know?
PK atau Primary Key adalah Index dari sebuah tabel yang hanya bisa digunakan oleh 1 field
pada tabel tersebut, dan PK ini berfungsi mencegah record yang sama. @enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 7
Masukkan nama tabel, Jumlah Kolomnya dan Klik Go (atau tekan Enter)
Masukkan Nama field, Type Data dan kolom pertama (Id) jadikan PRIMARY KEY dan A_I
(Auto_Increment), sedangkan field yang dijadikan relasi Indexnya UNIQUE
Klik Save dan lanjutkan untuk tabel-tabel berikutnya
Did you know?
A_I atau Auto_Increment adalah fungsi dari SQL yang membuat sebuah field otomatis
terisi tanpa perlu diisi manual dengan sebuah bilangan mulai dari 1 sampai seterusnya. @enjangdspc
UJK RPL Tuts™ Part One : Table & Relation 8
Step 5 : Create Relation
Setelah tabel terbuat semua, Tahap terakhir adalah membuat Relasi. Berikut tahapannya:
Masih di phpMyAdmin, klik Database yang tadi dibuat (ex. KreditMotor)
Klik menu Designer
Maka akan terbuka halaman designer untuk relasi
Susun sedemikian rupa sehingga mirip dengan gambar.
UJK RPL Tuts™ Part One : Table & Relation 9
Yang harus kamu fahami saat merelasikan field
1. Reference Key : Field yang di jadikan Referensi / yang akan di ambil datanya oleh tabel
lain.
2. Foreign Key : Field yang akan menampilkan dan menggunakan data yang di ambil dari
Reference Key di tabel lain.
3. On delete : Aksi yang akan terjadi pada baris di tabel foreign key saat baris pada
Reference Key dihapus
-- = Tidak ditentukan
Cascade = lakukan hal yang sama
Set null = jadikan kosong
No action = tidak lakukan apapun
Restrict = Cegah
4. On Update : Aksi yang akan terjadi pada baris di tabel foreign key saat baris pada
Reference Key diedit
-- = Tidak ditentukan
Cascade = lakukan hal yang sama
Set null = jadikan kosong
No action = tidak lakukan apapun
Restrict = Cegah
Tahap merelasikan tabel
1. Klik pada menu relasi
2. Pilih dan klik field yang akan dijadikan reference key pada tabel.
Ex. KodeBrg pada tabel detail
3. Lalu pilih field dari tabel lain yang akan dijadikan foreign key
Ex. KodeBrg pada tabel detailpermintaanbeli
UJK RPL Tuts™ Part One : Table & Relation 10
4. Tentukan On Delete dan On Update
Untuk tutorial ini disarankan memilih CASCADE
Klik OK.
5. Lakukan hal yang sama pada tabel lainnya sesuai desain relasi pada awal tutorial ini.
Setelah semua tabel direlasi, hasilnya tampak sebagai berikut
Jangan lupa klik Icon Save sebelum meninggalkan halaman Designer
UJK RPL Tuts™ Part One : Table & Relation 11
Cheat Sheet Ingatlah selalu ini
Disimpulkan dalam tutorial ini, ada 5 tahapan dalam membuat Tabel dan Relasi
1. Apache & MySQL (XAMPP)
2. Open phpMyAdmin
3. Create Database
4. Create Table
5. Create Relation
Ingat 5 tahap tersebut, dan pastikan tiap tahapan berjalan dengan semestinya, agar saat mendesain aplikasi atau web tidak membuang waktu untuk memperbaiki tabel kembali.
Do the Best and Good Luck.
This Tuts Brought To You By
Author : Enjang Kurniawan
AKA enjangdspc. Work as Web Programmer and Chief Web Officer at SCGeneration. Alumni of RPL SMKN 1 Karawang 2011.
@enjangdspc on.fb.me/enjangdspc [email protected]