Perancangan Sistem Perencanaan Konten Media Sosial Berbasis Web Terintegrasi Artificial Intelligence (AI) Bagi UMKM Menggunakan Framework Next.js dengan Model Prototype

Authors

  • Nasrullah Gunawan Universitas Islam Negeri Sumatera Utara, Indonesia
  • Muhammad Irwan Padli Nasution Universitas Islam Negeri Sumatera Utara, Indonesia

DOI:

https://doi.org/10.70609/jusifor.v4i2.8343

Keywords:

UMKM, Artificial Intelligence (AI), Sistem Informasi, Prototype Model, Next.js, Content Planner, Sosial Media

Abstract

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.

Published

2025-12-31

How to Cite

Perancangan Sistem Perencanaan Konten Media Sosial Berbasis Web Terintegrasi Artificial Intelligence (AI) Bagi UMKM Menggunakan Framework Next.js dengan Model Prototype. (2025). JUSIFOR (Jurnal Sistem Informasi Dan Informatika), 4(2), 233-242. https://doi.org/10.70609/jusifor.v4i2.8343