BUKU PANDUAN PENGGUNAAN

APLIKASI KOMPUTER

APLIKASI REKOMENDASI LAPTOP CERDAS

KANE DAYORI VIRGOMUKTI | 2021

UNIVERSITAS GUNADARMA

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

JURUSAN SISTEM INFORMASI

HALAMAN 1
DAFTAR ISI

Daftar Isi1

Gambaran Umum Aplikasi2

Kebutuhan Hardware & Software3

Petunjuk Instalasi4

Petunjuk Penggunaan7

HALAMAN 2
GAMBARAN UMUM

APLIKASI

Situs Web Laption dirancang untuk memudahkan orang

menemukan laptop yang sesuai dengan anggaran dan kebutuhan
mereka. Proses untuk mencari laptop di situs web Laption
dilakukan secara online. Pengunjung dapat memilih metode
pencarian yang bagus. Jika ingin mendapatkan hasil yang lebih
akurat, Anda bisa menggunakan metode rekomendasi cerdas
atau menggunakan metode yang ada dan secara manual
menemukan produk yang tepat tanpa bantuan rekomendasi
cerdas.

HALAMAN 3
KEBUTUHAN
HARDWARE &
SOFTWARE

A. Hardware
Hardware yang dibutuhkan untuk menjalankan aplikasi ini minimal
memiliki spesifikasi sebagai berikut :

● Komputer
● Procesor 1.2 GHz, RAM 4 Gbyte
● Harddisk 500 Gbyte
● Monitor
● VGA standar
● Mouse.
● Keyboard

B. Software
Software yang dibutuhkan untuk menjalankan aplikasi ini adalah sebagai
berikut :

● Sistem Operasi Windows 7, 8, atau 10.

● Web Browser

HALAMAN 4
PETUNJUK

INSTALASI

Upload website sangat diperlukan untuk mempublikasikan website

yang telah di buat. Berikut langkah- langkah upload website ke hosting.

1. Pertama yang dilakukan yaitu membuat database pada cPanel,

setelah database dibuat langkah selanjutnya yaitu mengimpor
database yang sebelumnya sudah di ekspor pada localhost.

Gambar 1. Database u1025002_laption

2. Pada saat telah melakukan impor database, maka aplikasi laption

siap di upload ke hosting. Namun sebelum di upload disarankan
folder laption untuk mengubah menjadi .zip supaya lebih mudah
dalam proses upload.

HALAMAN 5
 Gambar 2. Upload File laption.zip

3. File laption akan di upload pada direktori /home/u1025002.

Kemudian seletah proses upload selesai, file laption.zip diektrak dan
menghasilkan folder laption pada direktori /home/ u1025002.
Setelah itu folder public di laption dipindahkan menuju folder
public_html yang terdapat pada direktori /home/ u1025002.

Gambar 3. Struktur File /home/u1025002

HALAMAN 6
4. Langkah selanjutnya perlu di lakukan penyesuan file, pada file

/home/u1025002/public_html//laption/yorikaneda/function.php
dilakukan penyesuaian lokasi direktori seperti pada Gambar 3.68.

Gambar 4. /home/u1025002/public_html/laption/yorikaneda/function.php

5. Pada saat telah melakukan langkah diatas, maka website laption

dapat diakses dengan alamat web
http://laption.patunganbersama.com

Gambar 5. Tampilan Website laption Setelah di Upload

HALAMAN 7
PETUNJUK

PENGGUNAAN
A. SEBAGAI ADMIN

1. Login
Pertama admin harus mengunjungi website laption melalui
link: http://laption.patunganbersama.com/login.php, setelah itu
akan muncul halaman login. Login dengan mengisi Username dan
password seperti gambar dibawah, setelah itu klik tombol login.

Gambar 6. Halaman Login Admin

2. Mengelola Akun
Setelah melakukan login, akan muncul halaman users, dimana
terdapat table yang berisikan daftar akun yang dapat mengakses
halaman admin ini. Halaman users ini hanya dapat diakses ketika
login menggunakan akun admin, selain itu tidak dapat mengakses
halaman users. Pada halaman users ini dapat melakukan tambah
data (akun), melakukan perubahan (edit) akun, dan penghapusan
akun (delete).

