[{"data":1,"prerenderedAt":422},["ShallowReactive",2],{"portofolio-id-santap":3,"portofolio-all-id":309},{"id":4,"title":5,"_path":6,"body":7,"category":283,"client":284,"date":285,"description":286,"extension":287,"image":25,"industry":288,"meta":289,"navigation":290,"path":291,"seo":292,"services":293,"status":299,"stem":300,"tags":301,"url":307,"__hash__":308},"portofolio\u002Fportofolio\u002Fid\u002Fsantap.md","Santap","\u002Fportofolio\u002Fsantap",{"type":8,"value":9,"toc":274},"minimark",[10,15,19,26,31,34,37,41,44,97,101,108,137,141,232,236,256],[11,12,14],"h1",{"id":13},"santap-platform-pos-dan-qr-ordering-untuk-bisnis-kuliner","Santap — Platform POS dan QR Ordering untuk Bisnis Kuliner",[16,17,18],"p",{},"Santap adalah platform digital untuk membantu restoran, kafe, dan UMKM kuliner mengelola proses pemesanan, pembayaran, kasir, dapur, dan operasional outlet dalam satu ekosistem. Sistem ini menggabungkan customer web ordering, aplikasi mobile kasir dan kitchen, dashboard admin, serta backend API yang dirancang untuk kebutuhan operasional kuliner modern.",[16,20,21],{},[22,23],"img",{"alt":24,"src":25},"Interface Santap","\u002Fportofolio\u002Fsantap\u002Fpreview.avif",[27,28,30],"h2",{"id":29},"masalah","Masalah",[16,32,33],{},"Banyak bisnis kuliner masih mengandalkan proses manual untuk mencatat pesanan, mengelola meja, memproses pembayaran, dan meneruskan order ke dapur. Alur manual ini rentan terhadap kesalahan pencatatan, antrean panjang, miskomunikasi antara kasir dan kitchen, serta kesulitan memantau status pesanan secara real-time.",[16,35,36],{},"Selain itu, beberapa solusi POS yang tersedia sering kali terlalu kompleks, mahal, atau tidak cukup fleksibel untuk kebutuhan restoran kecil dan menengah. Bisnis kuliner membutuhkan sistem yang mudah digunakan, mobile-friendly, mendukung QR ordering, dan tetap kuat untuk operasional harian.",[27,38,40],{"id":39},"solusi","Solusi",[16,42,43],{},"Santap dibangun sebagai platform POS dan QR ordering yang menghubungkan pelanggan, kasir, kitchen, dan admin dalam satu sistem:",[45,46,47,55,61,67,73,79,85,91],"ul",{},[48,49,50,54],"li",{},[51,52,53],"strong",{},"Customer QR Ordering"," — Pelanggan dapat scan QR meja, melihat menu, memilih varian\u002Fadd-on, menambahkan catatan, dan membuat pesanan langsung dari browser",[48,56,57,60],{},[51,58,59],{},"Cashier Mobile App"," — Aplikasi kasir untuk membuat order, mengelola pembayaran, membuat sesi open bill, dan memantau pesanan aktif",[48,62,63,66],{},[51,64,65],{},"Kitchen Workflow"," — Tampilan kitchen untuk menerima dan memproses pesanan secara lebih terstruktur",[48,68,69,72],{},[51,70,71],{},"Open Bill System"," — Dukungan pesanan berbasis sesi untuk pelanggan yang ingin menambah order berkali-kali sebelum pembayaran akhir",[48,74,75,78],{},[51,76,77],{},"QRIS Payment Integration"," — Integrasi pembayaran QRIS dengan status pembayaran, pembatalan, timeout, dan pengecekan otomatis",[48,80,81,84],{},[51,82,83],{},"Admin Dashboard"," — Panel admin berbasis Filament untuk mengelola organisasi, outlet, meja, menu, produk, dan konfigurasi operasional",[48,86,87,90],{},[51,88,89],{},"Multi-Organization Architecture"," — Sistem dirancang agar dapat digunakan oleh banyak restoran atau outlet dengan data yang terpisah",[48,92,93,96],{},[51,94,95],{},"Mobile-First Experience"," — Antarmuka web pelanggan dan aplikasi mobile dibuat responsif untuk penggunaan cepat di lapangan",[27,98,100],{"id":99},"peran-saya","Peran Saya",[16,102,103,104,107],{},"Sebagai ",[51,105,106],{},"Fullstack Web & Mobile Developer",", saya bertanggung jawab atas:",[45,109,110,113,116,119,122,125,128,131,134],{},[48,111,112],{},"Pengembangan customer web ordering menggunakan Nuxt.js",[48,114,115],{},"Pengembangan backend REST API menggunakan Laravel",[48,117,118],{},"Perancangan alur pemesanan QR meja, order detail, cart, payment, dan open bill",[48,120,121],{},"Integrasi pembayaran QRIS termasuk create payment, check status, cancel payment, dan timeout",[48,123,124],{},"Pengembangan struktur data multi-organisasi, order, order item, dining table, dan open bill session",[48,126,127],{},"Pengembangan dashboard admin menggunakan Filament",[48,129,130],{},"Pengembangan dan penyesuaian aplikasi mobile Flutter untuk kasir dan kitchen",[48,132,133],{},"Penyusunan dokumentasi API menggunakan Scramble",[48,135,136],{},"Optimasi UI\u002FUX untuk alur customer, kasir, dan admin agar lebih cepat digunakan secara operasional",[27,138,140],{"id":139},"tech-stack","Tech Stack",[142,143,144,157],"table",{},[145,146,147],"thead",{},[148,149,150,154],"tr",{},[151,152,153],"th",{},"Layer",[151,155,156],{},"Teknologi",[158,159,160,169,177,185,192,200,208,216,224],"tbody",{},[148,161,162,166],{},[163,164,165],"td",{},"Frontend Customer",[163,167,168],{},"Nuxt.js, Vue, Nuxt UI, Tailwind CSS, Pinia",[148,170,171,174],{},[163,172,173],{},"Mobile App",[163,175,176],{},"Flutter",[148,178,179,182],{},[163,180,181],{},"Backend API",[163,183,184],{},"Laravel, Sanctum, Scramble",[148,186,187,189],{},[163,188,83],{},[163,190,191],{},"Filament",[148,193,194,197],{},[163,195,196],{},"Database",[163,198,199],{},"PostgreSQL",[148,201,202,205],{},[163,203,204],{},"Payment",[163,206,207],{},"QRIS Integration",[148,209,210,213],{},[163,211,212],{},"Realtime \u002F Sync",[163,214,215],{},"Polling, Reverb-ready Architecture",[148,217,218,221],{},[163,219,220],{},"Deployment",[163,222,223],{},"VPS, Vercel",[148,225,226,229],{},[163,227,228],{},"Storage & Media",[163,230,231],{},"Spatie Media Library",[27,233,235],{"id":234},"dampak-dan-hasil","Dampak dan Hasil",[45,237,238,241,244,247,250,253],{},[48,239,240],{},"Membantu bisnis kuliner mengurangi proses manual dalam pemesanan, pembayaran, dan komunikasi order",[48,242,243],{},"Mempercepat alur pelanggan dari scan QR hingga pesanan masuk ke sistem",[48,245,246],{},"Memudahkan kasir dalam membuat pesanan, memantau order aktif, dan mengelola pembayaran",[48,248,249],{},"Mendukung skenario restoran dengan meja, takeaway, dine-in, serta open bill",[48,251,252],{},"Menyediakan fondasi sistem POS yang scalable untuk banyak outlet dan organisasi",[48,254,255],{},"Meningkatkan akurasi pencatatan pesanan melalui struktur order, item, varian, add-on, status pembayaran, dan status bill yang lebih jelas",[16,257,258,262,266,270],{},[22,259],{"alt":260,"src":261},"Santap Mockup 1","\u002Fportofolio\u002Fsantap\u002F1.avif",[22,263],{"alt":264,"src":265},"Santap Mockup 2","\u002Fportofolio\u002Fsantap\u002F2.avif",[22,267],{"alt":268,"src":269},"Santap Mockup 3","\u002Fportofolio\u002Fsantap\u002F3.avif",[22,271],{"alt":272,"src":273},"Santap Mockup 4","\u002Fportofolio\u002Fsantap\u002F4.avif",{"title":275,"searchDepth":276,"depth":276,"links":277},"",2,[278,279,280,281,282],{"id":29,"depth":276,"text":30},{"id":39,"depth":276,"text":40},{"id":99,"depth":276,"text":100},{"id":139,"depth":276,"text":140},{"id":234,"depth":276,"text":235},"Web & Mobile App","PT Sarwa Kalyana Cara","2026-01-01","Platform POS dan QR ordering modern untuk restoran, kafe, dan UMKM kuliner dengan sistem kasir, kitchen, open bill, pembayaran QRIS, dan customer ordering berbasis web","md","Food & Beverage Technology",{},true,"\u002Fportofolio\u002Fid\u002Fsantap",{"title":5,"description":286},[294,295,296,297,298],"Full-Stack Development","Mobile App Development","REST API Development","Payment Gateway Integration","System Architecture","In Development","portofolio\u002Fid\u002Fsantap",[302,303,176,199,191,304,305,306],"Laravel","Nuxt.js","QRIS","Supabase","Mobile-First","https:\u002F\u002Fsantap.app","6ZdgP4Ve_ToaMrT2osdOu3VosQsOyWgcAp9IT32SEXA",[310,332,348,365,383,386,405],{"path":311,"_path":312,"title":313,"description":314,"image":315,"category":316,"tags":317,"date":324,"status":299,"services":325,"client":313,"industry":331},"\u002Fportofolio\u002Fid\u002Fkairav-studio","\u002Fportofolio\u002Fkairav-studio","Kairav Studio","Studio digital kreatif yang membantu brand membangun website modern, cepat, SEO-ready, dan siap bersaing di era generative engine optimization","\u002Fportofolio\u002Fkairav-studio\u002Fpreview.avif","Company Website",[318,319,320,321,322,323],"Astro","Tailwind CSS","GSAP","SEO","Generative Engine Optimization","Vercel","2026-06-01",[326,327,328,329,330],"Web Design & Development","UI\u002FUX Design","SEO & GEO Optimization","Performance Optimization","Brand System","Digital Studio & Creative Technology",{"path":333,"_path":334,"title":335,"description":336,"image":337,"category":283,"tags":338,"date":341,"status":342,"services":343,"client":346,"industry":347},"\u002Fportofolio\u002Fid\u002Fjurutani","\u002Fportofolio\u002Fjurutani","Jurutani","Platform pertanian digital all-in-one yang mendukung petani Indonesia dengan data real-time, AI insights, konsultasi ahli, dan akses marketplace terpadu","\u002Fportofolio\u002Fjurutani\u002F1.avif",[303,339,319,340,305,306],"Capacitor","Google Gemini AI","2026-02-01","Live",[294,295,344,345],"Integrasi AI","Arsitektur Sistem","Proyek Inovasi Pertanian","Pertanian & Teknologi",{"path":349,"_path":350,"title":351,"description":352,"image":353,"category":354,"tags":355,"date":359,"status":342,"services":360,"client":363,"industry":364},"\u002Fportofolio\u002Fid\u002Fagrinuclear","\u002Fportofolio\u002Fagrinuclear","AgriNuclear","Platform web edukatif yang menjembatani sains pertanian nuklir dengan inovasi pertanian sehari-hari melalui konten visual yang mudah dipahami","\u002Fportofolio\u002Fagrinuklir\u002F1.avif","Website",[356,319,357,358],"React","Static Site","Platform Edukatif","2026-01-15",[361,327,362],"Web Development","Platform Konten Edukatif","Proyek Akademik","Pertanian & Edukasi",{"path":366,"_path":367,"title":368,"description":369,"image":370,"category":371,"tags":372,"date":376,"status":377,"services":378,"client":381,"industry":382},"\u002Fportofolio\u002Fid\u002Fqinarian","\u002Fportofolio\u002Fqinarian","Qinarian","Platform komunitas teknologi untuk innovators yang menggabungkan kolaborasi open-source dengan solusi digital cutting-edge","\u002Fportofolio\u002Fqinarian\u002F1.avif","Website & Platform Komunitas",[303,319,373,374,375],"TypeScript","i18n","Content-Driven","2026-01-10","Berlangsung",[361,327,379,380],"Platform Komunitas","Content Management System","Inisiatif Personal","Teknologi & Komunitas",{"path":291,"_path":6,"title":5,"description":286,"image":25,"category":283,"tags":384,"date":285,"status":299,"services":385,"client":284,"industry":288},[302,303,176,199,191,304,305,306],[294,295,296,297,298],{"path":387,"_path":388,"title":389,"description":390,"image":391,"category":392,"tags":393,"date":398,"status":399,"services":400,"client":403,"industry":404},"\u002Fportofolio\u002Fid\u002Fruangnu","\u002Fportofolio\u002Fruangnu","RuangNU","Platform digital terintegrasi untuk mendukung anggota Nahdlatul Ulama dengan resources Islami, layanan komunitas, dan konten edukatif","\u002Fportofolio\u002Fruangnu\u002F1.avif","Platform Web",[394,319,395,396,397],"PHP Native","MySQL","Platform Islami","Sistem Komunitas","2025-12-01","Dalam Pengembangan",[361,327,401,402],"Database Design","Platform Konten Islami","Komunitas Nahdlatul Ulama","Agama & Komunitas",{"path":406,"_path":407,"title":408,"description":409,"image":410,"category":354,"tags":411,"date":417,"status":418,"services":419,"client":408,"industry":421},"\u002Fportofolio\u002Fid\u002Fkamaba-yogyakarta","\u002Fportofolio\u002Fkamaba-yogyakarta","Kamaba Yogyakarta","Sistem informasi organisasi berbasis web untuk Kamaba Yogyakarta dengan member management, events, news, dan dashboard admin terintegrasi","\u002Fportofolio\u002Fkamaba-yogyakarta\u002F1.avif",[412,413,319,414,415,395,416],"Nuxt 4","Vue","Shadcn UI","Nuxt UI v4","CMS","2024-03-15","Coming soon",[361,327,420],"System Information","Education & Organization",1781763414068]