Belajar Aplikasi Desktop .NET: Perbedaan WPF dan WinForms yang Wajib Diketahui

sdasdasd

Pengantar Aplikasi Desktop .NET

Aplikasi Desktop .NET adalah aplikasi yang berjalan langsung di sistem operasi Windows dan dibangun menggunakan teknologi .NET Framework atau .NET (Modern .NET).
Dua teknologi paling populer untuk membangun aplikasi desktop di .NET adalah:

WinForms (Windows Forms)
WPF (Windows Presentation Foundation)

Keduanya sama-sama powerful, tetapi punya pendekatan, kemampuan, dan target penggunaan yang berbeda.

Apa Itu WinForms?

WinForms adalah teknologi desktop .NET yang sudah ada sejak awal .NET diperkenalkan.

Ciri Utama WinForms:

Antarmuka berbasis drag and drop
Kontrol UI sederhana (Button, TextBox, Label)
Logika UI dan kode program menyatu
Mudah dipelajari oleh pemula

Kelebihan WinForms:

Mudah dan cepat dipelajari
Cocok untuk aplikasi sederhana
Performa ringan
Banyak contoh dan dokumentasi lama

Kekurangan WinForms:

Tampilan kurang modern
Sulit membuat UI kompleks
Kurang fleksibel untuk desain responsif

Apa Itu WPF?

WPF adalah teknologi desktop .NET yang lebih modern dan powerful, berbasis XAML untuk desain antarmuka.

Ciri Utama WPF:

Menggunakan XAML untuk UI
Mendukung data binding
Memisahkan UI dan logic (MVVM)
Mendukung animasi, styling, dan tema modern

Kelebihan WPF:

Tampilan modern dan fleksibel
Mendukung animasi & visual canggih
Cocok untuk aplikasi skala besar
Arsitektur rapi (MVVM)

Kekurangan WPF:

Kurva belajar lebih tinggi
Lebih kompleks untuk pemula
Membutuhkan pemahaman konsep tambahan

Perbandingan WPF dan WinForms

Aspek	WinForms	WPF
Tingkat Kesulitan	Mudah	Menengah – Lanjut
Bahasa UI	C# saja	XAML + C#
Tampilan	Sederhana	Modern & fleksibel
Arsitektur	Event-based	MVVM
Skalabilitas	Terbatas	Sangat baik
Cocok untuk	Aplikasi kecil	Aplikasi besar & modern

Contoh Penggunaan Nyata

Contoh WinForms:

Aplikasi kasir sederhana
Aplikasi input data sekolah
Tools internal kantor
Aplikasi desktop cepat & ringan

Contoh WPF:

Sistem informasi sekolah modern
Aplikasi enterprise
Dashboard data interaktif
Aplikasi dengan tampilan professional

Contoh WinForms: Aplikasi Input Data Sekolah (.NET)

Studi Kasus

Membuat Aplikasi Input Data Siswa dengan fitur:

· Input NIS

· Input Nama Siswa

· Pilih Kelas

· Pilih Jenis Kelamin

· Simpan data

· Tampilkan data ke tabel

Desain Form (UI WinForms)

Komponen yang Digunakan:

Komponen	Nama (Name)	Fungsi
Label	-	Judul & keterangan
TextBox	txtNIS	Input NIS
TextBox	txtNama	Input Nama
ComboBox	cmbKelas	Pilih Kelas
RadioButton	rbLaki	Jenis Kelamin
RadioButton	rbPerempuan	Jenis Kelamin
Button	btnSimpan	Simpan Data
DataGridView	dgvSiswa	Tampil Data

Contoh Tampilan:

--------------------------------

Aplikasi Input Data Siswa

--------------------------------

NIS           : [__________]

Nama Siswa    : [__________]

Kelas         : [ X RPL 1 ▼ ]

Jenis Kelamin : ( ) Laki-laki  ( ) Perempuan



[ SIMPAN ]



--------------------------------

| NIS | Nama | Kelas | JK |

--------------------------------

Menyiapkan ComboBox Kelas

Tambahkan kode di Form_Load:

