Jurnal Teknik Informatika vol ? no ? month year, pp. ?-?
1
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika
APLIKASI WEB BUILDER UNTUK USAHA
MIKRO, KECIL DAN MENENGAH (UMKM)
BERBASIS ANDROID
Aplikasi Web Builder Untuk Usaha Mikro Kecil dan Menengah
Nadia D. C Mamuaja1), Yaulie D. Y. Rindengan2), Arthur Mourits Rumagit3)
Dept. of Electrical Engineering, Sam Ratulangi University Manado, Kampus Bahu St., 95115, Indonesia
e-mails :clramamuaya3@gmail.com1)
Received: [date]; revised: [date]; accepted: [date]
Abstract — Micro, small and medium enterprises or commonly
known as MSMEs, are currently the most numerous business
sector. Information technology has become a necessity in this day
and age. Entrepreneurs often use the help of social media such as
Facebook, Instagram and Twitter to introduce their business.
Not only using social media, entrepreneurs can take advantage of
other technologies such as websites to promote their business.
However, the process of creating a website requires
programming skills, takes a long time to work on and requires a
lot of resources as initial capital. Therefore, an application is
needed that can help MSME actors in creating their business
website. The design and development of this website builder
application will use a content management system, namely
WordPress by utilizing the Elementor Page Builder and
Woocommerce plugins. The use of plugins is considered to make
it easier to create layouts for this web builder application. The
built system will later be tested with black box testing and direct
testing with the user. Based on the test results, it can be
concluded that the appearance of the website builder is still
unattractive, its use is quite easy, the menu in it functions as
expected, there are no errors when running the application and
the use of the website is considered useful for users or MSMEs in
running their business.
Key words— Micro, small and medium enterprises, Website
Builder, Content Management System, Wordpress, Elementor,
Woocommerce
Abstrak — Perkembangan teknologi informasi saat ini
berkembang sangat pesat. Hal ini memungkinkan semua aspek
nantinya dapat dikerjakan dengan memanfaatkan internet untuk
mempermudah perkerjaan manusia. Usaha mikro, kecil dan
menengah atau yang biasa dikenal dengan UMKM, merupakan
sektor usaha yang paling banyak saat ini. Untuk menambah daya
Tarik usahanya, pedagang dapat mempromosikan usaha mereka
di media sosial seperti facebook, Instagram, tiktok atau twitter.
Mereka juga dapat mempromosikan usaha brand mereka
dengan website. Akan tetapi, tidak semua pelaku UMKM dapat
membangun website mereka sendiri, butuh waktu dan
pemahaman programing dan juga modal yang tidak sedikit.
Untuk membantu para pedagang kecil atau yang dikenal saat ini
dengan istilah Usaha Mikro, Kecil dan Menengah, kami berniat
membantu para pelaku UMKM untuk menunjang bisnis yang
dijalankan dengan menciptakan sebuah aplikasi mobile web
builder. Perancangan aplikasi ini akan dibangun dengan android
studio memanfaatkan webview. Pelaku UMKM nantinya dapat
membuat website untuk usaha mereka secara pribadi dengan
menggunakan aplikasi ini. Manfaat dari website untuk pelaku
UMKM bertujuan untuk meningkatkan kepercayaan konsumen,
memudahkan calon pembeli dalam pencarian informasi tentang
usaha. Website juga bermanfaat sebagai identitas diri untuk
usaha yang dijalankan. Hal ini diharapkan dapat membantu
para pelaku UMKM untuk menunjang berbagai aktifitas usaha
mereka.
Kata kunci — Usaha Mikro Kecil dan Menengah, Web Builder,
Android, , Wordpress, Elementor, Woocommerce.
I. Pendahuluan
Perkembangan teknologi informasi saat ini berkembang
sangat pesat. Hal ini memungkinkan semua aspek nantinya
dapat dikerjakan dengan berbasis komputer untuk
mempermudah perkerjaan manusia. Komputer dan teknologi
semakin memegang kendali atas kehidupan bermasyarakat
disaat ini. Banyak kegiatan masyarakat yang tidak bisa lepas
dari teknologi. Usaha mikro, kecil dan menengah atau yang
biasa dikenal dengan UMKM, merupakan sektor usaha yang
paling banyak saat ini. Dimasa pandemi akibat covid-19 saat
ini, pengaruh teknologi informasi semakin nyata dalam
kehidupan masyarakat. Pandemi akibat covid-19 yang
mewabah hampir disemua negara telah banyak mempengaruhi
berbagai sector kehidupan masyarakat. Baik perilaku
bermasyarakat, ekonomi dan juga kegiatan bermasyarakat.
Banyak masyarakat yang kehilangan pekerjaan dikarenakan
pembatasan-pembatasan yang dilakukan oleh pemerintah.
Salah satu sektor yang sangat terpukul oleh pandemi Covid-
19 adalah Usaha Mikro, Kecil, dan Menengah (UMKM), yang
juga menggerek turunnya perekonomian nasional. Hal ini bisa
dipahami karena UMKM mempunyai kontribusi yang sangat
besar dalam perekonomian nasional.
Menurut data Kementerian Koperasi, Usaha Keci, dan
Menengah (KUKM) tahun 2018, jumlah pelaku UMKM
sebanyak 64,2 juta atau 99,99% dari jumlah pelaku usaha di
Indonesia. Daya serap tenaga kerja UMKM adalah sebanyak
117 juta pekerja atau 97% dari daya serap tenaga kerja dunia
usaha. Sementara itu kontribusi UMKM terhadap
perekonomian nasional (PDB) sebesar 61,1%, dan sisanya
yaitu 38,9% disumbangkan oleh pelaku usaha besar yang
jumlahnya hanya sebesar 5.550 atau 0,01% dari jumlah pelaku
usaha. UMKM tersebut didominasi oleh pelaku usaha mikro
yang berjumlah 98,68% dengan daya serap tenaga kerja
sekitar 89%. Sementara itu sumbangan usaha mikro terhadap
PDB hanya sekitar 37,8%.
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-?
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika
Untuk bertahan dimasa pandemic, pelaku UMKM
melakukan berbagai cara untuk mempromosikan usahanya
agar tidak mati. Untuk menambah daya Tarik usahanya,
pedagang mempromosikan usaha mereka di media sosial
seperti facebook, Instagram, tiktok atau twitter. Mereka juga
dapat mempromosikan usaha brand mereka dengan website.
Akan tetapi, tidak semua pelaku UMKM dapat membangun
website mereka sendiri, butuh waktu dan pemahaman
programing dan juga modal yang tidak sedikit. Website
memiliki manfaat dan dampak positif untuk bisnis UMKM.
Dengan memiliki website, akan meningkatkan kredibilitas
usaha, membantu selalu terhubung dengan pelanggan,
menjangkau target pasar lebih luas dan yang terpenting
website tidak memiliki jam tutup atau bisa diakses selama 24
jam.
Pada penelitian ini, penulis ingin membantu para pelaku
UMKM untuk menunjang bisnis yang dijalankan dengan
menciptakan sebuah aplikasi mobile web builder atau aplikasi
yang nantinya dapat digunakan pelaku UMKM untuk
menciptakan website mereka dengan mudah, cepat dan
terjangkau. Perancangan aplikasi ini akan dibangun dengan
android studio memanfaatkan webview. Pelaku UMKM
nantinya dapat membuat website untuk usaha mereka secara
pribadi dengan menggunakan aplikasi ini. Manfaat dari
website untuk pelaku UMKM bertujuan untuk meningkatkan
kepercayaan konsumen, memudahkan calon pembeli dalam
pencarian informasi tentang usaha. Website juga bermanfaat
sebagai identitas diri untuk usaha yang dijalankan. Hal ini
diharapkan dapat membantu para pelaku UMKM untuk
menunjang berbagai aktifitas usaha mereka.
A. Android Studio
Android Studio adalah Lingkungan Pengembangan Trpadu
Integrayed Development Environment (IDE) untuk
pengembangan aplikasi Android, berdasarkan IntelliJ IDEA.
Selain merupakan editor kde IntelliJ dan alat pengembangan
yang berdaya guna, Android Studio menawarkan fitur lebih
banyak untuk meningkatkan produktivitas anda saat membuat
aplikasi Android.
B. Aplikasi
Menurut Jogiyanto (1999:12), Aplikasi adalah penggunaan
dalam suatukomputer, instruksi (intruction) atau pernyataan
(statement) yang disusun sedemikian rupa sehingga komputer
dapat memproses input menjadi output. Aplikasi merupakan
penerapan dari rancang system untuk mengolah data yang
menggunakan aturan atau ketentuan Bahasa pemrograman
tertentu. Aplikasi adalah suatu program computer yang dibuat
untuk mengerjakan dan melaksanakan tugas khusus dari
pengguna.
C. Android
Menurut Ir. Yuniar Supardi (2017 : 1) Android adalah
“sebuah sistem operasi perangkat mobile berbasis linux yang
mencakup sistem operasi, middleware dan aplikasi”.
2
D. Website Builder
Website builder adalah aplikasi yang membantu dalam
mendesai dan membuat fitur website tanpa harus mempelajari
atau menguasai HTML. Aplikasi ini memberikan control
penuh terhadap semua konten dan layout pada halaman web.
E. Wordpress
Wordpress merupakan sebuah content management sistem
dimana digunakan untuk membuat sebuah website dengan
mudah tanpa harus mempunyai kemampuan dalam hal
pengkodean website. Dengan wordpress kita akan lebih focus
kepada hal terpenting sebuah website yaitu konten karena
masalah Teknik sudah dapat teratasi oleh wordpress (Guide,
Downloaded and Plugins, no date)
F. Wordpress
Wordpress merupakan sebuah CMS (Content Management
System) yang dibangun menggunakan bahasa pemrograman
PHP dan basis data MySQL serta bersifat open source dan
sangat populer. Wordpress dapat diperoleh secara gratis
dengan cara mendownloadnya pada situs-situs yang
menyediakan. Menurut Pratiwi (2020), Wordpress merupakan
sebuah CMS yang dapat digunakan untuk mengelola konten
halaman web. Wordpress dapat digunakan untuk membuat
blog pribadi maupun website perusahaan, situs e-commerce,
portofolio, newspaper dan lain-lain.
G. Elementor
Elementor merupakan drag-and-drop builder dengan kata
lain memungkinkan kita untuk membuat sebuah element
dalam web dengan hanya meletakan pada sebuah page dengan
mudah dengan komponen yang sudah tersedia dalam
elementor, di elemntor juga memungkinkan kita untuk
memodifikasi komponen yang ada sesuai dengan kebutuhan
dari desain website yang akan kita buat.
H. HTML
HTML adalah singkatan dari HyperText Markup Language
yaitu bahasa pemrograman standar yang digunakan untuk
membuat sebuah halaman web, yang kemudian dapat diakses
untuk menampilkan berbagai informasi di dalam sebuah
penjelajah web Internet (Browser). HTML dapat juga
digunakan sebagai link link antara file-file dalam situs atau
dalam komputer dengan menggunakan localhost, atau link
yang menghubungkan antar situs dalam dunia internet.
I. Usaha Mikro, Kecil dan Menengah (UMKM)
UMKM adalah usaha yang dimiliki perorangan maupun
badan usaha yang telah memenuhi kriteria sebagai usaha.
Lebih jelasnya, pengertian UMKM diatur dalam Undang-
Undang Republik Indonesia No. 20 Tahun 2008 tentang
UMKM. Dalam UU tersebut disebutkan UMKM adalah sesuai
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-?
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika
dengan jenis usahanya yakni usaha mikro, usaha kecil dan
usaha menengah. Penggolongan UMKM dilakukan dengan
batasan omset per tahun, jumlah kekayaan atau aset, serta
jumlah karyawan. Usaha yang tak masuk sebagai UMKM
adalah dikategorikan sebagai usaha besar.
J. Metode Penelitian (Metode Waterfall)
Metode Waterfall Menurut Pressman (2015:42), model
waterfall adalah model klasik yang bersifat sistematis,
berurutan dalam membangun software. Nama model ini
sebenarnya adalah “Linear Sequential Model” . Model ini
sering disebut juga dengan “classic life cycle” atau metode
waterfall. Model ini termasuk ke dalam model generic pada
rekayasa perangkat lunak dan pertama kali diperkenalkan oleh
Winston Royce sekitar tahun 1970 sehingga sering dianggap
kuno, tetapi merupakan model yang paling banyak dipakai
dalam Software Engineering (SE).
II. Metode
Penelitian ini menggunakan metode waterfall, pada metode
ini terdapat 5 tahapan yaitu :
A. Requirement Analysis
Tahap ini pengembang sistem diperlukan komunikasi
yang bertujuan untuk memahami perangkat lunak yang
diharapkan oleh pengguna dan batasan perangkat lunak
tersebut. Informasi ini biasanya dapat diperoleh melalui
wawancara, diskusi atau survei langsung. Informasi dianalisis
untuk mendapatkan data yang dibutuhkan oleh pengguna.
B. Design
Spesifikasi kebutuhan dari tahap sebelumnya akan
dipelajari dalam fase ini dan desain sistem disiapkan. Desain
Sistem membantu dalam menentukan perangkat
keras(hardware) dan sistem persyaratan dan juga membantu
dalam mendefinisikan arsitektur sistem secara keseluruhan.
C. Implementation
Pada tahap ini, sistem pertama kali dikembangkan di
program kecil yang disebut unit, yang terintegrasi dalam
tahap selanjutnya. Setiap unit dikembangkan dan diuji untuk
fungsionalitas yang disebut sebagai unit testing.
D. Verification
Seluruh unit yang dikembangkan dalam tahap
implementasi diintegrasikan ke dalam sistem setelah
pengujian yang dilakukan masing-masing unit. Setelah
integrasi seluruh sistem diuji untuk mengecek setiap
kegagalan maupun kesalahan.
E. Maintenance
Tahap akhir dalam model waterfall. Perangkat lunak
yang sudah jadi, dijalankan serta dilakukan pemeliharaan.
Pemeliharaan termasuk dalam memperbaiki kesalahan yang
tidak ditemukan pada langkah sebelumnya. Perbaikan
implementasi unit sistem dan peningkatan jasa sistem sebagai
3
kebutuhan baru.
III. Hasil dan Pembahasan
A. Requirement Analysis
1) Analisis Sistem yang Berjalan
Pada tahap ini, penulis mengamati masalah yang dihadapi
oleh pelaku Usaha Mikro, Kecil dan Menengah di Sulawesi
Utara. Penulis melakukan wawancara dan observasi langsung
dengan beberapa pelaku UMKM. Setelah menemukan
masalah yang ada, maka akan ditentukan solusi yang tepat
dengan perancangan sistem dengan menentukan hasil akhir
apa yang ingin dicapai, input dan outpun apa yang dibutuhkan
dan akan dihasilkan nantinya.
2) Analisis Sistem yang Diusulkan
Berdasarkan hasil observasi dan wawancara sebelumnya,
penulis menyimpulkan bahwa banyak pelaku UMKM yang
masih mempromosikan usaha mereka secara manual. Mereka
ingin mengembangkan usaha mereka dengan promosi lebih
jauh, namun terkendala dipengetahuan dalam memanfaatkan
teknolohi. Penulis akan mengusulkan sebuah aplikasi yang
dapat membantu pelaku UMKM dalam menciptakan website
mereka untuk memasarkan produk, mendata produk, menjual
produk dan mengkalkulasi setiap transaksi secara digital.
Aplikasi akan dirancang berbentu android agar memudahkan
pelaku UMKM dalam menggunakannya.
3) Kebutuhan hardware dan software
Hardware yang digunakan dalam pembuatan aplikasi
website builder ini yaitu: Laptop Acer Aspire 3 Processor
Intel Celeron N5100 RAM 4GB Monitor 14inch, Smartphone
Android Redmi Note 9 Chipset: MediaTek Helio G85,
Android 11, RAM 4 GB, Storage 64 GB.
Software yang digunakan dalam pembuatan aplikasi
website builder ini yaitu: Brave Browser, Andorid Studio,
Emulator, JDK, SDK, Sublime Text Editor, Wordpress :
Elementor
B. Design
1) Use Case Diagram
Gambar 1. Use Case Diagram Admin
 Login
