APLIKASI REKOMENDASI LAPTOP RESMI BERBASIS WEBSITE

MENGGUNAKAN PHP DAN MYSQL

Kane Dayori Virgomukti, Dr. Harjanto Sutedjo, SSi.MMSi.

Jurusan Sistem Informasi, Fakultas Ilmu Komputer Dan Teknologi Informasi
Universitas Gunadarma
Jl. Margonda Raya No. 100, Depok 16424, Jawa Barat
yorikaneda@gmail.com

ABSTRAK

Laptop saat ini sudah menjadi kebutuhan primer, dengan Laptop kita dapat berkomunikasi dengan
orang lain di mana saja dan kapan saja tanpa ada batasan waktu dan tempat sekaligus sebagai
sarana produktivitas dalam bekerja atau belajar. Laptop merupakan sarana produktivitas yang
paling banyak diminati oleh masyarakat untuk saat ini, tetapi maraknya Laptop – Laptop resmi
yang beredar di pasar Indonesia membuat banyak masyarakat sulit untuk menentukan Laptop yang
di inginkan maupun yang dibutuhkan. Tujuan dari pembuatan tugas akhir ini adalah menyediakan
aplikasi rekomendasi dan penjualan laptop yang langsung terhubung ke website secara lengkap
sekaligus menyediakan fitur rekomendasi dan memberikan informasi harga dan cara pembelian
laptop sehingga dapat mempermudah pengguna dalam mencari laptop yang diinginkan. Metode
penelitian yang digunakan dalam tugas akhir ini adalah metode waterfall yang meliputi komunikasi
perencanaan, desain sistem, implementasi dan pengujian unit. Dengan menggunakan metode
tersebut sangat membantu dalam menyelesaikan website penjualan laptop ini. Pembuatan website
ini diharapkan dapat menjadi solusi untuk lebih memudahkan calon pembeli dalam memperoleh
informasi produk dan melakukan pembelian secara online.

Kata Kunci: PHP, Laption, Laptop, Website.

ABSTRACT

Laptops are now a primary need, with laptops we can communicate with other people anywhere and
anytime without any time and place restrictions as well as a means of productivity in work or study.
Laptops are a means of productivity that are most in demand by the public at this time, but the
proliferation of official laptops circulating in the Indonesian market makes it difficult for many
people to determine which laptop they want or need. The purpose of making this final project is to
provide recommendation applications and laptop sales that are directly connected to the website in
full while providing recommendation features and providing price information and how to buy
laptops so that it can make it easier for users to find the laptop they want. The research method used
in this final project is the waterfall method which includes planning communication, system design,
implementation and unit testing. Using this method is very helpful in completing this laptop sales
website. Making this website is expected to be a solution to make it easier for prospective buyers to
obtain product information and make purchases online.

Keywords: PHP, Laption, Laptop, Website.

