Publication Search

This study examines the implementation of a Figma-based UI/UX training program aimed at improving digital design literacy among students at Qotrun Nada Islamic Boarding School, Jakarta. The program was developed to address the limited digital competencies and practical design skills commonly found among santri in traditional Islamic educational environments. Using a project-based learning and mentoring approach, participants were introduced to fundamental concepts of User Interface (UI), User Experience (UX), and collaborative digital design using Figma. The activities included workshops, practical design exercises, mentoring sessions, and prototype development projects. The findings demonstrated significant improvements in students’ digital literacy, communication skills, teamwork, creativity, and confidence in using technology. Students successfully produced simple website prototypes that reflected basic usability and visual design principles. Furthermore, the integration of digital literacy training within the pesantren environment showed that technological skill development can be harmonized with Islamic educational values and community empowerment initiatives

Children's literacy can be improved through interactive learning media. A digital children's story platform, previously a mobile application, required web version development to expand user accessibility via browsers. The main challenge in this development was presenting multimedia content such as text, images, and audio dubbing synchronously scene-by-scene without degrading system performance, as well as facilitating reader interaction through a rating feature. This research aims to design and develop the platform using a Decoupled Architecture approach. The software development method used is Waterfall, encompassing requirement analysis, system design (UML, CDM, and PDM), implementation, testing, and maintenance. During implementation, ReactJS is utilized on the client-side for responsive interface rendering and state management, while Laravel is implemented on the server-side as a RESTful API provider to manage multimedia asset transmission, rating records, and the MySQL database. Functional system testing was evaluated using Black-box Testing, while user experience was validated using Spearman's Rank Correlation. The results indicate that this architectural separation (front-end and back-end) effectively resolves server overload issues commonly found in monolithic architectures and produces a seamless, stable asynchronous data transmission system across various devices.

This study analyzes how digital interface design (UI/UX) and system architecture are manipulated to unethically extract user consent, resulting in personal data commercialization and massive online loan (pinjol) spam marketing. Employing a mixed-methods approach, this research combines descriptive quantitative analysis of digital user perception surveys with qualitative observations involving UI teardowns, privacy policy evaluations, and extensive literature reviews. Initial findings indicate a profound crisis of genuine informed consent, exacerbated by the deployment of dark patterns such as pre-ticked checkboxes, disguised opt-out architectures, and information overload engineered into legal documents. This systematic manipulation facilitates unauthorized personal data distribution to third parties under the guise of legitimate agreement, directly triggering privacy intrusions and psychological distress, including severe anxiety among data subjects. Philosophically and morally, these practices constitute a severe breach of Information Technology Professional Ethics (EPTI). Consequently, this study highlights the urgent need for developer accountability and advocates for the implementation of proactive, transparent ethical design frameworks compliant with Human-Computer Interaction (HCI) standards to reclaim digital autonomy.

The Indonesian Archipelagic Sea Lane II (ALKI II) constitutes a strategic route stretching from the Sulawesi Sea to the Indian Ocean with trade values reaching USD 1.5 million daily and traversed by more than 36,773 vessels annually. The complexity of maritime security threats in this region has increasingly intensified following the relocation of the capital city to East Kalimantan, thereby demanding an effective decision support system to assist Indonesian Warship Commanders in making operational decisions that are rapid, accurate, and in accordance with applicable legal provisions. This research employs a qualitative approach through in-depth interviews with four maritime expert sources, with data analysis using NVivo 12 software. Analysis results identified maritime operational complexity and the urgent need for a comprehensive decision support system. These findings subsequently served as guidance in designing a Decision Support System (DSS) with a tab-based interface that integrates international legal frameworks such as UNCLOS 1982, Law No. 3/2025 on TNI, and related national regulations to generate structured action recommendations along with their legal foundations. Research findings demonstrate that the developed DSS successfully integrates operational, legal, and situational aspects to support decision-making that is rapid, accurate, and legally compliant. This system has proven to enhance the effectiveness of Indonesian Warship Commanders in addressing the complexity of maritime security (KAMLA) challenges in ALKI II through the provision of legally-based action recommendations from national and international frameworks accessible in realtime during operational situations.  

