DAFTAR GAMBAR

Halaman

2.1 Kerangka Pikir.................................................................................................. 7

2.2 Tahapan Ilistrasi Metode Long Polling.............................................................10

2.3 Tahapan Ilustrasi Metode Webhook.................................................................10

2.4 Tingkat Penggunaan Metode Pembayan di Benua Asia...................................16

4.1 Gambaran Umum Sistem Toko Online .........................................................36

4.2 Flowcart Konsumen.......................................................................................37

4.3 Flowcart Pemilik Toko dan Pegawai toko.....................................................38

4.4 Use Case Diagram ........................................................................................39

4.5 Activity Diagram TokoOnline Anugrah Bangunan .......................................41

4.6 Activity Diagram Bot Client Custumer.........................................................42

4.7 Sequence diagram Tambah Jenis Produk......................................................43

4.8 Sequence diagram Edit Jenis Produk.............................................................43

4.9 Sequence diagram Hapus Jenis Produk.........................................................44

4.10 Sequence diagram Tambah Produk...............................................................44

4.11 Sequence diagram Edit Produk......................................................................44

4.12 Sequence diagram Hapus Produk..................................................................45

4.13 Sequence diagram Edit Pesanan....................................................................45

4.14 Sequence diagram Hapus Pesanan.................................................................45

4.15 Sequence diagram Tambah User...................................................................46

4.16 Sequence diagram Edit User..........................................................................46

xi
 xii

4.17 Sequence diagram Hapus User......................................................................46

4.18 Sequence diagram Tambah Rekening............................................................47

4.19 Sequence diagram Edit Rekening..................................................................47

4.20 Sequence diagram Hapus Rekening...............................................................47

4.21 Sequence diagram Tambah Ukuran Produk..................................................48

4.22 Sequence diagram Edit Ukuran Produk.........................................................48

4.23 Sequence diagram Hapus Ukuran Produk.....................................................48

4.24 Sequence diagram Tambah Satuan Produk....................................................49

4.25 Sequence diagram Edit Satuan Produk..........................................................49

4.26 Sequence diagram Hapus Satuan Produk......................................................49

4.27 ERD Sistem Toko Online Anugrah Bangunan..............................................50

4.28 Rancangan Halaman Login............................................................................52

4.29 Rancangan Tampilan Input Halaman Produk................................................52

4.30 Rancangan Tampilan Input User Management..............................................53

4.31 Rancangan Input Ukuran, Jumlah, Nama, Alamat, dan Nomor Handphone

.....................................................................................................................53

4.32 Rancangan Tampilan Input Nomor Transaksi, Nama, Rekening Asal dan

Rekening Tujuan............................................................................................54

4.33 Rancangan Tampilan Halaman Dashboard...................................................54

4.34 Rancangan Tampilan Halaman Produk Side Admin......................................55

4.35 Rancangan Tampilan Produk Side Pegawai...................................................55

4.36 Rancangan Tampilan Halaman Pesanan Side Admin.....................................56

4.37 Rancangan Tampilan Halaman Pesanan Side Pegawai..................................56

 xiii

Halaman

4.38 Rancangan Tampilan Halaman Pesanan User Management..........................57

4.39 Rancangan Tampilan Halaman Rekening......................................................58

4.40 Rancangan Menu Utama Bot Toko Anugrah Bangunan................................59

4.41 Rancangan Menu Pemilihan Jenis Produk.....................................................59

4.42 Rancangan Menu Pilihan Produk Bot Toko Anugrah Bangunan..................60

4.43 Rancangan Menu Pilihan Pesan atau Tidak...................................................61

4.44 Rancangan Menu Pilihan Provinsi Tujuan.....................................................62

4.45 Rancangan Menu Pilihan Kabupaten Tujuan.................................................62

4.46 Rancangan Menu Pilihan Metode Pembayaran.............................................63

4.47 Rancangan Menu Pilihan Bank Tujuan Transfer...........................................64

4.48 Rancangan Menu Persetujuan Pesanan..........................................................64

4.49 Rancangan Menu Status Pemesanan..............................................................65

4.50 Rancangan MenuInformasi............................................................................65

5.1 Halaman Dashboard Web..............................................................................68

5.2 Listing Dashboard Web.................................................................................68

5.3 Tampilan Halaman Login Dengan Pesan Error.............................................69

5.4 Listing Halaman Login Dengan Pesan Error.................................................69

5.5 Tampilan Halaman Penambahan Data User..................................................70

5.6 Tampilan Halaman Data Berhasil Ditambahkan............................................70

5.7 Listing Halaman Penambahan Data User......................................................71

