Posts

Showing posts from March, 2025

Tugas 5: Membuat Aplikasi Kalkulator

Image
Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 5: Membuat Aplikasi Kalkulator Di artikel ini, saya akan menjelaskan mengenai aplikasi kalkulator sederhana yang dibuat menggunakan Jetpack Compose, toolkit UI modern untuk Android. Aplikasi ini memiliki fitur dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian. Selain itu, tampilannya sudah didesain agar lebih rapih dan nyaman dilihat.  CalculatorUI fun CalculatorUI (onResult: (String) -> Unit) { var num1 by remember { mutableStateOf ( "" ) } var num2 by remember { mutableStateOf ( "" ) } Scaffold ( topBar = { TopAppBar ( title = { Text ( "Simple Calculator" ) } ) } ) { padding -> Column ( modifier = Modifier . padding (padding) . padding ( 16 . dp ) . fillMaxSize (), verticalArrangement = Arrangement. Top , h...

Tugas 4: Membuat Aplikasi Dice Roller

Image
Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 4: Membuat Aplikasi Dice Roller Di artikel ini, saya akan menjelaskan bagaimana membuat aplikasi Dice Roller menggunakan Kotlin dan Jetpack Compose berdasarkan tutorial dari Codelab Android. Aplikasi ini akan memungkinkan pengguna untuk menekan tombol untuk melempar dadu secara acak, dan hasilnya akan ditampilkan dalam bentuk gambar dadu yang berbeda berdasarkan nilai angka yang keluar. Kita juga akan menambahkan animasi agar pengalaman pengguna menjadi lebih menarik. MainActivity class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) setContent { DiceRollerTheme { Surface ( modifier = Modifier. fillMaxSize (), color = MaterialTheme. colorScheme . background ) { DiceRollerApp () } ...

Tugas 3: Membuat Aplikasi Selamat Ulang Tahun

Image
Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 3: Membuat Aplikasi Selamat Ulang Tahun Dalam proyek ini, kami akan membuat aplikasi ucapan Selamat Ulang Tahun dengan menggunakan Jetpack Compose, yang bertujuan untuk memberikan pemahaman dasar dalam mengembangkan antarmuka pengguna yang modern dan responsif. Source code: package com.example.happybirthday import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.MaterialTheme 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.TextAli...

Tugas 2: Membuat Aplikasi Hello World menggunakan Jetpack Compose

Image
Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 2: Membuat Aplikasi Hello World menggunakan Jetpack Compose Dalam proyek ini, kita akan membahas beberapa komponen utama yang digunakan dalam aplikasi Android yang dibangun dengan Jetpack Compose. Proyek ini bertujuan untuk memberikan pemahaman dasar tentang cara menggunakan Jetpack Compose untuk membuat antarmuka pengguna yang modern dan responsif. 1. MainActivity MainActivity adalah titik masuk utama dari aplikasi Android. Di sinilah aplikasi dimulai dan diatur. Dalam konteks Jetpack Compose, MainActivity biasanya akan mengatur konten yang ditampilkan kepada pengguna dengan memanggil fungsi setContent untuk menampilkan tampilan yang dikelola oleh Compose. class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) setContent { BasicsCodelabTheme { MyApp ( modifier = Modifier. fillMaxSi...