Posted inAI AI Chatbot UML

Studi Kasus: Menguraikan Kasus Penggunaan “Telusuri Produk” pada Platform E-Commerce

Pendahuluan

Di tengah persaingan e-commerce yang sangat ketat saat ini, kemampuan pelanggan untuk menemukan dan mengevaluasi produk secara efisien merupakan elemen dasar dari kepuasan pengguna, tingkat konversi, dan loyalitas jangka panjang terhadap platform. Kasus “Telusuri Produk”kasus penggunaan ini mewakili salah satu perjalanan yang paling sering dieksekusi dalam sistem ritel online manapun — berfungsi sebagai gerbang utama di mana pengguna menjelajahi katalog sebelum melanjutkan ke tujuan bisnis utama seperti menambahkan item ke keranjang atau menyelesaikan pembelian.

Studi kasus ini menunjukkan proses elaborasi persyaratan yang terstruktur, dimulai dari tingkat tinggi UML diagram kasus penggunaan, melalui spesifikasi kasus penggunaan teks yang rinci (termasuk aktor, skenario sukses utama, alur alternatif dan pengecualian, prasyarat dan pasca kondisi), dan berakhir pada diagram aktivitas yang tepat yang memvisualisasikan titik keputusan dinamis, tindakan pengguna, dan respons sistem. Dengan menerapkan pendekatan penyempurnaan bertahap ini — didukung oleh alat seperti Visual Paradigm dan notasi PlantUML — kami menciptakan artefak yang jelas, tidak ambigu, dan dapat diimplementasikan yang menjembatani kesenjangan antara pemangku kepentingan bisnis, desainer UX, pengembang, dan tim jaminan kualitas.

Contoh ini berfokus pada pengalaman penjelajahan e-commerce modern yang realistis, mengintegrasikan fitur umum seperti navigasi kategori, pencarian kata kunci, filter, pengurutan, dan navigasi detail produk, sambil secara eksplisit menangani kasus-kasus ekstrem seperti skenario hasil nol dan degradasi yang halus. Elaborasi ini tidak hanya mendukung pengembangan dan pengujian yang akurat, tetapi juga menyediakan templat yang dapat digunakan kembali untuk memodelkan kasus penggunaan serupa yang berorientasi penemuan di berbagai platform produk digital.

1. Konteks & Identifikasi Kasus Penggunaan

Sistem: Platform E-Commerce Modern (web & mobile)Nama Kasus Penggunaan: Telusuri ProdukID Kasus Penggunaan: UC-001Aktor:

  • Utama: Pelanggan (terdaftar atau tamu)
  • Sekunder: Sistem (Layanan Katalog Produk)

Deskripsi SingkatPelanggan menjelajahi katalog produk yang tersedia untuk menemukan item yang menarik perhatian. Ini mencakup melihat kategori, mencari, menyaring, mengurutkan, dan masuk lebih dalam ke detail produk — membentuk titik masuk bagi sebagian besar perjalanan belanja.

Prioritas: Tinggi (kemampuan inti yang berhadapan langsung dengan pengguna)Frekuensi: Sangat tinggi (kebanyakan sesi dimulai di sini)Lingkup: Tujuan pengguna / bisnis

2. Deskripsi Kasus Penggunaan yang Rinci

Nama Kasus Penggunaan: Telusuri Produk Aktor Utama: Pelanggan Aktor Sekunder: Sistem E-Commerce (Layanan Katalog)

DeskripsiMemungkinkan pelanggan menemukan dan mengevaluasi produk dengan menelusuri kategori, melakukan pencarian kata kunci, menerapkan filter (harga, merek, peringkat, dll.), mengurutkan hasil, dan melihat halaman detail produk. Kasus penggunaan ini tidak mencakup menambahkan ke keranjang atau pembelian — kedua hal tersebut merupakan kasus penggunaan terpisah (termasuk atau diperluas).

Prasyarat

  • Platform e-commerce sedang online dan dapat diakses
  • Database katalog produk telah diisi dan terkini
  • Pelanggan telah membuka situs web/aplikasi (masuk atau sebagai tamu)

