Postingan

Menampilkan postingan dari September, 2022

Latihan Bootstrap

Gambar
Latihan Bootstrap (Pertemuan ke-5)   Pemrograman Web C Hans Sean Nathanael | 5025201019 | 2022/2023          Pada pertemuan kelima mempelajari framework bootstrap untuk mempermudah membuat situs HTML yang responsive pada semua device. Setelah penjelasan, terdapat tugas latihan membuat situs menggunakan bootstrap. Berikut adalah situs yang dibuat. Situs contoh:   situs contoh Repository contoh:  repository contoh Situs hasil latihan:  situs latihan Repository latihan:   repository Source code situs contoh: <!DOCTYPE html> <html> <head> <!-- Load file CSS Bootstrap offline --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <script src="js/jquery-3.4.1.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12" style="background-color:AntiqueWhite ;"...
Posting Komentar
Baca selengkapnya

Kuis 1 Pemrograman Web

Gambar
 Kuis 1  Pemrograman Web C Hans Sean Nathanael | 5025201019 | 2022/2023          Kuis pertama kelas pemrograman web C membuat sebuah form pendaftaran pasien rumah sakit dengan menggunakan HTML, CSS, dan Javascript. Link situs:  situs Link repository:  repository Berikut adalah tampak depan web: Berikut adalah script javascript yang digunakan untuk mengecek apakah data terisi dengan benar atau tidak. let inputNamaPasien = document.getElementById("nama-pasien"); let inputTempatLahir = document.getElementById("tempat-lahir"); let inputTanggalLahir = document.getElementById("tanggal-lahir"); let inputJenisKelamin = document.getElementById("jenis-kelamin"); let inputAlamat = document.getElementById("alamat"); let inputRT = document.getElementById("rt"); let inputRW = document.getElementById("rw"); let inputProvinsi = document.getElementById("provinsi"); let inputKecamatan = document.getE...
Posting Komentar
Baca selengkapnya

Membuat Situs Pencarian Kode Pos Indonesia

Gambar
 Membuat Situs Pencarian Kode Pos Indonesia Hans Sean Nathanael | 5025201019 | 2022/2023          Proyek ini merupakan tugas latihan javascript. Di sini saya membuat sistus untuk melakukan pencarian kode pos dengan memasukkan provinsi, kota/kabupaten, kecamatan, dan kelurahan. Untuk mendapatkan data kode pos saya menggunakan API yang sudah tersedia di internet yang dibuat oleh iBachor  -- buka API -- , dengan begitu saya tidak perlu membuat database penyimpanan daftar kode pos. Link situs:  situs pencarian kode pos Link repository:  repository Berikut adalah screenshot tampilan function convertToArray(json) { let result = []; let i = 0; for (let key in json) { result[i++] = [json[key], key]; } return result; } function deleteOption(select) { while (select.firstChild) { select.removeChild(select.lastChild); } } Fungsi yang atas digunakan untuk mengubah object menjadi array agar mudah...
Posting Komentar
Baca selengkapnya

Kuliah Pemrograman Web JavaScript Membuat Form Pendaftaran Akun dan Login

Gambar
  Tugas 3 Membuat Form Pendaftaran Akun dan Login Hans Sean Nathanael | 5025201019 | 2022/2023          Pertemuan ketiga mata kuliah pemrograman web belajar mengenai JavaScript dan membuat sebuah halaman web berisi form untuk mendaftarkan akun dan login. Link situs login :  login  (situs bisa diakses, hanya saja wifi ITS tidak tahu mengapa susah mengakses) Link situs sign up:  sign up Link repository :  repository   Berikut adalah tampilan depan form login Bila login maka menjadi Kemudian untuk tampilan pendaftaran
Posting Komentar
Baca selengkapnya

Tugas Pemrograman Web Membuat Situs Berita

Gambar
 Tugas 2 Membuat Situs Berita Hans Sean Nathanael | 5025201019 | 2022/2023           Membuat situs berita menggunakan HTML dan CSS untuk mempelajari CSS.  Link situs : situs (situs bisa diakses, hanya saja wifi ITS tidak tahu mengapa susah mengakses)  Link repository : repository   Screenshot situs:
Posting Komentar
Baca selengkapnya

Tugas Pemrograman Web Membuat Curriculum Vitae Menggunakan HTML dan CSS

Gambar
Tugas 1 Hans Sean Nathanael |  5025201019 | 2022/2023      Pertemuan pertama perkuliahan kelas pemrograman web dimulai dengan pengenalan mata kuliah, membahas HTML, dan sebagai tugas awal membuat sebuah curriculum vitae dengan menggunakan HTML dan CSS. Pada postingan ini saya akan membagikan apa yang telah saya buat. Saya membuat sebuah CV sederhana yang sebagian besar hanya berisikan tulisan informasi dan kualifikasi diri. Referensi yang saya gunakan berasal dari w3school dan stackoverflow. Link curriculum vitae: curriculum vitae  (situs dapat diakses, hanya saja wifi ITS susah mengakses kemungkinan karena alasan keamanan, bisa diakses bila menggunakan kuota internet HP) Link source code: repository source code   index.html 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <base href="https://hanssean.000webhostapp.com/" target="_self"> 5: <title>Hans Sean's Personal Blog</title> 6: <meta charset...
Posting Komentar
Baca selengkapnya