Postingan

Tugas 8 - Membuat Image Scroll Dengan Menggunakan Desain Material

Gambar
Pada tugas kali ini saya akan mencoba membuat scroll animasi menggunakan   Material Design . Sebelumnya, Anda perlu melakukan cloning repository pada branch starter pada  Link berikut .   Command  yang dapat digunakan untuk melakukan cloning adalah   git clone -b starter https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations . Selanjutnya, Anda dapat membuat direktori baru di  com.example.affirmations  yaitu, model. Di dalam direktori model dapat dibuat file class baru yaitu  Affirmation.kt . Selanjutnya memasukkan kode program berikut. package com.example.affirmations.model import androidx.annotation. DrawableRes import androidx.annotation. StringRes data class Affirmation( @StringRes val stringResourceId : Int, @DrawableRes val imageResourceId : Int ) Selanjutnya, Anda dapat memodifikasi kode program pada file Datasource.kt di dalam direktori data. Modifikasi kode programnya adalah sebagai be...

Tugas 7 - Membuat Animated Water

Gambar
Pada tugas kali ini saya akan mencoba untuk membuat animasi penambahan air di dalam botol. Kode program dibagi menjadi 2 yaitu WaterBottle.kt dan MainActivity.kt. WaterBottle.kt package com.example.waterbottleapplication import androidx.compose.animation.core.animateFloatAsState import androidx.compose.animation.core.animateIntAsState import androidx.compose.animation.core.tween import androidx.compose.foundation.Canvas import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxHeight import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.width import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.geometry.CornerRadius import androidx.compose.ui.geometry.Offset import androidx.comp...

Tugas 6 - Membuat Aplikasi Kalkulator Sederhana

Gambar
Pada tugas kali ini saya akan mencoba membuat kalkulator sederhana.  Berikut adalah kode program untuk aplikasi ini : MainActivity.kt package com.example.kalkulatorsederhana import android.os.Bundle import android.widget.Toast import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.width import androidx.compose.material3.Button import androidx.compose.material3.Text import androidx.compose.material3.TextField import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.setValue import androidx.compose.ui.Modifier import androidx.compose.ui.unit.dp class MainActivity : ComponentActivity() { override fun onCreate (...

Tugas 5 - Membuat Halaman Login

Gambar
Nama : Nazhifah Elqolby NRP : 5025201156 Kelas : PPB I Tahun : 2024 Pada kali ini kami diberi tugas untuk membuat halaman login. Di sini saya membuat halaman login log in menggunakan composable image, textfield, dan button yang berfungsi sebagai tampilan antarmuka awal dari suatu aplikasi. Tampilan antarmuka tersebut memungkinkan pengembang software untuk kemudian menambahkan implementasi database dan logika backend. berikut adalah code nya

ETS PPB I

Gambar
 Nama: Nazhifah Elqolby NRP: 5025201156 Link Github:  https://github.com/elelelelelel/ETS-PPB-I ETS PPB I  Di sini saya me-redesign aplikasi tiket yaitu traveloka. Fitur yang sering saya gunakan adalah tiket pesawat. Disini saya me-redesign halaman masuk, home, fitur pesawat tripscreen, dan price screen. Pada halaman login Di sini saya membuat kolom berisi image dan text Lalu ada TextField untuk input email dan password Saya membuat button Login untuk mengarahkan ke Home Screen Di halaman Home Di Home Screen juga saya membuatnya jadi per kolom juga. Saya membuat blank screen untuk fitur2 yang tidak saya re-design, karena saya tidak pakai Di Trip Screen, saya membuat per kolom juga. Ada untuk image dan text Dapat menginput asal keberangkatan dan tujuan serta tanggal nya Di Price Screen menampilkan harga-harga tiket pesawat di tanggal yang dipilih. Dan juga dapat melihat harga tiket pesawat mulai dari berapa

Tugas 4 - Dice Roller

Gambar
Nama : Nazhifah Elqolby NRP : 5025201156 Kelas : PPB I Tahun : 2024 Pada kali kami diminta untuk membuat aplikasi Dice Roller setelah mempelajari komponen button. Pada MainActivity.kt kita ubah composable default nya menjadi  composable DiceRollerApp() dan DiceWithButtonAndImage() dan ubah isi fungsi onCreate sehingga memanggil DiceRollerApp(). Kemudian panggil DiceWithButtonAndImage() di dalam fungsi composable DiceRollerApp(). Kemudian tambahkan juga Modifier untuk menyesuaikan posisi pada sizenya. Jangan lupa tambahkan foto-foto dadu untuk dice1 sampai dice6 ke drawable. Kemudian tambahkan resource string pada path app/res/values/strings.xml yang nantinya akan digunakan untuk teks pada button yang dibuat. Berikut hasilnya:

Tugas 3 - Membuat Aplikasi Ucapan Ulang Tahun

Gambar
Nama : Nazhifah Elqolby NRP : 5025201156 Kelas : PPB I Tahun : 2024 Link Github : Kode Ucapan Ulang Tahun Anda ingin memberikan suatu hadiah kecil namun terlihat berharga? buatlah aplikasi sederhana untuk ucapan ulang tahun! link kode sudah saya cantumkan pada link github. Dan di bawah ini merupakan hasil dari program tersebut: