Tugas 8 PPB A - Water Bottle Animation

📚 TUGAS 8 PPB A

🚰 Water Bottle Animation - Jetpack Compose

👤 Nama: Syomeron Ansell Widjaya
🆔 NRP: 5025211250
🏫 Kelas: Pemrograman Perangkat Bergerak A
📅 Tahun Ajaran: 2024/2025 (Semester Genap)
🔗 GitHub

💧 Deskripsi Aplikasi

Aplikasi ini adalah simulasi botol air sederhana dengan animasi, dibuat menggunakan Jetpack Compose. Inspirasi dari video YouTube yang diberikan oleh dosen, namun saya kembangkan lebih lanjut dengan menambahkan tombol “Minum” untuk mengurangi isi air. 🎨💡

🎯 Fitur Utama

  • 📊 Menampilkan level air dalam botol berdasarkan volume (dalam ml).
  • 🔼 Tombol “Isi” untuk menambah volume air (maksimal 2000ml).
  • 🔽 Tombol “Minum” untuk mengurangi air (turun menjadi 400ml secara bertahap).
  • 💧 Tampilan air berubah secara animatif ketika volume berubah.
  • 📱 Responsif dan visual menarik menggunakan Canvas serta AnimatedFloat.

⚙️ Teknologi yang Digunakan

  • 🧩 Jetpack Compose: Untuk membangun UI secara deklaratif dan dinamis.
  • 🔤 Kotlin: Bahasa utama pengembangan aplikasi Android.
  • 🎨 Canvas: Untuk menggambar bentuk botol dan air secara custom.
  • 📦 State dan Animasi: Untuk membuat transisi volume air menjadi halus dan interaktif.

🛠️ Penjelasan Singkat Komponen

  • Bottle UI: Digambar menggunakan Canvas dengan path botol dan rectangle isi air.
  • State Volume: Disimpan dengan remember dan berubah saat tombol ditekan.
  • Animasi: Menggunakan animateFloatAsState untuk transisi volume air yang halus.
  • Layout: Menggunakan Column dan Box untuk menata botol dan tombol.

📱 Alur Penggunaan

  1. 🔹 Aplikasi menampilkan botol kosong atau dengan volume awal (400ml).
  2. 🔹 Tekan tombol “Isi” untuk menambah air sedikit demi sedikit.
  3. 🔹 Tekan tombol “Minum” untuk mengurangi isi air kembali ke 400ml.
  4. 🔹 Setiap perubahan ditampilkan melalui animasi level air.

📸 Preview Aplikasi

Tampilan simulasi botol air setelah tombol ditekan

🧠 Catatan Tambahan

Dengan penambahan tombol Minum, pengguna dapat melihat bagaimana volume air turun secara animatif ke level minimal (400ml). Ini melatih pemahaman tentang animasi Compose dan penggunaan state pada UI dinamis.

🚀 Selamat mencoba dan eksplorasi lebih lanjut animasi Jetpack Compose untuk membuat UI yang interaktif! 💻📱

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 APSI : Requirement Definition

Definisi : Requirement definition adalah proses yang terlibat dalam mengidentifikasi, menggambarkan, dan mendokumentasikan kebutuhan atau persyaratan yang harus dipenuhi oleh suatu sistem, perangkat lunak, atau proyek. Ini melibatkan pemahaman mendalam tentang kebutuhan pengguna dan pemangku kepentingan, serta menggambarkannya dalam bentuk yang dapat dipahami oleh tim pengembangan atau implementasi. Fungsi : Fungsi utama requirement definition adalah untuk memastikan bahwa kebutuhan pengguna dan pemangku kepentingan dipahami dengan jelas dan dapat diimplementasikan dengan baik oleh tim pengembangan. Beberapa fungsi penting dari requirement definition adalah: 1. Menggambarkan kebutuhan dengan jelas: Requirement definition membantu dalam mengidentifikasi, menggambarkan, dan mendokumentasikan kebutuhan secara terperinci, sehingga tidak ada kebingungan atau ketidakjelasan dalam pemahaman. 2. Menyediakan panduan untuk pengembangan: Dokumen kebutuhan yang dihasilkan menjadi panduan bagi tim ...
Baca selengkapnya

Tugas 3 Apsi : Feasibility Study

SIMPEG  atau aplikasi kepegawaian adalah sistem informasi yang mengintegrasikan berbagai aspek kepegawaian untuk mengelola data dan administrasi kepegawaian secara efektif, sehingga memberikan kemudahan dalam pengaksesan, pengolahan, dan pengelolaan data pegawai. Feasibility study,  atau studi kelayakan, adalah proses penilaian terhadap kelayakan atau keberlanjutan suatu proyek atau rencana bisnis sebelum dilakukan investasi lebih lanjut. Tujuan utama dari feasibility study adalah untuk mengevaluasi potensi keberhasilan dan keberlanjutan suatu proyek serta untuk membantu dalam pengambilan keputusan terkait kelanjutan proyek tersebut. Dalam feasibility study, beberapa aspek penting dievaluasi dan dianalisis secara menyeluruh. Berikut adalah beberapa aspek yang biasanya dievaluasi dalam studi kelayakan: Kelayakan teknis : Melibatkan penilaian terhadap kemampuan teknis untuk melaksanakan proyek tersebut. Termasuk di dalamnya adalah evaluasi apakah teknologi yang diperlukan tersed...
Baca selengkapnya

Tugas 4 APSI : Seleksi dan Manajemen Proyek

Definisi Seleksi dan Manajemen Proyek adalah dua konsep yang berkaitan dalam pengelolaan proyek. Berikut adalah penjelasan singkat tentang kedua konsep tersebut: 1. Seleksi Proyek:    Seleksi proyek adalah proses pemilihan proyek yang akan dilaksanakan oleh suatu organisasi atau perusahaan. Tujuan dari seleksi proyek adalah untuk menentukan proyek-proyek yang memiliki nilai strategis dan ekonomis yang tinggi serta sejalan dengan tujuan dan visi perusahaan. Biasanya, proses seleksi proyek melibatkan analisis dan evaluasi berbagai faktor, termasuk kebutuhan bisnis, potensi keuntungan, risiko, sumber daya yang tersedia, dan ketersediaan waktu. 2. Manajemen Proyek:    Manajemen proyek adalah disiplin yang berkaitan dengan perencanaan, pengorganisasian, pengawasan, dan pengendalian semua aspek yang terkait dengan pelaksanaan proyek. Tujuan utama dari manajemen proyek adalah untuk mencapai tujuan proyek secara efisien dan efektif, dengan memperhatikan keterbatasan sumber d...
Baca selengkapnya