Admin login ke dalam aplikasi dengan cara
memasukan username dan password.
 Verifikasi pendaftaran
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-? 4
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika

Admin memverifikasi user yang melakukan User dapat melihat status pemesanan mereka.
pendaftaran pada aplikasi.  Logout
User dapat logout dari aplikasi.

 Melihat data user 2) Diagram Activity Sistem

Admin dapat melihat data dari user yang melakukan
pendaftaran pada aplikasi.
 Mengedit dashboard Admin Sistem

Admin dapat melihat data dari user yang melakukan

pendaftaran pada aplikasi.
 Lihat detail produk Tampilan form untuk login
Masuk halaman login
Menampilkan setiap detail dari produk yang
tersimpan.
Memasukkan username & Cek username & password
 Tambah produk password

Admin dapat menambahkan produk pada etalase

tidak
dalam aplikasi. Sesuai

 Edit produk ya

Admin dapat mengedit produk seperti mengubah

nama, tampilan atau menghapus produk. Mengakses dashboard Dashboard

 Melihat data pemesanan

Admin dapat melihat data pesanan yang dilakukan
oleh user.
 Mengolah data pemesanan
Admin dapat mengolah data pesanan seperti memberi Gambar 3. Activity Diagram Admin
aksi terhadap pesanan user.
Pada gambar di atas menjelaskan bahwa untuk mengakses
 Logout dashboard sebagai admin, maka admin harus masuk ke
