panduan menggunakan jar gui extreme components
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