Tugas 2 (PPB) - Instalasi Android Studio dan Jetpack Compose, Program Hello World dan Perkenalan Diri

Nama: Yehezkiel Wiradhika

NRP: 5025201086

Kelas: PPB (F)


Pada blog kali ini, saya akan membahas beberapa hal, yakni sebagai berikut: 

1. Perkenalan Android Studio dan Jetpack Compose

2. Download dan instalasi Android Studio dan Jetpack Compose

3. Pembuatan program "Hello World" dan perkenalan diri

4. Menjalankan kode


I. Android Studio dan Jetpack Compose

Android Studio

Android Studio adalah Lingkungan Pengembangan Terintegrasi (IDE) resmi untuk pengembangan aplikasi Android, yang disediakan oleh Google. Ini didasarkan pada IntelliJ IDEA IDE dan dirancang khusus untuk pengembangan Android. Android Studio menawarkan seperangkat alat dan fitur lengkap untuk membantu pengembang membuat, menguji, dan men-debug aplikasi Android secara efisien.


 

Jetpack Compose

Jetpack Compose adalah toolkit modern untuk membuat antarmuka pengguna (UI) Android asli yang dikembangkan oleh Google. Hal ini memungkinkan pengembang untuk membangun komponen UI menggunakan sintaksis deklaratif yang mirip dengan kerangka UI modern lainnya seperti React atau Flutter.


 

II. Instalasi Android Studio dan Jetpack Compose

Pada saat melakukan instalasi Android Studio, Jetpack Compose akan secara otomatis terinstall pada saat melakukan langkah pembuatan project baru sehingga kita tidak perlu melakukan instalasi Jetpack Compose secara terpisah.

1. Download dan Install Aplikasi Android Studio

Pergi ke halaman download resmi Android Studio dan download aplikasi Android Studio (kali ini saya menggunakan Android Studio iguana untuk Windows) seperti gambar di bawah:

Setelah aplikasi Android Studio sukses didownload, lakukan instalasi dengan mengikuti langkah-langkah instalasi yang telah disediakan dan mengisi detail instalasi sesuai kebutuhan.

2.  Buat Project Baru

Buat project baru dengan membuka pada menu navigasi, klik File --> New --> New Project. Maka akan muncul tampilan sebagai berikut:

Klik "Empty Activity" untuk membuat project baru blank yang sudah secara otomatis terdapat beberapa kode built in dari Android Studio kemudian klik Next. Setelah itu akan terlihat tampilan sebagai berikut:

Isikan nama project
"Hello World" atau nama project sesuai kebutuhan, isikan juga nama package dan lokasi project serta minimum SDK, dan build configuration language sesuai kebutuhan. Pada kali ini saya memilih Kotlin sebagai Build configuration language dan API 24 Android 7.0 sebagai minimum SDKnya.

3. Instalasi Device

Device disini akan digunakan untuk melakukan inspect terhadap UI aplikasi yang akan kita buat. Hal pertama yang harus dilakukan adalah klik Device Manager kemudian klik tombol "+" yang terdapat di bagian atas tab yang muncul lalu akan muncul tampilan sebagai berikut:

Pilih ukuran perangkat sesuai kebutuhan, pada kali ini saya memilih tipe perangkat Pixel 3a API 33 x86 64. Selanjutnya klik Next lalu akan muncul tampilan sebagai berikut:

Pilih tipe perangkat sesuai kebutuhan, pada kali ini saya memilih tipe perangkat Android 13.0 ("Tiramisu") x86_64.

III. Pembuatan Kode "Hello World" dan Pengenalan Diri

Pada kali ini, kita akan melakukan pembuatan kode di file "MainActivity.kt" yang terdapat pada folder sebagai berikut:

Berikut merupakan kode pada file tersebut yang telah dibuat (mencakup "Hello World" dan perkenalan diri)

IV. Menjalankan Kode

Sekarang, kita akan mencoba menjalankan kode yang telah kita buat. Buka Device Manager dan klik tombol play. Nanti akan muncul tampilan sebagai berikut:


 

Kemudian, klik tombol "run activity" di atas tampilan device di atas, nanti akan muncul tampilan sebagai berikut:


Berikut merupakan tampilan (hasil akhir) dari project kita kali ini:

Demikian pembahasan kita kali ini mengenai Instalasi Android Studio dan Jetpack Compose, Program Hello World dan Perkenalan Diri. Sekian dan terimakasih.

Referensi

https://metablogue.com/how-to-easily-embed-gist-in-wordpress/

https://developer.android.com/courses/jetpack-compose

https://developer.android.com/studio 

Comments

Popular posts from this blog

Tugas ETS (PPB) - Redesign & Reprogram presensi.its.ac.id

Tugas 3 - Aplikasi Selamat Ulang Tahun

Tugas 1 (PPB) - CV Mobile GlideApps