APLIKASI LAPORAN PENGADUAN MASYARAKAT JAWA TENGAH

BERBASIS WEBSITE
1
Akhmad Agiyoso (mahasiswa)
2
Nurul Adhayanti, SKOM., MMSI. (Dosen Pembimbing)

alamat : taman kintamani blok g5 no 19, rt 08/rw 08, jejalen jaya, tambun utara, 17510
Jurusan Informatika, Fakultas Teknologi Industri, Universitas Gunadarma

1
aakhmadagiyoso@gmail.com
2
nurul_a@staff.gunadarma.ac.id

ABSTRAK

Penjualan online atau e-commerce merupakan mekanisme bisnis tersendiri yang usianya masih
seumur jagung. Namun disinilah sisi keistimewaanya. Untuk pertama kalinya seluruh manusia
di muka bumi memiliki kesempatan yang sama agar sama dapat berhasil dalam bisnis di dalam
dunia maya. Tujuan penelitian ini adalah menyediakan aplikasi penjualan pada toko
millennials.sply yang terhubung langsung ke website secara lengkap dengan informasi toko
beserta harga dan cara pembeliannya sehingga dapat mempermudah user mencari barang-
barang tertentu. Metode penelitian yang digunakan dalam penulisan ilmiah ini adalah metode
waterfall yang meliputi komunikasi perencanaan, pemodelan, konstruksi, dan deployment.
Dengan menggunakan permodelan UML.Hasil yang dicapai berupa suatu aplikasi berbasis
website yang dapat mencari baju, topi, jam, sepatu, beserta memberikan informasi-informasi
yang dibutuhkan untuk pemesanan tersebut, seperti info toko millennials.sply. Simpulan yang
didapat dari penulisan ilmiah ini adalah sebuah aplikasi penjualan online berbasis website
yang bisa digunakan untuk belanja baju, sepatu, topi, dan jam lebih mudah karena menampilkan
gambar serta harga dan cara pembelian.. Pada hasil uji coba menggunakan browser pada
laptop maupun smartphone dan dapat disimpulkan berjalan dengan baik pada Google Chrome,
Mozile Firefox, dan Microsoft Edge. Website ini juga berjalan baik pada browser dengan OS
Android maupun IOS.
Kata Kunci : Aplikasi, Penjualan, Toko, Website
PENDAHULUAN
Perkembangan teknologi khususnya pada bidang komunikasi dan informasi menuntut untuk
bersaing dalam era globalisasi. Teknologi komputer sangat berpengaruh terhadap perkembangan
dan kemajuan perusahaan. Fungsi dari komputer itu adalah untuk memperlancar informasi yang
dibutuhkan oleh setiap bagian perusahaan. Kemajuan teknologi memberikan kemudahan
berbagai aktivitas sehari-hari. Pemanfaatan teknologi melalui media internet dalam aktivitas
bisnis merupakan manfaat yang sangat besar. Aktivitas seperti transaksi bisnis, komunikasi, dan
riset merupakan sarana elektronik yang dapat dilakukan di internet. Sedangkan teknologi saat ini
juga memungkinkan bisnis untuk mendukung upaya layanan konsumen serta membantu dalam
ber organisasi.
Millenials.Sply merupakan sebuah toko perbelanjaan yang bergerak dibidang jasa penjualan
produk kepada konsumen yang terletak di daerah Bekasi. Teknologi pada sistem informasi
persediaan dan penjualan barang Millenials.Sply masih menggunakan proses manual yaitu
dengan menggunakan metode konvesional yaitu pencatatan secara tertulis dengan nota sehingga
pengerjaan rekap penjualan tersebut dirasakan lama. Metode konvesional juga dikhawatirkan
dapat terjadinya kehilangan data. Sehingga masih sangat belum efisien dalam hal pelayanan ke
pelanggan dan kecepatan bertransaksi.
Berdasarkan kelemahan tersebut di atas, maka diperlukan suatu pengembangan sistem informasi
persediaan dan penjualan barang pada toko Millenials.Sply, sehingga proses pengolahan data
penjualan dan stok barang bisa langsung dilakukan secara online. Perlu adanya media internet
berupa website.

Metode Penelitian
Dalam penulisan ilmiah ini menggunakan metode SDLC (System

Development Life Cycle) dengan 4 tahap yaitu:

