BUKU PANDUAN

PENGGUNA APLIKASI

Aplikasi Toko Salily Florist

Berbasis Web

1|P a ge
DAFTAR ISI
DAFTAR ISI

DAFTAR ISI................................................................................................................................. 2
GAMBARAN UMUM APLIKASI .................................................................................................... 3
KEBUTUHAN HARDWARE DAN SOFTWARE ...............................................................................4
PETUNJUK INSTALASI ................................................................................................................ 5
PETUNJUK PENGGUNAAN ..................................................................................................... 7

2|P a ge
Gambaran Umum
GAMBARAN UMUMAplikasi
APLIKASI

Salily Florist adalah toko online yang menjualkan berbagai macam

bouquet dan telah berdiri sejak 2019. Pendiri toko ini adalah Salsabila
Nuraddina dan saudarinya Alimah Nur Laili. Sejak awal berdiri, Salily Florist
menjual berbagai macam bouquet menggunakan aplikasi Instagram dengan
nama akun Instagram @salily.florist dan saat ini Salily Florist memiliki pengikut
di Instagram sekitar 2000 pengikut.

Oleh karena itu tim kerja tertarik membuat aplikasi penjualan bouquet
berbasis website dimana aplikasi ini menyediakan berbagai macam bouquet dari
berbagai macam jenis bunga dan camilan sehingga masyarakat tidak perlu pergi
ke toko langsung untuk membeli bouquet yang diinginkan. Pengguna aplikasi
ini juga dapat melihat stok bouquet yang dicari jika bouquet tersebut tidak ada
atau stoknya habis. Aplikasi yang dibuat bernama Salily Florist.

3|P a ge
KEBUTUHAN
KEBUTUHAN HARDWARE
HARDWARE DAN
DAN SOFTWARE
SOFTWARE

Untuk kebutuhan hardware ataupun software sebagai berikut:

1. Hardware
• Personal Computer (PC)
• Laptop

2. Software
• Sistem operasi windows
• Browser (Google Chrome, Microsoft Edge, dll)

4|P a ge
PETUNJUK
PETUNJUKINSTALASI
INSTALASI
Untuk pertama kita harus memastikan peramban atau browser sudah
terinstall pada device yang digunakan, kemudian langkah untuk instalasi
website sebagai berikut:

1. Mendaftarkan akun ke pihak penyedia hosting website.

2. Setelah akun dibuat, kemudian memilih create account untuk membuat

subdomain.

3. Kemudian membuat subdomain yang digunakan untuk mengakses

website melalui browser. Pada aplikasi ini, subdomain diberi nama
salilyflorist dengan domain rf.gd.

5|P a ge
4. Setelah subdomain dibuat, selanjutnya yaitu membuat database. Pada
aplikasi ini database diberi nama salilyflorist. Jika database telah
dibuat, selanjutnya yaitu mengimpor database yang telah dibuat
sebelumnya pada cpanel phpMyAdmin.

5. Setelah mengimpor database, langkah selanjutnya yaitu mengunggah file

aplikasi ke dalam file manager yang tersedia pada web infinityfree.com.
Unggah file aplikasi ke dalam folder htdocs pada file manager.

6. Kemudian kita rubah sintaks yang menghubungkan database kedalam

database yang baru
7. Setelah semua langkah telah selesai maka website dapat diakses pada
situs salilyflorist.rf.gd.

6|P a ge
Petunjuk penggunaan
PETUNJUK PENGGUNAAN

Petunjuk untuk user

1. Mengakses Website
Ketik alamat url salilyflorist.rf.gd pada device yang terhubung pada
internet menggunakan browser, kemudian user akan masuk ke halaman
beranda website Salily Florist.

2. Melakukan Registrasi
Memilih menu dengan logo “orang” yang ada pada navigation bar website
kemudian mengklik pada tulisan “Click here to register” kemudian
mengisikan data yang meliputi first name, last name, e-mail, phone
number, usrname, password, Street/Address, City, State Province, dan
Zip Code, kemudian klik tombol Register.

7|P a ge
3. Melakukan Login
Setelah melakukan register, user sekarang memiliki akun. Untuk
melakukan login, user mengisikan form login dengan memasukkan
username dan password yang sudah user registrasikan.

4. Memilih Bouquet
User dapat melihat bouquet yang ingin dilihat dengan mengklik tombol
Shop pada navigation bar.

8|P a ge
5. Melihat Detail Bouquet
User dapat melihat detail bouquet dengan mengklik salah satu bouquet
pada halaman Shop kemudian akan muncul halaman detail dari bouquet
yang dipilih. Untuk melakukan pembelian langsung, user dapat mengklik
tombol “Purchase Now”, lalu akan langsung masuk ke halaman
keranjang. Jika user hanya ingin memasukkan kedalam keranjang saja,
user dapat mengklik tombol “Add to Cart”.

6. Keranjang
Untuk masuk ke halaman keranjang, user dapat mengklik menu dengan
logo keranjang. Pada halaman keranjang, user dapat melihat bouquet
yang tadi sudah dipilih beserta detail harga tiap bouquet dan total harga.

9|P a ge
 Kemudian user dapat melakukan proses checkout dengan mengklik
tombol “Checkout” kemudian akan masuk ke halaman Checkout.

7. Checkout
Pada halaman ini user dapat melihat bouquet yang akan dipesan. Untuk
melakukan proses pemesanan, user diminta untuk memilih metode
pengiriman yang terdiri dari pengiriman melalui Gojek, atau Grab.
Kemudian, user diminta untuk memilih metode pembayaran yang terdiri
dari Gopay, transfer Bank BCA, dan OVO. Jika sudah memilih, user dapat
mengklik tombol “Pesan” untuk melanjutkan proses pemesanan.
Kemudian akan muncul halaman untuk mengirim bukti transaksi via
whatsapp.

10 | P a g e
Petunjuk untuk admin

1. Mengakses Halaman Admin

Admin dapat mengakses halaman admin dengan memasukkan url
salilyflorist.rf.gd/admin/ kemudian memasukkan username dan
password admin kemudian akan masuk kedalam halaman utama admin.

11 | P a g e
2. Mengelola Pesanan
Memilih menu “Penjualan” kemudian admin dapat mengelola pesanan
seperti melihat detail pesanan dengan cara mengklik tombol “Detail” pada
kolom Opsi, dan menyelesaikan pesanan dengan mengklik tombol
“Selesai” pada kolom Opsi yang menandakan bahwa pesanan tersebut
telah selesai kemudian akan muncul pesan “Data Penjualan sudah di
update”.

12 | P a g e
3. Mengelola Produk
Admin dapat mengelola produk dengan cara memilih menu “Produk”.
Kemudian admin dapat merubah data produk dengan mengklik tombol
“Ubah” pada kolom opsi dan dapat menghapus dengan cara mengklik
tombol “Hapus” pada kolom opsi. Lalu, admin juga dapat menambahkan
data produk dengan mengklik tombol “Tambah Data” di bawah tabel.
Kemudian akan masuk ke halaman tambah data produk lalu mengisi
form sesuai dengan data produk yang ingin ditambahkan, kemudian klik
tombol “Simpan”.

13 | P a g e
14 | P a g e
4. Laporan Penjualan
Admin juga dapat melihat laporan penjualan dengan memilih menu
“Laporan Penjualan”. Pada halaman ini terdapat tabel laporan penjualan
yang datanya akan tampil ketika admin memasukkan tanggal mulai dan
tanggal selesai pemesanan.

15 | P a g e