Admin dapat logout dari aplikasi. halaman login dengan masuk pada wordpress, sistem akan
merespon dengan menampilkan form untuk login. Masukkan
username dan password yang terdaftar, kemudian sistem akan
mengecek apakah username dan password sudah sesuai. Jika
sesuai, maka sistem akan memunculkan tampilan halaman
dashboard. Jika tidak sesuai, maka sistem akan Kembali ke
halaman form login.

Gambar 4. Activity Diagram User

User Sistem

Mengunjungi Aplikasi Menampilkan halaman utama aplikasi

Gambar 2. Use Case Diagram User Memilih etalase Menampilkan halaman etalase produk

 Login/Buat akun USER Memilih login Menampilkan halaman login

User melakukan login ke dalam aplikasi dengan
memasukan username dan password, jika user belum Memilih coba gratis Menampilkan halaman produk gratis

memiliki akun, maka user dapat memilih buat akun Memilih beranda Menampilkan halaman utama aplikasi
terlebih dahulu.
 Lihat produk
User dapat melihat produk yang tersedia dalam Pada gambar di atas menjelaskan Ketika user
aplikasi. mengunjungi aplikasi, maka sistem akan menampilkan
 Melihat data user halaman utama aplikasi. Selanjutnya user akan memilih
User dapat melihat data mereka, juga dapat etalase, dan sistem akan menampilkan halaman etalase produk
melakukan perubahan pada data mereka. yang menampilakan produk yang disediakan oleh admin. User
 Tambah produk dalam keranjang kemudian akan memilih login dan sistem akan menampilkan
