Skip to main content

Tugas (5) Pemrograman Web D - Form Validasi


Tugas kali ini membuat website form validasi (validasi pendataan vaksin untuk mahasiswa). Dalam pengerjaannya digunakan HTML, CSS (vanilla dan bootstrap), JavaScript serta VSCode untuk code editor. JavaScript digunakan untuk melakukan validasi pada form apakah sudah terisi atau belum. Untuk websitenya bisa dikunjungi pada link berikut.


Konten dari website:

  1. Main page, berisi halaman yang memuat form. Terdapat beberapa ketentuan pada setiap kolom, tidak boleh kosong dan ketentuan tambahan.
    • Nama, tidak boleh melebihi 50 karakter.
    • NRP, harus memiliki panjang digit 10 - 16, dan harus terdiri dari angka saja.
    • Email, harus memiliki format email pada umumnya.
    • Jurusan
    • Status Vaksin
  2. Second Page, halaman sederhana yang akan ditunjukkan jika sudah berhasil melalui validasi.

Source Code

  • index.html
  • success.html
  • main.css
  • main.js

Comments

Popular posts from this blog

Tugas (3) Pemgrograman Web D - Warung Tegal

Tugas kali ini membuat website Warung Makan Tegal. Dalam proses pengerjaannya, menggunakan  HTML ,   CSS ,   dan  JavaScript  serta  VSCode  sebagai  text editor . Di website ini, saya menggunakan carousel dan ada satu content video pada carousel tersebut menggunakan tag html video . Untuk websitenya sendiri bisa di akses melalui link berikut . Content website terdiri dari carousel, lalu ada video promosi Warung Tegal. Kemudian menu yang disediakan. Berikut merupakan preview dari Website Warung Tegal Source code index.html carousel.css carousel.js Axel Briano Suherik 05111940000137 Pweb - D

Tugas (7) Pemrograman Web D - Simple jQuery

  Tugas kali ini adalah membuat website sederhana yang memanfaatkan jQuery . jQuery  adalah sebuah library JavaScript yang diperlukan sebagai solusi dikarenakan terdapat beberapa perbedaan implementasi JavaScript pada suatu browser misal Microsoft Explorer dengan Chrome milik Google. Di sini terdapat dua implementasi pemanfaatan jQuery  yaitu validasi form dengan dynamic option select pada input. Untuk aplikasi website sendiri dapat di aksses pada link berikut . Konten dari aplikasi web: 1. Home Page, halaman utama dimana user dapat memilih implementasi jQuery  mana yang ingin dicoba. 2. Tambah Page, menambah data option pada input select. 3. Validasi Page, halaman yang dapat melakukan validasi input pada form. Home Page Tambah Data Validasi Stylesheet

Studi Kasus 1 | Rekayasa Kebutuhan (A)

Studi Kasus Aplikasi Peduli Lindungi Deskripsi Aplikasi Peduli Lindungi adalah suatu Aplikasi yang dikembangkan untuk membantu instansi pemerintah terkait dalam melakukan pelacakan untuk menghentikan penyebaran Coronavirus Disease (Covid-19). Aplikasi ini mengandalkan parsisipasi masyarakat untuk saling membagikan data lokasinya saat berpergian agar penelusuran riwayat kontak dengan penderita COVID-19 dapat dilakukan. Pengguna aplikasi ini juga akan mendapatkan notifikasi jika berada di keramaian atau berada di zona merah, yaitu area atau kelurahan yang sudah terdata bahwa ada orang yang terinfeksi COVID-19 positif atau ada Pasien Dalam Pengawasan. Adapun fitur yang terdapat pada aplikasi ini sebagai berikut: Scan QR Code, bertujuan untuk membatasi dan mencatat tempat publik yang dikunjungi oleh seseorang. Vaccine Certificate, bertujuan untuk mencetak sertifikat vaksin dari masyarakat yang sudah mendapatkan dosis. Covid 19 Test Result, mendapatkan list dari hasil test Covid-19 baik PCR