[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"i-mdi:github":3,"i-mdi:linkedin":8,"i-mdi:instagram":10,"project-kecamatan-berdaya-jateng":12,"i-lineicons:nuxt":197,"i-lineicons:laravel":199,"i-lineicons:vuejs":201,"i-lineicons:tailwindcss":203,"i-solar:arrow-left-linear":205,"i-solar:pen-2-linear":207,"i-lineicons:mysql":209},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\u002F>",{"id":13,"title":14,"active":6,"body":15,"collaborators":174,"color":177,"date":178,"description":179,"extension":180,"github_url":178,"icon":181,"image":182,"meta":183,"month":184,"navigation":185,"path":186,"seo":187,"sitemap":188,"stacks":189,"status":178,"stem":195,"url":178,"__hash__":196},"project\u002Fproject\u002F0.kecamatan-berdaya-jateng.md","Kecamatan Berdaya",{"type":16,"value":17,"toc":161},"minimark",[18,23,27,31,34,38,41,45,80,84,104,108,111,115,147,151,154,158],[19,20,22],"h2",{"id":21},"project-initiation","Project Initiation:",[24,25,26],"p",{},"I started working on the Kecamatan Berdaya Back-Office System with my team as core maintainers for this crucial government initiative in Central Java. Our mission was to develop a robust data management platform that would revolutionize how local administrators handle community data and program implementation.",[19,28,30],{"id":29},"team-collaboration-and-government-partnership","Team Collaboration and Government Partnership:",[24,32,33],{},"Working closely with my development team and government stakeholders, we focused on creating a comprehensive back-office system that would streamline the administrative processes of the Kecamatan Berdaya program, making it easier for local officials to manage community data and track program progress.",[19,35,37],{"id":36},"system-architecture-and-purpose","System Architecture and Purpose:",[24,39,40],{},"We built this system to serve as the central hub for managing all aspects of the Kecamatan Berdaya government program in Central Java. The platform enables local administrators to efficiently handle citizen data, track program implementations, and generate comprehensive reports for better governance.",[19,42,44],{"id":43},"technology-stack","Technology Stack:",[46,47,48,56,62,68,74],"ul",{},[49,50,51,55],"li",{},[52,53,54],"strong",{},"Nuxt.js:"," Vue-based framework for building the modern, responsive front-end interface",[49,57,58,61],{},[52,59,60],{},"Laravel:"," PHP framework powering the robust and scalable back-office API system",[49,63,64,67],{},[52,65,66],{},"MySQL:"," Database management for storing critical government and citizen data",[49,69,70,73],{},[52,71,72],{},"Vue.js:"," Progressive JavaScript framework for interactive user interfaces",[49,75,76,79],{},[52,77,78],{},"Tailwind CSS:"," Utility-first CSS framework for rapid UI development",[19,81,83],{"id":82},"key-features-implemented","Key Features Implemented:",[46,85,86,89,92,95,98,101],{},[49,87,88],{},"Comprehensive citizen data management and registration system",[49,90,91],{},"Program tracking and implementation monitoring tools",[49,93,94],{},"Administrative dashboard with real-time analytics and reporting",[49,96,97],{},"Multi-level user access control for different government roles",[49,99,100],{},"Document management system for official paperwork and records",[49,102,103],{},"Integration with existing government databases and systems",[19,105,107],{"id":106},"government-impact-and-achievements","Government Impact and Achievements:",[24,109,110],{},"As core maintainers, we successfully deployed a system that now serves multiple districts within Central Java, helping local administrators manage thousands of citizen records and track the progress of various government programs under the Kecamatan Berdaya initiative.",[19,112,114],{"id":113},"technical-highlights","Technical Highlights:",[46,116,117,123,129,135,141],{},[49,118,119,122],{},[52,120,121],{},"Modern Architecture:"," Nuxt.js frontend with Laravel API backend for optimal performance and maintainability",[49,124,125,128],{},[52,126,127],{},"Security Compliance:"," Implemented robust security measures to protect sensitive citizen information",[49,130,131,134],{},[52,132,133],{},"Responsive Design:"," Vue.js components with Tailwind CSS for intuitive admin panels accessible on any device",[49,136,137,140],{},[52,138,139],{},"API-Driven Development:"," RESTful Laravel APIs enabling flexible data management and integration",[49,142,143,146],{},[52,144,145],{},"Real-time Updates:"," Server-side rendering with Nuxt for fast loading and better user experience",[19,148,150],{"id":149},"core-maintenance-responsibilities","Core Maintenance Responsibilities:",[24,152,153],{},"Our team continues to maintain and enhance the system, ensuring optimal performance, security updates, and feature improvements based on feedback from local administrators and changing government requirements.",[19,155,157],{"id":156},"community-impact","Community Impact:",[24,159,160],{},"This back-office system has significantly improved the efficiency of the Kecamatan Berdaya program, enabling better service delivery to communities across Central Java and supporting the government's commitment to digital transformation in public administration.",{"title":162,"searchDepth":163,"depth":163,"links":164},"",2,[165,166,167,168,169,170,171,172,173],{"id":21,"depth":163,"text":22},{"id":29,"depth":163,"text":30},{"id":36,"depth":163,"text":37},{"id":43,"depth":163,"text":44},{"id":82,"depth":163,"text":83},{"id":106,"depth":163,"text":107},{"id":113,"depth":163,"text":114},{"id":149,"depth":163,"text":150},{"id":156,"depth":163,"text":157},[175,176],"anggi-susanto","gunamaya","rgb(34, 197, 94)",null,"A comprehensive government data management system for Kecamatan Berdaya program in Central Java, built to streamline administrative processes and empower local communities.","md","simple-icons:internetcomputer","\u002Fimages\u002Fproject\u002Fkberdaya-jateng.webp",{},"2025-04",true,"\u002Fproject\u002Fkecamatan-berdaya-jateng",{"title":14,"description":179},{"loc":186},[190,191,192,193,194],"nuxt","laravel","mysql","vuejs","tailwindcss","project\u002F0.kecamatan-berdaya-jateng","sKN3gFjO5kgMPCiT_BjMw72eegE1phIOSpLoZTfUNkU",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":198},"\u003Cpath fill=\"currentColor\" d=\"M13.2 18.666h7.4c.236 0 .462-.083.667-.2c.204-.117.415-.264.533-.466c.118-.203.2-.433.2-.667s-.082-.464-.2-.667l-5-8.6a1.2 1.2 0 0 0-.467-.466a1.6 1.6 0 0 0-.733-.2c-.236 0-.462.083-.667.2a1.2 1.2 0 0 0-.466.466l-1.267 2.2L10.667 6c-.118-.203-.262-.417-.467-.534s-.43-.133-.667-.133c-.236 0-.462.016-.666.133s-.416.33-.534.534l-6.2 10.666c-.118.203-.133.433-.133.667s.015.464.133.667c.118.202.33.35.534.466s.43.2.666.2H8c1.85 0 3.195-.83 4.133-2.4l2.267-3.933l1.2-2.067l3.667 6.267H14.4zm-5.267-2.133H4.667l4.866-8.4l2.467 4.2l-1.634 2.848c-.623 1.02-1.333 1.352-2.433 1.352\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":200},"\u003Cpath fill=\"currentColor\" d=\"m21.705 6.556l-.02-.044l-.02-.052c-.012-.02-.024-.032-.04-.052q-.012-.022-.036-.044c-.008-.008-.02-.016-.044-.036a.2.2 0 0 0-.044-.032l-3.715-2.14a.45.45 0 0 0-.428 0L13.64 6.3s-.024.016-.048.036l-.036.028l-.044.056l-.024.036s-.02.036-.032.068l-.012.032q-.014.059-.016.112v3.995l-2.855 1.643V4.564c0-.036 0-.076-.012-.108a.3.3 0 0 0-.02-.048a.3.3 0 0 0-.024-.052c-.008-.02-.02-.032-.036-.052a.3.3 0 0 0-.036-.044c-.008-.008-.02-.016-.044-.036c-.012-.008-.024-.02-.04-.028l-3.72-2.139a.43.43 0 0 0-.428 0L2.498 4.192s-.032.024-.052.044l-.04.028s-.02.028-.04.052l-.024.036s-.02.044-.028.068l-.016.036c-.008.036-.016.072-.016.112v12.725c0 .072.02.148.06.212c.036.068.092.12.156.16l7.434 4.279l.064.028l.036.012q.053.014.112.016q.054-.002.108-.016l.036-.012q.037-.01.068-.032l7.434-4.275a.44.44 0 0 0 .212-.372v-3.995l3.5-2.015a.43.43 0 0 0 .16-.156a.46.46 0 0 0 .055-.216V6.668c0-.036 0-.072-.012-.112m-4.13 1.755l-2.856-1.643l2.855-1.64l2.856 1.64zM6.428 2.925L9.28 4.568L6.43 6.212L3.573 4.568zm3.283 2.383v7.494l-1.735 1l-1.12.644v-7.49zm0 15.516l-6.57-3.783V5.308l2.855 1.648v8.234l.008.056q.001.025.008.056c.004.016.012.028.02.052q.012.03.024.048a.4.4 0 0 0 .036.056l.032.036s.02.02.048.04l3.54 2.007zm.432-4.027l-2.851-1.611l6.566-3.78l2.852 1.644zm6.998.244l-6.57 3.787v-3.287l6.57-3.75zm0-4.735l-2.855-1.643V7.412l2.855 1.643zm3.716-1.643l-2.856 1.643v-3.25l2.856-1.644z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":202},"\u003Cpath fill=\"currentColor\" d=\"M17.4 3.442h-3.262l-2.126 3.543l-2.135-3.542l-2.369-.001H2l10.026 17.116L22 3.442zm-5.378 13.566L5.125 5.232h2.528l4.375 7.528l4.34-7.528h2.516z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":204},"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 9.969q1-4.063 5-4.063c4 0 4.5 3.047 6.5 3.555q2 .508 3.5-1.524Q21 12 17 12c-4 0-4.5-3.047-6.5-3.555Q8.5 7.938 7 9.97m-5 6.094Q3 12 7 12c4 0 4.5 3.047 6.5 3.555q2 .507 3.5-1.524q-1 4.063-5 4.063c-4 0-4.5-3.047-6.5-3.555q-2-.508-3.5 1.524\" clip-rule=\"evenodd\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":206},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 12H4m0 0l6-6m-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":208},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\u003Cpath stroke-linecap=\"round\" d=\"M4 22h16\"\u002F>\u003Cpath d=\"m13.888 3.663l.742-.742a3.146 3.146 0 1 1 4.449 4.45l-.742.74m-4.449-4.448s.093 1.576 1.483 2.966s2.966 1.483 2.966 1.483m-4.449-4.45L7.071 10.48c-.462.462-.693.692-.891.947a5.2 5.2 0 0 0-.599.969c-.139.291-.242.601-.449 1.22l-.875 2.626m14.08-8.13l-6.817 6.817c-.462.462-.692.692-.947.891q-.451.352-.969.599c-.291.139-.601.242-1.22.448l-2.626.876m0 0l-.641.213a.848.848 0 0 1-1.073-1.073l.213-.641m1.501 1.5l-1.5-1.5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":210},"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20.422 17.337c-1.088-.03-1.932.081-2.64.379c-.203.082-.53.082-.557.338c.11.108.122.284.218.433c.163.27.449.635.707.824l.87.622c.531.325 1.13.514 1.647.838c.299.19.598.433.898.636c.152.108.244.284.435.352v-.041c-.095-.122-.123-.297-.217-.433l-.409-.392a6.4 6.4 0 0 0-1.415-1.365c-.435-.298-1.387-.703-1.564-1.203l-.027-.03c.299-.03.653-.136.939-.217c.463-.121.884-.095 1.36-.216l.653-.19v-.12c-.245-.244-.422-.569-.68-.798a18 18 0 0 0-2.245-1.663c-.422-.27-.966-.447-1.415-.676c-.164-.081-.435-.122-.53-.257c-.246-.297-.381-.69-.558-1.041l-1.116-2.353c-.245-.527-.395-1.054-.694-1.54c-1.4-2.3-2.925-3.692-5.265-5.058c-.503-.284-1.101-.406-1.738-.554l-1.02-.055c-.218-.094-.436-.351-.626-.473c-.775-.487-2.775-1.541-3.347-.151c-.368.878.544 1.743.854 2.19c.231.31.53.662.694 1.014c.091.23.122.473.217.716c.218.595.422 1.258.708 1.812c.152.284.312.582.503.839c.109.151.3.216.34.46c-.19.27-.204.675-.313 1.014c-.49 1.528-.3 3.42.395 4.545c.218.338.731 1.082 1.428.798c.613-.244.476-1.014.653-1.69c.041-.162.014-.27.095-.379v.03l.558 1.123c.422.662 1.157 1.352 1.769 1.812c.326.243.584.662.992.81v-.04h-.026c-.082-.121-.205-.176-.314-.27a6.6 6.6 0 0 1-.707-.812a17.4 17.4 0 0 1-1.523-2.46c-.218-.42-.409-.879-.585-1.298c-.083-.162-.083-.406-.218-.487c-.205.297-.503.555-.654.92c-.258.58-.285 1.297-.38 2.041c-.055.014-.03 0-.055.03c-.435-.107-.585-.554-.748-.932c-.408-.96-.476-2.501-.123-3.61c.096-.284.504-1.177.341-1.447c-.082-.257-.354-.405-.504-.608a5.5 5.5 0 0 1-.49-.865c-.325-.758-.489-1.596-.843-2.353c-.163-.352-.449-.717-.68-1.041c-.259-.365-.544-.622-.748-1.055c-.068-.151-.163-.392-.054-.554c.026-.108.081-.152.19-.176c.176-.151.68.04.857.121c.503.203.925.392 1.347.676c.19.135.394.392.64.46h.285c.436.095.925.03 1.333.152c.72.23 1.374.567 1.96.933a12 12 0 0 1 4.244 4.624c.163.311.23.595.38.92c.287.662.64 1.338.926 1.987c.286.636.558 1.285.966 1.812c.204.284 1.02.433 1.387.582c.272.12.694.23.94.378c.461.284.924.609 1.359.92c.217.162.898.5.939.77zM6.548 5.588a2.2 2.2 0 0 0-.557.068v.03h.027c.109.216.3.365.435.555l.313.649l.027-.03c.19-.136.286-.352.286-.676c-.082-.095-.095-.19-.163-.284c-.082-.135-.259-.203-.368-.311\" clip-rule=\"evenodd\"\u002F>",1779378197369]