MODUL I

JOIN

I. Tujuan
1. Mengetahui cara membuat query join pada delphi.
2. Mengetahui kegunaan dan fungsi join.
II. Alat dan Bahan
1. PC / Laptop
2. Delphi 2010 keatas
3. Modul Praktikum (Softcopy)
4. Xammp
5. Zeos
6. Quick Report
III. Teori Dasar

Join merupakan salah satu fitur SQL yang berguna menggabungkan tabel
dengan query-query yang mendapatkan kembali data. Join adalah salah satu dari
beberapa operasi paling penting yang dapat Anda lakukan dengan menggunakan
statemen SELECT. Dan sebagai bagian penting dalam mempelajari SQL, Anda
perlu memahami dengan baik join dan sintaks join.
Alasan utama digunakannya pemisahan data ke dalam banyak tabel
memungkinkan proses pemyimpanan menjadi lebih efesien, manipulasi lebih
mudah dan skalabilitas yang lebih besar. Tetapi manfaat tersebut ada tuntutan.
Contoh kode join adalah sebagai berikut :

Select mahasiswa.stambuk, mahasiswa.nama, matakuliah.nama_mk from

mahasiswa inner join ambil_mk on mahasiswa.stambuk = ambil_mk.stambuk
inner join matakuliah on ambil_mk.kode_mk = matakuliah.kode_mk order by
stambuk asc

JOIN pun dapat kita klasifikasikan menjadi 3 jenis, yaitu :

 1. Perintah JOIN /INNER JOIN hanya menampilkan tabel pada sisi kiri yang
datanya sama dengan data pada sisi kanan.
2. Perintah LEFT JOIN akan menampilkan semua isi tabel sisi kiri, walaupun
data pada sisi kanan nilainya tidak sama ataupun bernilai null.
3. Perintah RIGHT JOIN akan menampilkan semua isi tabel sisi kanan,
walaupun data pada sisi kiri nilainya tidak sama ataupun bernilai null.

IV. Langkah Kerja

A. Pembuatan Database Join pada MySQL
a. Bukalah Browser Anda dan ketikan localhost/phpmyadmin.
b. Pada kolom create new database, ketikan Join (Nama database), lalu tekan
create.
c. Pada kolom Create new table on database Join, ketikan maasiswa sebagai nama
tabel dan pada kolom Number of fields, ketikan 3 (Jumlah field), lalu tekan
Go.
d. Isilah nilai-nilai datanya sesuai dengan tabel berikut, jika sudah selesai tekan
Save :
Field Type Length/Values Index
stambuk CHAR 9 PRIMARY
nama VARCHAR 25 -
semester INT 2 -

e. Ulangi langkah b-c untuk tabel lainnya, ubahlah nama dan jumlah field sesuai
dengan data yang dibutuhkan.
f. Isilah nilai-nilai datanya sesuai dengan tabel berikut, jika sudah selesai tekan
Save :

Matakuliah
Field Type Length/Values Index
kode_mk CHAR 7 PRIMARY
nama_mk VARCHAR 25 -
sks int 1
Ambil_mk
Field Type Length/Values Index
stambuk CHAR 9 PRIMARY
kode_mk CHAR 7 PRIMARY

B. Form Main Menu

a. Tambahkan komponen ZConnection(1 Buah), Button (3 Buah) dan letakan
komponen-komponennya hingga terlihat seperti gambar berikut (Boleh didesain
sesuai dengan kreatifitas anda) :

b. Aturlah properti dari masing-masing komponen sesuai dengan tabel berikut :

Komponen Properti Nilai
Form1 BorderStyle bsSizeToolWin
Caption Main Menu
Name Form1
Button1 Caption Mahasiswa
Button2 Caption Matakuliah
Button3 Caption Ambil MK
ZConnection1 Connected True
Database join
Hostname localhost
Protocol mysql-5
User root
c. Double click pada Button 1 (Mahasiswa), kemudian ketikan kode berikut :

d. Double click pada Button 2 (Matakuliah), kemudian ketikan kode berikut :

e. Double click pada Button 3 (Ambil MK), kemudian ketikan kode berikut :

f. Simpanlah program tersebut, lalu jalankan dengan cara klik run atau dengan
menekan F9. Jika terjadi kesalahan, periksalah kembali kebenaran program.

C. Form Mahasiswa
Tambahkan komponen button (5 Buah), combobox (1 Buah) , DBGrid (1 Buah),
Edit (2 Buah), Label (3 Buah), zquery (1 Buah), data source (1 Buah) dan letakan
komponen-komponennya hingga terlihat seperti gambar berikut (Boleh didesain
sesuai dengan kreatifitas anda) :
a. Aturlah properti dari masing-masing komponen sesuai dengan tabel berikut :
Komponen Properti Nilai
Form2 BorderStyle bsSizeToolWin
Caption Mahasiswa
Name Form2
Button1 Caption &Tambah
Name btntambah
Button2 Caption &Simpan
Name btnsimpan
Button3 Caption &Ubah
Name btnubah
Button4 Caption &Hapus
Name btnhapus
Button5 Caption &Batal
Name btnbatal
Combobox1 Name cmbsmtr
Items 12345678
DbGrid1 Datasource Datasource1
ReadOnly True
Edit1 Name ednama
Text
Edit2 Name edstambuk
Text
Label1 Caption Stambuk
Label2 Caption Nama
Label3 Caption Semester
ZQuery1 Connection Form1.ZConnection1
DataSource1 DataSet ZQuery1
b. Double click pada Btntambah, kemudian ketikan kode berikut :

