MEMBUAT BIRTHDAY CARD DI ANDROID STUDIO

Tugas 2 - Membuat Birthday Card

Nama : Wahyu Tri Saputro

NRP : 5025201217

Kelas : PPB - B


Pada tugas kedua kelas PPB-B ini, kami diminta untuk membuat sebuah aplikasi sederhana yang menampilkan sebuah ucapan happy birthday. Pada project kali ini kita menggunakan Android Studio dan bahasa kotlin sebagai media membuat aplikasi. Aplikasi ini akan menerapkan "Composable" pada Jetpack Compose.

Pertama, buka Android Studio dan buat project baru, klik empty activity. Setelah itu berikan nama project dan lokasi project seperti biasa.


Langkah selanjutnya adalah membuat fungsi Greeting yang berisi ucapan selamat ulang tahun. Pada fungsi ini terdapat dua parameter, yaitu message yang berisi pesan ucapan selamat ulang tahun dan from yang berisi nama pengirim. Fungsi Greeting ini dipanggil di fungsi onCreate supaya dapat ditampilkan di aplikasi. Untuk menampilkan preview aplikasi yang sudah dibuat, dapat menggunakan anotasi “Preview” yang ditulis “@Preview” dan juga membuat fungsi BirthdayCardPreview di bawahnya. Fungsi BirthdayCardPreview ini memanggil fungsi Greeting yang argumennya dapat diisi dengan pesan ucapan dan nama pengirim. Untuk melihat preview aplikasi dapat memilih panel “Desain” di sebelah kanan atas kode sumber, sedangkan untuk melihat kode sumber sekaligus preview aplikasi dapat memilih panel “Split” di sebelah kiri panel “Desain”.


Kemudian langkah selanjutnya adalah memberikan style pada teks supaya terlihat lebih menarik. Untuk teks message, hal pertama yang dapat ditambahkan adalah properti font size dengan ukuran 100 sp (Scalable Pixel). Karena huruf-huruf pada teks message tumpeng tindih, maka dapat menambahkan properti line height dengan ukuran 120 sp. Selanjutnya, dapat digunakan properti textAlign dan mengisinya dengan TextAlign.Center untuk memposisikan teks message ke bagian tengah. Namun, karena teks message terlalu besar, ukuran font size dikecilkan menjadi 90 sp.



Full code :



Mungkin seperti ini kurang lebih aplikasi birthday card. Untuk referensi dan link github project ada di bawah.


Comments

Post a Comment

Popular posts from this blog

MEMBUAT APLIKASI SCRAMBLE WORD

   Tugas 8 - Membuat Aplikasi Scramble Word Nama : Wahyu Tri Saputro NRP : 5025201217 Kelas : PPB - B Halo, pada tugas kali ini saya akan membuat aplikasi The Unscramble atau Scramble Word menggunakan Jetpack Compose dengan mengikuti tutorial dari  ViewModel and State in Compose (android.com) .  1. MainActivity.kt package com.example.scrambleword import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview. Preview import com.example.scrambleword.ui.theme.GameScreen import com.example.scrambleword.ui.theme.ScrambleWordTheme class MainActivity : ComponentActivity() { overr...
Read more

MEMBUAT APLIKASI DICE ROLLER

Image
Tugas 3 - Membuat Aplikasi Dice Roller Nama : Wahyu Tri Saputro NRP : 5025201217 Kelas : PPB - B Tugas ketiga PPB kali ini kita diminta untuk mencoba membuat interaksi di aplikasi kita. Kita akan menggunakan button interaction.  Dalam project Dice Roller ini akan dipelajari beberapa hal, antara lain cara menambahkan composable Button ke aplikasi Android dengan Compose, cara menambahkan perilaku ke composable Button di aplikasi Android dengan Compose, cara membuka dan mengubah kode Activity untuk aplikasi Android. Sama seperti sebelumnya, kita buat dulu new activity di Android Studio. Berikut adalah instruksi untuk membuat proyek Dice Roller menggunakan Android Studio: Membuat Proyek 1. Buka Android Studio dan buat proyek baru dengan langkah-langkah berikut:    - Pilih File > New > New Project.    - Pilih Empty Activity pada dialog New Project dan klik Next.    - Beri nama proyek Dice Roller.    - Pilih Minimum SDK level 24 (Nougat) dan ...
Read more

MEMBUAT APLIKASI DESSERT CLICKER

Image
  Tugas 7 - Membuat Aplikasi Dessert Clicker Nama : Wahyu Tri Saputro NRP : 5025201217 Kelas : PPB - B Halo, pada tugas kali ini saya akan membuat aplikasi Dessert Clicker menggunakan Jetpack Compose. Jika mengacu pada referensi dari materi Activity dan Intent, maka siapkan beberapa hal seperti gambar dll. Source code: 1. MainActivity.kt package com.example.dessertclicker import android.content.ActivityNotFoundException import android.content.Context import android.content.Intent import android.os.Bundle import android.util.Log import android.widget.Toast import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.annotation. DrawableRes import androidx.compose.foundation.Image import androidx.compose.foundation.background import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Box import androidx.compose.foundatio...
Read more