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

Urban plant care is increasingly important for sustainable living, but many users face inconsistent watering, insufficient care knowledge, unsuitable plant selection and delayed disease recognition. This study presents Easy Grow Plants, an integrated web and Internet of Things (IoT) ecosystem that connects plant care guidance, soil-moisture monitoring, automated watering, plant recommendation, image-based plant health assistance, marketplace functions, community interaction and plant exchange. The prototype was implemented using a React frontend, Django REST backend, SQLite database and an Arduino UNO R4 WiFi smart pot with a soil moisture sensor, relay module and DC water pump. Functional, interface, API, IoT connectivity, sensor calibration, watering control and LAN deployment tests were conducted. The results show that the core modules operated together as an integrated academic prototype. The system demonstrates a practical foundation for smart urban gardening, although cloud deployment, multi-device testing and stronger AI validation remain future improvements

Online maps applications have become an essential tool for modern society in finding the fastest and most efficient routes. However, these applications often fail to detect current road conditions such as flooding, demonstrations, accidents, or public events, causing users to get stuck in problematic routes. This study aims to develop a prototype of a community-based road condition reporting system, visualized through a web-based digital map. The system allows users to directly report road conditions by providing photo evidence, descriptions, and event categories. It is also equipped with features for designing event routes such as carnivals and suggesting alternative paths based on community reports. The development process was carried out using a simulation-based approach with scenario testing that reflects real field conditions, without involving direct user data. The implementation results show that all core features work properly. The technologies used include Leaflet.js, OpenStreetMap, and the Nominatim geolocation API. This research produces an adaptive community-based GIS model that can be further developed as an intelligent navigation solution at the city scale

The Jambi Class II Climatological Station is the agency responsible for providing climate data and information to the public and relevant agencies. In practice, the process of handling data requests is still carried out conventionally, resulting in relatively long processing times for document management, archiving, and user service. This situation has led to several challenges, such as inefficient administrative processes, a high risk of document loss, and limitations in monitoring the status of data requests. This study aims to design a web-based Data Service Information System that can support the digitalisation of climate data services at the Class II Jambi Climatology Station. The system development method used is the prototype method, as it allows the development process to be carried out in stages based on user needs. The system design was carried out using the Unified Modelling Language (UML) as a modelling tool to describe system requirements, process flows, and user interactions with the system. The design results show that the developed system is capable of facilitating the online submission of data requests, tracking the status of requests, and managing the service database in a more structured manner. The system also provides a digital archiving feature that simplifies the management and retrieval of data request documents. The implementation of this system is expected to improve the efficiency of service processes, speed up data request processing times, enhance service transparency, and support improvements in the quality of public services at the Class IV Jambi Climatological Station.

Breast tumors are classified into two types, namely benign and malignant tumors, the latter commonly referred to as breast cancer. Breast cancer is one of the major health problems affecting women worldwide, including in Indonesia. According to WHO data in 2022, there were 2.3 million breast cancer cases with 685,000 deaths globally, while in Indonesia, 396,914 cases and 234,511 deaths were reported. The high incidence rate is exacerbated by low public awareness in recognizing early symptoms and performing early detection, resulting in 60–70% of cases being diagnosed at an advanced stage, supported by findings that 65.6% of female students still have a low level of knowledge. Female students were selected as research subjects because they are in a vulnerable reproductive age group and have an important role in increasing awareness of early detection, yet they still have limited knowledge. Based on this, this study aims to design a web-based early detection system for breast tumor risk using the Forward Chaining method, which functions as a tool to identify early symptoms, assess risk levels, and provide information on prevention and initial management. This study employed the method with the Expert System Development Life Cycle (ESDLC) model, consisting of the stages of assessment, knowledge acquisition, design, testing, and documentation, along with the Forward Chaining inference method.

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.

