Publication Search

This study evaluated the effectiveness of the JKN Mobile interface using Nielsen’s Usability Heuristic Principles to identify issues that affect clarity, consistency, and user navigation. The research applied a descriptive qualitative approach through interface observation and visual analysis, focusing on typography, layout, color usage, iconography, and feedback mechanisms. The findings showed that several essential elements of system status were not clearly presented, such as loading indicators, data update information, and synchronization cues. Inconsistencies in icon style, visual hierarchy, and button functions further reduced predictability and increased the cognitive load on users. Some screens also displayed incomplete content and unclear action mapping, which disrupted task flow. The study concludes that improving visual hierarchy, standardizing interface components, refining navigation paths, and providing clearer feedback can strengthen usability and support the application’s role as an accessible digital public service.

The rapid development of digital technology has increased the demand for students to demonstrate their competencies through professional digital portfolios, particularly in Information Systems programs where analytical, design, and visual communication skills are essential. This study aims to analyze the effectiveness of using Canva as a digital portfolio development tool in the Portfolio Development course at ITB STIKOM Bali. The research employed a descriptive quantitative approach, using a four-point Likert-scale questionnaire distributed to 30 students enrolled in the course. The collected data were analyzed using descriptive statistics to measure students’ perceptions regarding ease of use, learning effectiveness, visual creativity, digital literacy, and learning motivation. The findings indicate that Canva is perceived as very easy to use due to its intuitive interface and accessible design features. Canva is also considered effective in helping students present system analysis results and project documentation in a more structured and visually appealing manner. Moreover, the use of Canva enhances students’ visual creativity and digital literacy skills while increasing their motivation and confidence in completing portfolio assignments. These results suggest that Canva functions not only as a design tool but also as an educational medium that supports the academic and professional competencies required in the digital era. Therefore, integrating Canva into project-based and visually oriented courses is strongly recommended to improve the quality of student learning outcomes.

The advancement of information technology has had a significant impact across various sectors, including healthcare. The digitalization of healthcare services has become a solution to improve efficiency, effectiveness, and accessibility for the public. Puskesmas Selindung still uses a manual patient registration system, which leads to several issues such as long queues, extended waiting times, and the risk of lost or damaged patient records. Based on visit data, the number of patients coming to Puskesmas Selindung has increased each year. Therefore, a digital queue system is needed to optimize the patient registration process. This research aims to analyze and design an Android-based patient registration queue application to improve service efficiency at Puskesmas Selindung. The research methods include system requirements analysis, user interface design, and the development of core features to support the online patient registration process. The implementation of this application is expected to reduce long queues, speed up administrative processes, and make it easier for patients to access healthcare services more effectively and accurately. With this Android-based system, the quality of healthcare services at Puskesmas Selindung is expected to improve significantly.

PAMTIRTA Tempino is an institution that provides clean water services in the Tempino area. The process of recording water use and monitoring water turbidity is still done manually, making it prone to recording errors and making it difficult to monitor the water quality distributed to the community. This study aims to design a website-based water turbidity recording and monitoring system by focusing on User Interface (UI) and User Experience (UX) aspects using the Design Thinking method. The research follows five stages of Design Thinking: empathize, define, ideate, prototype, and test. Data collection involves observation and in-depth interviews with PAMTIRTA officers. The results include a design with key features such as digital water meter recording, turbidity monitoring dashboards, and complaint services. The prototype was tested using Maze and the System Usability Scale (SUS), achieving a score of 80.1 and falling into the "Good" category (grade B). These results demonstrate that the UI/UX design effectively provides an easy-to-understand, operationally suitable, and efficient solution for PAMTIRTA Tempino's water recording and turbidity monitoring needs. This design offers a ready-to-implement solution to improve the efficiency, accuracy, and quality of clean water services in the Tempino area.  