1. Perencanaan dan Analisis

Pada tahap perencanaan ini akan dilakukan dengan metode pustaka

dengan mengumpulkan informasi mengenai sistem Website, informasi yang ada
di Bekasi. Untuk informasi yang diperoleh melalui sumber yang bisa
dipertanggungjawabkan.

2. Perancangan

Pada tahap perancangan ini langkah pertama ialah membuat flowchart

untuk alur program, serta alur flowchart masuk ke bagian struktur navigasi yang
berfungsi sebagai alur sebuah aplikasi dari tampilan awal hingga akhir, setelah itu
 membuat Activity Diagram dan juga Use Case Diagram yang berfungsi untuk
menggambarkan urutan aktifitas yang ada di dalam sebuah proses.

3. Implementasi

Pada tahap ini dimana pembuatan website yang sudah sebelumnya.

Framework yang digunakan adalah Visual studio code untuk membuat website
tersebut dengan menggunakan hardware & software sebagai berikut:

A. Spesifikasi Hardware (Laptop Vivobook_ASUSLaptop)

• AMD Ryzen 3 3200U

• RAM DDR4 4GB
• SSD 125GB
• Grafis AMD Integrated
• 14”HD Graphics Integrated

B. Spesifikasi Software
• Sistem Operasi Windows 10 Home 64-bit
• Visual Studio Code

4. Uji coba

Pada tahap ini akan dilakukan uji coba website pada beberapa web
browser, smartphone dan pengujian terhadap 10 orang responden untuk
mengetahui apakah website yang dibuat dapat berjalan dengan baik serta
memenuhi kebutuhan pengguna atau tidak.

HASIL DAN PEMBAHASAN

Metode Penelitian
Metode yang digunakan dalam penelitian ini adalah metode System Development
Life Cycle model prototype dimana metode ini merupakan suatu paradigma baru dalam
metode pengembangan perangkat lunak yang tidak hanya sekedar evolusi dalam dunia
pengembangan perangkat lunak tetapi juga merevolusi metode pengembangan perangkat
lunak yang lama yaitu sistem sekuensial yang biasa dikenal dengan nama SDLC (Systems
Development Life Cycle ).

Analisi kebutuhan user

Membuat prototype

Menyesuaikan tidak
prototype dengan
keinginan user

sesuai

Mengunakan Prototipe

Gambar 3. 1 Model Prototype

Pengembang menggunakan metode model ini dikarenakan perangkat lunak yang

dihasilkan, dipresentasikan kepada pelanggan, pelanggan akan memberikan masukan
sehingga perangkat lunak yang dihasilkan sesuai dengan yang diinginkan oleh pelanggan.
Ada beberapa langkah dalam membangun Website Penjualan online menggunakan model
Prototype yaitu sebagai berikut :

a. Pengumpulan kebutuhan kebutuhan pelanggan yang diidentifikasi

1. Website yang dibuat dikhususkan untuk fasilitas yang menyediakan informasi bagi
konsumen dalam mendapatkan data yang lebih detail tentang barang apa saja yang
ditawarkan dari setiap penjualan tersebut.
2. Laporan dari perkembangan dilaporkan dalam bentuk persentase.
3. Adanya penjualan online yang terjadi pada toko Millenials.sply.
 b. Membangun prototyping
Di tahap ini dilakukan nya perancangan input dan output. Adapun untuk
rancangan input nya adalah pengguna memilih barang tersebut, pengguna dapat
melihat lebih detail tentang barang apa saja yang ditawarkan dari setiap penjualan
tersebut. Untuk rancangan output nya adalah ketika pengguna telah selesai memilih
barang yang diinginkan maka website penjualan tersebut akan menampilkan hasil
gambar produk yang pengguna pilih.
c. Evaluasi prototyping
Dari tahap membangun prototyping pelanggan merasa sudah sesuai di tahap
membangun prototyping.
d. Mengkodekan sistem
Berdasarkan dari hasil prototyping di atas pengembang menggunakan aplikasi
visual studio code editor, Xampp, Sublime Text dan Google Chrome. Bahasa
pemrograman yang digunakan adalah Bahasa HTML, CSS, Javascript dan SQL.
e. Menguji sistem
Website yang telah selesai dibuat diuji menggunakan Black Box Testing.
f. Evaluasi sistem
Di tahap ini pelanggan menambahkan fitur yang dibutuhkan saat penjualan
online.
g. Menggunakan sistem
Website siap digunakan untuk penjualan pada toko Millenials.sply.