Pengelolaan inventaris pada laboratorium kimia yang masih dilakukan secara manual berpotensi menimbulkan berbagai permasalahan seperti kesalahan pencatatan stok, ketidaksesuaian data, serta keterlambatan dalam penyusunan laporan. Kondisi tersebut dapat menghambat efektivitas pengelolaan barang masuk dan keluar serta menyulitkan proses monitoring ketersediaan stok. Penelitian ini bertujuan untuk merancang dan mengembangkan sistem informasi inventory laboratorium kimia berbasis web guna mendukung pencatatan transaksi dan monitoring stok secara lebih terstruktur dan akurat. Sistem dikembangkan menggunakan model pengembangan Prototype dengan pendekatan Object-Oriented serta pemodelan menggunakan Unified Modeling Language (UML). Sistem yang diusulkan memiliki beberapa fitur utama seperti pengelolaan data barang, pengelolaan lokasi penyimpanan, pencatatan transaksi inventori yang meliputi proses IN, OUT, MOVE, dan ADJ, serta dashboard yang menampilkan informasi stok secara real-time. Pengujian sistem dilakukan menggunakan metode Blackbox Testing dengan empat belas skenario pengujian untuk memastikan bahwa setiap fungsi sistem berjalan sesuai dengan kebutuhan yang telah dirancang. Hasil pengujian menunjukkan bahwa seluruh fitur sistem berjalan dengan baik dan menghasilkan status valid pada setiap skenario pengujian. Sistem yang dikembangkan mampu meningkatkan akurasi pencatatan inventaris, mempermudah pengelolaan data persediaan, serta mendukung proses monitoring stok laboratorium secara lebih efektif dibandingkan dengan metode pencatatan manual.

This community service activity aims to design a prototype of a web-based Intellectual Property Rights (IPR) registration information system at the South Sumatra Provincial Industry Office as an effort to support the improvement of public service quality. The main problem faced by partners is the manual registration and management process for IPR data, which has the potential to cause service delays, data recording errors, and difficulties in monitoring the status of IPR applications. This condition requires an information technology-based solution that can improve the efficiency, effectiveness, and transparency of services. The method used in this community service activity is the prototype method, which includes the stages of problem identification, user needs analysis, system design, and initial evaluation of the resulting prototype. The designed information system prototype includes features for online IPR registration, applicant and document data management, and application status monitoring. The results of the activity indicate that the IPR registration information system prototype is able to provide an overview of digital solutions that are in accordance with partner needs and have the potential to improve service efficiency and ease of data management. This activity is expected to become the basis for the development of a more comprehensive and sustainable IPR information system within the South Sumatra Provincial Industry Office.

PT. XYZ is one of the largest retail companies in Indonesia. PT. XYZ has a website-based application that functions to help employees who work in IT Support to handle operational problems. However, this website has not implemented a session management system which can affect the level of security. Therefore, a system design was created for real-time session management using Firestore, Python, and Javascript. Firestore is used as a database to store sessions and Firestore has a feature called the Firestore snapshot listener which functions to detect changes in real-time. The research method includes identifying needs, initial prototype design, prototype creation, prototype evaluation, prototype refinement, and system implementation. Black Box Testing is used as a method for testing this system, where the results are in accordance with the needs and interviews are conducted with the admin of this website to test the session management system and find out the admin's response regarding the designed session management system. The results obtained are satisfactory because security can be further improved, user experience is improved, and the company's needs can be achieved.

The development of automation and robotics technology has driven innovation in various industrial fields, particularly in automatic sorting systems. Manual sorting processes often lead to inefficiencies and human errors, creating the need for an automatic, fast, and accurate system. This research employs a qualitative method which includes experimentation, testing, and system documentation. The system is designed as a robotic arm for sorting objects based on color, utilizing a TCS3200 color sensor and an ESP32 microcontroller. An ultrasonic sensor detects the presence of objects, while the sorting results are displayed through a real-time web monitoring system. The test results show that the prototype successfully sorts four primary colors (red, green, blue, and yellow) with a high level of accuracy. This research is expected to serve as a reference for the development of automation systems and robotics learning tools in both educational and industrial applications. In addition, this research also contributes to the development of technology that can increase efficiency and accuracy in industrial production processes and provide more environmentally friendly solutions by reducing the need for manual labor.

