[{"data":1,"prerenderedAt":886},["ShallowReactive",2],{"portfolio-id":3},[4,153,248,316,369,451,503,584,661,742,795],{"id":5,"title":6,"body":7,"challenge":115,"client":116,"description":117,"duration":118,"extension":119,"featured":120,"gallery":121,"image":122,"industry":123,"meta":124,"navigation":120,"path":125,"results":126,"seo":136,"stem":137,"technologies":138,"testimonial":146,"url":150,"year":151,"__hash__":152},"portfolio\u002Fportfolio\u002Fid\u002F01-vapebay.md","Vapebay Commerce",{"type":8,"value":9,"toc":107},"minimark",[10,14,19,22,26,60,64,84,88,95,101],[11,12,13],"p",{},"Vapebay adalah platform e-commerce komprehensif yang dirancang untuk ritel modern dalam skala besar. Dari penemuan produk yang mulus hingga checkout yang aman dan pelacakan pesanan secara real-time, platform ini menghadirkan pengalaman belanja end-to-end yang lengkap bagi pelanggan — sekaligus membekali merchant dengan alat manajemen inventaris, pemenuhan pesanan, dan analitik yang canggih melalui antarmuka admin tersendiri.",[15,16,18],"h2",{"id":17},"gambaran-umum","Gambaran Umum",[11,20,21],{},"Sistem ini dibangun di atas arsitektur monorepo dengan API terpisah untuk sisi pelanggan dan admin yang berbagi pustaka bersama, memungkinkan penskalaan independen sekaligus menjaga konsistensi kode. Beroperasi di seluruh Indonesia, Vapebay terintegrasi dengan payment gateway dan penyedia logistik terkemuka untuk menangani siklus pesanan secara menyeluruh — dari pembelian hingga pengiriman ke pintu pelanggan.",[15,23,25],{"id":24},"fitur-utama","Fitur Utama",[27,28,29,33,36,39,42,45,48,51,54,57],"ul",{},[30,31,32],"li",{},"Katalog produk dengan pencarian lanjutan, filter, dan manajemen kategori hierarkis",[30,34,35],{},"Autentikasi pengguna dengan Google OAuth dan verifikasi berbasis email",[30,37,38],{},"Manajemen keranjang belanja, wishlist, dan pre-order",[30,40,41],{},"Pemrosesan pembayaran aman melalui integrasi Xendit",[30,43,44],{},"Pelacakan pesanan dan pembaruan pengiriman real-time via Biteship dan RajaOngkir",[30,46,47],{},"Sistem dompet pelanggan dan poin loyalitas dengan logika prorata",[30,49,50],{},"Mesin pengelolaan voucher promosi dan diskon",[30,52,53],{},"Push notification via OneSignal",[30,55,56],{},"PWA responsif mobile dengan dukungan offline dan instalasi ke layar utama",[30,58,59],{},"Dashboard admin lengkap untuk manajemen pesanan, inventaris, dan pengguna",[15,61,63],{"id":62},"keunggulan-teknis","Keunggulan Teknis",[27,65,66,69,72,75,78,81],{},[30,67,68],{},"Monorepo dengan modul khusus untuk autentikasi, pembayaran, notifikasi, dan pemenuhan pesanan",[30,70,71],{},"Integrasi multi-penyedia pengiriman dengan kalkulasi tarif real-time",[30,73,74],{},"Alur pre-order dengan harga khusus dan penanganan pemenuhan",[30,76,77],{},"Penjadwalan background job untuk operasi asinkron",[30,79,80],{},"Infrastruktur terkontainerisasi dengan Docker Swarm dan pipeline GitLab CI\u002FCD",[30,82,83],{},"AWS S3 \u002F Cloudflare R2 untuk penyimpanan media dan pengiriman via CDN",[15,85,87],{"id":86},"galeri","Galeri",[11,89,90],{},[91,92],"img",{"alt":93,"src":94},"Vapebay Halaman Utama","\u002Fimages\u002Fportfolio\u002Fvapebay\u002Fvapebay-screenshot-1.png",[11,96,97],{},[91,98],{"alt":99,"src":100},"Vapebay Produk","\u002Fimages\u002Fportfolio\u002Fvapebay\u002Fvapebay-screenshot-2.png",[11,102,103],{},[91,104],{"alt":105,"src":106},"Vapebay Detail Produk","\u002Fimages\u002Fportfolio\u002Fvapebay\u002Fvapebay-screenshot-3.png",{"title":108,"searchDepth":109,"depth":109,"links":110},"",2,[111,112,113,114],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":62,"depth":109,"text":63},{"id":86,"depth":109,"text":87},"Vapebay membutuhkan platform e-commerce yang skalabel untuk menangani logistik kompleks di seluruh Indonesia, mengintegrasikan berbagai penyedia pembayaran dan pengiriman, serta mendukung alur pre-order — sambil tetap mempertahankan pengalaman belanja mobile-first yang cepat.","Vapebay","Platform e-commerce lengkap untuk operasional ritel modern, mencakup aplikasi pelanggan, REST API, dan panel admin yang dibangun dengan NestJS dan Nuxt 3.","8 bulan","md",true,null,"\u002Fimages\u002Fportfolio\u002Fvapebay\u002Fvapebay-logo.png","E-Commerce",{},"\u002Fportfolio\u002Fid\u002F01-vapebay",[127,130,133],{"metric":128,"label":129},"10K+","Produk Terdaftar",{"metric":131,"label":132},"99.9%","Uptime",{"metric":134,"label":135},"\u003C 2 detik","Waktu Muat Halaman",{"title":6,"description":117},"portfolio\u002Fid\u002F01-vapebay",[139,140,141,142,143,144,145],"NestJS","Nuxt 3","Vue 3","PostgreSQL","Docker","Ansible","Docker Swarm",{"quote":147,"author":148,"role":149},"Stackless menghadirkan platform yang mentransformasi bisnis online kami. Sistem pre-order saja sudah meningkatkan pendapatan kami secara signifikan.","Tim Vapebay","Manajemen","https:\u002F\u002Fvapebay.id",2024,"9irkLZPBDw15SHIKGrzQ6PegkLF77JW0B47KzGfeCYU",{"id":154,"title":155,"body":156,"challenge":218,"client":155,"description":219,"duration":220,"extension":119,"featured":120,"gallery":121,"image":221,"industry":222,"meta":223,"navigation":120,"path":224,"results":225,"seo":235,"stem":236,"technologies":237,"testimonial":242,"url":246,"year":151,"__hash__":247},"portfolio\u002Fportfolio\u002Fid\u002F02-audalimo.md","Audalimo",{"type":8,"value":157,"toc":213},[158,161,163,166,168,191,193],[11,159,160],{},"Audalimo Panel memberikan manajer armada dan tim dispatch sebuah pusat kendali terpusat untuk operasional transportasi mereka. Dari onboarding pengemudi dan manajemen izin hingga pelacakan dokumen real-time dan analitik operasional, platform ini memangkas beban administrasi dan menempatkan data operasional kritis dalam jangkauan.",[15,162,18],{"id":17},[11,164,165],{},"Mengelola armada berarti mengelola profil pengemudi, izin regulasi, sertifikat pelatihan, dan lokasi operasional yang terus berubah secara bersamaan. Audalimo Panel mengkonsolidasikan semua ini dalam satu dashboard terstruktur — dibangun dengan Vue 3 dan TypeScript untuk keterpeliharaan jangka panjang, dengan antarmuka Material Design yang langsung familiar bagi tim operasional.",[15,167,25],{"id":24},[27,169,170,173,176,179,182,185,188],{},[30,171,172],{},"Manajemen pengemudi: profil, formulir lamaran, pembuatan surat penawaran, dan pelacakan izin",[30,174,175],{},"Manajemen lokasi: pelacakan terpusat basis operasional dan area layanan",[30,177,178],{},"Manajemen dokumen: penyimpanan aman untuk SIM, izin, sertifikat pelatihan, dan dokumen kepatuhan",[30,180,181],{},"Notifikasi real-time untuk perubahan status pengemudi dan pembaruan dokumen",[30,183,184],{},"Dashboard analitik dengan wawasan operasional sekilas pandang",[30,186,187],{},"Autentikasi berbasis peran dengan kontrol akses granular",[30,189,190],{},"Dukungan multi-bahasa untuk lingkungan tim yang beragam",[15,192,63],{"id":62},[27,194,195,198,201,204,207,210],{},[30,196,197],{},"Vue 3 Composition API dengan TypeScript untuk basis kode yang skalabel dan type-safe",[30,199,200],{},"Arsitektur Pinia store modular yang memisahkan domain pengemudi, lokasi, dokumen, dan notifikasi",[30,202,203],{},"Manajemen sesi berbasis token dengan penyimpanan yang aman",[30,205,206],{},"Validasi formulir komprehensif dan alur kerja multi-langkah untuk proses onboarding yang kompleks",[30,208,209],{},"Layer mock API yang memungkinkan pengujian full-stack tanpa ketergantungan backend",[30,211,212],{},"Multi-stage Docker build dengan Nginx untuk deployment produksi yang optimal",{"title":108,"searchDepth":109,"depth":109,"links":214},[215,216,217],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":62,"depth":109,"text":63},"Operasional armada Audalimo tenggelam dalam spreadsheet dan pelacakan izin manual. Mereka membutuhkan dashboard terpusat untuk mengelola pengemudi, dokumen, dan kepatuhan di berbagai lokasi.","Dashboard manajemen transportasi dan logistik berbasis Vue 3 untuk menyederhanakan operasional pengemudi, pelacakan izin, dan manajemen dokumen armada.","4 bulan","\u002Fimages\u002Fportfolio\u002Faudalimo\u002Faudalimo.jpg","Transportasi & Logistik",{},"\u002Fportfolio\u002Fid\u002F02-audalimo",[226,229,232],{"metric":227,"label":228},"60%","Pengurangan Waktu Admin",{"metric":230,"label":231},"100%","Tingkat Kepatuhan Izin",{"metric":233,"label":234},"5","Lokasi Terkelola",{"title":155,"description":219},"portfolio\u002Fid\u002F02-audalimo",[141,238,239,240,143,241],"TypeScript","Vuetify","Pinia","Nginx",{"quote":243,"author":244,"role":245},"Dashboard ini memberikan visibilitas penuh kepada tim operasional kami di semua lokasi. Apa yang dulu memakan waktu berjam-jam kini hanya butuh beberapa menit.","Operasional Audalimo","Manajemen Armada","https:\u002F\u002Fadmin.audalimo.com","hRLrPMucDR5DLYAJRfrVvhd7FUJnhu3sppp-qzlKWtM",{"id":249,"title":250,"body":251,"challenge":121,"client":300,"description":301,"duration":121,"extension":119,"featured":302,"gallery":121,"image":303,"industry":121,"meta":304,"navigation":120,"path":305,"results":121,"seo":306,"stem":307,"technologies":308,"testimonial":121,"url":313,"year":314,"__hash__":315},"portfolio\u002Fportfolio\u002Fid\u002F03-cenrinabsen.md","Cenrinabsen",{"type":8,"value":252,"toc":295},[253,256,261,263,266,268,288,292],[11,254,255],{},"Cenrinabsen adalah sistem manajemen absensi yang dibuat khusus untuk Central Mandarin, dirancang untuk menyederhanakan cara guru mencatat dan memantau kehadiran siswa sekaligus memberikan administrator alat pelaporan yang dibutuhkan untuk mengelola operasional bulanan.",[11,257,258],{},[91,259],{"alt":250,"src":260},"https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fcenrinabsen_1.jpeg",[15,262,18],{"id":17},[11,264,265],{},"Mengelola absensi siswa di berbagai kursus dan kelas secara manual memakan waktu yang tidak sedikit. Cenrinabsen mendigitalkan alur kerja ini — memberikan guru antarmuka yang lugas untuk mencatat kehadiran, dan memungkinkan admin menghasilkan laporan bulanan yang terstruktur dengan upaya minimal.",[15,267,25],{"id":24},[27,269,270,273,276,279,282,285],{},[30,271,272],{},"Pencatatan absensi berbasis kursus untuk guru dan staf",[30,274,275],{},"Sistem tiga tingkat peran: admin, guru, dan staf",[30,277,278],{},"Manajemen siswa dan kursus lintas beberapa kelas",[30,280,281],{},"Pelacakan pengeluaran bulanan untuk pengawasan administrasi",[30,283,284],{},"Pembuatan laporan PDF otomatis via DOMPDF",[30,286,287],{},"Dashboard yang sesuai peran untuk setiap tipe pengguna",[15,289,291],{"id":290},"teknologi","Teknologi",[11,293,294],{},"Dibangun dengan CodeIgniter di atas database MySQL, dengan DOMPDF menangani pembuatan PDF sisi server untuk laporan absensi dan pengeluaran.",{"title":108,"searchDepth":109,"depth":109,"links":296},[297,298,299],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},"Central Mandarin","Sistem manajemen absensi siswa berbasis web untuk Central Mandarin, memudahkan guru mencatat kehadiran dan menghasilkan laporan administrasi bulanan.",false,"\u002Fimages\u002Fportfolio\u002Fcenrinabsen\u002Fcenrinabsen.jpg",{},"\u002Fportfolio\u002Fid\u002F03-cenrinabsen",{"title":250,"description":301},"portfolio\u002Fid\u002F03-cenrinabsen",[309,310,311,312],"CodeIgniter","MySQL","DOMPDF","PHP","https:\u002F\u002Fcenrinabsen.com",2020,"q-8wHlurGM_TisXetxi9-VXU3n1cCj3aGW1vsmMkLAc",{"id":317,"title":318,"body":319,"challenge":121,"client":358,"description":359,"duration":121,"extension":119,"featured":302,"gallery":121,"image":360,"industry":121,"meta":361,"navigation":120,"path":362,"results":121,"seo":363,"stem":364,"technologies":365,"testimonial":121,"url":121,"year":151,"__hash__":368},"portfolio\u002Fportfolio\u002Fid\u002F04-dashboard-ajm.md","Dashboard AJM",{"type":8,"value":320,"toc":353},[321,324,326,329,331,348,350],[11,322,323],{},"Dashboard AJM adalah dashboard manajemen internal yang dibangun untuk memusatkan data operasional dan menampilkan metrik-metrik kunci bagi tim AJM. Antarmuka yang intuitif memberikan gambaran jelas aktivitas harian, memungkinkan pengambilan keputusan lebih cepat dan mengurangi ketergantungan pada pelaporan manual.",[15,325,18],{"id":17},[11,327,328],{},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",[15,330,25],{"id":24},[27,332,333,336,339,342,345],{},[30,334,335],{},"Visualisasi data real-time dengan grafik dan metrik interaktif",[30,337,338],{},"Tampilan operasional terpusat lintas departemen",[30,340,341],{},"Tata letak responsif yang dioptimalkan untuk desktop dan tablet",[30,343,344],{},"Tampilan berbasis peran untuk berbagai tingkat manajemen",[30,346,347],{},"Laporan yang dapat diekspor untuk tinjauan offline",[15,349,291],{"id":290},[11,351,352],{},"Dibangun sebagai aplikasi single-page dengan Vue.js, memanfaatkan arsitektur berbasis komponen untuk menghadirkan antarmuka dashboard yang modular dan mudah dipelihara bagi kebutuhan enterprise internal.",{"title":108,"searchDepth":109,"depth":109,"links":354},[355,356,357],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},"AJM","Dashboard frontend berbasis Vue.js yang menyediakan visualisasi data real-time dan wawasan operasional untuk kebutuhan manajemen internal AJM.","\u002Fimages\u002Fportfolio\u002Fdashboard-ajm\u002Fdashboard-ajm.jpg",{},"\u002Fportfolio\u002Fid\u002F04-dashboard-ajm",{"title":318,"description":359},"portfolio\u002Fid\u002F04-dashboard-ajm",[366,367],"Vue.js","JavaScript","rktuCAaraAExtBjcDuSFAGF11xyYabWuhkVu3tdk7oc",{"id":370,"title":371,"body":372,"challenge":121,"client":437,"description":438,"duration":121,"extension":119,"featured":120,"gallery":121,"image":439,"industry":121,"meta":440,"navigation":120,"path":441,"results":121,"seo":442,"stem":443,"technologies":444,"testimonial":121,"url":449,"year":151,"__hash__":450},"portfolio\u002Fportfolio\u002Fid\u002F05-sinergi-integra-persada.md","Sinergi Integra Persada",{"type":8,"value":373,"toc":432},[374,377,379,382,384,410,412],[11,375,376],{},"PT Sinergi Integra Persada membutuhkan kehadiran digital yang mampu merepresentasikan keseluruhan portofolio produk B2B mereka sekaligus mudah dikelola secara internal. Hasilnya adalah website profil perusahaan yang profesional dipasangkan dengan panel admin yang powerful — memberikan tim kendali penuh atas produk, merek, showcase klien, dan konten situs tanpa harus menyentuh satu baris kode pun.",[15,378,18],{"id":17},[11,380,381],{},"Platform ini memadukan website publik dengan sistem manajemen konten yang komprehensif. Frontend menampilkan katalog produk multi-merek, penawaran layanan, dan kemitraan klien perusahaan melalui antarmuka yang bersih dan profesional. Di balik layar, panel admin yang dibangun dengan Filament memberikan kontrol granular atas setiap bagian konten dinamis di situs.",[15,383,25],{"id":24},[27,385,386,389,392,395,398,401,404,407],{},[30,387,388],{},"Katalog produk multi-merek dengan kategorisasi hierarkis",[30,390,391],{},"Homepage dinamis dengan hero slider, merek unggulan, dan showcase klien",[30,393,394],{},"Halaman perusahaan: Tentang Kami, Layanan, dan Kontak",[30,396,397],{},"Formulir kontak dengan perlindungan anti-spam Cloudflare Turnstile",[30,399,400],{},"Dashboard admin untuk mengelola produk, merek, klien, kategori, dan konten situs",[30,402,403],{},"Kontrol akses berbasis peran dengan tingkatan Developer dan Admin",[30,405,406],{},"Fitur user impersonation untuk alur kerja dukungan admin",[30,408,409],{},"Sistem konfigurasi dinamis untuk informasi dan lokasi perusahaan",[15,411,63],{"id":62},[27,413,414,417,420,423,426,429],{},[30,415,416],{},"Optimistic locking untuk pembaruan data konkuren yang aman dan resolusi konflik pengeditan",[30,418,419],{},"Audit trail komprehensif dengan pelacakan created\u002Fupdated\u002Fdeleted-by pada semua entitas",[30,421,422],{},"Primary key berbasis UUID untuk konsistensi data lintas sistem terdistribusi",[30,424,425],{},"Implementasi soft delete untuk pemulihan data yang aman",[30,427,428],{},"Desain yang mengutamakan keamanan dengan verifikasi email menggunakan pengecekan RFC, DNS, dan spoofing",[30,430,431],{},"Integrasi AWS S3 untuk penyimpanan media yang skalabel",{"title":108,"searchDepth":109,"depth":109,"links":433},[434,435,436],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":62,"depth":109,"text":63},"PT Sinergi Integra Persada","Website profil perusahaan dan portofolio produk full-stack untuk perusahaan B2B enterprise, dilengkapi panel admin komprehensif untuk pengelolaan konten dinamis.","\u002Fimages\u002Fportfolio\u002Fsinergi-integra-persada\u002Fsinergi-integra-persada.jpg",{},"\u002Fportfolio\u002Fid\u002F05-sinergi-integra-persada",{"title":371,"description":438},"portfolio\u002Fid\u002F05-sinergi-integra-persada",[445,312,446,142,447,448],"Laravel","Filament","AWS S3","Bootstrap","https:\u002F\u002Fsinergiintegra.com","l2A_DslsUONoH2jyNOhZBGLb8f3oC5rw3tUCALe760k",{"id":452,"title":453,"body":454,"challenge":121,"client":493,"description":494,"duration":121,"extension":119,"featured":302,"gallery":121,"image":495,"industry":121,"meta":496,"navigation":120,"path":497,"results":121,"seo":498,"stem":499,"technologies":500,"testimonial":121,"url":121,"year":314,"__hash__":502},"portfolio\u002Fportfolio\u002Fid\u002F06-codesk-accounting-storage.md","Codesk Accounting & Storage",{"type":8,"value":455,"toc":488},[456,459,461,464,466,483,485],[11,457,458],{},"Codesk Accounting & Storage adalah sistem manajemen internal yang dirancang untuk membantu bisnis menangani penyimpanan fisik dan akuntansi keuangan dalam satu atap. Platform ini menghubungkan manajemen inventaris dengan fungsi akuntansi, mengurangi kebutuhan alat terpisah, dan memberikan tim pandangan terpadu atas operasional mereka.",[15,460,18],{"id":17},[11,462,463],{},"Dibangun untuk perusahaan yang perlu melacak aset penyimpanan bersamaan dengan catatan keuangan, sistem ini menyediakan solusi praktis untuk mengelola stok, memantau pengeluaran, dan menjaga sinkronisasi akuntansi dengan pergerakan inventaris fisik.",[15,465,25],{"id":24},[27,467,468,471,474,477,480],{},[30,469,470],{},"Manajemen penyimpanan yang disesuaikan dengan alur kerja perusahaan tertentu",[30,472,473],{},"Fungsi akuntansi terintegrasi untuk melacak keuangan berdampingan dengan inventaris",[30,475,476],{},"Dukungan multi-conference untuk pengguna yang mengelola beberapa konteks operasional",[30,478,479],{},"Sistem pelacakan poin untuk pemantauan keterlibatan dan aktivitas",[30,481,482],{},"Manajemen pengguna dan akses",[15,484,291],{"id":290},[11,486,487],{},"Dibangun dengan Laravel di atas database MySQL, dengan version control berbasis Git yang mendukung pengembangan dan deployment kolaboratif.",{"title":108,"searchDepth":109,"depth":109,"links":489},[490,491,492],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},"Codesk","Sistem manajemen penyimpanan dan akuntansi terintegrasi untuk bisnis, menggabungkan pelacakan inventaris dengan pengawasan keuangan dalam satu platform.","\u002Fimages\u002Fportfolio\u002Fcodesk-accounting-storage\u002Fcodesk-accounting-storage.jpg",{},"\u002Fportfolio\u002Fid\u002F06-codesk-accounting-storage",{"title":453,"description":494},"portfolio\u002Fid\u002F06-codesk-accounting-storage",[445,310,312,501],"Git","alsbtf6bYxm8mB9zbK7pN1mcU7-pyksbHmB_-W7hmpg",{"id":504,"title":505,"body":506,"challenge":121,"client":572,"description":573,"duration":121,"extension":119,"featured":302,"gallery":121,"image":574,"industry":121,"meta":575,"navigation":120,"path":576,"results":121,"seo":577,"stem":578,"technologies":579,"testimonial":121,"url":582,"year":314,"__hash__":583},"portfolio\u002Fportfolio\u002Fid\u002F07-istts-main-website.md","iSTTS Main Website",{"type":8,"value":507,"toc":566},[508,511,513,516,518,541,543,546,548,554,560],[11,509,510],{},"Website Utama iSTTS berfungsi sebagai pintu masuk digital Institut Sains dan Teknologi Terpadu Surabaya. Dirancang untuk menginformasikan dan menarik calon mahasiswa, situs ini menyajikan gambaran komprehensif kehidupan kampus — mulai dari program akademik, profil dosen, kegiatan mahasiswa, hingga publikasi institusi.",[15,512,18],{"id":17},[11,514,515],{},"Website publik sebuah universitas harus sekaligus informatif dan mudah dipelihara. Website Utama iSTTS mencapai ini melalui antarmuka Material Design yang bersih yang didukung CMS berbasis Laravel, memberikan tim kampus kendali penuh atas pembaruan konten tanpa memerlukan intervensi developer.",[15,517,25],{"id":24},[27,519,520,523,526,529,532,535,538],{},[30,521,522],{},"Daftar program akademik dengan informasi dosen dan kurikulum yang lengkap",[30,524,525],{},"Profil dosen dan informasi departemen",[30,527,528],{},"Halaman kegiatan dan organisasi mahasiswa",[30,530,531],{},"Bagian berita dan publikasi kampus",[30,533,534],{},"Galeri lingkungan kampus dengan pengelolaan media yang terstruktur",[30,536,537],{},"Manajemen konten dinamis untuk administrator kampus",[30,539,540],{},"Integrasi web service eksternal dalam ekosistem iSTTS",[15,542,291],{"id":290},[11,544,545],{},"Dibangun dengan Laravel di atas database MySQL, dengan frontend Material UI yang menghadirkan antarmuka bersih dan aksesibel. Laravel File Manager menangani unggah dan pengelolaan media, sementara integrasi web service menghubungkan situs ke platform iSTTS lainnya.",[15,547,87],{"id":86},[11,549,550],{},[91,551],{"alt":552,"src":553},"iSTTS 1","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fistts_1.jpeg",[11,555,556],{},[91,557],{"alt":558,"src":559},"iSTTS 2","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fistts_2.jpeg",[11,561,562],{},[91,563],{"alt":564,"src":565},"iSTTS 3","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fistts_3.jpeg",{"title":108,"searchDepth":109,"depth":109,"links":567},[568,569,570,571],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},{"id":86,"depth":109,"text":87},"Institut Sains dan Teknologi Terpadu Surabaya (iSTTS)","Website profil kampus resmi Institut Sains dan Teknologi Terpadu Surabaya, menampilkan program akademik, dosen, dan kehidupan kampus kepada calon mahasiswa dan masyarakat umum.","\u002Fimages\u002Fportfolio\u002Fistts-main-website\u002Fistts-main-website.jpg",{},"\u002Fportfolio\u002Fid\u002F07-istts-main-website",{"title":505,"description":573},"portfolio\u002Fid\u002F07-istts-main-website",[445,310,580,581,312],"Material UI","Laravel File Manager","https:\u002F\u002Fistts.ac.id","OHZeTWOgpg3rA_Q1zF3hSFeAzn72NWD1PTKoMBkTSBI",{"id":585,"title":586,"body":587,"challenge":121,"client":572,"description":650,"duration":121,"extension":119,"featured":302,"gallery":121,"image":651,"industry":121,"meta":652,"navigation":120,"path":653,"results":121,"seo":654,"stem":655,"technologies":656,"testimonial":121,"url":658,"year":659,"__hash__":660},"portfolio\u002Fportfolio\u002Fid\u002F08-istts-eclass.md","iSTTS Eclass",{"type":8,"value":588,"toc":644},[589,592,594,597,599,619,621,624,626,632,638],[11,590,591],{},"iSTTS Eclass memodernisasi siklus hidup tugas perkuliahan di Institut Sains dan Teknologi Terpadu Surabaya. Dosen dapat membuat dan mendistribusikan tugas secara digital, mahasiswa mengumpulkan dengan mudah, dan alur kerja penilaian dipusatkan — menghilangkan serah terima berbasis kertas dan mengurangi hambatan administratif di seluruh kampus.",[15,593,18],{"id":17},[11,595,596],{},"Mengelola tugas di berbagai kelas dan mahasiswa secara manual rentan terhadap kesalahan dan keterlambatan. Eclass memberikan fakultas platform terstruktur untuk menangani seluruh alur kerja tugas — mulai dari pembuatan dan distribusi hingga pengumpulan dan penilaian — dengan antarmuka bersih berbasis prinsip Material Design.",[15,598,25],{"id":24},[27,600,601,604,607,610,613,616],{},[30,602,603],{},"Pembuatan tugas dan distribusi digital ke mahasiswa yang terdaftar",[30,605,606],{},"Manajemen kelas dan mahasiswa untuk dosen",[30,608,609],{},"Pelacakan pengumpulan dan alur kerja penilaian",[30,611,612],{},"Ekspor data berbasis Excel untuk pelaporan dan pencatatan",[30,614,615],{},"Integrasi web service eksternal untuk fungsionalitas yang diperluas",[30,617,618],{},"Dashboard yang sesuai peran untuk dosen dan mahasiswa",[15,620,291],{"id":290},[11,622,623],{},"Dibangun dengan Laravel di atas database MySQL, dengan frontend Material UI untuk antarmuka akademik yang bersih. Laravel Excel menangani ekspor data, dan integrasi web service menghubungkan platform ke ekosistem iSTTS yang lebih luas.",[15,625,87],{"id":86},[11,627,628],{},[91,629],{"alt":630,"src":631},"iSTTS Eclass 1","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feclass_1.jpeg",[11,633,634],{},[91,635],{"alt":636,"src":637},"iSTTS Eclass 2","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feclass_2.jpeg",[11,639,640],{},[91,641],{"alt":642,"src":643},"iSTTS Eclass 3","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feclass_3.jpeg",{"title":108,"searchDepth":109,"depth":109,"links":645},[646,647,648,649],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},{"id":86,"depth":109,"text":87},"Platform manajemen tugas full-stack untuk Institut Sains dan Teknologi Terpadu Surabaya, menyederhanakan cara dosen membuat, mendistribusikan, dan menilai tugas perkuliahan.","\u002Fimages\u002Fportfolio\u002Fistts-eclass\u002Fistts-eclass.jpg",{},"\u002Fportfolio\u002Fid\u002F08-istts-eclass",{"title":586,"description":650},"portfolio\u002Fid\u002F08-istts-eclass",[445,310,580,657,312],"Laravel Excel","https:\u002F\u002Feclass.istts.ac.id",2022,"qJlmiZqnAS85FsqOEH0hDLDP3sJyHTRUymsP1jQ_osU",{"id":662,"title":663,"body":664,"challenge":121,"client":572,"description":732,"duration":121,"extension":119,"featured":302,"gallery":121,"image":733,"industry":121,"meta":734,"navigation":120,"path":735,"results":121,"seo":736,"stem":737,"technologies":738,"testimonial":121,"url":740,"year":314,"__hash__":741},"portfolio\u002Fportfolio\u002Fid\u002F09-istts-ksp.md","iSTTS Knowledge Sharing Program",{"type":8,"value":665,"toc":726},[666,669,671,674,676,701,703,706,708,714,720],[11,667,668],{},"Platform Knowledge Sharing Program (KSP) iSTTS memfasilitasi pertukaran pengetahuan antara komunitas kampus dan para ahli eksternal. Sistem ini mengelola siklus hidup event secara penuh — dari pendaftaran dan kehadiran hingga pelacakan poin — mendukung event publik berulang yang mempertemukan pembicara dari dalam dan luar iSTTS.",[15,670,18],{"id":17},[11,672,673],{},"Mengoordinasikan event berbagi pengetahuan multi-sesi lintas peserta internal dan eksternal memerlukan pengelolaan pendaftaran, kehadiran, dan keterlibatan yang cermat. Platform KSP menangani semua ini dalam satu tempat, dengan check-in berbasis kode QR, akses berbasis peran untuk penyelenggara dan peserta, serta sistem poin yang menghargai keterlibatan aktif.",[15,675,25],{"id":24},[27,677,678,681,684,687,690,693,696,699],{},[30,679,680],{},"Pembuatan dan manajemen konferensi untuk penyelenggara",[30,682,683],{},"Pendaftaran terbuka untuk mahasiswa internal, staf, dan peserta eksternal",[30,685,686],{},"Sistem tiga tingkat peran: admin, penyelenggara, dan peserta",[30,688,689],{},"Pemindaian kehadiran berbasis kode QR via instascan.js",[30,691,692],{},"Pelacakan poin untuk menghargai keterlibatan peserta lintas event",[30,694,695],{},"Pelaporan berbasis Excel untuk catatan event dan data kehadiran",[30,697,698],{},"Manajemen media untuk materi dan sumber daya event",[30,700,540],{},[15,702,291],{"id":290},[11,704,705],{},"Dibangun dengan Laravel di atas database MySQL, dengan frontend Material UI. instascan.js menggerakkan pemindaian kode QR langsung di browser untuk presensi, Laravel Excel menangani ekspor data, dan Laravel File Manager mengelola aset media event.",[15,707,87],{"id":86},[11,709,710],{},[91,711],{"alt":712,"src":713},"iSTTS KSP 1","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fksp_1.jpeg",[11,715,716],{},[91,717],{"alt":718,"src":719},"iSTTS KSP 2","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fksp_2.jpeg",[11,721,722],{},[91,723],{"alt":724,"src":725},"iSTTS KSP 3","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Fksp_3.jpeg",{"title":108,"searchDepth":109,"depth":109,"links":727},[728,729,730,731],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},{"id":86,"depth":109,"text":87},"Platform manajemen konferensi dan berbagi pengetahuan untuk iSTTS, menghubungkan pembicara internal dan eksternal dengan mahasiswa serta staf melalui event terstruktur.","\u002Fimages\u002Fportfolio\u002Fistts-ksp\u002Fistts-ksp.jpg",{},"\u002Fportfolio\u002Fid\u002F09-istts-ksp",{"title":663,"description":732},"portfolio\u002Fid\u002F09-istts-ksp",[445,310,580,657,739,312],"instascan.js","https:\u002F\u002Fksp.istts.ac.id","ap6X5CRJ56sKNfa6-j1Yc2mPK8lmlOw2Fe1Zvoo3fRQ",{"id":743,"title":744,"body":745,"challenge":121,"client":572,"description":786,"duration":121,"extension":119,"featured":302,"gallery":121,"image":787,"industry":121,"meta":788,"navigation":120,"path":789,"results":121,"seo":790,"stem":791,"technologies":792,"testimonial":121,"url":793,"year":314,"__hash__":794},"portfolio\u002Fportfolio\u002Fid\u002F10-istts-career-center.md","iSTTS Career Center",{"type":8,"value":746,"toc":781},[747,750,752,755,757,776,778],[11,748,749],{},"iSTTS Career Center menjembatani kesenjangan antara lulusan dan peluang kerja. Platform ini mendukung program ketenagakerjaan universitas dengan menghubungkan alumni dengan lowongan pekerjaan yang relevan, memungkinkan lamaran langsung, dan memberikan kedua pihak gambaran jelas tentang proses rekrutmen — semuanya dalam satu portal khusus.",[15,751,18],{"id":17},[11,753,754],{},"Hasil kerja lulusan yang baik penting bagi setiap institusi. Career Center memberikan iSTTS platform khusus untuk mengelola kemitraan dengan perusahaan, memposting peluang kerja, dan mendukung alumni dalam pencarian kerja mereka — sekaligus memberikan kampus visibilitas atas hasil penempatan dan keterlibatan alumni.",[15,756,25],{"id":24},[27,758,759,762,765,768,771,774],{},[30,760,761],{},"Penemuan lowongan kerja yang ditargetkan untuk alumni iSTTS",[30,763,764],{},"Lamaran kerja langsung dengan pelacakan status lamaran",[30,766,767],{},"Manajemen profil alumni",[30,769,770],{},"Manajemen perusahaan dan lowongan untuk administrator kampus",[30,772,773],{},"Koordinasi program ketenagakerjaan antara alumni dan perusahaan mitra",[30,775,540],{},[15,777,291],{"id":290},[11,779,780],{},"Dibangun dengan Laravel di atas database MySQL, dengan frontend Material UI yang menghadirkan antarmuka profesional dan bersih untuk alumni maupun administrator kampus. Integrasi web service menghubungkan portal ke platform iSTTS lainnya.",{"title":108,"searchDepth":109,"depth":109,"links":782},[783,784,785],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},"Portal karir yang menghubungkan alumni iSTTS dengan perusahaan, mendukung pencarian lowongan, lamaran kerja, dan program rekrutmen lulusan kampus.","\u002Fimages\u002Fportfolio\u002Fistts-career-center\u002Fistts-career-center.jpg",{},"\u002Fportfolio\u002Fid\u002F10-istts-career-center",{"title":744,"description":786},"portfolio\u002Fid\u002F10-istts-career-center",[445,310,580,312],"https:\u002F\u002Fcareer.istts.ac.id","zrZy1XqXjrFdNH--u4uSudh1ZKWcceTQj_sVyo3diOw",{"id":796,"title":797,"body":798,"challenge":121,"client":797,"description":876,"duration":121,"extension":119,"featured":302,"gallery":121,"image":877,"industry":121,"meta":878,"navigation":120,"path":879,"results":121,"seo":880,"stem":881,"technologies":882,"testimonial":121,"url":121,"year":659,"__hash__":885},"portfolio\u002Fportfolio\u002Fid\u002F11-effo.md","Effo",{"type":8,"value":799,"toc":870},[800,803,805,808,810,833,835,838,840,846,852,858,864],[11,801,802],{},"Effo membantu organisasi meningkatkan kemampuan bahasa Inggris karyawan mereka secara sistematis melalui platform web yang terstruktur dan menarik. Dengan menggabungkan bank soal yang kaya dengan pelacakan progres bergaya gamifikasi, Effo mengubah pembelajaran bahasa dari kewajiban menjadi kebiasaan.",[15,804,18],{"id":17},[11,806,807],{},"Pelatihan bahasa Inggris korporat seringkali kurang terstruktur dan sulit diukur hasilnya. Effo mengatasi ini dengan memberikan admin kendali penuh atas konten pembelajaran — membuat kuis, mengelola cabang, dan memantau performa — sementara karyawan dapat berlatih dengan berbagai format latihan sesuai kecepatan mereka sendiri. Platform ini dapat diinstal sebagai PWA, membuatnya mudah diakses dari perangkat apa pun tanpa perlu app store.",[15,809,25],{"id":24},[27,811,812,815,818,821,824,827,830],{},[30,813,814],{},"Alat admin untuk membangun bank soal, merancang kuis, serta mengelola cabang dan pengguna",[30,816,817],{},"Beragam format latihan: dialog berbasis suara, soal pilihan ganda, dan latihan susunan kalimat",[30,819,820],{},"Interaksi suara dengan ResponsiveVoice.js untuk latihan percakapan",[30,822,823],{},"Sistem poin dan lencana untuk menghargai progres dan mempertahankan motivasi",[30,825,826],{},"Dashboard performa bagi admin untuk melacak kemajuan individu dan tim",[30,828,829],{},"Manajemen tingkat cabang untuk organisasi multi-lokasi",[30,831,832],{},"Dukungan PWA untuk akses offline dan instalasi ke layar utama",[15,834,291],{"id":290},[11,836,837],{},"Dibangun dengan Laravel dan PHP di atas database MySQL, dengan JavaScript dan jQuery menggerakkan interaksi frontend. ResponsiveVoice.js menangani text-to-speech untuk latihan percakapan, dan kemampuan PWA menghadirkan pengalaman mirip aplikasi native di perangkat mobile.",[15,839,87],{"id":86},[11,841,842],{},[91,843],{"alt":844,"src":845},"Effo 1","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feffo_1.png",[11,847,848],{},[91,849],{"alt":850,"src":851},"Effo 2","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feffo_2.png",[11,853,854],{},[91,855],{"alt":856,"src":857},"Effo 3","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feffo_3.png",[11,859,860],{},[91,861],{"alt":862,"src":863},"Effo 4","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feffo_4.png",[11,865,866],{},[91,867],{"alt":868,"src":869},"Effo 5","https:\u002F\u002Fwww.richardgunawan.dev\u002Fimages\u002Fworks-richard\u002Feffo_5.png",{"title":108,"searchDepth":109,"depth":109,"links":871},[872,873,874,875],{"id":17,"depth":109,"text":18},{"id":24,"depth":109,"text":25},{"id":290,"depth":109,"text":291},{"id":86,"depth":109,"text":87},"Platform pembelajaran bahasa Inggris berbasis PWA untuk organisasi, menawarkan latihan kosakata, idiom, dan percakapan yang ditargetkan dengan pelacakan progres yang gamifikasi.","\u002Fimages\u002Fportfolio\u002Feffo\u002Feffo.jpg",{},"\u002Fportfolio\u002Fid\u002F11-effo",{"title":797,"description":876},"portfolio\u002Fid\u002F11-effo",[445,312,310,883,367,884],"PWA","jQuery","GNib9DVW2XHeTHnD8rd1vHmVm0ONpCEmCK4MJk_NOp8",1777399377849]