Tugas 10 - Cake Clicker App

 Muhammad Fahmi Syahputra 

5025221302 - PPB (G)

Link GitHub : https://github.com/fahmisyahputra/cake-clikker-app-ppb

Pada tugas kali ini, saya membuat sebuah aplikasi Cake Clicker dengan menerapkan Jetpack Compose dan bahasa pemrograman Kotlin. Aplikasi ini adalah aplikasi interaktif sederhana dengan Compose yang dimana ketika gambar dessert diklik, aplikasi akan:
- Menambah pendapatan (revenue)
- Menambah jumlah penjualan (dessertsSold)
- Menampilkan dessert baru secara otomatis, tergantung milestone tertentu

Fitur utama aplikasi ini adalah:
- Menggunakan Compose state management (rememberSaveable)
- Interaktif (gambar bisa diklik)
- Top app bar dengan tombol share
- Tampilan yg responsif dan modern


File Utama: MainActivity.kt

File ini adalah entry point utama dari aplikasi. Kita menggunakan ComponentActivity sebagai basis, dan memanggil setContent untuk mengisi UI menggunakan Jetpack Compose.

Di dalamnya juga terdapat lifecycle logging (menggunakan Log.d()) untuk mencatat fase hidup aktivitas seperti onCreate, onStart, onResume, dll. Ini berguna untuk debugging dan pemahaman alur hidup aktivitas Android.


Fungsi DessertClickerApp()

Fungsi utama Compose yang mengatur keseluruhan struktur UI aplikasi.

- State Management

Menggunakan rememberSaveable untuk menyimpan state berikut:

  • revenue: jumlah pendapatan total

  • dessertsSold: total dessert yang dijual

  • currentDessertPrice dan currentDessertImageId: menyimpan dessert yang sedang ditampilkan

Semua data ini tetap tersimpan meskipun layar diputar, karena rememberSaveable secara otomatis menyimpan state melalui lifecycle.



-Layout

Menggunakan Scaffold dengan:

  • TopBar: berisi nama aplikasi dan tombol share

  • Konten utama: ditampilkan lewat DessertClickerScreen()





Fungsi DessertClickerScreen()

UI utama tempat interaksi terjadi.

  • Latar belakang ditampilkan dengan Image(R.drawable.bakery_back)

  • Gambar dessert ditampilkan dan bisa diklik menggunakan Modifier.clickable { onDessertClicked() }

  • Bagian bawah layar menampilkan informasi transaksi seperti total penjualan dan revenue lewat TransactionInfo().


Fungsi TransactionInfo()

Menampilkan dua komponen penting:

  • DessertsSoldInfo(): total penjualan dessert

  • RevenueInfo(): total pendapatan

Keduanya ditampilkan dalam Row dengan jarak kiri-kanan menggunakan Arrangement.SpaceBetween.


Fungsi determineDessertToShow()

Fungsi ini menentukan dessert apa yang ditampilkan selanjutnya tergantung jumlah yang sudah dijual (dessertsSold). Daftar dessert diurutkan berdasarkan startProductionAmount, jadi semakin banyak yang dijual, semakin mahal dessert berikutnya.



Fungsi shareSoldDessertsInformation()

Membuat intent ACTION_SEND untuk berbagi informasi penjualan dan pendapatan. Fungsi ini menggunakan try-catch untuk menghindari crash jika tidak ada aplikasi yang bisa menangani intent tersebut (contohnya tidak ada aplikasi berbagi di device).


Fungsi DessertClickerAppBar()

Menampilkan top bar dengan:

  • Judul aplikasi (dari stringResource)

  • Ikon share (Icons.Filled.Share) yang bisa diklik dan memanggil fungsi shareSoldDessertsInformation().

AppBar ini juga mempertimbangkan WindowInsets agar tampilannya tetap rapi meski ada status bar atau notch.






Hasil Aplikasi :










Comments

Post a Comment

Popular posts from this blog

Tugas 2 PPB G - Membuat Aplikasi "Hello Android" dengan Jetpack Compose

Image
Muhammad Fahmi Syahputra  5025221302 - PPB (G) Pendahuluan Kali ini akan membahas cara membuat aplikasi Android sederhana dengan memanfaatkan Jetpack Compose. Jetpack Compose adalah framework deklaratif modern untuk membangun UI di Android. Dengan Compose, kita bisa membuat antarmuka pengguna secara langsung menggunakan bahasa Kotlin , tanpa perlu menggunakan XML. Disini kita akan membuat aplikasi sederhana yang menampilkan teks "Hello, Android!" menggunakan Jetpack Compose . Dan kita akan membahas tiga bagian utama dalam kode, yaitu: MainActivity – Entry point aplikasi. Greeting – Fungsi untuk menampilkan teks. GreetingPreview – Pratinjau/Preview UI nya tanpa menjalankan aplikasi. 1. MainActivity – Entry Point Aplikasi MainActivity adalah entry point aplikasi Android yang merupakan subclass dari ComponentActivity, yang mendukung Jetpack Compose. Disini terdapat beberapa fungsi seperti :  onCreate(savedInstanceState: Bundle?) Fungsi ini dipanggil ketika aplikasi pertama k...
Read more

Final Project PPB G

Image
Final Project PPB (G) 👤 Anggota Kelompok: 5025221302 - Muhammad Fahmi Syahputra 5025221315 - Fairuz Fuadi 1. Judul Proyek ClassMate: Aplikasi Manajemen Jadwal, Tugas, dan Catatan Mahasiswa 2. Deskripsi Singkat Proyek Tema: Produktivitas & Manajemen Akademik Tujuan: Membantu mahasiswa dalam mengelola jadwal perkuliahan, tugas, dan catatan penting secara terpusat dan terstruktur. Target Pengguna: Mahasiswa tingkat sarjana atau diploma yang ingin merapikan seluruh kegiatan akademiknya dalam satu aplikasi mobile yang ringan dan sederhana. ClassMate adalah aplikasi mobile berbasis Android yang dirancang untuk membantu mahasiswa dalam mengelola aktivitas perkuliahan sehari-hari. Aplikasi ini menyediakan empat layanan utama: Manajemen Jadwal Kuliah Manajemen Tugas Mahasiswa Catatan Pribadi  Profil Pengguna Figur utama dari aplikasi ini adalah seorang mahasiswa yang ingin tetap terorganisir dan produktif selama masa kuliah. Dengan tampilan yang simple dan modern, ClassMate memban...
Read more

Tugas 9 - PPB G Aplikasi Woof

Image
 Muhammad Fahmi Syahputra  5025221302 - PPB (G) Link GitHub : https://github.com/fahmisyahputra/app-woof Pada tugas kali ini, saya membuat sebuah aplikasi Woof  dengan menerapkan Jetpack Compose dan  bahasa pemrograman   Kotlin .  Aplikasi ini adalah katalog anjing yang menampilkan daftar anjing beserta detail nama dan usia dalam bentuk card. File 1: MainActivity.kt File ini adalah entry point utama aplikasi. Di dalam onCreate() , kita menggunakan setContent {} untuk mengatur UI berbasis Jetpack Compose. Aplikasi dibungkus dengan WoofTheme {} agar seluruh tampilan konsisten mengikuti tema yang telah disediakan (baik untuk light mode maupun dark mode). Di dalamnya, fungsi WoofApp() dipanggil untuk menampilkan semua konten utama. Fungsi WoofApp() Fungsi ini memanfaatkan Scaffold sebagai layout utama, yang menyediakan Top App Bar dan isi konten di bawahnya. Di bagian atas ada WoofTopAppBar() (menampilkan logo dan nama aplikasi). Di bagian...
Read more