Pemrograman Perangkat Bergerak

  ETS - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 kelas : PBB F Pembuatan aplikasi MyPresensi Mobile 1. Struktur Project ppbets\ |--- data\ | |--- Subject.kt |--- ui\ |     |--- components\ | | |--- dashboard\ | | | |--- Dashboard.kt | | | |--- HeaderDashboardContent.kt | | | |--- Information.kt | | | |--- SubjectCard.kt | | |--- detail1\ | | | |--- detailClassCard1.kt | | | |--- DetailPage.kt | | | |--- headerDetailContent.kt | | | |--- Kehadiran.kt | | |--- detail2\ | | | |--- detailClassCard2.kt | | | |--- DetailPage.kt | | | |--- headerDetailContent.kt | | | |--- Kehadiran.kt | | |--- login\ | | | |--- Login.kt | | | |--- LoginTextField.kt |     |    |--- Header.kt | | |     |--- theme\ |           |--- Color.kt ...

 Tugas 5 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 kelas : PBB F Pembuatan Halaman Login 1. Membuat File Baru     Pada penugasan kali ini, akan dibutuhkan 3 tambahan file:     - LoginTextField.kt --> untuk menyimpan template dari Input Field     - HeaderText.kt --> mengatur tampilan header     - LoginScreen.kt --> mengatur tampilan UI Login keseluruhan         Berikut struktur penyimpanan folder aplikasi myloginpbb\ |--- ui\ |     |--- components\ |     |    |--- LoginTextField.kt |     |--- login\ |           |--- HeaderText.kt |           |--- LoginScreen.kt   |--- MainActicity.kt 2. Membuat Template Input Field     Pada file LoginTextField.kt , akan dibuat template untuk input field pada tampilan login dengan menggunakan komponen OutlinedTextField() ....

 Tugas 4 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 kelas : PBB F Pembuatan aplikasi Roll the Dice 1. Import Gambar     Berbagai gambar yang diperlukan akan diimport untuk melakukan penugasan ini. Dilakukan import 6 gambar dadu dengan menampilkan nomor yang berbeda. Gambar ini nantinya akan ditampilkan setiap kali akan dilakukan pengacakan dadu. 2. Percabangan untuk Setiap Gambar     Sebelum gambar dadu dan tombol ditampilkan pada UI, diperlukan percabangan untuk memanggil setiap gambar yang berbeda. Akan tetapi, sebelum membuat percabangan, terlebih dahulu, kita membuat sebuah state dengan nama result .     Saat tombol ditekan, makan tombol tersebut akan menghasilkan angka acak dari 1-6. Hasil nomor yang didapatkan setelah pengacakan akan disimpan di state result . Setiap perubahan nilai pada state result  akan menyebabkan re-render pada componen tersebut. Untuk mempertahankan nilai dari state saat dilakukan re-render,...

 Tugas 3 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 Kelas : PBB F Tugas membuat ucapan selamat ulang tahun. 1. Membuat tampilan text      Pertama, akan dibuat fungsi yang akan menampilkan tampilan teks ucapan selamat ulang tahun. Fungsi tersebut akan dinamakan GreetingText() @Composable fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) { Column( verticalArrangement = Arrangement.Center, modifier = modifier.padding(8.dp) ) { Text( text = message, fontSize = 100.sp, lineHeight = 116.sp, textAlign = TextAlign.Center ) Text( text = from, fontSize = 36.sp, modifier = Modifier .padding(16.dp) .align(alignment = Alignment.CenterHorizontally) ) } } 2. Memasukkan gambar     Kita dapat menggunakan kompoenen Image()  untuk menambahk...

Tugas 2 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 kelas : PBB F Pembuatan aplikasi sederhana dengan menggunakan Jetpack Compose pada Andorid Studio. 1. Buat Project Baru     Pada saat membuat Andoroid Studio, tambahkan project baru dengan Empty Activity . Setelah itu, namakan Project sesuai dengan tema Project, dan SDK Version yang digunakan adalah API 24. 2. Tampilan Awal     Setelah menambahkan project baru, tampilan awal akan terlihat sebagai berikut               Terdapat fungsi `Greeting()` yang memiliki dianotasikan dengan `@Composable`, hal ini menandakan, fungsi tersebut berguna untuk mengkonstruksi / mengatur tampilan UI. 3. Edit tampilan sesuai dengan kebutuhan      Kita dapat mengubah konten pada tampilan dengan mengedit langsung pada fungsi `Greeting()`. Pada tugas kali ini, akan ditambahkan beberapa komponen `Text()` untuk menambahkan data teks. Tak hanya itu, akan diguna...