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

18
@Author By Ahmat Josi,S.Kom.,M.Kom @ Dosen Stmik Prabumulih [email protected] 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)

Upload: others

Post on 06-Dec-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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)

Page 2: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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)

Page 3: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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.

Page 4: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 5: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 6: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 6

Selanjutnya buatlah tampilan form seperti berikut ini

Silahkan tarik swing controls yang ada di kanan

Page 7: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 8: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

}

}

Page 9: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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);

}

}

Page 10: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 11: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 11

Page 12: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 12

Page 13: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 13

\

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

Page 14: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 15: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 15

Page 16: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 16

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

Page 17: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 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

Page 18: Membuat Aplikasi Penginputan Data Sederhana Menggunakan ... · Buat database seperti pada contoh (dalam hal ini database yang dibuat “DB_biodata” kemudian tekan create) @Author

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

[email protected] 18

Setelah selesai maka aplikasi sudah bisa dijalankan