User dapat menambahkan produk yang diinginkan halaman login atau buat akun baru. User memilih coba gratis,
kedalam keranjang. sistem kemudian akan menampilkan halaman produk gratis
 Edit Pilihan produk yang tersedia. User memilih beranda, sistem akan
User dapat mengubah pilhan produk jika terdapat menampilkan halaman utama aplikasi.
kesalahan.
 Melihat status pemesanan
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-? 5
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika

3) Desain tampilan

Gambar 6. Rancangan Halaman Etalase

Pada menampilkan halaman etalase yang berisikan detail

produk-produk yang ditawarkan. Disediakan kolom untuk
mem-filter sesuai kategori.
Gambar 5. Rancangan Halaman Utama

Gambar 7. Rancangan Halaman Login

Pada menampilkan halaman Login. Akan ditampilkan

kolom untuk memasukkan data user agar dapat bisa
melakukan login.

Pada tampilan halaman utama akan terdapat pilihan menu

Beranda, Etalase, Login dan Coba Gratis. Pada halaman utama
juga akan dilengkapi dengan tampilan logo, gambar dan teks
penjelasan.

Gambar 8. Rancangan Halaman Keranjang Belanja

Pada menampilkan halaman keranjang belanja yang

berisikan detail produk yang dipilih. Pada halaman keranjang
belanja akan disediakan kolom untuk memasukkan kode
kupon dan tombol untuk lanjut ke proses checkout.
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-?
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika
Gambar 9. Rancangan Halaman Checkout
Pada tampilan menu checkout akan berisikan detail produk
yang dipilih dan kolom untuk mengisi form detail pengiriman.
Disediakan tombol buat pesanan setelah memastikan detail
pengiriman dan detail produk yang dipesan sudah sesuai.
C. Implementation
Gambar 10. Tampilan Halaman Login Admin
Untuk dapat masuk ke halaman dashboard, admin harus
melakukan login terlebih dahulu. Berikut tampilan halaman
login dashboard. Pada halaman login, Admin harus
memasukkan username dan password yang benar.
Gambar 11. Tampilan Halaman Dashboard
Halaman ini adalah halaman utama untuk admin setelah
berhasil melakukan login. Pada halaman dashboard tersedia
6
menu-menu yang dapat dipilih untuk mengatur situs web
builder.
Gambar 12. Tampilan Halaman Produk
Pada halaman ini akan tersimpan produk-produk yang
ditambahkan. Admin dapat mengakses halaman ini untuk
melihat detail produk, mengubah detail produk, menambah
produk dan menghapus produk.
Gambar 13. Tampilan Halaman Pesanan
Halaman ini berisikan setiap detail pemesanan yang masuk.
Pesanan yang dibuat oleh user akan muncul pada halaman ini
kemudian akan diproses oleh admin.
Gambar 14. Tampilan Halaman Users
Halaman users berisikan daftar pengunjung website yang
telah melakukan registrasi. Admin dapat mengolah data user
yang ada pada halaman ini seperti menghapus, menambahkan
dan mengubah data.
Gambar 15. Tampilan Halaman Plugins
Halaman ini berguna untuk menambahkan plugins
pendukung fitur wordpress. Pada perancangan website builder
ini, penulis menggunakan plugins Elementor untuk
memodifikasi tampilan website dan plugins WooCommerce
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-? 7
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika

