Tugas 5 PWEB - Bootstrap

Nama : Muhammad Hafidh Rosyadi
NRP : 5025211013
Kelas : PWEB B
 
Pada kesempatan ini, kita belajar mengenai salah satu framework CSS yang sangat populer, yaitu Bootstrap. Bootstrap adalah sebuah kerangka kerja (framework) front-end yang digunakan untuk mempercepat dan mempermudah proses pengembangan situs web dan aplikasi web. Berikut merupakan latihan penggunaan bootstrap dengna membuat login form:

link repo : https://github.com/Hfdrsyd/BootstrapForm-PWEB-B

link deploy : https://hfdrsyd.github.io/BootstrapForm-PWEB-B/


Komentar

Posting Komentar

Postingan populer dari blog ini

ETS - PPB G

Gambar
Nama : Muhammad Hafidh Rosyadi NRP : 5025211013 Kelas  : PPB G My Gallery App  MyGallery adalah aplikasi front-end untuk menampilkan galeri gambar dari perangkat lokal atau URL dummy. Aplikasi ini fokus pada tampilan gambar yang estetis, responsif di berbagai ukuran layar, serta mendukung mode terang dan gelap. Selain melihat gambar, pengguna dapat melakukan simulasi upload gambar ke galeri. MyGallery menawarkan navigasi yang sederhana, pengalaman pengguna yang halus, dan desain minimalis yang nyaman digunakan.   Fitur Utama: - Galeri Gambar (GridView/RecyclerView): Menampilkan gambar dalam grid rapi, responsif terhadap ukuran layar. - Halaman Detail Gambar: Menampilkan gambar dalam ukuran penuh dengan informasi tambahan. - Simulasi Upload Gambar: Pengguna dapat memilih gambar dan menambahkannya ke galeri secara dummy. - Desain Estetis dan Responsif: UI bersih, dukungan penuh untuk berbagai ukuran layar dan animasi transisi halus. - Mode Gelap: Otomatis mengikuti pengatu...
Baca selengkapnya

Pertemuan 5 - PPB G

 Nama : Muhammad Hafidh Rosyadi  NRP : 5025211013  Kelas  : PPB G       APLIKASI KALKULATOR SEDERHANA  Kode : https://github.com/Hfdrsyd/Tugas-PPB/tree/main/SimpleCalculator      1. Manajemen State Pada bagian awal setContent, terdapat tiga variabel state utama: var num1 by remember { mutableStateOf("23") } var num2 by remember { mutableStateOf("17") } var result by remember { mutableStateOf("") }     num1 dan num2 digunakan untuk menyimpan nilai input dari pengguna dalam bentuk teks (String).     result digunakan untuk menyimpan hasil perhitungan, juga dalam bentuk teks. Penggunaan remember dan mutableStateOf memastikan bahwa perubahan pada nilai-nilai tersebut akan memicu rekomposisi UI, sehingga tampilan selalu mencerminkan data terbaru. 2. Input Data Input dari pengguna diambil menggunakan dua komponen TextField: TextField(value = num1, onValueChange = { num1 = it }) TextField(value = num2, onValueC...
Baca selengkapnya

Pertemuan 3 - PPB G

 Nama : Muhammad Hafidh Rosyadi  NRP : 5025211013  Kelas  : PPB G     Membuat Aplikasi Happy Birthday dengan Composable Code: package com.example.happybirthday import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Scaffold import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.tooling.preview.Preview import androidx.c...
Baca selengkapnya