DOKUMEN PRODUK

MANUAL BOOK 2016

BOSTOKO

2 | P a g e

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

3 | P a g e

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

4 | P a g e

Register Berikut ini flow register pada BOSTOKO.

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

Register

DatabaseELKASSA

Masukan Email & Password

Melakukan Aktivasi

1Buka Aplikasi

Email KonfirmasiGratis Penggunaan Selama 14 Hari

Pengguna dapat melakukan login pada

Aplikasi Android dan Web Dashboard

2

3

45

6

7

BOSTOKO

5 | P a g e

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.

6 | P a g e

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.

7 | P a g e

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/

Gambar 6 : Flow Pembayaran BOSTOKO

Login akun bank di dalam mesin ATM

2

MELAKUKAN PEMBAYARAN

Pilih Pembayaran1. Transfer Bank2. Internet Banking3. Mobile Banking

5

Pembayaran

Login Ke dalam Internet Banking

Login Ke dalam mobile banking

Pilih Transfer

Masukkan No Rekening PT.

Mozaik & Nominal

Pilih Transfer

Masukkan No Rekening PT.

Mozaik & Nominal

Pilih Transfer

Masukkan No Rekening PT.

Mozaik & Nominal

ATMInternetbanking

Mobile Banking

4

6

5

4

5

4

Informasi Pembayaran

Melakukan konfirmasi pembayaran

Mendapatkan Email Konfirmasi

Pembayaran

8

7

9

Mendapatkan Email Invoice

1

Pengguna Malakukan Pembayaran ke

Rekening PT Mozaik

3

8 | P a g e

Login Untuk masuk ke aplikasi BOSTOKO user dapat melakukan seperi flow dibawah ini :

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

Masukan Email & Password

Dashboard

1

LOGIN AKUN

Buka Aplikasi / Buka Web Dashboard

2

3

9 | P a g e

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.

10 | P a g e

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 :

Gambar 13 : Flow Login Admin

Untuk masuk ke halaman admin dapat memilih menu admin.

Gambar 14 : Tampilan Login

Gambar 15 : Pilih Login

1

Login Admin

2 3Pilih Menu

Login Admin

Masukkan Username & Password

Halaman Admin

11 | P a g e

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.

12 | P a g e

Gambar 18 : Menekan tombol kiri atas Gambar 19 : Mengusap layar dari kiri ke kana

Gambar 20 : Menu Sidebar

13 | P a g e

Barang Berikut flow untuk mengelola produk/barang pada BOSTOKO :

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)

1Menampilkan List

Barang

2ActionPilih Menu Barang

Pilih Tambah

Masukkan Semua Data barang yang

diperlukan

Pilih Simpan

3

4

5

Pilih Barang yang akan di Edit

Ubah Data barang yang diperlukan

Pilih Simpan

3

4

5

3

4

5

pilih barang yang akan di hapus

Konfirmasi Hapus Barang

Barang Berhasil dihapus

Pilih Detail

Menampilkan Data barang

3

4

14 | 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

Gambar 25 : Tampilan Master Barang (Grid view

15 | P a g e

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.

16 | P a g e

Gambar 28 : Memilih edit barang Gambar 29 : Mengedit data barang

Gambar 30 : Menyimpan data barang

17 | 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.

18 | 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

19 | P a g e

Kategori Berikut flow untuk mengelola kategori produk/barang pada BOSTOKO :

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)

1

Kategori

Menampilkan List Kategori

2

Action

Pilih Menu Kategori

Pilih Tambah

Masukkan Nama Kategori

Pilih Simpan

4

5

Pilih Kategori yang akan di Edit

Ubah Nama Kategori

Pilih Simpan

3

4

5

3

20 | 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 Gambar 40 : Tampilan Grid View

21 | P a g e

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.

22 | P a g e

Gambar 43 : Menekan tanda opsi kategori Gambar 44 : Mengedit kategori

Gambar 45 : Menyimpan kategori

23 | 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

24 | P a g e

Satuan Berikut flow untuk mengelola satuan produk/barang pada BOSTOKO :

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

1

Satuan

Menampilkan List Satuan

2

Action

Pilih Menu Satuan

Pilih Tambah

Masukkan Nama Satuan

Pilih Simpan

4

5

Pilih Kategori yang akan di Edit

3

4

3

Jenis Usaha

Masukkan Nama dan Jumlah Satuan

Pilih Simpan

5

Ubah Nama Satuan

Pilih Simpan

5

Jenis Usaha

Ubah Nama dan Jumlah Satuan

Pilih Simpan

5

25 | 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 Gambar 51 : Menginput jumlah satuan

26 | P a g e

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

27 | 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

28 | P a g e

Pemasok Berikut flow untuk mengelola pemasok produk/barang pada BOSTOKO :

Gambar 56 : Flow Pemasok

Menu ini untuk membantu user dalam mengelola pemasok barang atau produk yang telah menjadi

langganan.

Gambar 57 : Tampilan master pemasok