Perancangan
Membangun sebuah website pada umumnya akan di awali oleh perancangan sistem
terlebih dahulu. Dimana perancangan sistem adalah sebuah proses yang secara garis besar
meliputi langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung
operasi sistem. Pada tahap perancangan website penjualan online pada toko Millenials.sply
menggunakan struktur navigasi, flowchart, UML, dan rancangan prototype yang bertujuan untuk
memudahkan dalam pembuatan website. Perancangan dari masing-masing memiliki simbol yang
berbeda. Untuk perancangan menggunakan diagram alur (flowchart) yang bertujuan untuk
membuat sebuah system dari awal hingga akhir secara detail dan hubungan antar proses-
prosesnya.

Unified Modelling Language (UML) merupakan metode permodalan secara visual untuk
sarana perancangan sistem berorientasi objek, UML tersebut mencakup activity diagram dan use
case diagram. Use case diagram merupakan diagram yang menggambarkan hubungan antara
aktor dengan sistem, dimana untuk website ini hanya menggambarkan antara satu aktor dengan
sistem website. Activity diagram merupakan rancangan aliran aktivitas satu aliran kerja dalam
sebuah sistem yang akan dijalankan.
Struktur Navigasi
Struktur navigasi yang dibuat pada website tersebut adalah struktur navigasi
hirarki. Struktur navigasi ini dibuat untuk menjelaskan alur berjalannya website Penjualan
online pada toko Millennials.sply. Gambar struktur navigasi pada website ini dapat dilihat
pada gambar 3.2 admin dan 3.3 pengguna.

Gambar 3. 2 Struktur Navigasi Admin

Pada gambar 3.2 dijelaskan pada saat website dijalankan maka yang pertama
muncul adalah Login, lalu masukan username dan password admin, setelah admin login
akan menuju ke beranda, di beranda terdapat 4 menu utama yaitu Profil, Data Kategori,
Data Produk, dan keluar.
 Gambar 3. 3 Struktur Navigasi Pengguna

Pada gambar 3.3 dijelaskan pada saat website dijalankan maka yang pertama akan
muncul adalah beranda, diberanda ada 3 menu utama yaitu cari produk, rekomendasi, dan
kategori. Jika pengguna memilih cari produk maka pengguna akan mencari produk yang
pengguna ingin cari jika sudah menemukannya maka produknya akan muncul produk-
produknya dan akan menampilkan detail produknya. Jika pengguna memiilih kategori
maka pengguna harus memilih kategori terdiri dari jam, sepatu, topi, pakaian Wanita, dan
pakaian pria lalu jika pengguna memilih dari salah satu produk maka akan menampilkan
detail dari produk tersebut. Lalu yang terakhir ada rekomendasi, rekomendasi terdiri dari
produk-produk yang dijual pada toko Millenials.sply.

Use Case Diagram

Rancangan use case diagram utama menjelaskan layer pada saat pengguna membuka
website tersebut. Pengguna dapat mencari info barang, Kategori, dan Rekomendasi, jika
pengguna sudah mau order produk tersebut maka pengguna menghubungi whatsapp admin
supaya admin kelola orderan produk tersebut. Admin dapat mengelola data admin, untuk
menghapus datanya hanya admin yang bisa menghapus datanya. Admin dapat mengelola data
kategori, untuk menghapus datanya hanya admin yang bisa menghapusnya. Admin dapat
mengelola data produk, untuk menghapus datanya hanya admin yang bisa menghapusnya.

Gambar 3. 4 Use Case Diagram

Activity Diagram Order

Selanjutnya Activity Diagram Order website ini pengguna mencoba alur jalannya
website. Activity Diagram Order ini menggambarkan tentang aktifitas yang terjadi pada sistem.
Dari pertama sampai akhir, diagram ini menunjukkan langkah – langkah dalam proses kerja
sistem yang dibuat. Activity Diagram Order Berikut ini alur kerja Order yang dilakukan oleh
Pembeli.
 Gambar 3. 5 Activity Diagram Order

