Website Development for a Local SME Using HTML, CSS, and JavaScript: A Case Study in Manado City
Abstract
Abstract
The rapid advancement of digital technology has significantly transformed the business landscape; however, many small and medium enterprises (SMEs), locally known as Usaha Mikro, Kecil, dan Menengah (UMKM), particularly in Manado City, North Sulawesi, still lack a proper online presence. This study aims to design and develop a responsive business profile website for a local SME using HTML5, CSS3, and vanilla JavaScript as a cost-effective digital marketing solution. The development process adopts the Waterfall model, encompassing four sequential phases: requirements analysis, system design, implementation, and testing. The website features a homepage, a product and service catalog, a company profile section, and a contact page, all designed with responsive principles to ensure optimal viewing across mobile, tablet, and desktop devices. System validation was conducted using Black Box Testing to verify functional correctness, while usability evaluation was performed using the System Usability Scale (SUS) questionnaire with 20 respondents comprising SME owners and potential customers. Black Box Testing confirmed that all 10 defined functional test cases executed correctly without errors. Usability testing yielded an average SUS score of 84.5 out of 100, categorizing the system as Excellent. These results demonstrate that a lightweight static website built with fundamental web technologies constitutes a viable and effective digital presence solution for SMEs without substantial development costs, offering a replicable framework for similar contexts across developing regions of Indonesia.
Keywords: Website Development; SMEs; HTML; CSS; JavaScript
References
Bangor, A., Kortum, P., & Miller, J. (2009). Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale. Journal of Usability Studies, 4(3), 114–123.
Brooke, J. (1996). SUS: A Quick and Dirty Usability Scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester, & I. L. McClelland (Eds.), Usability Evaluation in Industry (pp. 189–194). Taylor and Francis.
Rahayu, R., & Day, J. (2015). Determinant factors of e-commerce adoption by SMEs in developing countries: Evidence from Indonesia. Procedia - Social and Behavioral Sciences, 195, 142–150. https://doi.org/10.1016/j.sbspro.2015.06.423
Rahayu, R., & Day, J. (2017). E-commerce adoption by SMEs in developing countries: Evidence from Indonesia. Eurasian Business Review, 7(1), 25–41. https://doi.org/10.1007/s40821-016-0044-6
GitHub, Inc. (2024). GitHub Pages Documentation. https://docs.github.com/en/pages
Wibowo, S., Sari, F. P., & Imelda, S. (2020). Pengembangan Website Profil Usaha sebagai Media Pemasaran Digital bagi UMKM Kuliner di Bandung. Jurnal Pengabdian kepada Masyarakat (Indonesian Journal of Community Engagement), 6(2), 82–91. https://doi.org/10.22146/jpkm.43009
Purnomo, A., Muttaqin, A., & Rosyadi, I. (2021). Rancang Bangun Website Company Profile sebagai Media Promosi UMKM Batik Bakaran Pati. Jurnal Pengabdian Masyarakat, 3(1), 28–36.
Bassil, Y. (2012). A simulation model for the waterfall software development life cycle. International Journal of Engineering & Technology (iJET), 2(5), 1–6. https://doi.org/10.5281/zenodo.1296296
Kementerian Komunikasi dan Informatika. (2022). Laporan Survei Pemanfaatan Teknologi Digital oleh UMKM Indonesia. Jakarta, Indonesia.
Kementerian Koperasi dan UKM Republik Indonesia. (2022). Perkembangan Data Usaha Mikro, Kecil, Menengah (UMKM) dan Usaha Besar (UB). Jakarta, Indonesia.
Kristiyanti, D. (2018). Website sebagai Media Promosi UMKM di Kota Semarang. Jurnal Ilmiah UNTAG Semarang, 6(1), 13–23.
Dwivedi, Y. K., Ismagilova, E., Hughes, D. L., Carlson, J., Filieri, R., Jacobson, J., & Wang, Y. (2021). Setting the future of digital and social media marketing research: Perspectives and research propositions. International Journal of Information Management, 59, 102168. https://doi.org/10.1016/j.ijinfomgt.2020.102168
Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2015). Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis (Studi Kasus: Aplikasi Prediksi Kelulusan SNMPTN). Jurnal Ilmiah Teknologi Informasi Terapan, 1(3), 31–36. https://doi.org/10.33197/jitter.vol1.iss3.2015.62
Simmons, G., Armstrong, G. A., & Durkin, M. G. (2011). An exploration of small business website adoption in Northern Ireland. International Small Business Journal, 29(4), 421–443. https://doi.org/10.1177/0266242610369560
Pressman, R. S., & Maxim, B. R. (2020). Software Engineering: A Practitioner's Approach (9th ed.). McGraw-Hill.
Marcotte, E. (2010). Responsive web design. A List Apart, 306. https://alistapart.com/article/responsive-web-design/
Felix, R., Rauschnabel, P. A., & Hinsch, C. (2017). Elements of strategic social media marketing: A holistic framework. Journal of Business Research, 70, 118–126. https://doi.org/10.1016/j.jbusres.2016.05.001
Steiner, F., & Kühnis, J. (2021). A systematic review on performance comparison of major JavaScript frameworks. Journal of Computer and Communications, 9(6), 49–64. https://doi.org/10.4236/jcc.2021.96005
Kaur, J., & Ramkumar, K. R. (2022). The recent trends in cyber security: A review. Journal of King Saud University – Computer and Information Sciences, 34(8), 5766–5781. https://doi.org/10.1016/j.jksuci.2021.01.018
Delone, W. H., & McLean, E. R. (2003). The DeLone and McLean model of information systems success: A ten-year update. Journal of Management Information Systems, 19(4), 9–30. https://doi.org/10.1080/07421222.2003.11045748
Taiminen, H. M., & Karjaluoto, H. (2015). The usage of digital marketing channels in SMEs. Journal of Small Business and Enterprise Development, 22(4), 633–651. https://doi.org/10.1108/JSBED-05-2013-0073
Brooke, J. (2013). SUS: A retrospective. Journal of Usability Studies, 8(2), 29–40.
Susanto, A., & Muhajir, A. (2022). Digitalisasi UMKM di Indonesia: Peluang, Tantangan, dan Strategi Adopsi Teknologi di Era Pasca-Pandemi. Jurnal Manajemen dan Kewirausahaan, 24(1), 15–28. https://doi.org/10.9744/jmk.24.1.15-28
Sommerville, I. (2016). Software Engineering (10th ed.). Pearson.