1Menampilkan List

Pemasok

2

Action

Pilih Menu Pemasok

Pilih Tambah

Masukkan semua data pemasok

yang diperlukan

Pilih Simpan

4

5

Pilih Pemasok yang akan di Edit

Ubah data pemasok yang

diperlukan

Pilih Simpan

3

4

5

3

Pilih Detail

Menampilkan Data Pemasok

3

4

29 | 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 Gambar 60 : Menginput data pemasok

30 | P a g e

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.

31 | 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

32 | 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 :

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

1

Pengguna

Menampilkan List Pengguna

2ActionPilih Menu

Pengguna

Pilih Tambah

Masukkan Semua Data pengguna yang diperlukan

Pilih Simpan

3

4

5

Pilih pengguna yang akan di Edit

Ubah Data pangguna yang

diperlukan

Pilih Simpan

3

4

5

3

4

5

Pilih pengguna yang akan di

hapus

Konfirmasi Hapus Pengguna

Barang Berhasil dihapus

33 | 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 Gambar 70 : Menginput data pengguna

34 | P a g e

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.

35 | 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 Gambar 76 : Menghapus pengguna

36 | P a g e

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

37 | P a g e

Laporan Berikut flow untuk melihat laporan yang tersimpan pada database lokal tablet/smartphone user pada

BOSTOKO :

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

1Pilih Menu Laporan

Pilih Penjualan Periode

Masukkan Tanggal awal dan Tanggal Akhir Penjualan

3

Pilih Simpan

Muncul Laporan Periode

Action

2

4

5

6

Pilih Barang Terlaris

Muncul Laporan Barang Terlaris

3

4

38 | 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 Gambar 84 : Memasukkan periode transaksi

39 | P a g e

Melihat Laporan Barang

Untuk dapat melihat laporan barang terlaris dengan cara menekan tombol Barang Terlaris.

Gambar 85 : Membuka laporan penjualan periode Gambar 86 : Memasukkan periode transaksi

40 | P a g e

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 :

Gambar 87 : Flow Kofigurasi

1 2Pilih Menu Konfigurasi

Pilih Toko

Masukkan / Ubah Data Toko yang

diperlukan

Pilih Simpan

Action

Pilih Nota

Masukan / Ubah Data Teks Pada Nota Transaksi

Pilih Simpan

Pilih Sinkron

Tunggu ProsesSinkron Selesai

Halaman Status Printer

Pilih Printer Setting

Pilih Cari Printer Pilih Printer Test Page

Printer Akan Mencoba Mencetak

Aplikasi Akan Mencari Printer Yang terhubung

Ceklis "Gunakan Cash Drawer"

Action

OK

3

4

5

3

4

5

3 3

4

3

4

5

6

7

8

6 6

7

41 | P a g e

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.

42 | 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 , Gambar 93 : Memasukkan teks layout nota

43 | P a g e

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 Gambar 95 : Sinkronisasi Gambar

44 | P a g e

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.

45 | 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 Gambar 100 : Mencari Printer Terhubung

46 | P a g e

Logout Admin Berikut flow untuk logout admin pada BOSTOKO :

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

Pilih Menu Logout

1 2 3Konfirmasi Logout

AdminDashboard

47 | P a g e

Untuk dapat keluar dari login admin setelah logout .

Gambar 103 : logout

48 | 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 :

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 Gambar 106 : Pilih Login

1Pilih Kasir

2 3 Masukkan Nama Cabang, Username

& Password

Halaman Login Kasir

4

Action

Popup Password / Token Kadaluarsa

Halaman Kasir

No NoYes

49 | P a g e

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

50 | P a g e

Pada Sidebar ini terdapat submenu yang kemudian akan dijelaskan masing-masing, antara lain :

1. Transaksi Penjualan

2. Transaksi

3. Tentang Aplikasi

4. 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 :

Gambar 110 : Flow Buka Kas

Untuk dapat mengakses menu buka kas pada menu sidebar, seperti berikut :

Gambar 111 : Membuka menu sidebar transaksi Gambar 112 : Memilih menu buka kas

Pilih Buka Kas

1Pilih Menu Transaksi

2 3

Popup Informasi Nilai Kas Awal

Masukkan Kas Awal

Pilih Buka KasKas Sudah

Terbuka

4

56

51 | P a g e

Gambar 113 : Tampilan menu buka kas

52 | P a g e

Transaksi Penjualan Berikut flow transaksi penjualan pada aplikasi BOSTOKO sebagai berikut :

Gambar 114 : Flow Transaksi Penjualan

1

Pilih Transaksi Baru

Pilih Barang yang akan di jual

2

Tekan tombol Bayar

Masukkan jumlah uang dari kustomer

Tekan SelesaiMuncul Informasi

Transaksi

Tekan Simpan Untuk Menyimpan

Transaksi

Tekan Cetak Untuk Mencetak Nota

Transaksi

Tekan Tombol

Tekan barang yang sudah dipilih

