Marketplace Siswa

Marketplace Siswa 

Nama: Stefanus Yosua Mamamoba 
NRP: 5025231066 
Kelas: Pemrograman Perangkat Bergerak B 

 

Repository (GitHub)

 

1. Gambaran Umum

Marketplace Siswa adalah aplikasi Android yang menampilkan produk-produk buatan siswa. Aplikasi ini menggunakan pendekatan Material Design 3, seperti penggunaan card, elevation, chip kategori, search bar, floating action button, dan dialog input.

Tujuan aplikasi ini adalah membantu siswa melihat, mencari, memfilter, dan menambahkan produk kreatif seperti makanan, fashion, alat tulis, dan jasa.

2. Fitur Aplikasi

Fitur utama yang sudah tersedia:

  1. Halaman Utama Marketplace
    Menampilkan daftar produk siswa dalam bentuk card yang rapi dan mudah dibaca.

  2. Kategori Produk
    User dapat memilih kategori:

    • Semua
    • Makanan
    • Fashion
    • Alat Tulis
    • Jasa

    Saat kategori dipilih, daftar produk akan otomatis berubah sesuai kategori tersebut.

  3. Search Bar
    Search bar dapat digunakan untuk mencari produk berdasarkan:

    • Nama produk
    • Kategori
    • Nama penjual
    • Harga
    • Deskripsi

  4. Tambah Produk
    Tombol + membuka dialog tambah produk. User dapat mengisi:

    • Nama produk
    • Kategori
    • Nama penjual
    • Harga
    • Deskripsi

    Setelah disimpan, produk baru langsung muncul di daftar.

  5. Tampilan Material Design
    Aplikasi memakai elemen Material Design seperti:

    • Top App Bar
    • Card dengan elevation
    • Assist Chip
    • Floating Action Button
    • Alert Dialog
    • Text Field

3. Struktur Proyek

MarketplaceSiswa
├── app
│   ├── src
│   │   ├── main
│   │   │   ├── java/com/example/marketplacesiswa
│   │   │   │   ├── MainActivity.kt
│   │   │   │   └── ui/theme
│   │   │   │       ├── Color.kt
│   │   │   │       ├── Theme.kt
│   │   │   │       └── Type.kt
│   │   │   ├── res
│   │   │   │   ├── values
│   │   │   │   │   ├── strings.xml
│   │   │   │   │   ├── colors.xml
│   │   │   │   │   └── themes.xml
│   │   │   └── AndroidManifest.xml
│   └── build.gradle.kts
├── build.gradle.kts
├── settings.gradle.kts
└── gradle

Penjelasan singkat:

  • MainActivity.kt
    Berisi seluruh tampilan utama aplikasi, data produk, fitur search, filter kategori, dan dialog tambah produk.

  • Theme.kt
    Mengatur tema Material Design aplikasi.

  • Color.kt
    Berisi definisi warna utama aplikasi.

  • Type.kt
    Berisi pengaturan tipografi aplikasi.

  • strings.xml
    Berisi nama aplikasi, yaitu Marketplace Siswa.

4. Penjelasan Program Secara Garis Besar

Program dimulai dari MainActivity, lalu memanggil MarketplaceSiswaTheme dan menampilkan composable utama bernama MarketplaceSiswaApp.

Di dalam MarketplaceSiswaApp, aplikasi menyimpan beberapa state penting:

  • selectedCategory
  • searchKeyword
  • showAddProductDialog
  • products

State tersebut digunakan untuk mengatur kategori aktif, kata kunci pencarian, status dialog tambah produk, dan daftar produk yang tampil.

Daftar produk difilter berdasarkan dua hal:

  • val matchesCategory = selectedCategory == "Semua" || product.category == selectedCategory
  • val matchesSearch = searchKeyword.isBlank() || ...

Artinya, produk hanya ditampilkan jika sesuai kategori dan cocok dengan kata kunci pencarian.