private void Form1_Load(object sender, EventArgs e)
{
    cmbKelas.Items.Add("X RPL 1");
    cmbKelas.Items.Add("X RPL 2");
    cmbKelas.Items.Add("XI RPL 1");
    cmbKelas.Items.Add("XI RPL 2");
    cmbKelas.Items.Add("XII RPL 1");
}

Menyiapkan DataGridView

Tambahkan kolom di Form_Load:

dgvSiswa.ColumnCount = 4;
dgvSiswa.Columns[0].Name = "NIS";
dgvSiswa.Columns[1].Name = "Nama Siswa";
dgvSiswa.Columns[2].Name = "Kelas";
dgvSiswa.Columns[3].Name = "Jenis Kelamin";

Kode Button Simpan

Double klik tombol Simpan, lalu isi kode berikut:

private void btnSimpan_Click(object sender, EventArgs e)
{
    string nis = txtNIS.Text;
    string nama = txtNama.Text;
    string kelas = cmbKelas.Text;
    string jk = "";
    if (rbLaki.Checked)
        jk = "Laki-laki";
    else if (rbPerempuan.Checked)
        jk = "Perempuan";
    if (nis == "" || nama == "" || kelas == "" || jk == "")
    {
        MessageBox.Show("Data belum lengkap!", "Peringatan",
            MessageBoxButtons.OK, MessageBoxIcon.Warning);
        return;
    }
    dgvSiswa.Rows.Add(nis, nama, kelas, jk);

    // Reset input
    txtNIS.Clear();
    txtNama.Clear();
    cmbKelas.SelectedIndex = -1;
    rbLaki.Checked = false;
    rbPerempuan.Checked = false;
}

Hasil yang Didapat

Siswa bisa diinput melalui form
Data langsung muncul di tabel
Validasi input sederhana
Cocok untuk latihan dasar WinForms

Pengembangan Lanjutan (Opsional)

Untuk pembelajaran berikutnya, aplikasi ini bisa dikembangkan menjadi:

· Simpan ke Database (MySQL / SQL Server)

· Edit & Hapus data

· Pencarian data siswa

· Cetak laporan

· Login admin sekolah

Cocok untuk Materi Sekolah

Materi ini cocok untuk:

· SMK RPL

· Pemula .NET Desktop

· Praktik dasar Event WinForms

· Ujian praktik

Contoh WPF: Sistem Informasi Sekolah Modern (.NET)

Studi Kasus

Membangun Sistem Informasi Sekolah (SIS) berbasis WPF dengan fitur:

· Dashboard modern

· Input data siswa

· Data binding

· Struktur MVVM sederhana

Gambaran Fitur Aplikasi

Fitur utama:

· Dashboard informasi sekolah

· Form input data siswa

· Tabel data siswa (DataGrid)

· UI modern berbasis XAML

· Siap dikembangkan ke database

Struktur Project WPF (Sederhana)

SistemInformasiSekolah

│

├── Models

│   └── Siswa.cs

│

├── ViewModels

│   └── SiswaViewModel.cs

│

├── Views

│   └── MainWindow.xaml

│

└── App.xaml

Model: Data Siswa

Models/Siswa.cs

public class Siswa
{
    public string NIS { get; set; }
    public string Nama { get; set; }
    public string Kelas { get; set; }
    public string JenisKelamin { get; set; }
}

ViewModel: Logic Aplikasi (MVVM)

ViewModels/SiswaViewModel.cs

