panduan menggunakan jar gui extreme components

Upload: indra09

Post on 07-Aug-2018

244 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    1/18

    Panduan Menggunakan Jar Extreme Swing GUI Components

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    2/18

    Penulis : Resa Candra REmail : resarahadian@gmail!om"a!e#ook : resa twent$one%log : wwwmarisharingilmuwordpress!om

    marisharingilmu digital pu#lisher fokus untuk membuat buku panduanpegangan dengan materi seputar teknologi informasi dalam format PDF.

     Marisharingilmu digital publisher memiliki satu orang penulis yang bertugasmelakukan research and development, penulisan, dan juga desain. Bagi anda yang

    ingin bergabung, kirimkan tutorial seputar teknologi informasi ke alamat email

    saya diatas dalam format Doc / PDF. utorial yang menarik akan diposting di blog

    marisharingilmu.

    marisharingilmu digital publisher 2015

    mailto:[email protected]:[email protected]://www.marisharingilmu.wordpress.com/mailto:[email protected]://www.marisharingilmu.wordpress.com/

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    3/18

    Pendahuluan

     Jar Extreme Swing GUI Components adalah kumpulan library untuk java s!ingdalam format jar archive yang berfungsi untuk mempercantik komponen java

    s!ing standar. Dengan menggunakan library ini akan memudahkan kita dalammembuat aplikasi java s!ing dengan tampilan yang menarik. "ecara default

    komponen java s!ing dengan format standar mempunyai tampilan yang kaku. #gar

    user yang menggunakan aplikasi yang kita buat nyaman dan senang kita dapat

    modifikasi tampilannya. #gar lebih komplit, selain menggunakan library ini kita

    dapat kombinasikan dengan look and feel java. Pada pocket book edisi kali ini, saya

    memberikan tutorial bagaimana caranya menggunakan library Jar Extreme SwingGUI Components ini. "ebenarnya penamaan library ini dari saya sendiri, jadilibrary ini bukan ofisial dari $D%. &ibrary ini dapat digunakan di I&E E!lipse dan

    'et#eans. $adi bila anda menggunakan salah satu dari 'D( tersebut dapatmenggunakan library ini. Berikut ini link do!nload library Jar Extreme Swing GUIComponents

    https:((www!op$!om(s()*sh%+,-I./w!0)1(Extreme GUI SwingComponents

    Pada halaman selanjutnya saya berikan tutorialnya untuk masing ) masing 'D(

     yaitu E!lipse dan 'et#eans.

    marisharingilmu digital publisher 2015

    https://www.copy.com/s/fWshBTKOIX7wcYfV/Extreme%20GUI%20Swing%20Componentshttps://www.copy.com/s/fWshBTKOIX7wcYfV/Extreme%20GUI%20Swing%20Componentshttps://www.copy.com/s/fWshBTKOIX7wcYfV/Extreme%20GUI%20Swing%20Componentshttps://www.copy.com/s/fWshBTKOIX7wcYfV/Extreme%20GUI%20Swing%20Components

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    4/18

    E!lipse

    &angkah pertama, setelah dido!nload e*tract dan copy paste librarynya di folder

    tempat !orkspace eclipsenya. "elanjutnya buat project baru dengan memilih "ile 2'ew 2 Pro3e!t. %emudian berikan nama project javanya.

    %emudian pada sr! klik kanan dan pilih 'ew 2 Pa!kage.

    "elanjutnya berikan nama packagenya

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    5/18

    "etelah itu pada nama packagenya klik kanan pilih 'ew 2 -ther4

    &anjut lagi pilih *indow%uilder

    %emudian pilih Swing designer 2 J)rame

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    6/18

    Berikan nama $Framenya klik 'ext untuk melanjutkan

    "eperti ini tampilan jendela kerjanya di eclipse. Dibagian ba!ah terdapat tab

    Sour!e dan &esign. "ource digunakan untuk edit codenya manual sedangkan&esign digunakan untuk memudahkan membuat interface aplikasi desktop karenauntuk menggunakannya tinggal drag and drop komponen java s!ing ke dalam

     $framenya.

     

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    7/18

     +ntuk memulai membuat interface aplikasinya pilih tab &esign.

    "elanjutnya anda akan menjumpai menu Palette yang berisi layout dan komponen java s!ing mirip dengan +' Builder milik -etbeans. Bagi anda yang menggunakan-etbeans untuk membuat aplikasi desktop tidak asing dengan tampilannya karena

    hampir sama. +ntuk menambahkan library Jar Extreme Swing GUI Components,klik kanan pada ruang kosong di Palette kemudian pilih 5dd !ategor$4

     

    %emudian berikan nama kategori barunya dan deskripsi. Pada Insert new!ategor$ pilih 6at the end7. %ategori yang kita buat akan tampil di urutan terakhir

    di Palette untuk memudahkan pencarian.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    8/18

    %ategori yang telah selesai dibuat ditampilkan di urutan terakhir pada menu

    Palette.

    "etelah itu pada ruang yang kosong di Palette klik kanan lagi dan pilih Palettemanager4

    Pilih kategory yang sebelumnya kita buat, kemudian pilih Import 3ar4.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    9/18

    Pada tanda panah disamping icon folder yang ber!arna kuning pilih "ileS$stem.

    %emudian cari lokasi library Jar Extreme Swing GUI Components. "ilahkan pilihkomponen yang anda butuhkan.

    Che!klist nama komponenn$a dan 3angan lupa pada Categor$ , pilih ke kategori yang kita buat sebelumnya.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    10/18

    "etelah itu restart eclipsenya terlebih dahulu. "etelah dijalankan kembali, kita akan

    menemukan komponen s!ing e*trme yang kita import di kategori yang telah

    dibuat.

     

     +ntuk menggunakan komponen s!ing e*treme tadi, drag and drop komponennya

    ke dalam $framenya. ukup mudah menggunakannya

     +ntuk mengubah nama variabel defaultnya, klik nama komponenya pada

    Properties dan ganti namanya pada 1aria#le. "elain mengubah nama variable, dimenu Properties juga tersedia pengaturan lainnya.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    11/18

     +ntuk menambahkan komponen lainnya caranya sama seperti diatas. "eperti ini

    contoh hasil desainnya tampilannya.

    Dan seperti ini tampilan programnya ketika dijalankan

    "elanjutnya saya berikan tutorial menggunakannya di -etbeans di halaman

    berikutnya.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    12/18

    'et#eans

     $ika menggunakan netbeans pertama yang harus dilakukan pilih "ile 2 'ewPro3e!t.

    %emudian pilih Ja8a 2 Ja8a 5ppli!ation.

    Berikan nama projectnya dan klik "inish jika sudah.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    13/18

    &angkah selanjutnya pada de)ault pa!kage klik kanan dan pilih 'ew 2 Ja8aPa!kage4

    %emudian berikan nama packagenya. %lik "inish jika sudah.

    &angkah selanjutnya klik kanan nama packagenya dan pilih 'ew 2 J)rame "orm4

    %emudian berikan nama formnya

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    14/18

    "elanjutnya untuk menambahkan library s!ing e*treme, klik kanan pada ruang

    kosong menu Palette  pilih Palette Manager

    Buat kategori baru dengan memilih 'ew Categor$

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    15/18

    Berikan nama kategorinya

     $ika sudah maka kategori yang kita buat akan tampil di Palette Content. +ntukmenambahkan library s!ing e*treme di kategori yang dibuat, klik nama

    kategorinya dan pilih 5dd )rom J5R.

    "elanjutnya cari lokasi komponen jar s!ing e*treme dan pilih komponen yang

    dibutuhkan

     

    %lik 'ext untuk melanjutkan. Pada 58aila#le Components pilih namakomponennya.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    16/18

    Pada Palette Categories, pilih di kategori yang kita buat sebelumnya.

     $ika berhasil maka komponen s!ing akan tampil di Palette -etbeans di kategori yang kita buat sebelumnya.

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    17/18

     +ntuk memudahkan menempatkan komponen s!ing e*treme di frame netbeans,

    atur layout nya dengan cara klik kanan jframenya kemudian pilih Set 9a$out 2 5#solute 9a$out.

    "elanjutnya drag and drop komponen s!ing e*treme ke dalam jframenya.

     +ntuk mengganti nama variabel defaultnya dan pengaturan lainnya, pilih

    Properties2 Code.

     +ntuk menambahkan dan menggunakan komponen s!ing e*treme langkah )

    langkahnya sama seperti diatas. "eperti ini contoh hasil desain aplikasinya

    marisharingilmu digital publisher 2015

  • 8/19/2019 Panduan Menggunakan Jar GUI Extreme Components

    18/18

    Dan ketika dijalankan seperti ini tampilan programnya

    "elamat mencoba dan semoga bermanfaat 0

    Marisharingilmu

    %e Creati8e; Inno8ati8e; and Share 0our ,nowledge to -thers

    marisharingilmu digital publisher 2015