Pemrograman Web

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Woof App Link Github :   Github Penjelasan Kode Pertama set terlebih dahulu jenis tema yang akan digunakan @Composable fun WoofTheme( darkTheme: Boolean = isSystemInDarkTheme(), dynamicColor: Boolean = false, content: @Composable () -> Unit ) { val colorScheme = when { dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> { val context = LocalContext.current if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context) } darkTheme -> DarkColors else -> LightColors } val view = LocalView.current if (!view.isInEditMode) { SideEffect { val window = (view.context as Activity).window window.statusBarColor = colorScheme.primary.toArgb() WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkThem...

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Halaman Login Link Github :  Github Penjelasan Kode Pertama diperlukan beberapa variabel untuk menyimpan data yang ada di halaman login. Variabel email dan password digunakan untuk menyimpan teks yang akan ditulis di textfield. Variabel passwordVisible merupakan variabel yang menyatakan apakah password dapat terlihat karakternya ataukah ter-encrypt var email by remember { mutableStateOf("") } var password by remember { mutableStateOf("") } var passwordVisible by remember { mutableStateOf(false) } Kemudian, untuk textbox email buat sebagai berikut. OutlinedTextField( value = email, onValueChange = { email = it }, label = { Text("Masukkan Email") }, singleLine = true, modifier = Modifier .fillMaxWidth() .padding(top = 4.dp) ) Untuk textbox password agak sedikit berbeda untuk mengakomod...

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Image Scroll Link Github :  Github Penjelasan Kode: data class ImageItem(val imageResId: Int, val description: String) val sampleImages = listOf( ImageItem(R.drawable.image1, "Pantai saat senja"), ImageItem(R.drawable.image2, "Orang mendayung perahu di laut"), ImageItem(R.drawable.image3, "Golden Gate"), ImageItem(R.drawable.image4, "Gunung di tepi pantai"), ImageItem(R.drawable.image5, "Danau") ) Pertama akan dibuat terlebih dahulu data class untuk menyimpan gambar-gambar yang akan ditampilkan ke sebuah list. @Composable fun HomeScreen() { LazyColumn( modifier = Modifier .fillMaxSize() .padding(24.dp), verticalArrangement = Arrangement.spacedBy(16.dp) ) { items(sampleImages) { item -> ImageCard(imageItem = item) } } } Kemudian, akan dibuat ImageC...