HALAMAN 8
 Gambar 7. Halaman Daftar Users

Ketika Menekan tombol Tambah data akan muncul halaman

Tambah user, disini admin diminta untuk mengisikan username,
password, confirm password, dan email. Setelah selesai mengisi
form, klik tombol tambah untuk menambahkan data user baru
tersebut kedalam database dan data tadi akan muncul di table
halaman daftar user.

Gambar 8. Halaman Tambah User

HALAMAN 9
 Setelah menambah user, akan kembali ke halaman daftar
user. Ketika admin menekan tombol/ikon edit, akan diarahkan ke
halaman edit dimana terdapat form yang sudah terisi oleh data yang
akan di edit kecuali password, admin tinggal mengganti data yang
ingin diubah dan password lalu menekan tombol ubah, data akan
otomatis terupdate di database dan akan diarahkan kembali ke
halaman daftar user.

Gambar 9. Halaman Ubah Data User

Terakhir admin dapat menghapus data user, dengan klik ikon

merah (delete) dan akan muncul pop-up konfirmasi apakah data
ingin dihapus? Jika IYA klik OKE dan data akan otomatis terhapus.

Gambar 10. Pop-up Konfirmasi Hapus Data

HALAMAN 10
3. Mengelola Produk

Pada halaman ini, terdapat sebuah table yang berisi daftar

smartphone beserta kategorinya. Admin dapat melakukan
penambahan produk, perubahan, dan penghapusan produk.

Gambar 11. Halaman Daftar Produk

Ketika admin menekan tombol tambah data, akan diarahkan ke

halaman tambah data. Disini admin diminta untuk mengisikan
form, setelah selesai klik tombol tambah dan data akan otomatis
ditambahkan kedalam database dan kedalam table daftar produk.

Gambar 12. Halaman Tambah Produk

HALAMAN 11
 Setelah menambah data akan kembali ke halaman daftar
produk. Admin dapat merubah data produk, dengan menekan ikon
ubah di table pada data yang ingin diubah datanya. Setelah itu akan
diarahkan kehalaman ubah data, dan admin diminta merubah data
pada form yang sudah berisi data produk yang ingin diubah
datanya, jika sudah klik tombol ubah dan data akan otomatis
terubah pada database dan table dan akan kembali ke halaman
daftar produk.

Gambar 13. Halaman Ubah Data Produk

Ketika selesai merubah data produk, admin dapat menghapus

data produk dengan menekan ikon hapus (delete). Ketika menekan
akan muncul pop-up konfirmasi apakah ingin menghapus, jika IYA
pilih OKE dan data akan terhapus dari database dan table.

HALAMAN 12
 Gambar 14. Pop-up Konfirmasi Hapus Data Produk

4. Mengelola Brand
Terakhir ada halaman brand, disini admin dapat melihat
daftar brand apa saja yang ada. Admin pun dapat menambah data
baru sebuah brand atau merubahnya bahkan menghapusnya.

Gambar 15. Halaman Daftar Brand

Ketika admin ingin menambahkan data, klik tombol tambah data,

dan akan diarahkan ke halaman tambah data. Disini admin
diharuskan mengisi form, setelah selesai klik tombol tambah dan
akan diarahkan kembali ke halaman daftar brand.

HALAMAN 13
 Gambar 16. Halaman Tambah Data Brand

Setelah menambah data, jika admin ingin merubah datanya dapat

klik tombol edit pada data yang ingin di edit lalu akan diarahakan
ke halaman ubah data brand, untuk merubahnya dengan cara pilih
form yang datanya ingin diubah lalu jika sudah selesai klik tombol
ubah.

Gambar 17. Halaman Ubah Data Brand

Untuk menghapus data brand, admin dapat menekan ikon hapus

(delete) berwarna merah, dan akan muncul dialog konfirmasi.

