manual Manual Book BOSTOKO
DOKUMEN PRODUK
MANUAL BOOK
2016
BOSTOKO
Daftar Isi
Daftar Isi ............................................................................................................................................... 2
Register ................................................................................................................................................. 4
Download Aplikasi BOSTOKO ................................................................................................................ 5
Pembayaran Layanan BOSTOKO ........................................................................................................... 7
Login ..................................................................................................................................................... 8
Token .................................................................................................................................................... 9
Login Admin ........................................................................................................................................ 10
Barang ................................................................................................................................................. 13
Menambah Barang ......................................................................................................................... 15
Mengedit Barang ............................................................................................................................ 15
Menghapus Barang ......................................................................................................................... 17
Melihat Detail Barang ..................................................................................................................... 17
Mencari Barang ............................................................................................................................... 18
Kategori .............................................................................................................................................. 19
Menambah Kategori ....................................................................................................................... 21
Mengedit Kategori .......................................................................................................................... 21
Mencari Kategori ............................................................................................................................ 23
Satuan ................................................................................................................................................. 24
Menambah Satuan .......................................................................................................................... 25
Mengedit Satuan............................................................................................................................. 26
Mencari Satuan ............................................................................................................................... 27
Pemasok ............................................................................................................................................. 28
Menambah Pemasok ...................................................................................................................... 29
Mengedit Pemasok ......................................................................................................................... 30
Melihat Detail Pemasok .................................................................................................................. 30
Mencari Pemasok ........................................................................................................................... 31
Pengguna ............................................................................................................................................ 32
Menambah Pengguna ..................................................................................................................... 33
Mengedit Pengguna ........................................................................................................................ 34
Menghapus Pengguna .................................................................................................................... 35
Melihat Detail Pengguna ................................................................................................................. 36
Mencari Pengguna .......................................................................................................................... 36
Laporan ............................................................................................................................................... 37
2|P age
Melihat Laporan Penjualan ............................................................................................................. 38
Melihat Laporan Barang.................................................................................................................. 39
Konfigurasi .......................................................................................................................................... 40
Konfigurasi Toko ............................................................................................................................. 41
Konfigurasi Nota ............................................................................................................................. 42
Sinkronisasi ..................................................................................................................................... 43
Printer Setting ................................................................................................................................. 44
Logout Admin ..................................................................................................................................... 46
Login Kasir........................................................................................................................................... 48
Buka Kas.............................................................................................................................................. 50
Transaksi Penjualan ............................................................................................................................ 52
Memulai Transaksi .......................................................................................................................... 53
Mencatat Barang Yang Akan Dibeli ................................................................................................. 54
Edit Barang ...................................................................................................................................... 55
Pembayaran transaksi ..................................................................................................................... 56
Tutup Kas ............................................................................................................................................ 60
Logout Kasir ........................................................................................................................................ 62
Logout Akun ........................................................................................................................................ 63
Login Web Dashboard ......................................................................................................................... 65
Lupa Password .................................................................................................................................... 69
Dashboard .......................................................................................................................................... 70
Profile Toko ......................................................................................................................................... 71
Halaman Cabang ................................................................................................................................. 72
Halaman Produk ................................................................................................................................. 74
Halaman Pengguna ............................................................................................................................. 75
Halaman Pemasok .............................................................................................................................. 76
Halaman Laporan ................................................................................................................................ 77
Laporan Transaksi Penjualan .......................................................................................................... 77
Laporan Stok ................................................................................................................................... 79
Laporan Penjualan Berdasarkan Produk ......................................................................................... 80
Produk Terlaris ................................................................................................................................ 81
Logout Web Dashboard ...................................................................................................................... 82
3|P age
Register
Berikut ini flow register pada BOSTOKO.
2
1
Masukan Email &
Password
Buka Aplikasi
3
5
4
Email Konfirmasi
Gratis Penggunaan Selama 14 Hari
Database
ELKASSA
BOSTOKO
6
Melakukan Aktivasi
7
Pengguna dapat
melakukan login pada
Aplikasi Android dan Web
Dashboard
Gambar 1 : Flow Register
User dapat melakukan register pada https://bostoko.elkassa.com/register , user dapat mendaftarkan
sesuai denga jenis bisnis yang BOSTOKO sediakan. User dapat memilih sesuai dengan kebutuhan untuk
pendukung bisnis.
Gambar 2 : Register
4|P age
Setelah melakukan register dan berhasil, maka user melakukan aktivasi akun dengan membuka link
aktivasi yang dikirimkan ke email yang didaftarkan. BOSTOKO memberikan gratis layanan selama 14
hari terhitung sejak tanggal user melakukan proses registrasi.
Gambar 3 : Aktivasi Akun
Setelah mendapatkan email, maka user harus melakukan aktivasi akun terlebih dahulu dengan cara
klik to
ol Co fir
E ail Address .
Gambar 4 : Aktivasi Akun Berhasil
Jika proses aktivasi tidak berhasil maka user disarankan untuk malekukan proses aktivasi kembali. Dan
jika tidak berhasil juga maka user dapat menghubungi pihak BOSTOKO melalui channel yang tersedia.
5|P age
Download Aplikasi BOSTOKO
Untuk mendapatkan aplikasi BOSTOKO maka user dapat melakukan proses berikut ini.
Gambar 5 : Flow Download BOSTOKO
User dapat mendownload Aplikasi sesuai dengan lini bisnis ketika mendaftarkan akun yaitu retail atau
grosir.
6|P age
Pembayaran Layanan BOSTOKO
Cara berlangganan layanan BOSTOKO dapat dilakukan seperti flow dibawah ini, yang mana setelah
user mendapatkan email tagihan (invoice) maka user dapat melakukan pembayaran kerekening bang
BOSTOKO .
Pembayaran dapat dilakukan melalui :
ATM
e-Banking
Setor Tunai
M-Banking (SMS Banking)
Dikimkan ke :
Bank Mandiri
KCP Tangerang CBD Ciledug 15518
155-000-564727-9
PT Mozaik Bintang Persada
Selanjutnya melakukan konfirmasi pembayaran ke http://konfirmasi.bostoko.elkassa.com/
1
2
Mendapatkan
Email Invoice
Pengguna Malakukan
Pembayaran ke
Rekening PT Mozaik
3
Pilih Pembayaran
1. Transfer Bank
2. Internet Banking
3. Mobile Banking
ATM
Login akun bank di
dalam mesin ATM
Pembayaran
Login Ke dalam
Internet Banking
4
Pilih Transfer
4
Pilih Transfer
5
Masukkan No
Rekening PT.
Mozaik & Nominal
7
Mobile
Banking
Internet
banking
5
Masukkan No
Rekening PT.
Mozaik & Nominal
6
Informasi
Pembayaran
8
Melakukan konfirmasi
pembayaran
9
Mendapatkan Email
Konfirmasi
Pembayaran
Gambar 6 : Flow Pembayaran BOSTOKO
7|P age
Login Ke dalam
mobile banking
4
Pilih Transfer
5
Masukkan No
Rekening PT.
Mozaik & Nominal
Login
Untuk masuk ke aplikasi BOSTOKO user dapat melakukan seperi flow dibawah ini :
1
Buka Aplikasi /
Buka Web
Dashboard
2
Masukan Email &
Password
3
Dashboard
Gambar 7 : Flow Login
Berikut cara login pada aplikasi BOSTOKO :
1. Buka aplikasi BOSTOKO, setelah itu muncul menu Login. Masukkan username (email)
dan password yang telah didapatkan sebelumnya.
Gambar 8 : Menu Login
2.
Setelah berhasil masuk, menu Dashboard muncul. Pada menu ini, anda dapat memilih menu
admin, kasir, token, dan logout.
Gambar 9 : Tampilan Login
8|P age
Token
Untuk dapat melakukan transaksi maka user dapat melakukan proses sebagai berikut :
Gambar 10 : Flow Token
Token untuk menentukan bahwa akun masih berlaku (tidak kadaluarsa), jika pada halaman dashboard
ada ketera ga
Toke A ti ated
erarti aku anda masih dapat digunakan. Berikut tata cara
memasukan token :
Gambar 11 : Tampilan Dashboard
Gambar 12 : Request Token
Jika token user telah aktif (Token Activated) maka user tidak perlu melakukan proses seperti diatas.
9|P age
Login Admin
Untuk dapat mengelola barang, satuan, kategori, pemasok, dll user dapat melakukannya dengan
masuk ke halaman Admin pada aplikasi BOSTOKO. Berikut flow cara masuk kedalam halaman admin
pada aplikasi BOSTOKO :
1
Pilih Menu
Login Admin
2
Masukkan
Username &
Password
3
Halaman Admin
Gambar 13 : Flow Login Admin
Untuk masuk ke halaman admin dapat memilih menu admin.
Gambar 14 : Tampilan Login
10 | P a g e
Gambar 15 : Pilih Login
Masukkan username dan password admin anda. U tuk user a e default adalah ad i
pass ord default
. “etelah itu aka ta pil hala a Admin BOSTOKO.
Gambar 16 : Menu Login Admin
Gambar 17 : Tampilan Awal Admin
Untuk mengakses menu sidebar dapat diakses dengan 2 cara, yaitu :
1. Menu ini dapat diakses dengan cara menekan tombol yang terdapat pada pojok kiri atas
atau
2. Dengan mengusap layar dari kiri ke kanan.
11 | P a g e
da
Gambar 18 : Menekan tombol kiri atas
Gambar 19 : Mengusap layar dari kiri ke kana
Gambar 20 : Menu Sidebar
12 | P a g e
Barang
Berikut flow untuk mengelola produk/barang pada BOSTOKO :
1
2
Pilih Menu Barang
3
Pilih Detail
4
Menampilkan Data
barang
Menampilkan List
Barang
Action
3
3
Pilih Tambah
4
Masukkan Semua
Data barang yang
diperlukan
5
Pilih Simpan
Pilih Barang yang
akan di Edit
4
Ubah Data barang
yang diperlukan
5
Pilih Simpan
3
pilih barang yang
akan di hapus
4
Konfirmasi Hapus
Barang
5
Barang Berhasil
dihapus
Gambar 21 : Flow Barang
Menu ini untuk membantu user dalam mengelola barang atau produk yang tersedia di toko atau
warung. Menu ini menampilkan barang atau produk yang dijual beserta jumlah stok.
Gambar 22 : Tampilan master barang (list view)
13 | P a g e
Untuk mengakses menu master barang pada menu sidebar, seperti berikut
Gambar 23 : Membuka menu Master Barang
Untuk dapat mengubah tampilan dari list view menjadi grid view dengan menekan tombol Grid.
Gambar 24 : Memilih Grid View
14 | P a g e
Gambar 25 : Tampilan Master Barang (Grid view
Menambah Barang
Untuk menambahkan barang pada master barang dengan menekan tombol Tambah. Kemudian
input data barang yang meliputi nama barang, deskripsi barang, jumlah barang, dan lainnya dengan
lengkap, setelah itu tekan tombol Simpan.
Gambar 26 : Menambah barang
Gambar 27 : Menginput data barang
Mengedit Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list,
kemudian pilih edit.
15 | P a g e
Gambar 28 : Memilih edit barang
Gambar 29 : Mengedit data barang
Gambar 30 : Menyimpan data barang
16 | P a g e
Menghapus Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list
kemudian pilih hapus.
Gambar 31 : Memilih hapus barang
Gambar 32 : Menghapus barang
Melihat Detail Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list,
kemudian pilih detail.
17 | P a g e
Gambar 33 : Memilih detail barang
Gambar 34 : Melihat detail barang
Mencari Barang
Pada halaman menu barang, tekan kolom input yang ada di samping gambar kaca pembesar, lalu ketik
nama barang yang ingin dicari, kemudian enter.
Gambar 35 : Mencari barang
18 | P a g e
Kategori
Berikut flow untuk mengelola kategori produk/barang pada BOSTOKO :
1
2
Pilih Menu
Kategori
Menampilkan List
Kategori
Action
3
Pilih Tambah
4
Masukkan Nama
Kategori
5
Pilih Simpan
3
Pilih Kategori yang
akan di Edit
4
Ubah Nama
Kategori
5
Pilih Simpan
Gambar 36 : Flow Kategori
Menu ini berfungsi untuk mengelola kategori barang atau produk. Sehingga memudahkan dalam
mengelola barang.
Gambar 37 : Tampilan master kategori (list view)
19 | P a g e
Untuk dapat mengakses menu master kategori pada menu sidebar, seperti berikut :
Gambar 38 : Membuka menu Master Kategori
Untuk dapat mengubah tampilan dari list view menjadi grid view dengan menekan tombol Grid.
Gambar 39 : Memilih Grid View
20 | P a g e
Gambar 40 : Tampilan Grid View
Menambah Kategori
Untuk menambahkan kategori pada master kategori dengan menekan tombol Tambah. Kemudian
input nama kategori yang ingin ditambahkan, setelah itu tekan tombol Simpan.
Gambar 41 : Menambah kategori
Gambar 42 : Menginput nama kategori
Mengedit Kategori
Pada halaman menu kategori, pilih dengan cara menekan tanda opsi yang berada di sebelah kanan
nama salah satu kategori yang ada pada list, kemudian pilih edit.
21 | P a g e
Gambar 43 : Menekan tanda opsi kategori
Gambar 44 : Mengedit kategori
Gambar 45 : Menyimpan kategori
22 | P a g e
Mencari Kategori
Pada halaman menu kategori, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama kategori yang ingin dicari, kemudian enter.
Gambar 46 : Mencari kategori
23 | P a g e
Satuan
Berikut flow untuk mengelola satuan produk/barang pada BOSTOKO :
1
2
Pilih Menu Satuan
Menampilkan List
Satuan
Action
3
3
Pilih Tambah
Pilih Kategori yang
akan di Edit
4
4
Jenis Usaha
Masukkan Nama
dan Jumlah Satuan
5
Pilih Simpan
Jenis Usaha
Masukkan Nama
Satuan
Ubah Nama dan
Jumlah Satuan
5
Pilih Simpan
5
Pilih Simpan
Ubah Nama
Satuan
5
Pilih Simpan
Gambar 47 : Flow Satuan
Menu ini berfungsi untuk mengelola satuan barang atau produk apabila ada pembelian dalam skala
besar/grosir. Sehingga memudahkan dalam mengelola barang.
Gambar 48 : Tampilan master satuan
24 | P a g e
Untuk dapat mengakses menu master satuan pada menu sidebar, seperti berikut :
Gambar 49 : Membuka menu Master Satuan
Menambah Satuan
Untuk menambahkan satuan pada master satuan dengan menekan tombol Tambah. Kemudian input
jumlah satuan yang ingin ditambahkan, setelah itu tekan tombol Simpan.
Gambar 50 : Menambah satuan
25 | P a g e
Gambar 51 : Menginput jumlah satuan
Mengedit Satuan
Pada halaman menu satuan, pilih dengan cara menekan tanda opsi yang berada di sebelah kanan
nama salah satu satuan yang ada pada list, kemudian pilih edit.
Gambar 52 : Menekan tanda opsi satuan
Gambar 53 : Mengedit satuan
Gambar 54 : Menyimpan satuan
26 | P a g e
Mencari Satuan
Pada halaman menu satuan, tekan kolom input yang ada di samping gambar kaca pembesar, lalu ketik
nama satuan yang ingin dicari, kemudian enter.
Gambar 55 : Mencari satuan
27 | P a g e
Pemasok
Berikut flow untuk mengelola pemasok produk/barang pada BOSTOKO :
1
2
Pilih Menu
Pemasok
Menampilkan List
Pemasok
Action
3
3
Pilih Tambah
Pilih Detail
4
4
Menampilkan Data
Pemasok
Masukkan semua
data pemasok
yang diperlukan
5
Pilih Simpan
3
Pilih Pemasok
yang akan di Edit
4
Ubah data
pemasok yang
diperlukan
5
Pilih Simpan
Gambar 56 : Flow Pemasok
Menu ini untuk membantu user dalam mengelola pemasok barang atau produk yang telah menjadi
langganan.
Gambar 57 : Tampilan master pemasok
28 | P a g e
Untuk dapat mengakses menu master pemasok pada menu sidebar, seperti berikut :
Gambar 58 : Membuka menu Master Pemasok
Menambah Pemasok
Untuk dapat menambahkan pemasok pada master pemasok dengan menekan tombol Tambah.
Kemudian input data pemasok yang meliputi nama pemasok, alamat pemasok, deskripsi pemasok,
dan lainnya dengan lengkap, setelah itu tekan tombol Simpan.
Gambar 59 : Menambah pemasok
29 | P a g e
Gambar 60 : Menginput data pemasok
Mengedit Pemasok
Pada halaman menu pemasok, pilih dengan cara menekan salah satu pemasok yang ada pada list,
kemudian pilih edit.
Gambar 61 : Memilih edit pemasok
Gambar 62 : Mengedit data pemasok
Melihat Detail Pemasok
Pada halaman menu pemasok, pilih dengan cara menekan salah satu pemasok yang ada pada list,
kemudian pilih detail.
30 | P a g e
Gambar 63 : Memilih detail pemasok
Gambar 64 : Melihat detail pemasok
Mencari Pemasok
Pada halaman menu pemasok, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama pemasok yang ingin dicari, kemudian enter.
Gambar 65 : Mencari pemasok
31 | P a g e
Pengguna
Pengguna pada BOSTOKO terdiri dari Admin dan Kasir, yang mana setiap hak akses meliliki fungsi
masing masing. Admin berfungsi untuk mengelola barang/produk, kategori, satuan, pemasok, dan
konfigurasi. Sedangkan Kasir untuk melakukan proses transaksi yang terjadi pada took maupun
cabang. Berikut flow untuk mengelola pengguna pada BOSTOKO :
1
2
Pilih Menu
Pengguna
Menampilkan List
Pengguna
Action
3
3
Pilih Tambah
Pilih pengguna
yang akan di Edit
4
Masukkan Semua
Data pengguna
yang diperlukan
4
Ubah Data
pangguna yang
diperlukan
5
Pilih Simpan
5
Pilih Simpan
3
Pilih pengguna
yang akan di
hapus
4
Konfirmasi Hapus
Pengguna
5
Barang Berhasil
dihapus
Gambar 66 : Flow Pengguna
Menu ini untuk membantu user dalam me-manage pengguna aplikasi baik itu sebagai admin maupun
kasir.
Gambar 67 : Tampilan master pengguna
32 | P a g e
Untuk dapat mengakses menu master pengguna pada menu sidebar, seperti berikut :
Gambar 68 : Membuka menu Master Pengguna
Menambah Pengguna
Untuk dapat menambahkan pengguna pada master pengguna dengan menekan tombol Tambah.
Kemudian input data pengguna yang meliputi username pengguna, password pengguna, level
pengguna dengan lengkap, setelah itu tekan tombol Simpan.
Gambar 69 : Menambah pengguna
33 | P a g e
Gambar 70 : Menginput data pengguna
Mengedit Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list,
kemudian pilih edit.
Gambar 71 : Memilih edit pengguna
Gambar 72 : Mengedit data pengguna
Pada menu pengguna terdapat dua level pengguna, yaitu admin dan kasir. Admin adalah level
pengguna yang memiliki hak akses penuh dan modifikasi terhadap data-data yang tersimpan di
database. Sedangkan kasir, hanya dapat mengakses tanpa bisa memodifikasi data-data.
34 | P a g e
Gambar 73 : Mengubah level pengguna
Gambar 74 : Mengubah level pengguna
Menghapus Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list
kemudian pilih hapus.
Gambar 75 : Memilih hapus pengguna
35 | P a g e
Gambar 76 : Menghapus pengguna
Melihat Detail Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list,
kemudian pilih detail.
Gambar 77 : Memilih detail pengguna
Gambar 78 : Melihat detail pengguna
Mencari Pengguna
Pada halaman menu pengguna, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama penggunna yang ingin dicari, kemudian enter.
Gambar 79 : Mencari pengguna
36 | P a g e
Laporan
Berikut flow untuk melihat laporan yang tersimpan pada database lokal tablet/smartphone user pada
BOSTOKO :
1
2
Action
Pilih Menu Laporan
3
Pilih Penjualan
Periode
4
Masukkan Tanggal
awal dan Tanggal
Akhir Penjualan
3
Pilih Barang
Terlaris
4
Muncul Laporan
Barang Terlaris
5
Pilih Simpan
6
Muncul Laporan
Periode
Gambar 80 : Flow Laporan
Menu ini untuk membantu user dalam me-manage laporan hasil penjualan barang per harinya agar
aliran keuangan dan jumlah barang yang terjual dapat terpantau.
Gambar 81 : Tampilan master laporan
37 | P a g e
Untuk dapat mengakses menu master laporan pada menu sidebar, seperti berikut
Gambar 82 : Membuka menu Master Laporan
Melihat Laporan Penjualan
Untuk dapat melihat laporan penjualan setiap transaksi yang dilakukan oleh kasir setelah melakukan
tutup kas pada menu ini dengan cara meneka tombol Penjualan Periode. Kemudian pilih periode
waktu transaksi yang ingin ditampilkan setelah itu tekan tombol Simpan.
Gambar 83 : Membuka laporan penjualan periode
38 | P a g e
Gambar 84 : Memasukkan periode transaksi
Melihat Laporan Barang
Untuk dapat melihat laporan barang terlaris dengan cara menekan tombol Barang Terlaris.
Gambar 85 : Membuka laporan penjualan periode
39 | P a g e
Gambar 86 : Memasukkan periode transaksi
Konfigurasi
Konfigurasi pada BOSTOKO berfungsi untuk memudahkan user dalam melakukan pengaturan agar
memberikan kemudahan dalam pengelolaan toko dan transaksi. Berikut flow untuk mengatur
konfigurasi profile took, layout nota, sinkronisasi, dan pengaturan printer maupun case drawer (laci
uang) pada BOSTOKO :
1
Pilih Menu
Konfigurasi
3
Pilih Toko
4
Masukkan / Ubah
Data Toko yang
diperlukan
5
Pilih Simpan
2
Action
3
3
Pilih Nota
3
Pilih Sinkron
4
4
Masukan / Ubah
Data Teks Pada
Nota Transaksi
Pilih Printer Setting
4
Tunggu Proses
Sinkron Selesai
5
Halaman Status
Printer
5
Pilih Simpan
Action
6
Pilih Cari Printer
7
Aplikasi Akan
Mencari Printer
Yang terhubung
6
6
Pilih Printer Test
Page
7
Printer Akan
Mencoba
Mencetak
8
OK
Gambar 87 : Flow Kofigurasi
40 | P a g e
Ceklis "Gunakan
Cash Drawer"
Menu ini adalah kumpulan pengaturan tentang profil toko, layout nota, sinkronisasi dan pengaturan
printer.
Gambar 88 : Tampilan menu konfigurasi
Untuk dapat mengakses menu konfigurasi pada menu sidebar, seperti berikut :
Gambar 89 : Membuka menu konfigurasi
Konfigurasi Toko
Anda dapat mengubah profil toko anda dengan cara menekan tombol Konfigurasi Toko. Kemudian
masukkan data toko dengan lengkap, setelah itu tekan tombol Simpan.
41 | P a g e
Gambar 90 : Membuka konfigurasi toko
Gambar 91 : Memasukkan data profil toko
Konfigurasi Nota
Untuk dapat mengubah tampilan nota yang akan dicetak dengan cara menekan tombol Konfigurasi
Nota.
Gambar 92 : Membuka konfigurasi nota
42 | P a g e
,
Gambar 93 : Memasukkan teks layout nota
Sinkronisasi
Untuk dapat melakukan sinkronisasi antara data offline dan data online dengan cara menekan tombol
Sinkronisasi untuk sinkronisasi data dan Sinkronisasi Gambar untuk sinkronisasi gambar
produk/barang. Hal ini di lakukan untuk memudahkan user dalam mengelola data dengan baik.
Gambar 94 : Sinkronisasi Data
43 | P a g e
Gambar 95 : Sinkronisasi Gambar
Printer Setting
Untuk dapat menggatur printer anda dengan cara menekan tombol printer setting.
Gambar 96 : Memilih setting
Gambar 97 : Pilih Printer USB / Bluetooth
Pada BOSTOKO user dapat memilih tediri dari :
1. Printer USB dengan menggunakan kabel USB dan hanya bisa pada perangkat smartphone
yang support OTG (On The Go) sebagai konverter antara kabel USB dengan port smartphone.
Ketika user menyambungkan perangkat pertama kali.
User harus pilih untuk dijadikan USB default dan klik Always / Ok, tidak disarankan klik just
One / Cencel. Kemudian user pilih Cari Printer. Jika berhasil maka status berubah menjadi
Terhubung. Dan untuk memastikan printer berjalan user klik Test Print.
44 | P a g e
Gambar 98 : Printer Setting
2. Printer bluetooth.
Ketika pertama kali menghubungan printer bluetooth dengan BOSTOKO, user harus
melakukan proses pairing smartphone dengan printer bluetooth memalui halaman bluetooth
setting yang terdapat pada perangkat smartphone. Untuk melakukan proses paring user
melakukan seperti proses pairing pada umumnya seperti konek dengan perangkat lain atau
perangkat seperti headset bluetooth. Biasanya dalam proses pairing user diminta untuk
memasukan PIN, PIN tersebut terdapat pada bagian dalam printer.
Setelah proses pairing berhasil maka user masuk ke halaman setting printer bluetooth
BOSTOKO. User pilih Device List kemudian pilih perangkat printer bluetooth, Jika berhasil
maka status berubah menjadi Terhubung. Dan untuk memastikan printer berjalan user klik
Test Print.
Gambar 99 : Printer Belum Konek
45 | P a g e
Gambar 100 : Mencari Printer Terhubung
Logout Admin
Berikut flow untuk logout admin pada BOSTOKO :
1
2
Pilih Menu Logout
Konfirmasi Logout
Admin
3
Gambar 103 : Flow Logout Admin
Menu ini untuk membantu user keluar dari aplikasi admin .
Gambar 101 : Tampilan logout
Untuk dapat mengakses menu logout pada menu sidebar, seperti berikut :
Gambar 102 : Membuka menu Master logout
46 | P a g e
Dashboard
Untuk dapat keluar dari login admin setelah logout .
Gambar 103 : logout
47 | P a g e
Login Kasir
Untuk dapat melakukan buka kas, tutup kas, dan bertransaksi user dapat melakukannya dengan
masuk ke halaman kasir pada aplikasi BOSTOKO. Berikut flow cara masuk kedalam halaman kasir pada
aplikasi BOSTOKO :
1
2
Pilih Kasir
Halaman Login
Kasir
3
Masukkan Nama
Cabang, Username
& Password
4
Action
No
Popup Password /
Token Kadaluarsa
No
Yes
Halaman Kasir
Gambar 104 : Flow Login Kasir
Setelah berhasil masuk, menu Dashboard muncul. Pada menu ini, anda dapat memilih menu admin
atau kasir, lalu pilih login kasir.
Gambar 105 : Dashboard
48 | P a g e
Gambar 106 : Pilih Login
Setelah user masuk ke halaman login kasir, maka user apa memilih cabang, kasir, dan memasukan
password. Untuk settingan default password untuk user kasir adalah
Gambar 107 : Menu Login Kasir
.
Gambar 108 : Tampilan Awal Halaman Kasir
Untuk mengakses menu sidebar dapat diakses dengan 2 cara, yaitu :
1. Menu ini dapat diakses dengan cara menekan tombol yang terdapat pada pojok kiri atas
atau
2. Dengan mengusap layar dari kiri ke kanan.
Gambar 109 : Menu Sidebar
49 | P a g e
Pada Sidebar ini terdapat submenu yang kemudian akan dijelaskan masing-masing, antara lain :
1.
2.
3.
4.
Transaksi Penjualan
Transaksi
Tentang Aplikasi
Logout
Buka Kas
Membuka kas adalah hal yang harus dilakukan pertama kali oleh kasir untuk memulai transaksi
penjualan. Buka kas hanya perlu dilakukan sekali pada saat toko dibuka sampai toko tutup untuk
menutup kas. Berikut flow buka kas pada aplikasi BOSTOKO sebagai berikut :
1
Pilih Menu
Transaksi
2
3
Pilih Buka Kas
Masukkan Kas
Awal
4
Kas Sudah
Terbuka
6
Popup Informasi
Nilai Kas Awal
5
Pilih Buka Kas
Gambar 110 : Flow Buka Kas
Untuk dapat mengakses menu buka kas pada menu sidebar, seperti berikut :
Gambar 111 : Membuka menu sidebar transaksi
50 | P a g e
Gambar 112 : Memilih menu buka kas
Gambar 113 : Tampilan menu buka kas
51 | P a g e
Transaksi Penjualan
Berikut flow transaksi penjualan pada aplikasi BOSTOKO sebagai berikut :
1
Pilih Transaksi
Baru
2
Pilih Barang yang
akan di jual
3
Tekan barang yang
sudah dipilih
4
Muncul Edit Barang
Transaksi
5
Tekan Tombol
6
6
"+" dan "-" untuk
mengurangi jumlah
barang
"Non Aktif" dan
"Aktif" untuk
merubah Harga
7
Masukkan harga
Baru
8
Tekan Batal
Selesai Mengedit
8
Tekan OK
Ceklis Pajak Untuk
Mengaktifkan Pajak
10%
9
9
Memberikan Diskon
Atau Pajak
Tekan Diskon
Untuk Memberikan
Diskon total
Transaksi
9
10
Tekan tombol
Bayar
Masukkan jumlah
uang dari kustomer
11
Muncul Informasi
Transaksi
12
Tekan Selesai
13
13
Tekan Tombol
Tekan Simpan
Untuk Menyimpan
Transaksi
Gambar 114 : Flow Transaksi Penjualan
52 | P a g e
Tekan Cetak Untuk
Mencetak Nota
Transaksi
Transaksi penjualan merupakan proses penjualan barang ke pembeli/customer yang digunakan oleh
kasir untuk mencatat pembelian barang dan harga yang harus dibayar oleh pembeli.
Gambar 115 : Melalui menu sidebar
Gambar 116 : Melalui menu transaksi
Memulai Transaksi
Untum memulai transaksi baru user dapat melakukan dengan menekan tombol transaksi baru.
Gambar 117 : Menekan tombol transaksi baru
53 | P a g e
Mencatat Barang Yang Akan Dibeli
Tata cara pemilihan barang dapat dilakukan dengan 3 (tiga) cara :
1. Dengan menekan gambar barang yang ingin dibeli.
Gambar 118 : Menekan gambar barang.
2. Dengan mengetikkan nama barang atau kode barcode pada kolom teks di atas gambar barang.
Gambar 119 : Mengetik nama barang.
54 | P a g e
3. Atau dengan menggunakan alat barcode scanner dengan men-scan barcode yang terdapat
pada barang dan terlebih dahulu memastikan kolom teks di atas gambar barang muncul.
Gambar 120 : Menggunakan barcode scanner.
Edit Barang
Untuk melakukan pengubahan harga barang (Custom Harga) untuk transaksi negoisasi, jumlah barang,
dan menghapus barang user cukup klik barang.
Gambar 121 : Pilih edit barang
55 | P a g e
Gambar 122 : edit barang
Pembayaran transaksi
Tata cara pembayaran :
Barang yang sudah di pilih telah selesai, user dapat memilih pajak (PPN 10%) dan melakukan potongan
harga (diskon) pada transaksi tersebut.
Gambar 123 : selesai
Pilih Pajak
Gambar 124 : pilih pajak
Pilih diskon
56 | P a g e
Gambar 125 : pajak
Gambar 126 : Pilih diskon
Gambar 127 : Diskon
lalu klik bayar.
Gambar 128 : Pilih bayar
Input uang yang ingin dimasukan.
57 | P a g e
Gambar 129 : input uang
Setelah input uang tekan selesai
Gambar 130 : selesai input uang
58 | P a g e
Transaksi selesai tinggal simpan untuk memulai transaksi baru dan cetak untuk cetak bukti nota
transaksi.
Gambar 131 : simpan
59 | P a g e
Gambar 132 : cetak
Tutup Kas
Ketika toko/warung sudah tutup maka user disarankan untuk melakukan tutup kas. Berikut flow tutup
kas pada aplikasi BOSTOKO sebagai berikut :
1
3
2
Pilih Transaksi
Pilih Tutup Kas
Tampil Popup
Informasi Kas awal
dan Pendapatan
4
Kas Sudah
Tertutup
Gambar 133 : Flow Tutup Kas
Sebelum menutup aplikasi, user akan diberikan pilihan melakukan tutup kas untuk membukukan
keuntungan, jika user memilih tidak maka status kas masih dalam keadaan terbuka. Untuk melakukan
tutup kas udar dapat melakukan seperti berikut :
Gambar 134 : Membuka menu sidebar transaksi
60 | P a g e
Gambar 135 : Memilih menu tutup kas
Gambar 136 : Kas akhir telah tersimpan
61 | P a g e
Logout Kasir
Berikut flow untuk logout kasir pada BOSTOKO :
1
2
Pilih Menu Logout
Konfirmasi Logout
Kasir
Gambar 137 : Flow Logout Kasir
Menu ini untuk membantu user keluar dari aplikasi login kasir .
Gambar 138 : logout
Dapat mengakses menu logout.
Gambar 139 : pilih logout
62 | P a g e
3
Dashboard
Jika tampil popup peringatan maka user dapat memilih Ya untuk logout dari halaman kasir.
Gambar 140 : popup logout
Logout Akun
Untuk keluar dari akun toko user dapat melakukan seperti flow dibawah ini :
1
2
3
Pilih Logout
Dashboard
Halaman Login
Akun
Gambar 141 :Flow Logout Akun
Pada Halaman Dashboard tekan tombol LOGOUT .
63 | P a g e
4
Konfirmasi Logout
Akun
Gambar 142 : Tampilan dashboard
“etelah a da
e eka to
Gambar 143 : Pilih logout
ol logout a da ti ggal teka
ya , lalu anda sudah keluar dari aplikasi
BOSTOKO.
Gambar 144 : popup logout
64 | P a g e
Cara Menghubungkan Perangkat Barcode dengan Smartphone Pada
BOSTOKO
Untuk menghubungkan perangkat barcode pada smarphone, user hanya bisa pada perangkat
smartphone yang support OTG (On The Go) sebagai konverter antara kabel USB dengan port
smartphone. Setiap kali user menyambungkan perangkat barcode pada smartphone, maka
diwajibkan untuk menutup aplikasi BOSTOKO agar menghindari aplikasi force close (terhenti).
Barocde Reader secara prinsip fungsi nya seperti keyboard, jadi ketika pertama kali user akan bingung
untuk menampilkan keyboard smartphone.
Berikut ini cara untuk mengaktifkan kembali keyboard smartphone :
Gambar 145 : Notification Bar Keyboard
Pada halaman Notification Bar akan tampil notifikasi seperti gambar diatas, kemudian user dapat
memilih / klik notifikasi keyboard tersebut.
65 | P a g e
Gambar 146 : Popup Notification Keyboard
Setelah memilik/klik notifikasi keyboard pada notification bar, maka akan tampil pop up seperti
gambar diatas. Kemudian user dapat melakukan non active / Off pada bagian Hardware Physical
Keyboard / Perangkat Keras Keyboard Fisik. Jika sudah non active, maka tampilan seperti gambar
dibawah ini. Kemudian user membuka aplikasi Note atau aplikasi sejenis untuk memastikan
perangkat barcode dengan contoh produk/barang yang memiliki barcode, serta keyboard smartphone
dengan mengetik beberapa teks. Jika berhasil maka perangkat barcode dan keyboard smartphone
dapat berjalan sekaligus. Setelah ini baru user membuka aplikasi BOSTOKO dan siap untuk
bertransaksi dengan pelanggan.
Gambar 147 : Menampilkan Keyboard Smartphone
66 | P a g e
Cara Menghubungkan Perangkat Cash Drawer (Laci Uang) dengan
Smartphone Pada BOSTOKO
Untuk menghubungkan perangkat Cash Drawer (Laci Uang) pada aplikasi BOSTOKO. User dapat
menyambungkan Konektor RJ11 yang terdapat pada Cash Drawer dengan port RJ11 yang terdapat
pada Printer Thermal (Printer Nota). Berikut gambar cara menyambungkan cash drawer dengan
printer thermal :
Gambar 148 : Menghubungkan Cash Drawer Pada Printer Thermal
User dapat menguji apakah Cash Drawer dapat berjalan baik pada aplikasi BOSTOKO dengan
membuka Halaman Setting Printer USB dengan memilih / klik Test Print. Jika cash drawer terbuka
OTOMATIS maka cash drawer siap untuk digunakan pada Aplikasi BOSTOKO.
67 | P a g e
Login Web Dashboard
Untuk masuk ke Halaman Web Dashboard BOSTOKO user dapat melakukan seperti flow dibawah ini
:
Gambar 149 : Flow Login Web Dashboard
Untuk masuk kedalam Web Dashboard BOSTOKO user dapat mengakses pada link berikut ini :
https://pos.BOSTOKO.com/login setelah itu memasukan emal dan password yang didaftarkan
sebelumnya.
Gambar 150 : Halaman Login Web Dashboard
68 | P a g e
Lupa Password
Untuk lupa password user dapat melakukan seperti flow dibawah ini :
Gambar 151 : Flow Lupa Password
Jika
user
lupa
apa
password,
maka
dapat
mengakses
pada
link
https://pos.BOSTOKO.com/admin/forgot Setelah itu user memasukan email yang didaftarkan,
selanjutnya link untuk membuat password baru akan dikirinkan ke email tersebut untuk membuat
password baru.
Gambar 152 : Halaman Lupa Password
69 | P a g e
Dashboard
Untuk melihat Dashboard (Grafik Resume) user dapat melakukan seperti flow dibawah ini :
1
Klik Menu
Dashboard
2
Gambar 153 : Flow Dashboard
Halaman Dashboard menampilkan informasi berupa grafik yaitu :
Grafik Transaksi Penjualan
Peningkatan Penjualan
Total Penjualan
Jumlah Transaksi
5 Produk Terlaris
5 Kategori Terlaris
5 Stok Produk Terbanyak
Gambar 154 : Halaman Dashboard
70 | P a g e
Akan Menampilkan
Grafik Resume
Profile Toko
Untuk melihat dan mengubah profil toko user dapat melakukan seperti flow dibawah ini :
Gambar 155 : Flow Edit Profile
Untuk melakukan konfirmasi pembayaran user dapat melakukan seperti flow dibawah ini :
Gambar 156 : Flow Konfirmasi Pemabayaran
Halaman profile toko untuk melihat data toko dan melihat token yang masaih atof atau tidak, jika
tidak aktif maka user dapat melakukan pembayaran setelah menerima invoice ke email yang
didaftarkan.
Gambar 157 : Halaman Profile
71 | P a g e
Halaman Cabang
Untuk melihat, tambah, mengubah, dan aktif/non aktif cabang user dapat melakukan seperti flow
dibawah ini:
1
2
Pilih Menu Cabang
Menampilkan List
Cabang
3
3
3
Pilih Cabang yang
akan di Edit
Pilih Tambah
4
4
Masukkan Semua
Data cabang yang
diperlukan
Uabah Data
Cabang yang
diperlukan
5
Pilih Simpan
Action
Pilih Aktifkan/Non
Aktifkan Cabang
4
Cabang Berubah
Status
5
Pilih Simpan
Gambar 158 : Flow Cabang
Ada beberapa fungsi yang terdapat pada halaman cabang, yaitu :
Tambah Cabang
Untuk menambahkan cabang user mengklik tombol tambah cabang, kemudian mengisi datadata cabang dan kemudia simpan. Sistem BOSTOKO akan mengirimkan Invoice ke email user
untuk melakukan pembayaran, setelah user melakukan pembayaran maka user melakukan
konfirmasi pembayaran dan jika sukses sistem BOSTOKO akan mengirimkan TOKEN dan
pembayaran sukses ke email user sehingga cabang dapat melakukan transaksi.
Edit Cabang
Untuk mengubah data cabang user dapat memilih cabang yang akan diubah datanya dan
kemudia simpan.
Aktif / Non Aktifkan Cabang
Fungsi ini berfungsi untuk user menentukan apakah cabang tersebut masih aktif atau tidak.
Non aktif yang dimaksud misalkan cabang tersebut telah tutup operasi atau yang lainnya,
maka user disarankan non aktifkan cabang.
72 | P a g e
Gambar 159 : Halaman Cabang
73 | P a g e
Halaman Produk
Berikut flow untuk melihat data-data produk/barang pada BOSTOKO :
1
2
Pilih Menu Barang
Menampilkan List
Barang
Action
3
Pilih Detail
4
Menampilkan Data
barang
Gambar 160 : Flow Produk
Halaman ini berisi data-data produk/barang yang telah disinkroninasi oleh user pada aplikasi Android
BOSTOKO.
Gambar 161 : Halaman Produk/Barang
74 | P a g e
Halaman Pengguna
Berikut flow untuk melihat data-data pengguna dan hak akses (Admin/Kasir) pada BOSTOKO :
1
2
Pilih Menu
Pengguna
Menampilkan List
Pengguna
Gambar 162 : Flow Pengguna
Halaman ini berisi data-data pengguna serta hak akses (Admin/Kasir) yang telah disinkroninasi oleh
user pada aplikasi Android BOSTOKO.
Gambar 163 : Halaman Pengguna
75 | P a g e
Halaman Pemasok
Berikut flow untuk melihat data-data pemasok pada BOSTOKO :
1
2
Pilih Menu
Pemasok
Menampilkan List
Pemasok
Action
3
Pilih Detail
4
Menampilkan Data
Pemasok
Gambar 164 : Flow Pemasok
Halaman ini berisi data-data pemasok yang telah disinkroninasi oleh user pada aplikasi Android
BOSTOKO.
Gambar 165 : Halaman Pemasok
76 | P a g e
Halaman Laporan
Pada BOSTOKO terdapat beberapa laporan yang disajikan untuk memenuhi kebutuhan user akan datadata yang berkaitan dengan aktivitas transaksi yang terjadi pada toko. Laporan yang disediakan
sebagai berikut :
Laporan Transaksi Penjualan
Laporan Stok Produk/Barang
Laporan Penjualan Berdasarkan Barang (*hanya pada lini bisnis retail saja)
Produk Terlaris
Laporan Transaksi Penjualan
Berikut flow untuk melihat laporan transaksi penjualan pada BOSTOKO:
Gambar 166 : Flow Laporan Transaksi Penjualan
Halaman ini memberikan data transaksi penjualan yang telah disinkroninasi oleh user pada aplikasi
Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat laporan
transaksi penjualan.
77 | P a g e
Gambar 167 : Halaman Laporan Transaksi
78 | P a g e
Laporan Stok
Berikut flow untuk melihat laporan stok pada BOSTOKO :
Gambar 168 : Flow Laporan Stok
Halaman ini memberikan data stok produk/barang yang telah disinkroninasi oleh user pada aplikasi
Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat laporan stok.
Gambar 169 : Halaman Laporan Stok
79 | P a g e
Laporan Penjualan Berdasarkan Produk
Berikut flow untuk melihat laporan penjualan berdasarkan produk pada BOSTOKO :
Gambar 170 : Flow Penjualan Berdasarkan Produk
Halaman ini memberikan data penjualan berdasarkan produk yang telah disinkroninasi oleh user pada
aplikasi Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat
laporan penjualan berdasarkan produk.
Gambar 171 : Halaman Laporan Penualan Berdasarkan Barang
80 | P a g e
Produk Terlaris
Berikut flow untuk melihat laporan produk/barang terlaris pada BOSTOKO :
Gambar 172 : Flow Produk Terlaris
Halaman ini memberikan garfik produk/barang terlaris yang dibeli, dan user yang telah disinkroninasi
oleh user pada aplikasi Android BOSTOKO.
81 | P a g e
Gambar 173 : Halaman Laporan Produk/Barang Terlaris
Logout Web Dashboard
Berikut flow untuk logout/keluar dari web dashboard pada BOSTOKO :
1
2
Klik Tombol Logout
Akan keluar dari
Halaman
Dashboard
Gambar 174 : Flow Logout
U tuk keluar/logout user dapat
e gklik to
ol Logout ya g terdapat pada pojok ka a
atas halaman.
Gambar 175 : Halaman Logout
82 | P a g e
MANUAL BOOK
2016
BOSTOKO
Daftar Isi
Daftar Isi ............................................................................................................................................... 2
Register ................................................................................................................................................. 4
Download Aplikasi BOSTOKO ................................................................................................................ 5
Pembayaran Layanan BOSTOKO ........................................................................................................... 7
Login ..................................................................................................................................................... 8
Token .................................................................................................................................................... 9
Login Admin ........................................................................................................................................ 10
Barang ................................................................................................................................................. 13
Menambah Barang ......................................................................................................................... 15
Mengedit Barang ............................................................................................................................ 15
Menghapus Barang ......................................................................................................................... 17
Melihat Detail Barang ..................................................................................................................... 17
Mencari Barang ............................................................................................................................... 18
Kategori .............................................................................................................................................. 19
Menambah Kategori ....................................................................................................................... 21
Mengedit Kategori .......................................................................................................................... 21
Mencari Kategori ............................................................................................................................ 23
Satuan ................................................................................................................................................. 24
Menambah Satuan .......................................................................................................................... 25
Mengedit Satuan............................................................................................................................. 26
Mencari Satuan ............................................................................................................................... 27
Pemasok ............................................................................................................................................. 28
Menambah Pemasok ...................................................................................................................... 29
Mengedit Pemasok ......................................................................................................................... 30
Melihat Detail Pemasok .................................................................................................................. 30
Mencari Pemasok ........................................................................................................................... 31
Pengguna ............................................................................................................................................ 32
Menambah Pengguna ..................................................................................................................... 33
Mengedit Pengguna ........................................................................................................................ 34
Menghapus Pengguna .................................................................................................................... 35
Melihat Detail Pengguna ................................................................................................................. 36
Mencari Pengguna .......................................................................................................................... 36
Laporan ............................................................................................................................................... 37
2|P age
Melihat Laporan Penjualan ............................................................................................................. 38
Melihat Laporan Barang.................................................................................................................. 39
Konfigurasi .......................................................................................................................................... 40
Konfigurasi Toko ............................................................................................................................. 41
Konfigurasi Nota ............................................................................................................................. 42
Sinkronisasi ..................................................................................................................................... 43
Printer Setting ................................................................................................................................. 44
Logout Admin ..................................................................................................................................... 46
Login Kasir........................................................................................................................................... 48
Buka Kas.............................................................................................................................................. 50
Transaksi Penjualan ............................................................................................................................ 52
Memulai Transaksi .......................................................................................................................... 53
Mencatat Barang Yang Akan Dibeli ................................................................................................. 54
Edit Barang ...................................................................................................................................... 55
Pembayaran transaksi ..................................................................................................................... 56
Tutup Kas ............................................................................................................................................ 60
Logout Kasir ........................................................................................................................................ 62
Logout Akun ........................................................................................................................................ 63
Login Web Dashboard ......................................................................................................................... 65
Lupa Password .................................................................................................................................... 69
Dashboard .......................................................................................................................................... 70
Profile Toko ......................................................................................................................................... 71
Halaman Cabang ................................................................................................................................. 72
Halaman Produk ................................................................................................................................. 74
Halaman Pengguna ............................................................................................................................. 75
Halaman Pemasok .............................................................................................................................. 76
Halaman Laporan ................................................................................................................................ 77
Laporan Transaksi Penjualan .......................................................................................................... 77
Laporan Stok ................................................................................................................................... 79
Laporan Penjualan Berdasarkan Produk ......................................................................................... 80
Produk Terlaris ................................................................................................................................ 81
Logout Web Dashboard ...................................................................................................................... 82
3|P age
Register
Berikut ini flow register pada BOSTOKO.
2
1
Masukan Email &
Password
Buka Aplikasi
3
5
4
Email Konfirmasi
Gratis Penggunaan Selama 14 Hari
Database
ELKASSA
BOSTOKO
6
Melakukan Aktivasi
7
Pengguna dapat
melakukan login pada
Aplikasi Android dan Web
Dashboard
Gambar 1 : Flow Register
User dapat melakukan register pada https://bostoko.elkassa.com/register , user dapat mendaftarkan
sesuai denga jenis bisnis yang BOSTOKO sediakan. User dapat memilih sesuai dengan kebutuhan untuk
pendukung bisnis.
Gambar 2 : Register
4|P age
Setelah melakukan register dan berhasil, maka user melakukan aktivasi akun dengan membuka link
aktivasi yang dikirimkan ke email yang didaftarkan. BOSTOKO memberikan gratis layanan selama 14
hari terhitung sejak tanggal user melakukan proses registrasi.
Gambar 3 : Aktivasi Akun
Setelah mendapatkan email, maka user harus melakukan aktivasi akun terlebih dahulu dengan cara
klik to
ol Co fir
E ail Address .
Gambar 4 : Aktivasi Akun Berhasil
Jika proses aktivasi tidak berhasil maka user disarankan untuk malekukan proses aktivasi kembali. Dan
jika tidak berhasil juga maka user dapat menghubungi pihak BOSTOKO melalui channel yang tersedia.
5|P age
Download Aplikasi BOSTOKO
Untuk mendapatkan aplikasi BOSTOKO maka user dapat melakukan proses berikut ini.
Gambar 5 : Flow Download BOSTOKO
User dapat mendownload Aplikasi sesuai dengan lini bisnis ketika mendaftarkan akun yaitu retail atau
grosir.
6|P age
Pembayaran Layanan BOSTOKO
Cara berlangganan layanan BOSTOKO dapat dilakukan seperti flow dibawah ini, yang mana setelah
user mendapatkan email tagihan (invoice) maka user dapat melakukan pembayaran kerekening bang
BOSTOKO .
Pembayaran dapat dilakukan melalui :
ATM
e-Banking
Setor Tunai
M-Banking (SMS Banking)
Dikimkan ke :
Bank Mandiri
KCP Tangerang CBD Ciledug 15518
155-000-564727-9
PT Mozaik Bintang Persada
Selanjutnya melakukan konfirmasi pembayaran ke http://konfirmasi.bostoko.elkassa.com/
1
2
Mendapatkan
Email Invoice
Pengguna Malakukan
Pembayaran ke
Rekening PT Mozaik
3
Pilih Pembayaran
1. Transfer Bank
2. Internet Banking
3. Mobile Banking
ATM
Login akun bank di
dalam mesin ATM
Pembayaran
Login Ke dalam
Internet Banking
4
Pilih Transfer
4
Pilih Transfer
5
Masukkan No
Rekening PT.
Mozaik & Nominal
7
Mobile
Banking
Internet
banking
5
Masukkan No
Rekening PT.
Mozaik & Nominal
6
Informasi
Pembayaran
8
Melakukan konfirmasi
pembayaran
9
Mendapatkan Email
Konfirmasi
Pembayaran
Gambar 6 : Flow Pembayaran BOSTOKO
7|P age
Login Ke dalam
mobile banking
4
Pilih Transfer
5
Masukkan No
Rekening PT.
Mozaik & Nominal
Login
Untuk masuk ke aplikasi BOSTOKO user dapat melakukan seperi flow dibawah ini :
1
Buka Aplikasi /
Buka Web
Dashboard
2
Masukan Email &
Password
3
Dashboard
Gambar 7 : Flow Login
Berikut cara login pada aplikasi BOSTOKO :
1. Buka aplikasi BOSTOKO, setelah itu muncul menu Login. Masukkan username (email)
dan password yang telah didapatkan sebelumnya.
Gambar 8 : Menu Login
2.
Setelah berhasil masuk, menu Dashboard muncul. Pada menu ini, anda dapat memilih menu
admin, kasir, token, dan logout.
Gambar 9 : Tampilan Login
8|P age
Token
Untuk dapat melakukan transaksi maka user dapat melakukan proses sebagai berikut :
Gambar 10 : Flow Token
Token untuk menentukan bahwa akun masih berlaku (tidak kadaluarsa), jika pada halaman dashboard
ada ketera ga
Toke A ti ated
erarti aku anda masih dapat digunakan. Berikut tata cara
memasukan token :
Gambar 11 : Tampilan Dashboard
Gambar 12 : Request Token
Jika token user telah aktif (Token Activated) maka user tidak perlu melakukan proses seperti diatas.
9|P age
Login Admin
Untuk dapat mengelola barang, satuan, kategori, pemasok, dll user dapat melakukannya dengan
masuk ke halaman Admin pada aplikasi BOSTOKO. Berikut flow cara masuk kedalam halaman admin
pada aplikasi BOSTOKO :
1
Pilih Menu
Login Admin
2
Masukkan
Username &
Password
3
Halaman Admin
Gambar 13 : Flow Login Admin
Untuk masuk ke halaman admin dapat memilih menu admin.
Gambar 14 : Tampilan Login
10 | P a g e
Gambar 15 : Pilih Login
Masukkan username dan password admin anda. U tuk user a e default adalah ad i
pass ord default
. “etelah itu aka ta pil hala a Admin BOSTOKO.
Gambar 16 : Menu Login Admin
Gambar 17 : Tampilan Awal Admin
Untuk mengakses menu sidebar dapat diakses dengan 2 cara, yaitu :
1. Menu ini dapat diakses dengan cara menekan tombol yang terdapat pada pojok kiri atas
atau
2. Dengan mengusap layar dari kiri ke kanan.
11 | P a g e
da
Gambar 18 : Menekan tombol kiri atas
Gambar 19 : Mengusap layar dari kiri ke kana
Gambar 20 : Menu Sidebar
12 | P a g e
Barang
Berikut flow untuk mengelola produk/barang pada BOSTOKO :
1
2
Pilih Menu Barang
3
Pilih Detail
4
Menampilkan Data
barang
Menampilkan List
Barang
Action
3
3
Pilih Tambah
4
Masukkan Semua
Data barang yang
diperlukan
5
Pilih Simpan
Pilih Barang yang
akan di Edit
4
Ubah Data barang
yang diperlukan
5
Pilih Simpan
3
pilih barang yang
akan di hapus
4
Konfirmasi Hapus
Barang
5
Barang Berhasil
dihapus
Gambar 21 : Flow Barang
Menu ini untuk membantu user dalam mengelola barang atau produk yang tersedia di toko atau
warung. Menu ini menampilkan barang atau produk yang dijual beserta jumlah stok.
Gambar 22 : Tampilan master barang (list view)
13 | P a g e
Untuk mengakses menu master barang pada menu sidebar, seperti berikut
Gambar 23 : Membuka menu Master Barang
Untuk dapat mengubah tampilan dari list view menjadi grid view dengan menekan tombol Grid.
Gambar 24 : Memilih Grid View
14 | P a g e
Gambar 25 : Tampilan Master Barang (Grid view
Menambah Barang
Untuk menambahkan barang pada master barang dengan menekan tombol Tambah. Kemudian
input data barang yang meliputi nama barang, deskripsi barang, jumlah barang, dan lainnya dengan
lengkap, setelah itu tekan tombol Simpan.
Gambar 26 : Menambah barang
Gambar 27 : Menginput data barang
Mengedit Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list,
kemudian pilih edit.
15 | P a g e
Gambar 28 : Memilih edit barang
Gambar 29 : Mengedit data barang
Gambar 30 : Menyimpan data barang
16 | P a g e
Menghapus Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list
kemudian pilih hapus.
Gambar 31 : Memilih hapus barang
Gambar 32 : Menghapus barang
Melihat Detail Barang
Pada halaman menu barang, pilih dengan cara menekan salah satu barang yang ada pada list,
kemudian pilih detail.
17 | P a g e
Gambar 33 : Memilih detail barang
Gambar 34 : Melihat detail barang
Mencari Barang
Pada halaman menu barang, tekan kolom input yang ada di samping gambar kaca pembesar, lalu ketik
nama barang yang ingin dicari, kemudian enter.
Gambar 35 : Mencari barang
18 | P a g e
Kategori
Berikut flow untuk mengelola kategori produk/barang pada BOSTOKO :
1
2
Pilih Menu
Kategori
Menampilkan List
Kategori
Action
3
Pilih Tambah
4
Masukkan Nama
Kategori
5
Pilih Simpan
3
Pilih Kategori yang
akan di Edit
4
Ubah Nama
Kategori
5
Pilih Simpan
Gambar 36 : Flow Kategori
Menu ini berfungsi untuk mengelola kategori barang atau produk. Sehingga memudahkan dalam
mengelola barang.
Gambar 37 : Tampilan master kategori (list view)
19 | P a g e
Untuk dapat mengakses menu master kategori pada menu sidebar, seperti berikut :
Gambar 38 : Membuka menu Master Kategori
Untuk dapat mengubah tampilan dari list view menjadi grid view dengan menekan tombol Grid.
Gambar 39 : Memilih Grid View
20 | P a g e
Gambar 40 : Tampilan Grid View
Menambah Kategori
Untuk menambahkan kategori pada master kategori dengan menekan tombol Tambah. Kemudian
input nama kategori yang ingin ditambahkan, setelah itu tekan tombol Simpan.
Gambar 41 : Menambah kategori
Gambar 42 : Menginput nama kategori
Mengedit Kategori
Pada halaman menu kategori, pilih dengan cara menekan tanda opsi yang berada di sebelah kanan
nama salah satu kategori yang ada pada list, kemudian pilih edit.
21 | P a g e
Gambar 43 : Menekan tanda opsi kategori
Gambar 44 : Mengedit kategori
Gambar 45 : Menyimpan kategori
22 | P a g e
Mencari Kategori
Pada halaman menu kategori, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama kategori yang ingin dicari, kemudian enter.
Gambar 46 : Mencari kategori
23 | P a g e
Satuan
Berikut flow untuk mengelola satuan produk/barang pada BOSTOKO :
1
2
Pilih Menu Satuan
Menampilkan List
Satuan
Action
3
3
Pilih Tambah
Pilih Kategori yang
akan di Edit
4
4
Jenis Usaha
Masukkan Nama
dan Jumlah Satuan
5
Pilih Simpan
Jenis Usaha
Masukkan Nama
Satuan
Ubah Nama dan
Jumlah Satuan
5
Pilih Simpan
5
Pilih Simpan
Ubah Nama
Satuan
5
Pilih Simpan
Gambar 47 : Flow Satuan
Menu ini berfungsi untuk mengelola satuan barang atau produk apabila ada pembelian dalam skala
besar/grosir. Sehingga memudahkan dalam mengelola barang.
Gambar 48 : Tampilan master satuan
24 | P a g e
Untuk dapat mengakses menu master satuan pada menu sidebar, seperti berikut :
Gambar 49 : Membuka menu Master Satuan
Menambah Satuan
Untuk menambahkan satuan pada master satuan dengan menekan tombol Tambah. Kemudian input
jumlah satuan yang ingin ditambahkan, setelah itu tekan tombol Simpan.
Gambar 50 : Menambah satuan
25 | P a g e
Gambar 51 : Menginput jumlah satuan
Mengedit Satuan
Pada halaman menu satuan, pilih dengan cara menekan tanda opsi yang berada di sebelah kanan
nama salah satu satuan yang ada pada list, kemudian pilih edit.
Gambar 52 : Menekan tanda opsi satuan
Gambar 53 : Mengedit satuan
Gambar 54 : Menyimpan satuan
26 | P a g e
Mencari Satuan
Pada halaman menu satuan, tekan kolom input yang ada di samping gambar kaca pembesar, lalu ketik
nama satuan yang ingin dicari, kemudian enter.
Gambar 55 : Mencari satuan
27 | P a g e
Pemasok
Berikut flow untuk mengelola pemasok produk/barang pada BOSTOKO :
1
2
Pilih Menu
Pemasok
Menampilkan List
Pemasok
Action
3
3
Pilih Tambah
Pilih Detail
4
4
Menampilkan Data
Pemasok
Masukkan semua
data pemasok
yang diperlukan
5
Pilih Simpan
3
Pilih Pemasok
yang akan di Edit
4
Ubah data
pemasok yang
diperlukan
5
Pilih Simpan
Gambar 56 : Flow Pemasok
Menu ini untuk membantu user dalam mengelola pemasok barang atau produk yang telah menjadi
langganan.
Gambar 57 : Tampilan master pemasok
28 | P a g e
Untuk dapat mengakses menu master pemasok pada menu sidebar, seperti berikut :
Gambar 58 : Membuka menu Master Pemasok
Menambah Pemasok
Untuk dapat menambahkan pemasok pada master pemasok dengan menekan tombol Tambah.
Kemudian input data pemasok yang meliputi nama pemasok, alamat pemasok, deskripsi pemasok,
dan lainnya dengan lengkap, setelah itu tekan tombol Simpan.
Gambar 59 : Menambah pemasok
29 | P a g e
Gambar 60 : Menginput data pemasok
Mengedit Pemasok
Pada halaman menu pemasok, pilih dengan cara menekan salah satu pemasok yang ada pada list,
kemudian pilih edit.
Gambar 61 : Memilih edit pemasok
Gambar 62 : Mengedit data pemasok
Melihat Detail Pemasok
Pada halaman menu pemasok, pilih dengan cara menekan salah satu pemasok yang ada pada list,
kemudian pilih detail.
30 | P a g e
Gambar 63 : Memilih detail pemasok
Gambar 64 : Melihat detail pemasok
Mencari Pemasok
Pada halaman menu pemasok, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama pemasok yang ingin dicari, kemudian enter.
Gambar 65 : Mencari pemasok
31 | P a g e
Pengguna
Pengguna pada BOSTOKO terdiri dari Admin dan Kasir, yang mana setiap hak akses meliliki fungsi
masing masing. Admin berfungsi untuk mengelola barang/produk, kategori, satuan, pemasok, dan
konfigurasi. Sedangkan Kasir untuk melakukan proses transaksi yang terjadi pada took maupun
cabang. Berikut flow untuk mengelola pengguna pada BOSTOKO :
1
2
Pilih Menu
Pengguna
Menampilkan List
Pengguna
Action
3
3
Pilih Tambah
Pilih pengguna
yang akan di Edit
4
Masukkan Semua
Data pengguna
yang diperlukan
4
Ubah Data
pangguna yang
diperlukan
5
Pilih Simpan
5
Pilih Simpan
3
Pilih pengguna
yang akan di
hapus
4
Konfirmasi Hapus
Pengguna
5
Barang Berhasil
dihapus
Gambar 66 : Flow Pengguna
Menu ini untuk membantu user dalam me-manage pengguna aplikasi baik itu sebagai admin maupun
kasir.
Gambar 67 : Tampilan master pengguna
32 | P a g e
Untuk dapat mengakses menu master pengguna pada menu sidebar, seperti berikut :
Gambar 68 : Membuka menu Master Pengguna
Menambah Pengguna
Untuk dapat menambahkan pengguna pada master pengguna dengan menekan tombol Tambah.
Kemudian input data pengguna yang meliputi username pengguna, password pengguna, level
pengguna dengan lengkap, setelah itu tekan tombol Simpan.
Gambar 69 : Menambah pengguna
33 | P a g e
Gambar 70 : Menginput data pengguna
Mengedit Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list,
kemudian pilih edit.
Gambar 71 : Memilih edit pengguna
Gambar 72 : Mengedit data pengguna
Pada menu pengguna terdapat dua level pengguna, yaitu admin dan kasir. Admin adalah level
pengguna yang memiliki hak akses penuh dan modifikasi terhadap data-data yang tersimpan di
database. Sedangkan kasir, hanya dapat mengakses tanpa bisa memodifikasi data-data.
34 | P a g e
Gambar 73 : Mengubah level pengguna
Gambar 74 : Mengubah level pengguna
Menghapus Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list
kemudian pilih hapus.
Gambar 75 : Memilih hapus pengguna
35 | P a g e
Gambar 76 : Menghapus pengguna
Melihat Detail Pengguna
Pada halaman menu pengguna, pilih dengan cara menekan salah satu pengguna yang ada pada list,
kemudian pilih detail.
Gambar 77 : Memilih detail pengguna
Gambar 78 : Melihat detail pengguna
Mencari Pengguna
Pada halaman menu pengguna, tekan kolom input yang ada di samping gambar kaca pembesar, lalu
ketik nama penggunna yang ingin dicari, kemudian enter.
Gambar 79 : Mencari pengguna
36 | P a g e
Laporan
Berikut flow untuk melihat laporan yang tersimpan pada database lokal tablet/smartphone user pada
BOSTOKO :
1
2
Action
Pilih Menu Laporan
3
Pilih Penjualan
Periode
4
Masukkan Tanggal
awal dan Tanggal
Akhir Penjualan
3
Pilih Barang
Terlaris
4
Muncul Laporan
Barang Terlaris
5
Pilih Simpan
6
Muncul Laporan
Periode
Gambar 80 : Flow Laporan
Menu ini untuk membantu user dalam me-manage laporan hasil penjualan barang per harinya agar
aliran keuangan dan jumlah barang yang terjual dapat terpantau.
Gambar 81 : Tampilan master laporan
37 | P a g e
Untuk dapat mengakses menu master laporan pada menu sidebar, seperti berikut
Gambar 82 : Membuka menu Master Laporan
Melihat Laporan Penjualan
Untuk dapat melihat laporan penjualan setiap transaksi yang dilakukan oleh kasir setelah melakukan
tutup kas pada menu ini dengan cara meneka tombol Penjualan Periode. Kemudian pilih periode
waktu transaksi yang ingin ditampilkan setelah itu tekan tombol Simpan.
Gambar 83 : Membuka laporan penjualan periode
38 | P a g e
Gambar 84 : Memasukkan periode transaksi
Melihat Laporan Barang
Untuk dapat melihat laporan barang terlaris dengan cara menekan tombol Barang Terlaris.
Gambar 85 : Membuka laporan penjualan periode
39 | P a g e
Gambar 86 : Memasukkan periode transaksi
Konfigurasi
Konfigurasi pada BOSTOKO berfungsi untuk memudahkan user dalam melakukan pengaturan agar
memberikan kemudahan dalam pengelolaan toko dan transaksi. Berikut flow untuk mengatur
konfigurasi profile took, layout nota, sinkronisasi, dan pengaturan printer maupun case drawer (laci
uang) pada BOSTOKO :
1
Pilih Menu
Konfigurasi
3
Pilih Toko
4
Masukkan / Ubah
Data Toko yang
diperlukan
5
Pilih Simpan
2
Action
3
3
Pilih Nota
3
Pilih Sinkron
4
4
Masukan / Ubah
Data Teks Pada
Nota Transaksi
Pilih Printer Setting
4
Tunggu Proses
Sinkron Selesai
5
Halaman Status
Printer
5
Pilih Simpan
Action
6
Pilih Cari Printer
7
Aplikasi Akan
Mencari Printer
Yang terhubung
6
6
Pilih Printer Test
Page
7
Printer Akan
Mencoba
Mencetak
8
OK
Gambar 87 : Flow Kofigurasi
40 | P a g e
Ceklis "Gunakan
Cash Drawer"
Menu ini adalah kumpulan pengaturan tentang profil toko, layout nota, sinkronisasi dan pengaturan
printer.
Gambar 88 : Tampilan menu konfigurasi
Untuk dapat mengakses menu konfigurasi pada menu sidebar, seperti berikut :
Gambar 89 : Membuka menu konfigurasi
Konfigurasi Toko
Anda dapat mengubah profil toko anda dengan cara menekan tombol Konfigurasi Toko. Kemudian
masukkan data toko dengan lengkap, setelah itu tekan tombol Simpan.
41 | P a g e
Gambar 90 : Membuka konfigurasi toko
Gambar 91 : Memasukkan data profil toko
Konfigurasi Nota
Untuk dapat mengubah tampilan nota yang akan dicetak dengan cara menekan tombol Konfigurasi
Nota.
Gambar 92 : Membuka konfigurasi nota
42 | P a g e
,
Gambar 93 : Memasukkan teks layout nota
Sinkronisasi
Untuk dapat melakukan sinkronisasi antara data offline dan data online dengan cara menekan tombol
Sinkronisasi untuk sinkronisasi data dan Sinkronisasi Gambar untuk sinkronisasi gambar
produk/barang. Hal ini di lakukan untuk memudahkan user dalam mengelola data dengan baik.
Gambar 94 : Sinkronisasi Data
43 | P a g e
Gambar 95 : Sinkronisasi Gambar
Printer Setting
Untuk dapat menggatur printer anda dengan cara menekan tombol printer setting.
Gambar 96 : Memilih setting
Gambar 97 : Pilih Printer USB / Bluetooth
Pada BOSTOKO user dapat memilih tediri dari :
1. Printer USB dengan menggunakan kabel USB dan hanya bisa pada perangkat smartphone
yang support OTG (On The Go) sebagai konverter antara kabel USB dengan port smartphone.
Ketika user menyambungkan perangkat pertama kali.
User harus pilih untuk dijadikan USB default dan klik Always / Ok, tidak disarankan klik just
One / Cencel. Kemudian user pilih Cari Printer. Jika berhasil maka status berubah menjadi
Terhubung. Dan untuk memastikan printer berjalan user klik Test Print.
44 | P a g e
Gambar 98 : Printer Setting
2. Printer bluetooth.
Ketika pertama kali menghubungan printer bluetooth dengan BOSTOKO, user harus
melakukan proses pairing smartphone dengan printer bluetooth memalui halaman bluetooth
setting yang terdapat pada perangkat smartphone. Untuk melakukan proses paring user
melakukan seperti proses pairing pada umumnya seperti konek dengan perangkat lain atau
perangkat seperti headset bluetooth. Biasanya dalam proses pairing user diminta untuk
memasukan PIN, PIN tersebut terdapat pada bagian dalam printer.
Setelah proses pairing berhasil maka user masuk ke halaman setting printer bluetooth
BOSTOKO. User pilih Device List kemudian pilih perangkat printer bluetooth, Jika berhasil
maka status berubah menjadi Terhubung. Dan untuk memastikan printer berjalan user klik
Test Print.
Gambar 99 : Printer Belum Konek
45 | P a g e
Gambar 100 : Mencari Printer Terhubung
Logout Admin
Berikut flow untuk logout admin pada BOSTOKO :
1
2
Pilih Menu Logout
Konfirmasi Logout
Admin
3
Gambar 103 : Flow Logout Admin
Menu ini untuk membantu user keluar dari aplikasi admin .
Gambar 101 : Tampilan logout
Untuk dapat mengakses menu logout pada menu sidebar, seperti berikut :
Gambar 102 : Membuka menu Master logout
46 | P a g e
Dashboard
Untuk dapat keluar dari login admin setelah logout .
Gambar 103 : logout
47 | P a g e
Login Kasir
Untuk dapat melakukan buka kas, tutup kas, dan bertransaksi user dapat melakukannya dengan
masuk ke halaman kasir pada aplikasi BOSTOKO. Berikut flow cara masuk kedalam halaman kasir pada
aplikasi BOSTOKO :
1
2
Pilih Kasir
Halaman Login
Kasir
3
Masukkan Nama
Cabang, Username
& Password
4
Action
No
Popup Password /
Token Kadaluarsa
No
Yes
Halaman Kasir
Gambar 104 : Flow Login Kasir
Setelah berhasil masuk, menu Dashboard muncul. Pada menu ini, anda dapat memilih menu admin
atau kasir, lalu pilih login kasir.
Gambar 105 : Dashboard
48 | P a g e
Gambar 106 : Pilih Login
Setelah user masuk ke halaman login kasir, maka user apa memilih cabang, kasir, dan memasukan
password. Untuk settingan default password untuk user kasir adalah
Gambar 107 : Menu Login Kasir
.
Gambar 108 : Tampilan Awal Halaman Kasir
Untuk mengakses menu sidebar dapat diakses dengan 2 cara, yaitu :
1. Menu ini dapat diakses dengan cara menekan tombol yang terdapat pada pojok kiri atas
atau
2. Dengan mengusap layar dari kiri ke kanan.
Gambar 109 : Menu Sidebar
49 | P a g e
Pada Sidebar ini terdapat submenu yang kemudian akan dijelaskan masing-masing, antara lain :
1.
2.
3.
4.
Transaksi Penjualan
Transaksi
Tentang Aplikasi
Logout
Buka Kas
Membuka kas adalah hal yang harus dilakukan pertama kali oleh kasir untuk memulai transaksi
penjualan. Buka kas hanya perlu dilakukan sekali pada saat toko dibuka sampai toko tutup untuk
menutup kas. Berikut flow buka kas pada aplikasi BOSTOKO sebagai berikut :
1
Pilih Menu
Transaksi
2
3
Pilih Buka Kas
Masukkan Kas
Awal
4
Kas Sudah
Terbuka
6
Popup Informasi
Nilai Kas Awal
5
Pilih Buka Kas
Gambar 110 : Flow Buka Kas
Untuk dapat mengakses menu buka kas pada menu sidebar, seperti berikut :
Gambar 111 : Membuka menu sidebar transaksi
50 | P a g e
Gambar 112 : Memilih menu buka kas
Gambar 113 : Tampilan menu buka kas
51 | P a g e
Transaksi Penjualan
Berikut flow transaksi penjualan pada aplikasi BOSTOKO sebagai berikut :
1
Pilih Transaksi
Baru
2
Pilih Barang yang
akan di jual
3
Tekan barang yang
sudah dipilih
4
Muncul Edit Barang
Transaksi
5
Tekan Tombol
6
6
"+" dan "-" untuk
mengurangi jumlah
barang
"Non Aktif" dan
"Aktif" untuk
merubah Harga
7
Masukkan harga
Baru
8
Tekan Batal
Selesai Mengedit
8
Tekan OK
Ceklis Pajak Untuk
Mengaktifkan Pajak
10%
9
9
Memberikan Diskon
Atau Pajak
Tekan Diskon
Untuk Memberikan
Diskon total
Transaksi
9
10
Tekan tombol
Bayar
Masukkan jumlah
uang dari kustomer
11
Muncul Informasi
Transaksi
12
Tekan Selesai
13
13
Tekan Tombol
Tekan Simpan
Untuk Menyimpan
Transaksi
Gambar 114 : Flow Transaksi Penjualan
52 | P a g e
Tekan Cetak Untuk
Mencetak Nota
Transaksi
Transaksi penjualan merupakan proses penjualan barang ke pembeli/customer yang digunakan oleh
kasir untuk mencatat pembelian barang dan harga yang harus dibayar oleh pembeli.
Gambar 115 : Melalui menu sidebar
Gambar 116 : Melalui menu transaksi
Memulai Transaksi
Untum memulai transaksi baru user dapat melakukan dengan menekan tombol transaksi baru.
Gambar 117 : Menekan tombol transaksi baru
53 | P a g e
Mencatat Barang Yang Akan Dibeli
Tata cara pemilihan barang dapat dilakukan dengan 3 (tiga) cara :
1. Dengan menekan gambar barang yang ingin dibeli.
Gambar 118 : Menekan gambar barang.
2. Dengan mengetikkan nama barang atau kode barcode pada kolom teks di atas gambar barang.
Gambar 119 : Mengetik nama barang.
54 | P a g e
3. Atau dengan menggunakan alat barcode scanner dengan men-scan barcode yang terdapat
pada barang dan terlebih dahulu memastikan kolom teks di atas gambar barang muncul.
Gambar 120 : Menggunakan barcode scanner.
Edit Barang
Untuk melakukan pengubahan harga barang (Custom Harga) untuk transaksi negoisasi, jumlah barang,
dan menghapus barang user cukup klik barang.
Gambar 121 : Pilih edit barang
55 | P a g e
Gambar 122 : edit barang
Pembayaran transaksi
Tata cara pembayaran :
Barang yang sudah di pilih telah selesai, user dapat memilih pajak (PPN 10%) dan melakukan potongan
harga (diskon) pada transaksi tersebut.
Gambar 123 : selesai
Pilih Pajak
Gambar 124 : pilih pajak
Pilih diskon
56 | P a g e
Gambar 125 : pajak
Gambar 126 : Pilih diskon
Gambar 127 : Diskon
lalu klik bayar.
Gambar 128 : Pilih bayar
Input uang yang ingin dimasukan.
57 | P a g e
Gambar 129 : input uang
Setelah input uang tekan selesai
Gambar 130 : selesai input uang
58 | P a g e
Transaksi selesai tinggal simpan untuk memulai transaksi baru dan cetak untuk cetak bukti nota
transaksi.
Gambar 131 : simpan
59 | P a g e
Gambar 132 : cetak
Tutup Kas
Ketika toko/warung sudah tutup maka user disarankan untuk melakukan tutup kas. Berikut flow tutup
kas pada aplikasi BOSTOKO sebagai berikut :
1
3
2
Pilih Transaksi
Pilih Tutup Kas
Tampil Popup
Informasi Kas awal
dan Pendapatan
4
Kas Sudah
Tertutup
Gambar 133 : Flow Tutup Kas
Sebelum menutup aplikasi, user akan diberikan pilihan melakukan tutup kas untuk membukukan
keuntungan, jika user memilih tidak maka status kas masih dalam keadaan terbuka. Untuk melakukan
tutup kas udar dapat melakukan seperti berikut :
Gambar 134 : Membuka menu sidebar transaksi
60 | P a g e
Gambar 135 : Memilih menu tutup kas
Gambar 136 : Kas akhir telah tersimpan
61 | P a g e
Logout Kasir
Berikut flow untuk logout kasir pada BOSTOKO :
1
2
Pilih Menu Logout
Konfirmasi Logout
Kasir
Gambar 137 : Flow Logout Kasir
Menu ini untuk membantu user keluar dari aplikasi login kasir .
Gambar 138 : logout
Dapat mengakses menu logout.
Gambar 139 : pilih logout
62 | P a g e
3
Dashboard
Jika tampil popup peringatan maka user dapat memilih Ya untuk logout dari halaman kasir.
Gambar 140 : popup logout
Logout Akun
Untuk keluar dari akun toko user dapat melakukan seperti flow dibawah ini :
1
2
3
Pilih Logout
Dashboard
Halaman Login
Akun
Gambar 141 :Flow Logout Akun
Pada Halaman Dashboard tekan tombol LOGOUT .
63 | P a g e
4
Konfirmasi Logout
Akun
Gambar 142 : Tampilan dashboard
“etelah a da
e eka to
Gambar 143 : Pilih logout
ol logout a da ti ggal teka
ya , lalu anda sudah keluar dari aplikasi
BOSTOKO.
Gambar 144 : popup logout
64 | P a g e
Cara Menghubungkan Perangkat Barcode dengan Smartphone Pada
BOSTOKO
Untuk menghubungkan perangkat barcode pada smarphone, user hanya bisa pada perangkat
smartphone yang support OTG (On The Go) sebagai konverter antara kabel USB dengan port
smartphone. Setiap kali user menyambungkan perangkat barcode pada smartphone, maka
diwajibkan untuk menutup aplikasi BOSTOKO agar menghindari aplikasi force close (terhenti).
Barocde Reader secara prinsip fungsi nya seperti keyboard, jadi ketika pertama kali user akan bingung
untuk menampilkan keyboard smartphone.
Berikut ini cara untuk mengaktifkan kembali keyboard smartphone :
Gambar 145 : Notification Bar Keyboard
Pada halaman Notification Bar akan tampil notifikasi seperti gambar diatas, kemudian user dapat
memilih / klik notifikasi keyboard tersebut.
65 | P a g e
Gambar 146 : Popup Notification Keyboard
Setelah memilik/klik notifikasi keyboard pada notification bar, maka akan tampil pop up seperti
gambar diatas. Kemudian user dapat melakukan non active / Off pada bagian Hardware Physical
Keyboard / Perangkat Keras Keyboard Fisik. Jika sudah non active, maka tampilan seperti gambar
dibawah ini. Kemudian user membuka aplikasi Note atau aplikasi sejenis untuk memastikan
perangkat barcode dengan contoh produk/barang yang memiliki barcode, serta keyboard smartphone
dengan mengetik beberapa teks. Jika berhasil maka perangkat barcode dan keyboard smartphone
dapat berjalan sekaligus. Setelah ini baru user membuka aplikasi BOSTOKO dan siap untuk
bertransaksi dengan pelanggan.
Gambar 147 : Menampilkan Keyboard Smartphone
66 | P a g e
Cara Menghubungkan Perangkat Cash Drawer (Laci Uang) dengan
Smartphone Pada BOSTOKO
Untuk menghubungkan perangkat Cash Drawer (Laci Uang) pada aplikasi BOSTOKO. User dapat
menyambungkan Konektor RJ11 yang terdapat pada Cash Drawer dengan port RJ11 yang terdapat
pada Printer Thermal (Printer Nota). Berikut gambar cara menyambungkan cash drawer dengan
printer thermal :
Gambar 148 : Menghubungkan Cash Drawer Pada Printer Thermal
User dapat menguji apakah Cash Drawer dapat berjalan baik pada aplikasi BOSTOKO dengan
membuka Halaman Setting Printer USB dengan memilih / klik Test Print. Jika cash drawer terbuka
OTOMATIS maka cash drawer siap untuk digunakan pada Aplikasi BOSTOKO.
67 | P a g e
Login Web Dashboard
Untuk masuk ke Halaman Web Dashboard BOSTOKO user dapat melakukan seperti flow dibawah ini
:
Gambar 149 : Flow Login Web Dashboard
Untuk masuk kedalam Web Dashboard BOSTOKO user dapat mengakses pada link berikut ini :
https://pos.BOSTOKO.com/login setelah itu memasukan emal dan password yang didaftarkan
sebelumnya.
Gambar 150 : Halaman Login Web Dashboard
68 | P a g e
Lupa Password
Untuk lupa password user dapat melakukan seperti flow dibawah ini :
Gambar 151 : Flow Lupa Password
Jika
user
lupa
apa
password,
maka
dapat
mengakses
pada
link
https://pos.BOSTOKO.com/admin/forgot Setelah itu user memasukan email yang didaftarkan,
selanjutnya link untuk membuat password baru akan dikirinkan ke email tersebut untuk membuat
password baru.
Gambar 152 : Halaman Lupa Password
69 | P a g e
Dashboard
Untuk melihat Dashboard (Grafik Resume) user dapat melakukan seperti flow dibawah ini :
1
Klik Menu
Dashboard
2
Gambar 153 : Flow Dashboard
Halaman Dashboard menampilkan informasi berupa grafik yaitu :
Grafik Transaksi Penjualan
Peningkatan Penjualan
Total Penjualan
Jumlah Transaksi
5 Produk Terlaris
5 Kategori Terlaris
5 Stok Produk Terbanyak
Gambar 154 : Halaman Dashboard
70 | P a g e
Akan Menampilkan
Grafik Resume
Profile Toko
Untuk melihat dan mengubah profil toko user dapat melakukan seperti flow dibawah ini :
Gambar 155 : Flow Edit Profile
Untuk melakukan konfirmasi pembayaran user dapat melakukan seperti flow dibawah ini :
Gambar 156 : Flow Konfirmasi Pemabayaran
Halaman profile toko untuk melihat data toko dan melihat token yang masaih atof atau tidak, jika
tidak aktif maka user dapat melakukan pembayaran setelah menerima invoice ke email yang
didaftarkan.
Gambar 157 : Halaman Profile
71 | P a g e
Halaman Cabang
Untuk melihat, tambah, mengubah, dan aktif/non aktif cabang user dapat melakukan seperti flow
dibawah ini:
1
2
Pilih Menu Cabang
Menampilkan List
Cabang
3
3
3
Pilih Cabang yang
akan di Edit
Pilih Tambah
4
4
Masukkan Semua
Data cabang yang
diperlukan
Uabah Data
Cabang yang
diperlukan
5
Pilih Simpan
Action
Pilih Aktifkan/Non
Aktifkan Cabang
4
Cabang Berubah
Status
5
Pilih Simpan
Gambar 158 : Flow Cabang
Ada beberapa fungsi yang terdapat pada halaman cabang, yaitu :
Tambah Cabang
Untuk menambahkan cabang user mengklik tombol tambah cabang, kemudian mengisi datadata cabang dan kemudia simpan. Sistem BOSTOKO akan mengirimkan Invoice ke email user
untuk melakukan pembayaran, setelah user melakukan pembayaran maka user melakukan
konfirmasi pembayaran dan jika sukses sistem BOSTOKO akan mengirimkan TOKEN dan
pembayaran sukses ke email user sehingga cabang dapat melakukan transaksi.
Edit Cabang
Untuk mengubah data cabang user dapat memilih cabang yang akan diubah datanya dan
kemudia simpan.
Aktif / Non Aktifkan Cabang
Fungsi ini berfungsi untuk user menentukan apakah cabang tersebut masih aktif atau tidak.
Non aktif yang dimaksud misalkan cabang tersebut telah tutup operasi atau yang lainnya,
maka user disarankan non aktifkan cabang.
72 | P a g e
Gambar 159 : Halaman Cabang
73 | P a g e
Halaman Produk
Berikut flow untuk melihat data-data produk/barang pada BOSTOKO :
1
2
Pilih Menu Barang
Menampilkan List
Barang
Action
3
Pilih Detail
4
Menampilkan Data
barang
Gambar 160 : Flow Produk
Halaman ini berisi data-data produk/barang yang telah disinkroninasi oleh user pada aplikasi Android
BOSTOKO.
Gambar 161 : Halaman Produk/Barang
74 | P a g e
Halaman Pengguna
Berikut flow untuk melihat data-data pengguna dan hak akses (Admin/Kasir) pada BOSTOKO :
1
2
Pilih Menu
Pengguna
Menampilkan List
Pengguna
Gambar 162 : Flow Pengguna
Halaman ini berisi data-data pengguna serta hak akses (Admin/Kasir) yang telah disinkroninasi oleh
user pada aplikasi Android BOSTOKO.
Gambar 163 : Halaman Pengguna
75 | P a g e
Halaman Pemasok
Berikut flow untuk melihat data-data pemasok pada BOSTOKO :
1
2
Pilih Menu
Pemasok
Menampilkan List
Pemasok
Action
3
Pilih Detail
4
Menampilkan Data
Pemasok
Gambar 164 : Flow Pemasok
Halaman ini berisi data-data pemasok yang telah disinkroninasi oleh user pada aplikasi Android
BOSTOKO.
Gambar 165 : Halaman Pemasok
76 | P a g e
Halaman Laporan
Pada BOSTOKO terdapat beberapa laporan yang disajikan untuk memenuhi kebutuhan user akan datadata yang berkaitan dengan aktivitas transaksi yang terjadi pada toko. Laporan yang disediakan
sebagai berikut :
Laporan Transaksi Penjualan
Laporan Stok Produk/Barang
Laporan Penjualan Berdasarkan Barang (*hanya pada lini bisnis retail saja)
Produk Terlaris
Laporan Transaksi Penjualan
Berikut flow untuk melihat laporan transaksi penjualan pada BOSTOKO:
Gambar 166 : Flow Laporan Transaksi Penjualan
Halaman ini memberikan data transaksi penjualan yang telah disinkroninasi oleh user pada aplikasi
Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat laporan
transaksi penjualan.
77 | P a g e
Gambar 167 : Halaman Laporan Transaksi
78 | P a g e
Laporan Stok
Berikut flow untuk melihat laporan stok pada BOSTOKO :
Gambar 168 : Flow Laporan Stok
Halaman ini memberikan data stok produk/barang yang telah disinkroninasi oleh user pada aplikasi
Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat laporan stok.
Gambar 169 : Halaman Laporan Stok
79 | P a g e
Laporan Penjualan Berdasarkan Produk
Berikut flow untuk melihat laporan penjualan berdasarkan produk pada BOSTOKO :
Gambar 170 : Flow Penjualan Berdasarkan Produk
Halaman ini memberikan data penjualan berdasarkan produk yang telah disinkroninasi oleh user pada
aplikasi Android BOSTOKO. Lapoan juga dapat di unduh (download) sehingga user dapat melihat
laporan penjualan berdasarkan produk.
Gambar 171 : Halaman Laporan Penualan Berdasarkan Barang
80 | P a g e
Produk Terlaris
Berikut flow untuk melihat laporan produk/barang terlaris pada BOSTOKO :
Gambar 172 : Flow Produk Terlaris
Halaman ini memberikan garfik produk/barang terlaris yang dibeli, dan user yang telah disinkroninasi
oleh user pada aplikasi Android BOSTOKO.
81 | P a g e
Gambar 173 : Halaman Laporan Produk/Barang Terlaris
Logout Web Dashboard
Berikut flow untuk logout/keluar dari web dashboard pada BOSTOKO :
1
2
Klik Tombol Logout
Akan keluar dari
Halaman
Dashboard
Gambar 174 : Flow Logout
U tuk keluar/logout user dapat
e gklik to
ol Logout ya g terdapat pada pojok ka a
atas halaman.
Gambar 175 : Halaman Logout
82 | P a g e