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.
Register 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 tombol “Confirm Email 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 MELAKUKAN PEMBAYARAN 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 AKUN 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 keterangan “Token Activated” berarti akun 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
Login Admin
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. Untuk username default adalah “admin” dan password default “1234”. Setelah itu akan tampil halaman 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
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 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 satuanSatuan 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
Pengguna
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 “1234”.
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
Gambar 143 : Pilih logout
Setelah anda menekan tombol logout anda tinggal tekan ‘’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
Untuk keluar/logout user dapat mengklik tombol ‘Logout’ yang terdapat pada pojok kanan atas halaman.
Gambar 175 : Halaman Logout
82 | P a g e
