DOKUMEN PRODUK MANUAL BOOK BOSTOKO

Transkripsi

1 DOKUMEN PRODUK MANUAL BOOK 2016 BOSTOKO

2 Daftar Isi Daftar Isi... 2 Register... 4 Download Aplikasi BOSTOKO... 5 Pembayaran Layanan BOSTOKO... 7 Login... 8 Token... 9 Login Admin Barang Menambah Barang Mengedit Barang Menghapus Barang Melihat Detail Barang Mencari Barang Kategori Menambah Kategori Mengedit Kategori Mencari Kategori Satuan Menambah Satuan Mengedit Satuan Mencari Satuan Pemasok Menambah Pemasok Mengedit Pemasok Melihat Detail Pemasok Mencari Pemasok Pengguna Menambah Pengguna Mengedit Pengguna Menghapus Pengguna Melihat Detail Pengguna Mencari Pengguna Laporan P a g e

3 Melihat Laporan Penjualan Melihat Laporan Barang Konfigurasi Konfigurasi Toko Konfigurasi Nota Sinkronisasi Printer Setting Logout Admin Login Kasir Buka Kas Transaksi Penjualan Memulai Transaksi Mencatat Barang Yang Akan Dibeli Edit Barang Pembayaran transaksi Tutup Kas Logout Kasir Logout Akun Login Web Dashboard Lupa Password Dashboard Profile Toko Halaman Cabang Halaman Produk Halaman Pengguna Halaman Pemasok Halaman Laporan Laporan Transaksi Penjualan Laporan Stok Laporan Penjualan Berdasarkan Produk Produk Terlaris Logout Web Dashboard P a g e

4 Berikut ini flow register pada BOSTOKO. Register Register 1 Buka Aplikasi 2 Masukan & Password 3 5 Konfirmasi Gratis Penggunaan Selama 14 Hari 4 Database BOSTOKO ELKASSA 6 Melakukan Aktivasi 7 Pengguna dapat melakukan login pada Aplikasi Android dan Web Dashboard Gambar 1 : Flow Register User dapat melakukan register pada user dapat mendaftarkan sesuai denga jenis bisnis yang BOSTOKO sediakan. User dapat memilih sesuai dengan kebutuhan untuk pendukung bisnis. Gambar 2 : Register 4 P a g e

5 Setelah melakukan register dan berhasil, maka user melakukan aktivasi akun dengan membuka link aktivasi yang dikirimkan ke yang didaftarkan. BOSTOKO memberikan gratis layanan selama 14 hari terhitung sejak tanggal user melakukan proses registrasi. Gambar 3 : Aktivasi Akun Setelah mendapatkan , maka user harus melakukan aktivasi akun terlebih dahulu dengan cara klik tombol Confirm 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 a g e

6 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 a g e

7 Pembayaran Layanan BOSTOKO Cara berlangganan layanan BOSTOKO dapat dilakukan seperti flow dibawah ini, yang mana setelah user mendapatkan tagihan (invoice) maka user dapat melakukan pembayaran kerekening bang BOSTOKO. Pembayaran dapat dilakukan melalui : ATM e-banking Dikimkan ke : Setor Tunai M-Banking (SMS Banking) Bank Mandiri KCP Tangerang CBD Ciledug PT Mozaik Bintang Persada Selanjutnya melakukan konfirmasi pembayaran ke 1 Mendapatkan Invoice 2 Pengguna Malakukan Pembayaran ke Rekening PT Mozaik 3 Pilih Pembayaran 1. Transfer Bank 2. Internet Banking 3. Mobile Banking Pembayaran ATM Internet banking Mobile Banking Login akun bank di dalam mesin ATM 4 Pilih Transfer 5 Masukkan No Rekening PT. Mozaik & Nominal Login Ke dalam Internet Banking 4 Pilih Transfer 5 Masukkan No Rekening PT. Mozaik & Nominal Login Ke dalam mobile banking 4 Pilih Transfer 5 Masukkan No Rekening PT. Mozaik & Nominal 7 6 Informasi Pembayaran 8 Melakukan konfirmasi pembayaran 9 Mendapatkan Konfirmasi Pembayaran Gambar 6 : Flow Pembayaran BOSTOKO 7 P a g e

8 Login Untuk masuk ke aplikasi BOSTOKO user dapat melakukan seperi flow dibawah ini : 1 Buka Aplikasi / Buka Web Dashboard 2 Masukan & Password 3 Dashboard Berikut cara login pada aplikasi BOSTOKO : Gambar 7 : Flow Login 1. Buka aplikasi BOSTOKO, setelah itu muncul menu Login. Masukkan username ( ) 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 a g e

9 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 a g e

10 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 : Pilih Menu Login Admin Masukkan Username & Password Halaman Admin Gambar 13 : Flow Login Admin Untuk masuk ke halaman admin dapat memilih menu admin. Gambar 14 : Tampilan Login Gambar 15 : Pilih Login 10 P a g e

