Tugas 11 - Redesign Starbucks App

 

Redesign Starbucks App

Nama: Made Daryl Adi Nugraha
NRP: 5025221008


Fitur Utama:
  • ⭐ Manajemen Rewards: Halaman khusus untuk melihat dan menukarkan poin (bintang) dengan hadiah, seperti minuman gratis.
  • ❤️ Daftar Favorit: Simpan minuman kesukaan Anda untuk dipesan kembali dengan lebih cepat di kemudian hari.
  • 📜 Riwayat Pesanan Lengkap: Semua transaksi masa lalu tercatat rapi, memudahkan pengguna untuk melacak pengeluaran atau memesan ulang.
  • 📍 Pencari Toko: Menemukan lokasi Starbucks terdekat menjadi lebih mudah, lengkap dengan informasi status buka/tutup dan menu spesialnya.
  • 👤 Profil Pengguna: Pusat kendali untuk mengakses semua fitur personal, mulai dari metode pembayaran hingga pengaturan aplikasi.
  • 📷 Pemindai Kode QR: Menggunakan teknologi CameraX dan ML Kit untuk pembayaran di kasir dengan memindai kode QR.
  • 🎨 Tema Ganda: Beralih dengan mudah antara Mode Gelap dan Mode Terang untuk kenyamanan visual tergantung keadaan.

    • 📸 Beberapa Fitur dalam Screenshot

    Berikut adalah beberapa tampilan dari aplikasi yang sudah jadi. Semua antarmuka dibangun dari nol menggunakan Jetpack Compose.

    Layar Beranda Layar Pesanan

    Detail Produk Layar Keranjang

    Notifikasi Layar Hadiah

    Metode Pembayaran Riwayat Pesanan

    🛠️ Arsitektur

    Proyek ini mengadopsi pendekatan modern dalam pengembangan Android untuk memastikan kode tetap bersih, mudah dikelola, dan dapat diskalakan.

    • Bahasa: Kotlin
    • Kerangka Kerja UI: Jetpack Compose untuk membangun UI secara deklaratif.
    • Arsitektur: MVVM (Model-View-ViewModel), memisahkan logika tampilan (View) dari logika bisnis (ViewModel).
    • Operasi Asinkron: Kotlin Coroutines dan Flow untuk menangani tugas yang berjalan di latar belakang tanpa memblokir UI.
    • Kamera & ML: CameraX dan Google ML Kit diimplementasikan untuk fitur pemindai kode QR.
    • Komponen UI: Menggunakan komponen dari Material 3 untuk tampilan yang modern dan konsisten.

    📂 Struktur Kode

    Struktur proyek diatur dengan rapi berdasarkan fungsionalitasnya untuk memudahkan navigasi:

    .
├── 📄 com.example.starbuckmembership
│
├── 🏠 data             # Model data (Produk, Pengguna, Pesanan, dll.)
│
├── 🧠 viewmodel
│   └── StarbucksViewModel.kt  # Menangani semua logika dan manajemen keadaan
│
└── 🎨 MainActivity.kt      # Titik masuk utama dan semua UI Composable
    • MainActivity.kt: Aktivitas tunggal yang menjadi host untuk seluruh aplikasi.
    • StarbucksViewModel.kt: Pusat dari semua logika bisnis, dari mengelola data pengguna hingga memproses pesanan.
    • paket data: Berisi semua kelas data Kotlin yang mendefinisikan struktur data aplikasi.

    🚀 Cara Run

    1. Kloning Repositori:
      git clone https://github.com/username-anda/nama-repositori-anda.git
    2. Buka di Android Studio: Buka proyek melalui Android Studio versi terbaru.
    3. Bangun Proyek: Biarkan Gradle menyinkronkan dependensi, lalu bangun proyek.
    4. Jalankan Aplikasi: Pilih emulator atau perangkat fisik untuk menjalankan aplikasi.
    Gambar Aplikasi Lengkap:

    Home Page

     TopUp Page


    Rewards Page


    Order Page


    Order Detail Page


    Screenshot Lengkap



    Profile Page


    Notifications Page


    Payment Method Page


    Order History Page


    Favorites Page


    Settings Page


    Help & Support Page

    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    Tugas 6 - CurrencyConverter

    Gambar
      Membuat Currency Converter Sederhana Nama: Made Daryl Adi Nugraha NRP: 5025221008 Link Github:  https://github.com/Lyradd/Tugas-6-PPB-G Gambar Aplikasi  💱 Aplikasi Konversi Mata Uang (Jetpack Compose) Aplikasi konversi mata uang sederhana dan mudah digunakan yang dibangun menggunakan Jetpack Compose . Dengan aplikasi ini, pengguna dapat mengonversi jumlah uang dari satu mata uang ke mata uang lainnya berdasarkan nilai tukar yang telah ditentukan. ✨ Fitur Input jumlah uang yang ingin dikonversi Beragam pilihan mata uang asal dan tujuan ❌ Kelemahan Nilai mata uang masih statis / belum live (hardcoded) 💡 Penjelasan Fungsi Utama Fungsi CurrencyConverterApp() Fungsi ini merupakan komponen utama dari aplikasi yang menangani seluruh tampilan dan logika konversi. Fungsi ini memungkinkan pengguna untuk: Mengetik jumlah uang yang akan dikonversi. Memilih mata uang asal dan mata uang tujuan dari daftar dropdown. Melihat hasil konversi saat ...
    Baca selengkapnya

    Tugas 7 - UI Login

    Gambar
      Membuat Halaman Login Sederhana Nama: Made Daryl Adi Nugraha NRP: 5025221008 Link Github:  https://github.com/Lyradd/Tugas-7-PPB-G Gambar Aplikasi: Source Code: MainActivity.kt: package com.example.mylogin import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.Scaffold import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview.Preview import com.example.mylogin.ui.theme.MyLoginTheme class MainActivity : ComponentActivity() {     override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState)         setContent {               ...
    Baca selengkapnya