untuk mengelola website.

Gambar 16. Tampilan Halaman Utama (a)

Halaman utama merupakan tampilan yang akan pertama kali

dilihat uleh user. Tersedia beberapa menu pada halaman
utama yang dapat dipilih oleh user, yaitu Beranda, Etalase dan
Login.

Gambar 20. Tampilan Halaman Keranjang Belanja

Tampilan keranjang belanja dapat dilihat pada gambar

diatas. Produk yang kita pesan akan ditampilkan pada halaman
keranjang belanja dengan detail nama, harga, jumlah produk
yang dipesan dan subtotal harga. User dapat memastikan
Kembali produk yang akan dipesan sebelum men-klik tombol
“Checkout” untuk lanjut ke proses checkout.
Gambar 17. Tampilan Halaman Utama (b)

Pada halaman utama juga dilengkapi dengan teks dan

gambar menarik yang dapat dilihat oleh user. Teks berisikan
informasi yang berkaitan dengan produk yang ditawarkan.

Gambar 18. Tampilan Halaman Login User

Pengunjung website yang sebelumnya sudah melakukan

registrasi diminta untuk memasukkan username dan
password pada halaman Login user. Selain itu, pada halaman Gambar 21. Tampilan Halaman Checkout
login pengunjung juga dapat melakukan pendaftaran akun
Setelah memilih produk yang akan dipesan, user akan masuk
dengan memasukkan alamat email dan klik “Daftar”.
ke halaman checkout. Pada halaman checkout, user diminta
untuk melengkapi data pemesanan yang terdiri dari prosil user
dan alamat pengirima. Setelah semua dipastikan sudah sesuai,
user dapat langsung buat pesanan.
D. Testing
1) Hasil Uji Black Box

