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.

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

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

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

Sinau Jigloo http://sinaudw.0 Matisse sudah ada didalam Netbeans. Memudahkan pemula yang ingin mempelajari struktur program dari Swing. 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. Fitur drag 'n drop sangat membantu membuat tampilan dengan mudah.wordpress. 4 . Saya  kurang tau kapan pertama kali Netbeans mulai mengadopsi Matisse.

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful