Pengembangan Sistem Desain Sablon Custom Berbasis Web dengan Pratinjau Real-time Menggunakan Model Prototype

Gunawan Prayitno; Marco Yeri Maswatu; Usman Arfan

doi:10.51454/decode.v5i3.1448

Authors

Gunawan Prayitno Informatika STMIK Pesat Nabire
Marco Yeri Maswatu Informatika STMIK Pesat Nabire
Usman Arfan Informatika STMIK Pesat Nabire

DOI:

https://doi.org/10.51454/decode.v5i3.1448

Keywords:

Kreativitas, Real-time, Web, Sablon, Sistem

Abstract

Perkembangan teknologi digital mendorong perubahan besar dalam industri sablon custom, terutama dalam memenuhi kebutuhan personalisasi desain yang cepat, presisi, dan mudah digunakan. Namun, banyak UMKM masih mengandalkan proses manual dalam pengiriman desain dan konfirmasi pesanan, sehingga sering terjadi miskomunikasi, tingginya tingkat revisi, dan lambatnya proses produksi. Penelitian ini mengembangkan sistem desain sablon berbasis web dengan fitur pratinjau real-time, drag-and-drop, serta pengelolaan pesanan terintegrasi menggunakan HTML5 canvas, CSS3, JavaScript, dan PHP melalui metode Software Development Life Cycle (SDLC) model Prototype. Melalui pendekatan iteratif, pengguna terlibat langsung dalam evaluasi untuk memastikan sistem sesuai kebutuhan. Evaluasi sistem dilakukan menggunakan Black-Box Testing dan pengukuran performa. Hasil pengujian menunjukkan bahwa seluruh fungsi utama berjalan dengan tingkat keberhasilan lebih dari 95%, pratinjau real-time memiliki akurasi 96,8%, dan waktu rendering rata-rata 0,8 detik. Selain itu, proses pemesanan mengalami peningkatan efisiensi sebesar 42%, sementara tingkat revisi desain menurun hingga 65%. Pengujian usability menggunakan System Usability Scale (SUS) menghasilkan skor 86,5 yang termasuk kategori Excellent, menandakan kepuasan pengguna yang tinggi. Temuan ini menunjukkan bahwa sistem mampu meningkatkan keakuratan desain, mempercepat proses pemesanan, dan mendukung digitalisasi UMKM sablon secara efektif.

References

Abecassis-Moedas, C., & Moatti, V. (2022). Design‐manufacturing coordination: Proximity, integration and beyond, towards omnishoring. Creativity and Innovation Management, 31(5), 260–273. https://doi.org/10.1111/caim.12489

Azzaki, D. A., Jati, D. R., Sulastri, A., Irsan, R., & Jumiati, J. (2022). Analisis Pemanfaatan Sampah Plastik dengan Metode Buang, Pisah, dan Untung Menggunakan Sistem Barcode. Jurnal Ilmu Lingkungan, 20(2), 252–262. https://doi.org/10.14710/jil.20.2.252-262

Bektiningsih, K., Ahmadi, F., Sari, E. F., & Khulafa, F. N. (2019). Strategi Branding Kampung Wisata Malon Gunungpati melalui Optimalisasi Teknologi Web Based. Jurnal Penelitian Pendidikan, 12(1), 81–86.

Bouchard, S., Gamache, S., & Abdul-Nour, G. (2023). Operationalizing Mass Customization in Manufacturing SMEs—A Systematic Literature Review. Sustainability, 15(4), 3028. https://doi.org/10.3390/su15043028

Braafladt, S., Bilimoria, K., & Y Hu Y. (2023). The Devil is in the Details: Implementation Failures Result from Misunderstandings and Miscommunication. Journal of The American College of Surgeons, 237(3), 407-408. https://doi.org/10.1097/xcs.0000000000000770

Casciani, D., Chkanikova, O., & Pal, R. (2022). Exploring The Nature Of Digital Transformation In The Fashion Industry: Opportunities For Supply Chains, Business Models, And Sustainability-Oriented Innovations. Sustainability : Science, Practice and Policy, 18(1), 773–795. https://doi.org/10.1080/15487733.2022.2125640

Dawis, A. M., Rahmayanti, D., Rachman, T., Impron, A., & Kelen, Y. P. K. (2025). Pendekatan Modern Dalam Analisis Dan Desain Teknologi Informasi. Get Press Indonesia.

Gardey, J. C. Grigera, J., & Rossi, G., & Garrido, A. (2023). UX-Painter: Fostering UX Improvement in an Agile Setting. Springer Nature Link, 1642, 54-65. https://doi.org/10.1007/978-3-031-25648-6_4

Herrick, K. S., Yu, J., & Montilus, K. D. (2023). Leveraging Design Thinking, Participatory Design, and Learning Sciences to Innovate Learning Applications: An Applied Example. Springer International Publishing, 190, 241-252. https://doi.org/10.1007/978-981-99-7947-9_18

