Posts

Evaluasi Tengah Semester

Image
 Nama: Thopaz Givangkara Rosadi NRP: 5025231050 Kelas: PPB (C) Source Code:  https://github.com/rsthopaz/Pemrograman-Mobile/tree/main/ETS_2 Presentation: Youtube Video: Design Reference: ANIME GALLERY 1. Overview Arsitektur Aplikasi Aplikasi ini adalah aplikasi Android berbasis Jetpack Compose yang memiliki fitur: Menampilkan list anime (Gallery) Menampilkan detail anime Menambah data anime Toggle dark mode Struktur utama: Model Data → Anime.kt Dummy Data → DummyData.kt UI Layer → Gallery, Detail, Add, Item Navigation → AppNavigation (NavHost) 2. Model Data Anime.kt data class Anime( val id: Int, val title: String, val season: String, val eps: String, val imageUri: String, val releaseDate: String, val genre: List<String>, val rating: String, val synopsis: String ) Penjelasan Representasi 1 data anime Dipakai di seluruh UI Menggunakan data class agar otomatis punya: equals copy toString 3. Dummy Data (Sumber Data Awal) DummyData.kt o...

Pertemuan 7

Image
 Nama: Thopaz Givangkara Rosadi NRP: 5025231050 Kelas: PPB (C) Source Code:  https://github.com/rsthopaz/Pemrograman-Mobile/tree/main/Pertemuan_7 This code based on:  https://www.youtube.com/watch?v=-Kj9T1sa6zk  (link on blogspot lecture) 1. Fungsi Utama UI @Composable fun LoginScreen () Penjelasan: @Composable Artinya fungsi ini digunakan untuk membuat tampilan UI di Jetpack Compose. LoginScreen() Ini adalah layar login yang akan ditampilkan di aplikasi. 2. State Variable (Data yang berubah) var email by remember { mutableStateOf ( "" ) } var password by remember { mutableStateOf ( "" ) } Penjelasan: Ini bagian paling penting di Compose . mutableStateOf("") Digunakan untuk menyimpan data yang bisa berubah. remember Agar data: tidak hilang saat UI di-refresh tetap tersimpan selama composable aktif Artinya: email → menyimpan input email user password → menyimpan input password user 3. Layout Utama (Column) Column (...

Pertemuan 6

Image
Nama: Thopaz Givangkara Rosadi NRP: 5025231050 Kelas: PBB (C) Source Code:  https://github.com/rsthopaz/Pemrograman-Mobile/tree/main/Pertemuan_6 1. MainActivity class MainActivity : ComponentActivity() {     override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState)         enableEdgeToEdge()         setContent {             Kalkulatorapp()         }     } } Penjelasan: class MainActivity : ComponentActivity() Ini adalah activity utama Android. Activity = layar aplikasi. Saat app dibuka, Android akan menjalankan MainActivity. override fun onCreate(...) onCreate() dipanggil pertama kali saat activity dibuat. Mirip "mulai aplikasi". super.onCreate(savedInstanceState) Memanggil fungsi bawaan Android agar activity berjalan normal. Wajib ada. enableEdgeToEdge() Agar tampilan bisa sampai ke tepi layar HP. 2. Fungsi UI Compo...

Pertemuan 5

Image
 Nama: Thopaz Givangkara Rosadi NRP: 5025231050 Kelas: PBB (C) Source Code:  https://github.com/rsthopaz/Pemrograman-Mobile/tree/main/Pertemuan_5 (include gambar dadu 1-6) 1. Pertemuan_5Theme Pertemuan_5Theme { DiceRollerApp () } Baris ini menggunakan tema aplikasi Jetpack Compose yang berada di folder: ui/theme Tema ini berfungsi untuk mengatur tampilan aplikasi, seperti: warna utama aplikasi typography (jenis & gaya huruf) material design style Semua UI di dalam aplikasi akan mengikuti tema ini. 2. MainActivity sebagai Entry Point class MainActivity : ComponentActivity () MainActivity adalah activity utama yang pertama kali dijalankan saat aplikasi dibuka. Di dalamnya terdapat: setContent { Pertemuan_5Theme { DiceRollerApp () } } Fungsi setContent {} digunakan untuk menampilkan UI berbasis Jetpack Compose. 3. Fungsi DiceRollerApp @Composable fun DiceRollerApp () Ini adalah Composable function utama UI . Tugasnya hany...

Pertemuan 3

Image
Nama: Thopaz Givangkara Rosadi NRP: 5025231050 Kelas: PPB (C) Source Code:  https://github.com/rsthopaz/Pemrograman-Mobile/tree/main/Pertemuan_3 Reference:  https://medium.com/@zyrridian/jetpack-compose-3-membangun-aplikasi-sederhana-dengan-composable-t-28997eb393df 1. HappyBirthdayTheme HappyBirthdayTheme { Baris ini menggunakan tema aplikasi yang terdapat di folder: ui/theme Theme berfungsi untuk mengatur: warna aplikasi typography gaya tampilan 2. Surface sebagai Container UI Surface ( modifier = Modifier . fillMaxSize (), color = MaterialTheme . colorScheme . background ) Surface adalah komponen dari Material Design yang berfungsi sebagai wadah (container) untuk elemen UI. Penjelasan parameternya: fillMaxSize() → membuat komponen memenuhi seluruh layar background → menggunakan warna latar dari tema aplikasi 3. Memanggil Composable GreetingText Di dalam Surface dipanggil fungsi: GreetingText ( message = "Happy Birthday Sam!" , from = ...