## STRATEGI PENINGKATAN PEMASARAN DAN PENJUALAN PRODUK OLAHAN BUAH MANGROVE MELALUI PEMBUATAN WEBSITE
Ubaidillah Umar 1) , Aulia Rahma Annisa 2) , Helmy Widyantara 3)
1,2 Fakultas Teknik Elektro dan Industri Cerdas, Institut Teknologi Telkom Surabaya
3 Fakultas Teknologi Informasi dan Bisnis, Institut Teknologi Telkom Surabaya email: ubaidillahumar@ittelkom-sby.ac.id , aulia.ra@ittelkom-sby.ac.id , helmywid@ittelkom-sby.ac.id

## ABSTRACT
Mangrove plants have several benefits apart from protecting beaches from erosion, one of which is producing processed fruit that is beneficial for health. One of the resident UKMs in Medokan Ayu Surabaya, namely "UKM Somano", has succeeded in processing the fruit of this mangrove plant into various processed foods and drinks, which have many benefits and are also in great demand by the community.  Even  though  UKM  Somano  is  considered  to  have  innovated  in  processed  food  and beverage  products  made  from  mangrove  fruit,  UKM  Somano  actually  faces  problems  with  the marketing  system  for  its  processed  products.  Somano's  products  are  currently  only  widely  known through Instagram and traditional markets near where they live, and only a few people know about its UKM products. Therefore, in this community service activity, we developed a website and provided support  to  UKM  Somano  in  terms  of  digital  literacy,  which  displays  various  goods  made  from mangrove  fruit  and  contains  the  business  profile  of  UKM  Somano.  By  developing  a  website  and providing digital  literacy  training  to  UKM Somano,  it  is  believed  that  more  and  more  people  will know about the many innovative products that can be made from mangrove fruit, which in turn will enable these business actors to produce more innovations in processed mangrove fruit.
Keywords:  Mangrove fruit, processed fruit, website, UKM Somano, digital literacy.

## ABSTRAK
Tanaman Magrove mempunyai beberapa manfaat selain melindungi pantai dari erosi, salah satunya adalah menghasilkan  olahan buah yang bermanfaat bagi kesehatan. Salah satu UKM warga  yang berada di Medokan Ayu Surabaya yaitu “UKM Somano” berhasil mengolah buah tanaman mangrove ini menjadi berbagai olahan makanan dan minuman yang memiliki banyak manfaat dan juga banyak diminati oleh masyarakat. Meski UKM Somano dinilai telah melakukan inovasi pada produk olahan makanan  dan  minuman  berbahan  dasar  buah  magrove,  namun  UKM  Somano  justru  menghadapi kendala dengan sistem pemasaran pada produk olahannya. Produk Somano saat ini hanya dikenal luas melalui Instagram dan pasar tradisional disekitar tempat tinggal, dan hanya sedikit orang yang mengetahui produk UKM-nya secara luas. Oleh karena itu pada kegiatan pengabdian Masyarakat ini,  kami  mengembangkan  website  dan  memberikan  dukungan  kepada  UKM  Somano  dalam  hal literasi  digital  yang  menampilkan  berbagai  barang  berbahan  dasar  buah  mangrove  dan  memuat profil bisnis UKM Somano. Dengan mengembangkan situs web dan memberikan pelatihan literasi digital kepada UKM Somano, diyakini akan semakin banyak masyarakat yang mengetahui banyaknya produk  inovatif  yang dapat dibuat  dari  buah  magrove,  yang pada gilirannya akan  memungkinkan para pelaku usaha tersebut menghasilkan lebih banyak inovasi olahan buah magrove.
Kata kunci : Buah Magrove, Olahan buah, website, UKTM Somano, literasi digital

