GUI ImageViewer

Halo kamu… :D sehat sehat aja kan ya..

Laman kali ini akan menjelaskan tentang salah satu contoh penerapan dari program Graphic User Interface yang disingkat dengan GUI. GUI itu sendiri adalah  desain aplikasi dengan tampilan visual sehingga pengguna dapat dengan mudah menggunakan aplikasi. GUI Principles ada 3 yaitu komponen sebagai berikut :

  • Komponen : Button, menu sliders, etc
  • Layout : Menyusun komponen
  • Events : Bereaksi pada input user (press button, menu selection)

Nah setelah tahu tentang definisinya, yuk langsung cuss ke penerapannya.

Penerapan GUI yang dibahas di sini adalah ImageViewer. Program ini berfungsi untuk memberikan filter pada foto yang telah ditambahkan.

Dapat dilihat bahwa class terdiri dari 4 class yaitu ImageViewer, ImagePanel, ImageFileManager, dan OFImage. Berikut implementasi kodingannya :

ImageFileManager

ImagePanel

OFImage

ImageViewer

Cara menjalankan programnya gini nih :

  1. Klik kanan pada class ImageViewer, lalu klik new ImageViewer()
  2. Kemudian akan muncul tampilan create object dan beri nama objectnya
  3. Lalu program akan menampilkan halaman kosong seperti ini

  4. Klik open atau Ctrl+o untuk input gambar
  5. Pilih gambar
  6. Akan muncul gambar yang telah dipilih
  7. Klik filter dan pilih efek yang akan diberikan

Contoh outputnya bisa dilihat di bawah ini

Original : 

Diberi efek Treshold :

Sekian pembahasan kali ini, semoga bermanfaat. Have a nice day :D


Zahrotul Adillah

05111940000139

Komentar

Postingan populer dari blog ini

T E T R I S (FINAL PROJECT PBO)