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.

sampai akhirnya Steve Job datang mengambilnya.2 munculah Swing dan  yang baru­baru ini SWT (Standard Widget Toolkit) buatan IBM. 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. “Apakah kamu ingin Xerox menggunakan alat aneh yang bernama mouse ini?”.0 Java menggunakan AWT (Abstract Window Toolkit) dan Applet  (GUI untuk web) sebagai perkakas GUI nya.Sinau Jigloo http://sinaudw.  Karena tidak mudah bagi orang awam untuk mengingat setiap perintah tersebut. termasuk diantaranya Java.wordpress. Dengan model text ini pengguna harus menghafalkan setiap perintahnya. Pada veris awal 1. 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. yang pertama kali membuat OS GUI adalah Xerox PARC.com G U I GUI a. Konon menurut cerita OS GUI yang telah dibuat tidak disetujui para petinggi Xerox.k. Kemudian setelah Java 1.a Graphical User Interface mungkin sudah tidak asing di telinga kita. maka  dibuatlah OS dengan berbasis GUI. 1 . Istilah GUI digunakan karena dahulu komputer belum menggunakan grafis atau  masih berbasis text.

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

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

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

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

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

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

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

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

 yang menyebabkan sedikit  agak berat ketika program sudah mulai membesar. Sangat sensitif terhadap setiap perubahan didalam program.  • Kode program hasil generate tidak serapi Netbeans. • Kode hasil generate dapat diedit manual dengan mudah dan secara otomatis akan  langsung dikenali. 10 . • • Selain Swing mendukung GUI Builder untuk SWT. Jigloo dapat membaca  program yang dikoding dari luar (sangat fleksibel dan memudahkan).wordpress.Sinau Jigloo http://sinaudw. Cukup bersahabat dengan plugin Eclipse yang lain (tidak bermasalah saat disandingkan  dengan plugin yang lain).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.

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

Sign up to vote on this title
UsefulNot useful