EAS PPB

 

EAS PPB

APLIKASI "ALFAMIND"

Nama: Muhammad Lintang Panjerino

NRP: 5025201045

Kelas: PPB I

Tahun: 2024

Link Github: Github Repository

Link Dokumen ETS: Docs Jawaban ETS


Pada EAS PPB kali ini, diberikan tugas untuk melakukan redesign sebuah aplikasi toko virtual bernama "Alfamind". Secara garis besar, aplikasi yang saya buat memiliki 6 halaman, yaitu halaman login, halaman sing in, halaman sign up, halaman beranda, halaman top up, dan halaman profile. Aplikasi ini menggunakan beberapa konsep di Jetpack Compose seperti Scaffold, Button, Image, Icon, TextField, RadioButton, LazyRow, NavHost, dan NacigationBar.

Untuk memulai pengerjaan proyek, langkah awal yang dilakukan adalah membuat proyek baru. Pada Android Studio, pilih "New Project" > pilih "Phone and Tablet" > pilih "Empty Activity" > pilih "Next". Kemudian pada window Empty Activity isi nama aplikasi yang akan dibuat, contohnya pada proyek ini judul aplikasi adalah "Alfamind_EAS_PPB_Lintang_5025201045" dengan Minimum SDK berupa API 24 (Nougat).


Pada file MainActivity.kt, hapus fungsi Greeting, pemanggilan fungsi Greeting, dan preview fungsi Greeting sehingga hanya menyisakan fungsi onCreate dengan lambda setContent yang kosong. Selain itu, hapus juga komponen import yang tidak dibutuhkan.

Kemudian, buka file build.gradle.kts dan tambahkan implementasi untuk dependensi "navigation" di paling bawah. Implementasi tersebut dapat dilihat melalui link resmi dari website Android Studio berikut: https://developer.android.com/develop/ui/compose/navigation tepatnya pada subjudul "Setup" dan pilih bahasa "Kotlin".

Setelah itu, buat beberapa file screen selain file MainActivity.kt di mana tiap file ini nantinya akan merepresentasikan tiap halaman/screen yang akan dibuat. File yang perlu dibuat adalah: SplashScreen.kt, SignIn.kt, SignUp.kt, HomeScreen.kt, TopUpScreen.kt, ProfileScreen.kt. Masukkan juga resource yang diperlukan dan import ke dalam folder res > drawable agar resource seperti gambar atau logo dapat digunakan di aplikasi.

Langkah selanjutnya adalah membuat tampilan masing-masing halaman: file SplashScreen.kt untuk halaman pembuka, file SignIn.kt untuk halaman login, file SignUp.kt untuk halaman daftar, HomeScreen.kt untuk halaman beranda, file TopUpScreen.kt untuk halaman top up, file ProfileScreen.kt untuk halaman profile store owner.

Berikut adalah tampilan akhir dari aplikasi redesign "Alfamind"

  


  

Berikur adalah video demo aplikasi redesign "Alfamind"






Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 2 PPB

Gambar
  TUGAS 2 PPB PROJEK PERTAMA JETPACK COMPOSE - GREETING Nama: Muhammad Lintang Panjerino NRP: 5025201045 Kelas: PPB I Tahun: 2024 Link Github:  Tugas 2 - Greeting Pada Tugas 2 PPB, diberikan tugas untuk membuat projek pertama aplikasi mobile sederhana dengan Jetpack Compose. Projek pertama yang dibuat adalah projek sederhana untuk memperkenalkan diri. Projek ini hanya mengubah sedikit dari template awal yang sudah disediakan. Pada projek ini, digunakan software berupa Android Studio dan memakai bahasa Kotlin. Berikut adalah langkah untuk mengerjakan projek ini Setelah membuat projek baru pada Android Studio, tampilan akan langsung diarahkan ke file MainActivity.kt yang merupakan file utama projek yang dapat digunakan untuk mengubah dan memodifikasi projek. Untuk melihat tampilan sementara dari aplikasi Android yang dibuat, dapat melakukan preview dengan menggunakan emulator dari Android Studio. Caranya adalah dengan memilih menu "Device Manager" di sebelah kanan sisi...
Baca selengkapnya

Tugas 3 PPB

Gambar
  TUGAS 3 PPB MEMBUAT BIRTHDAY CARD Nama: Muhammad Lintang Panjerino NRP: 5025201045 Kelas: PPB I Tahun: 2024 Link Github:  Tugas 3 - Birthday Card Pada Tugas 3 PPB kali ini, diberikan tugas mengenal lebih dalam tentang “Composable” pada Jetpack Compose. Untuk memahami konsep “Composable” lebih mendalam secara langsung, dibuat proyek sederhana yang berupa aplikasi ucapan selamat ulang tahun sederhana. Pada proyek ini, digunakan software Android Studio dan bahasa pemrograman Kotlin. Proyek ini menggunakan referensi dari situs https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables?hl=id#0 yang kemudian dimodifikasi. Berikut adalah langkah untuk mengerjakan projek ini. Langkah pertama adalah membuat proyek baru pada Android Studio dan pilih proyek kosong “Empty Activity”. Kemudian, isi nama proyek, lokasi proyek, dan minimum SDK pada window “Empty Activity”. Setelah mengisi detail proyek, maka akan diarahkan langsung ke file MainActivity.k...
Baca selengkapnya

Tugas 4 PPB

Gambar
  TUGAS 4 PPB DICE ROLLER APPLICATION Nama: Muhammad Lintang Panjerino NRP: 5025201045 Kelas: PPB I Tahun: 2024 Link Github:  Tugas 4 - Dice Roller Pada Tugas 4 PPB kali ini, diberikan tugas memahami materi “Interaksi Button” pada Jetpack Compose. Untuk memahami konsep “Interaksi Button” lebih mendalam secara langsung, dibuat proyek sederhana yaitu aplikasi “Dice Roller” interaktif. Aplikasi ini berjalan dengan cara menekan button kemudian dadu akan menampilkan angka dadu secara acak. Dalam proyek “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. Pada proyek ini, digunakan software Android Studio dan bahasa pemrograman Kotlin. Proyek ini menggunakan referensi dari situs Codelab berjudul “Membuat Aplikasi Dice Roller Interaktif” berikut https:/...
Baca selengkapnya