Modern food supply chains, particularly those involving essential commodities like rice, often suffer from major challenges such as product fraud, inefficient record-keeping, and a lack of consumer trust. Traditional centralized systems are prone to data tampering, limited transparency, and poor traceability, making it difficult to verify the authenticity and origin of goods. To address these issues, our research introduces TraceRoot, a blockchain-based traceability framework designed to enhance transparency, accountability, and trust in agricultural supply chains.TraceRoot leverages the immutability and decentralization of blockchain technology to maintain a secure, distributed ledger that records every transaction and movement of goods across the supply chain. Each stakeholder including farmers, distributors, retailers, and consumers has role-based access to authenticated data through a user-friendly interface. The framework integrates smart contracts to automate transactions and digital signatures to verify the integrity of the data being uploaded, minimizing the risk of human error or manipulation

This study aims to develop a financial saving application to improve the saving habits of students, particularly in Islamic boarding schools, through an adaptive challenge approach. The system integrates a mobile iOS application with a backend service and Large Language Model (LLM) processing via Ollama. Transaction data entered by users is processed by the backend to generate contextual and personalized saving challenges, applying Reinforcement Learning concepts in an adaptive and data-driven manner. The research adopts a descriptive quantitative method using surveys and system testing with 50 respondents. Results indicate that the application functions as designed, with no significant bugs detected. User evaluation shows high satisfaction, with an average score of 4.3 out of 5, covering ease of use, interface design, and increased awareness of saving. The combination of gamification, reward systems, and adaptive personalization successfully motivates users to save regularly. This system demonstrates the potential of integrating AI-driven personalization to strengthen financial literacy and healthy financial habits among students in a fun and interactive way.methods, and a summary of the results. The abstract should end with a comment about the significance of the results or conclusions brief.

Early childhood education requires engaging and interactive learning media to enchance student’s motivation and participation. However, learning activities in many kindergartens are still dominated by conventional methods, which are less effective in attracting children’s attention. This study aims to design and implement a web-based interactive educational game as an alternative learning medium for early childhood education. This research applies the ADDIE development model, consisting of analysis, design, development, implementation, and evaluation stages. Data were collected through observation, questionnaires, and literature review to identify user needs and evaluate the system. The educational game was developed using web-based technologies, enabling easy access through a browser without additional installation. The results show that the developed educational game improves children’s learning interest and engagement during the learning process. The system is also considered user-friendly and suitable for early childhood characteristics, both in terms of interface design and interactivity. Therefore, the web-based educational game is feasible and effective as an alternative learning medium to support early childhood education.

Public service institutions currently utilize digital technology to improve information accessibility for society. Satres PPA and PPO Polresta Banyumas has an important role in providing services, protection, and education related to violence cases against women and children. However, information regarding services, reporting procedures, and educational materials is still not fully accessible to the public. This study aims to design and develop a service and educational website for Satres PPA and PPO Polresta Banyumas using the Laravel framework. The research method used in this study is the Waterfall method, which consists of requirement analysis, system design, implementation, testing, and maintenance stages. The website was developed using Laravel, MySQL, and Bootstrap to support responsive interface design. The results show that the developed website is able to provide service information, educational articles, reporting procedures, and contact information effectively. System testing results indicate that all website features function properly according to user requirements. The website is expected to improve public access to information and increase awareness regarding the protection of women and children.

Pesatnya perkembangan teknologi informasi mendorong terjadinya digitalisasi di berbagai bidang usaha, termasuk pada layanan jasa cuci sepatu. Penggunaan aplikasi mobile menjadi salah satu alternatif untuk meningkatkan kualitas layanan, efisiensi operasional, serta kemudahan akses bagi pelanggan. Namun demikian, keberhasilan sebuah aplikasi tidak hanya bergantung pada fungsi yang dimiliki, tetapi juga pada kualitas desain antarmuka (User Interface/UI) dan pengalaman pengguna (User Experience/UX) yang mampu memberikan kenyamanan dan kemudahan dalam penggunaan. Tujuan dari penelitian ini adalah merancang desain UI/UX pada aplikasi mobile layanan cuci sepatu OurShoes agar lebih mudah dipahami, menarik, dan efisien digunakan. Metode yang diterapkan adalah Design Thinking yang meliputi tahapan empathize, define, ideate, prototype, dan testing. Hasil yang diperoleh berupa rancangan antarmuka aplikasi mobile dengan fitur utama seperti halaman login dan registrasi, pemesanan layanan, sistem pembayaran, notifikasi status pesanan, serta pengelolaan profil pengguna. Rancangan ini diharapkan dapat meningkatkan kualitas pengalaman pengguna, mempermudah proses transaksi, serta membantu pelaku usaha dalam mengelola layanan secara lebih efektif dan efisien. Dengan demikian, aplikasi ini berpotensi menjadi solusi digital yang mendukung pengembangan usaha cuci sepatu di era modern.

