Tugas 9 PPB - Membuat Aplikasi Woof

-

Nama : Afiq Akram

NRP : 5025201270

Kelas : PPB - I

Tahun : 2024


Membuat Aplikasi Woof


Starter Project
     Pada halaman tutorial, kita diberikan proyek awal yang berisi berbagai sumber daya yang diperlukan, seperti gambar dan data informasi. Anda dapat mengunduhnya dari GitHub pada cabang "starter". Kita akan memulai dengan memodifikasi proyek awal tersebut.

Menambahkan Warna
    Untuk menyusun warna yang baik, kita bisa menggunakan bantuan dari website ini. Dalam proyek awal kita, sudah tersedia file Color.kt di folder ui.theme.

Perlu diingat bahwa penamaan warna dimulai dengan nilai alpha, di mana 00 berarti opasitas minimum (transparan total), sedangkan ff berarti opasitas maksimum (solid penuh). Pada file Color.kt inilah kita menentukan warna untuk masing-masing tema gelap dan terang.

Pada file ini, kita mendefinisikan variabel untuk menyimpan daftar warna untuk tema gelap dan terang. Selain itu, kode ini juga memiliki metode composable WoofTheme, di mana penentuan penggunaan tema dilakukan. Variabel dynamicColor menentukan apakah aplikasi akan mengikuti pengaturan tema gelap/terang dari Android atau menggunakan pengaturan kustom kita sendiri. Jika bernilai TRUE, maka akan menggunakan pengaturan bawaan Android. Pada fungsi MaterialTheme, kita memanggil beberapa parameter yang telah kita definisikan: colorScheme untuk warna, Shapes dari file Shapes.kt, dan Typography dari file Type.kt. Penjelasan lebih lanjut tentang shape dan typography akan dibahas pada bagian berikutnya.


Mengubah Bentuk
Dilakukan perubahan pada file Shape.kt dan MainActivity,kt untuk merubah bentuk card anjing sehingga lebih enak dipandang, yakni dengan membuat tampilan sudut yang rounded. Pada Shape.kt sumber kode menjadi seperti ini:

Pada file ini kita mendefinisikan bentuk untuk tipe small dan medium. Variabel ini berikutnya dapat kita panggilpada DogIcon di MainActivity dengan cara berikut .clip(MaterialTheme.shapes.small).

Menambahkan tipografi
Kita perlu mendownload file font style pada google font dan mencari Montserrat dan Abril Fatface. Untuk montserrat kita menggunakan Bold dan Regular, ubah nama file menjadi montserrat_bold.ttf dan montserrat_regular.ttf. Sedangkan untuk Abril Faface menjadi abril_fatface_regular.ttf. Buatlah folder font pada folder res dengan cara berikut: klik kanan pada res, New, Anroid Resource Directory, lalu pilih ubah nama direktori menjadi font, dan tipe resource menjadi font. klik OK. Pindahkan file .ttf ke direktori font yang baru saja dibuat. Lalu kita memodifikasi sumber kode Type.kt untuk menggunakan font yang kita inginkan.

Menambahkan panel atas / header
Lakukan modifikasi sumber kode MainActivity.kt menjadi berikut:


HASIL



Komentar

Posting Komentar

Postingan populer dari blog ini

Rekursif - Tower of Hanoi

-
Rekursi Rekursif merupakan teknik memanggil dirinya sendiri secara berulang-ulang. Biasanya rekursif ini dipakai untuk sesuatu yang membutuhkan perulangan seperti factorial. Sebenarnya teknik rekursif ini merupakan teknik yang mudah karena teknik rekursif ini seperti rumus matematika aslinya. Tower of Hano/Menara Hanoi adalah sebuah permainan matematis atau teka-teki. Permainan ini terdiri dari tiga tiang dan sejumlah cakram dengan ukuran berbeda-beda yang bisa dimasukkan ke tiang mana saja. Permainan dimulai dengan cakram-cakram yang tertumpuk rapi berurutan berdasarkan ukurannya dalam salah satu tiang, cakram terkecil diletakkan teratas, sehingga membentuk kerucut. Tujuan dari teka-teki ini adalah untuk memindahkan seluruh tumpukan ke tiang yang lain, mengikuti aturan berikut: Hanya satu cakram yang boleh dipindahkan dalam satu waktu. Setiap perpindahan berupa pengambilan cakram teratas dari satu tiang dan memasukkannya ke tiang lain, di atas cakram lain yang mungkin sudah ada di...
Baca selengkapnya

Konsep dan Pemakaian Array

-
Gambar
     Array adalah sebuah variabel yang bisa menyimpan banyak data dalam satu variabel. Array menggunakan indeks untuk memudahkan akses terhadap data yang disimpannya. Indeks array selalu dimulai dari 0. Indeks Array tidak selalu dalam bentuk angka. Bisa juga karakter atau teks. 1. Array App Output 2. Low Array Output 3. High Array Output 4. Ordered Array Output 5. Class Data Array Output
Baca selengkapnya

Implementasi Stack

-
Gambar
  Stack       Stack merupakan suatu struktur data yang berbentuk tumpukan di mana proses memasukkan dan mengeluarkan data dilakukan pada satu “pintu” yang sama. Hal ini berbeda dengan struktur data Queue/antrian yang menggunakan dua “pintu”, satu pintu untuk masuk antrian dan pintu lainnya untuk keluar dari antrian. Stack atau tumpukan biar mudah memahaminya bisa diibaratkan sebagai suatu tumpukan kardus di mana hanya data yang terletak paling atas yang bisa diambil. Data yang terletak ditengah-tengah atau pun yang berada paling bawah bisa diambil jika data yang terletak di atasnya sudah diambil terlebih dahulu. Struktur data Stack merupakan struktur data yang bersifat IFO (Last in First Out) artinya data yang masuk terakhir adalah data yang bisa keluar terlebih dahulu. Data E adalah data yang terakhir dimasukkan (method Push) oleh karenanya berada pada posisi paling atas. Jika ingin mengambil data B maka terlebih dahulu harus mengeluarkan (method Pop) berturut-...
Baca selengkapnya