Analisis Sistem Berjalan

Sistem yang saat ini sedang berjalan pada toko Millenials.sply masih sederhana dan
manual. Analisis sistem ini bertujuan untuk membuat sistem yang baru agar lebih efektif dan
efisien dalam melakukan pembelian. Berikut hasil analisis sistem yang sedang berjalan.

Analisis Sistem Yang Diusulkan

Berdasarkan hasil analisis sistem yang berjalan berikut adalah hasil dari sistem yang
diusulkan :
 User Admin

Gambar 3. 6 Gambar dari sistem yang diusulkan

Diagram Konteks Sistem

Berikut adalah diagram konteks dari website penjualan online toko Millenials.sply.
Diagram konteks ini hanya menampilkan entitas yang terdapat dalam website tersebut yakni
admin, user dan sistem.
Input
Order produk Data_produk
Memilih Produk Data_Kategori
Memilih Kategori Data_Detail_Produk
Detail Produk Sistem Website Data_pemesanan

User Informasi order

Penjualan Admin
Menindak lanjuti order

Gambar 3. 7 Diagram Konteks Sistem

Langkah Pembuatan Website

Dalam pembuatan website ini dibutuhkan beberapa software pendukung yang harus di-install.
Software tersebut diantaranya adalah visual studio code, xampp, browser untuk melakukan
testing.
Implementasi Database
Implementasi basis data menggunakan Apache, PHP, SQL, dan MySQL. Apache
digunakan sebagai web server, PHP digunakan sebagai perangkat luak pengembang, SQL
merupakan Bahasa yang digunakan untuk membangun basis data dan MySQL sebagai perangkat
lunak untuk membangun basis data.
a. Database
Database diberi nama db_millenialssply. Terdiri dari 3 tabel yaitu tabel admin, tabel
category, dan tabel product.

Gambar 3. 21 Tampilan awal database db_millenialssply

Diatas tampilan 3 database untuk toko Millenials.Sply.
 b. Tabel admin
Tabel admin terdiri dari 7 field yaitu Admin_id, Admin_name, Username, Password,
Admin_telp, Admin_email, dan Admin_address, dimana Admin_id dijadikan sebagai
Primary Key. Dibawah ini adalah tampilan untuk table admin.

Gambar 3. 22 Tampilan tabel admin

c. Tabel Category
Tabel Category terdiri dari 2 field yaitu Category_id, dan Category_name, dimana
Category_name dijadikan sebagai Primary Key. Dibawah ini adalah tampilan table kategori.

Gambar 3. 23 Tampilan tabel Category

Diatas adalah tampilan untuk db_Category.
 d. Tabel product

Tabel product terdiri dari 8 field yaitu produt_id, Category_id, Product_name,

Product_price, Product_description, Product_image, Product_status, dan data_created,
dimana data_created dijadikan sebagai Primary Key.

Gambar 3. 24 Tampilan tabel Product

Diatas adalah tampilan untuk db_produk.

Tampilan halaman website

Pada tampilan website ini terdiri dari 2 yaitu tampilan beranda dan tampilan admin. Pada
tampilan beranda terdapat 3 fitur utama yaitu cari produk, kategori, dan rekomendasi. Sedangkan
tampilan admin terdapat 5 fitur utama yaitu beranda admin, profil, data kategori, data produk,
keluar.

Tampilan halaman pengguna

Pada Tampilan menu utama pengguna berisi beranda yang menampilkan 3 fitur yang
pengguna bisa lihat dan gunakan. Tampilan menu utama akan menampilkan cari product,
kategori dan rekomendasi.
A. Beranda Pengguna
Dibawah ini adalah tampilan dari beranda user yang akan dilihat pertama kali, Ketika
user membuka aplikasi tersebut.

Gambar 3. 42 Tampilan Beranda User

Pada gambar diatas adalah halaman yang akan tampil pertama kali saat pengguna
menjalankan website, tampilan beranda terdiri dari cari product, kategori dan rekomendasi.

Gambar 3. 43 Box Search Produk

Box search berguna untuk mencari semua kategori yang sudah di input oleh admin
penjual.
 Gambar 3. 44 icon pakain
Icon pakaian berguna untuk menampilkan semua produk pakaian yang dijual,
pengguna dapat melihat produk pakaian di icon tersebut.