## 1. PENDAHULUAN
Tanaman  Mangrove  selain  bermanfaat untuk  melindungi  pantai  dari  abrasi  memiliki banyak  manfaat  lain,  diantaranya  adalah  buah dari  tanaman  mangrove.  Buah  dari  tanaman mangrove  dikenal  dengan  nama  Sonneratia Caseolaris  atau  ada  juga  yang  menyebutnya dengan bogem.
Tanaman  Buah  Magrove  berhasil  diolah oleh  salah  satu  UKM  warga  Medokan  Ayu Surabaya  yaitu  “UKM  Somano”  dengan memanfaatkan buah tanaman mangrove menjadi beberapa produk olahan makanan dan minuman  yang  memiliki  banyak  khasiat  dan banyak  diminati  oleh masyarakat  luas  [1]–[3]. Bentuk  dari  buah  tanaman  mangrove  dapat dilihat pada Gambar 1.
Gambar  1. Buah  Tanaman  Mangrove,  Buah Bogem
UKM Somano sendiri didirikan sejak tahun 2016  oleh  pasangan  suami  istri  yaitu  Bapak Karyono  dan  Ibu  Ririn.  Telah  banyak  produk yang dihasilkan  oleh  UKM  Somano  dari  hasil pengolahan  buah  bogem  tersebut  yang  dapat dilihat pada Gambar 2.
Terdapat  beberapa  fakta  bahwa  buah bogem  ini  memiliki  banyak  manfaat  untuk menyehatkan  badan.  Kandungan  serta  khasiat buah bogem antara lain Vitamin C yang dapat meningkatkan  imun  serta  mengatasi  sariawan, Vitamin  B1  dan  B2  yang  dapat  mengurangi stress  serta  meningkatkan produksi  energi  dan
kesehatan  mata  &  kulit,  Tinggi  Antioksidan yang  dapat  menangkal  radikal  bebas,  Vitamin D dan E yang dapat memberikan manfaat yang tinggi  untuk  nutrisi  kulit  (khusus  produk shampo dan sabun) [4]–[10].
Salah satu hasil produk dari UKM Somano yaitu  sirup  bogem  yang  mampu  mengobati panas  dalam,  sariawan,  batuk,  mencegah  flu dan menjaga kestabilan tubuh. Untuk kandungan dalam satu botol sirup olahan buah mangrove  ini,  terdapat  kandungan  sebesar 1,24%  protein,  sebesar  0,24%  lemak,  sebesar 1,74% karbohidrat dan juga kandungan sebesar 70,6% vitamin C.
Dalam  membuat  sirup  Bogem,  UKM Somano  melakukan  pengolahan  buah  bogem yang  jatuh  ke  tanah  sekitar  pohon  atau  alat jaring  yang  telah  disiapkan  sebelumnya. Dengan  cara  ini,  pohon  tidak  akan  rusak sehingga turut menjaga kelestariannya. Produksi  yang  telah  dilakukan  oleh  UKM Somono untuk saat ini dilakukan 2-3 kali dalam seminggu,  dimana  dalam  seharinya  UKM Sumono  memproduksi  sekitar  20  hingga  60 liter sirup Bogem.
Gambar 2. Hasil Olahan Buah Mangrove UKM Somano
Produk  Somano  selama  ini  hanya  dikenal melalui  Instagram  dan  pasar  tradisional  yang hanya  sedikit  orang  yang  mengetahui  produk UKM-nya.  Oleh  karena  itu,  pada  kegiatan pengabdian  kepada  Masyarakat  ini,  kami mengusulkan  mengembangkan  website  yang menampilkan  profil  usaha  UKM  Somano  dan memamerkan  berbagai  produk berbahan  dasar buah  mangrove,  serta  memberikan  dukungan
kepada  UKM  Somano  dalam  hal  literasi digital[11]–[13].

## 2. IDENTIFIKASI MASALAH
Meski  UKM  Somano  dinilai  telah  sukses berinovasi  dengan  produk  makanan  dan minuman  berbahan  dasar  buah  magrove, nyatanya  UKM  Somano  mengalami  kesulitan memasarkan  produk  olahannya  secara  luas. Hasil  produk  olahan  Somano  saat  ini  hanya dikenal  masyarakat  melalui  Instagram  dan pasar  tradisional  disekitar  tempat  tinggal,  dan hanya sedikit orang yang mengetahui berbagai produk olahan yang dihasilkan secara lengkap. Bedasarkan  permasalahan  ini,  pada  kegiatan pengabdian  kepada  Masyarakat  ini,  kami melakukan  pengembangan  website  promosi dan  memberikan  bantuan  kepada  UKM Somano dalam mengembangkan literasi digitalnya.  Website  ini  akan  memuat  profil usaha  UKM  Somano  dan  menampilkan berbagai  produk  berbahan  dasar  buah  bakau. Tujuannya  adalah  dikembangkannya  website dan  memberikan  dukungan  kepada  UKM Somano  dengan  literasi  digital  adalah  akan semakin  banyak  masyarakat  yang  mengetahui banyaknya  produk  inovatif  yang  dapat  dibuat dari buah mangrove, sehingga diharapkan dapat meningkatkan produksi UKM Somano.
Dalam  memberikan  dukungan  terhadap inovasi  yang  dihasilkan  UKM  Somano  yang telah  mengembangkan  produk  makanan  dan minuman  olahan  baru  berbahan  dasar  buah magrove,  dalam  kegiatan  pengabdian  kepada masyarakat ini, dilakukan berbagai upaya yang menghasilkan  tujuan  dan  sasaran  yang diharapkan.  Berikut  adalah  ringkasan  dari beberapa  tujuan  yang  kami  upayakan  selama pengabdian masyarakat kami :
Tabel 1. Tujuan dan Sasaran
Aspek Tujuan Sasaran Pemasaran  Selama ini pemasaran produk UKM Somano  masih terbatas pada beberapa  lokasi wisata mangrove dan  hanya  di beberapa toko Membuat website  resmi untuk menampilkan hasil produk UKM Somano. saja. UKM Somano  belum memiliki website resmi yang  diharapkan dapat menjadi rujukan dan pemasaran resmi yang dapat diakses oleh masyarakat luas. Literasi Digital Masih minimnya pemanfaatan teknologi informasi  pada UKM Somano yang menyebabkan kurangnya pemahaman terkait literasi digital yang terupdate. Mengadakan workshop dan pendampingan dalam meningkatkan penggunaan teknologi informasi untuk memperluas pemanfaatan literasi digital UKM Somano.