using System.Collections.ObjectModel;
using System.ComponentModel;
public class SiswaViewModel : INotifyPropertyChanged
{
    public ObservableCollection<Siswa> DataSiswa { get; set; }
    private Siswa _siswaBaru;
    public Siswa SiswaBaru
    {
        get => _siswaBaru;
        set
        {
            _siswaBaru = value;
            OnPropertyChanged("SiswaBaru");
        }
    }
    public SiswaViewModel()
    {
        DataSiswa = new ObservableCollection<Siswa>();
        SiswaBaru = new Siswa();
    }
    public void SimpanData()
    {
        DataSiswa.Add(new Siswa
        {
            NIS = SiswaBaru.NIS,
            Nama = SiswaBaru.Nama,
            Kelas = SiswaBaru.Kelas,
            JenisKelamin = SiswaBaru.JenisKelamin
        });
        SiswaBaru = new Siswa();
    }
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Tampilan UI Modern (XAML)

Views/MainWindow.xaml

<Window x:Class="MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Sistem Informasi Sekolah"
        Height="500" Width="900"
        Background="#F3F4F6">
    <Grid Margin="20">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- Panel Input -->
        <StackPanel Grid.Column="0" Background="White" Padding="20">
            <TextBlock Text="Input Data Siswa"
                       FontSize="18" FontWeight="Bold" Margin="0,0,0,20"/>
            <TextBox PlaceholderText="NIS"
                     Text="{Binding SiswaBaru.NIS}" Margin="0,5"/>
            <TextBox PlaceholderText="Nama Siswa"
                     Text="{Binding SiswaBaru.Nama}" Margin="0,5"/>
            <TextBox PlaceholderText="Kelas"
                     Text="{Binding SiswaBaru.Kelas}" Margin="0,5"/>
            <ComboBox Margin="0,5"
                      SelectedItem="{Binding SiswaBaru.JenisKelamin}">
                <ComboBoxItem Content="Laki-laki"/>
                <ComboBoxItem Content="Perempuan"/>
            </ComboBox>
            <Button Content="Simpan Data"
                    Height="40"
                    Margin="0,15,0,0"
                    Background="#2563EB"
                    Foreground="White"
                    Click="BtnSimpan_Click"/>
        </StackPanel>
        <!-- DataGrid -->
        <DataGrid Grid.Column="1"
                  ItemsSource="{Binding DataSiswa}"
                  AutoGenerateColumns="False"
                  Margin="20,0,0,0">
            <DataGrid.Columns>
                <DataGridTextColumn Header="NIS" Binding="{Binding NIS}"/>
                <DataGridTextColumn Header="Nama" Binding="{Binding Nama}"/>
                <DataGridTextColumn Header="Kelas" Binding="{Binding Kelas}"/>
                <DataGridTextColumn Header="Jenis Kelamin" Binding="{Binding JenisKelamin}"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

Code Behind (Menghubungkan ViewModel)

MainWindow.xaml.cs

public partial class MainWindow : Window
{
    SiswaViewModel vm = new SiswaViewModel();
    public MainWindow()
    {
        InitializeComponent();
        DataContext = vm;
    }
    private void BtnSimpan_Click(object sender, RoutedEventArgs e)
    {
        vm.SimpanData();
    }
}

Kelebihan Contoh Ini

UI modern & clean
Struktur rapi (MVVM)
Data binding otomatis
Mudah dikembangkan
Cocok untuk Sistem Informasi Sekolah

Ide Pengembangan Lanjutan

Bisa dikembangkan menjadi:

· Login Admin & Guru

· Database SQL Server / MySQL

· CRUD lengkap

· Laporan siswa

· Tema Dark Mode

· Role-based access

Cocok untuk Pembelajaran

Materi ini cocok untuk:

· SMK RPL (kelas lanjut)

· Mahasiswa

· Guru TIK / RPL

· Proyek portofolio .NET

Kapan Harus Memilih WinForms?

Gunakan WinForms jika:

Baru belajar .NET Desktop
Membuat aplikasi sederhana
Fokus ke logika, bukan tampilan
Waktu pengembangan terbatas

Kapan Harus Memilih WPF?

Gunakan WPF jika:

Membuat aplikasi jangka panjang
Membutuhkan UI modern
Aplikasi berskala besar
Ingin struktur kode yang rapi

Rekomendasi untuk Pemula

Strategi belajar yang disarankan:

Mulai dari WinForms untuk memahami dasar desktop .NET
Pelajari WPF setelah paham konsep C# dan OOP
Fokus ke logika aplikasi dulu, lalu UI

Baik WinForms maupun WPF sama-sama penting dalam ekosistem .NET.

WinForms → cocok untuk pemula & aplikasi sederhana
WPF → cocok untuk aplikasi modern & profesional

Pilihan terbaik tergantung kebutuhan proyek dan tingkat pengalaman developer.

Vivo Y12 PD1901BF_EXMA

adgroup

Monday, 16 February 2026