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.

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

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

Sinau Jigloo http://sinaudw. JCreator. dll) waktu itu hanya Netbeans yang membuat saya  sangat tertarik. Dari sekian banyak IDE Java (Netbeans. JDeveloper.com Akhirnya setelah mengarungi samudera google akhirnya saya menemukan yang  namanya IDE (Integrated Development Environment).  Eclipse. Intellij IDEA. Bukan karena ringannya (ehem. 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.wordpress.  3 .

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

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

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

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

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

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

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

Sinau Jigloo http://sinaudw.  Janganlah menggunakan fasilitas drag 'n drop secara berlebihan. Intellij IDEA.  Sebetulnya masih banyak tools lain (JDeveloper. Pastikan gunakan yang memenuhi kriteria resource komputer yang kita miliki.com Kesimpulan Netbeans & Eclipse hanyalah sebuah tools.  11 . sampai jumpa lagi disinau selanjutnya dan jangan pernah takut  untuk sinaudewe karena “belajar sendiri itu mudah!”.wordpress. 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). namun karena  keterbatasan tidak bisa saya bahas semua (keterbatasan bandwidth dan resource komputer  =_='). punya kelebihan dan kekurangan masing­ masing. dll).  Sekian sinau kali ini.