Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013

## Peningkatan Fitur Layanan Sistem Informasi Pada UMKM Rangkul Semarang
1) Bagus Satrio Waluyo Poetro*, 2) Sam Farisa Chaerul Haviana
1)2) Teknik Informatika, Fakultas Teknologi Industri, Universtas Islam Sultan Agung, Semarang, Indonesia Email : 1) bagusswp@unissula.ac.id , 2) samfch@unissula.ac.id

## I. PENDAHULUAN
Semakin berkembangnya teknologi modern, banyak sektor yang menerima dampaknya, baik dalam sektor industri, ekonomi, transportasi, militer, kesehatan bahkan dalam sektor kuliner. Semakin kesini pemanfaatkan teknologi dalam membagikan suatu informasi semakin luas dan cepat. Dari sini penulis ingin memanfaatkan benyebaran infomasi yang cepat dan luar dengan membagian produk-produk dagang UMKM. Usaha Mikro, Kecil dan Menengah (UMKM) adalah kegiatan usaha yang dijalankan oleh perseorangan atau individu, rumah tangga, atau badan usaha skala kecil (Sudrartono dkk., 2022). Dalam ruang lingkup kota Semarang, terdapat komunitas  atau  perkumpulan  antar  UMKM  yang  diberi  nama  UMKM  Rangkul.  UMKM  Rangkul  (Rakyat Semarang Kuliner) merupakan suatu wadah perkumpulan bagi para pelaku UMKM di bidang kuliner yang ada di Kota Semarang. Paguyuban ini sebagai media komunikasi, konsultasi, informasi dan berbagi ilmu bagi para pelaku UMKM di daerah Semarang. Sasaran UMKM Rangkul adalah meningkatkan pemasaran lokal maupun global produk – produk UMKM sebesar rata-rata 5 % per tahun. Termasuk juga meningkatkan kenaikan kelas usaha,  dari  mikro  menjadi  usaha  besar.  Namun  terbatasnya  akses  masyarakat  di  luar  anggota  UMKM  atas informasi produk – produk yang ada pada paguyuban membuat potensi pemasaran sangatlah kecil. Oleh karena

## INFORMASI ARTIKEL A B S T R A K
Kata Kunci:
UMKM Semarang Katalog Online Produk Promosi
UMKM  Rangkul  (Rakyat  Semarang  Kuliner)  merupakan  suatu  wadah  perkumpulan  bagi  para pelaku UMKM dibidang kuliner yang ada di  Kota Semarang. Sasaran UMKM Rangkul adalah meningkatkan pemasaran lokal maupun global produk – produk UMKM sebesar rata-rata 5 % per tahun.  Namun  terbatasnya  akses  masyarakat  di  luar  anggota  UMKM  atas  informasi  produk  – produk yang ada pada paguyuban membuat potensi pemasaran sangatlah kecil. Website yang ada pada UMKM Rangkul perlu adanya perbaikan supaya lebih responsif dan nyaman dilihat. Bentuk kegiatan yang cocok pada permasalahan UMKM Rangkul ini adalah dengan berupa penambahan serta pembaruan informasi, dimulai dari penyesuaian halaman, penyesuaian tampilan katalog serta penmbahan  fitur  tertentu  yang  dapat  memberikan  informasi  kepada  pengguna.  Secara  umum luaran dari program pengabdian masyarakat ini adalah sebuah website Katalog Online berbasis web yang lebih responsif dan nyaman digunakan yang memuat informasi produk – produk anggota UMKM  Rangkul  semarang.  Pembaruan  yang  dilakukan  antara  lain  tampilan  berita,  perbaikan tampilan umkm, penambahan fitur pencarian, shopee food, grab food, umkm dan produk terdaftar, perubahan nama.

