Tugas Pertemuan 5 PBKK - Membuat WPF Dashboard

-

Pada pertemuan keempat kelas PBKK kali ini, kita diminta untuk membuat sebuah aplikasi Windows Presentation Foundation (WPF) menggunakan .NET Framework. Aplikasi WPF yang akan saya buat kali ini adalah aplikasi Dashboard.

Berikut adalah tampilan dari aplikasi yang telah saya buat.

Aplikasi dashboard yang saya buat adakah sebuah dashboard admin bagi penjual (seller) pakaian online. Dalam aplikasi ini, terdapat beberapa menu dan fitur.

  • Panel kiri

    Dalam panel ini, terdapat gadget profil admin dan juga beberapa menu utama aplikasi yang dapat dipilih. Menu-menu tersebut adalah: Dashboard, Listing, Messages, Orders, Statistics, Revenue, Promote, Settings, dan Logout.

  • Navigation bar

    Bagian ini menambilkan greeting message kepada user dan juga terdapat switch untuk mengganti rentang waktu rekapitulasi data, yakni harian, mingguan, bulanan, dan tahunan.

  • Bagian utama

    Bagian ini berisi kumpulan dashboard informasi yang menampilkan total pengunjung, total pesanan, total penghasilan, beberapa orderan terbaru, dan juga grafik profit yang didapatkan.

Dalam membuat aplikasi WPF ini, saya memerlukan beberapa NuGet package yang harus dipasang dalam proyek, yaitu FontAwesome.Sharp, LiveCharts, dan LiveCharts.Wpf. Berikut demonstrasi aplikasi yang telah saya buat.

Kode sumber (source code) program di atas dapat dilihat pada link berikut.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 15 PBKK - Membuat Aplikasi dengan Google Apps Script

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PBKK - A Pada pertemuan ke-15 kelas PBKK kali ini, kita diminta untuk membuat sebuah aplikasi formulir sederhana dengan mengintegrasikan Google Apps Script, yang dapat menampilkan view dari hasil submit form ke dalam Google Sheets. Berikut dokumentasinya. Laman Formulir Formulir yang dibuat terdiri dari 4 inputan, yaitu nama, email, nomor telepon, dan pesan. Formulir ini dibuat menggunakan HTML dan CSS (dengan bantuan framework Bootstrap 5.3), kemudian diintegrasikan dengan Google Apps Script. Halaman web di atas dapat diakses melalui link berikut . Apps Script Script yang digunakan untuk mengintegrasikan formulir dengan Google Apps Script adalah sebagai berikut. Script di atas dideploy di Google Apps Script yang terintegrasi dengan Google Sheets yang telah dibuat sebelumnya. Akses ke Google Sheets tersebut dibuat public aga
Read more »

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A Pada pertemuan kali ini, kita diminta untuk berlatih mengidentifikasi proses perancangan perangkat lunak ( software design ) berdasarkan jurnal/dokumen perancangan perangkat lunak yang digunakan sebagai referensi. Referensi Saya mengambil referensi dari sebuah jurnal DPPL "Sistem Pengarsipan Surat Masuk dan Surat Keluar" sebagai berikut. Identifikasi Proses PPL Architectural Design (Perancangan Arsitektur) Sistem pengarsipan surat ini dibangun berbasiskan web. Halaman pertama sistem ini adalah halaman login pengguna. Setelah pengguna melakukan login maka pengguna akan memasuki halaman surat masuk dan surat keluar. Gambar 3 (gambar di bawah) adalah deskripsi arsitektural dari sistem pengarsipan surat. Interface Design (Perancangan Antarmuka) Gambar 10 menunjukkan desain antar muka dari system yang akan dibangun. Des
Read more »

Tugas Pertemuan 5 PPL - High Level Design

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A High Level Design (HLD) atau desain tingkat tinggi adalah gambaran umum dari suatu sistem atau aplikasi. HLD menjelaskan struktur dan arsitektur sistem secara keseluruhan, tanpa terpaku pada detail implementasi. HLD biasanya dibuat pada tahap awal pengembangan perangkat lunak, sebelum desain tingkat rendah (LLD) dibuat. HLD bertujuan untuk memberikan gambaran yang jelas tentang sistem kepada para pemangku kepentingan, seperti investor, manajer, dan arsitek, membantu dalam membuat keputusan desain yang tepat, memudahkan komunikasi antar anggota tim pengembangan, dan mempermudah proses pengembangan dan pemeliharaan perangkat lunak. Pada pertemuan kelima mata kuliah Perancangan Perangkat Lunak kali ini, kita diminta untuk berlatih membuat high-level design dari sistem perangkat lunak yang sudah disediakan. Kali ini saya memilih untuk me
Read more »