. .

BAGIAN KE SEPULUH: Pengenalan Membangun Antarmuka Pengguna Grafis atau APG (GUI) Pada Netbeans IDE.

Posted by CHRISTIANTO D,WIBOWO | D3MI-2016 STMIK BUMI GORA On Selasa, Januari 24, 2017 No comments

BAGIAN KE SEPULUH: Creating a Java Form (GUI) with the NetBeans IDE, Sebelum kita meneruskan mempelajari pembelajaran ini, ada baiknya kita baca artikel-artikel sebelumnya yang terhubung dengan langkah-langkah pembelajaran ini (Link) BAHASA PEMROGRAMAN JAVA PADA NETBEANS IDE.
NetBeans Form Editor adalah editor WYSIWYG untuk membuat GUI untuk aplikasi Java. Editor ini menciptakan bentuk di class baru, dan NetBeans menyebut bentuk tersebut sebagai JFrame class, JFrame class merupakan Java class yang extend dari javax.swing.JFrame
GUI -  Dalam teknologi komputasi, Graphical User Interface atau GUI (Indonesia: Antarmuka Pengguna Grafis atau APG) adalah jenis antarmuka pengguna yang menggunakan metode interaksi pada peranti elektronik secara grafis (bukan perintah teks) antara pengguna dan komputer. GUI menjadi salah satu faktor kemudahan dalam penggunaan komputer, peranti bergerak seperti pemutar MP3, pemutar media portabel atau peranti permainan, peralatan rumah tangga, dan peralatan kantor. GUI menggambarkan informasi dan perintah yang tersedia untuk pengguna menggunakan ikon grafis. Contoh: Microsoft Windows, MacOS dan Xwin menggunakan jenis GUI yang berbeda.
WYSIWYG - WYSIWYG (/ˈwɪziwɪɡ/ wiz-ee-wig) adalah singkatan dari What You See Is What You Get (Artinya : Apa Yang Anda Lihat Adalah Apa Yang Anda Dapatkan). Istilah ini digunakan dalam perkomputasian untuk menggambarkan suatu sistem di mana konten yang sedang disunting akan terlihat sama persis dengan hasil keluaran akhir, yang mungkin berupa dokumen yang dicetak, halaman web, slide presentasi, atau bahkan pencahayaan untuk acara teater. Ungkapan ini awalnya hanya tangkapan dari sebuah frasa yang dipopulerkan oleh Flip Wilson 's drag persona "Geraldine" dari Rowan & Martin's Laugh-In pada akhir 60-an dan kemudian pada The Flip Wilson Show sampai 1974), yang sering mengatakan "What you see is what you get" untuk alasan perilakunya yang unik. Ungkapan ini terbukti cukup populer untuk menjadi judul sebuah hit single oleh The drama pada tahun 1971.
Pembelajaran ini mengajarkan kita bagaimana untuk membuat antarmuka pengguna grafis sederhana dan menambahkan fungsionalitas back-end yang sederhana. Secara khusus kita akan menunjukkan bagaimana kode perilaku tombol dan bidang dalam bentuk Swing.


Kita akan bekerja melalui tata letak dan desain GUI dan menambahkan beberapa tombol dan bidang/field teks. Bidang/field teks akan digunakan untuk menerima input pengguna dan juga untuk menampilkan output Program. tombol akan memulai fungsi yang dibangun di depan. Aplikasi yang kita buat akan menjadi kalkulator sederhana namun fungsional.

Kita tidak harus meng-output segalanya untuk jendela terminal di Java. Pada bagian ini, kita akan menulis sebuah program kalkulator yang menggunakan bentuk. Bentuknya akan memiliki tombol dan kotak teks. Kita akan mulai dengan kalkulator yang sangat sederhana yang hanya bisa menambah, dan kemudian memperluas kemampuan sehingga bisa mengurangi, membagi dan mengalikan. Kalkulator akan terlihat seperti ini saja :

NetBeans and Java Forms
Mengembangkan Graphic User Interface (GUI) menggunakan Java dapat menjadi bentuk seni dalam dirinya sendiri, karena ada cukup banyak untuk digunakan: Components, Containers, Layout Managers, dan banyak lagi. Lingkungan pengembangan NetBeans sangat disederhanakan menciptakan bentuk, dan kita akan menggunakan ini untuk drag dan drop kontrol ke frame.

Kita buat proyek baru untuk ini dengan mengklik File > New Project dari menu NetBeans kemudian, Java > Java Application dari kotak daftar, lalu klik tombol Next.

Pada langkah ke-2 dari wizard, ketik MyCalculator sebagai nama proyek. Di bagian bawah, hapus centang "Create main class". Hal ini karena metode utama akan dibuat untuk kita oleh NetBeans ketika kita menambahkan formulir. Langkah 2 dari wizard akan terlihat seperti ini:

Klik tombol Finish, dan NetBeans akan menciptakan proyek, lihat di daerah Proyek di sebelah kiri pada NetBeans dan klik Window > Projects  dari menu NetBeans di atas:
Biasanya, ada file.java dengan nama Source Packages. Tapi karena kita tidak mencentang kotak "Create main class", tidak ada file class java di sana. Apa yang akan kita lakukan selanjutnya adalah untuk menambahkan Formulir untuk proyek. Ketika form dibuat, itu akan dibuat dalam file class java sendiri.

Untuk menambahkan formulir, klik kanan nama proyek di jendela Projects. Sebuah menu akan muncul jendela New JFrame Form, seperti gambar berikut :

Pilih New > JFrame dari kotak menu, Di sini, kita diminta untuk memberikan nama untuk Class, dan nama Package. Kita sudah membuat proyek, dan menyebutnya MyCalculator. Nama package dan class akan masuk ke proyek. Jadi, untuk type class kita beri nama JavaCalculator. Dalam kotak teks package kosong, ketik jCalculator. Jadi kita sedang menciptakan class yang disebut JavaCalculator, di dalam package jCalculator, di dalam proyek MyCalculator. Klik tombol Finish untuk menyelesaikan proses.

Pada tahap ini kita sudah mengenai Java Form GUI, tahap berikutnya, kita akan melihat apa yang terjadi setelah kita klik finish, dan mengeksplorasi berbagai jendela dari NetBeans IDE.

0 komentar:

Posting Komentar