Welcome to my blog! Today a reader, tomorrow a leader;)

Pemrograman Berorientasi Objek (PBO)

-- Learning About GUI : Login Panel & Image Viewer --

      Halo semuanya! Jadi pada kesempatan kali ini, saya akan membahas tentang Pemrograman GUI, sebelumnya udah pada tau belum GUI itu apa? Nah, GUI adalah singkatan dari Graphical User Interface, yang merupakan desain aplikasi dengan tampilan visual sehingga pengguna dapat dengan mudah menggunakan aplikasi. Pada dasarnya GUI ini adalah pemrograman dengan bahasa Java, yang dibuat menggunakan aplikasi berbasis GUI. Tujuannya adalah menambahkan beberapa komponen yang tidak bisa dibuat dalam basis text. Komponen-komponen tersebut dapat berupa gambar, dsb. Selain itu, tujuannya juga untuk memudahkan pengguna saat memakainya.

     Untuk GUI yang saya buat kali ini berupa program Image Viewer & Login Panel, dimana program Image Viewer nantinya pengguna dapat membuka file yang ada di laptop/komputer berupa sebuah gambar, dan bisa di edit (terdapat filter). Sedangkan Login Panel merupakan sebuah implementasi dari penggunaan login yang ada di berbagai aplikasi (Username/Password). Nah penasaran kan? Langsung saja dibawah ini adalah ke 4 class yang telah saya buat untuk program Image Viewer.

1.  Class ImageViewer

    Kelas ini adalah kelas utama (main class), dimana fungsinya adalah untuk membangun dan menampilkan aplikasi GUI serta menginisialisasi semua komponen lainnya. Berikut adalah kodingannya. 

2.  Class ImagePanel

    Kelas ini adalah komponen Swing yang dapat menampilkan gambar OFI. Kelas ini dibangun sebagai subclass dari JComponent dengan fungsionalitas tambahan dari pengaturan OFImage yang akan ditampilkan di awal komponen ini. Berikut adalah kodingannya.

3.  Class ImageFileManager

    ImageFileManager adalah kelas utilitas kecil dengan metode statis untuk memuat dan juga menyimpan gambar. File di disk bisa saja berbentuk dalam format gambar JPG ataupun PNG. Untuk file yang ditulis oleh kelas ini, format ditentukan oleh IMAGE_FORMAT konstan. Di bawah ini adalah kodingannya.

4.  Class OFImage

    OFImage adalah kelas yang mendefinisikan gambar dalam format OF (Object First). Berikut adalah kodingannya.

Nah dibawah ini adalah bentuk diagram dari keseluruhan class yang telah saya jelaskan diatas.

Sedangkan, cara pemakaiannya yakni sebagai berikut.

1.  Compile dan run program terlebih dahulu, ingat bahwa class yang di compile adalah main class (Class ImageViewer)

2.  Setelah itu klik new ImageViewer(), lalu klik ok, dan selanjutnya akan muncul seperti ini

3.  Lalu klik open

4.  Kemudian pilih gambar yang ingin ada buka, dan klik open

5.  Berikut tampilan gambar yang saya pilih (belum memakai filter)

6.  Kita dapat klik filter lalu muncul 3 macam filter (Darker, Lighter, Threshold). Yang saya pilih dibawah ini adalah filter darker

    NB : Filter darker untuk menggelapkan gambar, dan lighter sebaliknya. Sedangkan threshold membuat gambar menjadi hitam putih (black & white).

7.  Terakhir, jika ingin menutup program, klik tanda silang bewarna merah yang terletak di pojok kiri atas

Login Panel

    Nah selanjutnya adalah program Login Panel, dimana program ini merupakan implementasi dari penggunaan login di berbagai macam aplikasi, nantinya pengguna akan memasukkan username dan password yang telah ia buat. Dalam program ini saya hanya membuat 1 class, yakni class Login, berikut adalah kodingannya.

Di bawah ini adalah urutan cara pemakaian program Login Panel :

1.  Compile dan run program seperti biasa

2.  Lalu klik void main(String[] args), dan klik ok, kemudian muncul seperti berikut

3.  Lalu masukkan username dan password yang telah anda buat, dalam program, saya menuliskan username : juliettaanastasia, dan password : 010203, kemudian klik login

4.  Berikut adalah hasil jika username dan password benar

 5.  Berikut hasil jika username dan password yang dimasukkan salah

    Baiklah, sekian pembahasan saya, jika ada salah mohon dimaafkan, semoga ilmu ini bermanfaat bagi anda sekalian, dan dapat diimplementasikan langsung. Terimakasih --