SinauDeweJavaSEHey,belajarsendiriitumudah!

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

Tutorialinibebasuntukdicopy/disebarluaskansecaragratis. Dilarangmenggunakansebagian/keseluruhanisiuntuktujuankomersialtanpaseijinpenulis! NonCommercialuseonly.Copyright2011.

Sinau Jigloo

http://sinaudw.wordpress.com

GUI

GUIa.k.aGraphicalUserInterfacemungkinsudahtidakasingditelingakita.GUI merupakantampilanantarmukayangdigunakanpenggunauntukberkomunikasidengan program.IstilahGUIdigunakankarenadahulukomputerbelummenggunakangrafisatau masihberbasistext.Denganmodeltextinipenggunaharusmenghafalkansetiapperintahnya. Karenatidakmudahbagiorangawamuntukmengingatsetiapperintahtersebut,maka dibuatlahOSdenganberbasisGUI.

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. Konon menurut cerita OS GUI yang telah dibuat tidak disetujui para petinggi Xerox, Apakah kamu ingin Xerox menggunakan alat aneh yang bernama mouse ini?. Karena itulah OS GUI ini tidak pernah dikenalkan ke publik, sampai akhirnya Steve Job datang mengambilnya.
Sumber : Pirates of Silicon Valley

DengansemakinpopulernyaOSberbasisGUIakhirnyadiikutipuladenganlahirnya bahasabahasapemrogramanyangberbasisGUI,termasukdiantaranyaJava. Padaverisawal1.0JavamenggunakanAWT(AbstractWindowToolkit)danApplet (GUIuntukweb)sebagaiperkakasGUInya.KemudiansetelahJava1.2munculahSwingdan yangbarubaruiniSWT(StandardWidgetToolkit)buatanIBM.

Sinau Jigloo

http://sinaudw.wordpress.com

SwingJavaGUI

Swingmerupakanperkakas/APIyangtermasukdidalamJFC(JavaFoundationClass), yangdigunakanuntukmembangunaplikasiberbasisGUI.Swingdikembangkanuntuk menyediakanperkakasGUIyanglebihcanggihdaripendahulunyaAWT.BerbedadenganAWT Swingmenyediakantampilanlook'nfeelyanglebihnative,punbegituSwingjugamen supporttampilanlook'nfeelyangpluggableyangmembuataplikasiterlihattidakterikat dengantampilanthemedidalamOS.

MENGAPA BISA DIBERI NAMA SWING ? Cerita berawal ketika tim pengembang sedang pergi ke Hobees untuk makan siang. Mereka sedang memperbincangkan tentang nama toolkit yang sedang mereka buat. Saat itu kode namanya adalah KFC, 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. Mereka pun bingung akan diberi nama apa. Beberapa nama yang diusulkan tim nampak kurang bagus. Akhirnya setelah makan siang, ketika sedang kembali ke kantor SUN salah satu anggota tim Amy Fowler bertanya kepada George Saab Hey George, apa yang sekarang sedang naik daun di San Francisco?, Dansa Swing nampak semakin tumbuh besar jawab George. Dari celetukan inilah Swing akhirnya diambil sebagai nama API Java GUI. Hampir sama dengan cerita diatas, maskot Java Duke diambil dari nama Duke Ellington.
Sumber : http://blogs.sun.com/thejavatutorials/entry/why_is_swing_called_swing

Dahulusewaktunotepadmasihmenjadieditorandalan,membuattampilanSwing terasabegitumelelahkan.ApalagibagiorangawamyangbarumengenalJavaakanterasa sangatkesulitan,ditambahlagidenganbanyaknyakonsepyangharusdipelajari(component, layout,listener,dll).Sayaselaluberpikirakanlebihbaikkalauadasebuaheditoryangmampu membantumembuatkantampilandenganmudah,jadikitatidakperlulagimemikirkankoding tampilan,jadikitabisafokusuntukalgoritmaprogram.

2

Sinau Jigloo

http://sinaudw.wordpress.com

Akhirnyasetelahmengarungisamuderagoogleakhirnyasayamenemukanyang namanyaIDE(IntegratedDevelopmentEnvironment).DarisekianbanyakIDEJava(Netbeans, Eclipse,IntellijIDEA,JDeveloper,JCreator,dll)waktuituhanyaNetbeansyangmembuatsaya sangattertarik.Bukankarenaringannya(ehem,maafsayapakaiRAMdengankapasitasdiatas rataratajaditidakbegituterasa:D)tapikarenaMatissenyayangtelahmembiussayadengan segalakemudahannya.

Sinau Jigloo

http://sinaudw.wordpress.com

Netbeans+Matisse=Cool

MatissemerupakanprojectuntukmembuatGUIBuilderdidalamNetbeans.Saya kurangtaukapanpertamakaliNetbeansmulaimengadopsiMatisse.Seingatsayawaktu pertamakalimengenalNetbeanssaatituversi4.0MatissesudahadadidalamNetbeans.

Gambar 1: Netbeans Matisse

KeunggulanMatisse
Mudahdigunakan. MemudahkanpemulayanginginmempelajaristrukturprogramdariSwing. Fiturdrag'ndropsangatmembantumembuattampilandenganmudah.

Sinau Jigloo

http://sinaudw.wordpress.com

