Proyek ini merupakan bagian dari tugas kuliah dalam mata kuliah Sistem Basis Data, di mana kami merancang sebuah platform digital berbasis website dan aplikasi Android untuk Warung Kopi Tepi Sungai. Tujuan utama dari proyek ini adalah untuk mengintegrasikan sistem pemesanan, pembayaran, serta manajemen operasional guna meningkatkan efisiensi layanan.

Tentang Warung Kopi Tepi Sungai (WKTS)

Warung Kopi Tepi Sungai adalah kafe yang terletak di Jl. Swadaya I No. 71, Sawangan, Depok, Jawa Barat. Kafe ini menawarkan suasana ngopi yang dekat dengan alam, berada di tepi Kali Pesanggrahan dan dikelilingi oleh pepohonan rindang, menciptakan suasana asri dan tenang.

Konsep Desain | Warung Kopi Tepi Sungai (WKTS)

Desain website dan UI/UX aplikasi ini dibuat dengan konsep minimalis, modern, dan user-friendly. Fokus utama kami adalah menciptakan pengalaman pengguna yang nyaman serta meningkatkan efisiensi operasional warung kopi melalui digitalisasi proses pemesanan.

Gaya Visual | Warung Kopi Tepi Sungai (WKTS)

• Ilustrasi Flat Design untuk tampilan yang ringan dan bersahabat
• Fotografi High-Quality untuk menampilkan produk kopi dan suasana warung
• Iconografi Simpel untuk memudahkan navigasi

Fitur Website dan Aplikasi | Warung Kopi Tepi Sungai (WKTS)

Halaman Beranda

• Tampilan visual menarik dengan gambar hero dari Warung Kopi Tepi Sungai
• Navigasi utama menuju menu, pemesanan, dan informasi warung
• Testimoni pelanggan

Menu Digital

• Daftar menu dengan gambar, deskripsi, dan harga
• Fitur filter berdasarkan kategori (kopi, non-kopi, makanan ringan)

Sistem Pemesanan

• Pemesanan langsung dari website atau aplikasi
• Opsi pemesanan dine-in atau take-away
• Pemesanan melalui scan QR di meja

Sistem Pembayaran

• Metode pembayaran digital: e-wallet, transfer bank, kartu kredit
• Konfirmasi otomatis setelah pembayaran berhasil

Dashboard Admin

• Manajemen pesanan secara real-time
• Manajemen stok bahan baku
• Laporan penjualan harian dan bulanan
• Mengelola pesanan
• Menambahkan menu
• Mengelola karyawan
• Melihat laporan penjualan bulanan
• Mengelola pesanan dari kasir, kitchen menuju waiters

Prototype Interaktif

Menggunakan Adobe XD dan Figma, kami membuat prototype yang memungkinkan interaksi pengguna sebelum pengembangan lebih lanjut.

Klik Link untuk melihat prototype : LIHAT PROTOTYPE

Teknologi yang Digunakan

• Frontend: HTML, CSS, JavaScript, React.js untuk website
• Backend: Laravel (PHP) dan Node.js untuk API
• Database: MySQL
• Android Development: Kotlin untuk aplikasi Android

Hasil Akhir dan Evaluasi

Desain yang kami buat telah diuji melalui usability testing dan mendapatkan feedback positif dari pemilik warung serta pelanggan. Dengan implementasi sistem ini, Warung Kopi Tepi Sungai mengalami peningkatan efisiensi layanan dan kepuasan pelanggan.