Perancangan Website UMKM Warkop Bang Ipun Menggunakan Visual Studio Code Sebagai Pengenalan dan Promosi Menu Makanan & Minuman

Disusun Oleh :

Rehandi Saputra, Nanda Fadly Gunawan, Yovan Muhammad Dzaki

Program Studi Administrasi Bisnis, Jurusan Administrasi Niaga, Politeknik Negeri Padang.

e-mail:[email protected],[email protected], [email protected],

ABSTRACK

This article aims to design a website for Warkop Bang Ipun MSMEs using Visual Studio Code as a tool for introducing and promoting food and beverage menus. The method used includes data collection through interviews with the owner and direct observation at Warkop, followed by designing the database, display and website structure. The result of this implementation is the website https://yovan-us.github.io/Website.food-business/From this design, it can be seen that the developed website functions as an effective digital storefront, providing complete information about the food & beverage menu and facilitating interaction with consumers. The conclusion of this project states that the implementation of this website is expected to increase the presence of Warkop Bang Ipun in the e-market, introduce Warkop in a structured manner and support business development.

Keywords: Website, Warkop Bang Ipun, Introduce

ABSTRAK

Artikel ini bertujuan untuk merancang website bagi UMKM Warkop Bang Ipun menggunakan Visual Studio Code sebagai alat untuk pengenalan dan promosi menu makanan & minuman. Metode yang digunakan meliputi pengumpulan data melalui wawancara dengan pemilik dan observasi langsung ke warkop, diikuti dengan perancangan database, tampilan, dan struktur website. Hasil dari pelaksanaan ini berupa website https://yovan-us.github.io/Website.food-business/Dari perancangan ini menunjukkan bahwa website yang dikembangkan berfungsi sebagai etalase digital yang efektif, memberikan informasi lengkap tentang menu makanan & minuman, serta memudahkan interaksi dengan konsumen. Kesimpulan dari project ini menyatakan bahwa penerapan website ini diharapkan dapat meningkatkan eksistensi Warkop Bang Ipun di E- Market, memperkenalkan Warkop secara terstruktur, dan mendukung perkembangan usaha.

Kata Kunci: Website, Warkop Bang Ipun, Pengenalan.

PENDAHULUAN

Perkembangan teknologi informasi yang pesat saat ini telah mengubah cara perusahaan dalam berinteraksi dengan konsumen. Salah satu inovasi yang paling signifikan adalah pemanfaatan website sebagai sarana pemasaran dan komunikasi. Website tidak hanya berfungsi sebagai etalase digital, tetapi juga sebagai alat untuk membangun brand image dan meningkatkan kreatifitas bisnis. Dalam konteks ini, kami memilih Warkp Bang Ipun sebagai objek Project Based Learning (PBL) dalam mata kuliah Web Design. Melalui perancangan website untuk Warkop Bang Ipun, diharapkan dapat membantu usaha mikro, kecil, dan menengah (UMKM) ini untuk meningkatkan eksistensinya di bisnis digital, memperluas jangkauan pasar, dan pada akhirnya mendukung perkembangan usaha.

Warkop Bang Ipun, yang berlokasi di Komplek. Griya Agro Lestari, Kel. Banda Buek Padang, telah beroperasi sejak tahun 2023 dan dikenal dengan berbagai macam menu yang sering kita temui di masyarakat. Namun, kurangnya pemanfaatan penjualan online yang profesional membuat potensi pasar yang lebih luas belum sepenuhnya tercapai. Dalam hal ini, website yang kami rancang akan memberikan informasi yang lebih lengkap dan terkini mengenai menu, serta memudahkan konsumen untuk mengakses layanan yang ditawarkan.

METODE PENELITIAN

            Metode penelitian yang digunakan dalam perancangan website dengan visual code ini ada beberapa tahapan. Dimana tahapan tahapannya sebagai berikut :

1. Metode Pengumpulan Data
   1. Metode Interview

Interview adalah pengumpulan data dengan cara melakukan tanya jawab langsung kepada pihak yang bersangkutan, dalam hal ini yaitu owner Warkop Bang Ipun yaitu Bapak Rahmad Furqan.

1. 2. Metode Observasi

Observasi adalah pengumpulan data yang dilakukan melalui pengamatan langsung kepada subjek penelitian, dalam hal ini pengamatan pada lokasiWarkop Bang Ipun milik Bapak Rahmad Furqan.

2. Perancangan Website

Perancangan merupakan salah satu awal atau langkah dalam merancang aplikasi, untuk memperoleh gambaran atau model yang nantinya akan dibuat.

1. 1. Perancangan database

Perancangan dalam membuat database merupakan awal dalam fase pengembangan system untuk setiap produk system atau perangkat lunak, perancangan ini merupakan salah satu langkah untuk memperoleh gambaran atau model yang akan dibuat.

1. 2. Perancangan Tampilan

