DATABASE UNDER GUI WITH NETBEANS
A. Membuat Database PostgreSQL.
1. Buka pgAdminIII pada menu start xp.
2. Klik close pada kota dialog dibawah ini.
3. Klik kanan pada PostgreSQL Database Server 8.2.
(localhost:5432). Pilih connect.
4. Masukan password “admin”.
5. Klik tanda panah kecil yang terdapat pada PostgreSQL Database
Server. Lalu klik kanan pada Databasedan pilih New Database.
6. Masukan nama database pada text_Fild Name lalu OK.(Ex.
pengirimanbarang). Catatan: usahakan agar penulisan nama
database menggunakan huruf kecil dan tidak boleh menggunakan
spasi.
7. Klik tanda panah pada Database, lalu klik pengirimanbarang.
8. Klik tanda panah pada pengirimanbarang pilih Schemas lalu
public dan klik kanan pada Tabel pilihNew Table.
2 Created by mread1
9. Pada menu Properties masukan nama table pada textfield
Name.(ex. daftarpengiriman). Pindah kemenu Colums klik add dan
masukan nama kolom, tipedata, dan jmlhkarakter.(ex. buat
nopengiriman (Character;5), namapengirim (Character;30),
namapenerima (Character;30))
Sekarang kita akan menentukan primarykey pada menu Constraints
klik add dan masukan nama primarykey (ex
nopengiriman_primary). Kemudian pindah kemenu Colums dan
masukan kolom yang akan dijadikan primarykey pada tombol
dropdown (ex nopengiriman). Klik add dan OK.
10. Klik Ok untuk selesai pembuatan database. Selajutnya kita akan
membuat program diNetbeans dan mengkoneksikan kedalam
database.
B. Membuat Program Under GUI di Netbeans
1. Buka NetBeans 5.5 Preview (atau NetBeans 5) pada menu start
xp. Pada tutorial ini penulis menggunakan NetBeans 5.5 Preview,
tapi anda juga dapat menggunakan NetBeans 5.
2. Ketika window Netbeans telah terbuka, klikpilih menu File lalu
pilih New Project (ctrl+shift+n).
3. Pada kotak dialogNew Project, klik General pada table
Categories dan klik Java Application pada table Projects. Lalu klik
Next.
4. Buat nama Project Name pada textfield (ex AppPengiriman)
Klik tombol Browse untuk menentukan lokasi penyimpanan data
Project (ex letakan data Project pada Local Disk D:) .
5. Pada menu Project buka AppPengiriman dengan menekan tanda
(+) lalu klik kanan pada submenu Libraries dan pilih Add
JAR/Folder.
Uncek Create Main
Clas pada cekbox
lalu klik Finish
3 Created by mread1
6. Tambahkan file postgresql-8.2-506.jdbc2 yang terletak
pada localdisk c: – program file – postgreSQL – 8.2 – jdbc –
postgresql-8.2-506.jdbc2.(Pilih dengan double klik)
Lalu klik open.
7. Selanjutnya pilih sub menu Source Package, klik kanan
pilih New – Java Class (di java class ini kita akan membuat
sebuah class koneksi yang nantinya program dari class
koneksi tersebut akan menghubungkan program netbeans
dengan postgresql).
8. Buat nama Koneksi (usahakan menggunakan huruf capital
pada awal nama class) pada textfield Class Name. Kemudian
buat juga nama com.pengiriman.barang (usahakan
menggunakan huruf kecil) pada textfield Package. Lalu klik
Finish.
9. Jika pernyataan (*/ ...../*) yang terdapat pada pada scrip
Koneksi nantinya akan membingungkan anda, anda dapat
membuangnya dengan cara mendrag text scrip tersebut
seperti gambar di bawah ini, lalu tekan delete pada keyboard.
10. Selanjutnya kita akan membuat scrip Koneksi. Tapi
sebelumnya anda harus mempunyai contoh scripnya yang
terdapat pada folder javaGUI (anda dapat mengcopy
softcopynya pada teman2 yang sudah mempumyai folder
javaGUI). Buka file Koneksi pada folder javaGUI.
11. Copy teks import pada file koneksi dengan mendrag teks
tersebut, klik kanan dan pilih copy. Kemudian kembali
keprogram netbeans dan letakan posisi paste di bawah teks
package com.pengiriman.barang; (klik kanan paste).
12. Copy lagi teks “public Connections bukaKoneksi()throws
SQLException {” sampai tanda tutup kurawal “}” kedua dari
bawah. Masukan hasil copy diatas tutup kurawal “}” paling
akhir (klik kanan paste).
posisi
cursor
posisi
cursor
4 Created by mread1
13. Setelah semua scrip yang dibutuhkan telah dicopy. Maka
ubah alamat database yang terdapat pada scrip tersebut
menjadi
“jdbc:postgresql://localhost:5432/pengirimanbarang”;
(perlu diperhatikan bahwa teks “pengirimanbarang”
adalah nama database yang telah kita buat pada langkah
membuat database menggunakan postgreSQL)
14. Kemudian Compile class koneksi tersebut yang terdapat
pada menu Project, klik kanan pada Class Koneksi.java pilih
Copile File (F9).
15. Kita akan mengkoneksi database yang telah kita buat.
Pilih menu Runtime, klik tanda (+) pada icon Databases
kemudian klik kanan pada submenu Driver dan pilih Add
Driver.
16. Pada dialogbox Add JDBC Driver klik button Add.
Kemudian tambahkan file postgresql-8.2-506.jdbc2 yang
terletak pada localdisk c: – program file – postgreSQL – 8.2
– jdbc– postgresql-8.2-506.jdbc2.(Pilih dengan double klik).
Lalu klik open. Setelah drivernya masuk kedalam textfield
Driver File, klik button Find lalu OK.
17. Klik kanan pada driver PostgreSQL (v7.0 and later).
Pilih Connect Using.
Maka akan muncul dialogbox New Database Connection.
Kemudian lengkapi Database URL menjadi
“jdbc:postgresql://localhost:5432/pengirimanbarang.
User Name “postgres” dan Password “admin” kemudian
klik OK.
Jika anda ingin tahu dari mana asal
nama User Name, anda dapat melihat pada pgAdminIII dan
klik PostgreSQL Database Server 8.2. (localhost:5432).
Sedangkan
5 Created by mread1
18. Tampilan dialogbox New Database Connection akan
berubah dan pindah ke menu Advanced. Klik tombol
dropdown pada Select schema: pilih publik. Lalu OK.
19. Maka akan mencul icon koneksi
jdbc:postgresql://localhost:5432/pengirimanbarang
[postgres on public] pada deretan submenu Driver. Jika kita
ingin lebih memastikan tabel yang telah kita buat telah
terkoneksi, tekan tanda (+) pada icon koneksinya.
20. Selanjutnya kita kembali ke menu Projects. Langkah
selanjutnya kita akan membuat program GUI dengan cara
klik kanan pada com.pengiriman.barang yang terdapat pada
submenu Source Packages. Pilih New lalu JFrame Form.
21. Beri nama FormPengiriman pada textfield Class Name.
lalu klik Finish.
22. Kita akan memasuki tahap design program dengan GUI.
Kita akan mendesign program seperti gambar di bawah ini.
23. Langkah yang harus ditempuh untuk membuat tampilan
program seperti gambar di atas adalah sebagai berikut.
24. Kita akan membuat judul program serta nama-nama
objek(Nomor Pengiriman, Nama Pengirim dan Nama
Penerima) dengan menggunakan JLabel. Klik JLabel yang
terdapat pada kotak Palette, dan bawa kursor ke tengah atas
form. Kita dapat merubah spesifikasi dari huruf dengan
mengklik kotak Font yang terdapat pada kotak JLabel-
Properties.
Buat seperti gambar di bawah ini dengan menggunakan
JLabel.
25. Langkah berikutnya, kita akan membuat JTextField,
caranya sama ketika kita membuat JLabel. Namun yang
perlu diperhatikan, tulisan yang terdapat pada JTextField
yang telah di drag kedalam frame harus anda hilangkan
dengan mendouble clik pada JTextField tersebut lalu tekan
delete kemudian enter. Buat tiga buah JTextField
berdasarkan gambar di bawah ini.
posisi
cursor
Klik di sini untuk
menentuk jenis font
dan ukurannya.
6 Created by mread1
26. Selanjutnya kita akan memberikan sebuah variabel name
pada JTextField yang telah kita buat.
27. Aktifkan JTextField Nomor Pengiriman dengan cara
mengklik JTextField tersebut. Lalu ubah variabel name pada
kota JlabelProperties, klik menu code dan klik kotak
Variabel name untuk merubah nama variabelnya.
Pada kotak dialog
jTextField-Variabel Name
ubah namanya menjadi
tnopengiriman lalu klik OK.
Begitu juga dengan
JTextField Nama Pengirim
ubah nama variabelnya
menjadi tnamapengirim, dan
JTextField Nama Penerima
ubah nama variabelnya menjadi tnamapenerima. Caranya
sama ketika kita merubah nama variabel JTextField Nomor
Pengiriman.
28. Jangan lupa untuk menge_save file yang anda buat agar
jika terjadi masalah dengan komputer, file dapat
terselamatkan.
30. Langka berikutnya, kita akan membuat JButton.
31. Pembuatan JButton akan sedikit berbeda dengan kita
membuat JLabel maupun JTextField.
32. Klik JButton pada kotak Palette, dan bawa kursor
kedalam frame lalu letakan JButton dengan cara mengklik
pada tempat yang di inginkan.
33. Kemudian ubah nama jbutton1 menjadi Input dengan
cara me-double clik jbutton1 tersebut, ubah nama lalu tekan
enter.
34. Kemudian kita akan mengubah nama variabel JButton
Input dengan cara mengaktikan jbutton input kemudian pada
kotak JLabel Properties klik kotak Variabel Name menjadi
btn_input. Lalu OK.
35. Setelah itu masuk kemenu Events dan klik kotak
actionPerformed.
JTextField
Clik disini untuk
mengaktikan
JTextFied Nomor
Pegiriman
Clik disini
untuk merubah
Variabe Name
Bawa JButton dan
klik disini lalu
double clik untuk
merubah namanya
menjadi input
Kotak
actionPerformed
Menu Events
7 Created by mread1
36. Tampilan akan berubah ke menu Source. Untuk
sementara ini kita tidak perlu masuk kemenu Source.
Sekarang kita pindah kembali kemenu Design dengan
mengklik menu Design tersebut.
37. Setelah masuk kemenu Design, klik kembali kotak
actionPerformed pada menu Events, lalu pilih Rename. Ubah
nama menjadi clik_input lalu OK. Klik lagi OK.
38. Selanjutnya buat lagi button exit dengan mengikuti
langkah sama ketika kita membuat button input. Dengan
VariabelName = btn_exit, dan
actionPerformed = clik_exit.
Buat seperti gambar di bawah ini.
39. Baru pada langkah berikut ini kita masuk kemenu Source
untuk menambahkan scrip program.
40. Buka file FrmGuiNasabah.java pada folder javaGUI.
Dan copy text import kedalam scrip netbeans dan paste di
bawah teks package com.pengiriman.barang;
41. Klik scrollbar ke bawah, dan posisikan cursor pada akhir
teks
private void clik_exit(java.awt.event.ActionEvent){
// TODO add your handling code here:
dan tekan enter agar posisi kursor teks di bawah tulisan
tersebut. Kemudian ketik Exit();
Lakukan hal yang sama pada
private void clik_input(java.awt.event.ActionEvent){
// TODO add your handling code here:
dan tekan enter agar posisi kursor teks di bawah tulisan
tersebut. Kemudian ketik Input();
Clik di sini
untuk masuk ke
menu Design.
Clik di sini
untuk masuk ke
menu Source.
Paste di sini
8 Created by mread1
42. Ketik
void input() {
}
di atas pernyataan /** public static void.....
43. Kita akan mengcopy scrip input pada file
FrmGuiNasabah.java. Buka kembali file tersebut dan
temukan scrip tambah/input di baris bawah kemudian copy
yang di mulai dari teks try ..... } (lihat gambar di bawah ini).
Tempatkan paste diantara tanda kurung kurawal void input()
44. Ubah isi scrip String sql ..... seperti berikut ini
String sql = "insert into daftarpengiriman (nopengiriman, namapengirim,
namapenerima) values " +
"('" + tnopengiriman.getText()+ "','" + tnamapengirim.getText()+ "', " +
"'" + tnamapenerima.getText() + "')";
Catatan:
daftarpengiriman adalah nama table dari database yang telah kita buat.
nopengiriman, namapengirim, namapenerima adalah nama kolom dari table
yang telah kita buat dari sebuah database.
tnopengiriman, tnamapengirim, dan tnamapenerima adalah nama variabel
JTextField.
42. Ketik
void exit() {
}
di antara srip program input dan pernyataan /** public static
void.....
43. Ketik ”System.exit(0);” diantara tanda kurung kurawal
void input()
Ketik disini.
Catatan: biasanya setelah kita
mengetik void input () { lalu
enter maka akan secara
otomatis tanda kurung kurawal
tutup } akan dibuat.
Paste di sini.
Ketik disini.
Catatan: biasanya setelah kita
mengetik void exit () { lalu
enter maka akan secara
otomatis tanda kurung kurawal
tutup } akan dibuat.
Ketik System.exit(0; ) pada
baris ini
9 Created by mread1
44. Pengetikan scrip program telah selesai, selanjutnya kita
compile FormPengiriman.java pada menu Projects (klik
kanan Compile File / F9).
45. Jika telah muncul tulisan berikut:
”BUILD SUCCESSFUL (total time: ... seconds)”
maka program tersebut berhasil di compile. Langkah
selanjutnya Run File FormPengiriman.java pada menu
Projects (klik kanan Run File / shift+F6).
46. Program dengan tampilan GUI akan muncul. Cobalah
untuk mengisi TextFildnya dan tekan input.
47. Jika tampilan output:
init:
deps-jar:
compile-single:
run-single:
Data sudah disimpan....!
Maka data yang kita input akan masuk kedalam database.
48. Kita akan memastikan data yang kita input masuk atau
tidak kedalam database.
Masuk kedalam menu Runtime, klik kanan pada icon table
daftarpengiriman. pilih View Data.
49. Data telah berhasi masuk kedalam Database. Silahkan
mencoba kembali dengan menambahkan button update,
delete, view, dan search.
50. Semoga berhasil....
