Langsung ke konten utama

Tugas 5 Pemrograman Web A

Form Validasi Vaksinasi Mahasiswa

Nama   : Jonathan Leonardo Hasiholan Simanjuntak
NRP     : 05111940000150
Kelas    : Pemrograman Web A 2021

Pada pertemuan keenam kelas PWEB A, kami diberikan tugas untuk mengembangkan sebuah website form validasi vaksinasi mahasiswa dengan memanfaatkan penggunaan Javascript. Disini, kami diminta untuk memvalidasi data - data yang dimasukkan pada form yang telah kami buat, baik itu kelengkapan ataupun format dari datanya. Setelah website berhasil di susun secara lokal, website yang kita susun tersebut juga akan di hosting-kan. Pada tugas ini, hosting website dilakukan menggunakan Github Pages. Websitenya sendiri, dapat diakses lewat link ini.

Berikut adalah tampilan hasil websitenya : 
  1. Tampilan Isian Form Validasi Vaksinasi Mahasiswa




  2. Tampilan Isian Form Sukses Disimpan

Source Code

Untuk source code dari webnya, masing - masing halaman tampilan source code HTML-nya saya pisahkan. Untuk styling template halaman, saya masukkan kedalam style.css. Selain metode external style sheet, untuk styling khusus tertentu pada suatu elemen, digunakan metode inline style. Untuk melengkapi tema yang saya buat, saya juga menggunakan library CSS Bootstrap, tepatnya Bootstrap 4.4.1. Sedangkan untuk logical-nya, saya masukkan ke dalam main.js. Berikut source code dari website tersebut :
  1. index.html
  2. success.html
  3. style.css
  4. main.js
Sekian pengerjaan tugas yang telah saya lakukan. Mohon maaf apabila terdapat kesalahan atau kekurangan pada pekerjaan saya. Terima kasih atas perhatiannya.

Komentar

Postingan populer dari blog ini

Tugas 7 Pemrograman Web A

Implementasi jQuery Sederhana  Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan kesepulu kelas PWEB A, kami diberikan tugas untuk mengimplemetasikan jQuery dalam program yang sederhana. Terdapat dua contoh yang perlu kami buat, yang pertama adalah membuat query baru pada sebuah drop down list berdasarkan input yang user masukkan. Kemudian, untuk contoh yang kedua, kami diminta untuk membuat sebuah animasi (Color Animation) dengan mengimplementasikan jQuery UI. Setelah kedua  contoh berhasil di susun secara lokal, contoh - contoh tersebut kemudian perlu di hosting - kan.  Program pertama, Membuat Query Baru pada Sebuah Drop Down List Berdasarkan Input yang User Masukkan , dapat diakses di link  ini . Sedangkan untuk yang kedua, Implementasi jQuery UI untuk Membuat Sebuah Animasi , dapat diakses di link  ini . Berikut ada...

Tugas 1 Pemrograman Web A

Profil & Portofolio Pribadi Nama    : Jonathan Leonardo Hasiholan Simanjuntak NRP      : 05111940000150 Kelas     : Pemrograman Web A 2021 Link Profil : Ardo Profile Link Repo : Profile Repository Pada tugas ini, saya membuat profil dan portofolio pribadi dengan memanfatkan tema yang disediakan di plaform Hugo (Static Site Generator)yaitu Hugo Profile v3 . Kemudian, saya hosting -kan resource yang berhasil di generate lewat Github Pages. Berikut ini adalah tampilan hasilnya,   Tahapan Pembuatan Profile Berikut adalah penjelasan singkat mengenai tahapan - tahapan yang saya lakukan untuk membuat halaman profil pribadi saya,  Pertama - tama, install Hugo terlebih dahulu. Panduan instalasinya bisa dilihat di Install Hugo . Setelah Hugo berhasil di-instal. Buka command promopt pada perangkat anda dan jalankan perintah : hugo version Jika perintah "hugo" sudah dikenali, maka proses instalasi hugo telah berhasil. Gambar 2.1 Hugo be...