Tugas PPB 8

Nama: Mohammad Firman Fardiansyah

NRP: 5025201109

Kelas: PPB I

Aplikasi Image Scrolling Dengan Material Design

Dalam latihan ini, kita akan belajar membuat image scrolling dengan material design berdasarkan sumber pelatihan dari developer Android. Apikasi ini diberi nama Affirmations yang dapat menampilkan daftar afirmasi yang telah dipasangkan dengan beberapa gambar yang berisi pesan afirmatif. Sebelum membuat aplikasi kita perlu mengunduh file berupa zip dari Github yang telah disediakan yaitu pada https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations. 


Setelah itu folder yang diunduh perlu diekstraks terlebih dahulu lalu dibuka menggunakan Android Studio. Pada folder yang telah dibuka, dapat dilihat bahwa terdapat package data yang terdapat class Datasource yang memiliki fungsi loadAffirmations untuk mengembalikan list objek Affirmation. Fungsi ini membuat list yang berisi beberapa objek Affirmation yang masing-masing mengambil parameter ID dalam bentuk string (R.string.affirmationX) dan ID dalam bentuk gambar (R.drawable.imageX).

Selanjutnya perlu dibuat package baru bernama model dan dibuat class bernama Affirmation yang memiliki dua properti yaitu stringResourceId dan imageResourceId. Properti tersebut ditandai dengan @StringRes dan @DrawableRes untuk memastikan bahwa nilai yang diberikan adalah ID berupa string dan gambar yang valid. 

Terakhir pada file MainActivity.kt dibuat sebuah fungsi bernama AffirmationCard berupa Composable yang menerima objek Affirmation yang akan menampilkan sebuah list card yang berisi gambar dan teks afirmasi. Gambar ditampilkan menggunakan painterResource dan teks diambil dari berupa string menggunakan stringResourceyang telah diatur dengan layout Modifier. Fungsi kedua yaitu AffirmationList yang merupakan fungsi Composable untuk menerima daftar afirmasi dan menampilkannya dalam sebuah vertikal list yang dapat discroll (LazyColumn). Fungsi terakhir, yaitu AffirmationsApp memanggil AffirmationList dengan memuat list afirmasi dari Datasource untuk menampilkan semua afirmasi dalam aplikasi.

Hasil akhir implementasi pembuatan image scrolling dapat dilihat pada gambar di bawah ini:






Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas PPB 2

Gambar
Nama: Mohammad Firman Fardiansyah NRP: 5025201109 Kelas: PPB I Apa itu Jetpack Compose? Jetpack Compose merupakan sebuah toolkit untuk membangun User Interface (UI) pada aplikasi Android yang dikembangkan oleh Google. Jetpack Compose dirancang untuk mempermudah dan mempercepat pembuatan UI sebuah aplikasi dengan menggunakan pendekatan deklaratif, dimana UI dideskripsikan dalam bentuk state Compose bertanggung jawab untuk mengelola rendering UI tersebut. Berbeda dengan pendekatan tradisional Android yang menggunakan XML untuk mendefinisikan layout dan Java/Kotlin untuk logika, Jetpack Compose akan mendefinisikan UI dan logika secara langsung dalam Kotlin. Hal ini akan membuat kode lebih simpel, mudah dibaca, dan memungkinkan hot reload, yang berarti perubahan pada kode dapat langsung dilihat pada aplikasi tanpa running ulang. Jetpack Compose mengintegrasikan fitur-fitur seperti state management, navigasi, animasi, dan banyak fitur lain, sehingga memungkinkan mengembangkan aplikasi yang ...
Baca selengkapnya

Tugas PPB 1

Gambar
 Tugas PPB 1 Sejarah Mobile Phone dan Perkembangan Teknologinya      Selamat datang semuanya! Hari ini, kita akan membahas suatu hal yang menarik tentang perangkat yang sering kita pakai sehari-hari, yaitu smartphone! Namun, disini kita tidak hanya membahas sejarahnya saja yaaa, tetapi kita akan membahas lebih dalam tentang perkembangan teknologi yang dinamis dalam pengembangan smartphone. Mari kita bahas satu per satu! Pengertian Smartphone      Smartphone adalah sebuah perangkat elektronik yang dapat melakukan berbagai hal dalam satu genggaman. Hal-hal yang dapat dilakukan oleh smartphone yaitu, melakukan panggilan suara, pengiriman pesan teks, memotret karena dilengkapi kamera digital, memutar musik, video, mengakses internet, dan dapat menginstal serta menjalankan berbagai aplikasi yang sangat banyak. Secara umum, smartphone dapat dianggap sebagai sebuah pusat komunikasi dan hiburan yang bersifat portabel. Smartphone juga memungkinkan penggunan...
Baca selengkapnya

Tugas PPB 7

Gambar
 Nama: Mohammad Firman Fardiansyah NRP: 5025201109 Kelas: PPB I Membuat Aplikasi Water Bottle Dalam latihan ini, kita akan belajar tentang material design dengan aplikasi langsung membuat aplikasi water bottle. Tujuan dari pembuatan aplikasi ini melatih membuat sebuah aplikasi yang dapat langsung berinteraksi dengan pengguna, yaitu dengan cara ketika sebuah tombol dipencet maka akan terdapat sebuah animasi yang menampilkan botol semakin terisi hingga penuh. Langkah pertama pembuatan aplikasi dengan membuat sebuah new project pada Android Studio dengan sebuah activity yang masih kosong. Level API yang dipilih kalau bisa yang terbaru dan minimal adalah Android Oreo pada kolom min SDK. Setelah itu kita akan membuat sebuah file baru untuk membuat antarmuka botol air yang dianimasikan tersebut Pada file WaterBottle.kt tersebut dibuat variabel waterPercentage yang dihitung dengan membagi jumlah air yang digunakan (usedWaterAmount) dengan jumlah air total (totalWaterAmount). Hasil dari pe...
Baca selengkapnya