5.8 Tampilan Halaman Edit Data User................................................................71

5.9 Listing Halaman Edit Data User....................................................................72

 xiv

Halaman

5.10 Tampilan Halaman Popup Saat Data Admindan User Akan Dihapus...........72

5.11 Listing Halaman Popup Saat Data Akan Dihapus.........................................73

5.12 Tampilan Halaman Penambahan Data Produk..............................................73

5.13 Listing Halaman Penambahan Data Produk...................................................73

5.14 Tampilan Halaman Edit Data Produk Admin.................................................74

5.15 Listing Halaman Edit Data Produk Admin.....................................................75

5.16 Tampilan Halaman Popup Saat Data Produk Akan Dihapus.........................75

5.17 Listing Halaman Popup Saat Data Produk Akan Dihapus.............................76

5.18 Tampilan Halaman Popup Saat Data Pemesanan barang Akan Dihapus......76

5.19 Listing Halaman Popup Saat Data Pemesanan barang Akan Dihapus..........76

5.20 Tampilan Halaman Penambahan Nomor Rekening.......................................77

5.21 Listing Halaman Penambahan Nomor Rekening...........................................77

5.22 Tampilan Halaman Edit Nomor Rekening.....................................................78

5.23 Listing Halaman Edit Nomor Rekening.........................................................78

5.24 Tampilan Halaman Popup Saat Data Nomor Rekening Akan Dihapus........79

5.25 Listing Halaman Popup Saat Data Nomor Rekening Akan Dihapus.............79

5.26 Halaman Produk Web Side Pegawai..............................................................80

5.27 Listing Halaman Produk Web Side Pegawai..................................................80

5.28 Tampilan Halaman Penambahan Data Produk..............................................81

5.29 Tampilan Halaman Setelah Penambahan Data Produk..................................81

5.30 Listing Halaman Penambahan Data Produk...................................................81

5.31 Halaman Pemesanan Side Pegawai................................................................82

 xv

Halaman

5.32 Listing Halaman Pemesanan Side Pegawai....................................................82

5.33 Tampilan Halaman Popup Saat Akan Menghapus Pemesanan.....................82

5.34 Listing Halaman Popup Saat Akan Menghapus Pemesanan..........................83

5.35 Tampilan Interface Halaman Produk.............................................................84

5.36 Listing Interface Halaman Produk.................................................................84

5.37 Tampilan Interface Halaman Pemilihan Produk............................................84

5.38 Listing Interface Halaman Pemilihan Produk................................................85

5.39 Tampilan Interface Halaman Pesan atau Tidak Produk.................................85

5.40 LIsting Interface Halaman Pesan atau Tidak Produk.....................................85

5.41 Tampilan Interface Halaman Ukuran, Jumlah Produk, Nama Pemesan,

Alamat Pemesan dan Nomor Handphone......................................................86

5.42 Listing Interface Halaman Ukuran, Jumlah Produk, Nama Pemesan, Alamat

Pemesan dan Nomor Handphone...................................................................86

5.43 Tampilan Interface Halaman Pilih Provinsi Tujuan Pengiriman...................87

5.44 Listing Interface Halaman Pilih Provinsi Tujuan Pengiriman.......................87

5.45 Tampilan Interface Halaman Pilih Kabupaten Tujuan Pengiriman...............88

5.46 Listing Interface Halaman Pilih Kabupaten Tujuan Pengiriman...................88

5.47 Tampilan Interface Halaman Memilih Metode Pembayaran.........................89

5.48 Listing Interface Halaman Memilih Metode Pembayaran.............................89

5.49 Tampilan Interface Halaman Memilih Bank Transfer Tujuan.......................90

5.50 Listing Interface Halaman Memilih Bank Transfer Tujuan...........................90

5.51 Tampilan Interface Halaman Menu Konfirmasi Pesanan..............................91

 xvi

Halaman

5.52 Listing Interface Halaman Menu Konfirmasi Pesanan..................................91

5.53 Tampilan Interface Halaman Menu Input Kode Pemesanan.........................91

5.54 Listing Interface Halaman Menu Input Kode Pemesanan.............................92

5.55 Pengiriman Bukti Pembayran........................................................................92

5.56 Listing Pengiriman Bukti Pembayran............................................................92

5.57 Tampilan Interface Halaman Menu Konfirmasi Pesanan..............................93

5.58 Listing Interface Halaman Menu Konfirmasi Pesanan..................................93

5.59 Tampilan Interface Halaman Menu Status Pemesanan..................................93

5.60 Listing Interface Halaman Menu Status Pemesanan......................................93