Skip to main content

Tugas 2 | Pemrograman Berbasis Kerangka Kerja (A)

 Hello!

Pada pertemuan minggu ke-2 kelas PBKK A ini, ditugaskan untuk membuat aplikasi desktop sederhana. Saya memutuskan untuk memilih aplikasi clone dari Paint yang tentunya sudah umum dikenal pengguna OS Windows. Aplikasi tersebut memungkinkan pengguna untuk "menggambar" dengan berbagai garis dan bentuk yang disediakan. Tentunya pada versi terbarunya, Paint sudah lumayan kompleks sehingga perlu dipilih fitur apa saja yang ingin dikembangkan untuk versi clone nantinya.

Tampilan Paint di Windows 11

Aplikasi clone Paint ini akan memiliki fitur:

  1. Membuat bentuk lingkaran dan persegi panjang,
  2. Membuat garis,
  3. Memindahkan bentuk dan garis yang telah dibuat, dan
  4. Membersihkan area gambar.
Kemudian, aplikasi tersebut akan dikembangan dengan menggunakan bahasa pemrograman Java dengan bantuan JSwing sehingga dapat terbentuk aplikasi desktop.

Struktur Aplikasi

Dengan JSwing, pola desain aplikasinya akan berputar pada tiga kelas utama, yakni kelas runner untuk mengeksekusi aplikasi, kelas frame sebagai batasan window aplikasi desktop, dan kelas canvas yang menjadi antarmuka utama dengan pengguna. Tombol-tombol dapat diimplementasikan dengan memanfaatkan JButton yang sudah disediakan dan input dari pengguna, terutama dari mouse dapat ditangkap dengan MouseHandler.

Diagram kelas aplikasi

Lalu tentunya kita memerlukan beberapa kelas untuk mendefinisikan bentuk-bentuk dan garis yang akan digambar nantinya.

Source Code Aplikasi

Dapat diakses melalui link ini yang disimpan di GitHub.

Tampilan Aplikasi

Berikut tampilan aplikasi desktop sederhana clone Paint


Dengan memilih mode "Select", pengguna dapat menggerakkan bentuk yang telah dibuat.




Labels:

Comments

Post a Comment

Popular posts from this blog

Tugas 3 | Pemrograman Berbasis Kerangka Kerja (A)

 Latihan WPF Di minggu ke-3, ditugaskan untuk mempelajari WPF (Windows Presentation Foundation) sebagai salah satu cara untuk membuat aplikasi desktop. Bahasa pemrograman yang digunakan adalah C# dengan struktur view  dibentuk dengan dokumen XAML. WPF Hello World Bagian pertama dari tugas minggu ini adalah untuk mencoba membuat "Hello, World" dengan WPF sebagai pengenalan. Repository  sebagai hasil dari bagian ini dapat diakses melalui hyperlink  ini . Fokusan pembelajaran saya dari bagian ini adalah mengenal bagaimana view dapat dibentuk dengan memanipulasi dokumen XAML yang ada, terutama dengan memanfaatkan sistem Grid . Saya mengikuti video berikut sebagai bahan pembelajaran: WPF Dashboard Bagian kedua dari tugas ini adalah untuk membuat dashboard sederhana dengan WPF. Repository- nya dapat diakses melalui hyperlink ini . Saya mempelajari cara membuat beberapa view  dan pemanfaatan RelayCommand dan Binding agar pengguna aplikasi dapat berpindah-pindah view .  Saya mengiku
Post a Comment
Read more

Tugas 9 | Pemrograman Berbasis Kerangka Kerja (A)

 View SB Admin dengan CodeIgniter Pada kesempatan kali ini, saya akan membahas tentang pembuatan web menggunakan CodeIgniter yang memanfaatkan template SB Admin. Preparations Sebelum memulai, lakukan langkah berikut: Membuat project CodeIgniter di local Mengunduh template SB Admin Install XAMPP untuk mempermudah deploy di local Steps Setelah project CI dan asset telah diunduh, kita dapat lanjut untuk membuat view sederhana dengan SB Admin.  Taruh asset SB Admin di folder public/assets dalam project CI yang telah dibuat Buat controller untuk mengatur route dan menampilkan view Buat view dengan memanfaatkan asset yang disediakan oleh SB Admin Gunakan controller untuk passing data ke view sehingga bisa ditampilkan Tampilan Repo dapat diakses melalui link ini .
Post a Comment
Read more