Gambar 3. 45 icon sepatu

Icon sepatu berguna untuk menampilkan semua produk sepatu yang dijual,
pengguna dapat melihat produk sepatu di icon tersebut.

Gambar 3. 46 Tampilan Footer

Tampilan bawah website atau footer berguna untuk pembeli mendapatkan informasi
kontak untuk menghubungi pihak toko.

B. Tampilan Cari Produk

Dibawah ini adalah tampilan cari produk untuk user tidak bingung dalam mencari
produk.
 Gambar 3. 47 Tampilan cari produk
Pada gambar diatas adalah halaman produk, pada halaman produk terdapat tombol
cari produk, Ketika pengguna mencari produk maka akan muncul produk yang dicari.

C. Tampilan Kategori
Dibawah ini adalah tampilan listcheck yang terletak diatas aplikasi.

Gambar 3. 48 Tampilan kategori

Pada gambar diatas adalah halaman kategori, pada halaman kategori terdapat
tombol kategori jam, sepatu, topi, pakaian Wanita, dan pakaian pria, Ketika pengguna
memilih kategori produk maka akan muncul kategori yang dicari.

D. Tampilan Rekomendasi
Dibawah ini adalah tampilan rekomendasi user, agar user tahu yang direkomendasikan
untuk user.
 Gambar 3. 49 Tampilan Rekomendasi
Pada gambar diatas adalah halaman rekomendasi, pada halaman rekomendasi
terdapat produk-produk yang dijual pada toko Millenials.sply.
E. Tampilan Detail Produk

Gambar 3. 50 Tampilan Detail Produk

Pada gambar diatas adalah halaman tampilan detai produk yang menampilkan lebih
banyak info dari barang tersebut terutama info stok barang.

3.7.2 Tampilan Beranda Admin

Tampilan beranda admin terdapat 5 fitur utama yaitu beranda admin, profil, data
kategori, data produk dan keluar.
A. Tampilan Beranda Admin
Dibawah ini adalah tampilan untuk admin Ketika admin sudah berhasil login atau masuk.

Gambar 3. 51 Tampilan Beranda Admin

Beranda admin berguna hanya untuk menampilkan salam untuk admin yang sedang
login.
B. Tampilan Profil Admin
Dibawah ini adalah tampila untuk admin Ketika admin ingin menghapus atau mengedit
akun user admin.

Gambar 3. 52 Tampilan Profil Admin

Profil admin berguna untuk mengubah data pribadi admin dan mengubah password
admin pada box login admin.
C. Tampilan Data Kategori
Pada fitur ini data kategori admin menggunakan CRUD (Create, Read, Update, Delete).
Admin dapat mengubah data pada kategori kategori yang ada di dalam toko
Millenials.sply.
 Gambar 3. 53 Tampilan Data Kategori Admin

D. Tampilan Data Produk

Pada fitur data produk admin menggunakan CRUD (Create, Read, Update, Delete).
Admin dapat membuat, melihat, mengubah, dan menghapus data produk yang sudah ada
ataupun belum ada.

Gambar 3. 54 Tampilan Data Produk

Diatas adalah tampilan admin Ketika admin merubah atau menghapus data.

E. Tampilan Keluar
Pada fitur ini, admin ketika mengklik icon keluar, sistem akan langsung menampilkan
box login kembali.
 Gambar 3. 55 Tampilan Keluar
F. Tampilan Box Login
Pada Box login admin berguna untuk admin memasukkan username dan password admin
untuk login atau masuk ke beranda admin.

Gambar 3. 56 Tampilan Box Login

Uji Coba Menggunakan BlackBox Testing

Blackbox Testing adalah pengujian dengan menguji tampilan website dan fungsi-
fungsi yang ada pada website tanpa harus melakukan pengecekan pada kode program.
Pengujian dilakukan dengan menguji fungsionalitas dari setiap menu yang ada pada
website tersebut dan pengujian dilakukan kepada seluruh menu yang memiliki isi yang
berbeda dan tersedia pada website. Tabel 3.1 merupakan hasil dari pengujian pada semua
menu dengan isi yang berbeda.
 Tabel 3. 1 Uji Coba BlackBox Admin