The implementation of smoking prohibition policies in Islamic boarding schools continues to depend largely on manual monitoring methods, which often face challenges related to consistency and supervision range. This study aims to design an Internet of Things (IoT)-based cigarette smoke detection system as an alternative monitoring approach that is more effective, measurable, and sustainable. The system design combines an MQ-2 gas sensor with a NodeMCU ESP8266 microcontroller programmed through the Arduino IDE platform. When smoke levels detected by the sensor exceed the predetermined limit, the system automatically triggers a buzzer and LED as warning indicators while simultaneously sending monitoring data to cloud-based platforms such as Firebase or ThingSpeak for real-time observation through web interfaces. The research outputs include a comprehensive system design consisting of system architecture, electronic circuit schematics, flowcharts, and pseudocode that are systematically arranged to support future prototype development and implementation. Through this design, the proposed system is expected to provide an initial technological solution that can enhance the effectiveness of monitoring and enforcing smoke-free regulations within Islamic boarding school environments.

This study aims to design and develop an Augmented Reality (AR)-based application for real-time data monitoring of an automatic weather station at PT. XYZ. The system was developed using a prototyping method, involving five key stages: sensor data acquisition via CBOX devices and the Modbus RTU protocol, data transmission through a Flask-based Web API, storage in a MySQL database, QR code-based target image creation using the Vuforia Engine, and a 3D visualization interface developed with Unity integrated with the Vuforia SDK on Android devices. The system successfully received and stored weather data—such as temperature, humidity, and wind speed—into the MySQL database. The AR application also displayed a stable 3D interface panel over QR code markers, providing real-time data updates through an HTTP-based mechanism. This research demonstrates the successful integration of SCADA, Flask, MySQL, and Unity, enhancing both the functionality and commercial appeal of PT. XYZ’s weather station products. Future research should focus on field testing, cloud network integration, and device compatibility.

Libraries play a crucial role in broadening the public's knowledge horizons by improving literacy skills. However, the reality at the Samaturu Library in Jambu Malea Village shows that manual management still dominates, leading to various administrative obstacles such as data irregularities, the risk of losing important information, and inefficiencies in tracking daily activities. This condition demands digital transformation to optimize public services at the village level comprehensively and sustainably. This research focuses on the development of a web-based library information system specifically designed to modernize administrative processes to be more systematic, fast, and organized. Built using the PHP programming language and MySQL database, this platform offers an intuitive interface for both staff and members. Its superior features include book data management, membership, activity agendas, announcements, and digitizing the borrowing and return process. Furthermore, the system is capable of automatically generating periodic reports to facilitate library performance evaluation. Based on the results of comprehensive testing using the Black Box Testing method, all system functionality was proven to operate optimally according to the required specifications. Direct user trials also showed very positive responses regarding aspects of ease of navigation and operational time efficiency. The implementation of this system is expected to improve the effectiveness of internal management, accelerate the quality of services to library users, and become a major catalyst in realizing superior digital literacy governance in rural areas.

The rapid evolution of digital technologies has fundamentally reshaped tax administration systems, particularly for Micro, Small, and Medium Enterprises (MSMEs), which constitute a critical driver of economic development yet continue to demonstrate suboptimal levels of tax compliance. This study aims to critically examine the role of Application Programming Interface (API)-based tax automation in enhancing MSME tax compliance through a systematic narrative literature review approach. Employing a qualitative design, this study synthesizes recent scholarly works published within the last five years to identify patterns, relationships, and emerging trends in digital taxation practices. The findings indicate that API-based automation significantly improves administrative efficiency, minimizes human error, and facilitates real-time data integration between taxpayer systems and tax authorities. Moreover, such integration enhances transparency and reduces compliance costs, thereby fostering voluntary compliance behavior among MSMEs. Nevertheless, the effectiveness of this technological intervention is contingent upon several structural and behavioral factors, including digital literacy, technological readiness, and the availability of reliable digital infrastructure. Persistent disparities in these areas may constrain the scalability and inclusiveness of API implementation. This study underscores that API-based tax automation represents a transformative policy instrument in modernizing tax administration systems, provided it is supported by coherent regulatory frameworks, capacity-building initiatives, and equitable infrastructure development. The findings contribute to the broader discourse on digital taxation by offering a conceptual foundation for developing adaptive and sustainable compliance strategies in the era of economic digitalization

