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 D...

  Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas pertama yang diberikan adalah membuat membuat website warteg dengan format HTML5. Berikut adalah dokumentasi dari website yang telah saya buat. Dokumentasi deploy website Penjelasan Pada tugas kedua ini saya membuat website warteg menggunakan format HTML5 dengan struktur header, navbar, article section, aside dan footer. Terdapat 3 page yaitu page beranda yang menampilkan menu makanan pilihan, page daftar makanan yang menampilkan list makanan lengkap dan page katering yang menampilkan paket-paket yang tersedia. Link Repository:  https://github.com/Mengz04/PWeb_tugas2_5025211169 Link Deploy:   https://mengz04.github.io/PWeb_tugas2_5025211169/

Nama: Muhammad Rafi Insan Fillah NRP: 5025211169 Kelas: Pemrograman Web (A) Tahun Ajaran: 2022/2023 Tugas pertama yang diberikan adalah membuat CV menggunakan html. Berikut adalah dokumentasi dari CV yang telah saya buat. Dokumentasi deploy website Penjelasan Pada tugas pertama ini saya membuat CV saya menggunakan HTML dengan struktur utama berupa tabel-tabel sesuai instruksi. Tabel utama merupakan sebuah cell berwarna putih sebagai layout elemen CV lainnya. Di dalam cell tersebut terdapat enam tabel lainnya yaitu tabel header, profil, biodata, pendidikan, skill, dan kegiatan. Tabel header, profil, dan Skill tidak diberikan atribut border karena menyesuaikan konten dari masing-masing tabel tersebut. Selain tabel saya juga menggunakan unordered list di dalam tabel skill serta atribut HREF pada elemen linkedIn dalam tabel header. Link Repository: https://github.com/Mengz04/PWeb_tugas1_5025211169.git Link Deploy:   https://mengz04.github.io/PWeb_tugas1_5025211169