Posts

Showing posts from April, 2025

PPB - ETS

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PPB G Sourcecode: https://github.com/H-mD/mobile-gallery-app Laporan: https://docs.google.com/document/d/1xiQumbZvv441DQkz9CcVOLxPb_S-jYANpGDNTJvxCRA/edit?usp=drivesdk PPT: https://www.canva.com/design/DAGmAal9yo8/dJ2OFqUjJIazxp6RO0G94w/view?utm_content=DAGmAal9yo8&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h6e3c58f793 Video Demo: https://youtube.com/shorts/osA-PM-Ehbo?si=cVloKV_XkU-dR0zR App Release: https://github.com/H-mD/mobile-gallery-app7/releases/tag/v1.0 MyGallery           "MyGallery" adalah aplikasi front-end galeri foto pribadi yang dirancang untuk menampilkan koleksi gambar lokal dari perangkat atau dari URL dummy. Aplikasi ini memiliki fitur utama berupa tampilan galeri menggunakan GridView atau RecyclerView, halaman detail untuk melihat gambar secara penuh, serta simulasi upload gambar secara dummy. MyGallery mengutamakan tampilan yang estetis, respon...

PPB - Pertemuan 06 - Tugas 01

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PPB G Sourcecode:  https://github.com/H-mD/currency-converter 🪙 Membuat Aplikasi Currency Converter Sederhana dengan Kotlin dan Jetpack Compose Pada artikel ini, kita akan membahas cara membuat aplikasi Currency Converter (pengubah mata uang) sederhana menggunakan Kotlin dan Jetpack Compose. Aplikasi ini memungkinkan pengguna untuk memasukkan jumlah uang dalam suatu mata uang, memilih mata uang asal dan tujuan, dan langsung melihat hasil konversinya secara real-time. 🎯 Fitur Utama Input jumlah uang yang ingin dikonversi. Dropdown untuk memilih mata uang asal dan tujuan. Hasil konversi ditampilkan secara langsung. Menggunakan UI modern berbasis Jetpack Compose. 🏗️ Struktur Proyek Aplikasi ini hanya terdiri dari satu Activity , yaitu MainActivity.kt , dan seluruh UI serta logika berada di dalamnya menggunakan Jetpack Compose. 1. Inisialisasi dan Tema setContent { CurrencyChangerTheme { Surface( ...

PPB - Pertemuan 07 - Tugas 01

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PPB G Membuat Halaman Simple Login      Kode LoginScreen ini menampilkan implementasi layout antarmuka login menggunakan Jetpack Compose dengan penekanan pada penyusunan komponen UI secara vertikal menggunakan Column. Komponen disusun dengan Arrangement.Center dan Alignment.CenterHorizontally, membuat semua elemen terletak di tengah layar. Gambar (Image) ditampilkan di atas sebagai header visual, diikuti oleh dua teks (Text) untuk sambutan. Input field untuk email dan password dibuat menggunakan OutlinedTextField, dengan PasswordVisualTransformation untuk menyembunyikan teks password. Spasi antar komponen diatur menggunakan Spacer dengan nilai dp berbeda untuk menjaga keteraturan tata letak. Tombol login (Button) menampilkan teks dan melakukan logging saat diklik. Setelah itu terdapat teks klikabel "Forgot Password", lalu bagian login alternatif menggunakan teks dan tiga ikon media sosial (Facebook, Google, Twitter) yang di...

PPB - Pertemuan 05 - Tugas 01

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PPB G Calculator App Aplikasi ini hanya menggunakan satu fungsi utama yaitu onCreate() yang didalamnya terdapat 2 variabel num1 dan num2, 2 TextField untuk masing-masing variabel, serta 4 Button utntuk penjumlahan, pengurangan, perkalihan, dan pembagian. Variable: Variabel yang digunakan adalah remember dengan mutableStateOf untuk menangkap nilai yang dimasukkan kedalamnya. State awal variabel tersebut berupa "0" Layout: Aplikasi ini menggunakan Column dan Row untuk membantu mengatur komponen-komponen yang ada di dalamnya. Terdiri dari 3 Row untuk TextField num1, TextField num2, dan kumpulan Button. Pada row terakhir terdapat 4 Button yang dipisahkan dengan Spacer selebar 16.dp TextField: Value dari TextField itu sendiri merupakan num1 dan num2, dengan onValueChange di set menjadi it agar dapat menerima user input. Ditambahkan Spacer setinggi 50.dp untuk menyesuaikan beberapa perangkat dengan kamera pinhole dan layar penuh tanpa sta...