Kode MK : MI Revisi Terakhir : Pertemuan1 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. GUI dan IDE 2013.

Presentasi berjudul: "Kode MK : MI Revisi Terakhir : Pertemuan1 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. GUI dan IDE 2013."— Transcript presentasi:

1 Kode MK : MI Revisi Terakhir : Pertemuan1 FX. Henry Nugroho, S.T., M.Cs Adi Kusjani, S.T. GUI dan IDE 2013

2  Tujuan Tujuan  Pokok Bahasan : GUI dan IDE Pokok Bahasan  Sub Pokok Bahasan 1: Pengenalan GUI dan IDE Sub Pokok Bahasan 1  Sub Pokok Bahasan 2: Project dan Package Sub Pokok Bahasan 2  Referensi : John Zukowski:2005, 252 Referensi 2

3  Dapat menjelaskan konsep GUI dan IDE apa aplikasi berbasis desktop  Dapat menyebutkan beberapa IDE yang dapat digunakan  Dapat membuat project dan package 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

10 10

11 11

12 12

13  Buatlah sebuah project dengan nama Desktop1 13