WEBSITE MEMAKAI JQUERY

Di post kali ini, saya membuat website dengan menggunakan HTML, CSS, dan JQuery. Terdapat 2 halaman. Yang pertama membuat website untuk menambahkan buku ke list dengan menggunakan JQuery. 

Tampilannya seperti ini


Lalu jika ditambahkan buku dan di klik Add New Book maka akan terlihat di Results seperti ini

 

Yang kedua adalah website pendaftaran form mahasiswa yang tampilannya seperti ini



Lalu jika mensubmit form dan ada data yang belum terisi maka akan muncul seperti ini 


Source code dari web berikut tersedia di repository github ini dan ini. Laman website-nya dapat diakses pada link berikut dan berikut.

Komentar

Posting Komentar

Postingan populer dari blog ini

WEBSITE BOOTSTRAP

Gambar
 Untuk tugas ke-6 kali ini, kami diminta untuk membuat laman login dan contact us menggunakan Bootstrap. Untuk source code dapat dilihat melalui  github  dan deployment  login  dan  contact. Halaman Home Halaman Blog Halaman Contact Us Halaman Login dan Sign Up Source code dari web berikut tersedia di repository github  ini   Laman website-nya dapat diakses pada  link berikut .
Baca selengkapnya

TUGAS PBO B (JAVA FX)

Gambar
Apa itu JAVA FX? JavaFX  adalah sebuah platform software untuk membangun sebuah aplikasi  rich internet application  (RIA) yang bisa berjalan pada berbagai macam perangkat. Seperti komputer dekstop, web browser di Windows, Linux dan Mac OSX. JavaFX dirancang untuk menyediakan para developer java sebuah platform yang baru, ringan, dengan performa yang tinggi. Tujuannya adalah ingin mengantikan swing untuk membangun aplikasi GUI. Namun itu bukan berarti Swing sudah tidak digunakan lagi. Sejumlah besar aplikasi telah dibangun dengan menggunakan swing itu berarti, Swing telah menjadi bagian dari Java API untuk waktu yang cukup lama. Terutama bahwa aplikasi ini bisa digabungkan dengan JavaFX secara fungsi. Lalu, saya mencoba mengimplementasikan JavaFX ke dalam sebuah program sederhana, yaitu Choose Movie. Jadi, ketika user meng-klik button, maka akan muncul sebuah string yang bersifat  random . Adapun class yang digunakan yaitu  ChooseMovie, sebagai cl...
Baca selengkapnya

FORM VALIDASI

Gambar
Tugas kali ini membuat website form validasi (di sini validasi untuk pendataan vaksin mahasiswa). Dalam proses pengerjaannya, menggunakan  HTML ,  CSS (Bootstrap) , dan  JavaScript .  JavaScript  di sini dipakai untuk proses validasi beberapa kolom inputan yang ada di form.  Untuk  hosting  web sendiri memakai Github . Halaman Form Saat mencoba untuk mengisi input bagian "Nama" dan mengosongkan bagian yang lain, akan tampak dialog alert seperti berikut.   Fitur ini berlaku untuk semua kolom yang ada pada form, berurutan dari atas. Dapat dilihat bahwa ada bagian untuk memilih status vaksinasinya, apabila belum memilih maka tidak muncul form input berikutnya, sedangkan jika telah memilih salah satunya maka akan tampil seperti berikut. Untuk pilihan "Sudah" Untuk pilihan "Belum" Sama seperti sebelumnya, jika kolom input lanjutannya ada yang tidak terisi ketika user menekan submit, maka akan muncul alert dialog seperti berikut. Lalu, ketika ...
Baca selengkapnya