Tabel III.1. Uji Coba Black Box

N
Pengujian Input Output Hasil
Gambar 19. Tampilan Halaman Etalase o.
Login
Memasukka Login tidak
Pada halaman etalase user dapat melihat setiap produk dengan Sesu
1. n password dapat
beserta yang ditawarkan. User dapat men-klik tombol “Baca password ai
salah dilakukan
selengkapnya” untuk melihat lebih detail deskripsi produk. salah
Login
Tidak Login tidak
dengan Sesu
2. memasukka dapat
password ai
n password dilakukan
kosong
3. Login Memasukka Login tidak Sesu
dengan n username dapat ai
username salah dilakukan
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-? 8
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika

salah login
Login dengan memasukka dapat
Tidak Login tidak . ai
dengan Sesu password n password dilakukan
4. memasukka dapat
username ai tidak di isi
n username dilakukan
kosong User akan
Login Memasukka Sistem login Memasukka Login tidak
18 Sesu
dengan user n username akan dengan n password dapat
Sesu . ai
5. name dan dan menampilk password salah dilakukan
ai
password password an halaman salah
benar yang benar dashboard User akan
Memasukka Login tidak
Produk 19 login Sesu
n email dapat
Admin yang . dengan ai
Menambah Sesu salah dilakukan
6. menambah ditambahka email salah
kan produk ai
kan produk n berhasil User akan
ditampilkan login
Memasukka
Produk dengan
20 n email dan Berhasil Sesu
Admin yang email benar
Menghapus Sesu . password login user ai
7. menghapus dihapus dan
produk ai yang benar
produk sudah tidak password
ditampilkan benar
Admin Mengubah User akan
Logo baru Menampilk
akan logo lama Sesu menghapus
8. berhasil 21 Menghapus an produk Sesu
mengubah dengan ai produk di
ditampilkan . produk telah ai
logo logo baru keranjang
dihapus
Admin belanja
akan Mengubah Halaman User akan Berhasil
22 Sesu
mengubah tampilan utama melakukan Klik logout keluar dari
Sesu . ai
9. tampilan halaman website logout sistem
ai
halaman utama telah
utama website berubah 2) Pengujian dengan User
website Setelah melakukan pengujian black box, penulis melakukan
Admin Harga uji coba langsung aplikasi bersama dengan beberapa pelaku
akan Mengubah produk UMKM yang ada di Kota Manado. Penulis mengumpulkan
10 Sesu
mengubah harga yang baru sebanyak 5 orang pelaku UMKM yang akan melakukan uji
. ai
harga produk berhasil coba aplikasi. Setelah mereka selesai menggunakan aplikasi,
produk ditampilkan penulis akan melakukan wawancara dengan memberikan
User meng Menampilk beberapa pertanyaan.
11 Klik coba Sesu
– click an produk
. gratis ai Keterangan pertanyaan-pertanyan yang diberikan kepada
coba gratis gratis
User meng Menampilk user:
12 Sesu P1 : Tampilan website builder menarik ?
– click Klik etalase an halaman
. ai P2 : Website builder mudah digunakan ?
etalase etalase
Berhasil P3 : Menu pada website berjalan dengan baik ?
User meng menambah P4 : Saat menjalankan website terdapat error ?
Klik P5 : Website bermanfaat untuk menjalankan usaha ?
13 – click kan produk Sesu
tambah ke
. tambah ke ke ai
keranjang Hasil jawaban pertanyaan kepada user dinilai dengan 5
keranjang keranjang
belanja kategori, yaitu SS (Sangat Setuju), S (Setuju), N (Netral), TS
User meng Menampilk (Tidak Setuju) dan STS (Sangat Tidak Setuju).
14 Sesu
– click Klik login an halaman
. ai
login login user
User meng Menampilk
15 Klik Sesu
– click an halaman
. beranda ai
beranda utama
User meng Menampilk
Klik
16 – click an halaman Sesu
keranjang
. keranjang keranjang ai
belanja
belanja belanja
17 User akan Tidak Login tidak Sesu
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-?
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika
Tabel 2. Hasil Wawancara
Berdasarkan hasil data wawancara kepada user dapat
disimpulkan bahwa tampilan website builder masih kurang
menarik, penggunaannya cukup mudah, menu di dalamnya
berfungsi sesuai dengan harapan, tidak terdapat error saat
menjalankan aplikasi dan penggunaan website dianggap
bermanfaat bagi user atau pelaku UMKM dalam menjalankan
bisnis usaha mereka.
Gambar 22. Contoh Tampilan Website UMKM (a)
Gambar 23. Contoh Tampilan Website UMKM (b)
Gambar merupakan contoh website UMKM yang dibuat
dengan menggunakan website builder. Pada halaman utama
website ditampilkan logo toko dan produk-produk UMKM
yang ditawarkan.
E. Maintenance
Berdasarkan data hasil pengujian dengan 2 metode
sebelumnya yaitu pengujian black box dan pengujian dengan
user, didapati hal yang perlu diimprovisasi yaitu tampilan
halaman website builder yang dirasa masih kurang menarik
dan informatif. Tampilan halaman website dirasa belum
memberikan informasi-informasi menarik mengenai website
builder. Dalam penggunaannya, user sedikit kesulitan dalam
melakukan pemesanan karena tidak dilengkapi tutorial cara
9
pemesanan.
Untuk menanggapi permasalahan tersebut, penulis akan
berusaha memperbaiki aplikasi website builder setelah
mempelajari lebih lanjut permasalahan yang ada. Penulis akan
memperbaiki tampilan antar muka aplikasi menjadi lebih
menarik dan menyediakan menu tutorial untuk memudahkan
user untuk menggunakan aplikasi website builder.
IV. Kesimpulan dan Saran
Berdasarkan hasil penelitiaan ini yaitu Aplikasi Website
Builder untuk Usaha Mikro, Kecil dan Menengah maka dapat
disimpulkan sebagai berikut :
1. Aplikasi website builder untuk usaha mikro, kecil dan
menengah berhasil di bangun dengan memanfaatkan
framework wordpress.
2. Tampilan antar muka aplikasi dapat menjadi lebih
menarik dan dilakukan secara singkat dengan
penggunaan plugin Elementor dan Woocommerce yang
disediakan oleh wordpress.
3. Berdasarkan pengujian yang dilakukan, aplikasi website
builder sudah dapat berjalan dengan baik namun
memerlukan perbaikan pada bagian tampilan antar muka
yang kurang menarik
4. Pengguna aplikasi website builder ini masih memerlukan
bantuan untuk penggunaan aplikasi karena belum
disediakan tutorial di dalam aplikasi.
5. Aplikasi website builder ini membuat proses pembuatan
website e-commerce bagi pelaku usaha mikro, kecil dan
menengah menjadi lebih mudah.
Adapun saran yang dapat diberikan untuk pengembangan
aplikasi website builder ini, yaitu:
1. Mengembangkan halaman web dengan content
management system (CMS) adalah pilihan yang tepat
untuk pengembangan web cepat, tetapi juga harus
mempertimbangkan untuk membuat halaman web
menggunakan framework khusus untuk pengembangan
halaman web yang lebih optimal dalam meningkatkan
layanan serta mengembangkan fungsi yang ada.
2. Aplikasi website builder dapat dikembangkan kedalam
versi android untuk kemudahan aksebilitas.
V. Kutipan
[1] Rijkaard, J. (2016). Analisis dan Perancangan Aplikasi
E-Commerce Website Builder Berbasis Web
Menggunakan Responsive Web Design dan Custom
Framework. Jurnal Informatika dan Bisnis, 5(2).
[2] Azis, Y. Y. M. (2020). Pembangunan Web Builder
Untuk Rapid Prototyping (Doctoral dissertation,
Universitas Komputer Indonesia).
[3] Wardani, G. C. (2021). LKP: Rancang Bangun Aplikasi
Landing Page Berbasis Website pada UMKM Depot
Tujuh (Doctoral dissertation, Universitas Dinamika).
[4] Hasan, M. A., & Nasution, N. (2018). Rancang Bangun
Aplikasi Pembuatan Web Blog Berbasis Web
Menggunakan HTML5. INOVTEK Polbeng-Seri
Jurnal Teknik Informatika vol ? no ? month year, pp. ?-? 10
p-ISSN : 2301-8364, e-ISSN : 2685-6131 , available at : https://ejournal.unsrat.ac.id/index.php/informatika

