Pemrograman Perangkat Bergerak

Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 8: Membuat Animasi Botol Air Di artikel ini, saya membuat aplikasi sederhana berupa animasi botol minuman yang interaktif menggunakan Jetpack Compose pada Android Studio. Fokus utama dari aplikasi ini adalah memberikan pengalaman visual yang menarik dengan animasi yang halus, sambil tetap mempertahankan struktur kode yang jelas dan rapi. Pada aplikasi ini, pengguna bisa menekan tombol "Drink" untuk mengisi air ke dalam botol secara bertahap. Animasi ketinggian air di dalam botol ditampilkan dengan transisi yang mulus, memberikan pengalaman pengguna yang lebih menyenangkan. Ketika botol sudah penuh, tombol "Drink" akan otomatis dinonaktifkan, dan muncul notifikasi yang memberi tahu pengguna bahwa botol sudah mencapai batas maksimal. Selain itu, terdapat tombol "Reset" yang memungkinkan pengguna mengosongkan kembali botol ke kondisi awal. WaterBottle() fun WatterBottle ( modifier: Modif...

Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 7:  Membuat Aplikasi Login Screen Di artikel ini, saya membuat login screen yang dibuat menggunakan Jetpack Compose, dengan fokus pada tampilan yang bersih dan struktur kode yang rapi. Input Username OutlinedTextField ( value = email, onValueChange = { email = it } , label = { Text ( "Username" ) } , placeholder = { Text ( "example@email.com" ) } , modifier = Modifier. fillMaxWidth (), shape = RoundedCornerShape ( 10 . dp ), singleLine = true ) Bagian ini menggunakan OutlinedTextField untuk input username. Komponen ini memiliki label dan placeholder yang membantu pengguna memahami data apa yang harus dimasukkan. Nilai dari input disimpan dalam variabel email dan diperbarui setiap kali pengguna mengetik. Input Password & Show/Hide OutlinedTextField ( value = password, onValueChange = { password = it } , label = { Text ( "Password" ) } , sin...

Nama:  Ken Anargya Alkausar NRP:  5025211168 Kelas:  PPB - A Tugas 6: Membuat Aplikasi Konversi Nilai Mata Uang Di artikel ini, saya akan menjelaskan mengenai aplikasi konversi nilai mata uang yang dibuat menggunakan Jetpack Compose. Aplikasi ini memiliki fitur untuk mencari nilai mata uang dengan base mata uang dari dollar agar memudahkan implementasi. Aplikasi ini menggunakan API untuk mengambil data nilai tukar terbaru.  Saya juga menambahkan fitur  search bar  untuk memudahkan pengguna mencari kode mata uang yang ingin dilihat. Mengambil Data Nilai Tukar dari API      Untuk data exchange rate, saya menggunakan API gratis dari open.er-api.com . Data dikirim dalam format JSON, dan saya parsing menggunakan Gson. Parsing Data JSON dari API // ===================== API ===================== data class CurrencyResponse( @SerializedName ( "rates" ) val rates : Map<String, Double> ) interface CurrencyApiService { @GET ( "la...

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

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 () } ...

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

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