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.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Evaluasi Akhir Semester PWEB A 2021

 Evaluasi Akhir Semester PWEB A 2021 Nama                : Jonathan Leonardo Hasiholan Simanjuntak NRP                  : 05111940000150 Kelas                : Pweb A Dokumen PDF EAS : b      Nomor 3 : Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban : Pengerjaan secara mandiri. Fitur yang dikembangkan : Student - Submission Assignment. Video demo penjelasan pengerjaan program : Berikut adalah tampilan table - table yang digunakan pada database : table "assignment" table "user" table "kelas" Tampilan akhir menu - menu dari aplikasi : Menu Login Form Register Menu Utama List Submission Tugas Form Submit Form Edit Form Detail Berikut adalah kumpulan source - code dari web application yang s...
Posting Komentar
Baca selengkapnya

ETS PWEB A 2021

EVALUASI TENGAH SEMESTER PWEB A 2021  Nama : Jonathan Leonardo Hasiholan Simanjuntak NRP : 05111940000150 No 1 & 2 : No 3 : (Edited on 17 November 2021 0:57 WIB) Buatlah halaman web, menggunakan desain yang ditunjukkan. Jawab : Jawaban dapat diakses lewat link  ini . Tampilan Halaman Website beserta codenya : Halaman Utama (index.html) Source Code : index.html style.css Halaman Login (login.html) Source Code : login.html login.css Halaman About Us (about.html) Source Code : about.html about.css Halaman FAQ (faq.html) Source Code : faq.html faq.css          Video Demo :         
Posting Komentar
Baca selengkapnya

Tugas 9 Pemrograman Web A

  Studi Kasus PHP & MySQL : Pendaftaran Siswa Baru + Upload Foto + Login Form Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan ke-15 kelas PWEB A, kami diberikan tugas untuk mengimplemetasikan penggunaan PHP dan MySQL untuk mengembangkan program Pendaftaran Siswa Baru yang telah dibuat sebelumnya, agar bisa mengelola Foto pada databasenya dan memiliki fitur login. Sama seperti sebelumnya, website disusun menggunakan HTML, CSS dan library Bootstrap, kemudian untuk backendnya menggunakan PHP, dan databasenya menggunakan MySQL.  Berikut adalah tampilan dari hasil websitenya : Source Code Terdapat 11 source code yang saya gunakan untuk membangun website ini, yaitu : config.php form-daftar.php form-edit.php hapus.php index.php list-siswa.php menu.php proses-edit.php proses-login.php proses-pendaftaran style.css Sekian pengerjaan tugas yang ...
Posting Komentar
Baca selengkapnya