Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Modul mvc part 3
1. 21
BAB 13 – MVC Dan JDBC
35. Setelah kita menyelesaikan kode pada Class Implement, Langkah selanjutnya kita akan
mulai mengetik kode pada Form VPenerbit.
Buka VPenerbit pada packages View, lalu beralih ke tab Source (gambar 13.32)
Gambar 13.32. Tampilan Form VPenerbit
36. Sebelum mengetik kode, yang perlu diingat :
- Biasakan generate coding dengan ctrl + spasi
- Untuk beberapa code program yang nanti meminta pilihan import, berikut list import
yang dipilih :
Gambar 13.33. List Import Library pada VPenerbit
37. Letakkan kode program di bagian bawah Nama Class berikut :
Gambar 13.34. Bagian Kode Program VPenerbit
38. Ketikkan kode berikut :
2. 22
BAB 13 – MVC Dan JDBC
Gambar 13.35. Kode untuk Membuat beberapa variabel pada VPenerbit
39. Di bagian bawah dari kode (gambar 13.35), buat sebuah prosedur dengan nama
panggildata() yang berfungsi untuk memanggil record dalam tabel penerbit
Gambar 13.36. Prosedur panggildata()
40. Di bagian bawah dari kode (gambar 13.36), buat sebuah prosedur lagi dengan nama
isitabel() yang berfungsi untuk mengisi data ke JtblPenerbit
Gambar 13.37. Prosedur isitabel()
41. Di bagian bawah dari kode (gambar 13.37), buat sebuah prosedur lagi dengan nama
refreshdata() yang berfungsi untuk memanggil prosedur panggildata() dan isitabel()
Gambar 13.38. Prosedur refreshdata()
3. 23
BAB 13 – MVC Dan JDBC
42. Panggil prosedur refreshdata() pada bagian Public VPenerbit()
Gambar 13.39. Public VPenerbit()
43. Untuk melihat hasil dari runtunan kode di VPenerbit, khususnya pemanggilan method
tampil() dari Class ImplementPenerbit, silahkan isi minimal 2 data ke dalam tabel
penerbit (isi data bebas sesuaikan dengan tipe data), kemudian run VPenerbit (Shift +
F6) sehingga akan menghasilkan tampilan program sementara seperti pada gambar
13.40.
Gambar 13.40. Tampilan Program Sementara pada Form VPenerbit
44. Tutup kembali program yang sedang di berjalan, Kembali ke tab source kita akan
lanjutkan pengkodean.
45. Buat sebuah prosedur yang diletakkan di bawah prosedur refreshdata() dengan nama
bersih()
4. 24
BAB 13 – MVC Dan JDBC
Gambar 13.41. Prosedur bersih()
46. Kembali ke tab Design, klik 2 kali tombol Baru, lalu ketik kode berikut :
Gambar 13.42. Kode pada tombol Baru
47. Selanjutnya Kembali ke tab Design, klik 2 kali tombol Keluar, sebelum kita memulai
mengetik kode untuk tombol Keluar, tambahkan atau import sebuah library berikut :
Gambar 13.43. Import JOptionPane
48. Setelah itu, ketik kode berikut untuk tombol keluar :
Gambar 13.44. Kode pada tombol keluar
49. Selanjutnya, Kembali ke tab Design, klik 2 kali tombol Simpan, lalu ketik kode berikut
Gambar 13.45. Kode pada tombol Simpan
5. 25
BAB 13 – MVC Dan JDBC
50. Run program (shift + F6), lalu coba inputkan satu data penerbit melalui form VPenerbit
(seperti pada gambar 13.46.)
Gambar 13.46. Demo Tombol Simpan
51. Langkah selanjutnya adalah membuat kode untuk JTabel agar bisa merespon jika data
pada tabel diklik oleh pengguna, sehingga data nantinya dapat diubah atau dihapus.
Kembali ke tab Design, Klik kanan JTblPenerbit – Events – Mouse – mouseClicked
Gambar 13.47. Event mouseClicked pada JTable
6. 26
BAB 13 – MVC Dan JDBC
52. Lalu, ketikkan kode berikut :
Gambar 13.48. Kode pada JtblPenerbit
53. Selanjutnya, Kembali ke tab Design, klik 2 kali tombol Edit, lalu ketik kode berikut :
Gambar 13.49. Kode pada tombol Edit
54. Run program (shift + F6), lalu coba ubah satu data penerbit melalui form VPenerbit
(seperti pada gambar 13.50.)
7. 27
BAB 13 – MVC Dan JDBC
Gambar 13.50. Demo Edit data Penerbit pada VPenerbit
55. Selanjutnya, Kembali ke tab Design, klik 2 kali tombol Hapus, lalu ketik kode berikut :
Gambar 13.51. Kode pada tombol Hapus
8. 28
BAB 13 – MVC Dan JDBC
56. Run program (shift + F6), lalu coba hapus satu data penerbit melalui form VPenerbit
(seperti pada gambar 13.52.)
Gambar 13.52. Demo tombol Hapus
KESIMPULAN
Pada prinsipnya MVC merupakan framework untuk pengembangan aplikasi atau
program. Implementasi pada MVC yaitu membagi kode dalam tiga bagian menjadi Model,
View dan Controller. Dimana Model merupakan sumber data yang berisi atribut, dan method
getter and setter, View merupakan representasi data yang dituangkan dalam tampilan yang
akan disuguhkan ke pengguna, sedangkan Controller menjadi otak untuk memproses aksi
antara Model dan View. Penggunaan MVC dalam proses pengembangan program membuat
jadi mudah, terukur dan mudah dalam pemeliharaan.
9. 29
BAB 13 – MVC Dan JDBC
TUGAS 13.
Lengkapi program yang sudah dibuat untuk menjadi program yang lebih kompleks.
Terapkan MVC dalam pengerjaan form-form berikut :
1. Form Pengarang
Gambar 13.53. Form Pengarang
2. Form Kategori
Gambar 13.54. Form Kategori
10. 30
BAB 13 – MVC Dan JDBC
3. Form Buku
Gambar 13.55. Form Buku
4. Form Menu Utama
Gambar 13.56. Form Menu Utama
11. 31
BAB 13 – MVC Dan JDBC
5. Form Login
Gambar 13.57. Form Login