Although cryptographic security is often the main concern in e-voting system development, practical implementation failures are frequently associated with poor user interfaces that increase cognitive load and voting errors. This study evaluates the effectiveness of User-Centered Design (UCD) interventions in improving usability and voter confidence in an e-voting system. A one-group pretest-posttest design was applied to 36 respondents representing novice voters. Usability was measured using the System Usability Scale (SUS) before and after the interface redesign. The intervention focused on visual hierarchy, navigation consistency, status visibility, and error prevention. The results show a statistically significant improvement, with the mean SUS score increasing from 69.10 in the marginal category to 95.76 in the excellent category. The paired sample t-test produced t(35) = -7.3441 with p < 0.0001, while Cohen's d reached 1.2130, indicating a large practical effect. The standard deviation also decreased from 21.98 to 3.09, demonstrating a more consistent user experience. These findings indicate that interface optimization is essential for strengthening accessibility, voting accuracy, and user trust in digital democracy systems.

Libraries play a crucial role in broadening the public's knowledge horizons by improving literacy skills. However, the reality at the Samaturu Library in Jambu Malea Village shows that manual management still dominates, leading to various administrative obstacles such as data irregularities, the risk of losing important information, and inefficiencies in tracking daily activities. This condition demands digital transformation to optimize public services at the village level comprehensively and sustainably. This research focuses on the development of a web-based library information system specifically designed to modernize administrative processes to be more systematic, fast, and organized. Built using the PHP programming language and MySQL database, this platform offers an intuitive interface for both staff and members. Its superior features include book data management, membership, activity agendas, announcements, and digitizing the borrowing and return process. Furthermore, the system is capable of automatically generating periodic reports to facilitate library performance evaluation. Based on the results of comprehensive testing using the Black Box Testing method, all system functionality was proven to operate optimally according to the required specifications. Direct user trials also showed very positive responses regarding aspects of ease of navigation and operational time efficiency. The implementation of this system is expected to improve the effectiveness of internal management, accelerate the quality of services to library users, and become a major catalyst in realizing superior digital literacy governance in rural areas

This research aims to design and develop a simple Dino-themed game based on a microcontroller, with the display using an I2C LCD. The game is inspired by the offline Dino game on Google Chrome, adapted to run on an Arduino Uno microcontroller. The research method used is Research and Development (R&D), consisting of stages such as needs analysis, system design, simulation using Wokwi, hardware assembly, programming, and testing. The system uses push buttons as input and a 16x2 I2C LCD as the output display. The testing results show that the system can respond quickly to user input and display character movement and score updates dynamically on the LCD screen. Although the graphical capability of the LCD is limited, the game runs well and successfully demonstrates the basic concepts of microcontroller programming as well as interactive input-output processing. Further development is recommended to enhance the graphical interface and add features such as sound effects and progressive difficulty levels.

Background: Automatic segmentation of the thyroid gland in ultrasonography (USG) images using deep learning requires a user-friendly interface to support diagnostic and educational processes. Purpose: This study aims to develop and implement a Graphical User Interface (GUI) that integrates a deep learning U-Net model for interactive and efficient segmentation and visualization of thyroid USG images. Method: The development method employed the Rapid Application Development (RAD) approach using MATLAB programming language. The GUI is designed to load transverse and sagittal USG images, display automatic segmentation results, and calculate thyroid gland volume based on dimensions measured automatically from the segmentation output. Testing was conducted using USG image data from 15 volunteers, and GUI functionality was evaluated using black box testing. Result: The GUI successfully displayed USG images and segmentation results with a responsive 4-panel interface; zoom, pan, and image navigation features functioned well. Automatic segmentation occurred in real-time after image input, and volume measurement results appeared automatically. Black box testing evaluation showed all GUI features operated as expected. The average Dice Similarity Coefficient (DSC) of 0.91 indicates high performance of the U-Net model in thyroid segmentation, consistent with previous findings. Statistical testing confirmed no significant difference between volume measurements using the application and manual methods (p = 0.953). Conclusion: This GUI implementation facilitates users in performing deep learning-based segmentation and visualization of thyroid USG images, improving efficiency and accuracy in thyroid volume measurement. The GUI has potential applications in clinical practice and radiology education.

