Tugas 2 : Membuat Hello World App dengan Jetpack Compose di Android Studio

By

Membuat Aplikasi Hello World dengan Jetpack Compose di Android Studio

Nama: Rafi Aliefian Putra Ramadhani
NRP: 5025211234
Kelas: Pemrograman Perangkat Bergerak (G)

Jetpack Compose adalah toolkit modern untuk membangun antarmuka pengguna (UI) di Android dengan pendekatan deklaratif dan berbasis Kotlin. Dengan Compose, pengembang dapat membuat UI dengan lebih efisien dengan mendefinisikan elemen-elemen UI melalui fungsi composable, yang memungkinkan UI berubah secara otomatis ketika data yang mendasarinya mengalami perubahan. Ini menghilangkan kebutuhan untuk mengelola tampilan dan logika UI secara manual, memberikan cara yang lebih bersih dan lebih sederhana dalam mengelola UI di Android.

Di dalam Compose, komponen UI dibangun dengan memanggil fungsi-fungsi composable, yang dapat berupa elemen-elemen UI kecil yang dapat digunakan kembali. Setiap komponen bertanggung jawab untuk satu bagian dari layar, dan ketika data berubah, fungsi composable akan dijalankan ulang untuk memperbarui UI sesuai dengan perubahan tersebut.

Pada aplikasi Android yang menggunakan Compose, MainActivity tetap berfungsi sebagai titik masuk aplikasi. Namun, alih-alih menggunakan layout XML, kamu akan menggunakan fungsi setContent untuk menentukan tampilan aplikasi, di mana kamu akan memanggil fungsi-fungsi composable untuk mendefinisikan UI aplikasi.

Berikut adalah screenshot hasil aplikasi "Hello World" yang dijalankan di emulator Android Studio:

Untuk melihat tampilan UI sebelum menjalankan aplikasi, Android Studio menyediakan fitur Preview. Dengan fitur ini, tampilan UI dari fungsi composable dapat langsung dilihat tanpa perlu menjalankan emulator atau perangkat fisik.

Cukup tambahkan anotasi @Preview pada fungsi composable yang tidak memiliki parameter atau memiliki parameter default. Setelah itu, build project, dan Android Studio akan menampilkan tampilan UI di editor.

Secara default, fungsi Preview Composable sudah tersedia di file MainActivity.kt. Beberapa pratinjau juga dapat ditambahkan dalam satu file dan diberi nama untuk mengorganisir tampilan UI.

Untuk hasil akhir dalam bentuk Video seperti berikut:

Berikut link repository Github dari Program Hello World App tersebut:

Lihat Repository GitHub

Kesimpulan

Jetpack Compose menyederhanakan pembuatan UI di Android dengan pendekatan deklaratif yang memungkinkan pengelolaan tampilan lebih efisien dan lebih bersih. Dengan fitur Preview, pengembang bisa langsung melihat perubahan UI tanpa menjalankan aplikasi, yang sangat mempercepat proses pengembangan. Penggunaan fungsi composable dan setContent pada MainActivity memberikan kontrol lebih besar terhadap tampilan aplikasi, memungkinkan komponen UI dibangun secara modular dan dapat digunakan kembali.

Comments

Post a Comment

Popular posts from this blog

Tugas 1: Resume Perkembangan Teknologi Perangkat Bergerak pada Perangkat Mobile

By
Image
Resume/Review Perkembangan Teknologi Perangkat Bergerak dari berbagai aspek yang terdapat pada Perangkat Mobile   Nama: Rafi Aliefian Putra Ramadhani NRP: 5025211234 Kelas: Pemrograman Perangkat Bergerak (G)   Penjelasan dalam bentuk Video:   Penjelasan dalam bentuk Tulisan: Definisi Perangkat Bergerak Perangkat bergerak merujuk pada kategori perangkat elektronik portabel yang dirancang untuk mobilitas tinggi dan pengoperasian mandiri. Perangkat-perangkat ini, seperti smartphone , tablet, dan perangkat wearable , memiliki kemampuan komputasi yang signifikan dan dapat menjalankan berbagai aplikasi. Fungsi utamanya meliputi komunikasi, akses informasi, hiburan, navigasi, dan produktivitas, yang terus berkembang seiring dengan kemajuan teknologi. Artikel ini mengkaji bagaimana evolusi mobile computing telah mengubah cara kita berinteraksi dengan dunia digital, melalui ino...
Read More →

Tugas 4 : Windows Presentation Foundation

By
Image
Pemrograman Berbasis Kerangka Kerja Latihan 4 - Membuat Windows Presentation Foundation (UI Dashboard) 25/09/2023      Halo semua! pada kesempatan kali ini, saya ingin membagikan pengalaman dalam membuat Project  Windows Presentation Foundation  ( UI Dashboard ) untuk Desktop. Projek ini dirancang menggunakan  .NET Framework  dan  Bahasa C#  serta dibantu dengan  bahasa deklaratif turunan dari XML , yakni  XAML , agar dapat di-kompilasi dengan Windows Presentation Foundation (WPF) dan juga dengan menggunakan tools  Visual Studio 2022 .  Dalam penjabaran-nya, lebih jelasnya yaitu menciptakan aplikasi desktop berupa User Interface dari  Dashboard   Course Management App , yang mencakup penggunaan ikon yang dapat menggambarkan menu bar sekaligus dapat menjadi navigasi item. Saya juga menambahkan ikon lainnya seperti persen, star , visualisasi gambar dengan tujuan ...
Read More →

Tugas 4 Pert. 6 : Seleksi dan Manajemen Proyek

By
Image
 Analisis Perancangan Sistem Informasi - Seleksi dan Manajemen Proyek  Sebelum beranjak lebih jauh, alangkah pentingnya “Apa itu Proyek?”  Menurut Kerzner , proyek merupakan serangkaian aktivitas dan tugas yang memiliki tujuan spesifik untuk diselesaikan, mempunyai waktu mulai dan waktu akhir, batasan anggaran, menggunakan sumber daya yang ada (SDM dan non SDM), serta multifungsi.  Berdasarkan pengertian tersebut, proyek memiliki beberapa karakteristik sebagai berikut :   Memiliki tujuan yang akan dicapai.  Bersifat sementara, masa hidup yang terdefinisi (mulai dan akhir).  Menghasilkan produk atau layanan yang unik.  Melakukan sesuatu yang belum pernah dilakukan sebelumnya.  Memerlukan waktu, biaya dan kebutuhan yang spesifik Pada dasarnya, pokok topik ini memiliki 2 sisi definisi yakni Seleksi Proyek dan Manajemen Proyek. Keduanya memiliki definisi masing-masing.              ...
Read More →