Untuk pemanasan memasuki materi Kajian ke-2, kita akan ada sedikit latihan. Kali ini bisa dikerjakan menggunakan PHP biasa dan sederhana saja, boleh dengan bantuan Javascript juga. Inti nya Anda diminta untuk membuat inputan form sesuai dengan ketentuan yang diinginkan, beserta validasi inputan tersebut. Validasi inputan bisa menggunakan PHP ataupun Javascript.
Selamat mencoba!
Buatlah Form inputan untuk model data pegawai berikut,
| Tipe inputan | Nama Inputan | Deskripsi | NULL |
|---|---|---|---|
| Alphanumeric | Kode Pegawai | Kode pegawai terdiri dari 5 karakter kombinasi huruf dan angka | No |
| Alphabet | Nama Pegawai | Nama Pegawai minimal 3 Karakter dan maksimal 100 karakter | No |
| Single Choice | Jenis Kelamin | Pilihan Pria atau Wanita | No |
| Text | Tempat Lahir | Nama kota tempat lahir pegawai, maksimal 50 karakter | No |
| Date | Tanggal Lahir | Tanggal lahir pegawai | No |
| Text | Alamat | Alamat lengkap dari pegawai | No |
| Numeric | No.Telp | Nomor telepon, minimal 5 digit maksimal 13 digit | Yes |
| Text-email | Email pegawai, sesuai format email yang berlaku | Yes | |
| Multiple choice | Bidang Keahlian | Pilihan bidang keahlian, seperti; akuntansi, perpajakan, marketing, komputer, database, multimedia, jaringan, periklanan.
Pilihan tersebut dapat lebih dari 1. |
No |
| Select option | Status Pegawai | No |
Perhatikan dengan teliti syarat dari setiap inputan form. kemudian buat juga validasi inputan dan error handling nya. Sehingga ketika user meng-input-kan form tidak sesuai dengan syarat diatas, maka sistem secara otomatis akan memberikan pesan error.
mudah kan…??? pasti nya..
Anda tidak perlu memikirkan masalah database nya, karena cukup membuat tampilan form nya saja.
Tugas ini dilakukan secara berkelompok, dan harus ada disetiap laptop masing-masing anggota kelompok tersebut.
oks, sampai bertemu di kelas pekan ini.
5 responses to “Mainan di rumah part 5 (web lanjut)”
pak ,
kalo bikinnya pake HTML ,
berarti validasi nya banyak IF gitu ya ?
boleh ya pak ..
🙂
terserah enak nya menurut kalian.. 🙂
[…] tampilan form dengan spesifikasi seperti yang ada pada Mainan part 5. Silahkan menggunakan function yang ada dalam class Form, se-kreatif mungkin. Anda bisa menggunakan […]
[…] spesifikasi validator terhadap setiap field inputan form, dapat dilihat di mainan sebelumnya. Dan agar untuk penggunaan validatornya sendiri, telah dijelaskan pada postingan sebelumnya, atau […]
[…] akan coba gunakan validator ini untuk menjawab kasus yang ada di mainan part 5. Disana ada satu validator yang cukup sulit jika menggunakan format standar, yaitu untuk jenis […]