## 3. METODELOGI PELAKSANAAN
Kegiatan  utama  penelitian  ini  adalah melakukan  pengembangan  website  promosi dan  juga  dilakukan  pendampingan  kepada UKM  Somano  dalam  hal  literasi  digital. Metode  yang  digunakan  meliputi  Identifikasi dan  Analisis  Situasi  Mitra,  Penggalian Informasi, Pembuatan
Website dan pendampingan melalui workshop yang melibatkan pengguna secara aktif.
Gambar 3. Metodelogi pelaksanaan kegiatan
Dalam  melakukan  Pendampingan  pada kegiatan  Pengabdian  kepada  Masyarakat  ini, kami  mengadakan  Workshop  bahan  pelatihan berupa:
1. Modul Manajemen Website
2. Laptop dan akses internet
3. Web  hosting  yang  telah  dipesan  dan  siap digunakan
Sedangkan  Materi  pelatihan  yang  ditargetkan adalah:
1. Pengelolaan fitur dan fungsi-fungsi Webiste yang disediakan
2. Pengelolaan dan penggunaan fitur email
3. Penggunaan halaman Administrator
4. Penggunaan Control Panel (CP)

## 4. HASIL DAN PEMBAHASAN
Tahap  awal  kami  melakukan  survey kelokasi UKM Somano seperti yang ditunjukan pada  gambar  4.  Pada  tahap  awal  ini,  kami melakukan  Penggalian  Informasi  terhadap  hal apa  saja  yang  dibutuhkan  oleh  UKM  Somono agar  bisa  membatu  memperlancar  penjualan, terutama  ditengah  pandemi.  Pelaksanaan Survey  dilakukan  selama  satu  hari  mulai  dari jam 08.00-16.00, bertempat di kantor pemasaran UKM Somano.
Gambar 4. Kegiatan Survey di UKM Sumono
Dari  hasil  penggalian  informasi  dari  hasil wawancara,  banyak  sekali  Informasi  yang didapat, mulai dari proses pembuatan produksi, penjualan  samapi  permasalahan-permasalahan apa saja yang menjadi kendala, Salah satu yang dihasilkan dari kegiatan ini yang menurut kami
perlu didukung dengan segera adalah menemukan  informasi  bahwa  produk  Somano saat  ini  hanya  dikenal  melalui  Instagram  dan marketplace,  dan  hanya  sedikit  orang  yang mengetahui  secara  spesifik  produk  UKM Somano secara luas oleh masyarakat.
Gambar 5. Pendampingan oleh Mahasiswa

