GUI IMK PHP - Tugas Individu

🌐 Live Demo

Klik di sini untuk melihat aplikasi live

Deskripsi Tugas

TUGAS INDIVIDU
Buatlah form Inputan sampai dengan Proses Penyimpanan yang terdapat beberapa komponen dibawah ini :

1. Tombol tekan (Button)
2. Spin Box (Number input)
3. List Box (Multiple select)
4. Combo Box (Dropdown select)
5. Tombol Radio/radio button (Radio buttons)
6. Check Button (Checkboxes)
7. Penggeser (Sliding Bar atau Slider) (Range slider)
8. Icon (Icons in form)
9. Text Box (Text input)
10. Editor Box (Textarea)

Untuk tugas Mata Kuliah Interaksi Manusia Dan Komputer lengkap dengan penyimpanan ke database MySQL.

Fitur Aplikasi

• ✅ Form input dengan semua komponen GUI yang diminta
• ✅ Penyimpanan data ke database MySQL
• ✅ Tampilan data tersimpan
• ✅ Fungsi Edit dan Delete
• ✅ Responsive design dengan animasi
• ✅ CSRF protection untuk keamanan
• ✅ Siap hosting di InfinityFree

Teknologi

• Backend: PHP Native
• Database: MySQL
• Frontend: HTML5, CSS3, JavaScript
• Styling: Glassmorphism UI dengan animasi

Setup Lokal

1. Clone repository
2. Import database dari create_table.sql
3. Jalankan di web server (Apache/Nginx)
4. Akses index.php

Hosting

Aplikasi sudah dikonfigurasi untuk hosting di InfinityFree dengan auto-detection environment.