Pemrograman Berorientasi Objek Lanjutan

FTI-UBL [GASAL 2016/2017]
IMPLEMENTASI
PEMROGRAMAN BERORIENTASI
OBJEK
PG173 – 3 SKS
Oleh : Lusi Fajarita, M.Kom
Lusi Fajarita, M.Kom
1
FTI-UBL [GASAL 2016/2017]
PERTEMUAN 2
Lusi Fajarita, M.Kom
2
FTI-UBL [GASAL 2016/2017]
POKOK BAHASAN
Dasar-dasar pemrograman GUI, Merancang
Database, Testing Koneksi
Konsep Pemrograman GUI
Class/Komponen GUI Pada Editor
Pengenalan Netbeans IDE
IDE pada Editor MySQL
Membuat Database
Modifikasi Database
Coding Class Koneksi Database
Merancang File Menu Utama
Lusi Fajarita, M.Kom
3
FTI-UBL [GASAL 2016/2017]
A. KONSEP PEMROGRAMAN GUI
(GRAPHICAL USER INTERFACE)
Pada dasarnya pemrograman GUI, adalah pemrograman yang
mengandalkan kemampuan tampilan dalam bentuk grafik.
dimana program yang dibuat dapat memberikan kenikmatan
tersendiri dalam penggunaannya. Tidak lagi monoton, hitamputih, mode DOS dan lain sebagainya.
Kalau kita lihat pada gambar berikut, menjelaskan bahwa
interaksi yang terjadi antara user dengan program melalui
sebuah tampilan yang sudah
berbentuk grafik.
Lusi Fajarita, M.Kom
4
FTI-UBL [GASAL 2016/2017]
 Konsep Pemrograman GUI (Lanjutan…)
• Sedangkan interaksi yang terjadi antara pengguna dengan
komponen GUI dapat dilakukan dengan beberapa cara
diantaranya :
•
•
•
•
•
•
Dengan penekanan komponen tombol.
Dengan membuat pilihan pada menu.
Melakukan enter pada objek text.
Pergerakan tombol scroll bar.
Dengan penekan tombol close pada objek wondows.
Dll.
Lusi Fajarita, M.Kom
5
FTI-UBL [GASAL 2016/2017]
 Konsep Pemrograman GUI (Lanjutan…)
Tiga tipe program yang berbasis kepada GUI komponen
1.
2.
3.
Graphical components (GUI)
Yaitu berupa rancangan tampilan program yang dikemas dengan
menggunakan komponen-komponen grafik.
Listener methods
Yaitu berfungsi untuk menerima dan merespon event yang terjadi
Application methods
Fungsi-fungsi atau baris perintah yang berguna bagi pengguna
untuk menghasilkan kegiatan dalam bentuk respon.
 Graphical components (seperti tombol), listener methods berguna
menerima events dari tombol yang di click dan application methods
berisi program yang akan dijalankan saat event terjadi.
Lusi Fajarita, M.Kom
6
FTI-UBL [GASAL 2016/2017]
B. CLASS/KOMPONEN GUI PADA APLIKASI
• Banyak sekali komponen yang sudah disiapkan oleh
java untuk membuat sebuah tampilan yang berbentuk
GUI. Namun pada bagian ini yang akan dijelaskan
adalah komponen-komponen yang terkait dengan
aplikasi yang akan di buat atau dipaparkan dalam
perkuliahan ini saja
• Daftar komponen yang akan digunakan atau yang akan
dipaparkan dalam perkuliahan ini dapat dilihat pada
tabel berikut :
Lusi Fajarita, M.Kom
7
FTI-UBL [GASAL 2016/2017]
 Class/Komponen GUI pada aplikasi (Lanjutan..)
No.
JWindow
Kegunaan
Untuk membuat window atau frame yang menjadi
latar belakan komponen-komponen lain.
2.
JLabel
Untuk membuat tulisan yang akan menjelaskan
komponen lain, dapat juga berupa gambar.
3.
4.
JProgressBar
Timer
5.
Dimension
6.
JFrame
7.
JDesktopPane
8.
JMenuBar
9.
JMenu
1.
Lusi Fajarita, M.Kom
Nama Komponen
Untuk membuat baris progress.
Untuk mengatur waktu tampilan.
Untuk mengambil dimensi screen monitor.
Untuk membuat frame biasa.
Untuk membuat frame induk yang disisipkan pada
frame biasa.
untuk menampung dan menampilkan menu baris
(Pulldown Menu).
Untuk membuat menu baris dan sub menu yang
merupakan induk dari sub menu yang lain.
8
FTI-UBL [GASAL 2016/2017]
 Class/Komponen GUI pada aplikasi (Lanjutan..)
