tugas 6 Membuat login page dengan menggunakan Bootstrap

Tugas Pertemuan 6: Membuat login page dengan menggunakan Bootstrap





Nama : Muhammad Rafi Budi Purnama

NRP : 5025221307

Kelas : Pemrograman Web A

github :github

Pada pertemuan mata kuliah Pemrograman Web kelima ini diberikan tugas membuat login page menggunakan Bootstrap yang berisi HTML, CSS, dan javascript.





Komentar

Posting Komentar

Postingan populer dari blog ini

ETS PWEB

Gambar
 muhammad rafi budi purnama 5025221307 code :  https://github.com/mbahbud/website-travel Hosting :  https://website-travel-f0tvgw5z8-mbahbuds-projects.vercel.app/ vidio :  https://youtu.be/vhJ8Tb6YTes ETS PWEB Buatlah halaman website landing page untuk mengelola jasa kendaraan Travel antar kota. 1. Buatlah desain Landing page yang di dalamnya memuat 1. Header / Hero Section 2. Benefit Section 3. Social Proof / Testimoni 4. Detail Produk / Penjelasan Layanan 5. Offer / Promo (opsional) 6. Formulir / Lead Capture 7. FAQ (Frequently Asked Questions) 8. Footer Secara singkat, kode yang Anda berikan adalah sebuah Landing Page (halaman web tunggal) untuk jasa travel bernama "TravelBuddy Express" . Tujuannya adalah untuk memperkenalkan layanan, membangun kepercayaan, dan mengajak pengunjung untuk langsung melakukan pemesanan. Halaman ini dirancang modern, bersih, dan profesional dengan semua informasi penting tersaji dalam satu halaman yang bisa di-scroll. Konsep dan Struk...
Baca selengkapnya

ETS PBO

Gambar
 Muhammad rafi budi purnama 5025221307 PBO B Code :  https://github.com/mbahbud/Vending-machine-.git Vidio :   https://youtu.be/I-1Lm-gUnFw ETS PBO work flow , masuk ke link ada di gambar unutk memperjelas gambarnya PENJELASAN RINGKAS SISTEM VENDING MACHINE 1. DESKRIPSI UMUM SISTEM Sistem Vending Snack Machine adalah aplikasi simulasi mesin penjual otomatis berbasis Java yang memungkinkan pengguna membeli produk makanan dan minuman secara mandiri. Sistem ini mengelola 24 jenis produk dalam 4 kategori (Snack, Minuman, Coklat, Biskuit), memproses pembayaran, menghitung kembalian otomatis, serta menyimpan log transaksi lengkap. 2. FITUR UTAMA ✅ Manajemen Produk : 24 produk dengan kategori, harga, dan stok ✅ Proses Transaksi : Validasi stok, pembayaran, dan perhitungan kembalian ✅ Log Transaksi : Pencatatan otomatis dengan ID unik dan timestamp ✅ Monitoring Stok : Notifikasi otomatis untuk stok rendah (≤3 unit) ✅ Mode Admin : Refill stok dengan password (admin123...
Baca selengkapnya

Pertemuan 5 - Aplikasi Kalkulator Sederhana

Gambar
Pertemuan 5 - Aplikasi Kalkulator Sederhana Nama:  Muhammad Rafi Budi Purnama NRP: 5025221307 Kelas : PPB A   Saya mengikuti intruksi sesuai link berikut: https://youtu.be/HlE8MEtKBr0?si=QRC8uXasbexSkw9u Untuk tampilan hasilnya sebagai berikut: Penjelasan Program Kalkulator Sederhana Pada program kalkulator ini, terdapat tiga variabel utama: var num1 by remember { mutableStateOf("0") } var num2 by remember { mutableStateOf("0") } var result by remember { mutableStateOf("") } Ketiga variabel di atas digunakan untuk menyimpan nilai input dari pengguna ( num1 dan num2 ) serta hasil perhitungan ( result ). Ketiganya dideklarasikan sebagai state agar UI dapat langsung merespons jika nilainya berubah. Untuk menerima input dari pengguna, digunakan komponen TextField sebagai berikut: TextField(value = num1, onValueChange = { num1 = it }) Spacer(modifier = Modifier.height(8.dp)) TextField(value = num2, onValueChange = { num2 = it }) Bagian di atas menampi...
Baca selengkapnya