1. PENDAHULUAN Indonesia saat ini. Terakhir, Bagi penulis
Seiring meningkatnya tujuannya digunakan sebagai sarana
permintaan masyarakat terhadap produk untuk menyebarkan pengetahuan dan
elektronik seperti laptop, berbagai jenis informasi yang dimiliki kepada para
laptop resmi didistribusikan di pasar pembeli atau calon konsumen tentang
Indonesia dengan berbagai harga. dunia komputer laptop saat ini.
Pembeli merasa sulit untuk memutuskan
laptop mana yang akan dibeli. Untuk 2. METODE PENELITIAN
memudahkan pembeli mencari laptop Menurut (Sommerville, Ian,
pilihan branda, penulis menggunakan 2011), waterfall terdiri dari beberapa
teknologi informasi dalam bentuk langkah: Requirement Analysis and
website Laption. Definition, pada tahap ini diawali dengan
Untuk memudahkan pembeli mengumpulkan informasi mengenai
menemukan laptop, website ini laptop dan spesifikasi di dalamnya.
memberikan informasi mengenai Informasi tersebut diperoleh dari website
berbagai jenis laptop resmi, mulai dari masing-masing brand resmi yang ada di
jenis, brand, spesifikasi hingga harga Indonesia. System and Software Design,
laptop dari yang termurah hingga Pada tahap ini, desain sistem mencakup
termahal. Dengan kebutuhan informasi desain struktur navigasi, desain UML
yang semakin banyak dan jelas untuk (Unified Modeling Language), desain
melakukan survey terhadap Laptop yang database, dan desain tampilan situs web.
diinginkan, diharapkan dengan Website Implementation and Unit Testing,
Laption ini pembeli dapat memperoleh diimplementasikan menggunakan PHP,
laptop yang diinginkan dengan mudah MySQL, Visual Studio Code dan
dan sesuai dengan apa yang di butuhkan. framework Bootstrap, diuji di unit
Penelitian ini memiliki beberapa berikutnya yang menjalankan tes unit.
tujuan. Tujuan utamanya adalah Integration and System Testing,
membuat website dengan fasilitas yang dilakukan dengan cara pengujian
memungkinkan pembeli untuk dengan blackbox testing. Operation and
mudah menemukan laptop yang branda Maintenance, situs web melakukan
butuhkan. Tujuan selanjutnya adalah pemeliharaan dari kemungkinan
untuk membantu pembeli menentukan kesalahan yang tidak terdeteksi dan
laptop mana yang branda cari di antara untuk meningkatkan kinerja situs web.
banyak laptop resmi yang beredar di
2.1 Rancangan Sistem 2.1.2 Rancangan UML (Unified
2.1.1 Rancangan Struktur Navigasi Modelling Language)
Gambar 1 Struktur navigasi user Diagram Use case, diagram
menggambarkan bahwa halaman utama activity dan diagram class digunakan
terdiri dari daftar brand, navigasi peneliti pada penelitian ini.
beranda dan SRS. a. Use Case Diagram
Struktur navigasi admin pada (Dheni Apriantsani, Decky
Gambar 2 menjelaskan bahwa halaman Maulana, 2019) berpendapat “Use Case
indeks hanya terdiri dari login. Admin Diagram untuk menggambarkan
dapat menambahkan, mencari, kegiatan-kegiatan dan hubungan yang
mengedit, dan menghapus data untuk terjadi antara para actor di dalam sistem
brand notebook. yang sedang berjalan”.
Gambar 3 menggambarkan
seorang aktor yang memiliki wewenang
untuk mencari dan melihat informasi
laptop serta brand. Pengguna juga
diberikan hak untuk memilih metode
pencarian untuk digunakan.
Gambar 4 menggambarkan dua
aktor, admin dan admin super. Admin
hanya memiliki wewenang untuk
mengakses dan mengelola data produk
dan brand, dan super amdin memiliki
Gambar 1. Struktur Navigasi User
wewenang untuk mengakses dan
mengelola semua data induk.

Gambar 2. Struktur Navigasi Admin

Gambar 3. Use Case Diagram User
 Pada Gambar 5, Aktifitas untuk
mengelola informasi mengenai product
dan brand dimulai dengan login sebagai
admin, kemudian admin dapat langsung
mengelola informasi yang dibutuhkan.
Aktifitas yang dapat dilakukan Admin
adalah menambahkan, mengubah dan
menghapus semua data utama.

Gambar 4. Use Case Diagram Admin

b. Activity Diagram
Kurnia, Destiani dan Supriatna
(2012) berpendapat bahwa “setelah
seorang aktor diidentifikasi, kegiatan
berikutnya adalah untuk grafis model
proses bisnis dan tahap dari setiap
kegiatan yang dilakukan kedalam
Activity Diagram”.

Gambar 6. Activity Diagram User

Pada Gambar 6, Aktifitas yang