No Menu Kesimpulan
1. Home • Pada menu home berisi tampilan dashboard,
admin profil, data kategori, data produk, keluar. Dari
kelima fitur tersebut berjalan dengan baik dan
Ketika di klik muncul sesuai yang user
inginkan.
2. Profil • Untuk menu profil berhasil dibuat untuk admin
melihat sistem data pada toko Millenials.Sply.

3. Data • Untuk menu data kategori berhasil dibuat

Kategori untuk membuat data dan menambah data
kategori produk dari toko Millenials.Sply.
Untuk menambah data klik tulisan “tambah
data”
4. Data • Untuk Menu data produk berhasil dibuat untuk
Produk menambahkan data dan mengedit data produk
dari toko Millenials.Sply.

5. Keluar • Untuk keluar admin berhasil dibuat untuk

keluar dari halaman admin dan setelah keluar
akan menampilkan tampilan login admin.
 Tabel 3.2 Uji Coba BlackBox Pelanggan
No Menu Kesimpulan
1. Dashboard • Pada menu dashboard berisi tampilan cari produk,
kategori, rekomendasi, info, produk dan detail
produk. Dari fitur tersebut berjalan dengan baik.

2. Cari Produk • Untuk menu cari produk berhasil dibuat untuk

mencari produk agar pelanggan mudah mencari
produk. Dari fitur tersebut berjalan dengan baik.

3. Kategori • Untuk menu kategori berhasil dibuat untuk

pelanggan mencari produk sesuai kategori yang
diinginkan. Dari fitur tersebut berjalan dengan baik.

4. Rekomendasi • Untuk menu rekomendasi berhasil dibuat untuk

pelanggan agar mengetahui produk yang
direkomendasi dari toko Millenials.Sply. Dari fitur
tersebut berjalan dengan baik.
5. Info • Untuk menu info berhasil dibuat untuk pelanggan
mengetahui profil dan kontak dari toko
Millenials.Sply. Dari fitur tersebut berjalan dengan
baik.
6. Produk • Untuk menu produk berhasil dibuat untuk
pelanggan mengetahui produk-produk yang
diinginkan pelanggan. Dari fitur tersebut berjalan
dengan baik.
 7. Detail • Untuk menu detail produk berhasil dibuat untuk
Produk pelanggan mengetahui detail produk yang
diinginkan pelanggan. Dari fitur tersebut berjalan
dengan baik.

Uji Coba Menggunakan BlackBox Testing

Blackbox Testing adalah pengujian dengan menguji tampilan website dan fungsi-fungsi
yang ada pada website tanpa harus melakukan pengecekan pada kode program. Pengujian
dilakukan dengan menguji fungsionalitas dari setiap menu yang ada pada website tersebut dan
pengujian dilakukan kepada seluruh menu yang memiliki isi yang berbeda dan tersedia pada
website. Tabel 3.1 merupakan hasil dari pengujian pada semua menu dengan isi yang berbeda.
Tabel 3. 1 Uji Coba BlackBox Admin
No Menu Kesimpulan
1. Home • Pada menu home berisi tampilan dashboard,
admin profil, data kategori, data produk, keluar. Dari
kelima fitur tersebut berjalan dengan baik dan
Ketika di klik muncul sesuai yang user
inginkan.
2. Profil • Untuk menu profil berhasil dibuat untuk admin
melihat sistem data pada toko Millenials.Sply.

3. Data • Untuk menu data kategori berhasil dibuat

Kategori untuk membuat data dan menambah data
kategori produk dari toko Millenials.Sply.
Untuk menambah data klik tulisan “tambah
data”
4. Data • Untuk Menu data produk berhasil dibuat untuk
Produk menambahkan data dan mengedit data produk
dari toko Millenials.Sply.
 5. Keluar • Untuk keluar admin berhasil dibuat untuk
keluar dari halaman admin dan setelah keluar
akan menampilkan tampilan login admin.

Tabel 3.2 Uji Coba BlackBox Pelanggan

No Menu Kesimpulan
1. Dashboard • Pada menu dashboard berisi tampilan cari produk,
kategori, rekomendasi, info, produk dan detail
produk. Dari fitur tersebut berjalan dengan baik.

2. Cari Produk • Untuk menu cari produk berhasil dibuat untuk

mencari produk agar pelanggan mudah mencari
produk. Dari fitur tersebut berjalan dengan baik.