c. Double click pada Btnubah, kemudian ketikan kode berikut :

d.
e.
d. Double click pada Btnsimpan, kemudian ketikan kode berikut :
e. Double click pada Btnhapus, kemudian ketikan kode berikut :

f. Double click pada Btnbatal, kemudian ketikan kode berikut :

g. Klik DBGrid1-> pilih tab events->double klik pada OnDblClick, lalu ketikan kode
berikut :

h. Klik Form2-> pilih tab events->double klik pada OnCreate, lalu ketikan kode
berikut :
 i. Simpanlah program tersebut, lalu jalankan dengan cara klik run atau dengan
menekan F9. Jika terjadi kesalahan, periksalah kembali kebenaran program.

D. Form Matakuliah
a. Tambahkan komponen button (5 Buah), combobox (1 Buah) , DBGrid (1 Buah),
Edit (2 Buah), Label (3 Buah), zquery (1 Buah), data source (1 Buah) dan letakan
komponen-komponennya hingga terlihat seperti gambar berikut (Boleh didesain
sesuai dengan kreatifitas anda) :

b. Aturlah properti dari masing-masing komponen sesuai dengan tabel berikut :

Komponen Properti Nilai
Form3 BorderStyle bsSizeToolWin
Caption Matakuliah
Name Form3
Button1 Caption &Tambah
Name btntambah
Button2 Caption &Simpan
Name btnsimpan
Button3 Caption &Ubah
Name btnubah
Button4 Caption &Hapus
Name btnhapus
Button5 Caption &Batal
 Name btnbatal
Combobox1 Name cmbsks
Items 1…4
DbGrid1 Datasource Datasource1
ReadOnly True
Edit1 Name edkodemk
Text
Edit2 Name ednamamk
Text
Label1 Caption Kode MK
Label2 Caption Nama MK
Label3 Caption SKS
ZQuery1 Connection Form1.ZConnection1
DataSource1 DataSet ZQuery1

c. Double click pada Btnbatal, kemudian ketikan kode berikut :

d. Double click pada Btnhapus, kemudian ketikan kode berikut :

e. Double click pada Btnsimpan, kemudian ketikan kode berikut :
f. Double click pada Btntambah, kemudian ketikan kode berikut :

g. Double click pada Btnubah, kemudian ketikan kode berikut :

h. Klik DBGrid1-> pilih tab events->double klik pada OnDblClick, lalu ketikan kode
berikut :
 i. Klik Form3-> pilih tab events->double klik pada OnCreate, lalu ketikan kode
berikut :

j. Simpanlah program tersebut, lalu jalankan dengan cara klik run atau dengan
menekan F9. Jika terjadi kesalahan, periksalah kembali kebenaran program.
E. Form Ambil MK
a. Tambahkan komponen button (4 Buah), combobox (3 Buah) , DBGrid (1 Buah),
Edit (2 Buah), Label (5 Buah), zquery (5 Buah), data source (1 Buah) dan letakan
komponen-komponennya hingga terlihat seperti gambar berikut (Boleh didesain
sesuai dengan kreatifitas anda) :
b. Aturlah properti dari masing-masing komponen sesuai dengan tabel berikut :
Komponen Properti Nilai
Form4 BorderStyle bsSizeToolWin
Caption Ambil MK
Name Form4
Button1 Caption &Tambah
Name btntambah
Button2 Caption &Simpan
Name btnsimpan
Button3 Caption &Hapus
Name btnhapus
Button4 Caption &Batal
Name btnbatal
Combobox1 Name cmbjoin
Items --NONE--
INNER JOIN
LEFT JOIN
TextHint --NONE--
Combobox2 Name cmbkodemk
Text
Combobox3 Name cmbstambuk
Text
DbGrid1 Datasource Datasource1
ReadOnly True
Edit1 Name ednama
Text
Edit2 Name ednamamk
Text
Label1 Caption Stambuk
Label2 Caption Nama
Label3 Caption Kode MK
Label4 Caption Nama MK
Label5 Caption Pilih Join
 ZQuery1 Connection Form1.ZConnection1
ZQuery2 Connection Form1.ZConnection1
ZQuery3 Connection Form1.ZConnection1
ZQuery4 Connection Form1.ZConnection1
ZQuery5 Connection Form1.ZConnection1
DataSource1 DataSet ZQuery1

c. Double click pada Btnbatal, kemudian ketikan kode berikut :

d. Double click pada Btnhapus, kemudian ketikan kode berikut :

e. Double click pada Btnsimpan, kemudian ketikan kode berikut :

f. Double click pada Btntambah, kemudian ketikan kode berikut :

g. Double click pada cmbjoin, kemudian ketikan kode berikut :

h. Double click pada cmbkodemk, kemudian ketikan kode berikut :

i. Double click pada cmbstambuk, kemudian ketikan kode berikut :

j. Klik DBGrid1-> pilih tab events->double klik pada OnDblClick, lalu ketikan kode
berikut :

k. Klik Form4-> pilih tab events->double klik pada OnActive, lalu ketikan kode
berikut :
l. Klik Form4-> pilih tab events->double klik pada OnCreate, lalu ketikan kode
berikut :

m. Simpanlah program tersebut, lalu jalankan dengan cara klik run atau dengan
menekan F9. Jika terjadi kesalahan, periksalah kembali kebenaran program.