Tugas 4 PWEB - Membuat Form
Nama : Nadya Zuhria Amana
NRP : 5025211058
Kelas : Pemodelan Simulasi E
Untuk tugas 4 kali ini memiliki soal sebagai berikut :
1. Buatlah sebuah form registrasi yang terdiri dari nama mahasiswa, nim, mata kuliah, dan dosen. Form registrasi ini memiliki aturan sebagai berikut. Ketika pengguna sistem akan mengisikan data nama dengan memasukkan huruf tertentu maka akan muncul rekomendasi tertentu. Gunakan referensi di internet ataupun yang lainnya untuk memecahkan kasus tersebut.
Maka dapat di rincikan soalnya sebagai berikut
1. Nama Mahasiswa: Bidang ini digunakan untuk memasukkan nama lengkap mahasiswa yang akan mendaftar.
2. NIM (Nomor Induk Mahasiswa): Bidang ini digunakan untuk memasukkan NIM mahasiswa yang bersangkutan.
3. Mata Kuliah: Bidang ini digunakan untuk memasukkan mata kuliah yang akan diambil oleh mahasiswa tersebut.
4. Dosen: Bidang ini digunakan untuk memasukkan nama dosen yang akan mengajar mata kuliah tersebut.
Selain itu, ada aturan tambahan yang harus diimplementasikan:
- Rekomendasi Mata Kuliah: Ketika pengguna mulai mengetikkan nama mata kuliah, sistem akan memberikan rekomendasi mata kuliah yang sesuai berdasarkan apa yang telah diketikkan oleh pengguna. Rekomendasi ini akan muncul sebagai daftar di bawah bidang "Mata Kuliah". Ketika pengguna memilih salah satu rekomendasi tersebut, bidang "Mata Kuliah" akan diisi dengan mata kuliah yang dipilih. Disini saya mengisikan sesuai mata kuliah Semester 5 yaitu pemrograman web, pbkk, rsbp, grafika komputer, pemodelan simulasi, jaringan komputer, dan teori graf.
Implementasi dalam coding akan melibatkan penggunaan HTML, CSS, dan JavaScript. Berikut adalah langkah-langkah implementasi:
1. HTML: Buat elemen-elemen HTML untuk form registrasi, termasuk input untuk nama, NIM, mata kuliah, dan dosen. Sertakan juga sebuah div untuk menampilkan rekomendasi mata kuliah.
2. CSS: Gaya CSS digunakan untuk mengatur tampilan formulir, latar belakang, dan elemen-elemen HTML. Anda dapat mengatur padding, warna latar belakang, dan tampilan keseluruhan formulir sesuai desain yang Anda inginkan.
3. JavaScript: Dalam JavaScript, Anda akan mendeteksi setiap kali pengguna mengetikkan sesuatu di bidang "Mata Kuliah". Kemudian, Anda akan membandingkan input pengguna dengan daftar mata kuliah yang telah ditentukan. Jika ada kemiripan, Anda akan menampilkan rekomendasi mata kuliah yang sesuai di bawah bidang "Mata Kuliah". Ketika pengguna memilih rekomendasi, bidang tersebut akan diisi dengan mata kuliah yang dipilih.
Implementasi ini memerlukan pemrograman JavaScript untuk mengelola rekomendasi mata kuliah dan berinteraksi dengan input pengguna.
Jadi, secara keseluruhan, tugas ini mengharuskan Anda membuat formulir registrasi yang mencakup beberapa bidang informasi dan mengimplementasikan fitur rekomendasi mata kuliah berdasarkan input pengguna pada bidang tertentu. Hal ini dapat meningkatkan pengalaman pengguna dan membantu mereka dalam memilih mata kuliah yang sesuai.
Dokumentasi Tugas
a. Pada gambar diatas setelah kita mencoba mengisi manual dari form tersebut, dan pada kolom Mata Kuliah kita akan mendapatkan rekomendasi nama nama dari mata kuliahnya
b. Setelah kita mengisikan form nya maka kita akan mencoba submit form yang telah diisi tersebut
c. Setelah kita mengsubmit form nya maka di pengisian selanjutnya form akan kosong kembali dan akan mendapatkan rekomendasi untuk isian form kita sebelumnya yang pernahh kita isikan tadi