BAB IV - STMIK Royal Institutional Repository

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 Disetujui

Pembelian Disetujui dan Stok Bertambah

Form Pembelian Barang yang Disetujui


Menyetujui Pembelian

Form Pembelian Barang Disetujui

Melakukan Transaksi

MengunjungiWebsite

Melihat Bukti Transaksi

Pemilik

Form Pembelian Barang yang Disetujui


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


55

Gambar 4.9 Sequence Diagram Admin Mengelola Kategori

d. Sequence Diagram Admin Mengelola Barang

Berikut ini adalah sequence diagram mengelola barang yang dilakukan


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


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


58

Gambar 4.12 Sequence Diagram Admin Mengelola Kota

g. Sequence Diagram Admin Mengelola Pembelian

Berikut ini adalah sequence diagram mengelola pembelian yang dilakukan


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


60

Gambar 4.14 Sequence Diagram Admin Mengelola Order

i. Sequence Diagram Admin Mengelola Kupon

Berikut ini adalah sequence diagram mengelola kupon yang dilakukan


Gambar 4.15 Sequence Diagram Admin Mengelola Kupon

61

j. Sequence Diagram Admin Mengelola Logout

Berikut ini adalah sequence diagram mengelola logout yang dilakukan


Gambar 4.16 Sequence Diagram Admin Mengelola Logout

k. Sequence Diagram Pelanggan Mengelola Login


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


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


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


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


Gambar 4.22 Sequence Diagram Pelanggan Mengelola Order

65

q. Sequence Diagram Pelanggan Mengelola Logout



Gambar 4.23 Sequence Diagram Pelanggan Mengelola Logout

r. Sequence Diagram Supplier Mengelola Login


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


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


Gambar 4.26 Sequence Diagram Supplier Mengelola Pembelian

67

u. Sequence Diagram Supplier Mengelola Logout



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


68

Admin Sistem

Masuk AplikasiMasuk Aplikasi Menampilkan Form Login

Menampilkan Form Login

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


Gambar 4.28 Activity Diagram Login Admin

b. Activity Diagram Admin Mengelola Beranda

Berikut ini adalah activity diagram mengelola beranda yang dilakukan


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


Admin Sistem

Memilih Menu Jenis Kategori

Menampilkan Form Jenis Kategori


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 Sistem

Memilih Menu Jenis Barang

Menampilkan Form Jenis Barang



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 Sistem

Memilih Menu Jenis Kurir

Menampilkan Form Jenis Kurir



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 Sistem

Memilih Menu Jenis Kota

Menampilkan Form Jenis Kota



Gambar 4.33 Activity Diagram Admin Mengelola Kota

71

g. Activity Diagram Admin Mengelola Pembelian

Berikut ini adalah activity diagram mengelola pembelian yang dilakukan


Admin Sistem

Memilih Menu Jenis Pembelian

Menampilkan Form Jenis Pembelian


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 Sistem

Memilih Menu Order

Menampilkan Form Order


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 Sistem

Memilih Menu Jenis Kupon

Menampilkan Form Jenis Kupon



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 Sistem

Pilih LogoutPilih Logout Verifikasi SistemVerifikasi Sistem

Ya

Tidak

Gambar 4.17 Activity Diagram Admin Mengelola Logout

73

k. Activity Diagram Pelanggan Mengelola Login



Pelanggan Sistem

Masuk AplikasiMenampilkan Form

Login


Pilih LevelTampilkan Menu

Level

Pilih Level Sebagai Pelanggan

Klik Login


Gambar 4.38 Activity Diagram Pelanggan Mengelola Login

l. Activity Diagram Pelanggan Mengelola Beranda



Pelanggan Sistem




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 Sistem

Memilih Menu Jenis Barang

Menampilkan Form Jenis Barang


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


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


Pelanggan Sistem

Memilih Menu Jenis Kategori

Menampilkan Form Jenis Kategori


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 Sistem

Memilih Menu Order

Menampilkan Form Order


Cari Detail

Gambar 4.43 Activity Diagram Pelanggan Mengelola Order

76

q. Activity Diagram Pelanggan Mengelola Logout



Pelanggan Sistem


Ya

Tidak

Gambar 4.44 Activity Diagram Pelanggan Mengelola Logout

r. Activity Diagram Supplier Mengelola Login



Suplier Sistem

Masuk AplikasiMenampilkan Form

Login


Pilih LevelTampilkan Menu

Level

Pilih Level Sebagai Suplier

Klik Login


Gambar 4.45 Activity Diagram Supplier Mengelola Login

77

s. Activity Diagram Supplier Mengelola Beranda



Suplier Sistem




Lihat

Gambar 4.46 Activity Diagram Supplier Mengelola Beranda