Pasca kondisi

  • Pelanggan telah melihat satu atau lebih daftar produk / halaman detail
  • Sistem telah mencatat kejadian penjelajahan untuk analitik, mesin rekomendasi, dan personalisasi
  • Pelanggan dapat melanjutkan ke Tambah ke Keranjang, Tempatkan Pesanan, atau keluar

Skenario Sukses Utama (Jalur Bahagia)

  1. Pelanggan menavigasi ke halaman produk/telusuri (beranda, halaman kategori, atau halaman pencarian)
  2. Sistem menampilkan kategori tingkat atas dan bilah pencarian yang menonjol
  3. Pelanggan memilih salah satu dari tindakan berikut (dalam urutan apa pun, dapat diulang):n
    • Memilih kategori → sistem menampilkan produk yang termasuk dalam kategori tersebut
    • Memasukkan kata kunci/frasa pencarian → sistem melakukan pencarian
  4. Jika pencarian dilakukan dan hasil tersedia → sistem menampilkan produk yang sesuai (dengan pembagian halaman)
  5. Jika tidak ada hasil → sistem menampilkan pesan “Tidak ada produk yang ditemukan” + alternatif yang disarankan
  6. Pelanggan secara opsional menerapkan satu atau lebih filter (rentang harga, merek, peringkat, warna, ukuran, dll.)
  7. Sistem memperbarui daftar produk sesuai filter yang aktif
  8. Pelanggan secara opsional mengubah urutan pengurutan (relevansi, harga rendah ke tinggi, harga tinggi ke rendah, terbaru, popularitas, peringkat)
  9. Sistem mengurutkan ulang daftar yang ditampilkan
  10. Pelanggan mengklik/tap kartu produk → sistem membuka halaman detail produk
  11. Pelanggan melanjutkan penjelajahan (kembali ke daftar) atau mengakhiri sesi

Aliran Alternatif

  • 3a. Pelanggan tidak melakukan apa-apa (hanya mendarat) → sistem menampilkan produk unggulan/semua produk atau rekomendasi yang dipersonalisasi
  • 6a. Filter menghasilkan hasil nol → sistem menampilkan peringatan + opsi untuk menghapus filter
  • 10a. Produk habis stok → halaman detail menampilkan “Habis stok” + mungkin opsi “Beritahu saya”

Aliran Pengecualian

  • 4a. Waktu habis pada layanan pencarian / kegagalan → sistem menampilkan pesan kesalahan + beralih ke penjelajahan kategori
  • Internet hilang saat menjelajah → cache sisi klien menampilkan item yang sebelumnya dimuat (peningkatan progresif)

Persyaratan Khusus

  • Desain responsif (ponsel + desktop)
  • Dukungan lazy loading / gulir tak terbatas
  • URL ramah SEO untuk kategori & hasil pencarian
  • Aksesibilitas (WCAG 2.1 AA): navigasi dengan keyboard, dukungan pembaca layar untuk filter

3. Diagram Aktivitas (PlantUML – siap untuk disisipkan ke dalam Chatbot Visual Paradigm)

Diagram aktivitas ini menangkap jalur utama dan alternatif yang dijelaskan di atas

@startuml

skinparam {
WarnaPanah #424242
WarnaWarnaFontPanah #424242
UkuranFontBawaan 14

Swimlane {
WarnaBatas #9FA8DA
WarnaLatarBelakang #E8EAF6
WarnaFont #303F9F
}

Aktivitas {
WarnaBatas #FF8F00
WarnaLatarBelakang #FFECB3
WarnaFont #3E2723
}
}