berlangsung pada halaman pencarian
cerdas dimulai dengan memilih status,
kemudian pilih kebutuhan dan terakhir
adalah budget. Jika sudah memilih
semuanya akan mucul daftar
rekomendasi Laptop, lalu tinggal pilih
Laptop untuk melihat informasi Laptop.
Gambar 5. Activity Diagram Admin
c. Class Diagram
B. Tabel Produk
Gambar diagram kelas secara
Fungsi dari tabel produk untuk
umum dibuat menurut kebutuhan
menyimpan data produk berupa nama
database yang diperlukan. Pada Gambar
produk, nama brand, harga, tipe, OS,
7 diatas terdapat tiga kelas, yaitu: users,
foto, link website, dan spesifikasi.
brand, dan product. Masing-masing
kelas mempunyai keterhubungan dengan
Tabel 2. Struktur Tabel Produk
kelas lainnya, hal inilah yang Panjang
Nama Tipe Data Keterangan
Data
menjadikan sebuah kelas menjadi id int 11 primary key
Nama_product varchar 255
database relasional. nama_brand varchar 255
harga_product int 11
tipe_product varchar 255
os_product varchar 255
gambar varchar 255
website varchar 255
spesifikasi varchar 255

C. Tabel User
Fungsi dari tabel brand untuk
menyimpan data berupa username dan
Gambar 7. Class Diagram
password admin.

2.1.3 Rancangan Database

Tabel 3. Struktur Tabel User
Struktur database merupakan hal Nama
Tipe Panjang
Keterangan
Data Data
yang sangat penting dalam tiap atribut id int 11 primary key
username varchar 255
pada tabel database, Struktur database password varchar 255

pada Laption diberi nama sama, yaitu

“Laption” dan terdiri dari tiga buah table 3. HASIL DAN IMPLEMENTASI

yang strukturnya adalah seperti dibawah Pembuatan website dilakukan untuk

ini: merealisasikan rancangan tampilan yang

A. Tabel Brand telah dibuat. Pembuatan website Laption

Fungsi dari tabel brand untuk menggunakan text editor Visual Studio

menyimpan data brand berupa nama Code.

brand dan link website brand. 3.1 Halaman Back-End / Admin

Untuk mengakses halaman back end

Tabel 1. Struktur Tabel Brand admin, user harus melakukan login

Tipe Panjang terlebih dahulu. Jika belum memiliki
Nama Keterangan
Data Data
id int 11 primary key akun, dapat membuatnya di halaman
nama_brand varchar 255
website varchar 255 register.
A. Halaman Login
Pada Gambar 8, Halaman registrasi
di nonaktifkan, sehingga yang
mempunyai akses untuk menambah user
untuk login admin hanya super admin
melalui halaman back end admin. Gambar 10. Halaman Daftar brand

C. Halaman Tambah Data

Pada Gambar 11 merupakan
halaman tambah produk, Pada halaman
ini admin dapat menambah produk
dengan mengisi form informasi produk
Gambar 8. Halaman Login Admin sepertii nama, nama brand, OS, harga,
tipe, dsb.
B. Halaman Daftar Data Sedangkan Pada Gambar 12
Pada Gambar 9 merupakan tampilan merupakan halaman tambah brand, di
dari halaman daftar data produk, dimana halaman ini dapat menambah brand
terdapat sebuah table yang berisikan dengan mengisi informasi seperti nama
daftar laptop beserta informasinya dari dan link website brand.
nama, merek, tipe, harga, gambar, dsb.
Pada Gambar 10 merupakan
tampilan dari halaman daftar data brand,
dimana terdapat sebuah table yang
berisikan daftar brand beserta nama dan
link website.

Gambar 11. Tambah Data Produk

Gambar 9. Halaman Daftar Produk

Gambar 12. Tambah Data Brand

