Tugas PPB 9

Nama: Mohammad Firman Fardiansyah

NRP: 5025201109

Kelas: PPB I

Aplikasi Woof

Dalam latihan ini, kita akan belajar membuat aplikasi woof menggunakan material design yang menampilkan daftar anjing dan informasinya. Latihan yang perlu dilakukan yaitu menambahkan animasi ke aplikasi woof, seperti informasi hobi yang akan ditampilkan saat meluaskan list item dan menambahkan string animation untuk menganimasikan list item yang diperluas.

Sebelum memulai latihan, kita perlu mengunduh file berupa zip dalam Github yang disediakan oleh tutorial yang dapat diakses di https://github.com/google-developer-training/basic-android-kotlin-compose-training-woof. Selanjutnya kita ekstraks dan buka folder tersebut pada Android Studio. Dalam folder yang telah dibuka, dapat dilihat bahwa kita memiliki empat file dalam ui.theme yaitu Color.kt, Shape.kt, Theme.kt, dan Type.kt. Selanjutnya kita perlu memodifikasi keempat file tersebut dengan menyesuaikan tutorial pada https://developer.android.com/codelabs/basic-android-kotlin-compose-woof-animation#0

Perubahan pada Color.kt bertujuan untuk menyesuaikan color palette yang akan digunakan, lalu perubahan pada Shape.kt bertujuan mendefinisikan ukuran dan bentuk shape yang digunakan, selanjutnya perubahan pada Theme.kt bertujuan untuk menyesuaikan tema yang digunakan yaitu gelap atau terang, lalu Type.kt bertujuan untuk menyesuaikan font yang digunakan.

Pada MainActivity.kt juga perlu disesuaikan dengan menambah header untuk aplikasi dengan WoofTopAppBAr, header ini diset center dengan CenterAlignedTopAppBar.




Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas PPB 2

Gambar
Nama: Mohammad Firman Fardiansyah NRP: 5025201109 Kelas: PPB I Apa itu Jetpack Compose? Jetpack Compose merupakan sebuah toolkit untuk membangun User Interface (UI) pada aplikasi Android yang dikembangkan oleh Google. Jetpack Compose dirancang untuk mempermudah dan mempercepat pembuatan UI sebuah aplikasi dengan menggunakan pendekatan deklaratif, dimana UI dideskripsikan dalam bentuk state Compose bertanggung jawab untuk mengelola rendering UI tersebut. Berbeda dengan pendekatan tradisional Android yang menggunakan XML untuk mendefinisikan layout dan Java/Kotlin untuk logika, Jetpack Compose akan mendefinisikan UI dan logika secara langsung dalam Kotlin. Hal ini akan membuat kode lebih simpel, mudah dibaca, dan memungkinkan hot reload, yang berarti perubahan pada kode dapat langsung dilihat pada aplikasi tanpa running ulang. Jetpack Compose mengintegrasikan fitur-fitur seperti state management, navigasi, animasi, dan banyak fitur lain, sehingga memungkinkan mengembangkan aplikasi yang ...
Baca selengkapnya

Tugas PPB 1

Gambar
 Tugas PPB 1 Sejarah Mobile Phone dan Perkembangan Teknologinya      Selamat datang semuanya! Hari ini, kita akan membahas suatu hal yang menarik tentang perangkat yang sering kita pakai sehari-hari, yaitu smartphone! Namun, disini kita tidak hanya membahas sejarahnya saja yaaa, tetapi kita akan membahas lebih dalam tentang perkembangan teknologi yang dinamis dalam pengembangan smartphone. Mari kita bahas satu per satu! Pengertian Smartphone      Smartphone adalah sebuah perangkat elektronik yang dapat melakukan berbagai hal dalam satu genggaman. Hal-hal yang dapat dilakukan oleh smartphone yaitu, melakukan panggilan suara, pengiriman pesan teks, memotret karena dilengkapi kamera digital, memutar musik, video, mengakses internet, dan dapat menginstal serta menjalankan berbagai aplikasi yang sangat banyak. Secara umum, smartphone dapat dianggap sebagai sebuah pusat komunikasi dan hiburan yang bersifat portabel. Smartphone juga memungkinkan penggunan...
Baca selengkapnya

Tugas PPB 7

Gambar
 Nama: Mohammad Firman Fardiansyah NRP: 5025201109 Kelas: PPB I Membuat Aplikasi Water Bottle Dalam latihan ini, kita akan belajar tentang material design dengan aplikasi langsung membuat aplikasi water bottle. Tujuan dari pembuatan aplikasi ini melatih membuat sebuah aplikasi yang dapat langsung berinteraksi dengan pengguna, yaitu dengan cara ketika sebuah tombol dipencet maka akan terdapat sebuah animasi yang menampilkan botol semakin terisi hingga penuh. Langkah pertama pembuatan aplikasi dengan membuat sebuah new project pada Android Studio dengan sebuah activity yang masih kosong. Level API yang dipilih kalau bisa yang terbaru dan minimal adalah Android Oreo pada kolom min SDK. Setelah itu kita akan membuat sebuah file baru untuk membuat antarmuka botol air yang dianimasikan tersebut Pada file WaterBottle.kt tersebut dibuat variabel waterPercentage yang dihitung dengan membagi jumlah air yang digunakan (usedWaterAmount) dengan jumlah air total (totalWaterAmount). Hasil dari pe...
Baca selengkapnya