Perkembangan teknologi informasi memberikan kontribusi yang signifikan dalam peningkatan kualitas pelayanan kesehatan, khususnya dalam upaya deteksi dini Non-Communicable Diseases (PTM). PTM seperti diabetes melitus, hipertensi, penyakit kardiovaskular, dan obesitas memiliki prevalensi yang terus meningkat serta sering kali tidak terdeteksi pada tahap awal. Dinas Kesehatan Kabupaten Banyuwangi secara rutin melaksanakan program skrining PTM di fasilitas pelayanan kesehatan. Namun, berdasarkan hasil observasi lapangan, proses pencatatan dan pengelolaan data hasil skrining masih dilakukan secara manual menggunakan aplikasi spreadsheet yang tidak terintegrasi. Kondisi tersebut menyebabkan kesulitan dalam pelacakan riwayat kesehatan pasien, meningkatkan risiko ketidaktepatan data, serta memperlambat proses penyusunan laporan. Penelitian ini bertujuan untuk merancang Sistem Informasi Deteksi Dini Penyakit Tidak Menular berbasis web dengan fokus pada obesitas guna mendukung digitalisasi pengelolaan data kesehatan di lingkungan Dinas Kesehatan Kabupaten Banyuwangi. Metode penelitian yang digunakan adalah penelitian pengembangan sistem dengan model prototype, yang meliputi tahapan analisis kebutuhan, perancangan sistem, pembuatan prototype, serta evaluasi dan revisi berdasarkan umpan balik pengguna. Hasil penelitian menunjukkan bahwa sistem yang dirancang mampu mengelola data pasien, mencatat hasil pemeriksaan, menghitung Indeks Massa Tubuh (IMT) secara otomatis, serta menghasilkan laporan secara cepat dan terstruktur. Sistem ini diharapkan dapat meningkatkan efisiensi administrasi, akurasi data, serta mendukung pengambilan keputusan berbasis data (data-driven decision making) dalam pengendalian PTM.

Perkembangan teknologi informasi yang pesat menuntut organisasi bisnis untuk meningkatkan efisiensi operasional, namun CV. Plaza Meubel Jati Masrum yang berdiri sejak tahun 1982 masih menggunakan sistem pencatatan manual yang menimbulkan berbagai permasalahan, seperti data tidak terbaca, kesalahan penulisan, kesulitan memperoleh laporan keuangan dan laba rugi, hilangnya bukti soft file, serta ketidakpastian kedatangan barang restock dari pemasok. Penelitian ini bertujuan untuk merancang sistem informasi pemesanan berbasis web guna mengatasi permasalahan sistem manual, meningkatkan efisiensi pencatatan, serta menyediakan informasi yang akurat dalam mendukung pengambilan keputusan perusahaan. Metode yang digunakan adalah penelitian dan pengembangan (Research and Development) dengan model prototyping, yang meliputi tahap analisis kebutuhan, perancangan sistem, pembuatan prototype, evaluasi pengguna, dan pemeliharaan. Data penelitian diperoleh melalui wawancara mendalam dengan pemilik, laporan transaksi, dan dokumentasi stok barang. Pemodelan sistem dilakukan menggunakan Unified Modeling Language (UML), yang mencakup Use Case Diagram, Activity Diagram, Sequence Diagram, dan ClassDiagram. Hasil penelitian berupa rancangan sistem informasi pemesanan yang mampu mengotomatisasi laporan penjualan, riwayat pesanan pelanggan, dan pengelolaan data produk. Sistem ini berkontribusi dalam meningkatkan produktivitas operasional serta akurasi identifikasi barang melalui integrasi data. Kesimpulan penelitian menunjukkan bahwa sistem yang dirancang dapat meningkatkan kualitas layanan, dengan potensi pengembangan lanjutan berupa integrasi pembayaran digital dan sistem pelacakan pengiriman.