Hidayat, R. G., Nuryasin, I., & Suharso, W. (2020). Implementasi Sistem Informasi Penjualan dan Persediaan Menggunakan webERP Pada Cribo Inc Malang. Jurnal Repositor, 2(8), 1067–1074. https://doi.org/10.22219/repositor.v2i8.30811

Ismawati, D. R., Berlilana, B., & Subarkah, P. (2025). Perancangan Desain Antarmuka Pengguna Aplikasi Katalog Digital Pada UMKM My-Boutique Menggunakan Metode Design Thinking. Decode: Jurnal Pendidikan Teknologi Informasi, 5(2), 673–682. https://doi.org/https://doi.org/10.51454/decode.v5i2.1259

Latupeirissa, J. J. P., Dewi, N. L. Y., Prayana, I. K. R., Srikandi, M. B., Ramadiansyah, S. A., & Pramana, I. B. G. A. Y. (2024). Transforming Public Service Delivery: A Comprehensive Review of Digitization Initiatives. Sustainability, 16(7), 2818. https://doi.org/10.3390/su16072818

Maryani, M., Prabowo, H., Gaol, F. L., & Hidayanto, A. N. (2022). Comparison of the System Development Life Cycle and Prototype Model for Software Engineering. International Journal of Emerging Technology and Advanced Engineering, 12(4), 155–162. https://doi.org/10.46338/ijetae0422_19

Mesjar, L., Cross, K., Jiang, Y., & Steed, J. (2023). The Intersection of Fashion, Immersive Technology, and Sustainability: A Literature Review. Sustainability, 15(4), 3761. https://doi.org/10.3390/su15043761

Nguyen, H., Onofrei, G., Akbari, M., & McClelland, R. (2020). Enhancing quality and innovation performance: the role of supplier communication and knowledge development. Total Quality Management & Business Excellence, 33(3), 1–24. https://doi.org/10.1080/14783363.2020.1858711

Pratama, I. P. A. E. (2023). Prototyping Sebagai Model Pengembangan Software. CV. Ruang Tentor.

Praja, P. S. M., & Aninda, A. M. H. (2025). Sistem Informasi Penjualan Kelapa Sawit dan Pengelolaan Pinjaman Pelanggan pada Ram Kinara Desa Perlabian. Decode: Jurnal Pendidikan Teknologi Informasi, 5(2), 527–539. https://doi.org/https://doi.org/10.51454/decode.v5i2.1178

Rusminudi, M. R., & Taurusta, C. (2024). Creating Product Profile Website For Jersey Online Figures. Procedia of Engineering and Life Science, 5, 391–399. https://doi.org/10.21070/pels.v7i0.1491

Safitri, N. A., Akbar, M. R., Zainafsiyah, O. S., Anggraeni, I. D., Tarigan, S. P., Manafe, L. A., & Fitrianty, R. (2024). Pengembangan Wirausaha T-Shirt Twenty Threads Dengan Memanfaatkan Teknologi Digital. JIHAPENMAS Jurnal Hilirisasi Penelitian Masyarakat, 1(1), 57–67.

Sanjaya, R. T., Syakir, S., Nugrahani, R. (2019). Perancangan Media Promosi Griya Batik Brotoseno Kabupaten Sragen. Arty: Jurnal Seni Rupa, 8(2), 91–108.

Surandi, A., & Sejati, R. H. P. (2024). Rancang Bangun Sistem Monitoring Akademik Santri dan Pembayaran Berbasis Android di Pondok Pesantren Al Muntadhor. Decode: Jurnal Pendidikan Teknologi Informasi, 4(3), 1126–1141. https://doi.org/10.51454/decode.v4i3.794

Yadav, P. (2024). Digital Transformation in the Health Product Supply Chain: A Framework for Analysis. Health Systems and Reform, 10(2). https://doi.org/10.1080/23288604.2024.2386041

Yudistira, I., Hermansyah, H., & Wulandari, H. (2025). Perancangan UI/UX Sistem Pemesanan Produk di PT. Total Karya Berkah Menggunakan Metode User-Centered Design. Jurnal Minfo Polgan, 13(2), 2592–2603. https://doi.org/10.33395/jmp.v13i2.14552

Yulianto, A., Putri, I. G. A. A. A., & Khaer, A. F. D. (2024). Optimalisasi Desain UI/UX Prototype untuk perancangan Aplikasi Interaktif dalam Pengembangan Digital Pariwisata Berkelanjutan Sepeda Onthel di Towilfiets. Decode: Jurnal Pendidikan Teknologi Informasi, 4(3), 1180–1192. https://doi.org/10.51454/decode.v4i3.840

Zein, H. M., Tribrata, A. H., Izzulhaq, R., Tarigan, A., Alfari, M. J., Azizah, R. N., Putri, N. A. K., Weya, B., Septiani, S. (2023). Evaluasi Digitalisasi Webdesaku di Desa Sawahkulon. Journal of Research and Development on Public Policy, 2(4), 36-43. https://doi.org/10.58684/jarvic.v2i4.97