Untuk membuat sub menu yang merupakan
menu terakhir.
10.
JMenuItem
11.
JPopupMenu
12.
JToolBar
Untuk menampung dan menampilkan menu
popup.
Untuk menampung dan menampilkan menu
dalam bentuk toolbar.
13.
JPanel
Untuk menampung objek/komponen lain
14.
JButton
Untuk membuat tombol.
15.
Date
Untuk mengambil fungsi tanggal dan jam aktif
16.
SimpleDateFormat
Mengatur format tampilan
17.
String
Class tipe data
18.
JInternalFrame
Untuk membuat frame anak.
19.
JTextField
Untuk menginput string
20.
JTextArea
Untuk menginput string yang lebih dari satu baris
Lusi Fajarita, M.Kom
9
FTI-UBL [GASAL 2016/2017]
 Class/Komponen GUI pada aplikasi (Lanjutan..)
21.
JScrollPane
22.
JComboBox
Untuk membuat objek tabel
Untuk membuat objek kombo yang berisi daftar
pilihan.
23.
ButtonGroup
Untuk membuat objek group sebagai tempat
objek radiobutton.
24.
25.
26.
27.
28.
JRadioButton
JTabel
JOptionPane
Integer
PrinterJob
29.
Graphics2D
30.
31.
32.
Connection
Statement
ResultSet
Lusi Fajarita, M.Kom
Untuk membuat objek pilihan
Untuk membuat objek tabel
Untuk menampilkan kotak dialog
Class tipe data
Untuk mengaktifkan printer dialog
Untuk membuat objek grafik dua dimensi.
Untuk membuat objek koneksi.
Untuk membuat statement.
Untuk menampung hasil query.
10
FTI-UBL [GASAL 2016/2017]
 Class/Komponen GUI pada aplikasi (Lanjutan..)
No.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
Lusi Fajarita, M.Kom
Nama Package
java.awt.*
javax.swing.*;
java.awt.event.*;
javax.swing.border.LineBorder;
java.util.*;
java.text.*;
javax.swing.Timer;
java.sql.*;
java.io.*;
javax.swing.table.DefaultTableModel;
import java.lang.*;
import java.awt.print.*;
11
FTI-UBL [GASAL 2016/2017]
C. PENGENALAN IDE NETBEANS
Sebuah aplikasi Integrated Development Environment (IDE) yang
berbasiskan Java dari Sun Microsystems yang berjalan di atas
swing.
Swing merupakan sebuah teknologi Java untuk pengembangan
aplikasi desktop yang dapat berjalan pada berbagai macam platform
seperti Windows, Linux, Mac OS X dan Solaris. Sebuah IDE
merupakan lingkup pemrograman yang di integrasikan ke dalam
suatu aplikasi perangkat lunak yang menyediakan Graphic User
Interface (GUI), suatu kode editor atau text, suatu compiler dan
suatu debugger.
NetBeans adalah juga disebut
sebagai
platform
komponen
modular yang digunakan untuk
mengembangkan aplikasi Java
desktop.
Lusi Fajarita, M.Kom
12
FTI-UBL [GASAL 2016/2017]
 NETBEANS IDE
Lusi Fajarita, M.Kom
13
FTI-UBL [GASAL 2016/2017]
 KUMPULAN PALETTE NETBEANS