Barru Regency tourism has a variety of tourist attractions, but information related to the location and potential of tourism has not been digitally integrated, making it difficult for tourists and the government to access data. This study aims to design and build a web-based Geographic Information System (GIS) that can map the location of tourist attractions in Barru Regency interactively, easily accessible, and equipped with supporting information in the form of descriptions, types of tourism, photos, and travel routes. The research method used is Research and Development (R&D) with the stages of tourist attraction surveys, interface design, feature development, and system testing. The results of the study are in the form of a website "Web-Based Geographic Information System for Mapping Tourist Attractions in Barru Regency" which is able to present tourist information systematically and easily understood. The conclusion of this study shows that the developed system can be a supporting medium in disseminating tourism information, helping tourists find tourist locations, and supporting the local government in managing and developing the tourism sector based on spatial data. This application also has the potential to be an educational and promotional tool to increase tourist visits to Barru Regency  

This study aims to evaluate the Figma-based redesign of the BBPMP Central Java website to enhance user satisfaction and visual consistency with national graphic standards. Using a qualitative descriptive approach and the Research and Development (R&D) method, the process included needs analysis, prototype design, expert validation, and user testing. Data were collected through observation, interviews, and Likert-scale questionnaires. The results show that a user-centered redesign significantly improves navigation, visual appeal, and user satisfaction with the website interface. Figma proved to be an effective collaborative tool for developing interactive and standardized design prototypes. These findings provide strategic insights for educational institutions to enhance the quality and attractiveness of digital platforms.

The development of information technology requires public institutions to provide accessible and transparent information services. Polsek Kota Kisaran still faces limitations in delivering information to the public through digital media. This study aims to design and implement a profile website as a public information medium that supports service transparency. The research uses a qualitative descriptive approach with data collection through observation, informal interviews with police officers, and documentation. System development includes requirement analysis, system modeling using Unified Modeling Language (UML), interface design, and website implementation. The results indicate that the developed website is able to present structured information such as institutional profiles, organizational structures, SKCK procedures, SPKT services, news, and activity documentation. The implementation of this website facilitates public access to police information and improves the effectiveness of information dissemination. This study is expected to support digital-based public services at the local police level and strengthen public trust through transparent information delivery.

Digitalization demands the MSME sector, including barbershops, to adopt technology in reservation management and marketing. Many barbershops still use manual systems, causing problems such as irregular queues, service delays, and suboptimal promotions. This study formulates how to design an information system that can integrate reservation and marketing functions into a single web-based platform. The objective is to produce an efficient, secure, and user-friendly information system design for both barbershop managers and customers. The method used is the Design Science Research approach with a waterfall system development model, involving needs analysis, system design, database design, and user interface design. The design results were validated by experts and users with a satisfaction rate of over 85%, indicating that the designed system aligns with the operational needs of barbershops. The conclusion is that the developed information system can enhance operational efficiency and customer experience, and is suitable for implementation in the barbershop service sector of SMEs.

Rapid advances in Information Technology (IT) in the 21st century have significantly transformed educational practices, particularly in vocational high schools (SMK) specializing in Software Engineering (RPL). Traditional learning media, such as textbooks, static slides, and lectures, often fail to provide an interactive learning experience, limiting students’ engagement and reducing the effectiveness of knowledge retention. To overcome this challenge, this study focuses on developing and validating an interactive quiz application called VOCANETIC, designed as an innovative learning aid for SMK RPL students. The research uses a Research and Development (R&D) approach, emphasizing the stages of product development, expert validation, and feasibility assessment. VOCANETIC is developed using VB.NET in the Microsoft Visual Studio environment, and MySQL is employed for efficient data management and storage. The application features interactive quizzes, real-time feedback, and user-friendly interfaces to enhance student engagement and motivation. Based on evaluation and analysis by expert validators, VOCANETIC meets the “Proper” feasibility criteria, demonstrating usability, interactivity, and educational effectiveness. The results indicate that VOCANETIC is capable of supporting active learning, improving students’ understanding of software engineering concepts, and providing an effective platform for self-assessment and practice. In conclusion, the VOCANETIC application is proven to be a valid, reliable, and practical tool that can be implemented as an interactive learning medium in SMK RPL, offering an innovative approach to facilitate student learning and engagement in the digital era.                                                              

