Kontrol Input & Validasi

---

🎯 1. Pengantar Kontrol Input & Validasi

7

📖 Deskripsi

Kontrol input adalah komponen GUI yang digunakan untuk menerima data dari pengguna, sedangkan validasi adalah proses memastikan data yang dimasukkan benar, sesuai format, dan aman digunakan.

🧠 Narasi

Dalam aplikasi nyata, data yang dimasukkan user seringkali tidak valid (kosong, salah format, dll). Tanpa validasi, aplikasi bisa error atau bahkan menghasilkan data yang salah.

---

🧩 2. Jenis-Jenis Kontrol Input (GUI Input Controls)

6

📊 Tabel Kontrol Input

Kontrol	Fungsi
TextBox / Entry	Input teks
TextArea	Input teks panjang
ComboBox	Pilihan dropdown
RadioButton	Pilihan satu
CheckBox	Pilihan banyak
DatePicker	Input tanggal
File Picker	Pilih file

---

🧠 Narasi

Pemilihan kontrol input sangat penting. Misalnya:

• Input gender → gunakan RadioButton
• Input negara → gunakan ComboBox
• Input deskripsi → gunakan TextArea

---

🧱 3. Konsep Validasi Data

7

📖 Deskripsi

Validasi memastikan bahwa data:

• Tidak kosong
• Sesuai tipe data
• Sesuai aturan (rule) tertentu

---

🔄 Alur Validasi

1. User input data
2. Sistem cek validasi
3. Jika salah → tampilkan error
4. Jika benar → lanjut proses

---

🧠 Narasi

Validasi adalah “gerbang” sebelum data diproses. Tanpa validasi, sistem menjadi rentan error dan tidak reliable.

---

🧪 4. Jenis-Jenis Validasi

📊 Tabel Validasi

Jenis Validasi	Contoh
Required	Tidak boleh kosong
Format	Email harus ada “@”
Numeric	Hanya angka
Range	Umur 0–100
Length	Minimal 8 karakter
Custom	Aturan khusus

---

🧠 Narasi

Setiap jenis validasi digunakan sesuai kebutuhan. Misalnya:

• Password → minimal panjang
• Email → format tertentu
• Umur → harus angka

---

⚙️ 5. Teknik Validasi dalam GUI

📌 Pendekatan

• Client-side validation → langsung di GUI
• Real-time validation → saat user mengetik
• On submit validation → saat tombol ditekan

---

🧠 Narasi

Validasi real-time memberikan pengalaman pengguna yang lebih baik karena error langsung terlihat tanpa harus submit.

---

💻 6. Tutorial Praktikum: Validasi Input (Python Tkinter)

🎯 Studi Kasus

Form input:

• Nama (tidak boleh kosong)
• Umur (harus angka)

---

💻 Kode Program

import tkinter as tk
from tkinter import messagebox

def validasi():
    nama = entry_nama.get()
    umur = entry_umur.get()

    if nama == "":
        messagebox.showerror("Error", "Nama tidak boleh kosong")
    elif not umur.isdigit():
        messagebox.showerror("Error", "Umur harus angka")
    else:
        messagebox.showinfo("Sukses", f"Halo {nama}, umur {umur}")

app = tk.Tk()
app.title("Validasi Input")

tk.Label(app, text="Nama").pack()
entry_nama = tk.Entry(app)
entry_nama.pack()

tk.Label(app, text="Umur").pack()
entry_umur = tk.Entry(app)
entry_umur.pack()

tk.Button(app, text="Submit", command=validasi).pack()

app.mainloop()

---

🧠 Penjelasan

• get() → ambil input
• isdigit() → cek angka
• messagebox → feedback ke user

---

🎨 7. Feedback Validasi (User Experience)

8

📌 Bentuk Feedback

• Warna merah (error)
• Pesan teks (error message)
• Highlight field
• Notifikasi popup

---

🧠 Narasi

Validasi yang baik tidak hanya benar secara logika, tetapi juga jelas bagi pengguna.

---

⚠️ 8. Kesalahan Umum dalam Validasi

❌ Tabel Kesalahan

Kesalahan	Dampak
Tidak validasi	Data kacau
Pesan error tidak jelas	User bingung
Validasi terlalu ketat	UX buruk
Tidak konsisten	Sulit digunakan

---

🧠 Narasi

Validasi yang buruk bisa membuat aplikasi terasa “menyebalkan” bagi user.

---

🧱 9. Studi Kasus Nyata

6

📌 Contoh Implementasi

• Login system (username/password)
• Form registrasi
• Input transaksi keuangan
• Sistem akademik

---

🧠 Narasi

Dalam sistem nyata, validasi juga berkaitan dengan keamanan (security), bukan hanya kebenaran data.

---

🎯 10. Best Practice Validasi

✅ Tips

• Validasi secepat mungkin
• Gunakan pesan yang jelas
• Jangan terlalu banyak aturan
• Kombinasikan UI + logika
• Selalu uji berbagai input

---

🎓 11. Rangkuman

📌 Inti Materi

• Kontrol input = alat input data
• Validasi = memastikan data benar
• Banyak jenis validasi (format, angka, dll)
• Harus memberikan feedback ke user
• Sangat penting untuk kualitas aplikasi

---

📝 12. Latihan & Tugas

✏️ Latihan

1. Apa itu validasi input?
2. Sebutkan 3 jenis validasi!
3. Mengapa validasi penting?

---

💻 Tugas Praktikum

Buat aplikasi:

• Input: Nama, Email, Umur
• Validasi:
  • Nama tidak kosong
  • Email harus mengandung “@”
  • Umur harus angka
• Output:
  • Jika valid → tampilkan data
  • Jika tidak → tampilkan error

---

🚀 Penutup

Materi ini menjadi dasar untuk:

• Form aplikasi profesional
• Sistem database
• Aplikasi berbasis user input