membuat aplikasi penginputan data sederhana menggunakan ... · buat database seperti pada contoh...

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 1

Membuat Aplikasi Penginputan Data Sederhana Menggunakan Netbeans dan

Database Mysql

1. Membuat database

Aktifkan Xampp

Buka browser kemudian http://localhost/phpmyadmin

Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan

create)

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 2

Tentukan field yang akan dibuat (misalnya NIP, Nama, No_hp, Alamat ) contoh

Name Type Value

NIP Varchar 14 Primary Key

nama Varchar 40

No_hp Varchar 16

Alamat Text

Primary Key pada NIP berfungsi untuk membuat NIP tidak sama antara (Karyawan satu dengan Yang lainnya)

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 3

Setelah selesai mengisi field tersebut selanjutnya klik Save yang ada di pojok kanan bawah

Setelah selesai membuat database dan table selanjutnya adalah proses membuat aplikasi sederhana

menggunakan netbeans.

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 4

2. Buka Aplikasi Netbeans

Klik File > New Project > Java > Java Application> Tekan Next

Maka akan muncul tampilan seperti berikut

Buatlah nama aplikasi dan lokasi penyimpanan (contoh APP-Karyawan-SP) Kemudian tekan Finish

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 5

Selanjutnya akan muncul tampilan berikut

Klik source APP-Karyawan-SP dan klik kanan pada APP-Karyawan-SP maka akan muncul beberapa

ITEM

Klik New > Jframe Form dan beri nama form tersebut (form_karyawan) > dan klik Finish

Nama form harus berbeda dengan nama project

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 6

Selanjutnya buatlah tampilan form seperti berikut ini

Silahkan tarik swing controls yang ada di kanan

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 7

Ubah Varible Name pada Text Field

1. Klik Kanan Text Field

2. Klik Change Variable Name

3. Ubah Nama Variabel

misalnya

Text Field1 > NIP

Text Field2 > nama

Text Field3 > No_hp

Text Field4 > Alamat

Setelah selesai, klik source APPKaryawanSP.Java seperti gambar berikut > ubah coding pada bagian

public static void main(String[] args) { sampai code akhir

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 8

Code awal

/*

* To change this license header, choose License Headers in Project Properties.

* To change this template file, choose Tools | Templates

* and open the template in the editor.

*/

package app.karyawan.sp;

/**

*

* @author Jhosy

*/

public class APPKaryawanSP {

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

}

}

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 9

Code perubahan

/*

* To change this license header, choose License Headers in Project Properties.

* To change this template file, choose Tools | Templates

* and open the template in the editor.

*/

package app.karyawan.sp;

/**

*

* @author Jhosy

*/

public class APPKaryawanSP {

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

form_karyawan opt3 = new form_karyawan();

opt3.setVisible(true);

}

}

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 10

Setelah selesai mengubah coding maka selanjutnya kembali ke source form_karyawan

Sesuaikan code yang ada di form_karyawan.java yang anda buat dengan code berikut ini. Baca dengan

teliti

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 11

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 12

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 13

\

Setelah code diatas maka kembali ke design (lihat Gambar Berikut)

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 14

Setelah itu maka kussor akan langsung terarah ke source seperti pada gambar berikut, lalu sesuaikan

kembali code anda dengan code yang ada pada screnshot berikut

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 15

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 16

Setelah selesai silahkan RUN, namun koneksi masih gagal dikarenakan MYSQL JBC Driver belum di ADD

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 17

Maka selanjutnya

klik liberaries > klik kanan > Add Liberary > klik MYSQL JBC Driver, lihat gambar berikut

Setelah selesai maka klik RUN dan aplikasi sudah bisa digunakan

Silahkan coba input data anda

@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih

Ahmat_Josi@Yahoo.com 18

Setelah selesai maka aplikasi sudah bisa dijalankan