Tugas Pertemuan 2: Basic Text Jetpack Compose


Basic Text Jetpack Compose


Vito Febrian Ananta
5025211224
Pemrograman Perangkat Bergerak (D)
Kode: (Github Repository)

Pada pertemuan ke-2 ini, telah dibuat aplikasi android yang dapat menampilkan sebuah teks sederhana yaitu "hi from earth!". Pembelajaran ini dilaksanakan berdsarakan referensi sebagai berikut: https://developer.android.com/codelabs/jetpack-compose-basics#0

Berikut adalah contoh kode inti dalam membuat teks yang sederhana:


Berikut adalah contoh kode modifikasi yang dilakukan:
1. Struktur data Recipe (untuk view list)


2. State shouldShowOnboarding (untuk trigger ganti view onboarding dan list)


3. value recipes (untuk default value untuk list)


4. button back (untuk kembali dari list view ke onboarding view)



Video Presentasi:


Tampilan Android Studio:


Tampilan Android:
1. Onboarding View


2. Recipe List View










Comments

Post a Comment

Popular posts from this blog

Tugas 11 Authentication

Image
        Aplikasi Authentication Vito Febrian Ananta 5025211224 Pemrograman Perangkat Bergerak (D) Kode: ( Github Repository ) Pada tugas ke-11 ini, telah dibuat aplikasi untuk implementasi authentication. Untuk mengembangkan kemampuan secara teknis dan kreatifitas, saya memutuskan untuk mendalami aplikasi ini dengan beberapa poin berikut: 1.  Implementasi Arsitektur MVVM 2.  Implementasi Database Room Berikut adalah penjelasan detail dari kodenya: 1. Implementasi StateFlow untuk Mengelola UI State StateFlow adalah cara modern untuk mengelola state dalam ViewModel yang bersifat reactive. Dengan menggunakan MutableStateFlow sebagai private property dan StateFlow sebagai public property, kita memastikan bahwa hanya ViewModel yang dapat mengubah state, sementara UI hanya dapat mengobservasi perubahan state. Penggunaan _uiState.update() memungkinkan kita melakukan perubahan state secara immutable dan thread-safe, yang sangat penting untuk menjaga konsistens...
Read more

Tugas 6 Converter

Image
    Aplikasi Converter Vito Febrian Ananta 5025211224 Pemrograman Perangkat Bergerak (D) Kode: ( Github Repository ) Pada tugas ke-6 ini, telah dibuat aplikasi converter. Untuk mengembangkan kemampuan secara teknis dan kreatifitas, saya memutuskan untuk mengembangkan aplikasi ini dengan menambah beberapa poin berikut: 1. Menghandle length dan speed converter. 2. Di currency converter menghandle mata uang sebagai berikut: - IDR - USD - EUR - JPY 3. Di length converter meng-handle satuan pajang sebagai berikut: - mm - cm - m - km 4. Di speed converter meng-handle satuan kecepatan sebagai berikut: - kph - mph Berikut adalah penjelasan detail dari kodenya: 1.  App Structure and UI Design Aplikasi konverter menggunakan Jetpack Compose dengan prinsip desain Material 3 untuk menciptakan antarmuka yang bersih dan intuitif dengan navigasi berbasis tab. Layar utama memungkinkan pengguna untuk beralih di antara berbagai konverter melalui chip filter, memberikan pengalaman yang konsi...
Read more

Tugas 8 Woof

Image
      Aplikasi Woof Vito Febrian Ananta 5025211224 Pemrograman Perangkat Bergerak (D) Kode: ( Github Repository ) Pada tugas ke-8 ini, telah dibuat aplikasi yang menampilkan list anjing yang meengunakan Material Design. Untuk mengembangkan kemampuan secara teknis dan kreatifitas, saya mendalami aplikasi ini pada beberapa poin berikut: 1. Cara Menerapkan Tema Material ke Aplikasi Compose 2. Cara Menambahkan Palet Warna Kustom ke Aplikasi 3. Cara Menambahkan Font Kustom ke Aplikasi 4. Cara Menambahkan Bentuk Kustom ke Elemen di Aplikasi 5. Cara Menambahkan Panel Aplikasi Atas ke Aplikasi Berikut adalah penjelasan detail dari kodenya: 1. Cara Menerapkan Tema Material ke Aplikasi Compose Penerapan tema Material di Compose dilakukan dengan membuat fungsi tema kustom yang membungkus MaterialTheme . Fungsi ini menentukan skema warna berdasarkan mode gelap/terang dan versi Android, kemudian menggabungkan semua elemen desain (warna, bentuk, tipografi) dalam satu tem...
Read more