[Basic] 1. table & relation

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

Transcript of [Basic] 1. table & relation

Page 1: [Basic] 1. table & relation

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.

Page 2: [Basic] 1. table & relation

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

Page 3: [Basic] 1. table & relation

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

Page 4: [Basic] 1. table & relation

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

Page 5: [Basic] 1. table & relation

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

Page 6: [Basic] 1. table & relation

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

Page 7: [Basic] 1. table & relation

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

Page 8: [Basic] 1. table & relation

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.

Page 9: [Basic] 1. table & relation

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

Page 10: [Basic] 1. table & relation

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

Page 11: [Basic] 1. table & relation

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]