D. Halaman Ubah Data
Fitur ubah data merupakan sebuah
fungsi yang digunakan untuk merubah
sebuah data dengan mengganti nilai
yang sudah ada dengan nilai baru yang di
masukkan melalui form ubah data.
Pada halaman Ubah data sendiri
terdapat form yang memiliki banyak
masukkan, dimana setiap masukkan
sudah memiliki nilai / value dari data
produk yang mau dibuah.
Pada Gambar 13 terlihat ketika
admin akan merubah data produk form
akan otomatis terisi dengan data yang
sudah ada, dan admin tinggal merubah
data mana yang akan diubah.
Pada Gambar 14, form data nama
dan website untuk brand juga tinggal
admin ubah.
Gambar 13. Ubah Data Produk
Gambar 14. Ubah Data Brand
3.2 Halaman Front-End / User
Semua informasi brand dan produk
pada halaman front end mengambil
langsung dari database dimana semua
data itu bisa tambah, ubah, dan hapus
bada halaman back end. Jika ada
pengolahan data produk atau brand baik
itu tambah, ubah, dan hapus akan
langsung mempengaruhi informasi yang
tampilkan pada halaman front end.
A. Halaman Index / Home
Seperti pada Gambar 15, Pada
halaman index/home website laption
terdapat sebuah heading text yang
berisikan slogan dari website laption
beserta penjelasannya.
Pada Gambar 16 merupakan
halaman index bagian fitur, dimana
bagian ini berisikan daftar fitur atau
keunggulan yang ditawarkan oleh
website laption seperti SRS dan
banyaknya produk yang tersedia.
Halaman index bagian produk,
dimana bagian ini berisikan daftar brand
resmi yang ada di Indonesia seperti pada
Gambar 17.
Gambar 15. Halaman Index

Gambar 16. Halaman Index-Fitur
Gambar 17. Halaman Index-Brand
B. Halaman Brand
Pada halaman brand ini
menampilkan gambar dari brand yang
dipilih dari halaman index beserta daftar
produk atau laptop dari brand tersebut
seperti pada Gambar 18, 19, dan 20.
Gambar 18. Halaman Brand
Gambar 19. Halaman Brand-Produk
C. Halaman Produk
Pada halaman produk ini sangat tidak
berbeda jauh dengan halaman brand.
Hanya saja di awal halaman akan
ditampilkan sebuah jumbotron yang
berisikan gambar, nama, harga, 2 buah div
yang memiliki fungsi sebagai informasi
mengenai OS dan Tipe dari produk yang
sedang dipilih, 1 buah button website
untuk membuka halaman website dari
produk tersebut, dan 1 buah div berisikan
spesifikasi singkat dari produk. Lebih
jelasnya dapat dilihat pada Gambar 20.
akan
Gambar 20. Halaman Produk
D. Halaman SRS
Smart Recommendation System
adalah sebuah fitur yang ditawarkan oleh
website laption untuk mempermudah
orang untuk mencari laptop yang tepat.
Pada SRS ini, terdapat 3 tahapan,
tahapan pertama adalah memilih status,
lalu memilih kebutuhannya, dan terakhir
memilih budget maksimal yang dimiliki.
Jika semua tahapan sudah dilewati, maka
website akan menampilkan rekomendasi
laptop yang tepat sesuai.

Gambar 21. Halaman SRS-Status
Pada halaman SRS status ini
terdapat 2 buah button, yaitu button kerja
dan pelajar, setiap button memiliki
kategori kebutuhan laptop yang berbeda
jika dipilih.
Gambar 22. Halaman Kebutuhan-Pekerja
Seperti Gambar 22, Halaman ini
akan tampil hanya jika di halaman
sebelumnya memilih kerja, dan pilihan
yang muncul pada halaman ini adalah 3
buah hal yatu premium, content creator,
dan 2-in-1.
Gambar 23. Halaman Kebutuhan-Pelajar
Seperti Gambar 23, Halaman ini
akan tampil hanya jika di halaman
sebelumnya memilih pelajar, dan pilihan
yang muncul pada halaman ini adalah 3
buah hal yatu gaming, thin & light, dan
everyday use.
Gambar 24. Halaman SRS-Budget
Seperti pada Gambar 24
pengunjung bisa memilih budget
maksimal yang sudah disediakan, jika
sudah memilih budget maka akan
berpindah ke halaman selanjutnya yaitu
hasil atau rekomendasi laptop yang
sesuai pilihan pada halaman-halaman
sebelumnya.
Gambar 25. Halaman SRS-Hasil
Pada halaman hasil ini terdapat
status mengenai pilihan kita dari langkah
sebelumnya seperti status, kebutuhan
dan budget maksimal.
3.3 Uji Coba Website B. Pengujian Tambah Data
Tahap selanjutnya setelah proses Tabel 5. Tabel Pengujian Tambah Data
implementasi yaitu uji coba website Data
Masukkan
Hasil yang
diharapkan
Hasil Kesimpulan

