TUGAS 6 - Pemograman GUI : Image Viewer

PEMOGRAMAN GUI : IMAGE VIEWER MENGGUNAKAN JAVA

Pada postingan kali ini, saya akan membahas aplikasi image viewer, pada program aplikasi ini berfungsi untuk membuka gambar dan menampilkannya yang nantinya terdapat filter-filter yang digunakan dalam pengeditan gambar tersebut. Dalam program aplikasi ini, terdapat hal hal yang diperlukan saat pengembangan aplikasi dengan basis GUI atau disebut Graphical User Interface. 

Defini GUI atau Graphical Interface

GUI adalah singkatan dari Graphical User Interface. GUI merupakan desain aplikasi dengan tampilan visual sehingga pengguna dapat dengan mudah menggunakan aplikasi. The Java Foundation Class (JFC), merupakan bagian penting dari Java SDK, yang termasuk dalam koleksi dari API dimana dapat mempermudah pengembangan aplikasi JAVA GUI. JFC termasuk diantara 5 bagian utama dari API yaitu AWT dan Swing. 

Tiga bagian yang lainnya dari API adalah Java2D, Accessibility, dan Drag dan Drop. Semua itu membantu pengembang dalam mendesain dan mengimplementasikan aplikasi visual yang lebih baik.

Dalam pembuatan program ini, dibutuhkan 4 Class, yaitu

1. ImageViewer merupakan kelas utama atau main class pada program ini, fungsi class ini yaitu menampilkan aplikasi GUI dan tampilan awal apllikasi
2. ImageFileManager merupakan sub class pada program ini, fungsi class ini adalah menyimpan dan menampilkan gambar (format jpg dan png)
3. ImagePanel , class ini merupakan componen swing yang berfungsi untuk menampilkan gamber OF (Object First)
4. OFImage merupakan sub class pada program ini, fungsi class ini yaitu mendifinisakan gambar dalam OF (Object First)

ImageViewer

--> Kelas utama atau main class pada program ini, fungsi class ini yaitu menampilkan aplikasi GUI dan tampilan awal apllikasi

Source Code :

ImageFileManager

--> Sub class pada program ini, fungsi class ini adalah menyimpan dan menampilkan gambar (format jpg dan png)

Source Code :

ImagePanel

--> Class ini merupakan componen swing yang berfungsi untuk menampilkan gamber OF (Object First)

Source Code :

OFImage

--> Sub class pada program ini, fungsi class ini yaitu mendifinisakan gambar dalam OF (Object First)

Source Code :

Apabila keempat class diatas sudah dibuat, dan dirun pada class ImageViewer maka akan ditampilkan tampilan awal aplikasi ImageViewer seperti berikut :

Karena belum ada gambar atau file yang dipilih maka terdapat tampilan "No File Displayed", sehingga untuk memasukkan gambar ikuti langkah berikut

1. Buka File
   
2. Pilih Open dan Pilih File yang sudah disiapkan

   

   
   
3. Dan berikut tampilan apabila sudah memilih file/gambar
4. Apabila Ingin Menerapkan Filter, Maka Klik opsi filter di pojok kanan atas

   

Berikut Tampilan apabila menerapkan filter

1. Filter Darker 

2. Filter Lighter

3. Filter Threshold

------------------------------------------------------------------------------------------------------------------------------------

Nama : Migel Aulia Mandiri Putra

Kelas  : PBO - A

NRP   : 05111940000194