CV KIA is a shop engaged in the field of computer sales and services, coming directly to make transactions and provide computer service information services. So there are obstacles that are quite time consuming and transportation costs for customers to find out information on goods, stock of goods, and the process of purchasing goods because customers have to come directly to the store. Product information on CV Kia cannot be updated in real time so that there is a delay in calculating stock of goods. The method used in this study is the prototype development method and is designed using UML. This system uses two programming languages, namely PHP. Implementation using the Xampp application, and MySQL. The results of this study are the design and creation of a web-based sales information system. The system that is built will also later facilitate the sales transaction process which can later reduce the level of competition with the outside market. This system displays information about product sales, and can carry out the sales transaction process so that customers do not need to come to the store to get information and make product purchases. The results of testing that has been carried out involving 10 Respondents that the conclusion of the quality of the feasibility of the software produced has a percentage of success with an average total of 100%.  Keywords: Sales, Prototype, PHP, Information Systems, Sublime Text

The development of information technology has driven digital transformation in various sectors, including the food and beverage (F&B) industry. However, many small to medium-scale F&B businesses still rely on manual ordering systems, resulting in long queues, order recording errors, limited menu information, and suboptimal user experience. This study aims to design the user interface (UI) and user experience (UX) of a web-based Smart Ordering System that provides convenience, efficiency, and comfort in the food ordering process. The research method used is the Design Thinking approach, which includes empathize, define, ideate, prototype, and testing stages. The design process involves user needs analysis, user flow development, wireframe creation, and high-fidelity prototype development using Figma. Usability testing is conducted using the Single Ease Question (SEQ) method to evaluate ease of use and user satisfaction. The results indicate that the proposed UI/UX design provides a clear ordering flow, intuitive interface, and easy-to-understand user experience. Based on the SEQ results, most users experienced no difficulty in using the system, indicating that the design meets usability criteria with a very good category and is suitable for implementation in the F&B industry.

The development of information technology has encouraged restaurants and cafés to function not only as dining places, but also as venues for hosting various events. However, the event reservation process at Rumah Makan Ny. Hartini and Café Rain is still carried out manually through logbooks, telephone calls, and WhatsApp, resulting in problems such as unorganized data, delayed confirmations, and miscommunication with customers. In addition, the manual system limits access to information regarding venue availability, reservation schedules, and additional facilities required by customers. This study aims to develop a web-based event reservation information system using the prototyping method. The system design was carried out using Unified Modeling Language (UML), including use case diagrams, activity diagrams, and class diagrams to model user interactions, process flows, and system structure. The results of the study show that the developed system is able to automate the reservation process, customer data recording, reservation confirmation, schedule management, and additional facilities management. This system improves operational efficiency, data accuracy, and service quality, while also making it easier for customers to make reservations independently and obtain information quickly and accurately.

The development of information technology has encouraged various organizations, including cooperatives, to digitize their service systems. The Credit Cooperative (Kopdit) CU Mera Ndi Ate is one of the cooperatives that still uses a manual system in managing savings and loans, which causes the service process to be slow, inaccurate, and has a high risk of recording errors. This study aims to design and build a web-based savings and loans system that can be used by members of Kopdit CU Mera Ndi Ate. This system allows members to conduct transactions online, view transaction history, and monitor savings or loan balances. The research methods used are observation, interviews, and literature studies. The system development process uses a waterfall model with stages of analysis, design, implementation, and testing. The result of this study is a prototype of a web-based savings and loans information system that has main features such as member registration, transaction recording, financial data management, and automatic financial report generation. With the implementation of this system, it is hoped that the cooperative can improve work efficiency, speed up services, and provide easy access to information to all members.