apakah website sudah berfungsi dengan

Nama
Produk:
baik dan sesuai dengan yang diharapkan. VivoBookS1
4 M433

Nama
Brand:
3.3.1 Black Box Testing ASUS

Black box testing adalah metode Tipe Produk:

Thin &
Light
pengujian perangkat lunak yang hanya
OS Produk:
mengamati hasil keluaran dari program Windows 10
1.
1. Berhasil
menambah
Menambah
Harga data ke
data ke
yang dijalankan dan memeriksa Produk
database
database
Rp.
11.599.000 2. Data
fungsionalitas program. 2. Data
ditampilkan
berhasil
Website: ditampilkan
sebagai
Pada pengujian kali ini https://www
.asus.com/id
informasi di
sebagai
informasi di Berhasil
halaman
/Laptops/Fo halaman
mengambil contoh dari login admin, r-
website
website
Home/Vivo
3. Data
tambah, ubah, dan hapus produk. Book/ASUS-
VivoBook-
tampil di
3. Data
berhasil tampil
table daftar
S14- di table daftar
produk pada
M433IA/ produk pada
halaman
halaman
admin
Spesifikasi admin
A. Pengujian Login Produk:
Windows 10
Tabel 4. Tabel Pengujian Login Home/AMD
® Ryzen™
7
Data Hasil yang 4700U/8G/5
Hasil Kesimpulan 12G
Masukkan diharapkan
PCIe/Office
pre-installed
Username: Dapat login ke Dapat login ke
Upload
admin dalam website dalam
Berhasil Gambar:
Password: halaman halaman
VivoBookS1
admin admin admin
4 M433.png
Tidak dapat
Username: Tidak dapat
login ke dalam Nama
admin login ke dalam
website Berhasil Produk:
Password: halaman
halaman VivoBookS1
123123 admin
admin 4 M433
1. Gagal
Username: Diperintahkan Diperintahkan 1. Gagal
Nama menambah
untuk mengisi untuk mengisi menambah
Berhasil Brand: data ke
Password: username dan username dan data ke
database
password password database
Tipe Produk:
2. Diminta
2. Diminta
OS Produk: memasukan
memasukan
nilai pada
nilai pada field
Berdasarkan Tabel 4, dapat Harga
Produk
field yang
kosong
yang masih
Berhasil
kosong
disimpulkan bahwa dari 3 buah skenario Website: 3. Muncul
3. Muncul
notifikasi
notifikasi
pengujian login, hasil yang didapatkan Spesifikasi
Produk:
bahwa yang
diupload
bahwa yang
diupload
bukan
semuanya berhasil tanpa adanya masalah Upload gambar
bukan gambar
Gambar:
VivoBookS1
atau error. Semua fungsi berjalan dengan 4 M433
.mp4
baik dengan hasil yang sesuai seperti
yang diharapkan.
 Seperti pada 5, berdasarkan pengujian Tipe Produk
Baru: 3. Data pada 3. Data pada
tambah produk, dari 2 buah skenario yang database database
OS Produk tetap sama tetap sama
Baru:
digunakan semua output sesuai dengan
apa yang diharapkan tanpa adannya error. Harga
Produk Baru:

Berarti dapat disimpulkan pada pengujian

