Tugas 8: Membuat Image Scroll dengan menggunakan Desain Material di Android Studio

By

Membuat Image Scroll dengan Menggunakan Desain Material

Nama: Rafi Aliefian Putra Ramadhani
NRP: 5025211234
Program Studi: Teknik Informatika

Aplikasi ini dimaksudkan untuk menampilkan daftar afirmasi. Langkah pertama dalam mengonfigurasi UI untuk menampilkan daftar adalah membuat List Item. Setiap item terdiri dari gambar dan string. Data untuk setiap item ini dilengkapi dengan kode awal, dan Anda akan membuat komponen UI untuk menampilkan item tersebut. Item akan terdiri dari composable Card, yang berisi Image dan composable Text.

Scrolling merupakan fitur penting yang harus dikuasai dalam pembuatan aplikasi Android. Saat aplikasi memiliki banyak item yang tidak bisa ditampilkan sekaligus di satu layar, fitur ini memungkinkan pengguna untuk menggulir layar agar dapat melihat semua item. Dalam proyek ini, saya membuat aplikasi afirmasi yang menggunakan fitur scrolling pada gambar untuk mempelajari penerapan fungsi scrolling dalam pengembangan aplikasi Android.

Berikut adalah preview aplikasi afirmasi ketika dijalankan di emulator:

Tampilan Aplikasi

Untuk melihat hasil aplikasi, berikut tampilan aplikasi afirmasi yang dijalankan di emulator Android Studio:

Berikut link repository GitHub dari aplikasi afirmasi:

Lihat Repository GitHub

Kesimpulan

Dalam proyek ini, saya mempelajari bagaimana menerapkan fitur scrolling dalam daftar item dengan desain Material menggunakan Android Studio dan Jetpack Compose. Dengan menggunakan komponen seperti Card, Image, dan Text, serta memanfaatkan LazyColumn untuk menampilkan daftar item secara efisien, saya dapat membuat aplikasi afirmasi yang responsif, modern, dan user-friendly. Proyek ini memberikan pemahaman mendalam tentang UI berbasis komposisi dan pentingnya desain yang adaptif terhadap berbagai ukuran layar.


Comments

Post a Comment

Popular posts from this blog

Tugas 11: Meredesign App Starbucks

By
Image
Tugas 11: Redesign Aplikasi Starbucks Redesain Aplikasi Starbucks Nama: Rafi Aliefian Putra Ramadhani NRP: 5025211234 Program Studi: Teknik Informatika Pada tugas ini, saya melakukan redesain terhadap aplikasi Starbucks untuk meningkatkan pengalaman pengguna (user experience) serta kemudahan dalam mengakses berbagai fitur seperti menu dan informasi promo. Aplikasi ini dirancang agar pengguna dapat melihat menu Starbucks sesuai dengan preferensi mereka serta mendapatkan informasi spesifik tentang produk. Fitur Aplikasi Home Screen: Tampilan awal saat aplikasi dijalankan dengan animasi logo Starbucks. Sign Up: Fitur pendaftaran akun baru bagi pengguna dengan input nama, email, dan password. Sign In: Halaman login bagi pengguna yang sudah memiliki akun untuk mengakses fitur utama. Screen Menu: Menampilkan daftar menu Starbucks lengkap dengan gambar, nama produk, deskripsi...
Read More →

Tugas 6: Membuat App Kalkulator Konversi Mata Uang Sederhana (USD - IDR) di Android Studio

By
Image
Membuat Aplikasi Kalkulator Konversi IDR ke USD dengan Chart Riwayat Konversi Nama: Rafi Aliefian Putra Ramadhani NRP: 5025211234 Kelas: Pemrograman Perangkat Bergerak (G) Pada pertemuan kali ini, kita akan membuat aplikasi kalkulator konversi mata uang sederhana, yaitu dari IDR (Rupiah Indonesia) ke USD (Dolar Amerika). Aplikasi ini memungkinkan pengguna untuk mengkonversi nilai dalam IDR ke USD dengan menggunakan nilai tukar yang diberikan. Setelah konversi pertama dilakukan, aplikasi ini akan menampilkan grafik riwayat konversi yang menunjukkan perbandingan nilai tukar IDR ke USD berdasarkan hasil konversi pengguna sebelumnya. Grafik ini hanya akan muncul setelah pengguna melakukan setidaknya satu konversi. Berikut adalah preview aplikasi kalkulator konversi IDR ke USD sebelum dijalankan di emulator: Aplikasi ini dibuat menggunakan beberapa komponen das...
Read More →

Tugas 1: Resume Perkembangan Teknologi Perangkat Bergerak pada Perangkat Mobile

By
Image
Resume/Review Perkembangan Teknologi Perangkat Bergerak dari berbagai aspek yang terdapat pada Perangkat Mobile   Nama: Rafi Aliefian Putra Ramadhani NRP: 5025211234 Kelas: Pemrograman Perangkat Bergerak (G)   Penjelasan dalam bentuk Video:   Penjelasan dalam bentuk Tulisan: Definisi Perangkat Bergerak Perangkat bergerak merujuk pada kategori perangkat elektronik portabel yang dirancang untuk mobilitas tinggi dan pengoperasian mandiri. Perangkat-perangkat ini, seperti smartphone , tablet, dan perangkat wearable , memiliki kemampuan komputasi yang signifikan dan dapat menjalankan berbagai aplikasi. Fungsi utamanya meliputi komunikasi, akses informasi, hiburan, navigasi, dan produktivitas, yang terus berkembang seiring dengan kemajuan teknologi. Artikel ini mengkaji bagaimana evolusi mobile computing telah mengubah cara kita berinteraksi dengan dunia digital, melalui ino...
Read More →