11 Masukkan username dan password admin anda. Untuk username default adalah admin dan password default 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

12 Gambar 18 : Menekan tombol kiri atas Gambar 19 : Mengusap layar dari kiri ke kana Gambar 20 : Menu Sidebar 12 P a g e

13 Barang Berikut flow untuk mengelola produk/barang pada BOSTOKO : 1 Pilih Menu Barang 2 Menampilkan List Barang Action Pilih Detail Pilih Tambah Pilih Barang yang akan di Edit pilih barang yang akan di hapus Menampilkan Data barang Masukkan Semua Data barang yang diperlukan Ubah Data barang yang diperlukan Konfirmasi Hapus Barang Pilih Simpan Pilih Simpan 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

14 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 14 P a g e

15 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

16 Gambar 28 : Memilih edit barang Gambar 29 : Mengedit data barang Gambar 30 : Menyimpan data barang 16 P a g e

17 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

18 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

19 Kategori Berikut flow untuk mengelola kategori produk/barang pada BOSTOKO : 1 Pilih Menu Kategori 2 Menampilkan List Kategori Action 3 3 Pilih Tambah Pilih Kategori yang akan di Edit 4 4 Masukkan Nama Kategori Ubah Nama Kategori 5 5 Pilih Simpan 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

20 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 20 P a g e

21 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

22 Gambar 43 : Menekan tanda opsi kategori Gambar 44 : Mengedit kategori Gambar 45 : Menyimpan kategori 22 P a g e

23 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

24 Satuan Berikut flow untuk mengelola satuan produk/barang pada BOSTOKO : 1 Pilih Menu Satuan 2 Menampilkan List Satuan Action 3 3 Pilih Tambah 4 Pilih Kategori yang akan di Edit 4 Jenis Usaha Jenis Usaha Masukkan Nama dan Jumlah Satuan Masukkan Nama Satuan Ubah Nama dan Jumlah Satuan Ubah Nama Satuan Pilih Simpan Pilih Simpan Pilih Simpan 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

25 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 25 P a g e

26 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

27 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

28 Pemasok Berikut flow untuk mengelola pemasok produk/barang pada BOSTOKO : 1 Pilih Menu Pemasok 2 Menampilkan List Pemasok Action Pilih Detail Pilih Tambah Pilih Pemasok yang akan di Edit 4 Menampilkan Data Pemasok 4 Masukkan semua data pemasok yang diperlukan 5 4 Ubah data pemasok yang diperlukan 5 Pilih Simpan Pilih Simpan Gambar 56 : Flow Pemasok Menu ini untuk membantu user dalam mengelola pemasok barang atau produk yang telah menjadi langganan. 28 P a g e Gambar 57 : Tampilan master pemasok

29 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 29 P a g e

30 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

31 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

32 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 Pilih Menu Pengguna 2 Menampilkan List Pengguna Action Pilih Tambah Pilih pengguna yang akan di Edit Pilih pengguna yang akan di hapus 4 Masukkan Semua Data pengguna yang diperlukan 5 4 Ubah Data pangguna yang diperlukan 5 4 Konfirmasi Hapus Pengguna 5 Pilih Simpan Pilih Simpan 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

33 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 33 P a g e

34 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

35 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 35 P a g e

36 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

37 Laporan Berikut flow untuk melihat laporan yang tersimpan pada database lokal tablet/smartphone user pada BOSTOKO : 1 Pilih Menu Laporan 2 Action 3 Pilih Penjualan Periode 3 Pilih Barang Terlaris 4 Masukkan Tanggal awal dan Tanggal Akhir Penjualan 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

38 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 38 P a g e

39 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 39 P a g e

40 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 2 Pilih Menu Konfigurasi Action Pilih Toko Pilih Nota Pilih Sinkron Pilih Printer Setting Masukkan / Ubah Data Toko yang diperlukan Masukan / Ubah Data Teks Pada Nota Transaksi Tunggu Proses Sinkron Selesai Halaman Status Printer Pilih Simpan Pilih Simpan Action Pilih Cari Printer Pilih Printer Test Page Ceklis "Gunakan Cash Drawer" 7 7 Aplikasi Akan Mencari Printer Yang terhubung Printer Akan Mencoba Mencetak 8 OK Gambar 87 : Flow Kofigurasi 40 P a g e

41 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

42 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 42 P a g e

43 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 43 P a g e

44 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

45 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 45 P a g e

46 Logout Admin Berikut flow untuk logout admin pada BOSTOKO : Konfirmasi Logout Pilih Menu Logout Admin Dashboard 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

47 Untuk dapat keluar dari login admin setelah logout. Gambar 103 : logout 47 P a g e

48 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 Pilih Kasir 2 3 Masukkan Nama Halaman Login Kasir Cabang, Username & Password 4 No Action No Yes Popup Password / Token Kadaluarsa 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 Gambar 106 : Pilih Login 48 P a g e