Merancang sebuah system informasi yaitu bagaimana cara membangun aplikasi yang sesuai dengan kebutuhan, merancang interface agar tidak membosankan, agar tidak membuat sakit mata, dan agar membuat yang melihat jelas akan informasi yang dicari atau yang ingin diketahui.

1. 3. perancangan struktur website

menentukan fitur-fitur khusus yang akan disediakan oleh website, seperti produk yang ditawarkan oleh UMKM, integrasi media social, kontak, tentang UMKM, letak UMKM dan fitur lainnya yang mendukung pemasaran dari UMKM tersebut.

HASIL DAN PEMBAHASAN

1. Sejarah UMKM

Warkop Bang Ipun ini berdiri sejak bulan November 2023 dengan pemilik atas nama Rahmad Furqan & Zikkra Muhammad Thoha. Kedua owner merupakan saudara kandung yang sepakat untuk menjalin kerja sama bisnis di bidang kuliner berupa Warkop. Pemilihan tempat menjadi poin penting dalam usaha bisnis kuliner ini. Oleh karena itu, owner memilih lokasi yang berada di tengah keramaian seperti Komplek. Griya Agro Lestari ini. Menu-menu yang ditawarkan di Warkop ini cukup menarik dan modern diantaranya seperti ( martabak mie, soto ayam dan minas) & ( chocolate milk, red velvet dan kopi gula aren ).

2. Hasil Rancangan Website

Berdasarkan metode yang dilakukan dan berkoordinasi dengan owner Warkop Bang Ipun, maka dapat diidentifikasi rancangan website yang sesuai dengan kebutuhan UMKM sehingga menghasilkan website https://yovan-us.github.io/Website.food-business/Website tersebut dapat dimanfaatkan oleh pelaku UMKM dalam membuat strategi yang tepat untuk memasarkan menu-menunya. Gambar berikut merupakan tampilan website yang dihasilkan.

2.1 tampilan Beranda

1. 2. Tampilan Tentang

1. 3. Tampilan Menu

1. 4. Tampilan Kontak

Adapun tahapan tahapan yang dilakukan dalam pembuatan website dengan menggunakan visual studio code.

1. Mencari template yang sesuai dengan keinginan owner, disini kami menggunakan template yang disediakan oleh tooplate dengan tema simple house. Tooplate menyediakan berbagai template situs web HTML gratis yang merupakan tata letak yang ramah selular dan responsive menggunakan pustaka CSS dan JS Boostarp yang paling popular. Situs web HTML pada Tooplate mudah diedit dan diterapkan.

2. Mendesaign website tersebut ke dalam html dengan mengganti dan menambahkan foto yang sesuai dengan data yang kami dapatkan di lokasi warkop. Ada empats bagian yang kami edit yaitu:

• Beranda

Pada bagian home akan dimasukkan menu-menu dari Warkkop Bang Ipun yang dibagi menjadi 2 bagian yaitu makanan & minuman, sesuai dengan yang disediakan oleh pemilik.

• Tentang

Pada bagian about berisi informasi-informasi dari BB Bakery, seperti tentang sejarah berdirinya dan hal-hal terbaru yang dilakukan oleh UMKM .

• Menu

Berisi informasi tentang harga dan menu apa saja yang tersedia di Warkop Bang Ipun. Ada beberapa menu rekomendasi dari pihak Warkop yang kami tampilkan.

• Kontak

KESIMPULAN

Perancangan website untuk Warkop Bang Ipun menggunakan Visual Studio Code telah berhasil dilakukan sebagai bagian dari Project Based Learning (PBL). Melalui proses ini, kami dapat mengidentifikasi kebutuhan UMKM sebagai pengenalan dan promosi menu makanan & minuman. Website yang dirancang tidak hanya berfungsi sebagai etalase digital, tetapi juga memberikan informasi yang jelas dan terkini tentang produk serta memudahkan interaksi dengan konsumen. Dengan penerapan metode penelitian yang meliputi wawancara dan observasi, kami dapat mengembangkan desain yang sesuai dengan visi pemilik, Bapak Rahmad Furqan. Hasil dari project ini diharapkan dapat membantu Warkop Bang Ipun untuk meningkatkan eksistensinya di E- Market, memperkenalkan warkop secara terstruktur kepada konsumen, dan pada akhirnya mendukung perkembangan usaha.

DAFTAR PUSTAKA

Furqan Rahmad, diwawancarai oleh Saputra, Rehandi, dkk. September 2024, oleh tim penulis.

Hartati, Sri. “Perancangan Sistem Informasi Inventaris Barang Pada Kantor Notaris Dan Ppat

            R.A Lia Kholila, S.H Menggunakan Visual Studio Code”. Jurnal Siskomti, Vol.3 No.2

            Juli (2020): 40-41.

Rahmadana, Laila, dkk. “ Perancangan Website Umkm Depolagift Menggunakan Blogger Untuk

            Pengembangan Pemasaran dan Promosi Produk”. Jurnal Ilmiah Pengabdian Masyarakat

            (JPIM) Vol.02 No. 01. Januari (2024): 24-25.