KekuranganMatisse
Terasabegituberatketikadijalankan,apalagijikatidakdidukungdengankapasitas RAMyangkurangmemadai. HanyamendukungSwing. Menyimpankonfigurasinyasebagaixml,yangmembuatkurangfleksibel.Artinyatidak dapatmengenaliprogramGUIyangdikodingdariluar. Beberapakodetertentuyangtelahdigeneratetidakdapatdieditmanual.

Sinau Jigloo

http://sinaudw.wordpress.com

Eclipse+Jigloo=Awesome

SatulagiIDEyangmembuatsayaterkesanadalahEclipse.Eclipsemenurutsayasangat ringandanbagus.Sangatcocokbagiyangkurangsukadenganwizard.Bagibeberapa penggunatertentuterlalubanyaknyawizardmalahdirasasangatmengganggu,beratdan kurangbebas. SelamainipenggunaEclipsemerasakurangnyamanketikakodingSwing.Semuanya harusdiketikmanual,selainharusdisibukkandengankodingalgoritmaatauintidariprogram jugaharusdisibukkandenganmendesaintampilan.Tentusajahalinimenjadikurang produktif,mengingatrumitnyamembuattampilanyangbagushanyabermodalkantangan kosong.LaluyangjadipertanyaanAdakahpluginEclipseyangdapatmempermudah pekerjaanini?.Ada,namunmanakahyangbagusdangratis?:D DarisekianbanyakpluginEclipseuntukGUIBuilder,hanyasatuyangpalingmenarik perhatiansayaJigloo.Jiglooberlisensifreefornoncommercialuse,artinyaselamabukan ditujukanuntukkomersialkitadapatmenggunakannyadengangratis.Lumayanbersahabat biladibandingkandenganpluginGUIBuilderEclipselainyangkebanyakanberbayar.Sangat cocok,memenuhikriteriasepertiyangkitacari.TapiapabagusnyaJigloo?Cobadan bandingkan,nantikalianpastiakantau.

Sinau Jigloo

http://sinaudw.wordpress.com

InstallJigloo
SebelummencobaJiglooharuskitadownloaddahulupaketnya,searchdi http://marketplace.eclipse.org/dengankatakuncijigloo.Setelahdidownloadakantampak sepertipadagambardibawahini.

Gambar 2: File download jigloo UntukmenginstallJiglookedalamEclipsecaranyacukupmudah.EkstrakfileJigloo yangsudahdidownload.Kemudiancopysemuaisifolderfeaturesdanpastekedalamfolder featuresyangterdapatdidalamEclipse,setelahitucopysemuaisifolderpluginsdanpaste kedalamfolderpluginsyangadadidalamEclipse.SetelahitujalankanEclipsenyadan Jigloosiapuntukdigunakan.

MencobaJigloo
SepertibiasasepertisaatmenggunakanNetbeans,kitaharusmembuatprojectdahulu. KarenayangakankitacobaadalahSwing,makasaatmembuatprojectbarukitapilihJava Project.SetelahjadimisalnyakitaberinamaprojectnyaTestJigloo,kemudiankitamulai membuatfilebaru.Caranyaikutilangkahlangkahyangadapadagambardibawahini.

Sinau Jigloo

http://sinaudw.wordpress.com

Gambar 3: Eclipse Create New File

Gambar 4: Eclipse New JFrame

Sinau Jigloo

http://sinaudw.wordpress.com

Gambar 5: Eclipse Class Name

Gambar 6: Eclipse Jigloo

Sinau Jigloo

http://sinaudw.wordpress.com

KeunggulanJigloo
FreeuntuktujuanNonCommercial. CukupbersahabatdenganpluginEclipseyanglain(tidakbermasalahsaatdisandingkan denganpluginyanglain). SelainSwingmendukungGUIBuilderuntukSWT. TidaksepertiMatisseyangmenyimpankonfigurasisebagaixml,Jigloodapatmembaca programyangdikodingdariluar(sangatfleksibeldanmemudahkan). Kodehasilgeneratedapatdieditmanualdenganmudahdansecaraotomatisakan langsungdikenali.

KekuranganJigloo
Harusmembayarlisensibilaingindigunakansecarakomersial. Sangatsensitifterhadapsetiapperubahandidalamprogram,yangmenyebabkansedikit agakberatketikaprogramsudahmulaimembesar. KodeprogramhasilgeneratetidakserapiNetbeans.

10

Sinau Jigloo

http://sinaudw.wordpress.com

Kesimpulan

Netbeans&Eclipsehanyalahsebuahtools,punyakelebihandankekuranganmasing masing.Pastikangunakanyangmemenuhikriteriaresourcekomputeryangkitamiliki. Janganlahmenggunakanfasilitasdrag'ndropsecaraberlebihan,karenaseorangprogrammer yangbaikdituntutuntukdapatmembuatprogramdenganatautanpadrag'ndrop(mampu membuatprogrammeskipunhanyamenggunakanconsoledantexteditorbiasa). Sebetulnyamasihbanyaktoolslain(JDeveloper,IntellijIDEA,dll),namunkarena keterbatasantidakbisasayabahassemua(keterbatasanbandwidthdanresourcekomputer =_='). Sekiansinaukaliini,sampaijumpalagidisinauselanjutnyadanjanganpernahtakut untuksinaudewekarenabelajarsendiriitumudah!.

11