49 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

50 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 : 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 Gambar 112 : Memilih menu buka kas 50 P a g e

51 51 P a g e Gambar 113 : Tampilan menu buka kas

52 Transaksi Penjualan Berikut flow transaksi penjualan pada aplikasi BOSTOKO sebagai berikut : 1 Pilih Transaksi Baru 2 Pilih Barang yang akan di jual 3 4 Tekan barang yang sudah dipilih 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 Tekan Batal 8 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 Tekan tombol Bayar 10 Masukkan jumlah uang dari kustomer Muncul Informasi Transaksi Tekan Selesai Tekan Tombol Tekan Simpan Untuk Menyimpan Transaksi Tekan Cetak Untuk Mencetak Nota Transaksi Gambar 114 : Flow Transaksi Penjualan 52 P a g e

53 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

54 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

55 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 55 P a g e

56 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. Pilih Pajak Gambar 123 : selesai Gambar 124 : pilih pajak Gambar 125 : pajak Pilih diskon 56 P a g e

57 Gambar 126 : Pilih diskon Gambar 127 : Diskon lalu klik bayar. Gambar 128 : Pilih bayar Input uang yang ingin dimasukan. 57 P a g e

58 Gambar 129 : input uang Setelah input uang tekan selesai Gambar 130 : selesai input uang 58 P a g e

59 Transaksi selesai tinggal simpan untuk memulai transaksi baru dan cetak untuk cetak bukti nota transaksi. Gambar 131 : simpan Gambar 132 : cetak 59 P a g e

60 Tutup Kas Ketika toko/warung sudah tutup maka user disarankan untuk melakukan tutup kas. Berikut flow tutup kas pada aplikasi BOSTOKO sebagai berikut : 1 Pilih Transaksi 2 3 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 Gambar 135 : Memilih menu tutup kas 60 P a g e

61 61 P a g e Gambar 136 : Kas akhir telah tersimpan

62 Logout Kasir Berikut flow untuk logout kasir pada BOSTOKO : Konfirmasi Logout Pilih Menu Logout Kasir Dashboard Gambar 137 : Flow Logout Kasir Menu ini untuk membantu user keluar dari aplikasi login kasir. Dapat mengakses menu logout. Gambar 138 : logout Gambar 139 : pilih logout 62 P a g e

63 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 Dashboard 2 3 Pilih Logout Konfirmasi Logout Akun Halaman Login Akun 4 Gambar 141 :Flow Logout Akun Pada Halaman Dashboard tekan tombol LOGOUT. 63 P a g e

64 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

65 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

66 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

67 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

68 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 : setelah itu memasukan emal dan password yang didaftarkan sebelumnya. Gambar 150 : Halaman Login Web Dashboard 68 P a g e

69 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 Setelah itu user memasukan yang didaftarkan, selanjutnya link untuk membuat password baru akan dikirinkan ke tersebut untuk membuat password baru. Gambar 152 : Halaman Lupa Password 69 P a g e

70 Dashboard Untuk melihat Dashboard (Grafik Resume) user dapat melakukan seperti flow dibawah ini : 1 Klik Menu Dashboard 2 Akan Menampilkan Grafik Resume 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

71 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 yang didaftarkan. Gambar 157 : Halaman Profile 71 P a g e

72 Halaman Cabang Untuk melihat, tambah, mengubah, dan aktif/non aktif cabang user dapat melakukan seperti flow dibawah ini: 1 Pilih Menu Cabang 2 Menampilkan List Cabang Action Pilih Tambah Pilih Cabang yang akan di Edit Pilih Aktifkan/Non Aktifkan Cabang Masukkan Semua Data cabang yang diperlukan Uabah Data Cabang yang diperlukan Cabang Berubah Status 5 5 Pilih Simpan 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 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 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

73 73 P a g e Gambar 159 : Halaman Cabang

74 Halaman Produk Berikut flow untuk melihat data-data produk/barang pada BOSTOKO : 1 Pilih Menu Barang 2 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

75 Halaman Pengguna Berikut flow untuk melihat data-data pengguna dan hak akses (Admin/Kasir) pada BOSTOKO : 1 Pilih Menu Pengguna 2 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

76 Halaman Pemasok Berikut flow untuk melihat data-data pemasok pada BOSTOKO : 1 Pilih Menu Pemasok 2 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

77 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

78 78 P a g e Gambar 167 : Halaman Laporan Transaksi

79 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. 79 P a g e Gambar 169 : Halaman Laporan Stok

80 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. 80 P a g e Gambar 171 : Halaman Laporan Penualan Berdasarkan Barang

81 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

82 Gambar 173 : Halaman Laporan Produk/Barang Terlaris Logout Web Dashboard Berikut flow untuk logout/keluar dari web dashboard pada BOSTOKO : 1 Klik Tombol Logout 2 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