Tugas 7 - Membuat Aplikasi Animated Water Bottle

-

Nama : Afiq Akram

NRP : 5025201270

Kelas : PPB I

Tahun : 2024

Membuat Aplikasi Animated Water Bottle

Pada blog ini, kita akan menciptakan sebuah aplikasi animasi botol yang menggemaskan menggunakan Jetpack Compose. Aplikasi ini akan didasarkan pada tutorial yang tersedia di YouTube, tetapi akan mengalami beberapa modifikasi pada kode dan fitur. Mari kita mulai dengan membuat proyek baru.

Langkah pertama adalah membuat proyek baru dengan menggunakan template Empty Activity, dan beri nama proyek sesuai keinginan. Sebagai contoh, kita dapat menggunakan nama "MyWaterBottle". Pastikan untuk menetapkan minimum SDK ke API 26 (Oreo Android 8.0) atau yang lebih tinggi. Setelah proyek dibuat, tambahkan file Kotlin baru ke dalam folder com.example.mywaterbottle, pilih tipe File, dan beri nama file tersebut WaterBottle.

WaterBottle.kt

Komponen WaterBottle memiliki beberapa parameter penting yang menentukan tampilan dan fungsi botol air tersebut. Parameter-parameter tersebut mencakup totalWaterAmount yang menunjukkan jumlah total air dalam botol, unit yang menentukan satuan untuk total air tersebut, dan usedWaterAmount yang mencatat jumlah air yang telah diminum. Ada juga parameter opsional seperti waterColor untuk mengatur warna air dalam botol, bottleColor untuk warna botol, dan capColor untuk warna penutup botol.

Dalam komponen ini, kami menggunakan Canvas untuk menggambar botol air, yang merupakan elemen kunci dalam menciptakan tampilan visual yang akurat dan menarik. Animasi juga dimasukkan ke dalam desain dengan mengatur efek animasi pada tingkat air yang berubah. Kami menggunakan fungsi animateFloatAsState dan animateIntAsState untuk mengontrol animasi tersebut. Path digunakan untuk menentukan bentuk botol air, sementara drawPath mengisi botol dengan air sesuai jumlah yang ditentukan, dengan warna yang disesuaikan berdasarkan parameter waterColor.

Selain menampilkan botol air dan mengatur animasi perubahannya, komponen ini juga menyertakan teks yang menampilkan jumlah air yang telah diminum. Warna teks dan animasi perubahan jumlah air disesuaikan dengan tingkat air dalam botol. Dengan demikian, pengguna dapat dengan mudah melihat dan memantau seberapa banyak air yang telah diminum secara visual melalui tampilan komponen ini. Integrasi antara elemen-elemen ini memberikan pengalaman pengguna yang lebih menyeluruh dan menarik dalam menggunakan aplikasi Water Bottle.

Langkah selanjutnya adalah memodifikasi file MainActivity.kt sesuai kebutuhan.

MainActivity.kt


Dokumentasi






Komentar

Posting Komentar

Postingan populer dari blog ini

Rekursif - Tower of Hanoi

-
Rekursi Rekursif merupakan teknik memanggil dirinya sendiri secara berulang-ulang. Biasanya rekursif ini dipakai untuk sesuatu yang membutuhkan perulangan seperti factorial. Sebenarnya teknik rekursif ini merupakan teknik yang mudah karena teknik rekursif ini seperti rumus matematika aslinya. Tower of Hano/Menara Hanoi adalah sebuah permainan matematis atau teka-teki. Permainan ini terdiri dari tiga tiang dan sejumlah cakram dengan ukuran berbeda-beda yang bisa dimasukkan ke tiang mana saja. Permainan dimulai dengan cakram-cakram yang tertumpuk rapi berurutan berdasarkan ukurannya dalam salah satu tiang, cakram terkecil diletakkan teratas, sehingga membentuk kerucut. Tujuan dari teka-teki ini adalah untuk memindahkan seluruh tumpukan ke tiang yang lain, mengikuti aturan berikut: Hanya satu cakram yang boleh dipindahkan dalam satu waktu. Setiap perpindahan berupa pengambilan cakram teratas dari satu tiang dan memasukkannya ke tiang lain, di atas cakram lain yang mungkin sudah ada di...
Baca selengkapnya

Konsep dan Pemakaian Array

-
Gambar
     Array adalah sebuah variabel yang bisa menyimpan banyak data dalam satu variabel. Array menggunakan indeks untuk memudahkan akses terhadap data yang disimpannya. Indeks array selalu dimulai dari 0. Indeks Array tidak selalu dalam bentuk angka. Bisa juga karakter atau teks. 1. Array App Output 2. Low Array Output 3. High Array Output 4. Ordered Array Output 5. Class Data Array Output
Baca selengkapnya

Implementasi Stack

-
Gambar
  Stack       Stack merupakan suatu struktur data yang berbentuk tumpukan di mana proses memasukkan dan mengeluarkan data dilakukan pada satu “pintu” yang sama. Hal ini berbeda dengan struktur data Queue/antrian yang menggunakan dua “pintu”, satu pintu untuk masuk antrian dan pintu lainnya untuk keluar dari antrian. Stack atau tumpukan biar mudah memahaminya bisa diibaratkan sebagai suatu tumpukan kardus di mana hanya data yang terletak paling atas yang bisa diambil. Data yang terletak ditengah-tengah atau pun yang berada paling bawah bisa diambil jika data yang terletak di atasnya sudah diambil terlebih dahulu. Struktur data Stack merupakan struktur data yang bersifat IFO (Last in First Out) artinya data yang masuk terakhir adalah data yang bisa keluar terlebih dahulu. Data E adalah data yang terakhir dimasukkan (method Push) oleh karenanya berada pada posisi paling atas. Jika ingin mengambil data B maka terlebih dahulu harus mengeluarkan (method Pop) berturut-...
Baca selengkapnya