Postingan

ETS PPB C 2026

Gambar
 Nama Kelompok : Moch Septian Ezra M - 5025231120                                        Muhammad Shafa Narariya - 5025231016 Kelas : PPB (C) Link Source Code: https://github.com/arzeee/MyMoney-Notes-Smart-Expense-Tracker Link Video: https://drive.google.com/file/d/1weyYAgraqq5foiuruDrk8J2owasL7lHj/view?usp=sharing MyMoney Smart Expenses Tracker adalah aplikasi manajemen keuangan pribadi yang dirancang untuk memberikan kontrol penuh atas finansial pengguna. Dengan antarmuka yang modern dan bersih, aplikasi ini memungkinkan pengguna untuk mencatat setiap pemasukan dan pengeluaran secara detail, lengkap dengan kategori dan waktu transaksi. Fitur unggulannya adalah Ringkasan Visual dalam bentuk grafik lingkaran ( Pie Chart ) yang memberikan gambaran instan mengenai perbandingan arus kas, serta perhitungan saldo total yang diperbarui secara otomatis setiap kali...

Pertemuan 7

Gambar
 Nama     :     Muhammad Shafa Narariya  NRP        :     5025231016 Kelas        :     PPB (C) Source Code : https://github.com/ItsPong/PBB/tree/main/Pertemuan_7 1. Struktur Layout Utama (Column & Row) Dalam halaman login ini, saya menggunakan dua jenis layout utama untuk mengatur posisi elemen: Column : Digunakan sebagai wadah utama untuk menyusun elemen secara vertikal (Gambar, Teks, Field Input, Tombol) dari atas ke bawah. Saya mengaturnya agar semua konten berada tepat di tengah layar dengan Arrangement.Center . Row : Digunakan khusus di bagian bawah untuk menyusun ikon sosial media (Google, Twitter, Facebook) secara horizontal (kiri ke kanan). Dengan Arrangement.SpaceEvenly , jarak antar ikon menjadi rapi dan sama rata. 2. Input Data dengan Keamanan (State & Visual Transformation) Sama seperti aplikasi kalkulator, saya menggunakan remember dan mutableStateOf untuk menangkap i...

Pertemuan 6

Gambar
 Nama     :     Muhammad Shafa Narariya NRP         :     5025231016 Kelas       :     PPB (C) Source Code     :      https://github.com/ItsPong/PBB/tree/main/Pertemuan_6 1. Struktur Layout dan Input User Aplikasi ini disusun secara vertikal menggunakan Column . Untuk menerima input angka dan operator dari pengguna, saya menggunakan OutlinedTextField . value & onValueChange : Setiap kali pengguna mengetik, data akan langsung disimpan ke dalam variabel State ( num1 , num2 , dan operator ). KeyboardOptions : Saya mengatur agar keyboard yang muncul adalah tipe angka ( Number ), sehingga memudahkan pengguna saat mengisi field angka. 2. State Management: Menampung Data Real-Time Kunci utama dari kalkulator ini adalah penggunaan mutableStateOf . Kita perlu menyimpan empat hal: angka pertama, angka kedua, jenis operator, dan tentu saja hasil perhitungannya. var num1 by reme...

Pertemuan 5

Gambar
 Nama :     Muhammad Shafa Narariya NRP :     5025231016 Kelas :     PPB (C) Source Code :  https://github.com/ItsPong/PBB/tree/main/Pertemuan_5 1. Struktur Utama & Tema (MainActivity) Setiap aplikasi Android dimulai dari MainActivity . Di sini saya menggunakan Jetpack Compose untuk membangun UI secara deklaratif. HelloAndroidTheme { Surface( modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background ) { DiceRollerWithImageAndButton() } } HelloAndroidTheme : Memastikan aplikasi memiliki tampilan warna dan gaya yang konsisten. Surface : Berfungsi sebagai "kanvas" utama yang menutupi seluruh layar HP. 2. Mengatur Tata Letak (Layouting) Agar tampilan dadu dan tombol berada tepat di tengah layar, saya menggunakan kombinasi Modifier dan Column . fillMaxSize() : Menginstruksikan aplikasi untuk memenuhi seluruh ruang layar. wrapContentSize(Alignment.Center) : Memastikan isi di dalamnya (gamba...

Pertemuan 3

Gambar
 Nama:     Muhammad Shafa Narariya NRP:     5025231016 Kelas: PPB (C) Source Code: https://github.com/ItsPong/PBB/tree/main/Pertemuan_3 1. Menentukan Tema Aplikasi Setiap project Android Studio memiliki folder ui/theme . Di dalamnya terdapat fungsi tema (biasanya bernama NamaProjectTheme ). HappyBirthdayTheme {  // Semua kode UI di sini akan mengikuti gaya tema aplikasi } Penjelasan: Baris ini memastikan aplikasi kita memiliki warna, font, dan gaya tampilan yang konsisten. Ingat, nama fungsi ini harus sesuai dengan yang terdaftar di file Theme.kt project kamu. 2. Menggunakan Surface sebagai Kanvas Agar aplikasi memiliki latar belakang yang rapi dan mengikuti standar Material Design, kita menggunakan Surface . Surface( modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background ) { // Isi konten kartu di sini } fillMaxSize() : Perintah ini membuat komponen memenuhi seluruh layar HP. background : Mengambil warna la...

Pertemuan 2

Gambar
 Nama:     Muhammad Shafa Narariya NRP:         5025231016 Kelas:        PBB (C) source code:  https://github.com/ItsPong/PBB/tree/main/Pertemuan_2 Hello Android 1.  MainActivity & onCreate class MainActivity : ComponentActivity() {     override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState) MainActivity : Class utama aplikasi. Ia adalah anak dari ComponentActivity. onCreate() : Fungsi pertama yang dijalankan saat aplikasi dibuka. Ini tempat inisialisasi awal. super.onCreate() : Wajib dipanggil agar fungsi dasar dari sistem Android tetap berjalan normal. 2. Mengatur Tampilan Modern Aplikasi modern harus terlihat luas dan konsisten. enableEdgeToEdge() // Membuat UI memenuhi layar sampai ke pinggir bar         setContent {             HelloAndroidTheme { // Mengatur tema warna dan font enableE...

Pertemuan 1

Nama     :     Muhammad Shafa Narariya NRP       :     5025231016 Kelas     :     PBB (C) Device OS Dibuat Oleh Negara Tahun Fungsi Programming Language link Gambar Magnavox Odyssey N/A (Analog) Magnavox Amerika Serikat 1972 Konsol Game Rumahan Pertama Hardware Logic Gambar NES (Famicom) Ricoh 2A03 OS Nintendo Jepang 1983 Konsol Game 8-bit Assembly (6502) Gambar Pl...