## Tabel 2. Uraian kegiatan
No Kegiatan Deskripsi 1 Sistem Database Menjelaskan tentang Desain  dari  perancangan Database yang telah dikembangkan dan diterapkan. 2 Sistem Informasi Menjelaskan tentang fungsi  sistem  informasi yang  dikembangkan  dan diterapkan  dalam  sistem website. 3 Interface Menjelaskan tentang hasil rancangan  interface  yang dikembangkan dan diterapkan  dalam  sistem website. 4 Testing & Implementasi Mendemokan sistem yang telah  dikembangkan  dan diterapkan  dalam  sistem website.
Pada  tahap  selanjutnya  kami  melakukan implementasi system dan melakukan pendampingan dengan beberapa tahap kegiatan
mulai  dari  persiapan,  pendampingan  dan evaluasi.  Dalam  kegiatan  sosialiasi  beberapa system  kami  kenalkan  dengan  uraian  kegiatan seperti ditunjukkan pada Tabel 2.
Setelah  tahap  sosialisasi  maka  tahap selanjutnya  adalah  melakukan  pendampingan untuk  memastikan  pihak  pengelola  dapat melakukan mengelola secara mandiri.
Gambar  6. Serah  Terima  Modul  pengelolaan Website
Pendampingan  dilakukan  oleh  Mahasiswa seperti  yang  ditunjukkan  pada  gambar  5  dan dilanjut  dengan  kegiatan  serah  terima  Modul Pengelolaan  Website  seperti  yang  ditujukkan pada  gambar  6.  Kegiatan  ini  dilakukan  rutin sesuai  kebutuhan  dari  pihak  pengelola.  Selain melakukan  pendampingan,  Kemudian  kami juga menyediakan modul Operasional manajemen  konten  yang  dapat  menjadi pedoman  bagi  pengelola  website  dari  pihak UKM Sumono.
Gambar 7. Foto Bersama UKM Sumono

## 5. KESIMPULAN
Kegiatan pengabdian kepada Masyarakat ini memberikan  dukungan  kepada  UKM  Somono
berupa  pengembangan  website  yang  berisi informasi  tentang  perusahaan  UKM  Somano serta berbagai barang hasil olahan buah bakau. Diharapkan  dengan  dukungan  pengembangan website  dan  bantuan  literasi  digital  kepada UKM  Somano  ini,  akan  semakin  banyak masyarakat  yang  mengetahui  banyaknya produk  inovatif  yang  dapat  dibuat  dari  buah mangrove. Hal ini diharapkan dapat meningkatkan  jumlah  produk  olahan  yang dihasilkan oleh UKM Somano dan mendorong lebih  banyak  masyarakat  untuk  membeli barang-barang perusahaan tersebut. Proses  pendampingan  dan  pembekalan melalui Modul Pengelolaan Website diharapkan  pihak  UKM  Somano  dapat melanjutkan      pengelolaan    secara    mandiri untuk kedepannya sehingga  mereka  bisa  lebih kreatif  lagi  tentunya  bisa  lebih inovatif.

## 6. UCAPAN TERIMA KASIH
Penulis  mengucapkan  terima  kasih  kepada pihak  LPPM  Institut  Teknologi  Telkom Surabaya  karena  telah  memberi  dukungan finasial  sehingga  kegiatan  pengabdian  kepada masyarakat ini bisa terlaksana serta mengucapkan  terima  kasih  kepada  mitra  yang telah memberikan kesempatan untuk melaksanakan  kegiatan  pengabdian  kepada masyarakat.