Component Pallete berisi kumpulan icon yang menggambarkan komponen-komponen
yang terdapat pada VCL (Visual Component Library).
Terdiri dari : Swing Containers, Swing Controls, Swing Menus, Swing Windows, AWT,
Beans, dan Java Persistence
Lusi Fajarita, M.Kom
14
FTI-UBL [GASAL 2016/2017]
Lusi Fajarita, M.Kom
15
FTI-UBL [GASAL 2016/2017]
Lusi Fajarita, M.Kom
16
FTI-UBL [GASAL 2016/2017]
Lusi Fajarita, M.Kom
17
FTI-UBL [GASAL 2016/2017]
Lusi Fajarita, M.Kom
18
FTI-UBL [GASAL 2016/2017]
D. IDE PADA EDITOR MySQL
Pada pembahasan kali ini, editor yang digunakan untuk mengakses database
adalah MySQL Front.
MySQL-Front adalah perangkat lunak versi Windows yang menyediakan
fasilitas, untuk login, membuat user, database, tabel serta menipulasi data lainnya.
Lusi Fajarita, M.Kom
19
FTI-UBL [GASAL 2016/2017]
E. PRAKTIK MEMBUAT DATABASE
Buatlah database dibawah ini pada editor database yang sudah disediakan.
Lusi Fajarita, M.Kom
20
FTI-UBL [GASAL 2016/2017]
F. MEMBUAT FILE KONEKSI KE DATABASE
Ikuti langkah-langkah berikut :
1. Buka Netbeans IDE
2. Pilih Menu File – New Project
Lusi Fajarita, M.Kom
21
FTI-UBL [GASAL 2016/2017]
3. Tambahkan JDBC (Java Database Connectivity)
Jdbc atau mysql_connector adalah API untuk menghubungkan dari
java ke MySQL
Jika mysql connector diatas
belum dipanggil dan database
serta tabel belum dibuat, maka
data yang disimpan tidak akan
tersimpan ke database.
Lusi Fajarita, M.Kom
22
FTI-UBL [GASAL 2016/2017]
4. Buat Class Database.Java
Class Database.Java di simpan pada package Koneksi
Lusi Fajarita, M.Kom
23
FTI-UBL [GASAL 2016/2017]
5. Ketik script dibawah ini
Lusi Fajarita, M.Kom
24
FTI-UBL [GASAL 2016/2017]
6. Konfigurasi Database
- Buka windows explorer
- Cari folder project (SistemPenjualan)
- Buat folder baru, dan beri nama : lib
Atau
- Klik Kanan folder project
(SistemPenjualan)
- Pilih New – Java Package
- Kemudian buat folder baru, dan beri
nama : lib
Ketik script berikut pada editor
notepad, kemudian simpan
kedalam folder lib dengan tipe
dot ini ( .ini )
User dan password
menyesuaikan komputer
masing-masing
Lusi Fajarita, M.Kom
25
FTI-UBL [GASAL 2016/2017]
G. MERANCANG FILE MENU UTAMA
Ikuti langkah-langkah berikut :
1. Kembali ke Project SistemPendaftaran
2. Pilih Menu File – New File
Lusi Fajarita, M.Kom
26
FTI-UBL [GASAL 2016/2017]
FILE MENU UTAMA (LANJUTAN...)
Lusi Fajarita, M.Kom
27
FTI-UBL [GASAL 2016/2017]
FILE MENU UTAMA (LANJUTAN...)
klik 2x atau klik kanan pada masing-masing menu,
kemudian pilih “Edit Text”. Buatlah seperti tampilan berikut
ini :
Lusi Fajarita, M.Kom
28
FTI-UBL [GASAL 2016/2017]
 MENAMBAHKAN SUB MENU PADA MENU UTAMA
Lusi Fajarita, M.Kom
29
FTI-UBL [GASAL 2016/2017]
Beri nama objek pada masing-masing menu :
Klik kanan pada masing-masing menu – Change Variable Name
Nama menu
Sub Menu
File Master
MMenu
Entry Data Peserta
Laporan
Lusi Fajarita, M.Kom
MPeserta
MLaporan
Laporan Data Peserta
Exit Program
Nama Objek
LPeserta
Mexit
30
FTI-UBL [GASAL 2016/2017]
 TEST KONEKSI PADA MENU UTAMA
Ketik script berikut pada editor Source
Konstruktor MenuUtama
Lusi Fajarita, M.Kom
31
FTI-UBL [GASAL 2016/2017]
Ikuti langkah berikut, kemudian ketik scriptnya pada Menu
"Exit Program"
Ketik script ini
Lusi Fajarita, M.Kom
32
FTI-UBL [GASAL 2016/2017]
 COMPILE DAN RUNNING PROGRAM
Setelah itu gunakan tombol
berikut untuk compile dan
running program.
Lusi Fajarita, M.Kom
33
FTI-UBL [GASAL 2016/2017]
HASIL
Lusi Fajarita, M.Kom
34
FTI-UBL [GASAL 2016/2017]
Selesai
Lusi Fajarita, M.Kom
35