mulai
:Buka Halaman Telusuri Produk;
:Tampilkan Kategori & Bilah Pencarian;
jika (Pelanggan memilih kategori?) maka (ya)
:Tampilkan Produk dalam Kategori;
selain itu (tidak)
:Tampilkan Semua Produk;
selesai_if
jika (Pelanggan memasukkan kata kunci pencarian?) maka (ya)
:Cari Produk;
jika (Produk Ditemukan?) maka (ya)
:Tampilkan Hasil Pencarian;
selain itu (tidak)
:Tampilkan pesan “Tidak ada produk yang ditemukan”;
selesai_if
selain itu (tidak)
Tidak Ada Pencarian;
selesai_if
jika (Pelanggan menerapkan filter?) maka (ya)
:Terapkan Filter;
:Perbarui Daftar Produk;
selesai_if
jika (Pelanggan mengurutkan hasil?) maka (ya)
:Urutkan Produk;
selesai_if
jika (Pelanggan memilih produk?) maka (ya)
:Buka Halaman Detail Produk;
selain itu (tidak)
:Terus Menjelajah;
akhir jika
:Akhir Sesi Menjelajah;
berhenti

@enduml

Ringkasan – Perkembangan Elaborasi

  1. Diagram Kasus Penggunaan → aktor tingkat tinggi & tujuan (Jelajahi Produk, Tambah ke Keranjang, Tempatkan Pesanan, dll.)
  2. Deskripsi Kasus Penggunaan → narasi terstruktur dengan alur, prasyarat/post-syarat, pengecualian
  3. Diagram Aktivitas → memvisualisasikan perilaku dinamis, keputusan, perulangan, dan interaksi pengguna-sistem

Anda dapat menyalin kode PlantUML di atas langsung ke dalam Chatbot Visual Paradigm (atau alat apa pun yang kompatibel dengan PlantUML) untuk menghasilkan diagram. Beri tahu saya jika Anda ingin memperluas studi kasus ini dengan:

  • sebuah Diagram Urutan (pelanggan ↔ browser ↔ backend),
  • sebuah deskripsi sketsa kerangka antarmuka pengguna, atau
  • kasus penggunaan berikutnya (Tambah ke Keranjang atau Lihat Detail Produk).

Kesimpulan

Elaborasi dari “Telusuri Produk” use case menggambarkan bagaimana rekayasa kebutuhan yang terdisiplin — bergerak secara sistematis dari gambaran perilaku tingkat tinggi (diagram use case) → spesifikasi narasi terstruktur → alur kerja visual yang dapat dieksekusi (diagram aktivitas) — menghasilkan artefak yang secara bersamaan dapat dipahami oleh pemangku kepentingan non-teknis dan cukup rinci untuk tim rekayasa.

Poin penting dari latihan ini meliputi:

  • Pentingnya menangkap variasi sejak awal melalui node keputusan (kategori vs pencarian, filter, pengurutan) dan loop yang mencerminkan perilaku pengguna nyata, bukan memaksakan urutan linier yang kaku.
  • Nilai dari mendokumentasikan secara eksplisit alur alternatif, pengecualian, dan kasus tepi (hasil nol, kegagalan layanan, indikator habis stok) untuk mengurangi ambiguitas dan pekerjaan ulang di tahap selanjutnya.
  • Efektivitas PlantUML +Visual Paradigm-gaya notasi untuk membuat prototipe dan melakukan iterasi pada diagram aktivitas dalam lingkungan kolaboratif secara cepat.
  • Pengakuan bahwa “Telusuri Produk” jarang menjadi use case yang terisolasi — secara alami mendukung tujuan tahap selanjutnya (Lihat Detail Produk → Tambah ke Keranjang → Tempatkan Pesanan) dan dipengaruhi oleh pertimbangan lintas fungsi seperti personalisasi, analitik, aksesibilitas, dan kinerja.

Dengan berinvestasi pada tingkat elaborasi awal ini, tim produk dapat menghadirkan pengalaman penelusuran yang lebih intuitif, tangguh, dan skalabel — pada akhirnya mendorong keterlibatan yang lebih tinggi, penurunan tingkat bounce, dan peningkatan pendapatan per sesi. Pendekatan yang ketat namun pragmatis yang sama dapat (dan seharusnya) diterapkan pada perjalanan pengguna kritis lainnya sepanjang siklus hidup e-commerce.

Studi kasus ini oleh karena itu tidak hanya berfungsi sebagai dokumentasi untuk fungsi “Telusuri Produk”, tetapi juga sebagai kerangka kerja praktis untuk analisis dan desain yang didorong oleh use case secara efektif dalam pengembangan perangkat lunak modern.

Selamat memodelkan!