The rapid development of information technology has encouraged various educational institutions, including non-formal education providers, to utilize digital media as an effective means of information dissemination and communication with the wider community. Taman Pendidikan Al-Qur’an (TPQ) Jabal Annur, located in Tambun Selatan, Bekasi Regency, still experiences limitations in delivering information to the public due to the absence of a website-based information medium. Currently, information related to the institutional profile, learning activities, schedules, and official announcements is conveyed through conventional methods, which are less effective and have limited reach. Therefore, this community service activity aims to assist TPQ Jabal Annur in developing a simple, functional, and accessible information website using HTML and CSS, as well as deploying it through the GitHub Pages platform. The implementation method consists of several stages, including initial observation to identify partner needs, website interface and content design, website development, and implementation and deployment. The result of this activity is an official TPQ website that can be accessed online and functions as a centralized information medium for students, parents, and the surrounding community. The availability of this website is expected to enhance the effectiveness, accuracy, and accessibility of information delivery, as well as to support the digital transformation process in non-formal religious education institutions in adapting to the demands of the digital era.

The braking system is a crucial component in a vehicle, where its performance is highly influenced by the wheel's rotational speed and the geometry of the brake pad. This study aims to analyze the impact of wheel rotational speed and variations in pad geometry on the temperature of the brake pad. The braking process generates heat due to friction, which, if not properly managed, can reduce braking performance and accelerate brake pad wear. The experiment was conducted at four levels of wheel rotational speed: 1000 RPM, 1500 RPM, 2000 RPM, and 2500 RPM. The testing system was designed using a braking system simulator equipped with a speed sensor (LM393) and a temperature sensor (K-type thermocouple), which were connected to an Arduino microcontroller and displayed in real-time through a Graphical User Interface (GUI) in MATLAB. The test results indicated that both the geometric shape of the brake pads and the wheel rotation speed significantly affected the resulting temperature. Standard brake pads produced the highest temperature at a speed of 2500 RPM, reaching 63.33°C. In contrast, brake pads with holes offered the best performance by maintaining a lower temperature of only 43.00°C. Furthermore, an increase in wheel rotation speed led to a noticeable rise in temperature; for standard pads, the temperature increased from 36.67°C at 1000 RPM to 63.33°C at 2500 RPM. This demonstrates that RPM is a major factor in heat generation due to friction. The MATLAB GUI effectively visualized the relationship between RPM and temperature, facilitating the analysis and evaluation of the data.

Power transformer theft, a pervasive issue disrupting critical infrastructure, necessitates the development of cost-effective and energy-autonomous security solutions. This paper presents the design and implementation of a detection-focused anti-theft framework that integrates a Raspberry Pi Zero W, camera module, and passive infrared (PIR) motion sensors powered by a solar system for continuous monitoring. The system is designed for remote, off-grid deployment, utilizing a headless Raspberry Pi powered by a 5V solar panel and power bank to ensure energy autonomy. Upon motion detection, captured images are processed on the edge device using OpenCV’s Haar Cascade classifier, optimized for upper-body detection to minimize false positives and verify human presence. Captured images are processed locally on the edge device using OpenCV’s Haar Cascade classifier to confirm human presence before an alert is sent to the mobile application, emphasizing real-time operation and low latency. Once an intrusion is confirmed, the images are saved locally and uploaded via the Secure File Transfer Protocol to a custom-developed Android application. The app provides a dedicated remote monitoring interface, enabling secure file transfer and system access, while providing users with immediate notifications and image management capabilities. The system emphasizes low power consumption, real-time operation, and low deployment cost. Tests over 200 triggered events under varied environmental conditions achieved 90% detection accuracy with an average latency of 4.5 s. Solar autonomy was maintained for approximately 24 h under normal operation. It is concluded that the integration of solar power, edge computing of images, and mobile monitoring provides a feasible, scalable, and financially viable framework for securing transformers, especially in resource-constrained environments.

PT Mami Satu Berkarya atau biasa dikenal dengan nama brandnya yaitu Mami Want (Mami1) merupakan perusahaan di bidang manufaktur yang menghasilkan produk keperluan rumah tangga berupa alat jemuran yang terbuat dari bahan mild steel dan plastik ABS (Akrilonitril Butadiena Stiren) berdiri sejak tahun 2016 dimana sudah terhitung 7 tahun berkiprah di bidang keperluan rumah tangga khususnya jemuran, Hingga kini rata-rata jumlah konsumen telah mencapai 1000 konsumen setiap tahunnya, namun perusahaan masih memakai sistem penjualan manual menggunakan excel. Penelitian ini berfokus menghasilkan perancangan UI/UX website khusus penjualan alat jemuran pada PT Mami Satu Berkarya dengan menggunakan metode design thinking yang sesuai dengan proses bisnis yang dimiliki perusahaan dan melakukan pengujian serta evaluasi dari rancangan desain solusi yang telah dibuat menggunakan metode usability testing dengan Single Ease Qusetion (SEQ) sebagai tolak ukurnya, setelah peneliti menghasilkan produk desain interface dan melakukan testing ke beberapa persona potensial didapatkan skor 6,2 untuk user adminstrator dan skor 6 untuk user customer. Dengan skor yang didapat maka desain interface ini dapat dilanjutkan ke tahap pengembangan.

