Tugas 8 Pemrograman Web: Manipulasi DOM (Dropdown, Animasi, Validasi Form) dengan JQuery

Nama: Farhan Arifandi

NRP: 05111940000061

Kelas: PWEB - B

Link tugas: https://farfnd.github.io/pweb/08-jquery/

Link repository: https://github.com/farfnd/pweb/tree/master/08-jquery

Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 8 Pemrograman Web yaitu menggunakan JQuery untuk menambahkan konten (judul buku) ke dalam dropdown yang berisi daftar judul buku, menambahkan animasi, dan memvalidasi form.

1. Halaman daftar buku & animasi

HTML:

CSS untuk seluruh halaman:

2. Halaman validasi form

HTML:

Comments

Post a Comment

Popular posts from this blog

Tugas 3 Pemrograman Web: Web Warung Tegal dengan HTML5 dan CSS

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Link tugas: https://farfnd.github.io/pweb/03-html5/ Link repository: https://github.com/farfnd/pweb/tree/master/03-html5 Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 3 Pemrograman Web yaitu memodifikasi web Warung Tegal menjadi lebih responsif menggunakan HTML5 dan CSS. Rangkuman modifikasi: Menambahkan slider dan konten pada halaman beranda Tiap-tiap hyperlink yang terdapat pada header sudah dibuatkan halaman sendiri sehingga bisa diakses sebagaimana mestinya Ketika elemen hyperlink pada <aside> diklik, akan membuka halaman baru 1. Halaman beranda Source code: 2. Halaman daftar masakan Source code: 3. Ha...
Read more

Tugas 6 Pemrograman Web: Form Login dan Contact dengan Bootstrap

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Link tugas: https://farfnd.github.io/pweb/06-bootstrap/ Link repository: https://github.com/farfnd/pweb/tree/master/06-bootstrap Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 6 Pemrograman Web yaitu membuat form login dan contact dengan Bootstrap. 1. Halaman beranda Source code: 2. Halaman login Source code: 3. Halaman sign up Tampilan default: Ketika password konfirmasi yang dimasukkan tidak cocok: Source code: 4. Halaman contact Source code: 5. File CSS: style.css
Read more

Tugas 2 Rekayasa Kebutuhan: Studi Kasus Proses Rekayasa Kebutuhan

Image
Pada kesempatan kali ini, kami dari kelas Rekayasa Kebutuhan B beranggotakan: Farhan Arifandi ( 05111940000061 ) Timotius Wirawan (05111940000161) akan melakukan analisis proses rekayasa kebutuhan pada aplikasi Portal Game Edukasi. Berikut merupakan Spesifikasi Kebutuhan Perangkat Lunak dari aplikasi tersebut yang kami pakai sebagai acuan dalam melakukan analisis. Elicitating (Elisitasi) Proses elisitasi kebutuhan dilakukan dengan melakukan wawancara dengan stakeholder yaitu pemilik/penyelenggara sistem dan calon pengguna. Dari hasil wawancara didapatkan data sebagai berikut: Pengguna umum dapat memainkan game yang disediakan secara streaming dan memberikan ulasan untuk game tersebut, serta dapat membaca artikel yang disediakan dan memberikan komentar Developer/pengembang game dapat mengunggah gamenya ke web portal, serta melihat penilaian dan ulasan pengguna Administrator sistem dapat melakukan manajemen data pengguna web portal seperti akun developer, mengelola game yang didistribu...
Read more