The skill mismatch between university graduates and technology industry requirements remains a significant challenge in Indonesia. PT Vinix Seven Aurum requires an assessment tool to objectively identify the initial competencies of MBKM and internship program participants. This research aims to design a web-based self-assessment platform that helps students measure their skill gaps against industry standards through radar chart visualization and personalized learning recommendations. The UI/UX design applies the Design Thinking method with empathize, define, ideate, prototype, and test phases, utilizing Figma for wireframe and high-fidelity prototype development. Data collection was conducted through observation, interviews, literature studies, and usability testing with 10 respondents. The results demonstrate good usability with a 100% completion rate across all features. The VINIX Skill Radar platform provides five assessment categories, a 1-10 rating scale system, radar chart visualization, gap analysis, and learning recommendations. This system enhances students' self-awareness of their competencies and supports effective mapping of training program participants' capabilities.

This study aims to design the User Interface (UI) and User Experience (UX) on the VINIX Showcase Website as a personal branding platform and digital Skill Passport for participants of the VINIX Seven Aurum Program using the Design Thinking method. The background of this research is the absence of an integrated digital platform that can systematically and easily document and display participants' skills, projects, certificates, and professional identity. The design process is carried out through five stages of Design Thinking, namely Empathize, Define, Ideate, Prototype, and Test, starting with exploring user needs, formulating problems, developing solution ideas, creating Prototypes, and Usability Testing. The results of the study consist of the UI/UX design of the VINIX Showcase Website, which includes registration and Login features, user Dashboard, Skill Passport, project upload, public Showcase, and automatic CV generation feature. Testing using the Usability Testing method showed that the resulting design has a good level of ease of use and comfort and is acceptable to users. This research is expected to be an effective digital solution in supporting personal branding, skills documentation, and improving the professionalism of VINIX Seven Aurum Program participants.

Latar Belakang:Dehidrasi dapat menurunkan daya tahan fisik dan mengganggu fungsi tubuh. Aktivitas fisik yang tinggi pada siswa berisiko menyebabkan dehidrasi, terutama jika pengetahuan tentang pencegahan dan penanganannya masih rendah. Edukasi mengenai manajemen dehidrasi penting dilakukan agar siswa mampu mencegah dan menangani dehidrasi dengan tepat. Kegiatan pengabdian masyarakat ini bertujuan untuk meningkatkan pengetahuan siswa mengenai dehidrasi dan manajemen dehidrasi melalui sosialisasi edukatif. Metode: Peserta yang dipilih dalam kegiatan ini adalah siswa SMA Negeri 1 Martapura sebanyak 37 orang. Metode pelaksanaannya meliputi tahap persiapan, pelaksanaan, dan evaluasi, dengan pendekatan penyuluhan interaktif serta penggunaan website “TERHIDRASI” sebagai alat bantu deteksi status hidrasi. Penilaian pengetahuan dilakukan melalui pretest dan posttest untuk mengukur peningkatan pemahaman siswa setelah sosialisasi. Hasil: Hasil kegiatan menunjukkan terdapat peningkatan signifikan pengetahuan siswa mengenai pengertian, tanda, dampak, dan pencegahan dehidrasi setelah dilakukan edukasi, dengan proporsi pengetahuan baik meningkat dari 64,9% menjadi 81,1%. Sosialisasi edukatif terbukti efektif dalam meningkatkan pemahaman dan kesadaran siswa tentang pentingnya menjaga hidrasi tubuh. Simpulan: Kegiatan ini merekomendasikan agar sosialisasi mengenai manajemen dehidrasi terus dilakukan secara berkelanjutan di lingkungan sekolah, disertai pembiasaan membawa air minum sendiri dan penyediaan fasilitas isi ulang air minum oleh pihak sekolah untuk mendukung perilaku hidrasi sehat siswa.   Kata kunci: manajemen, dehidrasi, prototype, remaja

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.