3. Kategori • Untuk menu kategori berhasil dibuat untuk

pelanggan mencari produk sesuai kategori yang
diinginkan. Dari fitur tersebut berjalan dengan baik.

4. Rekomendasi • Untuk menu rekomendasi berhasil dibuat untuk

pelanggan agar mengetahui produk yang
direkomendasi dari toko Millenials.Sply. Dari fitur
tersebut berjalan dengan baik.
5. Info • Untuk menu info berhasil dibuat untuk pelanggan
mengetahui profil dan kontak dari toko
Millenials.Sply. Dari fitur tersebut berjalan dengan
baik.
6. Produk • Untuk menu produk berhasil dibuat untuk
pelanggan mengetahui produk-produk yang
diinginkan pelanggan. Dari fitur tersebut berjalan
dengan baik.
 7. Detail • Untuk menu detail produk berhasil dibuat untuk
Produk pelanggan mengetahui detail produk yang
diinginkan pelanggan. Dari fitur tersebut berjalan
dengan baik.

Uji Coba Menggunakan Smartphone

Pengujian pada web browser menggunakan 6 Smartphone diantaranya adalah Samsung
A10, Samsung A22, Oppo Reno 5, Realme 8 Pro, Redmi Note 9, dan Iphone 7+ yang dibuka
pada menggunakan perangkat lunak google chrome untuk mengakses halaman aplikasi web,
dengan rincian sebagai berikut.
Tabel 3. 4 Uji Coba Pada Smartphone
Nomor Perangkat OS Hasil
1 Samsung Android 9.0 • Berhasil memuat website
A10 dengan baik
• Berhasil memuat data dari
basis data
• Tidak adanya bug dalam
tampilan website
• Semua fitur dapat berjalan
dengan baik Saat digunakan
2 Samsung Android 11 • Berhasil memuat website
A22 dengan baik
• Berhasil memuat data dari
basis data
• Tidak adanya bug dalam
tampilan website
• Semua fitur dapat berjalan
dengan baik Saat digunakan
3 Oppo Android 11 • Berhasil memuat website
Reno 5 dengan baik
 • Berhasil memuat data dari
basis data
• Tidak adanya bug dalam
tampilan website
• Semua fitur dapat berjalan
dengan baik Saat digunakan
4 Realme 8 Android 11 • Berhasil memuat website
Pro dengan baik
• Berhasil memuat data dari
basis data
5 Iphone 7+ iOS 13  Berhasil memuat website dengan
 baik
Berhasil memuat data dari basis
data
 Tidak adanya bug dalam tampilan
website
 Semua fitur dapat berjalan dengan
baik Saat digunakan

Iphone  Berhasil memuat website dengan

6 iOS 15
XS baik
 Berhasil memuat data dari basis
data
 Tidak adanya bug dalam tampilan
website
 Semua fitur dapat berjalan dengan
baik Saat digunakan
Diatas adalah tabel uji coba responden menggunakan 6 smartphone yang berbeda-beda.

PENUTUP
Kesimpulan

Aplikasi Penjualan online pada toko millennials.sply berbasis WEB menggunakan Php dan My
Sql. Website ini dapat membantu toko millennials.spy menjadi lebih mudah dipasarkan dan
makin banyak diminati oleh kalangan anak muda, dan memberi kemudahan untuk pembeli dalam
mencari produk dan membeli produk pada toko millennials.sply. Aplikasi web telah berhasil di-
hosting pada tanggal 16 Juli 2023 sampai tanggal 15 Agustus 2023 dengan alamat
https://millenialssply1.000webhostapp.com . Website ini telah diuji dengan metode black box
admin dan pelanggan dengan hasil baik dan lancar. uji coba responden menggunakan browser
pada laptop maupun smartphone dan dapat disimpulkan responden sangat puas pada website
toko Millenials.Sply dan berjalan dengan baik pada Google Chrome, Mozile Firefox, dan
Microsoft Edge. Website ini juga berjalan baik pada browser dengan OS Android maupun IOS.
uji coba 10 orang responden dengan menggunakan metode skala likert dengan nilai 91,05% atau
sangat baik.