t. Activity Diagram Supplier Mengelola Pembelian

Berikut ini adalah activity diagram mengelola pembelian yang dilakukan


Suplier Sistem

Memilih Menu Pembelian

Menampilkan Form Pembelian


Cari Detail Cetak

Gambar 4.47 Activity Diagram Supplier Mengelola Pembelian

78

u. Activity Diagram Supplier Mengelola Logout



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


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-


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-


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


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-


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-


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-


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


Input username,


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


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


Y

T

Gambar 4.62 Flowchart Halaman Utama Pelanggan

n. Flowchart Pelanggan Mengelola Beranda

Berikut ini adalah flowchart pelanggan mengelola beranda dari


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


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


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


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


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


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-


Input username,


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-


Mulai

Menu utama

Menu Pembelian

Selesai

Menu Logout

Pembelian

Logout

Y

T


Y

91

Gambar 4.70 Flowchart Halaman Utama Supplier

v. Flowchart Supplier Mengelola Beranda

Berikut ini adalah flowchart supplier mengelola beranda dari perancangan


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


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


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:

93

Gambar 4.74 Entity Relationship Diagram (ERD)

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


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-


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


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-


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


LogoutAdministrator

Data Suplier

Show 10 entries

No Nama suplier

1 Suplier 1

2 Suplier 2

+

Edit Hapus

Search:

Previous Next1

User

Suplier1

Suplier2

Email

[email protected]

[email protected]

Alamat

Medan

Bandung

Telepon

123456789

123456789

Edit Hapus

Kota

Medan

Bandung


Gambar 4.81 Perancangan Tampilan Halaman Supplier Admin

98

h. Perancangan Tampilan Halaman Tambah Supplier Admin

Adapun perancangan tampilan halaman tambah supplier admin dari


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


LogoutAdministrator

Tamabah Data Suplier

Nama suplier

KembaliSimpan

Email

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-


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


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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-


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir


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


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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-


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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


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-


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


LogoutAdministrator

Data Kupon

Show 10 entries

No Kode

1 0

Search:

Previous Next1

Nama Kupon

Diskon

Diskon

%

Maksimal

Rp

Keterangan


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


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


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-


TOKO LUCKY SHOP

Beranda

Kategori

Produk

Suplier

Pembelian

Order

Pelanggan

Kupon

Promo

Kurir

Kota


LogoutAdministrator

Data Pelanggan

Show 10 entries

No Nama Pelanggan

1 Pelanggan 1

2 Pelanggan 2

Aksi

Hapus

Search:

Previous Next1

Email

[email protected]

[email protected]

Kota

Medan

Bandung

Alamat

Jl.Kisaran

Jl.Sentosa

Telepon

123456789

123456789

Hapus

Grand Total

Rp. 000

Rp. 000


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


LogoutAdministrator

Data Promo

Show 10 entries

No Gambar

1

2

+

Edit Hapus

Search:

Previous Next1

Nama

Nama Promo

Nama Promo

Edit Hapus


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


Silahkan Masuk


User Name

Password


Gambar 4.94 Perancangan Tampilan Halaman Login Pelanggan

105

u. Perancangan Tampilan Halaman Utama Pelanggan

Adapun perancangan tampilan halaman utama pelanggan dari perancangan


TOKO LUCKY SHOP


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


TOKO LUCKY SHOP

Beranda

Produk

Keranjang Belanja

Kategori

Order


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


TOKO LUCKY SHOP


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


TOKO LUCKY SHOP


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

Email

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


TOKO LUCKY SHOP

Beranda

Produk

Keranjang Belanja

Kategori

Order


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


TOKO LUCKY SHOP


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

Telpon

082373333228

081370357217

Detail

Total

Rp 750.000

Rp 700.000


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


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

Telpon

082373333228

081370357217

Detail

Total

Rp 750.000

Rp 700.000


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


TOKO LUCKY SHOP


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-


Silahkan Masuk


User Name

Password


Gambar 4.103 Perancangan Tampilan Halaman Login Supplier

dd. Perancangan Tampilan Halaman Utama Supplier

Adapun perancangan tampilan halaman utama supplier dari perancangan


TOKO LUCKY SHOP

Beranda

Pembelian


GAMBAR

Logout

Gambar 4.104 Perancangan Tampilan Halaman Utama Supplier

ee. Perancangan Tampilan Halaman Pembelian Supplier

Adapun perancangan tampilan halaman pembelian supplier dari


110

TOKO LUCKY SHOP

Beranda

Pembelian


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


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


111

TOKO LUCKY SHOP

Beranda

Pembelian


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

BAB IV - STMIK Royal Institutional Repository

Documents

Transcript of BAB IV - STMIK Royal Institutional Repository