The development of information technology has become a primary pillar in enhancing corporate operational efficiency, where rapid and accurate data integration significantly determines business competitiveness. Case study in PT Gawi Anjung Bersama (GAB) revealed that the company is facing operational constraints because the management of delivery orders and invoices still relies on conventional office applications such as Microsoft Excel and Word. This procedure causes hurdles in data sharing among staff and results in low information security due to the absence of integrated access control settings. This research aims to design and develop the Gawi Anjung Bersama Information System (SIGAB), a web-based system implementing the CodeIgniter framework. The system is developed using Waterfall model, encompassing stages from analysis, design, and implementation to testing. The research flow starts with problem identification, primary and secondary data collection, and functional and non-functional requirements analysis. The system is designed using Unified Modeling Language (UML) modeling, specifically Use Case and Class Diagrams, as well as Entity Relationship Diagrams (ERD) for the database. The system interface is designed as wireframes on Figma web. This system separates access rights into three main actors namely owner, administrator, and staff, to ensure data security. Blackbox testing results, conducted after the system was hosted, indicate that all functional features operate as intended. The implementation of SIGAB is expected to optimize the management of delivery orders and invoices at PT GAB.

Perkembangan layanan perbankan digital menuntut aplikasi mobile banking memiliki tingkat usability yang tinggi agar mampu memberikan pengalaman pengguna yang optimal. Penelitian ini bertujuan untuk menganalisis tingkat usability pada sebuah aplikasi digital banking menggunakan metode Website Usability Evaluation Tool (WEBUSE). Penelitian ini melibatkan 100 responden pengguna aktif aplikasi mobile banking dengan karakteristik yang beragam berdasarkan jenis kelamin, usia, lama penggunaan, dan frekuensi penggunaan aplikasi. Instrumen penelitian berupa kuesioner telah melalui pengujian validitas dan reliabilitas, dengan hasil seluruh butir pertanyaan dinyatakan valid dan reliabel. Analisis data dilakukan pada empat variabel WEBUSE, yaitu Content, Organization, and Readability, Navigation and Links, User Interface Design, serta Performance and Effectiveness. Hasil penelitian menunjukkan bahwa seluruh variabel memperoleh skor tinggi dan berada pada kategori usability sangat baik (excellent). Temuan ini mengindikasikan bahwa aplikasi digital banking yang diteliti telah memenuhi standar usability yang optimal dalam aspek kemudahan penggunaan, kenyamanan, efektivitas, dan efisiensi. Penelitian ini diharapkan dapat menjadi referensi bagi pengembang aplikasi dalam melakukan evaluasi dan peningkatan kualitas layanan digital banking secara berkelanjutan.

Wewewa Timur District is an administrative area in Southwest Sumba Regency that has great potential to improve the quality of public services. However, in practice, services at the sub-district level are still faced with various obstacles, such as slow administrative processes, manual data recording, and lack of coordination between service departments. This makes it difficult for government officials to cause problems and has a direct impact on public satisfaction as service recipients. As a solution, the development of a Web-Based Integrated Service Information System is the right step to address community needs and support government performance in Wewewa Timur District. Through this system, the public can access various services on a single digital platform without having to come directly to the sub-district office, and helps officials in accelerating administrative processes. This study uses a software engineering approach to design and implement a Web-Based Integrated Service Information System in Wewewa Timur District. The method used is the Waterfall method, which is a classic method in software engineering with sequential and systematic stages, from needs analysis to system maintenance. Test results using the black box method showed that the software could identify malfunctioning functions, interface errors, data structure errors, and access to external databases, while also producing expected output. Therefore, this system is considered effective in improving the quality of public services in Wewewa Timur District.