Post on 07-Jan-2023
44
BAB IV
ANALISIS DAN PERANCANGAN
4.1 Analisis Sistem
Analisis sistem yang sedang berjalan pada proses penjualan pada Toko
Lucky Shop Tanjung Balai yaitu:
1. Pelanggan menyerahkan produk belanjaan dengan harga yang sudah tertera.
2. Kasir menerima produk belanjaan tersebut dan mencatatnya di buku besar.
3. Kasir membuat faktur penjualan sebanyak 2 (dua) rangkap dan
menandatanganinya.
4. Faktur penjualan yang telah ditandatangani oleh Kasir diserahkan kepada
Pelanggan sebanyak 1 (satu) rangkap dan 1 (satu) rangkap lagi disimpan oleh
Kasir untuk dijadikan arsip.
5. Berdasarkan faktur penjualan tersebut, kasisr membuat laporan penjualan
sebanyak 2 (dua) rangkap lalu diserahkan kepada Pemilik.
6. Pemilik menerima laporan penjualan tersebut, dan menandatanganinya.
Setelah ditandatangani oleh Pemilik, sebanyak 1 (satu) rangkap laporan
penjualan tersebut disimpan oleh Pemilik dan 1 (satu) rangkap lagi
diserahkan kepada Kasir untuk dijadikan arsip.
Berdasarkan penjelasan analisis sistem yang sedang berjalan dalam
penjualan pada Toko Lucky Shop Tanjung Balai dibuatlah gambar aliran sistem
informasi untuk memudahkan melihat gambaran sistem penjualan yang terjadi:
45
Kasir Pelanggan Pemilik
Produk dan HargaPilih Produk dan Harga
Mencatat dibuku manual
Faktur penjualan
Arsip
TTD
Faktur penjualan yang telah di TTD oleh kasir
Faktur penjualan yang telah di TTD oleh kasir
Laporan Penjualan Laporan Penjualan
TTD
Laporan Penjualan yang telah di TTD
oleh Pemilik
Laporan Penjualan yang telah di TTD
oleh Pemilik
Arsip
Lihat Produk Dan Harga
Gambar 4.1 Aliran Sistem Informasi Lama
46
4.1.1 Analisis Masalah
Mengenal masalah merupakan langkah pertama yang dilakukan dalam
tahap analisis sistem. Oleh karena itulah pada tahap analisis sistem langkah
pertama yang harus dilakukan oleh analisis adalah mengidentifikan terlebih
dahulu masalah-masalah yang terjadi. Adapun masalah yang terjadi dalam sistem
penjulan Toko Lucky Shop Tanjung Balai adalah:
1. Belum adanya aplikasi penjualan pada toko Lucky Shop yang memudahkan
pembeli untuk membeli barang.
2. Belum adanya usaha dari toko Lucky Shop untuk perluasan wilayah
pemasaran diluar wilayah Tanjung Balai dan untuk menjaring pelanggan-
pelanggan baru.
4.1.2 Analisis Kebutuhan Sistem
Mengatasi permasalahan pada sistem yang lama perlu adanya
pengembangan dan perubahan ke sistem yang baru dengan menganalisis apa yang
menjadi kebutuhan pemakainya. Berikut ini adalah analisis kebutuhan yang harus
dilakukan:
4.1.2.1 Analisis Data
Analisis data terdiri atas analisis data masukan dan analisis data keluaran.
Data masukan yang dibutuhkan adalah data penjualan di Toko Lucky Shop
Tanjung Balai. Dalam penelitian ini, segala akses yang masih konvensional
memperlambat proses penjualan dan perluasan target penjualan sehingga
dirancang dan dibangun sebuah sistem E-CRM berbasis web dengan bahasa
47
pemrograman PHP dan database MySQL. Analisis kebutuhan keluaran berupa
tampilan sistem yang dirancangan menggunakan perangkat lunak pendukung
Microsoft Visio. Program aplikasi ini nantinya akan dijalankan pada sistem
operasi yang digunakan oleh penulis dalam penelitian ini. Setelah selesai, program
aplikasi akan dihosting di id hostinger sehingga dapat digunakan dimanapun dan
kapanpun dengan bantuan jaringan internet.
4.1.2.2 Analisis Pengguna
Pengguna adalah orang yang memiliki wewenang untuk menggunakan
sistem. Adapun pengguna dari perancangan E-CRM pada Toko Lucky Shop
Tanjung Balai adalah:
1. Admin memperoleh hak akses untuk login ke sistem, mengelola data,
menginput, mengedit, menghapus, mengedit dan mencetak data yaitu data
kategori, data barang, data suplier, data kurir, data kota, data pembelian, data
order dan data kupon.
2. Pelanggan memperoleh hak akses untuk login ke sistem, memasukkan barang
ke keranjang belanja, mengelola kategori barang yang diinginkan dan
melakukan order.
3. Suplier memperoleh hak akses untuk login ke sistem dan mengelola
pembelian.
4.1.2.3 Analisis Perangkat Keras
Spesifikasi minimal perangkat keras yang digunakan untuk perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
48
Tabel 4.1 Perangkat Keras
No Nama Hardware Spesifikasi
1 CPU (Central Processing Unit) Processor 1.6 GHz
Memory 4 GB
Harddiskt 465,5 GB
2 Monitor 14.0” HD LED LCD
3 Keyboard 84 Keys
4 Mouse Optical/Touchpad
5 Printer Epson L360
4.1.2.4 Analisis Perangkat Lunak
Spesifikasi perangkat lunak yang digunakan untuk perancangan E-CRM
pada Toko Lucky Shop Tanjung Balai adalah:
Tabel 4.2 Perangkat Lunak
No Kebutuhan Keterangan
1 Sistem Operasi Windows 7
2 Bahasa Pemrograman PHP
3 Dabase MySQL
4 Web Server XAMPP
5 Web Browser Mozilla Firefox
6 Text Editor Sublime Text
4.2 Analisis Biaya
Berikut ini adalah analisis biaya yang dikeluarkan selama pembuatan
skripsi perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
Tabel 4.3 Analisis Biaya
No Material Pemakaian Kuantitas Jumlah Harga
1 Kertas A4 70 gr Operasional 3 Rp. 120.000,-
2 Printer Operasional 1 Rp.500.000.-
3 Clip binder Operasional 3 Rp.10.000.-
4 Map Operasional 2 Rp.5.000.-
5 Tinta Printer Operasional 4 Rp.60.000,-
6 Pulpen Operasional 2 Rp.5.000.-
Sub Total Rp.700.000,-
49
4.3 Perancangan Sistem Secara Umum
4.3.1 Analisis Sistem Baru
Aliran sistem informasi baru dari perancangan E-CRM pada Toko Lucky
Shop Tanjung Balai adalah:
1. User memulai program dengan membrowsing website. Kemudian User
memesan barang yang diinginkan. Barang tersebut telah otomatis
mendapatkan diskon sesuai dengan ketentuan yang ada. Setelah user
memesan barang yang diinginkan maka website memunculkan pilihan, yaitu
jika belum mempunyai akun maka otomatis muncul pemberitahuan untuk
melakukan proses daftar. Jika sudah mempunyai akun maka aktor user
berubah menjadi aktor pelanggan.
2. Pelanggan mengisi form keranjang belanja, kemudian melakukan konfirmasi
pembelian.
3. Administrator mengecek form keranjang belanja, dan melakukan update data
order dan pembayaran. Data order menghasilkan data detail order. Kemudian
Admministrator melakukn update data barang yang menghasilkan data stok.
4. Admin melakukan login ke sistem kemudian melihat stok barang yang ada.
Apabila stok barang mulai menipis maka admin melakukan pemesanan
barang ke suplier dengan mengklik menu pembelian.
5. Admin meng-klik tombel tambah pembelian, menginputkan data pembelian
dan menunggu disetujui oleh suplier.
6. Suplier melakukan login ke sistem adan menerima pemberitahuan pembelian
barang dari Admin. Kemudian Suplier menyetujui pembelian dan status
pembelian menjadi ok.
50
Berdasarkan penjelasan analisis sistem yang diusulkan dalam perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai dibuatlah gambar aliran sistem
informasi untuk memudahkan melihat gambaran sistem penjualan yang terjadi:
User Pelanggan Administrator Suplier
Browshing Website
Memesan Berang
Sudah Mempunyai
Akun
Memberikan Informasi Untuk Proses Daftar
Form Keranjang Belanja
Belum
Update Data Order dan Pembayaran
Data Order
Pengisian FormKeranjang Belanja
Form Keranjang Belanja
Konfirmasi Pembelian
DB
Update Data Barang
sudah
Detail Order
Barang
Cek Stok dan Melakukan Pemesanan
Input Pembelian dan Menunggu Persetujuan
Form Pembelian Barang
Form Pembelian Barang
Form Pembelian Barang Disetujui
Pembelian Disetujui dan Stok Bertambah
Form Pembelian Barang yang Disetujui
Form Pembelian Barang
Menyetujui Pembelian
Form Pembelian Barang Disetujui
Melakukan Transaksi
MengunjungiWebsite
Melihat Bukti Transaksi
Pemilik
Form Pembelian Barang yang Disetujui
Form Pembelian Barang
A
A
Informasi Untuk membuat akun
Gambar 4.2 Aliran Sistem Informasi yang Diusulkan
51
4.3.2 Unified Modeling Language (UML)
Unifed Modelling Language (UML) adalah salah satu standart bahasa yang
banyak digunakan di dunia industri untuk mendefenisikan requirement, membuat
analisis dan desain, serta menggambarkan arsitektur dalam pemrograman
berorientasi objek. Berikut perancangan menggunakan UML:
1. Use Case Diagram
Berikut adalah use case diagram Admin dari perancangan E-CRM pada
Toko Lucky Shop Tanjung Balai:
Gambar 4.3 Use Case Diagram Admin
52
Berikut adalah use case diagram supplier dari perancangan E-CRM pada
Toko Lucky Shop Tanjung Balai:
Gambar 4.4 Use Case Diagram Supplier
Berikut adalah use case diagram pelanggan dari perancangan E-CRM
pada Toko Lucky Shop Tanjung Balai:
Gambar 4.5 Use Case Diagram Pelanggan
53
2. Class Diagram
Berikut ini adalah class diagram dari perancangan E-CRM pada Toko
Lucky Shop Tanjung Balai:
Gambar 4.6 Class Diagram
3. Sequence Diagram
Sequence diagram dari perancangan E-CRM pada Toko Lucky Shop
Tanjung Balai terdiri atas beberapa diagram yaitu:
a. Sequence Diagram Login Admin
Berikut ini adalah sequence diagram mengelola login yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
54
Gambar 4.7 Sequence Diagram Login Admin
b. Sequence Diagram Admin Mengelola Beranda
Berikut ini adalah sequence diagram mengelola beranda yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.8 Sequence Diagram Admin Mengelola Beranda
c. Sequence Diagram Admin Mengelola Kategori
Berikut ini adalah sequence diagram mengelola kategori yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
55
Gambar 4.9 Sequence Diagram Admin Mengelola Kategori
d. Sequence Diagram Admin Mengelola Barang
Berikut ini adalah sequence diagram mengelola barang yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
56
Gambar 4.10 Sequence Diagram Admin Mengelola Barang
e. Sequence Diagram Admin Mengelola Kurir
Berikut ini adalah sequence diagram mengelola kurir yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
57
Gambar 4.11 Sequence Diagram Admin Mengelola Kurir
f. Sequence Diagram Admin Mengelola Kota
Berikut ini adalah sequence diagram mengelola kota yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
58
Gambar 4.12 Sequence Diagram Admin Mengelola Kota
g. Sequence Diagram Admin Mengelola Pembelian
Berikut ini adalah sequence diagram mengelola pembelian yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
59
Gambar 4.13 Sequence Diagram Admin Mengelola Pembelian
h. Sequence Diagram Admin Mengelola Order
Berikut ini adalah sequence diagram mengelola order yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
60
Gambar 4.14 Sequence Diagram Admin Mengelola Order
i. Sequence Diagram Admin Mengelola Kupon
Berikut ini adalah sequence diagram mengelola kupon yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.15 Sequence Diagram Admin Mengelola Kupon
61
j. Sequence Diagram Admin Mengelola Logout
Berikut ini adalah sequence diagram mengelola logout yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.16 Sequence Diagram Admin Mengelola Logout
k. Sequence Diagram Pelanggan Mengelola Login
Berikut ini adalah sequence diagram mengelola login yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.17 Sequence Diagram Pelanggan Mengelola Login
62
l. Sequence Diagram Pelanggan Mengelola Beranda
Berikut ini adalah sequence diagram mengelola beranda yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.18 Sequence Diagram Pelanggan Mengelola Beranda
m. Sequence Diagram Pelanggan Mengelola Barang
Berikut ini adalah sequence diagram mengelola barang yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.19 Sequence Diagram Pelanggan Mengelola Barang
63
n. Sequence Diagram Pelanggan Mengelola Keranjang Belanja
Berikut ini adalah sequence diagram mengelola keranjang belanja yang
dilakukan oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop
Tanjung Balai:
Gambar 4.20 Sequence Diagram Pelanggan Mengelola Keranjang Belanja
o. Sequence Diagram Pelanggan Mengelola Kategori
Berikut ini adalah sequence diagram mengelola kategori yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
64
Gambar 4.21 Sequence Diagram Pelanggan Mengelola Kategori
p. Sequence Diagram Pelanggan Mengelola Order
Berikut ini adalah sequence diagram mengelola order yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.22 Sequence Diagram Pelanggan Mengelola Order
65
q. Sequence Diagram Pelanggan Mengelola Logout
Berikut ini adalah sequence diagram mengelola logout yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.23 Sequence Diagram Pelanggan Mengelola Logout
r. Sequence Diagram Supplier Mengelola Login
Berikut ini adalah sequence diagram mengelola login yang dilakukan oleh
supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.24 Sequence Diagram Supplier Mengelola Login
66
s. Sequence Diagram Supplier Mengelola Beranda
Berikut ini adalah sequence diagram mengelola beranda yang dilakukan
oleh supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.25 Sequence Diagram Supplier Mengelola Beranda
t. Sequence Diagram Supplier Mengelola Pembelian
Berikut ini adalah sequence diagram mengelola pembelian yang dilakukan
oleh supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.26 Sequence Diagram Supplier Mengelola Pembelian
67
u. Sequence Diagram Supplier Mengelola Logout
Berikut ini adalah sequence diagram mengelola logout yang dilakukan
oleh supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Gambar 4.27 Sequence Diagram Supplier Mengelola Logout
4. Activity Diagram
Activity diagram dari perancangan E-CRM pada Toko Lucky Shop
Tanjung Balai terdiri atas beberapa diagram yaitu:
a. Activity Diagram Login Admin
Berikut ini adalah activity diagram mengelola login yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
68
Admin Sistem
Masuk AplikasiMasuk Aplikasi Menampilkan Form Login
Menampilkan Form Login
Masukkan Username dan Password
Masukkan Username dan Password
Pilih LevelPilih Level Tampilkan Menu Level
Tampilkan Menu Level
Pilih Level Sebagai Admin
Pilih Level Sebagai Admin
Klik LoginKlik Login
Menampilkan Menu Utama
Menampilkan Menu Utama
Gambar 4.28 Activity Diagram Login Admin
b. Activity Diagram Admin Mengelola Beranda
Berikut ini adalah activity diagram mengelola beranda yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Beranda
Menampilkan Form Beranda
Memilih Proses Yang Akan Dilakukan
Lihat
Gambar 4.29 Activity Diagram Admin Mengelola Beranda
69
c. Activity Diagram Admin Mengelola Kategori
Berikut ini adalah activity diagram mengelola kategori yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Kategori
Menampilkan Form Jenis Kategori
Memilih Proses Yang Akan Dilakukan
Cari Tambah Edit Hapus
Gambar 4.30 Activity Diagram Admin Mengelola Kategori
d. Activity Diagram Admin Mengelola Barang
Berikut ini adalah activity diagram mengelola barang yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Barang
Menampilkan Form Jenis Barang
Memilih Proses Yang Akan Dilakukan
Cari Tambah Edit Hapus
Gambar 4.31 Activity Diagram Admin Mengelola Barang
70
e. Activity Diagram Admin Mengelola Kurir
Berikut ini adalah activity diagram mengelola kurir yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Kurir
Menampilkan Form Jenis Kurir
Memilih Proses Yang Akan Dilakukan
Cari Tambah Edit Hapus
Gambar 4.32 Activity Diagram Admin Mengelola Kurir
f. Activity Diagram Admin Mengelola Kota
Berikut ini adalah activity diagram mengelola kota yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Kota
Menampilkan Form Jenis Kota
Memilih Proses Yang Akan Dilakukan
Cari Tambah Edit Hapus
Gambar 4.33 Activity Diagram Admin Mengelola Kota
71
g. Activity Diagram Admin Mengelola Pembelian
Berikut ini adalah activity diagram mengelola pembelian yang dilakukan
oleh admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Pembelian
Menampilkan Form Jenis Pembelian
Memilih Proses Yang Akan Dilakukan
Cari Tambah Detail Hapus Cetak
Gambar 4.34 Activity Diagram Admin Mengelola Pembelian
h. Activity Diagram Admin Mengelola Order
Berikut ini adalah activity diagram mengelola order yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Order
Menampilkan Form Order
Memilih Proses Yang Akan Dilakukan
Cari Detail
Gambar 4.35 Activity Diagram Admin Mengelola Order
72
i. Activity Diagram Admin Mengelola Kupon
Berikut ini adalah activity diagram mengelola kupon yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Memilih Menu Jenis Kupon
Menampilkan Form Jenis Kupon
Memilih Proses Yang Akan Dilakukan
Cari Tambah Edit Hapus
Gambar 4.36 Activity Diagram Admin Mengelola Kupon
j. Activity Diagram Admin Mengelola Logout
Berikut ini adalah activity diagram mengelola logout yang dilakukan oleh
admin dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Admin Sistem
Pilih LogoutPilih Logout Verifikasi SistemVerifikasi Sistem
Ya
Tidak
Gambar 4.17 Activity Diagram Admin Mengelola Logout
73
k. Activity Diagram Pelanggan Mengelola Login
Berikut ini adalah activity diagram mengelola login yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Masuk AplikasiMenampilkan Form
Login
Masukkan Username dan Password
Pilih LevelTampilkan Menu
Level
Pilih Level Sebagai Pelanggan
Klik Login
Menampilkan Menu Utama
Gambar 4.38 Activity Diagram Pelanggan Mengelola Login
l. Activity Diagram Pelanggan Mengelola Beranda
Berikut ini adalah activity diagram mengelola beranda yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Memilih Menu Beranda
Menampilkan Form Beranda
Memilih Proses Yang Akan Dilakukan
Lihat
Gambar 4.39 Activity Diagram Pelanggan Mengelola Beranda
74
m. Activity Diagram Pelanggan Mengelola Barang
Berikut ini adalah activity diagram mengelola barang yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Memilih Menu Jenis Barang
Menampilkan Form Jenis Barang
Memilih Proses Yang Akan Dilakukan
Lihat Pilih Beli
Gambar 4.40 Activity Diagram Pelanggan Mengelola Barang
n. Activity Diagram Pelanggan Mengelola Keranjang Belanja
Berikut ini adalah activity diagram mengelola keranjang belanja yang
dilakukan oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop
Tanjung Balai:
Pelanggan Sistem
Memilih Menu Keranjang Belanja
Menampilkan Form Keranjang Belanja
Memilih Proses Yang Akan Dilakukan
Apply CouponLanjutkan
BelanjaCheckout
Gambar 4.41 Activity Diagram Pelanggan Mengelola Keranjang Belanja
75
o. Activity Diagram Pelanggan Mengelola Kategori
Berikut ini adalah activity diagram mengelola kategori yang dilakukan
oleh pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Memilih Menu Jenis Kategori
Menampilkan Form Jenis Kategori
Memilih Proses Yang Akan Dilakukan
Pilih Lihat Beli
Gambar 4.42 Activity Diagram Pelanggan Mengelola Kategori
p. Activity Diagram Pelanggan Mengelola Order
Berikut ini adalah activity diagram mengelola order yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Memilih Menu Order
Menampilkan Form Order
Memilih Proses Yang Akan Dilakukan
Cari Detail
Gambar 4.43 Activity Diagram Pelanggan Mengelola Order
76
q. Activity Diagram Pelanggan Mengelola Logout
Berikut ini adalah activity diagram mengelola logout yang dilakukan oleh
pelanggan dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Pelanggan Sistem
Pilih LogoutPilih Logout Verifikasi SistemVerifikasi Sistem
Ya
Tidak
Gambar 4.44 Activity Diagram Pelanggan Mengelola Logout
r. Activity Diagram Supplier Mengelola Login
Berikut ini adalah activity diagram mengelola login yang dilakukan oleh
supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Suplier Sistem
Masuk AplikasiMenampilkan Form
Login
Masukkan Username dan Password
Pilih LevelTampilkan Menu
Level
Pilih Level Sebagai Suplier
Klik Login
Menampilkan Menu Utama
Gambar 4.45 Activity Diagram Supplier Mengelola Login
77
s. Activity Diagram Supplier Mengelola Beranda
Berikut ini adalah activity diagram mengelola beranda yang dilakukan
oleh supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Suplier Sistem
Memilih Menu Beranda
Menampilkan Form Beranda
Memilih Proses Yang Akan Dilakukan
Lihat
Gambar 4.46 Activity Diagram Supplier Mengelola Beranda
t. Activity Diagram Supplier Mengelola Pembelian
Berikut ini adalah activity diagram mengelola pembelian yang dilakukan
oleh supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Suplier Sistem
Memilih Menu Pembelian
Menampilkan Form Pembelian
Memilih Proses Yang Akan Dilakukan
Cari Detail Cetak
Gambar 4.47 Activity Diagram Supplier Mengelola Pembelian
78
u. Activity Diagram Supplier Mengelola Logout
Berikut ini adalah activity diagram mengelola logout yang dilakukan oleh
supplier dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Suplier Sistem
Pilih LogoutPilih Logout Verifikasi SistemVerifikasi Sistem
Ya
Tidak
Gambar 4.48 Activity Diagram Supplier Mengelola Logout
5. Deployment Diagram
Adapun diagram deployment dari perancangan E-CRM pada Toko Lucky
Shop Tanjung Balai adalah:
Gambar 4.49 Deployment Diagram
79
4.3.3 Flowchart
Berikut ini adalah flowchart dari perancangan E-CRM pada Toko Lucky
Shop Tanjung Balai:
a. Flowchart Login Admin
Berikut ini adalah flowchart mengelola login yang dilakukan oleh admin
dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Input username,
password dan pilih level
Login sukses
Halaman Utama Admin
Selesai
Mulai
T
Y
Gambar 4.50 Flowchart Login Admin
b. Flowchart Admin Mengelola Halaman Utama Administrator
Berikut ini adalah flowchart halaman utama administrator dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
80
Mulai
Menu utama
Menu Kategori
Menu Barang
Menu Kurir
Menu Kota
Menu Pembelian
Menu Order
Menu Kupon
Selesai
Menu Logout
Kategori
Barang
Kurir
Kota
Pembelian
Order
Kupon
Logout
Y
Y
Y
Y
Y
Y
Y
T
T
T
T
T
T
T
Menu Beranda Beranda
Y
T
Gambar 4.51 Flowchart Admin Mengelola Beranda
c. Flowchart Admin Melihat Beranda
Berikut ini adalah flowchart admin melihat beranda dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
81
Mulai
Beranda Admin
Lihat
Selesai
Lihat Beranda
T
Y
Gambar 4.52 Flowchart Admin Melihat Beranda
d. Flowchart Admin Mengelola Kategori
Berikut ini adalah flowchart admin mengelola kategori dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Kategori
Tambah
Edit
Selesai
Hapus
Tambah Kategori
Edit Kategori
Hapus Kategori
Y
Y
T
T
T
Y
Cari Cari Kategori
Y
T
Gambar 4.53 Flowchart Admin Mengelola Kategori
82
e. Flowchart Admin Mengelola Barang
Berikut ini adalah flowchart admin mengelola barang dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Barang
Tambah
Edit
Selesai
Hapus
Tambah Barang
Edit Barang
Hapus Bagus
Y
Y
T
T
T
Y
Cari Cari Barang
Y
T
Gambar 4.54 Flowchart Admin Mengelola Barang
f. Flowchart Admin Mengelola Kurir
Berikut ini adalah flowchart admin mengelola kurir dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Kurir
Tambah
Edit
Selesai
Hapus
Tambah Kurir
Edit Kurir
Hapus Kurir
Y
Y
T
T
T
Y
Cari Cari Kurir
Y
T
Gambar 4.55 Flowchart Admin Mengelola Kurir
83
g. Flowchart Admin Mengelola Kota
Berikut ini adalah flowchart admin mengelola kota dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Kota
Tambah
Edit
Selesai
Hapus
Tambah Kota
Edit Kota
Hapus Kota
Y
Y
T
T
T
Y
Cari Cari Kota
Y
T
Gambar 4.56 Flowchart Admin Mengelola Kota
h. Flowchart Admin Mengelola Pembelian
Berikut ini adalah flowchart admin mengelola pembelian dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Pembelian
Tambah
Detail
Hapus
Selesai
Cetak
Tambah Pembelian
Detail Pembelian
Hapus Pembelian
Cetak
Y
Y
Y
T
T
T
T
Y
Cari Cari Pembelian
Y
T
Gambar 4.57 Flowchart Admin Mengelola Pembelian
84
i. Flowchart Admin Mengelola Order
Berikut ini adalah flowchart admin mengelola order dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Order
Cari
Selesai
Detai
Cari Order
Detail Order
Y
T
T
Y
Gambar 4.58 Flowchart Admin Mengelola Order
j. Flowchart Admin Mengelola Kupon
Berikut ini adalah flowchart admin mengelola kupon dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Kupon
Tambah
Edit
Selesai
Hapus
Tambah Kupon
Edit Kupon
Hapus Kupon
Y
Y
T
T
T
Y
Cari Cari Kupon
Y
T
Gambar 4.59 Flowchart Admin Mengelola Kupon
85
k. Flowchart Admin Mengelola Logout
Berikut ini adalah flowchart admin mengelola logout dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Logout
Ya
Selesai
Mulai
T
Y
Gambar 4.60 Flowchart Admin Mengelola Logout
l. Flowchart Pelanggan Mengelola Login
Berikut ini adalah flowchart pelanggan mengelola login dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Input username,
password dan pilih level
Login sukses
Halaman Utama Pelanggan
Selesai
Mulai
T
Y
Gambar 4.61 Flowchart Pelanggan Mengelola Login
86
m. Flowchart Halaman Utama Pelanggan
Berikut ini adalah flowchart halaman utama pelanggan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Menu Utama
Menu Barang
Menu Keranjang Belanja
Menu Kategori
Menu Logout
Barang
Keranjang Belanja
Kategori
Logout
Y
Y
Y
T
T
T
T
Selesai
Y
Menu Order Order
T
Menu Beranda Beranda
Y
T
Gambar 4.62 Flowchart Halaman Utama Pelanggan
n. Flowchart Pelanggan Mengelola Beranda
Berikut ini adalah flowchart pelanggan mengelola beranda dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
87
Mulai
Beranda Pelanggan
Lihat
Selesai
Lihat Beranda
T
Y
Gambar 4.63 Flowchart Pelanggan Mengelola Beranda
o. Flowchart Pelanggan Mengelola Barang
Berikut ini adalah flowchart pelanggan mengelola barang dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Barang
Lihat
Selesai
Beli Sekarang
Lihat Barang
Beli Barang
Y
T
T
Y
Pilih Pilih Barang
Y
T
Gambar 4.64 Flowchart Pelanggan Mengelola Barang
88
p. Flowchart Pelanggan Mengelola Keranjang Belanja
Berikut ini adalah flowchart pelanggan mengelola keranjang dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Keranjang Belanja
Apply Coupon
Selesai
Checkout
Apply Coupon Pelanggan
Chekout
Y
T
T
Y
Lanjutkan BelanjaLanjutkan Belanja
Pelanggan
Y
T
Gambar 4.65 Flowchart Pelanggan Mengelola Keranjang Belanja
q. Flowchart Pelanggan Mengelola Kategori
Berikut ini adalah flowchart pelanggan mengelola kategori dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Kategori
Pilih
Selesai
Beli Sekarang
Pilih Kategori
Beli Barang
Y
T
T
Y
Lihat Lihat Kategori
Y
T
Gambar 4.66 Flowchart Pelanggan Mengelola Kategori
89
r. Flowchart Pelanggan Mengelola Order
Berikut ini adalah flowchart pelanggan mengelola order dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Order
Cari
Selesai
Detai
Cari Order
Detail Order
Y
T
T
Y
Gambar 4.67 Flowchart Pelanggan Mengelola Order
s. Flowchart Pelanggan Mengelola Logout
Berikut ini adalah flowchart pelanggan mengelola logout dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Logout
Ya
Selesai
Mulai
T
Y
90
Gambar 4.68 Flowchart Pelanggan Mengelola Logout
t. Flowchart Supplier Mengelola Login
Berikut ini adalah flowchart supplier mengelola login dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Input username,
password dan pilih level
Login sukses
Halaman Utama Suplier
Selesai
Mulai
T
Y
Gambar 4.69 Flowchart Supplier Mengelola Login
u. Flowchart Halaman Utama Supplier
Berikut ini adalah flowchart halaman utama supplier dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Menu utama
Menu Pembelian
Selesai
Menu Logout
Pembelian
Logout
Y
T
Menu Beranda Beranda
Y
91
Gambar 4.70 Flowchart Halaman Utama Supplier
v. Flowchart Supplier Mengelola Beranda
Berikut ini adalah flowchart supplier mengelola beranda dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Beranda Suplier
Lihat
Selesai
Lihat Beranda
T
Y
Gambar 4.71 Flowchart Supplier Mengelola Beranda
w. Flowchart Supplier Mengelola Pembelian
Berikut ini adalah flowchart supplier mengelola pembelian dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
Mulai
Pembelian
Cari
Selesai
Cetak
CariPembelian
Cetak Pembelian
Y
T
T
Y
Detail Detail Pembelian
Y
T
Gambar 4.72 Flowchart Supplier Mengelola Pembelian
92
x. Flowchart Supplier Mengelola Logout
Berikut ini adalah flowchart supplier mengelola logout dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai:
Logout
Ya
Selesai
Mulai
T
Y
Gambar 4.73 Flowchart Supplier Mengelola Logout
4.3.4 Perancangan Basis Data
Adapun perancangan basis data dilakukan dengan membuat Entity
Relationship Diagram (ERD). Berikut ini adalah Entity Relationship Diagram
(ERD) dari perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
94
4.3.5 Perancangan Antar Muka (User Interface)
Perancangan antar muka (user interface) merupakan salah satu jenis
perancangan yang digunakan untuk menggambarkan antar muka yang akan
digunakan pada pembuatan aplikasi. Berikut ini adalah perancangan tampilan dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai:
a. Perancangan Tampilan Halaman Login Admin
Adapun perancangan tampilan halaman login admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
Silahkan Masuk
Admin Suplier Pelanggan
User Name
Password
Kembali Daftar Masuk
Gambar 4.75 Perancangan Tampilan Halaman Login Admin
b. Perancangan Tampilan Halaman Utama Admin
Adapun perancangan tampilan halaman utama admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
95
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
GAMBAR
LogoutAdministrator
Gambar 4.76 Perancangan Tampilan Halaman Utama Admin
c. Perancangan Tampilan Halaman Kategori Admin
Adapun perancangan tampilan halaman kategori admin dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Kategori
Show 10 entries
No Nama Kategori
1 Aksesoris
2 Baju
3 --Baju Dewasa
4 ---Baju Anak-anak
5 ---Boneka
6 Celana
7 ---Celana Dewasa
8 ---Celana Anak-anak
9 Jilbab
10 Mukena
+
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Search:
Previous 2 Next1Showing 1 to 10 of 18 entries
Gambar 4.77 Perancangan Tampilan Halaman Kategori Admin
96
d. Perancangan Tampilan Halaman Tambah Kategori Admin
Adapun perancangan tampilan halaman tambah kategori admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Kategori
Nama Kategori
Parent
KembaliSimpan
Gambar 4.78 Perancangan Tampilan Halaman Tambah Kategori Admin
e. Perancangan Tampilan Halaman Barang Admin
Adapun perancangan tampilan halaman barang admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Barang
Show 10 entries
No Gambar
1 Gambar
2 Gambar
3 Gambar
4 Gambar
5 Gambar
6 Gambar
7 Gambar
8 Gambar
9 Gambar
10 Gambar
+
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Search:
Previous 2 Next1
Nama
Barang 1
Barang 2
Barang 3
Barang 4
Barang 5
Barang 6
Barang 7
Barang 8
Barang 9
Barang 10
Kategori
Aksesoris
Baju
--Baju Dewasa
---Baju Dewasa Laki-laki
---Baju Dewasa Perempuan
--Anak-Anak
---Laki-Laki
---Perempuan
Celana
---Celana Dewasa
Harga Beli
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Harga Jual
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Rp
Edit Hapus
Stok Diskon
%
%
%
%
%
%
%
%
%
%
Berat
kg
kg
kg
kg
kg
kg
kg
kg
kg
kg
Showing 1 to 10 of 10 entries
Gambar 4.79 Perancangan Tampilan Halaman Barang Admin
97
f. Perancangan Tampilan Halaman Tambah Barang Admin
Adapun perancangan tampilan halaman tambah barang admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Barang
Nama
KembaliSimpan
AksesoriesKategori
Harga beli
Harga jual
Stok
Berat
Diskon
Gambar
Stok otomatis sesuai pembelian dan penjualanan
Pilih File Tidak ada file yang dipilih
Deskripsi Barang
Gambar 4.80 Perancangan Tampilan Halaman Tambah Barang Admin
g. Perancangan Tampilan Halaman Supplier Admin
Adapun perancangan tampilan halaman supplier admin dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Suplier
Show 10 entries
No Nama suplier
1 Suplier 1
2 Suplier 2
+
Edit Hapus
Search:
Previous Next1
User
Suplier1
Suplier2
suplier1@gmail.com
Suplier2@gmail.com
Alamat
Medan
Bandung
Telepon
123456789
123456789
Edit Hapus
Kota
Medan
Bandung
Showing 1 to 2 of 2 entries
Gambar 4.81 Perancangan Tampilan Halaman Supplier Admin
98
h. Perancangan Tampilan Halaman Tambah Supplier Admin
Adapun perancangan tampilan halaman tambah supplier admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Suplier
Nama suplier
KembaliSimpan
Username
Password
Alamat
Telepon
Kota
Gambar 4.82 Perancangan Tampilan Halaman Tambah Supplier Admin
i. Perancangan Tampilan Halaman Kurir Admin
Adapun perancangan tampilan halaman kurir admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
KotaJl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Kurir
Show 10 entries
No Kode
1 JNE
2 POS
+
Edit Hapus
Search:
Previous Next1
Nama Kurir
Jalur Nugraha Ekakurir
POS Indonesia
Edit Hapus
Showing 1 to 3 of 3 entries
3 TIKI Edit HapusTitipan Kilat
Gambar 4.83 Perancangan Tampilan Halaman Kurir Admin
99
j. Perancangan Tampilan Halaman Tambah Kurir Admin
Adapun perancangan tampilan halaman tambah kurir admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Kurir
Kode
Nama kurir
KembaliSimpan
Gambar 4.84 Perancangan Tampilan Halaman Tambah Kurir Admin
k. Perancangan Tampilan Halaman Kota Admin
Adapun perancangan tampilan halaman kota admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Kategori
Show 10 entries
No Provinsi
1 Bali
2 Bali
3 Bali
4 Bali
5 Bali
6 Bali
7 Bali
8 Bali
9 Bali
10 Bangka Belitung
+
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
Search:
5 Next4
Nama kota
Bandung
Bangli
Bulelang
Denpasar
Gianyar
Jembrana
Karangasem
Klungkung
tabanan
Bangka
JNE
6,100
5,200
8,400
8,500
5,800
6,300
5,800
7,800
9,800
8,300
POS
9,400
5,100
8,700
7,600
9,800
6,800
7,000
5,800
8,800
8,600
TIKI
6,800
8,800
9,700
6,200
9,500
9,400
8,400
6,400
5,600
5,600
Edit Hapus
Showing 1 to 10 of 510 entries 2Previous 1 3 ... 51
Gambar 4.85 Perancangan Tampilan Halaman Kota Admin
100
l. Perancangan Tampilan Halaman Tambah Kota Admin
Adapun perancangan tampilan halaman tambah kota admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Kota
Provinsi
KembaliSimpan
Nama Kota
Biaya Jalur Nugraha Ekakurir
Biaya POS Indonesia
Biaya Titipan Kilat
Gambar 4.86 Perancangan Tampilan Halaman Tambah Kota Admin
m. Perancangan Tampilan Halaman Pembelian Admin
Adapun perancangan tampilan halaman pembelian admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
KotaJl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Pembelian
Show 10 entries
No Tanggal
1 2020-07-17
2 2020-07-15
+
Edit Hapus
Search:
Previous Next1
Faktur
FB-00002
FB-00001
Suplier
Suplier 2
Suplier 1
Grantotal
00000
00000
Keterangan
Nama Barang
Nama Barang
Edit Hapus
Status
OK
OK
Showing 1 to 2 of 2 entries
Cetak
Cetak
Cetak
Gambar 4.87 Perancangan Tampilan Halaman Pembelian Admin
101
n. Perancangan Tampilan Halaman Tambah Pembelian Admin
Adapun perancangan tampilan halaman tambah pembelian admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Pembelian
Faktur
KembaliTransaksi baru
Tanggal
Suplier
Kota Kirim
Kurir
Keterangan
Pilih barang
Barang Harga beli Jumlah0
Subtotal0 + Tambahkan
No Barang Berat Harga Jumlah Subtotal
Total Harga 0
Total Berat 0 kg
Ongkir 0
Grantotal 0
Simpan Transaksi
Gambar 4.88 Perancangan Tampilan Halaman Tambah Pembelian Admin
o. Perancangan Tampilan Halaman Order Admin
Adapun perancangan tampilan halaman order admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Order
Show 10 entries
No No Order
1 J-202007-001
2 J-202007-002
Aksi
Detail
Search:
Previous Next1
Tanggal
2020-07-17
2020-07-21
Nama
Sofwah
Sasa
Alamat
Jln.Anwar Idris LK II
Jln.Sisinga
Telpon
082373333228
081370357217
Detail
Total
Rp 750.000
Rp 700.000
Showing 1 to 2 of 2 entries
OK
Status
OK
Gambar 4.89 Perancangan Tampilan Halaman Order Admin
102
p. Perancangan Tampilan Halaman Kupon Admin
Adapun perancangan tampilan halaman kupon admin dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Kupon
Show 10 entries
No Kode
1 0
Search:
Previous Next1
Nama Kupon
Diskon
Diskon
%
Maksimal
Rp
Keterangan
Showing 1 to 1 of 1 entries
Status
Aktif Edit Hapus
+
Gambar 4.90 Perancangan Tampilan Halaman Kupon Admin
q. Perancangan Tampilan Halaman Tambah Kupon Admin
Adapun perancangan tampilan halaman tambah kupon admin dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Tamabah Data Kupon
Kode kupon
KembaliSimpan
Nama kupon
Diskon
Maksimal
Keterangan
Status
Aktif NonAktif
Gambar 4.91 Perancangan Tampilan Halaman Tambah Kupon Admin
103
r. Perancangan Tampilan Halaman Pelanggan
Adapun perancangan tampilan halaman pelanggan dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
Kota
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Pelanggan
Show 10 entries
No Nama Pelanggan
1 Pelanggan 1
2 Pelanggan 2
Aksi
Hapus
Search:
Previous Next1
pelanggan1@gmail.com
pelanggan2@gmail.com
Kota
Medan
Bandung
Alamat
Jl.Kisaran
Jl.Sentosa
Telepon
123456789
123456789
Hapus
Grand Total
Rp. 000
Rp. 000
Showing 1 to 2 of 2 entries
Kode Pos
12345
12345
Jumlah Belanja
1 kali
1 kali
Tgl Pembelian Trakhir
Yy/mm/dd
Yy/mm/dd
Index Daerah
Gambar 4.92 Perancangan Tampilan Halaman Pelanggan
s. Perancangan Tampilan Halaman Promo
Adapun perancangan tampilan halaman promo dari perancangan E-CRM
pada Toko Lucky Shop Tanjung Balai adalah:
104
TOKO LUCKY SHOP
Beranda
Kategori
Produk
Suplier
Pembelian
Order
Pelanggan
Kupon
Promo
Kurir
KotaJl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
LogoutAdministrator
Data Promo
Show 10 entries
No Gambar
1
2
+
Edit Hapus
Search:
Previous Next1
Nama
Nama Promo
Nama Promo
Edit Hapus
Showing 1 to 3 of 3 entries
3 Edit HapusNama Promo
Tanggal
Yy/mm/dd
Yy/mm.dd
Yy/mm/dd
Gambar 4.93 Perancangan Tampilan Halaman Promo
t. Perancangan Tampilan Halaman Login Pelanggan
Adapun perancangan tampilan halaman login pelanggan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
Silahkan Masuk
Admin Suplier Pelanggan
User Name
Password
Kembali Daftar Masuk
Gambar 4.94 Perancangan Tampilan Halaman Login Pelanggan
105
u. Perancangan Tampilan Halaman Utama Pelanggan
Adapun perancangan tampilan halaman utama pelanggan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
GAMBAR
Logout
Beranda
Produk
Keranjang Belanja
Kategori
Order
Gambar 4.95 Perancangan Tampilan Halaman Utama Pelanggan
v. Perancangan Tampilan Halaman Barang Pelanggan
Adapun perancangan tampilan halaman barang pelanggan dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Produk
Keranjang Belanja
Kategori
Order
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Beli Sekarang
Nama Barang
Logout
Aksesoris
Baju
Celana
Sekolah
Sepatu
Sepatu
Gambar Rp
Stok
Nama barang
Beli Sekarang
Nama Barang
Gambar Rp
Stok
Nama barang
Beli Sekarang
Nama Barang
Gambar Rp
Stok
Nama barang
Beli Sekarang
Nama Barang
Gambar Rp
Stok
Nama barang
Beli Sekarang
Nama Barang
Gambar Rp
Stok
Nama barang
Beli Sekarang
Nama Barang
Gambar Rp
Stok
Nama barang
Menampilkan 6 dari 6 barang
Gambar 4.96 Perancangan Tampilan Halaman Barang Pelanggan
106
w. Perancangan Tampilan Halaman Keranjang Belanja Pelanggan
Adapun perancangan tampilan halaman keranjang belanja pelanggan dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Beranda
Produk
Keranjang Belanja
Kategori
Order
No Gambar Nama Barang Hapus Jumlah
Checkout Lanjutkan Belanja
1 Gambar
Harga
Rp
Keranjang Belanja
Total
Diskon
Grantotal
Diskon
Rp
Rp
RP
Rp
Subtiotal
RpHapus Update Keranjnag 1
Apply Coupon
Gambar 4.97 Perancangan Tampilan Halaman Keranjang Belanja
Pelanggan
x. Perancangan Tampilan Halaman Proses Checkout Pelanggan
Adapun perancangan tampilan halaman proses checkout pelanggan dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Beranda
Produk
Keranjang Belanja
Kategori
Order
No Gambar Nama Barang Berat Jumlah
1 0 0Gambar
Harga
Rp
Proses Checkout
Total
Diskon
Total Berat
Diskon
Rp
Rp
RP
kg
Subtiotal
Rp
Ongkir Rp
Grantotal Rp
Nama
Pilih kotaKota
Kuris
Alamat
Kode pos
Telpon
Pilih kurir
Checkout
Gambar 4.98 Perancangan Tampilan Halaman Proses Checkout Pelanggan
107
y. Perancangan Tampilan Halaman Kategori Pelanggan
Adapun perancangan tampilan halaman kategori pelanggan dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Produk
Keranjang Belanja
Kategori
Order
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Beli Sekarang
Nama Barang
Logout
Aksesoris
Baju
Celana
Sekolah
Sepatu
Sepatu
Gambar Rp
Stok
Nama barang
Menampilkan 1 dari 1 barang
Gambar 4.99 Perancangan Tampilan Halaman Kategori Pelanggan
z. Perancangan Tampilan Halaman Order Pelanggan
Adapun perancangan tampilan halaman order pelanggan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Beranda
Produk
Keranjang Belanja
Kategori
Order
Data Order
Show 10 entries
No No Order
1 J-202007-001
2 J-202007-002
Aksi
Detail
Search:
Previous Next1
Tanggal
2020-07-17
2020-07-21
Nama
Sofwah
Sasa
Alamat
Jln.Anwar Idris LK II
Jln.Sisinga
Telpon
082373333228
081370357217
Detail
Total
Rp 750.000
Rp 700.000
Showing 1 to 2 of 2 entries
OK
Status
OK
Gambar 4.100 Perancangan Tampilan Halaman Order Pelanggan
108
aa. Perancangan Tampilan Halaman Order Pelanggan
Adapun perancangan tampilan halaman order pelanggan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Perancangan E-CRM Pada Toko Lucky Shop
Logout
Beranda
Barang
Keranjang Belanja
Kategori
Order
Data Order
Show 10 entries
No No Order
1 J-202007-001
2 J-202007-002
Aksi
Detail
Search:
Previous Next1
Tanggal
2020-07-17
2020-07-21
Nama
Sofwah
Sasa
Alamat
Jln.Anwar Idris LK II
Jln.Sisinga
Telpon
082373333228
081370357217
Detail
Total
Rp 750.000
Rp 700.000
Showing 1 to 2 of 2 entries
OK
Status
OK
Gambar 4.101 Perancangan Tampilan Halaman Order Pelanggan
bb. Perancangan Tampilan Halaman Data Penjualan
Adapun perancangan tampilan halaman data penjualan dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Beranda
Produk
Keranjang Belanja
Kategori
Order
Data Penjualan
No Order FB-00003
Tanggal 2020-07-17
Nama Suplier 2
Alamat Medan
Kota Kirim Tanjung Balai
Kurir JNE
Telpon 1234567890
Status Ok
No Gambar Nama Barang Jumlah Berat Subtotal
Total
Total Berat 0 kg
Ongkos 0
Grantotal 0
Cetak Kembali
1 0 kgGambar
Harga
Rp
Detai Barang
Konfirmasi Pembayaran
Gambar 4.102 Perancangan Tampilan Halaman Data Penjualan
109
cc. Perancangan Tampilan Halaman Login Supplier
Adapun perancangan tampilan halaman login supplier dari perancangan E-
CRM pada Toko Lucky Shop Tanjung Balai adalah:
Silahkan Masuk
Admin Suplier Pelanggan
User Name
Password
Kembali Daftar Masuk
Gambar 4.103 Perancangan Tampilan Halaman Login Supplier
dd. Perancangan Tampilan Halaman Utama Supplier
Adapun perancangan tampilan halaman utama supplier dari perancangan
E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
TOKO LUCKY SHOP
Beranda
Pembelian
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
GAMBAR
Logout
Gambar 4.104 Perancangan Tampilan Halaman Utama Supplier
ee. Perancangan Tampilan Halaman Pembelian Supplier
Adapun perancangan tampilan halaman pembelian supplier dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
110
TOKO LUCKY SHOP
Beranda
Pembelian
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Data Pembelian
Show 10 entries
No Tanggal
1 2020-07-15
Search:
Previous Next1
Faktur
FB-00001
Suplier
Suplier 1
Grantotal
00000
Keterangan
Nama Barang Detail
Status
OK
Showing 1 to 1 of 1 entries
Cetak
Cetak
Gambar 4.105 Perancangan Tampilan Halaman Pembelian Supplier
ff. Perancangan Tampilan Halaman Tambah Pembelian Supplier
Adapun perancangan tampilan halaman tambah pembelian supplier dari
perancangan E-CRM pada Toko Lucky Shop Tanjung Balai adalah:
111
TOKO LUCKY SHOP
Beranda
Pembelian
Jl. H. M. Nur, NO 51, Kota Tanjung Balai, Sumatera Utara, 082373333228
Logout
Data Pembelian
No Order FB-00003
Tanggal 2020-07-17
Nama Suplier 2
Alamat Medan
Kota Kirim Tanjung Balai
Kurir JNE
Telpon 1234567890
Status Ok
Konfirmasi Pembayaran
Nama Pengirim Sasa
Tanggal Bayar 2020-07-15
Bank Tujuan BCA
Bukti
Gambar
No Gambar Nama Barang Jumlah Berat Subtotal
Total 0
Total Berat 0 kg
Ongkos 0
Grantotal 0
KembaliCetak
1 0 kg RpGambar
Harga
Rp
Detai Barang
Gambar 4.106 Perancangan Tampilan Halaman Tambah Pembelian
Supplier