Tugas Pertemuan 11 - MarketSiswa

Nama: Dewa Putu Ananda Taurean Mahesa

NRP: 5025231158

Kelas: Pemrograman Perangkat Bergerak C


Link Github Proyek

1. Deskripsi Singkat Proyek

MarketSiswa adalah prototipe aplikasi marketplace sederhana yang dirancang khusus untuk memfasilitasi siswa dalam menjual dan membeli produk di lingkungan sekolah. Fokus pada fase ini adalah membangun antarmuka pengguna (UI) yang responsif dan pengalaman pengguna (UX) yang interaktif menggunakan teknologi modern dari Android.

2. Arsitektur dan Teknologi Utama

  • Jetpack Compose: Digunakan sebagai pendekatan deklaratif untuk membangun UI, menggantikan sistem XML tradisional karena lebih ringkas dan intuitif.
  • Material Design 3: Diimplementasikan untuk memastikan konsistensi visual, hierarki warna, dan tata letak standar aplikasi Android modern.
  • State Management: Menggunakan "remember" dan "mutableStateListOf" untuk menyimpan data produk tiruan (mock data) secara sementara di dalam memori sebelum integrasi database SQLite/Room di masa mendatang.

3. Tahapan Pengembangan

A. Kerangka Utama (Scaffolding)

Pengembangan dimulai dengan membuat struktur navigasi dasar menggunakan komponen "Scaffold". Ini mencakup:
  • Top Bar: Memberikan konteks halaman saat ini kepada pengguna.
  • Bottom Navigation: Memungkinkan perpindahan cepat antara halaman utama (Home) dan profil pengguna (Profile).
  • Floating Action Button (FAB): Ditempatkan di sudut kanan bawah sebagai tombol aksi utama (menambah produk).

B. Implementasi Layar (Screens)

Aplikasi ini memiliki tiga layar utama:
  1. Home Screen: Menampilkan daftar produk menggunakan "LazyColumn" agar dapat di-scroll dengan mulus. Setiap produk dibungkus menggunakan komponen "Card" untuk memberikan struktur visual yang jelas dan memudahkan pengguna membaca informasi.
  2. Add Product Screen: Berisi text fields untuk memasukkan nama, harga, dan deskripsi produk. Layar ini mengimplementasikan hierarki tombol yang jelas, membedakan antara aksi utama (Simpan) dan aksi sekunder (Batal).
  3. Profile Screen: Tampilan statis sederhana yang menunjukkan informasi pengguna saat ini.

C. Umpan Balik System (System Feedback)

Untuk memastikan UX yang baik, sistem harus memberikan respons terhadap aksi pengguna. Implementasinya meliputi:
  • Loading State: Menggunakan "CircularProgressIndicator" untuk memberi tahu pengguna bahwa sistem sedang memproses data saat tombol "Simpan" ditekan.
  • Success Notification: Menampilkan pesan pop-up singkat menggunakan "Snackbar" ketika produk baru berhasil ditambahkan tanpa mengganggu aliran navigasi.

4. Hasil Akhir






Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 7 - LoginPage

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat login page sederhana dengan Android Studio dan Jetpack Compose. 1. Package Library package com.example.loginpage import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.border import androidx.compose.foundation.layout.* import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.verticalScroll import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled. AccountCircle import androidx.compose.material.icons.filled. Email import androidx.compose.material.icons.filled. Lock import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui...
Read more

Tugas 1 - Eksplorasi Perkembangan Teknologi

Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Device OS Dibuat Oleh Negara Tahun Fungsi Programming Link Gambar/Video Smart TV Tizen Samsung Korea Selatan 2012 Hiburan & IoT Hub C++, HTML5 Lihat Gambar Smartphone Android Google Amerika Serikat 2008 Ekosistem Mobile Kotlin, Java Lihat Gambar Smartphone iOS Apple Amerika Serikat 2007 Ekosistem Mobile Apple Swift Lihat Gambar Smartwatch watchOS Apple Amerika Serikat 2015 Kesehatan & Notifikasi Swift, SwiftUI Lihat Gambar Smart Speaker Alexa (Fire OS) Amazon Amerika Serikat 2014 Asisten Virtual Java, Python Lihat Video Smart Home Hub Google Home OS Google Amerika Serikat 2016 Otomasi Rumah Go, Java Lihat Gambar Game Console PS5 OS Sony Jepang 2020 Gaming & Multimedia C++, C# Lihat Video Handheld Console SteamOS Valve Amerika Serikat 2013 Portable PC Gaming C++...
Read more

Tugas Pertemuan 6 - Kalkulator

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat aplikasi kalkulator dengan Android Studio. Untuk memudahkan pengembangan, bisa menggunakan library exp4j untuk mengevaluasi ekspresi matematis atau logika urutan perhitungan. 1. Menyiapkan exp4j implementation ( "net.objecthunter:exp4j:0.4.8" ) Pertama harus menambahkan line di atas pada file build.gradle.kts (Module :app) di bagian dependencies lalu melakukan sync. Selanjutnya bisa langsung membuka file MainActivity.kt. 2. Package Library package com.example.calculator import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.background import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import a...
Read more