Tugas 3 : Membuat Aplikasi List Name dengan WPF

Nama : I Gusti Agung Ngurah Adhi Sanjaya

NRP : 5025211056
Kelas : PBKK A

Tugas 3 Pertemuan 4 (WPF)

Pada tugas kali ini, akan membuat apliaksi berbasis WPF atau Windows Presentation Foundation pada visual code.

Tujuan dari tugas ini adalah mengimplementasi kerangka kerja (framework) untuk mengembangkan aplikasi Windows yang memiliki antarmuka pengguna (UI) yang kaya dan menarik secara visual berbasis file XAML. Tetapi pada tugas kali ini saya membuat app yang sangat simple untuk mengurutkan nama saat user menginputkan nama dan menekan tombol.

Tampilan


Gambar berikut merupakan UI simple dari tugas ini.



Fungsionalitas


Pada section di kanan terdapat label input text dan tombol untuk memberi tulisan pada section di kiri. Kita ambil contoh, kita akan memasukan tulisan "halo" lalu ini merupakan tulisan pertama yang akan di input di dalam box section kiri. Begitu pun seterusnya


Penjelasan :
   
Ini dapat terjadi karena pada event handler tombol "tambah nama" terdapat code berikut :

private void buttonTambahNama(object sender, RoutedEventArgs e)
{
    if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
    {
        lstNames.Items.Add(txtName.Text);
        txtName.Clear();
    }
}

yang dimana, pada saat inputan label box di atas tombol di masukan dan terdeteksi ada input di dalamnya, lalu user menekan tombol tambah nama, maka program ini akan menambahkan tulisan ini di dalam section kiri. Lalu setelah menambahkan di section kiri, label input text di kanan akan langsung di hapus/reset untuk memulai menambahkan tulisan ulang.

Begitupun seterusnya, jadi listing name ini akan terus berurutan dari yang pertama di input akan paling bawah urutannya (LIFO)

Full source code terdapat pada link github saya berikut : Link Github

Terimakasih !

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 - PPB B

Gambar
  Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 5 Pada tugas ke 5 kali ini, saya akan membuat sebuah aplikasi sederhana yang dimana akan berisi sebuah animasi boto yang berisi air dimana air tersebut bisa di isikan dengan menekan sebuah tombol dan botol tersebut memiliki jumlah air yang bisa di isi. Penerapan materi kali ini adalah Material Design yang dimana bisa dibilang ada hubungan dengan design dan UI karena dari tugas yang di buat, mengharuskan saya membuat sebuah bentuk/shape botol yang berisi warna yang akan drink  jika sebuah tombol di tekan. Berikut merupakan tampilan dari aplikasi yang sudah saya buat : Ini merupakan tampilan awal dari botol (sebelum di tekan tombol), default value 100ml Tampilan setelah tombol di tekan, akan menambahkan 200ml Tampilan jika tombol terus di tekan sampai 2500ml Amount yang di tambahkan menggunakan kelipatan 200 ml dengan default value 100 ml. Referensi ya...
Baca selengkapnya

Tugas 4 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 4 Pada tugas ke 4 kali ini, saya akan mencoba untuk membuat halaman login dengan design UI yang sederhana. Tugas ini akan menerapkan metode seperti composable, dan beberapa hal sederhana untuk membuat UI login yang sederhana juga. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini menunjukan bahwa, text field email dan password bisa di interaksikan dengan mengisi value email, dan password yang di hide Gambar ini menunjukan UI full login yang belum di interaksi sama sekali oleh user, terlihat bahwa pada text field email dan password berisi place holder yang bertuliskan "Email" dan "Password Kesimpulan dari tugas ini : Dapat mendesign UI dengan design yang sudah di tentukan Dapat mengimport gambar dengan ukuran yang di inginkan Dapat mmebuat gambar menjadi clickable Dapat membuat text field agar bisa di interaksikan oleh user Dapat ...
Baca selengkapnya

Tugas 3 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro Tugas 3 Pada tugas 3 kali ini, saya akan menerapkan fitur komponen button dengan interaksi dice roller. Aplikasi ini hanya berisikan tombol yang berisi tulisan "roll" dan terdapat ilustrasi dadu yang berisi dot angka 1 sampai 6. Jika tombol roll di tekan, dadu akan mengacak nilai yang akan keluar secara vertikal. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini saat tombol roll belum di tekan Gambar ini saat tombol roll sudah di tekan Bisa kita lihat, bahwa dadu yang awalnya salah satu bagian (atas) awal berniali 5, lalu setelah menekan roll nilainya berubah menjadi 1 Kesimpulan dari tugas ini : Menentukan fungsi composable Membuat tata letak dengan Komposisi. Membuat tombol dengan composable  Button . Mengimpor resource  drawable . Menampilkan gambar dengan composable  Image . Membuat UI interaktif dengan composable. Menggunakan compo...
Baca selengkapnya