Link
tambah produk semua fungsi berjalan Pembelian
Baru:

normal tanpa ada masalah.

Spesifikasi
Produk Baru:

C. Pengujian Ubah Data Upload

Gambar
Tabel 6. Tabel Pengujian Ubah Data Baru:

Data Hasil yang

Hasil Kesimpulan
Masukkan diharapkan

Nama Produk Pada Tabel 6 dilakukan pengujian

Baru:
Swift 3X ubah produk dengan 2 buah skenario,
(SF314-
510G)
skenario pertama menghasilkan output
Nama Brand
Baru: berupa berhasil merubah data tanpa
1. Berhasil
Tipe Produk merubah data adanya error. Sedangkan pada skenario
Baru: di dalam
1. Merubah
Gaming
data pada
database
kedua tanpa merubah satu datapun, yang
database
OS Produk 2. Data yang
Baru:
2. Data yang
ditampilkan mengakitbatkan error dikarenakan tidak
sebagai
ditampilkan
Harga
berubah di
informasi di
halaman ada data yang diubah. Dari kedua
halaman
Produk Baru: website
website
Rp. berhasil skenario ini dapat disimpulkan bahwa
20.000.000 diubah
3. Data yang
Website
tampil di
table daftar
3. Data yang Berhasil semua fungsi berjalan dengan baik
Baru: diubah
produk pada
https://www.
acer.com/ac/
halaman
berhasil
tampil di
karena semua output yang dihasilkan
admin
en/ID/conten table daftar
t/series/swift
berubah
produk pada sesuai dengan yang diharapkan.
3x halaman
4. Data
admin
sebelumnya
Spesifikasi
berubah
Baru: 4. Data lama
Windows 10
menjadi data
baru
berhasil D. Pengujian Hapus Data
Home/AMD berubah
® Ryzen™ 5
4700U/16G/5
menjadi data
baru Tabel 7. Tabel Pengujian Hapus Data
12G
PCIe/Office Hasil yang
Data Pilihan Hasil Kesimpulan
pre-installed diharapkan

Upload
Nama Produk
Gambar
Baru:
Baru: 1. Berhasil
Swift 3X 1. Berhasil
Swift 3X menghapus
(SF314- menghapus
(SF314- data dari
510G) data dari
510G).jpg database
database
Nama Brand
2. Berhasil
1. Gagal 1. Gagal Baru: 2. Data pada
Nama Produk menghapus Berhasil
merubah data merubah data table daftar
Baru: data pada
pada pada produk
table daftar
database database Tipe Produk terhapus dan
produk dan
Berhasil Baru: tidak
Nama Brand tidak
2. Muncul 2. Muncul Gaming ditampilkan
Baru: ditampilkan
pesan bahwa pesan bahwa lagi
lagi
data gagal data gagal OS Produk
diubah diubah Baru:
 Berhasil
menampilkan
Harga Status: Menampilkan semua daftar
Produk Baru: Kerja daftar Laptop Laptop yang
Rp. yang kategorinya
20.000.000 Kebutuhan: kategorinya adalah
Content adalah Content
Website Creator Content Creator dan
Berhasil
Baru: Creator dan harga
https://www. Budget harga dibawah
acer.com/ac/ Maksimal: dibawah budget
en/ID/conten < budget maksimal
t/series/swift Rp20.000.00 maksimal yang dipilih,
3x 0 yang dipilih diurutkan
berdasarkan
Spesifikasi harga
Baru:
Windows 10
Home/AMD Berhasil
® Ryzen™ 5 menampilkan
Status:
4700U/16G/5 Menampilkan semua daftar
Kerja
12G daftar Laptop Laptop yang
PCIe/Office yang kategorinya
Kebutuhan:
pre-installed kategorinya adalah 2-in-1
2-in-1
adalah 2-in-1 dan harga
Berhasil
Upload dan harga dibawah
Budget
Gambar dibawah budget
Maksimal:
Baru: budget maksimal
<
Swift 3X maksimal yang dipilih,
Rp30.000.00
(SF314- yang dipilih diurutkan
0
510G).jpg berdasarkan
harga

