Tugas 10 Unscramble Word App

 Unscramble Word App

    Pada pertemuan kali ini, dilakukan secara online dan diberikan tugas untuk membuat aplikasi unscramble word. Aplikasi ini adalah game pengacak ejaan kata untuk satu pemain. Aplikasi menampilkan kata acak, dan pemain harus menebak kata tersebut menggunakan semua huruf yang ditampilkan. Pemain akan mendapatkan poin jika kata tersebut benar. Jika tidak, pemain dapat mencoba menebak kata sebanyak-banyaknya. Aplikasi ini juga memiliki opsi untuk melewati kata saat ini. Di pojok kanan atas, aplikasi menampilkan jumlah kata, yaitu jumlah kata acak yang dimainkan dalam game saat ini. Ada 10 kata acak per game.

    Dalam blog kali ini, akan saya lampirkan Readable source code, tampian output, source code, dan video presentasi.

Readable Source Code

class MainActivity : ComponentActivity()

  • MainActivity adalah activity utama dari aplikasi.
  • ComponentActivity adalah superclass dari activity modern berbasis Compose.
override fun onCreate(savedInstanceState: Bundle?)

  • Fungsi ini dipanggil saat activity pertama kali dibuat.
  • savedInstanceState menyimpan data state sebelumnya jika activity dimatikan dan dihidupkan kembali.
enableEdgeToEdge()
     super.onCreate(savedInstanceState)

  • Digunakan untuk menggunakan seluruh area layar, termasuk area di balik status bar dan navigation bar.
  • Cocok untuk aplikasi full-screen modern.

setContent {
    UnscrambleTheme {
        Surface(
            modifier = Modifier.fillMaxSize(),
        )

  • Fungsi ini digunakan untuk mengisi tampilan layar dengan Jetpack Compose UI.
  • Semua elemen UI akan ditampilkan di dalam blok ini.
  • Ini adalah Custom Theme (mungkin didefinisikan di file Theme.kt) untuk mengatur warna, typography, dll.
  • Membungkus semua UI agar sesuai dengan gaya aplikasi.
  • Surface adalah wadah UI yang bisa diberi warna/background.
  • fillMaxSize() artinya permukaan ini mengisi seluruh layar.
GameScreen()

  • Ini adalah Composable function yang menampilkan layar utama game.
  • Di sinilah UI untuk menyusun kata (unscramble) kemungkinan besar ditampilkan.

Tampilan Output


Source Code 


Video Presentasi


Referensi

https://developer.android.com/codelabs/basic-android-kotlin-compose-viewmodel-and-state#0
https://kuliahppb.blogspot.com/2024/05/viewmodel-and-state-in-compose.html
https://www.youtube.com/watch?v=2pxRpShpA_E&list=PLD1lNdi1NpDpl6222zhJ4s7MxX8aUxO_U&index=1

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 8 (Aplikasi Woof)

Gambar
 Aplikasi Woolf      Pada pertemuan kai ini, perkuliahan dilakukan secara online dan diberikan penugasan untuk membuat sebuah aplikasi woolf. Tugas ini merupakan tugas ke-8 yang diberikan selama perkuliahan berlangsung. Readable Source Code class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) setContent { WoofTheme { // A surface container using the 'background' color from the theme Surface ( modifier = Modifier. fillMaxSize () ) { WoofApp () } } } } } Sebagai entry point aplikasi Android: onCreate() dipanggil saat aplikasi pertama kali dibuat setContent { ... } mengatur UI menggunakan Compose WoofTheme { Surface { WoofApp() } } : Menetapkan tema dan permukaan latar belakang, lalu memanggil UI utama WoofApp() @Composable...
Baca selengkapnya

EAS Pemograman Perangkat Bergerak

Gambar
NdangFit - EAS Kelompok 14 EAS Kelompok 14: Muhammad Zien Zidan   5025211122 Ariella Firdaus Imata   5025211138 Jawahirul Wildan   5025211150 Deskripsi Aplikasi Dalam penugasan EAS kali ini, kami memutuskan untuk membuat sebuah aplikasi Sport dengan nama "NdangFit" . “NdangFit” adalah aplikasi pengelola yang dirancang untuk membantu pengguna dalam melakukan kegiatan berolahraga, khususnya olahraga di rumah. Dengan fitur-fitur yang mudah digunakan, pengguna dapat menjaga kebugaran tubuh tanpa harus pergi ke pusat kebugaran. Fitur - Fitur Sign Up & Login Target Pribadi Track Aktivitas Progress Foto Beranda UI Intuitif & Responsive Notifikasi Pengingat Profile Tampilan Awal Infografis Aplikasi Infografis NdangFit oleh Kelompok 14 Tampilan UI ...
Baca selengkapnya

Tugas 7 (Halaman Login)

Gambar
 Halaman Login Pada pertemuan ke-7 dilakukan secara asynchronus dan diberikan tugas untuk membuat sebuah halaman login, pada kesempatan ini, saya mencoba membuat halaman login seperti tugas yang diberikan lalu saya lakukan modifikasi agar lebih relevan dan lebih menarik Tampilan Halaman Login Tampilan Halaman Setelah Modifikasi Modifikasi yang saya lakukan sebagai berikut : Mengubah warna background agar lebih menarik Menambahkan kotak pada page pengisian login user agar lebih relevan Menambahkan logo email dan password agar lebih menarik Readable Source Code @Composable fun LoginScreen () { var email by remember { mutableStateOf ( "" ) } var password by remember { mutableStateOf ( "" ) } Box ( modifier = Modifier . fillMaxSize () . background ( brush = Brush.verticalGradient( colors = listOf ( Color ( 0xFF6A11CB ), Color ( 0xFF2575FC )) ) ) . padd...
Baca selengkapnya