## 7. REFERENSI
[1] A.  Ismail et  al. ,  “Pembuatan  Website Desa Wisata Kabupaten Maros,” Jurnal Pengabdian  Masyarakat  Hasanuddin , vol. 56, no. 2, pp. 56–66, Sep. 2022, doi: 10.20956/JPMH.V3I2.22429.
[2] I.  L.  Putra et  al. ,  “PELATIHAN PENGEMBANGAN WEBSITE DESA BERBASIS CONTENT MANAGEMENT  SYSTEM  (CMS) WORDPRESS PADA DESA MANTINGAN DALAM MEWUJUDKAN  DESA  DIGITAL,” SELAPARANG:  Jurnal  Pengabdian Masyarakat Berkemajuan , vol. 6, no. 3, pp.  1424–1429,  Sep.  2022,  doi: 10.31764/JPMB.V6I3.10122.
[3] P.  AL  MADRASAH  TSANAWIYAH FATAH  MANDIRI  JAKARTA  Wasis Haryono,  T.  Puspitasari,  R.  Maulida, and T. Hardi, “PELATIHAN PEMBUATAN DAN PENGELOLAAN WEBSITE SEBAGAI  SARANA  INFORMASI PADA  MADRASAH  TSANAWIYAH AL  FATAH  MANDIRI  JAKARTA,”
JAMAIKA:  Jurnal  Abdi  Masyarakat , vol.  2,  no.  1,  pp.  126–134,  May  2021, Accessed:  Aug.  07,  2023.  [Online]. Available: http://openjournal.unpam.ac.id/index.p hp/JAMAIKA/article/view/9365
[4] K. Kusnadi, I. Tivani, and W. Amananti,
“ANALISA KADAR  VITAMIN  DAN
MINERAL  BUAH  KARIKA  DIENG (CARICA PUBESCENS LENNE) DENGAN MENGGUNAKAN SPEKTROFOTOMETRI UV-VIS DAN  AAS,” Parapemikir :  Jurnal Ilmiah Farmasi , vol. 5, no. 2, Jun. 2016, doi: 10.30591/PJIF.V5I2.384.
[5] I.  L.  Putra et  al. ,  “PELATIHAN PENGEMBANGAN WEBSITE DESA
BERBASIS CONTENT MANAGEMENT  SYSTEM  (CMS) WORDPRESS PADA DESA MANTINGAN DALAM MEWUJUDKAN  DESA  DIGITAL,” SELAPARANG:  Jurnal  Pengabdian
Masyarakat Berkemajuan , vol. 6, no. 3,
pp.  1424–1429,  Sep.  2022,  doi: 10.31764/JPMB.V6I3.10122.
[6] P.  AL  MADRASAH  TSANAWIYAH
FATAH  MANDIRI  JAKARTA  Wasis Haryono,  T.  Puspitasari,  R.  Maulida, and T. Hardi, “PELATIHAN PEMBUATAN DAN PENGELOLAAN WEBSITE SEBAGAI  SARANA  INFORMASI PADA  MADRASAH  TSANAWIYAH
AL  FATAH  MANDIRI  JAKARTA,”
JAMAIKA:  Jurnal  Abdi  Masyarakat , vol.  2,  no.  1,  pp.  126–134,  May  2021, Accessed:  Aug.  07,  2023.  [Online].
Available: http://openjournal.unpam.ac.id/index.p hp/JAMAIKA/article/view/9365 [7] O. Paramita, “PEMANFAATAN BERBAGAI JENIS BUAH
MANGROVE  SEBAGAI  SUMBER PANGAN BERKARBOHIDRAT
TINGGI,” Prosiding Pendidikan Teknik Boga  Busana ,  vol.  7,  no.  1,  2012, Accessed:  Aug.  07,  2023.  [Online].
Available: https://journal.uny.ac.id/index.php/ptbb /article/view/32946
[8] A.  Wati et  al. ,  “PEMANFAATAN BUAH  MANGROVE  (RHIZOPORA SP)
SEBAGAI
BAHAN

## PEMBUATAN  KOPI  DI  DAERAH
PESISIR  SERDANG  BEDAGAI,” Martabe :  Jurnal  Pengabdian  Kepada Masyarakat ,  vol.  5,  no.  7,  pp.  2389– 2397, Oct. 2022, doi: 10.31604/JPM.V5I7.2389-2397. [9] I.  Rosulva,  P.  Hariyadi,  S.  Budijanto, and  A.  B.  Sitanggang,  “POTENSI
BUAH MANGROVE

## SEBAGAI
SUMBER  PANGAN  ALTERNATIF,”
Jurnal  Teknologi  Hasil  Pertanian ,  vol.
14, no. 2, Feb. 2022, doi:
10.20961/JTHP.V14I2.55509.
[10] “Garuda  -  Garba  Rujukan  Digital.” https://garuda.kemdikbud.go.id/docume nts/detail/634162  (accessed  Aug.  07,
2023). [11] “Tampilan PENGEMBANGAN WEBSITE KAMPUNG WISATA EDUKASI (STUDI KASUS KAMPUNG ONDOMOHEN SURABAYA).” https://jurnal.polsri.ac.id/index.php/apt ekmas/article/view/4768/1993
(accessed Aug. 07, 2023).
[12] D.  Miswar et  al. ,  “PEMBUATAN WEBSITE  UNTUK  MASYARAKAT DI  WILAYAH  RT  003/RW  021, KELURAHAN  HARAPAN  JAYA, BEKASI UTARA,” BUGUH: JURNAL PENGABDIAN KEPADA MASYARAKAT , vol. 2, no. 2, pp. 46–55, Jun. 2022, doi: 10.23960/BUGUH.V2N2.675. [13] J.  P.  Hapsari,  M.  Khosyi’in,  and  B. Badie’ah,
“Pembuatan dan Pendampingan  Pengelolaan  Website Sekolah KB-TK Hj. Isriati
Baiturrahman 1 Semarang,” Indonesian Journal of Community Services , vol. 4,
no.  1,  pp.  22–30,  May  2022,  doi: 10.30659/IJOCS.4.1.22-30.