Muhammad Emir Fadlyanto

Goal of the Site - Providing a centralized, unified repository for the institution to securely store, manage, and track internal documents and knowledge assets. - Adopting a Modern Monolith architecture (Laravel + Inertia.js + React) to ensure seamless data flow and a true Single Page Application (SPA) experience without the overhead of maintaining separate backend and frontend servers. - Establishing a structured, 4-phase document workflow (Upload, Validation, Review, Publish) to ensure strict quality control before documents reach the leadership. - Replacing scattered manual document handling with an integrated, easily trackable digital platform. - Implementing strict role-based access control (Panitia, Admin, Divisi IDE, Pimpinan) to ensure data security and proper delegation of institutional tasks. - Presenting a modern, highly interactive, and aesthetically pleasing user interface using state-of-the-art UI components and micro-animations. Action Plans - Analyzed the institutional needs for knowledge preservation and mapped out a clear, automated 4-stage document approval workflow. - Designed a robust relational database structure, including comprehensive activity logging (log_aktivitas) to track every document phase change and ensure accountability. - Developed the core system using Laravel 11, implementing clean controllers and custom middleware (EnsureUserHasRole) for strict authorization. - Integrated Inertia.js to bridge the backend and frontend seamlessly, fetching JSON data and rendering React components smoothly without traditional full-page reloads. - Built a responsive, accessible frontend using React 19 and Tailwind CSS 4, utilizing predefined Shadcn UI components for a consistent, premium design system. - Implemented real-time status badges and comprehensive document tracking features, allowing users to effortlessly monitor the progress of their submissions. The Results - Improved document management efficiency and reduced processing time through a clear, automated approval pipeline from submission to publication. - Enhanced overall user experience (UX) with lightning-fast navigation, smooth page transitions, and a clean, modern interface. - Increased accountability and institutional transparency via automated activity logs that record every single change in a document's status. - Simplified system maintenance and deployment due to the unified modern monolith architecture, keeping the codebase manageable yet highly performant. - Empowered the leadership (Pimpinan) with a reliable, intuitive repository dashboard to access finalized, approved institutional knowledge instantly. - Created a scalable foundation that allows SEAQIS to easily introduce more document categories and complex workflows in the future.

About Project This project discusses a Cap Tanda Tera (CTT) Management System used by the metrological agency to manage the procurement, inventory, and distribution of verification stamps (cap tanda tera). This system uses Laravel, PHP, MySQL, JavaScript, and Stisla (Bootstrap 4) as the admin UI template. Goal of the Site - Determining the annual procurement quantity for CTT stamp inventory - Monitoring the procurement and distribution of CTT stamps in real time - Managing incoming and outgoing stamp transactions with full traceability - Generating stock reports with date-based filtering and export capabilities (Print & PDF) Action Plans - Analyzed existing business processes through stakeholder interviews and document study - Modeled system flows using UML (Use Case, Activity Diagrams) - Designed a relational database structure using ERD - Created high-fidelity UI using Stisla (Bootstrap 4) admin template for admin and operator interfaces - Applied the Prototype methodology to iteratively test system functionality with users The Results - Structured, automated system design covering CTT stamp inventory management, procurement tracking, and distribution control - Enhanced data integrity and traceability through relational database design with unique transaction codes (BM/BK codes) - Improved user experience with an intuitive dashboard showing real-time inventory summary - Comprehensive reporting module with date-range filtering, stock calculation and export to PDF/Print

