Tugas 5 - Membuat Dashboard WPF

Nama : Mashita Dewi

NRP : 5025211036

Kelas : PBKK A

Link Github :  https://github.com/mashitaad/PBKK_Tugas5_Dashboard 


Pada pertemuan kelima kelas PBKK A kami diminta untuk mengerjakan sebuah tampilan dashboard WPF. Berikut adalah dokumentasi pengerjaan saya:



Penjelasan :
Berikut adalah penjelasan bagian dari file XAML (eXtensible Application Markup Language) yang digunakan untuk mendefinisikan antarmuka pengguna (UI) dalam aplikasi WPF (Windows Presentation Foundation). Mari kita perinci elemen-elemen utama dari kode tersebut:
1. Deklarasai Window

  • x:Class: Nama kelas untuk kode-behind terkait.
  • xmlns: Namespace yang diperlukan untuk menggunakan elemen-elemen dalam XAML.
  • WindowStartupLocation: Menentukan posisi awal window saat dijalankan.
  • Background, WindowStyle, AllowsTransparency: Properti tampilan window.
  • Height, Width: Ukuran window.
2. Window Resource

  • Mendefinisikan sumber daya yang dapat digunakan di seluruh window. Dalam hal ini, BooleanToVisibilityConverter digunakan untuk mengonversi nilai boolean menjadi nilai Visibility.
3. Grid and Column / Row Definitions

  • Mendefinisikan sebuah grid dengan kolom dan baris untuk menempatkan elemen-elemen UI.
4. Menu

  • Mendefinisikan bagian menu dari antarmuka pengguna, termasuk logo dan item menu.
5. Search

  • Mendefinisikan elemen pencarian dengan gambar profil, pesan selamat datang, dan kotak pencarian.
6. Info Cards

  • Mendefinisikan kartu informasi untuk menampilkan data penjualan, pembelian, dan retur.
7. Main Chart

  • Mendefinisikan grafik utama yang menampilkan data penjualan.
8. Right Section
  • Mendefinisikan bagian kanan dengan daftar penjualan dan laporan penjualan.
9. Sales List dan Sales Report
  • Mendefinisikan elemen untuk menampilkan daftar penjualan dan laporan penjualan.
10. Live Chart
  • Menggunakan LiveCharts untuk menampilkan grafik penjualan dengan sumbu X dan Y.

Output:



Referensi :

- Saya recreate dashboard berdasarkan youtube ini https://www.youtube.com/watch?v=BJfLKcQcxYM&t=631s

Komentar

Postingan populer dari blog ini

Tugas PBKK 2 - Membuat Aplikasi Desktop Sederhana

QUIZ 1 PBKK A

Tugas PBKK 1 - Perkenalan