Muncul Edit Barang Transaksi

"+" dan "-" untuk mengurangi jumlah

barang

"Non Aktif" dan "Aktif" untuk

merubah Harga

Tekan Tombol

Masukkan harga Baru

Tekan OK

Ceklis Pajak Untuk Mengaktifkan Pajak

10%

Tekan Diskon Untuk Memberikan

Diskon total Transaksi

Selesai MengeditTekan Batal

Memberikan DiskonAtau Pajak

3 4

5

6 6

8

8

9

10

11

12

13 13

9 9

7

53 | P a g e

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

54 | 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.

55 | 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 Gambar 122 : edit barang

56 | P a g e

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 Gambar 125 : pajak

Pilih diskon

57 | P a g e

Gambar 126 : Pilih diskon Gambar 127 : Diskon

lalu klik bayar.

Gambar 128 : Pilih bayar

Input uang yang ingin dimasukan.

58 | P a g e

Gambar 129 : input uang

Setelah input uang tekan selesai

Gambar 130 : selesai input uang

59 | P a g e

Transaksi selesai tinggal simpan untuk memulai transaksi baru dan cetak untuk cetak bukti nota

transaksi.

Gambar 131 : simpan Gambar 132 : cetak

60 | P a g e

Tutup Kas Ketika toko/warung sudah tutup maka user disarankan untuk melakukan tutup kas. Berikut flow tutup

kas pada aplikasi BOSTOKO sebagai berikut :

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 Gambar 135 : Memilih menu tutup kas

1

Pilih Transaksi Pilih Tutup KasTampil Popup

Informasi Kas awal dan Pendapatan

2 3Kas Sudah

Tertutup

4

61 | P a g e

Gambar 136 : Kas akhir telah tersimpan

62 | P a g e

Logout Kasir Berikut flow untuk logout kasir pada BOSTOKO :

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

Pilih Menu Logout

1 2 3Konfirmasi Logout

KasirDashboard

63 | P a g e

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 :

Gambar 141 :Flow Logout Akun

Pada Halaman Dashboard tekan tombol ‘’LOGOUT’’.

Pilih Logout

1Dashboard

2 3Konfirmasi Logout

Akun

Halaman Login Akun

4

64 | P a g e

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

65 | 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.

66 | 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

67 | 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.

68 | 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

69 | 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

70 | P a g e

Dashboard Untuk melihat Dashboard (Grafik Resume) user dapat melakukan seperti flow dibawah ini :

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

Akan Menampilkan Grafik Resume

1Klik Menu

Dashboard

2

71 | P a g e

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

72 | P a g e

Halaman Cabang Untuk melihat, tambah, mengubah, dan aktif/non aktif cabang user dapat melakukan seperti flow

dibawah ini:

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 data-

data 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.

1Menampilkan List

Cabang

2ActionPilih Menu Cabang

Pilih Cabang yang akan di Edit

Uabah Data Cabang yang

diperlukan

Pilih Simpan

3

4

5

Pilih Aktifkan/Non Aktifkan Cabang

Cabang Berubah Status

3

4

Pilih Tambah

Masukkan Semua Data cabang yang

diperlukan

3

4

Pilih Simpan

5

73 | P a g e

Gambar 159 : Halaman Cabang

74 | P a g e

Halaman Produk Berikut flow untuk melihat data-data produk/barang pada BOSTOKO :

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

1Menampilkan List

Barang

2ActionPilih Menu Barang

Pilih Detail

Menampilkan Data barang

3

4

75 | P a g e

Halaman Pengguna Berikut flow untuk melihat data-data pengguna dan hak akses (Admin/Kasir) pada BOSTOKO :

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

1Menampilkan List

Pengguna

2Pilih Menu Pengguna

76 | P a g e

Halaman Pemasok Berikut flow untuk melihat data-data pemasok pada BOSTOKO :

Gambar 164 : Flow Pemasok

Halaman ini berisi data-data pemasok yang telah disinkroninasi oleh user pada aplikasi Android

BOSTOKO.

Gambar 165 : Halaman Pemasok

1Menampilkan List

Pemasok

2

Action

Pilih Menu Pemasok

Pilih Detail

Menampilkan Data Pemasok

3

4

77 | P a g e

Halaman Laporan Pada BOSTOKO terdapat beberapa laporan yang disajikan untuk memenuhi kebutuhan user akan data-

data 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.

78 | P a g e

Gambar 167 : Halaman Laporan Transaksi

79 | 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

80 | 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

81 | 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.

82 | P a g e

Gambar 173 : Halaman Laporan Produk/Barang Terlaris

Logout Web Dashboard Berikut flow untuk logout/keluar dari web dashboard pada BOSTOKO :

Gambar 174 : Flow Logout

Untuk keluar/logout user dapat mengklik tombol ‘Logout’ yang terdapat pada pojok kanan

atas halaman.

Gambar 175 : Halaman Logout

Akan keluar dari Halaman

Dashboard

1Klik Tombol Logout

2