About Project This project discusses the integrated technical service management system used by B4T (Balai Besar Bahan dan Barang Teknik) to digitize their core business processes. This system, known as SIGAP B4T, manages various services ranging from Certification, Laboratory Testing, Calibration, to Internship/PKL management. Considering the complexity of the service and the large scale of data, this system is built using a modern container-based architecture using Docker. The technologies used in the development of this system include Laravel 13 (PHP 8.5) as the backend, MySQL as a relational database, Next.js 16 (React 19) for the frontend interface, TypeScript, Tailwind CSS 4, and Shadcn UI for premium aesthetic design. Goal of the Site 1. Providing a unified portal for industrial and individual customers to monitor order status and manage documents independently. 2. Adopting Docker to ensure system stability and ease future feature updates without disrupting ongoing services. Eliminating the "it works on my machine" problem by ensuring applications run in identical environments, from developer laptops to production servers. 3. Accelerating system deployment and maintenance through secure and scalable service isolation. 4. Replacing outdated legacy systems with state-of-the-art technology to ensure long-term operational sustainability. 5. Updating technical service workflows (Certification, Testing, Calibration) to be more streamlined, efficient, and compliant with current digital industry standards. 6. Introducing a variety of new features not available in the previous system, such as real-time monitoring, automated document management, and seamless integration between divisions. Action Plans - Analyzed weaknesses and limitations of the old website to prioritize features and determine flow improvements for the new system. - Remodeled the system using UML and designed a more robust relational database (ERD) to support new, more complex features. - Refactored the code from legacy logic to modern programming standards (Clean Architecture) using Laravel 13 and Next.js 16. - Implemented Docker and Docker Compose during the development phase to ensure a smooth transition from the old system to the new system in production. - Implemented Agile/Prototype methodologies to incrementally develop and test innovative features based on feedback from users of the previous system. - Integrate all services (web server, database, and app service) into a single, easily manageable container network with a single command. The Results - Improved user experience (UX) for customers and administrators through a clean interface and system notification features that facilitate coordination between departments. - A highly portable system is created that is easily movable between servers and easily developed thanks to the Docker standardization. - A structured system design increases the speed of technical service processing and the accuracy of test result reporting. - A structured and automated system design covers the entire B4T service lifecycle, from online registration to remote job status monitoring. - Improved data integrity and efficient coordination between B4T divisions through an intuitive dashboard. - Scalable and portable infrastructure thanks to the use of Docker simplifies system deployment and maintenance across various server environments.

About Rio Marketing Solution Rio Marketing is a partner of RioDeFi. We're support RioDeFi's projects with Marketing and Community Building. We're based in Canggu, Bali. Goal of the Site 1. Optimize website layout and structure. 2. Get more profile visit 3. Maximizing foreign visitors visit Redesign Vision The redesign may aim to improve the website's performance by increasing its speed, making it more mobile-friendly, or making it more accessible to people with disabilities, also The redesign may be necessary to reflect changes in the company, such as a merger, acquisition, or new product line.

About Learning Management System LMS facilitates instructors to plan, create, and distribute learning materials, as well as manage assignments and exams, while learners can access materials, interact with instructors and fellow learners, and monitor their learning progress. ## Goal of the Site 1. Provides a single centralized platform to manage all aspects of learning, including materials, users, and learning progress. 2. Facilitates the delivery of learning materials that can be accessed anytime and anywhere, both online and offline, by all participants. 3. Enables teachers and administrators to track student progress, manage assessments, and generate progress reports efficiently. The redesign may aim to improve the website's performance by increasing its speed, making it more mobile-friendly, or making it more accessible to people with disabilities, also The redesign may be necessary to reflect changes in the company, such as a merger, acquisition, or new product line.

About Laundry Website A laundry website is an online platform that businesses use to manage operations, such as customer orders, transactions, customer data, and revenue reports, as well as making it easier for customers to access laundry services digitally, including ordering, status tracking, and online payments. Goal of the Site 1. increase visibility and attract more customers through digital marketing. 2. simplify the ordering process and transaction management for customers and business owners 3. building a professional image and trust in the laundry business

About Citizen Data Collection Website The citizen data collection website is a web-based system designed to manage and record population data efficiently, accurately, and in an integrated manner. This system aims to record citizen data and administrative information, as well as facilitate processes such as birth registration and document submission. Goal of the Site 1. Efficiency of population and administrative data management to improve public services that are faster, more precise and accurate 2. helps improve the accuracy and precision of population data, so that the data becomes valid and reliable for various purposes. 3. make strategic decisions and sustainable village development planning according to the needs and potential of the community. Action Plan - Analyzed existing business processes through stakeholder interviews and document study - Modeled system flows using UML (Use Case, Activity Diagrams) - Designed a relational database structure using ERD - Applied the Prototype methodology to iteratively test system functionality with users The Result - Structured - Enhanced data integrity and traceability through relational database design

About Project This project discusses a water temperature and humidity monitoring system used in fish ponds, fish farms, and aquariums. This system uses Laravel 11, PHP, MySQL, JavaScript, a DS18B20 temperature sensor, an ESP32, and a 4502C pH sensor. Goal of the Site 1. Monitoring the temperature and pH levels of water in fish ponds in real time 2. Turn on and off the water pump in the pool automatically and in real time 3. helps maintain the pond environment to remain optimal for fish growth and health Action Plans - Analyzed existing business processes through stakeholder interviews and document study - Modeled system flows using UML (Use Case, Activity Diagrams) - Designed a relational database structure using ERD - Created high-fidelity UI mockups using Figma for fish farmers and admin interfaces - Applied the Prototype methodology to iteratively test system functionality with users The Results - Structured, automated system design covering remote monitoring and control - Enhanced data integrity and traceability through relational database design - Improved user experience with an intuitive UI for both breeders and admin