Saran
Setelah melakukan perancangan, pembuatan, dan uji coba, maka saran yang dapat
diberikan kepada yang hendak mengembangkan aplikasi web ini lebih lanjut adalah dengan
menambahkan fitur beli di websitenya atau menggunakan e-wallet dan QRIS agar pembeli tidak
pindah ke whatsapp. Lalu Menambahkan fitur keranjang agar pembeli dapat menyimpan produk
yang ingin dibeli. Selain itu, Menambahkan fitur untuk pembeli mempunyai akun sendiri, dan
juga bisa Menambahkan fitur whistlist agar pembeli mengetahui produk yang disukai pembeli
lain. Selain itu, pengembang juga bisa membuat fitur info promo di website toko millennials.sply
 DAFTAR PUSTAKA

Ade, Pemodelan UML sistem Informasi Monitoring Penjualan Dan Stok Barang (Studi Kasus
Distro Zhezha Pontianak). Jurnal Khatulistia Informatika, Desember 2016. [Tanggal akses: 28
Agustus 2022]

Ardiansyah., Ghazali, M.I. 2016. “Pengujian Usability User Interface Dan User Experience
Aplikasi E-Reader Skripsi Berbasis Hypertext”. Jurnal Ilmiah Teknologi Informasi Terapan,2(3).
Pp. 213-220

Candra Novitasari. 2022. “Pengertian Activity Diagram dan

SimbolSimbolnya”https://pelajarindo.com/pengertian-activity-diagram-simbol/. [Tanggal akses:
28 Agustus 2022]

Dicoding Intern. 2021. “Apa itu UML? Beserta Pengertian dan Contohnya”.
https://www.dicoding.com/blog/apa-itu-uml/. [Tanggal akses: 25 Agustus 2022]

Etalasemedia. 2021. “Macam-Macam Struktur Navigasi Pada Website Dan

Contohnya”https://www.etalasemedia.com/2021/09/Macam-Macam-Struktur-Navigasi-Pada-
Website-Dan-Contohnya%20.html. [Tanggal akses: 28 Agustus 2022]

Gregorius 2000. “Website adalah? https://www.cnbcindonesia.com/tech/20220618152119-37-

348229/7-pengertian-website-menurut-ahli-lengkap-jenis-fungsinya [Tanggal akses: 21 Agustus
2022].

Ibnu. 2022. “Class Diagram Adalah: Pengertian, Manfaat, Komponen dan

Contohnya”.https://accurate.id/teknologi/class-diagram-adalah/.[Tanggal akses: 3 September
2022]

Muhammad Robith Adani. 2020. “Apa itu MySQL: Pengertian, Fungsi, beserta Kelebihan”
https://www.sekawanmedia.co.id/blog/pengertian-mysql/ [Tanggal akses: 25 Agustus 2022]
Muhammad Robith Adani. 2021. “Mengenal Apa itu Use Case dan Teknik
Pembuatannya”https://www.sekawanmedia.co.id/blog/use-case-diagram/ [Tanggal akses: 26
Agustus 2022]

Rony Setiawan. 2021. “Black Box Testing Untuk Menguji Perangkat

Lunak”https://www.dicoding.com/blog/black-box-testing/. [Tanggal akses: 28 Agustus 2022]

Rumus, dan Cara Menghitung Skala Likert"

https://katadata.co.id/agung/lifestyle/6492a0d1a4b93/pengertian-rumus-dan-cara-menghitung-
skala-likert” [Tanggal akses: 10 Juli 2023]

Tashia 2017.”e-commerce dan perlindungan konsumen”

https://aptika.kominfo.go.id/2017/06/sistem-e-commerce-dan-perlindungan-konsumen/ [Tanggal
akses: 21 Agustus 2022].

Tim Editorial. 2022. “Pengertian Skala Likert dan Contoh Cara Hitung
Kuesionernya”https://www.diedit.com/skala-likert/.[Tanggal akses: 2 September 2022]

Vandi Romadhon/detikJateng 2022. “ https://www.detik.com/jateng/berita/d-5984042/91-

hektare-sawah-di-purbalingga-kebanjiran [Tanggal akses: 2 September 2022]

Webstudi. 2019. “Sequence Diagram adalah - Pengertian, Simbol, Cara

Membuat&ContohSequenceDiagram”https://www.webstudi.site/2019/11/ Sequence-Diagram-
adalah.html. [Tanggal akses: 4 September 2022]