Posts

Showing posts from October, 2023

Membuat aplikasi pendaftaran siswa baru

Image
  Nama: Fauzan Dzikri Rabbani NRP: 5025221311 Kelas: Pemrograman Web (A) Pada latihan kali inikami beajar menggunakan Mysql dan juga PHP sebagai bahasa back-end untuk melakukan insert form ke pada database https://github.com/LittleRedRidingHood73/Tugas10PWEB

Evaluasi Tengah Semester Pemrograman Web

Image
  Nama: Fauzan Dzikri Rabbani NRP: 5025221311 Kelas: Pemrograman Web (A) Evaluasi Tengah Semester Fungsi HTML, CSS, Javascript, dan Bootstrap dalam Pengembangan Web             Pada dasarnya HTML, CSS, Javascript, dan juga Bootstrap memiliki fungsionalitas yang sama yaitu untuk membangun suatu web. Meskipun demikian, peran yang dipegang oleh masing-masing tool inilah yang membedakan antara satu sama lain.      Pengembangan web analogis dengan pembangunan suatu bangunan. Dalam implementasi pembangunan tersebut terdapat  beberapa tahap dan aspek yang memisahkan proses pembangunan tersebut kepada beberapa bagian. Dalam analogi ini, HTML berperan dalam  membangun pondasi dan struktur bangunan seperti menata batu bata dan juga semen. Oleh karena itu, peran HTML dalam pengembangan suatu web adalah untuk  menetapkan informasi dan juga beberapa elemen yang akan berinteraksi dengan pengguna seperti tombol, form isian, link, da...

Membuat Login Page dengan Bootstrap

Image
  Nama: Fauzan Dzikri Rabbani NRP: 5025221311 Kelas: Pemrograman Web (A) Membuat Login Page dengan Bootstrap Penjelasan  Pada kuliah kali ini kami mempelajari cara untuk membuat suatu login page menggunakan library bootstrap Tampilan Laman  Source Code     <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin = "anonymous" />     < link rel = "stylesheet" href = "style.css" >     < style >         .login {             min-height : 100vh ; ...

Membuat validasi form menggunakan javascript

Image
Nama: Fauzan Dzikri Rabbani NRP: 5025221311 Kelas: Pemrograman Web (A)  Membuat validasi form menggunakan javascript Tujuan latihan Pada latihan ini kami belajar membuat sistem validasi form menggunakan javascript Tampilan dan cara kerja Berikut adalah tampilan laman web ketika dibuka Jika pengguna tidak mengisi isian text baik nama, email, NIM, maupun Dosen akan mengeluarkan alert seperti berikut (contoh: "Email tidak boleh kosong") Jika pengguna tidak memilih pilihan baik jenis kelamin maupun mata kuliah akan mengeluarkan alerta sebagai berikut (contoh: "Jenis kelamin tidak boleh kosong") Source code <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Login Form</title>     <style>         body {             background-image: url("main_menu.jpg"...