TUGAS 5 PEMROGRAMAN WEB (A) - Form Validasi





Tugas kali ini membuat website form validasi (di sini validasi untuk pendataan vaksin mahasiswa). Dalam proses pengerjaannya, menggunakan HTML, CSS (Bootstrap), dan JavaScript serta VSCode sebagai text editor. JavaScript di sini dipakai untuk proses validasi beberapa kolom inputan yang ada di form. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai Netlify.

Konten dari website:

Main page


Berisi halaman depan yang memuat form validasi mahasiswa. Ada beberapa kolom yang semuanya wajib diisi dan tidak boleh kosong, yaitu:
  1. Nama, tidak boleh melebihi 50 karakter.
  2. NRP, harus memiliki panjang sebanyak 10-16 karakter, dan harus merupakan angka (number).
  3. Email, harus berformat seperti email pada umumnya, seperti xxx@gmail.com.
  4. Domisili
  5. Jurusan
  6. Status Vaksin

Source Code

  • index.html
  • style.css
  • script.js
Berikut ini adalah implementasi hasil pelajaran javascript saya, semoga dapat bermanfaat bagi yang membaca :)

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 PBO : Game The World of Zuul

Gambar
Halo teman-teman, saat ini kita akan belajar membuat sebuah project kecil yang dibuat berdasarkan buku Object First With Java. Game ini bisa menjadi implementasi untuk Designing Classes. Permainan ini sudah aku ubah sedikit, sehingga ada unsur mengenai ITS nya. Terdapat 5 kelas pada project ini, yaitu: CommandWords - Kelas ini untuk mendefinisikan semua Command yang valid dalam permainan (pergi, help, pulang). Ini dilakukan dengan menyimpan array objek String yang mewakili kata-kata perintah. Parser - Berfungsi untuk membaca baris input dari terminal danmenafsirkannya sebagai Command. Ini membuat objek dari Class Command yang mewakili perintah itu masuk. Command - Sebuah objek perintah mewakili perintah yang dimasukkan oleh pengguna. Ini memiliki metode yang memudahkan kita untuk memeriksa apakah ini adalah perintah yang valid dan untuk mendapatkan kata pertama dan kedua dari perintah tersebut sebagai string terpisah. Room - Objek ruangan merepresentasikan lokasi dalam game.  Game ...
Baca selengkapnya

TUGAS 7 PBO : CLASS JAVAFX

Gambar
Pemrograman JavaFX   JavaFX adalah library Java yang berguna dalam membangun Rich Internet Applications (RIA). Aplikasi yang dikembangkan menggunakan JavaFX dapat berjalan di berbagai perangkat modern saat ini. Seperti Komputer Desktop, Mobile Phones, TV, Tablet, dll. Untuk mengembangkan Aplikasi GUI menggunakan bahasa pemrograman Java, programmer mengandalkan perpustakaan seperti Advanced Windowing Toolkit dan Swings. Setelah munculnya JavaFX, programmer java sekarang dapat mengembangkan aplikasi GUI dengan konten yang banyak. Dengan menggunakan teknologi Java, aplikasi ini memiliki tingkat penetrasi browser yang lebih tinggi daripada sebelum-sebelumnya. Dibeberapa compiler seperti IntelliJ tidak bisa menerapkan ini, karena sebenarnya JavaFX sudah tidak bisa dipakai diatas JDK 11. untuk mempelajari ini bhanay bisa menggunakan BlueJ atau Eclipse. Nah untuk semakin memahami penggunaan class JavaFX, mari kita buat program sederhannya. Berikut contoh dari Fortune Teller, dimana setiap...
Baca selengkapnya

Tugas 4 PBO : Technical Support System Sederhana

Gambar
  Sebuah Technical Support System yang sering dipakai di berbagai aplikasi pasti memakai bot didalamnya, dan itu memerlukan ilmu yang lebih tinggi karena merupakan salah satu contoh aplikasi kognitif dan penerapan kecerdasan buatan, atau bahasanya kerennya artificial intelligence . Tapi kali ini kita akan membuat yang versi sederhana saja berdasarkan buku Objects First With Java bab 5 bagian 5.2. Jadi di buku sebenarnya sudah dibuatkan dasar-dasar pengembangan materinya, namun kita ubah sedikit agar terlihat lebih nyata programnya, serta kita ubah menggunakan Bahasa Indonesia sehingga lebih mudah dimengerti. Input Reader Responder Support System main Support System Berfungsi untuk menampilkan hasil program kita Beberapa contoh hasil program dari input yang berbeda :   Nah itu lah beberapa contoh yang bisa kita buat, kalian bisa kok menggunakan kode tersebut untuk membuat perintah se-mau kalian. Semangattt !!!!!!
Baca selengkapnya