Tutorial Membuat Form Dalam Netbeans dan Link Download File Referensi
https://eu2.contabostorage.com/00f3241116844f24b628f46d81abb929:st1/folder5/5530/jmuser_file_1644469612_add81ea16373f748d720ad5953c44bc1.pdf
2026-06-01 12:42:04 - Admin
<style> body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; margin: 0; padding: 0 20px; background-color: #f9f9f9; color: #333; } header { background-color: #4a90e2; color: #fff; padding: 20px 0; text-align: center; } h1, h2, h3 { color: #2c3e50; } nav { margin: 15px 0; text-align: center; } nav a { margin: 0 10px; color: #4a90e2; text-decoration: none; } nav a:hover { text-decoration: underline; } article { background-color: #fff; padding: 20px; border-radius: 5px; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } pre { background:#eee; padding:10px; overflow:auto; } code { font-family: "Courier New", Courier, monospace; background:#e8e8e8; padding:2px 4px; border-radius:3px; } .step { margin-bottom: 20px; } .step img { max-width:100%; border:1px solid #ddd; margin-top:10px; } </style> <header> <h1>Tutorial Membuat Form dalam NetBeans</h1> </header> <nav> <a href="#pendahuluan">Pendahuluan</a> <a href="#persiapan">Persiapan</a> <a href="#membuat-form">Membuat Form</a> <a href="#event-handler">Event Handler</a> <a href="#penutup">Penutup</a> </nav> <article id="pendahuluan"> <h2>Pendahuluan</h2> <p>NetBeans merupakan Integrated Development Environment (IDE) yang populer untuk pengembangan aplikasi Java, termasuk aplikasi desktop berbasis Swing. Pada tutorial ini, Anda akan belajar cara membuat form (jendela GUI) secara visual, menambahkan komponen, serta menghubungkan aksi pengguna dengan kode Java.</p> </article> <article id="persiapan"> <h2>Persiapan</h2> <div class="step"> <h3>1. Instalasi NetBeans</h3> <p>Unduh NetBeans dari <a href="https://netbeans.apache.org">situs resmi</a> dan pilih versi yang menyertakan JDK. Ikuti wizard instalasi sampai selesai.</p> </div> <div class="step"> <h3>2. Membuat Project Baru</h3> <p>Langkah-langkah :</p> <ol> <li>Buka NetBeans, pilih <code>File > New Project</code>.</li> <li>Pilih kategori <strong>Java with Ant</strong> atau <strong>Maven</strong> kemudian <strong>Java Application</strong>.</li> <li>Berikan nama project, misalnya <code>FormDemo</code>, dan pastikan <em>Create Main Class</em> tidak dicentang.</li> <li>Klik <strong>Finish</strong>.</li> </ol> </div> <div class="step"> <h3>3. Menambahkan Package</h3> <p>Di dalam <em>Projects</em> pane, klik kanan <code>Source Packages</code> <code>New > Java Package</code>. Beri nama <code>com.tutorial.form</code>.</p> </div> </article> <article id="membuat-form"> <h2>Membuat Form dengan GUI Builder</h2> <div class="step"> <h3>1. Membuat JFrame Baru</h3> <p>Pilih package yang telah dibuat, klik kanan <code>New > JFrame Form</code>. Isikan nama kelas <code>FormUtama</code> dan klik <strong>Finish</strong>. NetBeans akan membuka editor visual.</p> </div> <div class="step"> <h3>2. Mengatur Layout</h3> <p>Secara default NetBeans menggunakan <code>GroupLayout</code>. Untuk pemula, pilih <code>FlowLayout</code> atau <code>BorderLayout</code> melalui properti <em>Layout</em> pada jendela <strong>Properties</strong>. Contoh:</p> <pre><code>this.setLayout(new java.awt.FlowLayout());</code></pre> </div> <div class="step"> <h3>3. Menambahkan Komponen</h3> <p>Seret komponen dari palet (Palette) ke form, contoh:</p> <ul> <li><strong>JLabel</strong> untuk menampilkan teks.</li> <li><strong>JTextField</strong> input satu baris.</li> <li><strong>JPasswordField</strong> input password.</li> <li><strong>JButton</strong> aksi tombol.</li> </ul> <p>Set properti masingmasing melalui jendela <strong>Properties</strong>. Contoh mengubah teks tombol menjadi Login.</p> </div> <div class="step"> <h3>4. Mengatur Nama Variabel</h3> <p>Supaya kode lebih mudah dibaca, ubah nama variabel komponen. Klik kanan komponen <code>Change Variable Name...</code>. Misalnya, ubah <code>jButton1</code> menjadi <code>btnLogin</code>.</p> </div> </article> <article id="event-handler"> <h2>Event Handler (Aksi Tombol)</h2> <div class="step"> <h3>1. Menambahkan ActionListener</h3> <p>Klik ganda pada tombol <code>btnLogin</code> di editor visual. NetBeans otomatis membuat method <code>btnLoginActionPerformed</code> di dalam kelas.</p> <pre><code>private void btnLoginActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:}</code></pre> </div> <div class="step"> <h3>2. Mengakses Nilai Input</h3> <p>Misalkan ada <code>txtUsername</code> (JTextField) dan <code>txtPassword</code> (JPasswordField). Tambahkan kode berikut:</p> <pre><code>String user = txtUsername.getText();char[] pass = txtPassword.getPassword();if(user.equals("admin") && String.valueOf(pass).equals("12345")) { JOptionPane.showMessageDialog(this, "Login berhasil!");} else { JOptionPane.showMessageDialog(this, "Username atau password salah.", "Error", JOptionPane.ERROR_MESSAGE);}</code></pre> </div> <div class="step"> <h3>3. Menutup Form atau Membuka Form Lain</h3> <p>Jika login berhasil, Anda dapat menutup form ini dan membuka form utama aplikasi:</p> <pre><code>if(user.equals("admin") && String.valueOf(pass).equals("12345")) { this.dispose(); // menutup form login FormMain main = new FormMain(); // FormMain adalah JFrame lain main.setLocationRelativeTo(null); main.setVisible(true);}</code></pre> </div> </article> <article id="penutup"> <h2>Penutup</h2> <p>Dengan mengikuti langkahlangkah di atas, Anda sudah dapat membuat form sederhana menggunakan NetBeans, menambahkan komponen, dan menghubungkan aksi pengguna dengan logika Java. Beberapa tips tambahan:</p> <ul> <li>Gunakan <code>GroupLayout</code> bila ingin tata letak yang fleksibel.</li> <li>Selalu beri nama variabel yang deskriptif.</li> <li>Manfaatkan <code>JOptionPane</code> untuk dialog cepat.</li> <li>Jika aplikasi menjadi kompleks, pertimbangkan pola MVC untuk memisahkan logika bisnis.</li> </ul> <p>Selamat mencoba! Semoga tutorial ini membantu Anda dalam mengembangkan aplikasi desktop berbasis Java Swing dengan NetBeans.</p> </article>