Postingan

ViewModel and State: Unscramble App

Gambar
  Tugas 10 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-10, diberikan tugas untuk membuat aplikasi Unscramble menggunakan Android Studio untuk mendalami materi komponen arsitektur Android yaitu ViewModel dan State, dengan mengikuti  panduan  dari Android Codelabs. Berbagai latihan yang sudah dilakukan: Menambahkan class ViewModel Mempertahankan data UI melalui perubahan konfigurasi perangkat menggunakan ViewModel Memperbaiki dan meningkatkan logika game tebak kata dengan memanfaatkan State Menampilkan dialog notifikasi di akhir game Menjalankan game dengan latar warna gelap Berikut tampilan akhir aplikasi (Unscrambler):   Link source code:  [Link Github] Referensi: https://developer.android.com/codelabs/basic-android-kotlin-compose-viewmodel-and-state?hl=id#0

Activity & Intent: Dessert Clicker

Gambar
Tugas 9 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-9, diberikan tugas untuk membuat dan meningkatkan arsitektur aplikasi Dessert Clicker menggunakan Android Studio untuk mendalami materi Activity dan Intent serta memahami siklus proses aktivitas melalui logging, dengan mengikuti  panduan  dari Android Codelabs. Berbagai latihan yang sudah dilakukan: Menambah dan menggunakan logging dasar Mempelajari kasus penggunaan siklus proses Menghapus status, data, dan logika inline dari MainActivity dan memindahkannya ke ViewModel. Berikut tampilan akhir aplikasi (Dessert Clicker):       Link source code:  [Link Github] Referensi: https://developer.android.com/codelabs/basic-android-kotlin-compose-activity-lifecycle?hl=id&continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-4-pathway-1%3Fhl%3Did%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-...

Material Theme: Woof App

Gambar
  Tugas 8 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-8, diberikan tugas untuk membuat aplikasi Woof, yaitu aplikasi yang menampilkan daftar anjing dengan menggunakan Material Design untuk membuat tampilan dan pengalaman aplikasi yang menarik menggunakan Android Studio, dengan mengikuti  panduan  dari Android Codelabs. Berbagai latihan yang sudah dilakukan: Membuat tampilan sebagai langkah pertama Menggunakan Material Theme Builder untuk membuat skema warna Mengatur Theme.kt dan Color.kt untuk mengubah tema melalui WoofTheme() Mengatur tampilan dalam mode gelap dan membuat previewnya Menggunakan Row dan Card untuk pemetaan warna Memanfaatkan dynamicColor dalam WoofTheme() Mengatur tata letak komponen antarmuka (UI) aplikasi Berikut tampilan dari aplikasi (Woof). Link source code:  [Link Github] Referensi: https://developer.android.com/codelabs/basic-android-kotlin-compose-material-theming?hl...

ListUp: Aplikasi Catatan Daftar Kegiatan

Gambar
  EAS/Final Proyek - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Nerisa Afiani / 5025221064 Sebagai bentuk Evaluasi Akhir Semester, kami diberi tugas Final Proyek membuat aplikasi mobile sederhana. Saya bersama teman kelompok saya membuat aplikasi pencatatan daftar kegiatan, dengan nama "ListUp". Deskripsi: Tema ListUp adalah aplikasi mobile berbasis Android yang berfungsi sebagai pengelola daftar tugas (to-do list) dengan fitur tambahan berupa penentuan deadline dan status penyelesaian tugas, yang mempermu dah pengguna dalam mengatur jadwal dan prioritas aktivitas harian. Tujuan Membantu pengguna mencatat, mengelola, dan memantau tugas-tugas mereka secara efisien. Memberikan kemudahan dalam mengatur deadline untuk setiap tugas sehingga pengguna tidak melewatkan tenggat waktu penting. Menyediakan indikator visual (checkbox) agar pengguna dapat mengetahui tugas mana yang sudah selesai dan mana yang masih perlu dikerjakan. Menyediakan fitur ...

Study Case: Login Page

Gambar
  Tugas 7 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-7, diberikan tugas untuk membuat halaman login sederhana menggunakan Android Studio untuk menerapkan materi yang sudah dipelajari mengenai Composable, dengan mengikuti  panduan  dari Youtube. Berbagai latihan yang sudah dilakukan: Mengatur layout halaman Menampilkan gambar menggunakan composable Image Mengimplementasikan OutlinedTextField Menerima input dari user Membuat tombol menggunakan composable Button Mengatur tata letak UI menggunakan Column dan Row Menampilkan teks dan resource image sebagai clickable Berikut tampilan akhir dari aplikasi (Login Page). Modifikasi: Menampilkan UI menggunakan Preview dan mengimplementasikan MaterialTheme Menata ulang tampilan UI (mengatur alignment, jarak, padding, dsb.) Mengatur warna komponen teks menggunakan warna sekunder dari Theme Menambah jumlah clickable image Link source code:  [Link Github] Referensi:  ht...

Kotlin Language 2: Currency Converter

Gambar
  Tugas 6 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-6, diberikan tugas untuk membuat aplikasi kalkulator konversi mata uang menggunakan Android Studio untuk memahami dan mempelajari implementasi bahasa Kotlin serta melanjutkan pembelajaran pertemuan  sebelumnya . Berbagai latihan yang sudah dilakukan: Mengimplementasikan TextField Menerima input dari user Melakukan kalkulasi terhadap input menggunakan Button Mengatur tata letak UI menggunakan Column Mengatur warna komponen menggunakan warna tersier dari Theme Mengimplementasikan fungsi konversi antara 4 mata uang Berikut tampilan akhir dari aplikasi (Currency Converter).    Link source code:  [Link Github] Referensi:  https://www.youtube.com/watch?v=HlE8MEtKBr0

Kotlin Language: Simple Calculator

Gambar
  Tugas 5 - Pemrograman Perangkat Bergerak (D) Disusun oleh: Nadia Evi Nathania / 5025221063 Pada pertemuan ke-5, diberikan tugas untuk membuat aplikasi kalkulator sederhana menggunakan Android Studio untuk memahami dan mempelajari implementasi bahasa Kotlin, dengan mengikuti  panduan  dari Youtube. Berbagai latihan yang sudah dilakukan: Mengimplementasikan TextField Menerima input dari user Melakukan kalkulasi terhadap input menggunakan Button Mengatur tata letak menggunakan Column dan Row Modifikasi: Memisahkan dan menampilkan UI menggunakan Preview Mengubah penggunaan .toInt() menjadi .toDoubleOrNull() Menambahkan fungsi formatResult() untuk menampilkan desimal Mengubah cara menampilkan hasil dengan Toast menjadi Text Menata ulang tampilan UI (align centered, mengatur jarak, mengubah teks Button menjadi simbol, dsb.) Pengayaan: Menambahkan konverter suhu/temperatur antara satuan Celcius, Fahrenheit, dan Kelvin. Berikut tampilan akhir dari aplikasi (Simple Calculator). ...