Pada Tabel 7 dilakukan

Seperti Tabel 8, dapat
pengujian hapus produk, dimana
disimpulkan bahwa uji coba pencarian
penghapusan ini dilakukan dengan Cara
cerdas kerja ini berjalan normal karena
memilih data yang ingin dihapus.
semua hasilnya sesuai dengan apa yang
Berdasarkan hasil uji coba di atas dapat
diharapkan tanpa adanya kesalahan sama
disimpulkan uji coba berhasil karena
sekali.
data yang dipilih berhasil terhapus dari
table maupun database dan semua
B. Pengujian SRS-Pelajar
hasilnya sesuai seperti yang diharapkan.
Data Hasil yang
Hasil Kesimpulan
Masukkan diharapkan

3.3.1.1 Pengujian SRS Berhasil

menampilkan
Status: Menampilkan semua daftar
A. Pengujian SRS-Kerja Pelajar daftar Laptop Laptop yang
yang kategorinya
Kebutuhan: kategorinya adalah
Data Hasil yang Gaming adalah Gaming dan
Hasil Kesimpulan
Masukkan diharapkan Gaming dan harga Berhasil
Budget harga dibawah
Berhasil Maksimal: dibawah budget
< budget maksimal
menampilkan
Rp10.000.00 maksimal yang dipilih,
Status: Menampilkan semua daftar
daftar Laptop 0 yang dipilih diurutkan
Kerja Laptop yang
yang kategorinya berdasarkan
Kebutuhan: kategorinya adalah harga
Premium adalah premium dan
premium dan harga Berhasil Menampilkan Berhasil
Budget harga dibawah Status:
daftar Laptop menampilkan
Maksimal: dibawah budget Pelajar
yang semua daftar
< budget maksimal kategorinya Laptop yang
Rp10.000.00 maksimal yang dipilih, Kebutuhan:
adalah Thin kategorinya Berhasil
0 yang dipilih diurutkan Thin & Light
& Light dan adalah Thin
berdasarkan harga & Light dan
harga Budget
dibawah harga
Maksimal:
budget dibawah
 < maksimal budget Indonesia. Menurut uji coba yang
Rp20.000.00 yang dipilih maksimal
0 yang dipilih, dilakukan, dapat disimpulkan bahwa
diurutkan
berdasarkan
harga semua fungsi situs web Laption dapat

Berhasil
beroperasi secara normal.
menampilkan
Status: Menampilkan semua daftar
Pelajar daftar Laptop Laptop yang

Kebutuhan:
yang
kategorinya
kategorinya
adalah 4.2 Saran
Everyday adalah Everyday
Use Everyday Use dan
Berhasil Pembuatan situs web Laption
Use dan harga
Budget harga dibawah
Maksimal: dibawah budget sangat sederhana, karena banyak fitur
< budget maksimal
Rp30.000.00
0
maksimal
yang dipilih
yang dipilih,
diurutkan
belum diimplementasikan. Penelitian ini
berdasarkan
harga tidak secara langsung menampilkan
informasi produk yang lengkap, hanya
Dapat disimpulkan dari ketiga situs web resmi untuk mengunjungi
skenario, bahwa semua hasil yang tempat pembelian produk.
didapatkan sudah sangat sesuai seperti Disarankan untuk membuat
yang diharapkan tanpa adanya masalah. tampilan informasi produk lebih
Semua fungsi pencarian cerdas ios ini informatif dan menambahkan opsi
berfungsi dengan baik berdasarkan pembelian dengan opsi e-commerce
ketiga hasil skenario yang diuji. yang menyediakan produk terkait. Hal
ini juga dianjurkan untuk membuat
4. KESIMPULAN DAN SARAN tampilan situs web lebih menarik, tetapi
4.1 Kesimpulan tidak membingungkan pengguna dengan
Pengguna dapat menggunakan penampilannya.
Internet untuk mengakses situs web Selain itu, disarankan untuk
Laption kapan saja, di mana saja, terlepas menggunakan Ajax JQuery untuk
dari batasan platform dan waktu. Admin menambahkan fungsi pencarian real-
kemudian dapat mengakses situs web time ke halaman merek, sehingga situs
Laption melalui URL web memberikan informasi lebih lanjut,
http://Laption.patunganbersama.com/ad lebih menarik dan responsif, dan tidak
min/ dan memasukkan halaman admin memuat ulang halaman setiap kali
untuk memproses data dan informasi di pengguna memfilter.
situs web Laption.
Situs Laption berisi informasi DAFTAR PUSTAKA
tentang merek laptop atau merek yang [1] Cecep Muhamad Sidik R.,
“Aplikasi Pengenalan Profil
secara resmi diluncurkan di pasar
Negara di Asia Berbasis
 Augmented Reality”, Jurnal Duta Perfume Berbasis Web