HALAMAN 14
 Gambar 18. Pop-up Konfirmasi Hapus Data Brand

5. Logout
Admin dapat melakukan logout untuk kembali ke halaman login
awal. Caranya dengan menekan ikon user di sebelah pojok kanan
atas, lalu kemudian akan muncul sub menu logout.

Gambar 19. Tombol Logout

B. SEBAGAI PENGUNJUNG (USER)

1. Buka Situs Website

Kunjungi Link: http://laption.patunganbersama.com, setelah itu
akan masuk ke halaman awal website.

Gambar 20. Halaman Utama Pengunjung

HALAMAN 15
2. Telusuri

Ketika pengunjung menekan tombol telusuri, halaman akan scroll

down otomatis untuk menampilkan Daftar Brand Resmi, dan
pengunjung dapat memilih salah satu brand untuk melihat daftar
produknya.

Gambar 21. Halaman Telusuri Daftar Brand Resmi

3. Daftar Produk

Setelah pengunjung memilih salah satu Brand, akan masuk ke

halaman daftar produk dari brand tersebut, disini akan muncul
produk resmi apa saja yang tersedia. Pengunjung dapat memilih
salah satu produk untuk melihat informasinya.

Gambar 22. Halaman Daftar Produk

4. Informasi Produk

HALAMAN 16
 Ketika sudah memilih produk apa yang ingin dilihat, pengunjung
akan diarahkan ke halaman informasi produk tersebut. Disini
terdapat Nama, Harga, dan Detail. Detail sendiri terbagi menjadi 2
yaitu:

1) Official Website, Mengarahkan ke halaman resmi produk untuk

melihat informasinya.
2) Official Store, Mengarahkan ke halaman store resmi produk
untuk membeli produk tersebut.

Gambar 23. Halaman Informasi Produk

5. Ayo Mulai! Pencarian Cerdas

Ketika kembali ke home, dan pengunjung menekan tombol Ayo
telusuri maka akan diarahkan ke halaman masukan budget. Pada
halaman ini pengunjung diminta untuk memasukkan budget
maksimal yang dimiliki.

HALAMAN 17
 Gambar 24. Halaman Masukan Budget

6. Pilih Operating System

Setelah memasukan budget maksimal yang dimiliki, akan masuk ke
halaman step 1 / pilih operating system. Disini pengunjung diminta
untuk memilih operating system yang diinginkan untuk
smartphonenya, tetapi ada 1 kondisi dimana jika budget yang
dimiliki dibawah harga minimal / termurah smartphone dengan
operating system IOS yaitu 6.500.000 maka pilihan operating
system IOS akan dimatikan / disable dan hanya pilihan operating
system android yang dapat dipilih. Pada halaman ini juga ada
indicator budget, os, dan prioritas di bagian atas.

HALAMAN 18
 Gambar 25. Halaman Pilih Operating System

7. Pilih Prioritas Utama

Ketika pengunjung sudah memilih operating systemnya, berikutnya
adalah prioritas utama. Disini terdapat 2 buah kondisi sebagai
berikut:
1) ANDROID
Ketika pada halaman operating system pengunjung memilih
android, maka pilihan yang akan muncul ada 3 buah yaitu:

Gambar 26. Halaman Prioritas Utama (Android)

HALAMAN 19
 2) IOS
Sedangkan jika memilih IOS, maka pilihan yang akan keluar
adalah sebagai berikut:

Gambar 27. Halaman Prioritas Utama (IOS)

8. Rekomendasi Smartphone (Hasil)

Terakhir, halaman rekomendasi smartphone. Disini akan
menampilkan smartphone rekomendasi berdasarkan budget dan
pilihan dari pengunjung. Pengunjung bisa memilih salah satu brand
untuk melihat rekomendasi produk dari brand tersebut, dan masuk
ke halaman informasinya.

Gambar 28. Halaman Rekomendasi Smartphone (Android)

HALAMAN 20
Gambar 29. Halaman Rekomendasi Smartphone (IOS)

HALAMAN 21