Pemrograman Web

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Dessert Clicker Link Github :   Github Penjelasan Kode Pertama buat data class dan daftar objek yang akan digunakan data class Dessert ( val imageId: Int, val price: Int, val startProductionAmount: Int ) val dessertList = listOf( Dessert(R.drawable.cupcake, 5, 0), Dessert(R.drawable.donut, 10, 5), Dessert(R.drawable.eclair, 15, 20), Dessert(R.drawable.froyo, 30, 50), Dessert(R.drawable.gingerbread, 50, 100), Dessert(R.drawable.honeycomb, 100, 200), Dessert(R.drawable.icecreamsandwich, 500, 500), Dessert(R.drawable.jellybean, 1000, 1000), Dessert(R.drawable.kitkat, 2000, 2000), Dessert(R.drawable.lollipop, 3000, 4000), Dessert(R.drawable.marshmallow, 4000, 8000), Dessert(R.drawable.nougat, 5000, 16000), Dessert(R.drawable.oreo, 6000, 20000) ) Setelah itu buat beberapa variabel yang akan digunakan untuk menyimpan beberapa data revenue digunakan untuk me...

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Calculator Link Github :   Github Penjelasan Kode Pertama buat variabel yang akan digunakan untuk menyimpan persamaan dan hasilnya var equation by remember { mutableStateOf("") } var result by remember { mutableStateOf("") } Setelah itu buat beberapa fungsi utility yang akan digunakan untuk memproses / menghitung persamaan Fungsi calc() akan menggunakan Expression() dari library  org.mariuszgromada.math.mxparser.Expression yang dapat digunakan untuk mendapatkan nilai suatu persamaan dari string ekspresi Fungsi addToEq()  digunakan untuk menambahkan karakter ke persamaan Fungsi clearEq() digunakan untuk menghapus persamaan yang ada Fungsi dropLast() digunakan untuk menghapus karakter terakhir dari fungsi Fungsi equals() digunakan untuk memindahkan hasil perhitungan ke persamaan sehingga dapat mempermudah perhitungan berikutnya Fungsi calc() akan dipanggil sebagai langkah pertama setiap fungsi...

  Nama: Richard Ryan NRP: 5025211141 Kelas: PPB (G) Tema: Aplikasi Starbucks Link Github :  Github Hasil

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