Siliwangi, Vol. 4, No. 2, pp. 55 – Menggunakan Metode Sekuensial
64, 2018. Linier”, Jurnal Algoritma, Logika
dan Komputasi, Vol. III, No. 1, pp.
[2] Hendri, A., Sutisna, M. A., 229 – 237, 2020.
“Sistem informasi pelaksanaan
kegiatan komisi kepolisian [9] Priyantoro, A., Draw.io: Aplikasi
nasional berbasis desktop”, Jurnal diagram versi online,
Computer Science and http://pituruh.com/2013/07/05/dra
Information Technology w-io-aplikasi-diagram-versi-
(CoSciTech), Vol. 2, No. 1, pp. online/comment-page-4/, 2013.
14-23, 2021.
[10] Putra, M. Y., “Responsive Web
[3] Hernando, L., “Sistem Pendukung Design Menggunakan Bootstrap
Keputusan Untuk Penerimaan Dalam Merancang Layout
Karyawan Baru Berbasis Client Website”, Information System for
Server”, Jurnal Teknologi dan Educators and Professionals, Vol.
Sistem Informasi, Vol. VI, No. 3, 5, No. 1, pp. 61–70, 2020.
pp. 239 – 246, 2020.
[11] Metode Penelitian. URL:
[4] Jaya, T. S., “Pengujian Aplikasi http://repository.umy.ac.id/bitstre
dengan Metode Blackbox Testing am/handle/123456789/8633/7_Sk
Boundary Value Analysis”, Jurnal ripsi_AgungWicaksono_Bab_3.p
Informatika: Jurnal df, 1 April 2021
Pengembangan IT (JPIT), Vol. 3,
No. 2, pp. 45-48, 2021. [12] UML. URL:
https://repository.bsi.ac.id/index.p
[5] Muslim, B., Dayana, L., “Sistem hp/unduh/item/268056/File_10-
Informasi Peraturan Daerah BAB-2.pdf, 29 Maret 20
(Perda)Kota Pagar Alam Berbasis
Web”, Jurnal Ilmiah Betrik, Vol.
07, No.01, pp. 36–49, 2016.

[6] Nirsal, Rusmala, Syafriadi,

“Desain Dan Implementasi Sistem
Pembelajaran Berbasis E-
Learning Pada Sekolah Menengah
Pertama Negeri 1 Pakue Tengah”,
Jurnal Ilmiah d’Computare, Vol.
10, pp. 30 – 37, 2020.

[7] Pahlevi, O., Mulyani, A., Khoir,

M., “Sistem Informasi Inventori
Barang Menggunakan Metode
Object Oriented Di Pt. Livaza
Teknologi Indonesia Jakarta”,
Jurnal PROSISKO, Vol. 5, No. 1,
Vol. VI, No. 3, pp. 27 – 35, 2018.

[8] Payuda, M. F., Hermawan, E.,

“Rancang Bangun Sistem
Informasi Penjualan Pada PT.