Posts

Image
  Tugas 6 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP: 5025201169 PPB F Membuat aplikasi image scroll dengan desin material. Berikut adalah tampilan dari halaman aplikasi. Link Github: Image Scroll
    EAS - Pemrograman Perangkat Bergerak Nama : James Silaban NRP : 5025201169 kelas : PBB F Pembuatan Aplikasi Starbucks Soal: 1.  Buat pertanyaan/problem yang akan diselesaikan 2. Buat spesifikasi dan deskripsi aplikasi yang mampu dibuat 3. Rancang design UI dan implementasi 4. Implementasikan Rancangan 5. Buat presentasi dan demo implementasi upload di Youtube, dan isi lembar monitoring Link Docs: DOKUMEN EAS Link Github: GITHUB REPO Link Youtube: Demo EAS PPB
Image
  Tugas 7 - Pemrograman Perangkat Bergerak Nama : James Silaban NRP: 5025201169 PPB F Membuat aplikasi game Unscramble dengen penerapan ViewModel pada Jetpack Compose. Berikut adalah Tampilan dari aplikasi yang dibuat User akan diminta menebak kata dari susunan huruf yang acak Jika bisa menebak, user dapat menebak kata tersebut dan menekan tombol submit. Jika tidak, tekan tombol Skip. Diakhir, akan keluar alert yang memberitahukan informasi mengenai tebakan benar oleh user. Link Github: Unscramble
Image
  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 ...
Image
 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() ....
Image
 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,...
Image
 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...