Tugas Pertemuan 6 - Membuat JavaScript Form Registrasi

Nama    : Kartika Diva Asmara Gita

NRP      : 5025211039 

Kelas     : PWEB - A

Tahun    : 2023


Membuat JavaScript Form Registrasi

JavaScript digunakan untuk menambahkan interaktivitas pada halaman web, termasuk formulir registrasi. Penggunaan umum JavaScript dalam formulir registrasi melibatkan validasi input, yaitu memastikan bahwa pengguna telah memasukkan informasi dengan format yang benar sebelum data dikirimkan ke server. Misalnya, memeriksa apakah alamat email memiliki format yang valid. Selain itu, JavaScript juga dapat digunakan untuk memberikan umpan balik langsung kepada pengguna. Contohnya, menampilkan pesan kesalahan jika ada kesalahan validasi atau memberikan konfirmasi saat formulir berhasil diajukan. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 6 PWEB yaitu membuat JavaScript Form Registrasi Mahasiswa. Berikut tampilan Form Registrasi yang telah saya buat :


Form di atas berisikan :

  • Nama, NRP, dan e-mail mahasiswa
  • Mata Kuliah yang diambil dari menu dropdown. Pilihan mata kuliah meliputi Pemrograman Berbasis Kerangka Kerja, Pemrograman Web, Grafika Komputer, Teori Graf, Jaringan Komputer, Rekayasa Sistem Berbasis Pengetahuan
  • Dosen pengajar yang di pilih dari menu dropdown. Pilihan dosen antara lain Fajar Baskoro, S.Kom., MT., Dr. Eng Darlis Herumurti, S.Kom, M.Kom., Victor Hariadi, S.Si., M.Kom., Hudan Studiawan, S.Kom., M.Kom.,Ph.D., Shintami Chusnul Hidayati, S.Kom., M.Sc., Ph.D.
Berikut penggunaan JavaScript dalam formulir registrasi melibatkan validasi input dimana penulisan e-mail tidak benar :


Berikut penggunaan JavaScript dalam formulir registrasi untuk memberikan umpan balik langsung kepada pengguna dimana saat melakukan submit, sistem memberikan peringatan bahwa inputan dosen belum terisi :


Link Github : Github
Link Deploy : Deploy

Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 2&3 - Membuat Aplikasi Desktop Kalkulator & WebCam

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PBKK - A Tahun     : 2023 Membuat Aplikasi Desktop Kalkulator & WebCam Microsoft .Net Framework adalah sebuah software kerangka kerja yang beroperasi pada sistem operasi Windows. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 2 dan 3 PBKK yaitu membuatAplikasi Desktop Kalkulator dan WebCam.  Kalkulator Adapun fitur pada aplikasi ini sebagai berikut : pertambahan (+) pengurangan (-) perkalian (*) pembagian (/) Berikut komponen utama : button_click untuk angka, koma, clear, dan operator text box untuk display hasil perhitungan Terakhir dokumentasi tampilan dan jalannya kalkulator sebagai berikut : Link YT :  Calculator_YT Link Repository Github :  Calculator_Github Webcam Capture Menerapkan library AForge.NET Framework untuk kebutuhan gambar dengan fitur sebagai berikut : Memilih kamera yang terdeteksi pada desktop Mena...
Read more

Tugas Pertemuan 5 - Membuat Dashboard (Rich UI)

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PBKK - A Tahun     : 2023 Membuat Dashboard (Rich UI) WPF (Windows Presentation Foundation) adalah kerangka Rich UI yang digunakan oleh developer untuk membangun aplikasi desktop Windows. WPF memanfaatkan Extensible Markup Language (XML) untuk mendefinisikan tampilan secara deklaratif sehingga memberikan desain intuitif, tema, navigasi, dan kontrol imersif baru. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 5 PBKK yaitu membuat  Dashboard . Berikut tampilan Dashboard yang telah saya buat : Link YT :  YT Link Github :  Github
Read more

Final Project Pemrograman Web

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PWEB - A Tahun     : 2023 Final Project Pemrograman Web 1. Tuliskan deskripsi studi kasus Pemrograman Website! Jawaban: Berdasarkan referensi jurnal  Pembelajaran Berbasis E-Learning , studi kasus untuk Final Project kali ini adalah membuat platform belajar online yang  dapat diakses oleh semua orang, di mana pun dan kapan pun. Dengan ini guru dan siswa mendapatkan manfaat dari e-learning sebagai berikut: Efisiensi dan fleksibilitas : Pembelajaran e-learning memiliki manfaat besar yang melibatkan efisiensi dan fleksibilitas. Beberapa manfaat ini mencakup: Penghematan waktu dan biaya. Aksesibilitas dan fleksibilitas waktu belajar. Pembelajaran mandiri : Siswa dapat mengakses modul dan mempelajari materi dengan kecepatan mereka sendiri serta menggali lebih dalam topik yang menarik bagi mereka.  Pembelajaran kolaboratif : Memfasilitasi kolabor...
Read more