Postingan

Deskripsi Proyek Web - Shanti Asih Homestay

Gambar
Shanti Asih Homestay Website merupakan mini project pada mata kuliah Pemrograman Web yang bertujuan untuk mensimulasikan sistem booking homestay secara sederhana berbasis frontend. Website ini dirancang untuk memberikan pengalaman pengguna dalam melihat informasi homestay, mengeksplorasi kamar yang tersedia, serta melakukan simulasi pemesanan kamar secara online. Aplikasi ini mengangkat konsep homestay keluarga yang berlokasi di Ubud, Bali, dengan tampilan yang sederhana, clean, dan mudah digunakan. Fitur utama yang tersedia pada website ini antara lain: 1. Search Kamar Pengguna dapat mencari dan memfilter kamar yang tersedia berdasarkan keyword tertentu. 2. Detail Kamar Setiap kamar memiliki halaman detail yang menampilkan gambar, deskripsi, harga, serta fasilitas yang tersedia. 3. Form Booking dengan Validasi Pengguna dapat mengisi form booking dengan validasi input secara real-time, termasuk pengecekan tanggal check-in dan check-out. 4. Informasi Lokasi Website men...

Pertemuan 7 : Belajar Bootstrap sebagai salah satu kerangka kerja untuk bagian front-end website

Gambar
 1. Deskripsi Tugas: Jadi kami belajar secara mandiri dan asinkronus dan bapaknya meminta kita untuk latihan membuat laman login dan register page dengan menggunakan class bawaan dari bootstrap sehingga kami tidak perlu membuat button, dll secara manual lagi. 2. Screenshot Output: 3. Link Hosting: Login / Register Bootstrap 4. Link Dokumentasi:  WayanRadit29/pweb-week7

Pertemuan 6: Latihan Membuat Web dengan menerapkan JavaScript (Membuat Laman Form Registrasi Mahasiswa)

Gambar
 1. Deskripsi Tugas Okee jadi setelah kami belajar teori, dasar-dasar dan contoh-contoh penggunaan JavaScript, kami diminta untuk menerapkan itu dengan membuat laman sederhana, disini saya memutuskan untuk membuat form registrasi mahasiswa dengan logika validasi yang ditulis menggunakan javascript 2. Screenshot Output 3. Link Hosting web:  Form Registrasi Mahasiswa 4. Dokumentasi :  WayanRadit29/pweb-week6

Pertemuan Keempat dan Kelima: Belajar Membuat Web Kursus dengan HTML dan CSS

Gambar
 1. Deskripsi Tugas Pengenalan CSS dan latihan membuat web kursus supaya tampil menarik dengan styling menggunakan CSS. 2. Screenshot Output 3. Link Website :  Tutas - Kursus Belajar Sebaya 4. Link Dokumentasi :  WayanRadit29/pweb-week4

Pertemuan Ketiga : Belajar Membuat Laman Sekolah Asal (SMA) dengan HTML tanpa CSS dulu.

Gambar
 1. Deskripsi Tugas: Setelah menerangkan konsep-konsep penting dalam HTML, kami diminta membuat Laman Sekolah Asal kita (SMA) dengan murni HTML tanpa CSS. 2. Screenshot Output: 3. Link Web :  SMA N 1 Gianyar - Beranda 4. Link Dokumentasi Kode :  WayanRadit29/pweb-week3

Pertemuan Pertama dan Kedua : Latihan membuat CV , Tabel dan Form Login menggunakan HTML dan CSS

Gambar
 1. Deskripsi Tugas: Jadi kami mahasiswa diminta untuk latihan membuat cv, tabel ,dan form login sederhana menggunakan html dan css. Lalu kami juga harus mendokumentasikannya ke blogspot yang berisi link hosting web dan source codenya. 2. Screenshot Output: 3. Link Web Hosting Tabel dan Form Login:  Latihan Tabel & Login 4. Link Source Code Tabel dan Form Login:  Github 5. Link Web Hosting CV:  CV - Wayan Raditya Putra 6. Link Source Code CV:  WayanRadit29/pweb-week1