Prodi Sistem Informasi | Belajar HTML dan PHP | Skripsi SI
Pesantren Katabah
1000 Penghafal Quran
Pengobatan Ruqyah Mandiri
Sistem Informasi (S1)
Manajemen Informatika
Blog | Kontak | Siap Kerja | Sertifikat | PrivacyPolicy | Inggris Arab | Daftar Isi

Saturday, April 27, 2013

Java dan MySQL: Membuat Tombol Tambah


Pada tutorial ini saya sedang belajar membuat tombol Tambah di Netbeans menggunakan bahasa pemrograman Java. Adapun database yang digunakan adalah MySQL. Kenapa menggunakan MySQL, tidak Microsoft Access yang sudah banyak dikenal atau database lain? Jawabannya adalah “Lagi-lagi karena GRATIS” alias open source. He..he..


1.      Buka Wampserver (Start – All Programs – WampServer – start WampServer)
2.      Buka Firefox
3.      Pada address bar, ketik: localhost
4.      Tekan tombol enter di keyboard
5.      Klik phpmyadmin
6.      Buat database, namanya: java (caranya: Klik tulisan Databases – Ketik di kotak Create new database – klik tombol Create)
7.      Lihat gambar ini:

8.      Selesai membuat database
9.      Pada kotak Create table on database java, ketik nama tabel: student, number of columns: 2
10.  Lihat gambar:

11.  Klik tombol Go
12.  Lakukan setting berikut ini:
Field
Name
Data
Type
Field
Size
Index
number
Varchar
5
Primary
full_name
Varchar
30


13.  Lihat gambar ini:

14.  Klik tombol Save
15.  Hasilnya seperti gambar berikut:


16.  Buka windows explorer
17.  Buat folder di drive D, misalnya: D:\100java

18.  Buka Netbeans IDE (Start – All Programs – Netbeans – Netbeans IDE)
19.  File – New Project
20.  Tentukan:
Categories: Java
Projects: Java Application
21.  Lihat gambar berikut:


 22.  Klik tombol Next
23.  Project Name: JavaApplicationAddButton
24.  Project Location: D:\100java\AddButton
25.  Hilangkan tanda centang di Create Main Class

26.  Klik tombol Finish
27.  Klik kanan pada tulisan  <default package>
28.  New – Java Package
29.  Lihat gambar ini:

30.  Ketik pada kotak package name: newpackageAddButton
31.  Lihat gambar ini:


32.  Klik tombol Finish
33.  Klik kanan newpackageAddButton
34.  New – Java Class
35.  Lihat gambar ini:

36.  Ketik pada kotak class name: NewClassAddButton
37.  Lihat gambar ini:

38.  Klik tombol Finish
39.  Klik kanan Libraries – Add Library
40.  Lihat gambar berikut:
 
41.  Klik MySQL JDBC Driver
42.  Lihat gambar ini:
 
43.  Klik tombol Add Library

44.  Lihat hasilnya seperti gambar ini:

 
45.  Pada file NewClassAddButton, ketik script berikut:
package newpackageAddButton;
    import com.mysql.jdbc.Driver;
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.SQLException;


public class NewClassAddButton {
     private static Connection AddButton;

         public static Connection getConnection() throws SQLException {
             if (AddButton == null) {
                 // panggil Driver MySQL
                 new Driver();
                 // buat koneksi
                 AddButton = DriverManager.getConnection("jdbc:mysql://localhost:3306/java", "root", "");
             }
             return AddButton;
         }

         public static void main(String args[]) {
             try {
                 getConnection();
                 System.out.println("Connected successfully");
             } catch (SQLException ex) {
                 System.err.println("Connection is Error");
             }
         }
}

46.  Lihat gambar berikut:

 
Catatan:
Script yang diketik adalah yang dilingkari merah saja. Sedangkan yang tidak dilingkari merah sudah tersedia dari Netbeans.

47.  Simpan (Ctr+S)
48.  Jalankan program (Run – Run File)
49.  Hasilnya seperti gambar berikut:

 
Catatan:
Tulisan “connected successfully” dapat diganti dengan bahasa Indonesia.

50.  Klik kanan newpackageAddButton – New JFrame Form
51.  Lihat gambar berikut:

 
52.  Ketik pada kotak class name: NewJFrameAddButton
53.  Lihat gambar berikut:

 
54.  Klik tombol Finish
55.  Buat desain sebagai berikut:

 
56.  Gambar di atas ubah dengan ketentuan:
  • jLabel1->Text: Number
  • jLabel2-> Text: Full Name
  • jTextField1-> Text: (Kosongkan);
  • jTextField2-> Text: (Kosongkan);
  • jButton1-> Text: Tambah;
  • Hasilnya seperti gambar berikut:



57.  Klik kanan tombol Add
58.  Klik Events – Action – actionPerformed
59.  Di bawah:
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {

Ketik script berikut:
String number = jTextField1.getText();
        String name = jTextField2.getText();

if (number.equals("") || name.equals("") ) {
JOptionPane.showMessageDialog(null, "failed !! data is empty");
} else {
            try {
                Statement st = NewClassAddButton.getConnection().createStatement();
                int simp = st.executeUpdate("insert into student values(" + number + ",'" + name + "')");
                if (simp == 1) {
                    JOptionPane.showMessageDialog(null, "Saved");
                  //  reset();

                } else {
                    JOptionPane.showMessageDialog(null, "Failed to save");
                }
            } catch (SQLException ex) {
                JOptionPane.showMessageDialog(null, ex);
            }
        }

60.  Lihat gambar berikut:


61.  Di bawah package newpackageAddButton, ketik script berikut:
import java.sql.*;
import javax.swing.*;

62.  Lihat gambar berikut:

63.  Simpan
64.  Jalankan program (Run – Run File)
65.  Hasilnya seperti berikut:


66.  Masukkan data berikut:
No
Nama
1
Komar
2
Tasdik
3
Komarudin Tasdik

Catatan:
Apabila program kita berhasil, ketika diklik tombol Add, maka akan muncul pesan pda kotak dialog “Saved”.

67.  Lengkah selanjutnya adalah untuk melihat data yang sudah dientri pada database MySQL
68.  Buka Firefox (Dari awal latihan, tabel Student sudah terbuka pada database Java)
69.  Klik tabel student
70.  Hasilnya seperti gambar berikut:



Selamat mencoba!

***


Referensi:
[1] Script koneksi Netbeans ke MySQL diadaptasi dari eecchhoo.wordpress.com/2008/07/05/jdbc-dan-mysql-dengan-netbeans-part-1

[2] Script tombol Tambah diadaptasi dari lubertopunya.blogspot.com/2011/11/program-java-sederhana-1-memasukkan.html

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."
Tips Skripsi Program Studi Sistem Informasi

No comments:

Post a Comment