## ABSTRACT
Keywords: UMKM Semarang Online Catalog Products Promotion
UMKM  Embrace  (People's  Culinary  Semarang)  is  a  gathering  place  for  MSME  actors  in  the culinary field in  Semarang City. The target of UMKM Embrace is to increase local and global marketing of MSME products by an average of 5% per year. However, the limited access of the community outside of MSME members to information on products in the association makes the marketing potential very small. The existing website on UMKM Embrace needs improvement so that it is more responsive and comfortable to look at. The form of activity that is suitable for the UMKM  Embrace  problem  is  in  the  form  of  adding  and  updating  information,  starting  from adjusting  pages,  adjusting  the  appearance  of  the  catalog  and  adding  certain  features  that  can provide information to users. In general, the output of this community service program is a web- based  online  catalog  website  that  is  more  responsive  and  comfortable  to  use,  which  contains information on the products of the members of the UMKM Rangkul Semarang. Updates made include displaying news, improving the appearance of umkm, adding search features, shopee food, grab food, umkm and registered products, changing names.
This is an open access article under the CC–BY-SA license.
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013
itu  dibutuhkan  pemanfaatan  dan  pengembangan  teknologi  informasi  guna  mendukung  promosi  pemasaran pada UMKM Rangkul ini. Upaya yang dilakukan adalah dengan pembuatan website katalog online. Katalog online sendiri merupakan kumpulan data yang disusun supaya dapat dibaca secara mudah dan sesuai dengan urutan  yang  dimana  digunakan  sebagai  alat  publikasi  yang  digunakan  perusahaan  sebagai  cara  untuk mempromosikan  produk  dan  layanan  mereka  (Adawiyah  dkk.,  2020).  UMKM  Rangkul  memiliki website katalog online yang dapat diakses masyarakat luas untuk lebih mudah mengetahui  produk – produk apa saja yang ada pada paguyuban UMKM Rangkul semarang (Poetro & Haviana, 2022).

## II. MASALAH
Dari analisis  situasi tersebut dapat dirumuskan bahwa dibutuhkan website katalog online yang responsif sehingga media marketing online dapat diakses dengan nyaman oleh masyarakat diluar anggota paguyuban, sehingga pada website yang ada perlu adanya perbaikan serta penambahan fitur supaya website menjadi mudah dan  nyaman  digunakan.  Kegiatan  wawancara  kebutuhan  pengembangan  katalog  online  ditunjukan  pada Gambar 1.
Gambar  1. Kegiatan Wawancara Anlisa Kebutuhan
Pada  gambar  1  merupakan  sesi  dimana  diadakan  wawancara  dengan  pihak  UMKM  Rangkul,  dimana wawancara ini dilakukan untuk mengetahui keluh kesah yang dirasakan pengguna dalam penggunaan website ketalog  online  yang  nantinya  dari  keluhan  tersebut  akan  dilakukan  pengembangan  agar  lebih  nyaman pengguna dalam menggunakan website katalog online.
Gambar  2. Pemaparan pengembangan Katalog Online Produk UMKM Rangkul Semarang
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013
Pada  gambar  2  merupakan  kegiatan  pemaparan  pengembangan  website  katalog  online  yang  sudah dilakukan disini dipaparkan beberapa hal pembaharuan yang ada pada website katalog online dan pengarahan penggunaan pengguna agar lebih bisa dimanfaatkan lebih baik lagi.

## III. METODE
Metode pelaksanaan yang diusulkan terbagi menjadi beberapa kegiatan, mulai dari pengembangan aplikasi Katalog Online yang mudah diakses yang cepat dan disajikan secara konsisten dan responsif, pendampingan pengisian konten hingga penggunaan untuk media promosi pemasarannya .
Kegiatan dalam membuat Katalog Online digambarkan tahapannya secara umum sepertti pada Gambar 3.

## Gambar  3. Tahapan pengembangan Katalog Online Produk UMKM Rangkul Semarang
Tahapan  pengembangan  yang  digunakan  pada  pengembangan  katalog  online  produk  UMKM  Rangkul Semarang menggunakan metode waterfall dimana melakukan pengembangan perangkat lunak dengan tahapan secara berurutan dan sangat sistematis (Risald, 2021). Dengan menggunakan metode waterfall penulis dapat membangun  sebuah  perangkat  lunak  secara  terstruktur.  Berikan  merupakan  rincian  dari  setiap  tahap pengembangan yang akan dilakukan:
1. Analisa Kebutuhan
Pada  tahapan  ini  semua  kebutuhan  yang  terkait  permasalahan  di  UMKM  Rangkul  dikumpulkan  untuk menjadi  landasan  pembuatan  aplikasi.  Beberapa  pihak  terkair  termasuk  ketua  UMKM  Rangkul  juga memberikan masukan mengenai hal – hal yang berkaitan dengan katalog produk UMKM. Dari tahapan ini akan dihasilkan informasi yang dapat digunakan untuk membangun aplikasi yang sesuai.
2. Desain
Tahapan  desain  meliputi  desain  fungsionalitas,  user  interface  dan  hal  –  hal  lain  terkait  pengembangan aplikasi katalog. Proses desain dimulai dari hasil analisa yang sudah dilakukan pada tahapan sebelumnya.
3. Implementasi Solusi (Sistem)
Implementasi  meliputi  proses coding aplikasi  berdasarkan  desain  yang  sudah  dibuat  serta  membuat dokumentasi / manual penggunaan bagi pihak yang akan menggunakan aplikasi. Tahap implementasi juga termasuk proses perencanaan deployment aplikasi. 4. Pengujian
Dari hasil implementasi kemudian aplikasi yang dibangun akan diuji langsung oleh pengguna sebenarnya. Pengujian  menggunakan  pendekatan Black  Box mengingat  pengguna  aplikasi  adalah  awam  terhadap aplikasi  yang  baru  dibuat.  Pengujian Black  Box sendiri  merupakan  teknik  pengujian  dengan  mencoba sebuah software yang telah selesai dibangun lalu pada setiap formnya akan dicoba memasukan sampel data atau  inputan  untuk  mengetahui  letak  kesalahannya(Shaleh  dkk.,  2021).  Pengujian  yang  dilakukan  juga termasuk  melakukan User  Acceptance untuk  melihat  sebagaimana  efektif  aplikasi  digunakan  oleh pengguna secara langsung. User Acceptance sendiri merupakan proses verifikasi bahwa solusi yang dibuat dalam  sistem  sudah  sesuai  untuk  pengguna.  Proses  ini  berbeda  dengan  pengujian  sistem  (memastikan
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013
software  tidak crash dan  sesuai  dengan  dokumen  permintaan  pengguna),  melainkan  memastikan  bahwa solusi dalam sistem tersebut akan bekerja untuk pengguna (yaitu, tes bahwa pengguna menerima solusi di dalam sistem) (Suprapto, 2021).
5. Maintenance
Tahapan  terakhir  adalah maintenance atau  pemeliharaan.  Tahapan  ini  sepenuhnya  dilakukan  oleh  PIC ( Person  in  Charge )  dari  pihak  UMKM  Rangkul  yang  ditunjuk  sebagai  pengelola  aplikasi.  Pelaksana pengabdian  masyarakat  hanya  akan  mendampingi  proses  pengelolaan  jika  terjadi  permasalahan  yang berkaitan dengan penggunaan aplikasi dan teknis aplikasi.

## IV. HASIL DAN PEMBAHASAN
Website yang  mudah  diakses,  cepat  dan  disajikan  secara  konsisten  dan  responsif  pada  semua  perangkat katalog online adalah solusi yang tepat dan mudah bagi pihak yang ingin mempromosikan produk-produknya. Namun implementasi website ini juga harus memperhatikan aspek kemudahan penggunaan ( ease of use ) oleh masyarakat  umum. Salah  satu  bentuk  kemudahan  adalah  responsifitas  /  penyesuaian user  interface aplikasi dengan beragam perangkat aksesnya. Ketidaknyamanan dapat timbul pada pengakses aplikasi yang berbasis web  jika  web  yang  diakses  tidak  responsif  pada  perangkat  yang  digunakan  (Novianty,  2017).  Untuk meningkatkan  aplikasi  web  yang  responsif  maka  perlu  perbaikan  serta  penambahan  fitur  yang  dilakukan. Perbaikan  tampilan  Card  UMKM  yang  awalnya  kurang  tertata  menjadi  lebih  rapi  dan  terstruktur  ditambah perbaikan pada ukuran logo pada setiap UMKM dengan aturan ukuran logo 270 x 270, serta menambahan fitur Pencarian UMKM yang terdaftar seperti pada Gambar 4 serta pemberian share produk UMKM melalui media sosial karena beberapa penelitan telah dilakukan, salah satunya mengungkapkan bahwa efektifitas melakukan promosi melalui media sosial mencapai 71,5% pada promosi yang dilakukan UMKM (Huda dkk., 2020). Ini menunjukan  bahwa  share  medsos  adalah  salah  satu  promosi  yang  cukup  menjanjikan,  menurut  (Ramadan, 2021)  promosi  produk  melalui  instagram  untuk  mengarahkannya  pada  katalog  online  cukup  efektif  dalam mendapatkan perhatian dan akhirnya pelangga mau membelinya dan dari hasil penelitian yang dilakukan oleh (Wayan Rustiarini dkk., 2021) bahwa dengan dukungan media sosial katalog online akan lebih meningkatkan nilai  penjualan  sebuah  produk.  Alamat website katalog  online  yang  dikembangkan  adalah www.umkmrangkul.com .

## Gambar  4. Tampilan Card UMKM
Mengubah serta memperbaiki tampilan Berita Terbaru yang awalnya tampilannya berupa list menjadi card dan sekarang berita dapat dilakukan proses slider seperti pada Gambar 5.
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013
Gambar  5. Tampilan Card berita terbaru
Di dalam halaman detail UMKM ditambahkan fitur pemesanan melalui Shopee food dan Grab Food serta perbaikan tampilan logo UMKM menjadi lebih baik dengan aturan ukuran logo 270 x 270 seperti ditunjukkan Gambar 6.

## Gambar  6. Tampilan detail UMKM terdaftar
Pada halaman awal nama  “Perkumpulan Rakyat Semarang Kuliner” diubah menjadi “Rakyat Semarang Kuliner  (Rangkul)”.  Penambahan  tampilan  laporan  Jumlah  Produk  dan  Jumlah  UMKM  yang  terdaftar  di halaman awal website yang ditampilkan berupa card seperti pada Gambar 7.
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013
Gambar  7. Tampilan Home Setelah di Update
Update halaman detail berita yang awalnya kurang rapi dan gambar tidak simetris dengan content berita menjadi lebih rapi dan penambahan fitur share link berita melalui twitter, facebook, whatsapp, dan telegram seperti pada Gambar 8 dan gambar 9.
Gambar  8. Tampilan Detail Berita Setelah di Update
Gambar  9. Penambahan Fitur Share Link Berita pada Tampilan Detail Berita
Jurnal Pengabdian kepada Masyarakat Nusantara (JPkMN)                                                                  e-ISSN : 2745 4053 Vol. 4 No.2,  Juni 2023  |pp: 1134-1140 |DOI : https://doi.org/10.55338/jpkmn.v4i2.1013

## V. KESIMPULAN
Secara  umum  kesimpulan dari  program  pengabdian  masyarakat  ini  adalah  sebuah  Katalog  Online, yang mudah diakses, cepat dan disajikan secara konsisten dan responsif berbasis web dengan ekstensi *.com yang memuat informasi produk – produk anggota UMKM Rangkul semarang. Informasi produk tersebut antara lain nama  usaha,  bidang  usaha,  lokasi  usaha,  apa  saja  yang  dijual,  harga  produk.  Katalog  Online  ini  juga membutuhkan item antara lain sewa website domain dan hosting untuk 1 tahun. Tahun capaian adalah tahun 2023.

## DAFTAR PUSTAKA
Adawiyah, R., Supriatna, A. D., & Setiawan, R. (2020). Pengembangan Aplikasi Katalog Elektronik Barbershop Berbasis Web. Jurnal Algoritma , 17 (1), 52–59. https://doi.org/10.33364/algoritma/v.17-1.52 Huda, M., Prasetyo, A., Tinggi, S., Ekonomi, I., & Bangsa, P. (2020). Efektivitas Promosi Melalui Media Sosial Pada UMKM Di Kabupaten Kebumen. Jurnal Ekonomi dan Teknik Informatika , 8 (2), 2020. Novianty,  C.  (2017).  Review  Konsep  Responsive  Design  Dengan  Framework  Materialize  Pada  Website. InfoTekJar (Jurnal Nasional Informatika dan Teknologi Jaringan) , 2 (1), 41–44. https://doi.org/10.30743/infotekjar.v2i1.140 Poetro, B. S. W., & Haviana, S. F. C. (2022). Pendampingan Pengembangan Teknologi Informasi pada UMKM Rangkul Semarang. Indonesian Journal of Community Services , 4 (1), 66. https://doi.org/10.30659/ijocs.4.1.66-73 Ramadan, A. (2021). Efektivitas Instagram Sebagai Media Promosi Produk “Rendang Uninam.” Jurnal Sains Komunikasi dan Pengembangan Masyarakat [JSKPM] , 5 (1), 64–84. https://doi.org/10.29244/jskpm.v5i1.796 Risald, R. (2021). Implementasi Sistem Penjualan Online Berbasis E-Commerce Pada Usaha Ukm Ike Suti Menggunakan Metode Waterfall. Journal of Information and Technology , 1 (1), 37–42. https://doi.org/10.32938/jitu.v1i1.1393 Shaleh, I. A., Yogi, J. P., Pirdaus, P., Syawal, R., & Saifudin, A. (2021). Pengujian Black Box pada Sistem Informasi Penjualan  Buku  Berbasis  Web  dengan  Teknik  Equivalent  Partitions. Jurnal  Teknologi  Sistem  Informasi  dan Aplikasi , 4 (1), 38. https://doi.org/10.32493/jtsi.v4i1.8960 Sudrartono, T., Nugroho, H., Irwanto, I., Agustini, I. G. A. A., Yudawisastra, H. G., Maknunah, L. U., Amaria, H., Witi, F. L., Nuryanti, N., & Sudirman, A. (2022). Kewirausahaan Umkm Di Era Digital. In Cv Widina Media Utama . Suprapto, E. (2021). User Acceptance Testing (UAT) Refreshment PBX Outlet Site BNI Kanwil Padang. Jurnal Civronlit Unbari , 6 (2), 54. https://doi.org/10.33087/civronlit.v6i2.85 Wayan  Rustiarini,  N.,  Putu  Nita  Anggraini,  N., &  Ketut  Sassu  Budi  Satwam, I.  (2021).  Perancangan  Katalog  Produk Untuk Meningkatkan Penjualan Umkm. JMM (Jurnal Masyarakat Mandiri) , 5 (5), 2615–2624. http://journal.ummat.ac.id/index.php/jmm