Komponen utama aplikasi terdiri dari:

  • HeroSection()
    Menampilkan sapaan “Halo, Siswa!” dan deskripsi singkat.

  • SearchField()
    Menampilkan search bar untuk mencari produk.

  • CategoryRow()
    Menampilkan chip kategori yang bisa dipilih.

  • ProductCard()
    Menampilkan informasi setiap produk.

  • AddProductDialog()
    Menampilkan form tambah produk.

     

    Demo 

     

Comments

Post a Comment

Popular posts from this blog

MyMoney Notes

Image
 MyMoney Notes Kelas: Pemrograman Perangkat Bergerak B  Anggota 1   Nama: Nathanael Valen Susilo   NRP: 5025231099 Anggota 2 Nama: Stefanus Yosua Mamamoba  NRP: 5025231066  Link  Source Code ( GitHub )  Download ( Drive )  Blogspot Anggota  ( Blogspot ) PowerPoint  ( Drive ) Video Presentasi ( Youtube ) Deskripsi Aplikasi ini membantu pengguna dalam mencatat pemasukan, pengeluaran, serta menganalisis laporan keuangan berdasarkan transaksi yang sudah tercatat. Setiap penambahan pemasukan dan pengeluaran memiliki kategorinya masing-masing, seperti gaji, transfer masuk, bonus, dan pendapatan lain pada bagian deposit. Sebaliknya, pada bagian pembayaran terdapat kategori, seperti makan & minum, transportasi, belanja, tagihan, dan pengeluaran lain. Setiap transaksi tercatat dalam histori dan pengguna dapat melihat laporan keuangan dalam  time frame  yang  customizable,  baik dalam minggu, bulan, maupun tahun...
Read more
Membuat Halaman Login Nama: Stefanus Yosua Mamamoba  NRP: 5025231066  Kelas: Pemrograman Perangkat Bergerak B Source Code ( Github ) Penjelasan LoginScreen adalah composable utama untuk halaman login. Terdapat tiga state: email, password, dan passwordVisible. Context diambil dari LocalContext.current untuk menampilkan Toast. UI disusun dengan Column dan posisi konten di tengah. Di bagian atas ada gambar dari drawable, lalu teks “Welcome Back” sebagai judul dan “Login to your account” sebagai subjudul. Input email dan password menggunakan OutlinedTextField. Field password menggunakan PasswordVisualTransformation dan memiliki tombol untuk show/hide password. Tombol Login akan mengecek:  Email kosong, Password kosong, dan Password kurang dari 6 karakter. Jika lolos, muncul Toast “Login berhasil”. Jika tidak, muncul pesan error sesuai kondisi. Teks “Forgot Password?” bisa diklik dan menampilkan Toast bahwa fitur belum tersedia. Di bawahnya ada divider dengan teks “Or sign i...
Read more
Image
 Perkembangan Teknologi Perangkat Bergerak Nama: Stefanus Yosua Mamamoba NRP: 5025231066 Kelas: Pemrograman Perangkat Bergerak B    Permulaan dari Ponsel Komunikasi melalui Radiotelepon pada Kendaraan German Reichsbahn pertama kali meraih kesuksesan pada bidang ini. Perusahaan ini memberi akses kepada penumpang  first-class  untuk mengkases radiotelepon antara Berlin dengan Hamburg. Hal tersebut memampukan komunikasi jarak jauh dalam perjalanan tersebut. Namun delapan tahun sebelumnya, pada tahun 1918 telepon tersebut digunakan oleh militer German antara Zossen dan Berlin.  Setelah kesuksesan yang diraih oleh negara German, pada tahun 1946 Amerika mengeluarkan radiotelepon yang terpasang dalam mobil untuk pertama kalinya. Namun hal ini menimbulkan beberapa masalah, seperti area dimana perangkat tersebut dapat diakses jumlah frekuensi yang sedikit,  dan panggilan yang tidak terenkripsi, sehingga pemilik radio dapat mendengarkan perbincangan penggun...
Read more