Perancangan Sistem Perencanaan Konten Media Sosial Berbasis Web Terintegrasi Artificial Intelligence (AI) Bagi UMKM Menggunakan Framework Next.js dengan Model Prototype
DOI:
https://doi.org/10.70609/jusifor.v4i2.8343Keywords:
UMKM, Artificial Intelligence (AI), Sistem Informasi, Prototype Model, Next.js, Content Planner, Sosial MediaAbstract
Digital marketing through social media is crucial for the sustainability of MSMEs, yet many business owners face challenges such as inconsistent schedules, difficulty finding content ideas, and limited time for drafting captions. The purpose of this study is to create a web-based social media content planning system utilizing AI to help MSMEs manage their marketing better. The system development method used is the Software Development Life Cycle (SDLC) with the Prototype model, comprising requirement gathering, quick design, prototype building, and user evaluation phases. The system utilizes the Next.js framework, TailwindCSS, and Supabase, along with the IBM Granite Instruct AI model for automated caption features. The results produced a system design featuring an interactive content calendar, publication status management, and an AI assistant. Evaluations indicate the system is proven effective in organizing content planning. Development of automated publishing features, multi-user collaboration support, and deeper content performance analytics are recommended for future research stages.
References
[1] M. A. Sifwah et al., “MANTAP: Journal of Management Accounting, Tax and Production E-Penerapan Digital Marketing Sebagai Strategi Pemasaran Untuk Meningkatkan Daya Saing UMKM,” Mudrika Aqillah Sifwah, vol. 2, no. 1, 2024.
[2] We Are Social and Meltwater, “Digital 2024: Indonesia,” Singapore, Feb. 2024.
[3] A. Ananda Yusuff et al., “Memperkuat Kemampuan Digital Melalui Pelatihan dan FGD: Inovasi dan Strategi dalam Pemasaran dan Produksi Konten,” ADIMA Jurnal Awatara Pengabdian Kepada Masyarakat, vol. 2, no. 1, 2024, doi: 10.61434/adima.v2i1.148.
[4] C. M. Maulidina and L. Nafiati, “Penerapan sistem informasi akuntansi, digital marketing dan e-commerce untuk meningkatkan literasi digitalisasi dan kinerja UMKM,” Jurnal Pembelajaran Pemberdayaan Masyarakat (JP2M), vol. 5, no. 1, pp. 187–199, Mar. 2024, doi: 10.33474/jp2m.v5i1.21506.
[5] H. Hanifa, A. Sholihin, and F. Ayudya, “Peran AI Terhadap Kinerja Industri Kreatif Di Indonesia,” Journal of Comprehensive Science (JCS), vol. 2, no. 7, 2023, doi: 10.59188/jcs.v2i7.446.
[6] Z. E. S. Kom. M. Hartatik S.Si. M.Kom, Arief Yanto Rukmana S.T. M.M. C.Ed, Efitra S.Kom. M.kom, Iqbal Ramadhani Mukhlis S.Kom. M.Eng, Luh Putu Rara AYu Ratnaningrum SE. MM, Tren Technopreneurship ( Strategi dan Inovasi Pengembangan Bisnis Kekinian dengan Teknologi Digital, no. September. 2023.
[7] Y. Suharya and L. Shela Tansyah, “RANCANG BANGUN APLIKASI E-PERPUS WEB MENGGUNAKAN FLASK DI PT. GLOBAL INVESMENT INSTITUSI,” 2025.
[8] V. Adi Kurniyanti and D. Murdiani, “Perbandingan Model Waterfall Dengan Prototype Pada Pengembangan System Informasi Berbasis Website,” Jurnal Syntax Fusion, vol. 2, no. 08, pp. 669–675, Aug. 2022, doi: 10.54543/fusion.v2i08.210.
[9] H. F. Hanafi et al., “IoT-Enabled GPS Tracking System for Monitoring the Safety Concerns of School Students,” Journal of Advanced Research in Computing and Applications, vol. 35, no. 1, pp. 1–9, May 2024, doi: 10.37934/arca.35.1.19.
[10] P. Trulline, “Pemasaran produk UMKM melalui media sosial dan e-commerce,” Jurnal Manajemen Komunikasi, vol. 5, no. 2, p. 259, Apr. 2021, doi: 10.24198/jmk.v5i2.32746.
[11] A. T. Natania and R. Dwijayanti, “PEMANFAATAN PLATFORM DIGITAL SEBAGAI SARANA PEMASARAN BAGI UMKM,” Jurnal Pendidikan Tata Niaga (JPTN), vol. 12, 2024.
[12] R. N. Permadi, “Pemanfaatan Media Sosial Sebagai Platform Utama Pemasaran Produk UMKM,” Avant Garde, vol. 10, no. 1, p. 15, Jun. 2022, doi: 10.36080/ag.v10i1.1695.
[13] R. Prasetyo, A. Nugroho, and A. Sugandi, “Meningkatkan Performa Frontend dengan Menggunakan Framework Next.Js dalam Pengembangan Website,” Journal of Cyber Health and Computer, vol. 2, no. 2, 2024, doi: 10.64163/jochac.v2i2.31.
[14] Vercel, “API Routes – Next.js Documentation,” Next.JS. Accessed: Oct. 30, 2025. [Online]. Available: https://nextjs.org/docs/pages/building-your-application/routing/api-routes
[15] A. Andriyanto, R. E. Pranoto, D. A. N. Bangun, A. Anggarini, and M. T. Maheni DK, “PEMASARAN DIGITAL UMKM MELALUI DESAIN LANDING PAGE SEBAGAI UPAYA PENGEMBANGAN BISNIS,” Besaung : Jurnal Seni Desain dan Budaya, vol. 8, no. 1, Mar. 2023, doi: 10.36982/jsdb.v8i1.2826.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Nasrullah Gunawan, Muhammad Irwan Padli Nasution

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.





