TUGAS 1 PPB F : Aplikasi Profil Diri (Smartphone, Dekstop, Tablet, Smartwatch, TV)

TUGAS 1

Membuat Aplikasi Profil Diri dengan Jetpack Compose

5025201003 - Rahmat Faris Akbar

PPB (F)

        Dalam era digital saat ini, memiliki aplikasi profil pribadi atau bisnis bisa menjadi cara efektif untuk memperkenalkan diri atau layanan Anda kepada dunia. Dengan menggunakan Jetpack Compose, pembuatan UI di Android menjadi lebih sederhana dan lebih intuitif. Artikel ini akan membahas bagaimana membangun aplikasi profil sederhana dengan menggunakan Jetpack Compose.

Persiapan:

    Sebelum memulai, pastikan Anda telah menginstal Android Studio dan setup lingkungan pengembangan Android Anda dengan benar. Juga, pastikan bahwa Anda menggunakan versi Android Studio dan Gradle yang mendukung Jetpack Compose.

Langkah 1: Setup Proyek

Buat proyek baru di Android Studio dan pilih template "Empty Compose Activity". Beri nama aplikasi Anda dan pastikan Anda memilih bahasa pemrograman Kotlin.


Langkah 2: Definisi Data

Pertama, kita perlu mendefinisikan data yang akan ditampilkan. Untuk aplikasi profil, kita mungkin ingin menampilkan nama, judul pekerjaan, lokasi, email, nomor telepon, tentang saya, dan daftar keterampilan. Kita bisa mendefinisikan sebuah data class `ProfileData` dan `Project` untuk menyimpan informasi ini:


Langkah 3: Membangun UI

Kita akan menggunakan beberapa komponen Jetpack Compose untuk membangun UI aplikasi profil kita:

1. TopProfileSection: 

Bagian ini menampilkan foto, nama, judul pekerjaan, dan lokasi. Kita menggunakan `Card` untuk memberikan tampilan yang menarik.


2. AboutSection: 

Menampilkan informasi "tentang saya".


3. SkillsSection: 

Menampilkan daftar keterampilan dalam grid dua kolom.


4. ProjectsSection: 

Menampilkan proyek-proyek yang telah dikerjakan.


Langkah 4: Menampilkan Data

Setelah mendefinisikan komponen UI, kita perlu menampilkan data konkret:


Langkah 5: Penyusunan Layout Utama

Di `MainActivity`, gunakan `setContent` untuk menyusun komponen-komponen yang telah kita definisikan:



Tampilan Aplikasi:

Smartphone

Tablet

Smart TV

Smartwatch

Desktop

Video Demo


Repository Kode:

klik disini!

Kesimpulan:

Membuat aplikasi profil dengan Jetpack Compose memungkinkan pengembang untuk merancang dan membangun UI yang menarik dengan mudah dan cepat. Dengan mendefinisikan data, merancang komponen, dan menggabungkannya, kita dapat membuat aplikasi profil yang informatif dan visual menarik.

Comments

Post a Comment

Popular posts from this blog

TUGAS 7 PPB F : ViewModel and State in Compose

Image
TUGAS 7   ViewModel and State in Compose 5025201003 -  Rahmat Faris Akbar PPB (F)           Pada minggu ke-14 kelas Pemrograman Perangkat Bergerak F, kita ditugaskan membuat  aplikasi game Unscramble menggunakan Jetpack Compose dan ViewModel dari library Android Jetpack mengikuti panduan tutorial ViewModel and State in Compose . Panduan ini akan memandu kita melalui pengaturan proyek, memahami arsitektur, dan mengimplementasikan fungsionalitas game. Gambaran Proyek                Aplikasi Unscramble adalah permainan kata tunggal di mana pemain menebak kata yang diacak. Aplikasi ini menampilkan kata yang diacak, dan pemain menebak kata yang benar menggunakan semua huruf yang disediakan. Poin diberikan untuk tebakan yang benar, dan permainan melacak jumlah kata yang ditebak dengan benar. Setiap permainan terdiri dari 10 kata...
Read more

EVALUASI TENGAH SEMESTER PPB F

Image
Evaluasi Tengah Semester   Studi Kasus Aplikasi "myITS Mahasiswa" 5025201003 -  Rahmat Faris Akbar PPB (F) Link Docs:  jawaban dalam bentuk docs 1. Apa keuntungan menggunakan platform mobile Android dibandingkan dengan platform Propietary seperti Apple? Jawaban: Keterbukaan dan Fleksibilitas :  Android adalah sistem operasi yang bersifat open-source, yang memungkinkan para pengembang dan produsen perangkat untuk mengubah dan menyesuaikan sistem sesuai dengan kebutuhan mereka. Hal ini berbeda dengan iOS dari Apple yang memiliki sistem yang tertutup dan terkontrol ketat. Variasi Perangkat :  Android digunakan oleh berbagai merek dan model smartphone dan tablet, memberikan lebih banyak pilihan perangkat bagi konsumen dalam berbagai segmen harga. Sementara itu, Apple hanya menyediakan beberapa model yang umumnya berada di segmen harga lebih tinggi. Biaya Pengembangan yang Lebih Rendah :  Untuk para pengembang, masuk ke pasar Androi...
Read more