The Watu Kawula Health Center is one of the first level health service facilities that has an important role in providing health services to the community. However, in the implementation of administration, various obstacles are still found such as manual patient data recording, slow service data collection process, and difficulties in reporting and searching data. To overcome these problems, a computerized administrative information system is needed to improve efficiency and accuracy in data management.This research aims to design and build an integrated administrative information system at the Watu Kawula Health Center. The system development method used is the Waterfall model, which includes the stages of needs analysis, system design, implementation, testing, and maintenance. The system is designed using the MySQL database and PHP programming language, and is accessed through a web-based interface.The results of the development of the system show that this administrative information system is able to speed up the process of recording patient data, medical services, and making routine reports. In addition, the system also makes it easier for administrative officers to manage information in a structured and systematic manner. With this system, it is hoped that administrative services at the Watu Kawula Health Center can run more effectively and efficiently.

This research is entitled “Implementation of Lumi H5P in Mathematics Learning Media at SDK PERO Using the MDLC Method.” The aim of this research is to create a digital-based interactive learning medium designed to enhance students’ understanding of the subject matter. media that can help students understand mathematics lessons, particularly on the topics of whole numbers and multiples, in an engaging and easy-to-understand way. The approach applied in this research is the MDLC method.. Each stage was carried out systematically to produce an interactive and high-quality learning media. The learning media application was developed using LUMI H5P, which provides various interactive features such as text, images, videos, and interactive exercises in the form of single choice sets and drag-and-drop activities. The results of the study show that the implementation of Lumi H5P-based learning media can increase students’ learning interest and facilitate their understanding of the material. Moreover, the simple interface design and user-friendly features make this application effective for both classroom learning and independent study. Therefore, the implementation of Lumi H5P in mathematics learning The media can act as an innovative solution to promote a learning process that is more engaging and effective.

The development of generative artificial intelligence has opened opportunities for strengthening Islamic legal learning through a digital forum that remains connected to authoritative textual references. This study aims to design and build a web-based bahtsul masail discussion system using a multi-agent AI architecture and the Retrieval-Augmented Generation (RAG) method. The proposed system simulates the deliberative roles commonly found in pesantren-based Islamic legal discussion, namely Moderator, Mubahits, Mu'aridh, and Mushahih. The research applies a Research and Development approach with the Waterfall model, covering requirement analysis, interface design, multi-agent workflow design, implementation, functional testing, and evaluation. RAG is implemented by allowing users to upload PDF documents of kitab kuning and assign the documents to particular agent roles. The uploaded texts are then used as contextual grounding so that each agent can formulate arguments, rebuttals, and final decisions based on traceable references rather than unsupported model memory. The application is implemented using HTML, CSS, and JavaScript on the front end, while the AI reasoning process is orchestrated through an API-based large language model. Functional testing shows that the system can complete five sequential stages of bahtsul masail, display role-based responses, manage uploaded references, and present discussion history. The main contribution of this study is a system design that combines pesantren deliberation procedures with AI-based retrieval support to provide an interactive learning medium for Islamic law, while emphasizing that the final authority of legal validation remains with qualified scholars

