modul dan tutorial java database
TRANSCRIPT
MODUL DAN TUTORIAL JAVA DATABASE (JDBC mysql)
A.
Software dan File file yang dibutuhkan : 1. Web Server a. xampp-win32 b. wamp c. appserv 2. Java IDE a. Netbeans b. Eclipse c. Java Creator 3. Java Connector : mysql-connector-java-5.1.6-bin Pembuatan Program Database JDBC Dalam pembuatan java database kita membutuhkan java connector yang akan di copykan kedalam Program Files dengan cara copykan file java connector yaitu mysql-connector-java5.1.6-bin kedalam C:\Program Files\Java\jdk1.6.0_06\jre\lib\ext, paste kan kedalam nya. Selanjutnya install software web server disini saya memakai appserv keunggulan appserv adalah software ini tidak memerlukan setingan yang rumit, sedangkan kelemahan nya adalah program ini adalah harusnya memakai password root. 1. Penginstalan appserv :
B.
Klick Next
Page 1
Klick Tombol I Agree
Biarkan saja penginstalan nya disini
Klick Tombol Next >
Page 2
Ceklist semuanya
Klick Next >
Isikan dengan localhost
Isikan dengan email anda Biarkan isi default nya, jika belum ada Isi dengan 80 Klick Next >
Page 3
Isikan password root terserah
Biarkan saja defaultnya
Ulangi password anda sama seperti diatas
Klick Install
Klick Finish
Page 4
2. Pembuatan database
Ketik localhost kemudian Enter
Klick disini
Isi User Name : root Isi Password : password sewaktu menginstall appserv
Klick OK
Page 5
Buat database dengan nama mahasiswa
Klick Create
Buat table dengan nama table_biodata Ketik 7 untuk jumlah fields nya
Klick Go
Page 6
Klick Save
FIELD NIM (PRIMARY KEY) NAMA JENIS_KELAMIN TMPT_LAHIR TGL_LAHIR JURUSAN ALAMAT
TYPE VARCHAR VARCHAR ENUM VARCHAR VARCHAR VARCHAR VARCHAR 20 35 L,P 20 30 30 100
LENGTH / VALUES
3. Pembuatan Form Jalankan program netbeans Klick icon new project maka akan tampil
Pilih folder java
Disebelah kiri pilih Java Application
Klick Next >
Page 7
Ketik Project Name dengan Java_Mahasiswa
Klick Browse kemudian simpan di dalam Disk selain di C
Klick Finish
Klick kanan pada source packages java_mahasiswa akan tampil Isi Class Name dengan FormBioMahasiswa
Klick Finish
Page 8
Buat design form seperti gambar dibawah ini :
Untuk merubah text pada jLabel NIM,NAMA,JENIS KELAMIN dst. Klick kanan pada jLabel NIM kemudian pilih Edit Text kemudian rubah sesuai table dibawah, lakukan hal yang sama pada semua jLabel. Kemudian untuk merubah Variable Name klick kanan pada jLabel pilih Change Variable Name, lakukan hal yang sama pada semua komponen. Berikut table perubahan nya : Komponen jLabel1 jLabel2 jLabel3 jLabel4 jLabel5 jLabel6 Klick Kanan Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Keterangan NIM lblNim NAMA lblNama JENIS KELAMIN lblJkelamin TEMPAT LAHIR lblTmplahir TANGGAL LAHIR lblTglLahir JURUSAN lblJurusan
Page 9
jLabel7 jLabel8 jTextField1 jTextField2 jTextField3 jTextField4 jTextArea1 jComboBox1 jRadioButton1 jRadioButton2 jButton1 jButton2 jButton3 jButton4 jButton5 jTable1 4. Source Kode
Edit Text Change Variable Name Edit Text Change Variable Name Change Variable Name Change Variable Name Change Variable Name Change Variable Name Change Variable Name Properties => Model Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Varable Name Edit Text Change Variable Name Change Variable Name
ALAMAT lblAlamat DATA MAHASISWA txtNim txtNama txtTmpLahir txtTglLahir txtAlamat cmbJurusan Kosongkan Laki Laki rbLaki Perempuan rbPerempuan SAVE btnSave EDIT btnEdit DELETE btnDelete CLEAR btnClear EXIT btnExit tabelBio
Pertama kita akan memasukkan radiobutton untuk jenis kelamin dengan menambahkan 2 komponen jRadioButton kedalam ButtonGroup. Ketikkan source code berikut letakkan dibawah method public FormBioMahasiswa :
Letakkan Dibawah sini
Ketik code berikut
Page 10
Kemudian masukkan method jenisKelamin kedalam method FormBioMahasiswa ketikkan dibawah initComponents Ketikkan source code untuk menambah kan method jenisKelamin
Selanjutnya kita akan manambahkan method clearForm dengan mengetikkan source code berikut :
Kemudian letakkan method clearForm tadi kedalam method public FormBioMahasiswa :
Selanjutnya kita akan menambahkan method untuk menampilkan jurusan. Ketikkan source code berikut:
Page 11
Kemudian letakkan method jurusan didalam method public FormBioMahasiswa :
Setelah itu kita akan menambahkan source code untuk menampilkan data dari database ke jTable dengan nama method tampilTabelBio :
Page 12
Kemudian letakkan method tampilTabelBio tadi kedalam method public FormBioMahasiswa
Sekarang kita ketahap penginputan data dengan sebuah tombol yaitu jButton yang diberi nama btnSave, ketikkan source code berikut dengan cara double klick pada button save atau klick kanan pada button save kemudian pilih events => action => actionPerformed :
Page 13
Sebelum kita merubah data yang akan diubah,kita harus mencari data yang akan dirubah dengan cara mngetikkan NIM nya sehingga data-data yang ada sesudah nya akan tampil dibawahnya.kita akan menggunakan eventFocusLost pada txtNim,dengan cara klick kanan pada txtNim pilih events => focus => focusLost ketikkan source code berikut :
Setelah data yang akan dirubah tampil, baru kita merubah nya melalui button EDIT dengan cara klick kanan button EDIT pilih events => action => actionPerformed, ketik source code berikut :
Page 14
Kemudian kita akan memasukkan source code untuk mendelete data (menghapus data), dengan cara klick kanan pada button DELETE pilih events => action => actionPerformed. Berikut source code nya :
Kemudian kita akan masukkan code untuk keluar dari sistem, dengan mengklick kanan pada button EXIT pilih events = > action => actionPerformed. Berikut source code nya :
Catatan : gunakan teknik cepat untuk menulis nya, dengan cara tekan Ctrl + Space, untuk menghindari kesalahan penulisan.
Page 15
Pencarian Data Lanjutkan form yang telah kita buat sebelumnya dengan menambahkan komponen sebagai berikut : Komponen jLabel1 jTextField1 jButton1 jButton2 Klick Kanan Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Edit Text Change Variable Name Keterangan CARI lblCari txtCari CARI btnCari CLEAR btnClearCari
Maka form yang telah dibuat akan seperti gambar dibawah ini :
Page 16
Setelah itu kita akan memasukkan coding kedalam button cari dengan cara klick kanan pada button CARI kemudian pilih Events => Action => actionPerformed. Ketik source program berikut :
Kemudian tombol CLEAR kita masukkan source code berikut :
PENCARIAN DENGAN MENGGUNAKAN COMBO
Tambahkan komponen jComboBox kemudian ganti variable name dengan nama cmbCari, maka akan terlihat seperti gambar berikut :
Page 17
Setelah itu masukkan source code untuk memasukkan item combo box untuk cari berdasarkan :
Kemudian masukkan source kode untuk mencari nya :
Page 18
Page 19
Page 20
MEMBUAT LAPORAN MENGGUNAKAN IREPORT
Sebelum membuat laporan ada sebuah software yang harus diinstall sebagai aplikasi pembentuk laporan yaitu iReport, install seperti biasa. Setelah itu jalankan program iReport dengan tampilan pertama kali seperti dibawah ini :
Kemudian untuk membuat report baru cara nya, klick icon Report Datasource sehingga tampil seperti gambar dibawah ini :
Page 21
Klick icon Report Datasource
Klick New
Pilih Database JDBC connection
Klick Next
Page 22
Dalam isian Name isi dengan LaporanMahasiswa
Dalam isian JDBC URL isi dengan nama database yang telah dibuat yaitu mahasiswa
Dalam Username dan Password diisi dengan root kemudian password optional jika tidak ada kosongkan
Klick Test untuk test koneksi, setelah itu Klick Save
Klick Close
Page 23
Setelah itu kita akan membuat lembaran laporan dengan cara Pilih File pada toolbar program iReport, kemudian pilih New maka akan tampil gambar berikut, ada beberapa tampilan design yang bermacam2, sekarang kita akan memilih satu design atau terserah anda yang menurut anda bagus.
Saya akan memilih template design ini
Kemudian Klick Launch Report Wizard
Ketik dengan lapMahasiswa
Usahakan disimpan pada folder yang sama dengan project yang telah kita buat
Klick Next
Page 24
Isikan Querynya
Klick Next
Pindahkan semua field ke sebelahnya dengan mengklick >>
Page 25
Klick Next
Klick Finish
Page 26
Setelah mengklick finish maka akan tampil sebuah laporan yang telah kita buat sebelumnya. Untuk melihat hasil nya Klick Priview pada tab design nya.
Page 27
Berikut source code untuk menampilkan laporan, klick kanan pada report kemudian Events => Action => actionPerformed :
Laporan ini adalah untuk menampilkan semua data pada database, bagaimana kalo kita ingin menampilkan data tersebut berdasarkan data yang dinginkan seperti berdasarkan jenis kelamin atau berdasarkan tempat lahir atau berdasarkan tanggal lahir. Nah, berikut kita akan membuat laporan berdasarkan data yang kita inginkan.
Page 28
MEMBUAT LAPORAN BERDASARKAN JENIS KELAMIN
Tampilkan laporan yang telah kita buat sebelumnya seperti gambar berikut, kemudian klick kanan Parameter pada Report Inspector :
Klick kanan Parameter
Pilih Add Parameter
Pada Name isi dengan jk
Page 29
Kemudian buat jFrame baru dengan tampilan sebagai berikut :
Kemudian ketikkan source code dengan mendoble click button LAPORAN
Page 30