SinauDewe JavaSE “Hey, belajar sendiri itu mudah!

Bikin Gampang Coding GUI-Mu Dengan 'Java GUI Builder'

Tutorial ini bebas untuk dicopy / disebarluaskan secara gratis. Dilarang menggunakan sebagian / keseluruhan isi untuk tujuan komersial tanpa seijin penulis! Non Commercial use only. Copyright 2011.

0 Java menggunakan AWT (Abstract Window Toolkit) dan Applet  (GUI untuk web) sebagai perkakas GUI nya. “Apakah kamu ingin Xerox menggunakan alat aneh yang bernama mouse ini?”.k.Sinau Jigloo http://sinaudw. GUI  merupakan tampilan antarmuka yang digunakan pengguna untuk berkomunikasi dengan  program. 1 . Istilah GUI digunakan karena dahulu komputer belum menggunakan grafis atau  masih berbasis text.  Karena tidak mudah bagi orang awam untuk mengingat setiap perintah tersebut. Kemudian setelah Java 1.2 munculah Swing dan  yang baru­baru ini SWT (Standard Widget Toolkit) buatan IBM. Pada veris awal 1.com G U I GUI a. yang pertama kali membuat OS GUI adalah Xerox PARC. termasuk diantaranya Java.wordpress. Konon menurut cerita OS GUI yang telah dibuat tidak disetujui para petinggi Xerox. maka  dibuatlah OS dengan berbasis GUI. Dengan model text ini pengguna harus menghafalkan setiap perintahnya. sampai akhirnya Steve Job datang mengambilnya. Karena itulah OS GUI ini tidak pernah dikenalkan ke publik. DID YOU KNOW ! Siapakah yang memperkenalkan teknologi GUI didalam Operating System untuk pertama kalinya? “Apple?? ataukah Microsoft Windows??” Ternyata bukan. Sumber : Pirates of Silicon Valley Dengan semakin populernya OS berbasis GUI akhirnya diikuti pula dengan lahirnya  bahasa­bahasa pemrograman yang berbasis GUI.a Graphical User Interface mungkin sudah tidak asing di telinga kita.

 jadi kita bisa fokus untuk algoritma program. maskot Java “Duke” diambil dari nama Duke Ellington.wordpress. Dari celetukan inilah Swing akhirnya diambil sebagai nama API Java GUI. Sumber : http://blogs.  layout. “Dansa Swing nampak semakin tumbuh besar” jawab George.  MENGAPA BISA DIBERI NAMA “SWING” ? Cerita berawal ketika tim pengembang sedang pergi ke Hobees untuk makan siang.Sinau Jigloo http://sinaudw. membuat tampilan Swing  terasa begitu melelahkan. jadi kita tidak perlu lagi memikirkan koding  tampilan. Berbeda dengan AWT  Swing menyediakan tampilan look 'n feel yang lebih native. Swing dikembangkan untuk  menyediakan perkakas GUI yang lebih canggih dari pendahulunya AWT.com Swing Java GUI Swing merupakan perkakas / API yang termasuk didalam JFC (Java Foundation Class). ditambah lagi dengan banyaknya konsep yang harus dipelajari (component. apa yang sekarang sedang naik daun di San Francisco?”. yang dipilih oleh Rick Levenson (dia tahu nama itu ilegal karena sudah dimiliki Kentucky Fried Chicken) sebagai cara untuk memastikan bahwa tim akan datang dengan nama yang lebih baik.com/thejavatutorials/entry/why_is_swing_called_swing Dahulu sewaktu notepad masih menjadi editor andalan. Mereka pun bingung akan diberi nama apa. Mereka sedang memperbincangkan tentang nama toolkit yang sedang mereka buat. Akhirnya setelah makan siang. Hampir sama dengan cerita diatas. Saat itu kode namanya adalah KFC.  2 . Apalagi bagi orang awam yang baru mengenal Java akan terasa  sangat kesulitan.  yang digunakan untuk membangun aplikasi berbasis GUI. pun begitu Swing juga men­ support tampilan look 'n feel yang pluggable yang membuat aplikasi terlihat tidak terikat  dengan tampilan theme didalam OS. ketika sedang kembali ke kantor SUN salah satu anggota tim Amy Fowler bertanya kepada George Saab “Hey George. dll). Beberapa nama yang diusulkan tim nampak kurang bagus.sun. listener. Saya selalu berpikir akan lebih baik kalau ada sebuah editor yang mampu  membantu membuatkan tampilan dengan mudah.