Mobile navigation interfaces continue to be plagued by a key usability problem, particularly when widely accepted design traditions fail to address the specific requirements and mental models of local user populations. This research addresses this significant limitation by using a comprehensive user-focused measurement framework to identify and investigate context-dependent navigation problems in mobile applications. The research employed a multi-method qualitative approach, using in-depth questionnaires, semi-structured interviews, and laboratory-based usability testing of 15 participants on an interactive Figma prototype that simulated real-world navigation tasks. Our analysis, step by step, revealed significant navigation issues in the local context, as evidenced by a 73% task-completion rate and an average participant error of 2.8 across the core navigation tasks. The most significant usability issues were ambiguous iconography, inconsistent application of platform design patterns, and insufficient system feedback mechanisms. The results conclusively demonstrate that localized usability testing is not merely beneficial but necessary while creating genuinely good and accessible mobile experiences. The study provides a replicable, practical context-aware evaluation approach and tangible, right-now-applicable design recommendations, such as enhancing icons with descriptive text labels and using instant visual feedback mechanisms. The study provides developers and designers with tangible takeaways for significantly enhancing navigation user experience without sacrificing methodological availability or implementation convenience across different development environments.

Website memegang peranan penting dalam menunjang layanan pendidikan, khususnya di era digital. Namun, situs Kahfi Education sebelumnya kurang menarik dan tidak memenuhi kebutuhan pengguna secara efektif, sehingga membatasi keterlibatan pengguna dan akses pembelajaran. Penelitian ini bertujuan untuk melakukan desain ulang User Interface (UI) dan User Experience (UX) website Kahfi Education menggunakan metode Design Thinking untuk menghasilkan desain yang berpusat pada pengguna dan interaktif. Penelitian ini menggunakan pendekatan Design Thinking melalui tahapan Empathize, Define, Ideate, Prototype, dan Testing dengan menggunakan wawancara, observasi, dan kuesioner yang melibatkan 30 responden. Pengujian kegunaan menggunakan System Usability Scale (SUS) untuk mengukur dan membandingkan kegunaan sebelum dan sesudah desain ulang. Hasilnya menunjukkan peningkatan skor SUS yang signifikan dari 53.17 menjadi 80.25, yang menunjukkan peningkatan kegunaan yang sangat baik. Penelitian ini berkontribusi untuk menunjukkan implementasi praktis Design Thinking dalam meningkatkan situs web pendidikan, mendukung pembelajaran daring yang efektif, serta meningkatkan kepuasan pengguna dalam mengakses layanan pendidikan. Implikasi dari penelitian ini dapat diterapkan pada institusi pendidikan lain yang ingin meningkatkan platform digital mereka dengan menggunakan pendekatan desain yang berpusat pada pengguna, sehingga mendukung transformasi digital pendidikan Islam di Indonesia secara lebih optimal. Selain itu, penelitian ini juga memberikan gambaran alur pengguna dan prototipe yang telah diuji untuk mendukung pengembangan platform pendidikan berbasis digital secara berkelanjutan.

This study aims to evaluate and improve the user interface (UI/UX) design of the e-learning platform at MTsN 33 Jakarta using the User Centered Design (UCD) method. This method is applied to identify user needs and preferences through observation, interviews, and questionnaires, and to generate design solutions focused on comfort and ease of use. The development process begins with the creation of a wireframe (low-fidelity prototype), followed by the creation of a high-fidelity prototype using Figma software. Evaluation is conducted using the System Usability Scale (SUS) to measure the usability of the system, comparing the old system and the new design. The analysis results show that the old design has an average SUS score of 48.71, categorized as "Not Acceptable" with a "Poor" rating, while the new design achieved a score of 82.00, categorized as "Acceptable" with an "Excellent" rating. These findings indicate that the application of UCD successfully improved usability and user experience, contributing significantly to the development of a more intuitive and responsive e-learning system that meets user needs.

This research presents the design, development, and implementation of a mini smart car prototype that operates using Internet of Things (IoT) technology. The system is built around the ESP8266 microcontroller (Amica version), which functions as the core processing unit responsible for handling Wi-Fi communication and data processing. The motion of the car is controlled by an L298 motor driver module that regulates the operation of DC motors. The entire system is powered by a 3.7-volt rechargeable battery, ensuring portability and energy efficiency. The study discusses in detail the hardware configuration, software programming, and integration of IoT-based control through a web or mobile interface. Functional testing of the prototype, named MINIOT, focuses on evaluating the responsiveness, stability, and reliability of remote control operations. The results are expected to show that the system can effectively receive and execute user commands while transmitting real-time telemetry data, such as motor status and connection indicators. This project demonstrates the feasibility of low-cost IoT-based automation for small-scale robotic applications.