Informatika, 3(1), 68-72 2012), selanjutnya menempuh pendidikan di SMP Kr. Eben
[5] Arafin, M. S., & Jiang, Y. (2017). Developing a dynamic Haezar 1 Manado (2012-2015), melanjutkan pendidikan di
website using the online website builder Weebly for SMA Kr. Eben Haezar Manado (2015-2018). Pada tahun 2018
Viking Fortune Oy. penulis melanjutkan pendidikan tingkat sarjana (S1) di salah
[6] Righetti, X. (2006). Study of prototyping tools for user satu perguruan tinggi negeri di Sulawesi Utara, yaitu
interface design. Bachelor Thesis, Information System Universitas Sam Ratulangi Manado, dengan mengambil
Interfaces, Univ. of Geneva. Jurusan Teknik Elektro, Program Studi Informatika.
[7] Noor, G. A. P., & Samsinar, S. (2020).
IMPLEMENTASI E-COMMERCE MENGGUNAKAN
CONTENT MANAGEMENT SYSTEM UNTUK
PEMASARAN PRODUK PADA LUMI DISTRO
DENGAN PENDEKETAN BUSINESS MODEL
CANVAS. IDEALIS: InDonEsiA journaL Information
System, 3(1), 552-559.
[8] Hidayat, A., & Alvin, A. (2021). IMPLEMENTASI
KANBAN FRAMEWORK DALAM PEMBUATAN
WEBSITE PROFIL PERUSAHAAN
MENGGUNAKAN WORDPRESS DAN
ELEMENTOR. JUTEKIN (Jurnal Teknik Informatika),
9(2).
[9] Pandiangan, A., & Sari, R. P. (2021). Pengembangan
Aplikasi E-Commerce Usaha Mikro, Kecil dan
Menengah Berbasis Web (Studi Kasus: Rumah Lemon
Pekanbaru). ABEC Indonesia, 9, 490-498.
[10] Syuhendra, S., & Hamdani, A. U. (2020). PENJUALAN
ONLINE BERBASIS E-COMMERCE PADA TOKO
ADHIZZSHOP DENGAN MENGGUNAKAN
WOOCOMMERCE. IDEALIS: InDonEsiA journaL
Information System, 3(1), 26-33.
[11] Ushud, A. A. A. (2020). PERANCANGAN WEBSITE
MOMMYMUM. COM MENGGUNAKAN
ELEMENTOR PAGE BUILDER UNTUK
WORDPRESS.
[12] Santosa, S., & Ismaya, H. (2021). Perancangan sistem
informasi penjualan menggunakan cms wordpress pada
toko importir laptop bandung. Pro Mark, 11(1), 8-8.
[13] Nugraha, I. W., & Heru Supriyono, S. T. (2018).
Perancangan Website E-commerce Berbasis Wordpress
Pada Butik Larasati Sragen (Doctoral dissertation,
Universitas Muhammadiyah Surakarta).
[14] Santosa, S., & Ismaya, H. (2021). Perancangan sistem
informasi penjualan menggunakan cms wordpress pada
toko importir laptop bandung. Pro Mark, 11(1), 8-8.
[15] Efendi, J. (2017). Perancangan Sistem Informasi
Penjualan Berbasis Web Pada Jeeni Shop. Occup. Med.
(Chic. Ill), 53(4), 130.

VI. TENTANG PENULIS

Penulis bernama lengkap Syalomita
Theresi Palar lahir di Manado, 14
November 2000. Merupakan anak
pertama dari dua bersaudara, dengan
saudara kandung Ferald Palar (Adik)
dari pasangan Denti Palar (Ayah) dan
Wihelmina Rantung (Ibu). Penulis
memulai Pendidikan Sekolah Dasar Di
SD Kr. Eben Haezar 2 Manado (2006-