Kode MK : MI Revisi Terakhir : Pertemuan 2 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. Penggunaan Komponen Dasar 2013.

Presentasi berjudul: "Kode MK : MI Revisi Terakhir : Pertemuan 2 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. Penggunaan Komponen Dasar 2013."— Transcript presentasi:

1 Kode MK : MI Revisi Terakhir : Pertemuan 2 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. Penggunaan Komponen Dasar 2013

2  Tujuan Tujuan  Pokok Bahasan : Penggunaan Komponen Dasar Pokok Bahasan  Sub Pokok Bahasan 1: Penggunaan komponen jFrame, jLabel,jTextField, jButton Sub Pokok Bahasan 1  Sub Pokok Bahasan 2: Sub Pokok Bahasan 2  Referensi : John Zukowski:2005, 17-57, 88-108, 526-562 Referensi 2

3  Dapat menjelaskan konsep komponen berbasis GUI  Dapat menggunakan komponen dasar  Dapat membuat program dengan event handling pada komponen 3

4  Definisi: A graphical user interface (GUI) is a type of user interface which allows people to interact with a computer and computer-controlled devices which employ graphical icons, visual indicators or special graphical elements called “widgets”, along with text, labels or text navigation to represent the information and actions available to a user. The actions are usually performed through direct manipulation of the graphical elements [http://en.wikipedia.org/wiki/Graphical_user_interfac e] 4

5  Pengoperasian GUI biasanya dilakukan secara langsung pada komponen grafis melalui pointer device(mouse)  Contoh : icon-icon pada msword, tampilan jendela seting pada window 5

6  Definisi IDE: An integrated development environment (IDE) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools and a debugger. 6

7 7

8  Project : berisi kumpulan file-file dari proyek yang dikerjakan  Pallete: berisi berbagai macam komponen netbeans: jTextField, JButton  Design Area: media untuk meletakkan komponen-komponen netbeans  Properties: berisi kelengkapan nilai-nilai properties dari masing-masing komponent 8

9  Buat project baru dalam Netbeans, caranya pilih menu : File > New Project  Langkah berikutnya anda harus menentukan kategori project yang akan anda buat, caranya pilih : General > Java Application  Klik kanan di project yang baru anda buat, popup menu akan muncul, kemudian pilihlah menu : New > JFrame Form...  New > JFrame Form...  Kemudian masukkan nama class JFrame yang akan dibuat, misalnya Helloworld.java, klik finish.  Untuk memenuhi tujuan kita membuat Swing HelloWorld, kita akan memasukkan string “HelloWorld” ke dalam JLabel yang baru saja kita buat. Caranya, dobel klik di atas JLabel tersebut, kursor muncul bersama text field dan ketikkan “Helloworld”.  Klik kanan di file HelloWorld.java pada jendela explorer di sebelah kiri, pilih menu Run File... untuk mengcompile dan menjalankan class HelloWorld.java atau tekan tombol SHIFT + F6. 9