com Akhirnya setelah mengarungi samudera google akhirnya saya menemukan yang  namanya IDE (Integrated Development Environment). dll) waktu itu hanya Netbeans yang membuat saya  sangat tertarik. Dari sekian banyak IDE Java (Netbeans. JCreator. Bukan karena ringannya (ehem.  Eclipse. JDeveloper. maaf saya pakai RAM dengan kapasitas diatas  rata­rata jadi tidak begitu terasa :D) tapi karena Matisse­nya yang telah membius saya dengan  segala kemudahannya. Intellij IDEA.  3 .wordpress.Sinau Jigloo http://sinaudw.

0 Matisse sudah ada didalam Netbeans. Saya  kurang tau kapan pertama kali Netbeans mulai mengadopsi Matisse. Seingat saya waktu  pertama kali mengenal Netbeans saat itu versi 4.  Gambar 1: Netbeans Matisse Keunggulan Matisse • • • Mudah digunakan.com Netbeans + Matisse = Cool Matisse merupakan project untuk membuat GUI Builder didalam Netbeans.Sinau Jigloo http://sinaudw. Fitur drag 'n drop sangat membantu membuat tampilan dengan mudah. Memudahkan pemula yang ingin mempelajari struktur program dari Swing.wordpress. 4 .

 Artinya tidak  dapat mengenali program GUI yang dikoding dari luar.wordpress. • • Hanya mendukung Swing. • Beberapa kode tertentu yang telah digenerate tidak dapat diedit manual. Menyimpan konfigurasinya sebagai xml. apalagi jika tidak didukung dengan kapasitas  RAM yang kurang memadai.Sinau Jigloo http://sinaudw.  5 .com Kekurangan Matisse  • Terasa begitu berat ketika dijalankan. yang membuat kurang fleksibel.

 namun manakah yang bagus dan gratis? :D Dari sekian banyak plugin Eclipse untuk GUI Builder. artinya selama bukan  ditujukan untuk komersial kita dapat menggunakannya dengan gratis. mengingat rumitnya membuat tampilan yang bagus hanya bermodalkan tangan  kosong. nanti kalian pasti akan tau. Lalu yang jadi pertanyaan “Adakah plugin Eclipse yang dapat mempermudah  pekerjaan ini?”. Eclipse menurut saya sangat  ringan dan bagus. Jigloo berlisensi “free for non­commercial use”. Ada.com Eclipse + Jigloo = Awesome Satu lagi IDE yang membuat saya terkesan adalah Eclipse. Tentu saja hal ini menjadi kurang  produktif.wordpress. Semuanya  harus diketik manual. memenuhi kriteria seperti yang kita cari. 6 . Tapi apa bagusnya Jigloo? Coba dan  bandingkan. berat dan  kurang bebas. Bagi beberapa  pengguna tertentu terlalu banyaknya wizard malah dirasa sangat mengganggu. Sangat  cocok.  Selama ini pengguna Eclipse merasa kurang nyaman ketika koding Swing. selain harus disibukkan dengan koding algoritma atau inti dari program  juga harus disibukkan dengan mendesain tampilan. Sangat cocok bagi yang kurang suka dengan wizard. hanya satu yang paling menarik  perhatian saya “Jigloo”. Lumayan bersahabat  bila dibandingkan dengan plugin GUI Builder Eclipse lain yang kebanyakan berbayar.Sinau Jigloo http://sinaudw.

org/ dengan kata kunci “jigloo”.  Karena yang akan kita coba adalah Swing. kita harus membuat project dahulu. Setelah jadi misalnya kita beri nama projectnya “TestJigloo”. Kemudian copy semua isi folder “features” dan paste ke dalam folder  “features” yang terdapat di dalam Eclipse.Sinau Jigloo http://sinaudw. search di  http://marketplace. 7 .wordpress. Mencoba Jigloo Seperti biasa seperti saat menggunakan Netbeans. Setelah itu jalankan Eclipse­nya dan  Jigloo siap untuk digunakan. kemudian kita mulai  membuat file baru.com Install Jigloo Sebelum mencoba Jigloo harus kita download dahulu paketnya.eclipse. maka saat membuat project baru kita pilih “Java   Project”.  Gambar 2: File download jigloo Untuk menginstall Jigloo kedalam Eclipse caranya cukup mudah. Caranya ikuti langkah­langkah yang ada pada gambar dibawah ini. Ekstrak file Jigloo  yang sudah didownload. Setelah didownload akan tampak  seperti pada gambar dibawah ini. setelah itu copy semua isi folder “plugins” dan paste  ke dalam folder “plugins” yang ada di dalam Eclipse.

com Gambar 3: Eclipse Create New File Gambar 4: Eclipse New JFrame 8 .Sinau Jigloo http://sinaudw.wordpress.

Sinau Jigloo http://sinaudw.com Gambar 5: Eclipse Class Name Gambar 6: Eclipse Jigloo 9 .wordpress.

10 .com Keunggulan Jigloo • • Free untuk tujuan Non­Commercial. Tidak seperti Matisse yang menyimpan konfigurasi sebagai xml. Cukup bersahabat dengan plugin Eclipse yang lain (tidak bermasalah saat disandingkan  dengan plugin yang lain).wordpress. • Kode hasil generate dapat diedit manual dengan mudah dan secara otomatis akan  langsung dikenali. Jigloo dapat membaca  program yang dikoding dari luar (sangat fleksibel dan memudahkan).  • Kode program hasil generate tidak serapi Netbeans. Sangat sensitif terhadap setiap perubahan didalam program. • • Selain Swing mendukung GUI Builder untuk SWT. Kekurangan Jigloo • • Harus membayar lisensi bila ingin digunakan secara komersial. yang menyebabkan sedikit  agak berat ketika program sudah mulai membesar.Sinau Jigloo http://sinaudw.

 Pastikan gunakan yang memenuhi kriteria resource komputer yang kita miliki.wordpress. dll). karena seorang programmer  yang baik dituntut untuk dapat membuat program dengan atau tanpa drag 'n drop (mampu  membuat program meskipun hanya menggunakan console dan text editor biasa). punya kelebihan dan kekurangan masing­ masing.  Sebetulnya masih banyak tools lain (JDeveloper.com Kesimpulan Netbeans & Eclipse hanyalah sebuah tools.  11 . namun karena  keterbatasan tidak bisa saya bahas semua (keterbatasan bandwidth dan resource komputer  =_='). sampai jumpa lagi disinau selanjutnya dan jangan pernah takut  untuk sinaudewe karena “belajar sendiri itu mudah!”.  Janganlah menggunakan fasilitas drag 'n drop secara berlebihan. Intellij IDEA.  Sekian sinau kali ini.Sinau Jigloo http://sinaudw.

Sign up to vote on this title
UsefulNot useful