Muhammad Rafi Insan Fillah's Blog

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Dokumentasi deploy website Video Presentasi: Link Repository:  https://github.com/Mengz04/Kuis1-PWEB Link Deploy:   https://mengz04.github.io/Kuis1-PWEB/

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas keenam yang diberikan adalah membuat membuat page submit form tanpa page refresh menggunakan AJAX jquery. Berikut adalah dokumentasi dari website yang telah saya buat. Dokumentasi deploy website Penjelasan Page disusun menggunakan HTML dan CSS serta javascript untuk fungsi submission tanpa menggunakan page refresh. Adapun format penugasan diperintahkan untuk mengikuti template tutorial. Link Repository:  https://github.com/Mengz04/PWeb_tugas6_5025211169 Link Deploy:   https://mengz04.github.io/PWeb_tugas6_5025211169/

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas kelima yang diberikan adalah membuat membuat page E-Commerce peralatan olahraga dengan bootstrap. Berikut adalah dokumentasi dari website yang telah saya buat. Dokumentasi deploy website Penjelasan Page disusun menggunakan formatting dari bootstrap dan beberapa format custom dari css eksternal. Terdapat tiga bagian utama yaitu navbar, text header column, dan image carousel column. Navbar menggunakan preset navbar right yg dapat expand jika screen large dan collapse jika lebih kecil dari itu. Selanjutnya terdapat container page utama dengan display flex yang memiliki direction row jika screen medium dan column jika screen small, hal ini memungkinkan untuk menampilkan carousel column berada pada atas header column jika lebar layar mengecil. Header column cukup sederhana hanya berupa slogan perusahaan dan button untuk search product. Carousel column berisi gambar beserta captionnya ya

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas keempat yang diberikan adalah membuat membuat login dan signup page dengan javascript eksternal. Berikut adalah dokumentasi dari website yang telah saya buat. Dokumentasi deploy website Penjelasan Secara garis besar sistem mengikuti instruksi soal dengan verifikasi input nama, email, password, dan confirm password yang berada pada signup page. Verifikasi yang dilakukan antara lain verifikasi nama dan email menggunakan regex, panjang password, serta pencocokan password dengan confirm password. Setiap kondisi input baik yang sesuai atau tidak terdapat alert tersendiri yang menjelaskan error submission atau submission signup berhasil. Link Repository:  https://github.com/Mengz04/PWeb_tugas4_5025211169 Link Deploy:   https://mengz04.github.io/PWeb_tugas4_5025211169/

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas ketiga yang diberikan adalah membuat membuat landing page dengan stylesheet CSS eksternal. Berikut adalah dokumentasi dari website yang telah saya buat. Dokumentasi deploy website Penjelasan Tema landing page yang saya usung kali ini adalah landing page website show room untuk model mobil Tesla. Terdapat 3 komponen utama dalam struktur page ini yaitu navbar, kolom deskripsi dan kolom gambar. Karena tugas berkaitan dengan desain dan CSS, maka saya beri fitur-fitur interaktif seperti ukuran gambar serta teks yang akan membesar, berubah warna dan terdapat efek glow ketika cursor hover. Fitur yang menurut saya signifikan adalah fitur switch light mode yang akan merubah warna page menjadi lebih terang dan model mobil berubah menjadi warna hitam. Landing page ini juga dapat menyesuaikan page size dari browser. Link Repository:  https://github.com/Mengz04/PWeb_tugas3_5025211169 Link Deplo