BAB IV Dikonversi

BAB IV
ANALISA DAN PERANCANGAN
4.1 Analisa Sistem
Analisis sistem merupakan sebagai penguraian sebuah sistem informasi
yang nyata dan utuh dalam beberapa bagian komponen untuk mengevaluasi dan
mengidentifikasikan hambatan, permasalahan, kesempatan yang terjadi dan
kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.
Untuk alur dan system yang sedang berjalan dalam hal pemasaran ikan teri pada
UD. Panti Baru diuraikan menggunakan Use Case Diagram, Sequene Diagram,
Activity Diagram dan Deployment Diagram.
4.1.1 Analisa Masalah
UD. Panti Baru melakukan proses penginformasian serta pengolahan data
dan penjualan masih bersifat konvensional yaitu pelanggan harus datang terlebih
dahulu ke UD. Panti Baru serta penjual menggunakan alat tulis dan buku besar
untuk menulis data-data penjualan ikan teri sehingga kurang efektif. Hal demikian
membuat penjual ataupun admin mengalami kesulitan dalam proses
penginformasian serta pengolahan data dan juga penjualan ikan teri pada UD.
Panti Baru. Sehingga menimbulkan permasalahan dan dapat juga merugikan pihak
UD. Panti Baru dalam penjualan ikan teri.
4.1.2 Analisa Kebutuhan Sistem
Dalam mengatasi masalah-masalah yang ada pada sitem yang lama harus
perubahan dan pengembangan untuk sistem yang baru dengan cara menganalisa
44
45
apa yang akan menjadi kebutuhan penggunanya. Informasi yang baik adalah
informasi yang harus dapat mendukung semua kegiatan dalam pengolahan data.
Sistem yang sedan berjalan pada penjualan ikan teri pada UD. Panti Baru
belum dapat menyediakan informasi tentang ikan teri serta proses penjualan tanpa
melakukan tatap muka, sehingga penulis menganalisis sistem yang harus
mengetahui informasi kebutuhan pelanggan yang diinginkan, antara lain informasi
tentang ikan teri berupa harga, kualitas dan jenis ikan teri serta laporan data yang
sangat dibutuhkan oleh pihak penjual. Dengan adanya komputer sebagai
teknologi, dalam penerapan sistem baru diharapkan dapat meningkatkan
produktifitas kerja para pengelola guna memenuhi kebutuhan seperti :
1. Sistem dapat memberikan informasi tentang harga dan jenis ikan teri.
2. Sistem harus dapat melakukan penjualan secara online.
4.1.2.1 Analisis Data (Data Masukan dan Keluaran)
Dalam tahap analisis data, tahap ini berupa data masukan dan data
keluaran dapat dijelaskan sebagai berikut :
1. Analisis data masukan
Kebutuhan masukan untuk sistem penjualan ikan teri pada UD. Panti Baru
yaitu seperti :
a. Input data barang
b. Input Administrator
c. Input Ongkir
2. Analisis data keluaran

Kebutuhan keluaran untuk sistem penjualan ikan teri pada UD. Panti Baru
yaitu seperti :
a. Data pembelian
b. Invoice
4.1.2.2 Analisis Proses
Dalam tahapan ini merupakan tahapan untuk menjelaskan bagaimana
proses dari sistem yang ada sebelumnya. Sehingga dengan adanya perancangan E-
CRM (Electronic-Customer Relationship Managemen) berbasis Web pada proses
ini sistem yang ada dapat berjalan sesuai dengan prosedur yang sedang diusulkan.
Bahasa pemrograman Framework Code Igniter dan MySQL serta text editor yang
digunakan adalah sublime text. Selain itu, dengan menggunakan sistem CRM
perusahaan mendapatkan pelanggan baru dan mempertahankan pelanggan lama
dengan menyediakan apa yang diinginkan oleh pelanggan seperti pemberian
diskon kepada pelanggan.
1. Proses pemberian diskon
Diskon bisa didapatkan pelanggan setelah melakukan pembelian produk
diatas 10kg maka pelanggan mendapatkan diskon 10% dan dipotongkan dari total
belanjanya.
Jika 10kg maka diskon = 10% dari total harga
Diskon = total harga x 0,1
Jumlah pembayaran = harga – diskon
2. Proses pemberian reting
a. Jika produk ikan yang terjual > 0 < 5 = maka nilai reting bintangnya 1.
b. Jika produk ikan yang terjual > 5 < 10 = maka nilai reting bintangnya 2.
c. Jika produk ikan yang terjual > 10 < 15 = maka nilai reting bintangnya 3.
d. Jika produk ikan yang terjual > 15 < 20 = maka nilai reting bintangnya 4.
e. Jika produk ikan yang terjual > 20 < 25 = maka nilai reting bintangnya 5.
3. Membedakan pelanggan baru dan pelanggan lama
a. Jika nilai minimum 0 dan maxsimalnya poin 99 maka dia adalah
pelanggan baru, tidak mendapatkan potongan harga apapun dan poin di
dapatkan dari total pembayaran.
b. Pelanggan silver adalah pelanggan yang memiliki poin 100 dan
maximalnya 999 sehinggan pelanggan silver berhak mendapatkan diskon
1% dari total pembelian dan poin di dapatkan dari total pembayaran.
c. Sedangkan pelanggan gold merupakan pelanggan yang memiliki poin
minimal dari 1.000 dan maximal 9.900 maka pelanggan ini mendapatkan
diskon 2% dari total pembeliannya dan poin di dapatkan dari total
pembayaran.
4.1.2.3 Analisis Pengguna
Pengguna merupakan orang yang memiliki wewenang untuk
menggunakan sistem. Sistem yang dirancang ini akan digunakan oleh admin,
operator, pelanggan dan quest pada penjualan ikan pada UD. Panti Baru. Adapun
tujuan penggunanya yaitu untuk membantu pihak UD. Panti Baru dalam
penjualan ikan teri secara online dan agar tetap bisa mempertahankan nilai
kepuasan dari pelanggan. Strategi agar sistem dapat digunakan dengan baik oleh
pengguna yaitu dengan memberikan petunjuk atau tahapan yang harus dilakukan
dalam menggunakan aplikasi penjualan ikan teri pada UD. Panti Baru berbasis
web.
4.1.2.4 Analisis Perangkat Keras (Hardware)
Perangkat keras (hardware) adalah bagian komponen dari sebuah
komputer yang alatnya bisa dilihat dan diraba secara langsung atau yang
berbentuk nyata, yang berfungs mendukung proses kerja komputer atau
komputerisasi.
Spesifikasi perangkat keras (hardware) yang digunakan untuk
mengimplementasikan aplikasi sistem ini adalah sebagai berikut :
Tabel 4.1 Perangkat Keras yang Digunakan
Nama
No Spesifikasi Jumlah Fungsi Harga
Hardware
1 Laptop a. Processor: 1 Sebagai alat Rp.5.500.000,-
Intel(R) antar muka,
Caleron(R) penampil
2955U dan
@1.40GHz pengendali.
1.40 GHz.
b. Memory: 1
4 GB
c. Hardisk: 1
1.000 GB
2 Printer Epson L360 1 Alat Rp.2.100.000,-
mencetak
laporan.
Total Rp.7.600.000,-
4.1.2.5 Analisis Perangkat Lunak (Software)
Elemen perangkat lunak (Software) dapat berfungsi untuk membantu
sistem informasi dalam proses pengoperasian, pengolahan data, pengambilan
keputusan, analisis dan manajemen data. Dengan adanya elemen pada perangkat
lunak, maka fungsionalitas sistem informasi berjalan dengan baik. Hal inilah yang
akan berdampak pada suatu pelayanan yang lebih baik serta manfaat yang
dirasakan akan lebih besar juga.
Spesifikasi perangkat lunak (software) yang digunakan untuk
mengimplementasikan aplikasi sistem ini yaitu :
Tabel 4.2 Perangkat Lunak yang Digunakan
No Kebutuhan Keterangan Fungsi Harga

1 Sistem Windows Mengatur atau Rp.779.000,-
Operasi mengontrol kerja
10 pro perangkat keras atau
hardware dan
menjalankan aplikasi
atau software di dalam
suatu sistem komputer.
2 Aplikasi a. Microsoft Merupakan perangkat Free
word lunak pengolah kata
2010 meliputi membuat,
mengedit, dan
memformat dokumen.
b. PHP membuat atau Free
mengembangkan situs
web statis atau situs
web dinamis atau
aplikasi web.
c. Framework Mempermudah dalam Rp.150.000,-
codeigniter pembuatan website.
Memberikan struktur
yang sangat bsik, rapi
dari segi kode maupun
struktur file phpnya.
d. Xampp Suatu server lokal yang Free
berfungsi dalam
mengampu website
dalam proses
pengembangan
e. MariaDB Memproses data SQL Free
dalam waktu
bersamaan.
f. Merupakan aplikasi text Free
editor yang sangat
Suplim berguna untuk menulis
e Text sejumlah code serta
mampu membuka
berbagai macam jenis
file.
g. Balsamiq Merupakan program Rp.78.000,-
mockups aplikasi yang digunakan
3 dalam pembuatan
tampilan user interface
sebuah aplikasi.
h. Microsoft Untuk membantu dalam Rp.25.000,-
Visio membuat diagram,
2010 diagram alian atau
flowchart dan
mempermudah kita
dalam mebuat
perancangan sebuah
sistem.
Jumlah Rp.1.032.000,-
4.1.2.6 Analisis Konfigurasi Sistem
Konfigurasi merupakan suatu pengaturan atau proses pengaturan dari
bagian-bagian yang membentuk keseluruhan. Di dalam membuat analisis program
untuk sistem penjualan ikan teri pada UD. Panti Baru menggunakan komputer
dengan konfigurasi sistem sebagai berikut :
a. Spesifikasi hardware
b. Aplikasi yang digunakan (software)
c. Hak Akses (Brainware)
4.1.3 Analisis Sistem Berjalan
Analisis sistem berjalan merupakan suatu proses untuk melakukan
pengamatan terhadap sistem yang ada. Analisis sistem juga dapat di jelaskan
sebagai salah satu cara dalam memahami masalah apa yang dihadapi oleh sistem,
seperti mendefenisikan suatu kebutuhan fungsional dari sistem sehingga dapat
menketahui apa saja yang dibutuhkan pemakainya.
Berikut ini merupakan sistem yang sedang berjalan pada penjualan ikan
teri pada UD. Panti Baru yang dilakukan secara manual, dan dapat dijelaskan
dengan analisis sistem berikut ini :
1. Pelanggan datang ke UD. Panti Baru untuk melihat dan bertanya mengenai
ikan teri.
2. Penjual memberikan respon dan informasi tentang ikan teri.
3. Pelanggan melihat ikan teri dan membeli ikan teri.
4. Penjual membuat pesanan ikan teri dan membuat nota pembelian untuk
diberikan kepada pelanggan dan pemilik UD. Panti Baru.
5. Menerima pesanan dan nota pembelian.

ALIRAN SISTEM INFORMASI YANG SEDANG BERJALAN PADA PENJUALAN IKAN UD.PANTI BARU
PELANGGAN PENJUAL PEMILIK
Merespon &
Datang &
memberikan informasi Nota Pembelian
Bertanya
A
Informasin Ikan Informasin Ikan
Memilih ikan
& Membeli
Pesanan Ikan Pesanan ikan
Menyiapkan
pesanan & Nota pembelian
PePseasnaanna&n &NoNtoata PePmebmebliealnian

Pesanan & Nota 1
Pembelian 2
A
A
Membuat Nota
Pembelian
Nota Pembelian
Phase
Gambar 4.1 Aliran Sistem Berjalan

4.1.4 Analisis Sistem Usulan
Analisis sistem usulan bertujuan dalam memperbaiki suatu sistem lama,
mempermudah dalam proses pengolahan data serta mempercepat dalam perolehan
informasi yang dibutuhkan. Berikut ini merupakan sistem yang di usulkan pada
penjualan ikan teri pada UD. Panti Baru yaitu :
1. Admin terlebih dahulu menginput data berupa data informasi ikan.
2. Quest melihat informasi ikan teri pada E-CRM UD. Panti Baru.
3. Quest register akun untuk menjadi pelanggan UD. Panti Baru.
4. Pelanggan melakukan login kesistem untuk melakukan pembelian.
5. Pelanggan melakukan proses orderan ke sistem.
6. Operator mencek konfirmasi pembayaran yang telah dilakukan pelanggan.
7. Operator mencetak invoice dan melakukan proses pengiriman barang kepada
pelanggan.
8. Barang telah sampai di tangan pelanggan dan pelanggan melakukan
konfirmasi penerimaan barang ke sistem.

ALIRAN SISTEM INFORMASI YANG DI USULKAN
Quest Pelanggan Operator Admin
Input Data Barang

Melihat Barang
pantibaru
Register Akun
Login Pelanggan
Melakukan Proses Order Cek Konfirmasi Pembayaran
Cetak Invoice dan Proses Pengiriman Barang
Invoice dan Barang Invoice dan Barang
Konfirmasi Pesanan yang telah di terima

Phase
Gambar 4.2 Aliran Sistem Yang Di Usulkan
4.2 Analisis Biaya
Berikut ini adalah analisis biaya yang dikeluarkan selama pembuatan
perancangan E-CRM (Electronic Customer Relationship Managemen) untuk
penjualan ikan teri pada UD. Panti Baru yaitu:

Tabel 4.3 Analisis Biaya
No Material Pemakaian Kuantitas Jumlah Harga

1 Buku Panduan Referensi 1 buku Rp. 45.000.-
2 Kertas Sidu A4 70 gr Operasional 3 rim Rp. 120.000,-
3 Kertas Sidu A4 80 gr Operasional 1 rim Rp. 48.000,-
4 Kertas A4 warna hijau Operasional 40 lembar Rp. 10.000,-
3 Printer Epson L360 Operasional 1 unit Rp. 2.100.000.-
4 Clip paper Operasional 1 kotak Rp. 3.000.-
5 Modul Malas Ngoding Referensi 1 modul Rp. 150.000.-
6 Clip binder Operasional 6 buah Rp. 20.000.-
7 Map Operasional 2 buah Rp. 3.000.-
8 Tinta Printer Operasional 4 botol Rp. 80.000,-
9 Pulpen Operasional 1 buah Rp. 5.000.-
10 Kuota Internet Operasional 50 GB Rp. 300.000,-
Sub Total Rp. 2.884.000,-
4.3 Perancangan Sistem Secara Umum
Perancangan sistem adalah suatu tahapan perencanaan, pengembangan
dan pembuatan gambaran dalam beberapa elemen yang terpisah kedalam satu
kesatuan yang utuh serta berfungsi agar dapat memberikan suatu gambaran yang
jelas kepada user.
4.3.1 Unified Modeling Language (UML)
Perancangan sistem Unified Modelling Language (UML) adalah salah
satu standart bahasa yang sering digunakan dalam dunia industri untuk
mendefenisikan requirement, membuat analisis dan desain, serta menggambarkan
arsitektur dalam pemrograman berorientasi objek. Berikut perancangan
menggunakan UML.
4.3.1.1 Use Case Diagram
Use Case Diagram adalah urutan kegiatan yang dilakukan oleh aktor dan
sistem untuk mencapai suatu tujuan tertentu. Kegiatan yang dilakukan use case
hanya menjelaskan apa yang dilakukan oleh aktor dan sistem, bukan bagaimana
aktor dan sistem melakukan kegiatan tersebut. Berikut ini adalah Use Case
Diagram pada perancangan E-CRM untuk penjualan ikan teri pada UD. Panti
Baru.
1. Definisi Aktor
Berikut adalah deskripsi pendefinisian aktor pada sistem perancangan E-
CRM penjualan ikan teri pada UD. Panti Baru
Tabel 4.4 Definisi Aktor
No Nama Aktor Deskripsi Aktor
1 Admin 1. Melakukan login ke sistem.

2. Mengelola administrator.
3. Melihat daftar pelanggan.
4. Mengelola informasi pelanggan.
5. Melihat saran dan kritik.
6. Mengelola data barang.
7. Melihat penilaian produk.
8. Mengelola pembelian.
9. Melihat bukti transfer
10. Mengelola ongkos kirim
11. Mencetak invoice.
12. Melihat laporan transaksi pembelian.
13. Melihat Grafik.
14. Mengelola live chat.
15. Melakukan logout dari sistem.
2 Operator 1. Melakukan login ke sistem.
2. Melihat daftar pelanggan.
3. Mengelola informasi pelanggan.
4. Melihat kritik dan saran.
5. Mengelola data barang.
6. Melihat penilaian produk.
7. Mengelola pembelian.
8. Melihat bukti transfer
9. Mengelola ongkos kirim
10. Mencetak invoice.
11. Melihat Grafik.
12. Mengelola live chat.
3 Quest 1. Melihat halaman utama.
2. Melakukan Register.
3. Melakukan Live chat.
4 Pelanggan 1. Melakukan login ke sistem.
2. Melihat data/profil Pelanggan.
3. Melihat keranjang belanja.
4. Melihat daftar pembelian.
5. Melakukan konfirmasi pembayaran.
6. Melakukan konfirmasi penerimaan.
7. Memberikan penilaian produk.
8. Melakukan ubah password.
9. Melakukan Live chat.
1. Definisi Use Case Diagram
Berikut adalah deskripsi pendefinisian use case pada sistem perancangan
E-CRM penjualan ikan teri pada UD. Panti Baru :
Tabel 4.5 Definisi Use Case Diagram

No Use Case Deskripsi
1 Login Merupakan proses pertama yang dilakukan untuk

masuk kedalam sistem untuk mengelola data barang
pada sistem E-CRM.
2 Mengelola Merupakan proses dalam mengelola user pada sistem

administrator yang digunakan.
3 Mengelola Merupakan proses untuk menambahkan informasi

Informasi yang akan diberikan admin kepada Pelanggan.
4 Melihat Merupakan suatu proses untuk melihat data diri dari

data/profil pelanggan.
pelanggan
5 Input data Merupakan proses generalisasi yang meliputi lima
barang buah proses input data barang yaitu menambah data
barang, membatalkan data barang,simpan data
barang,mengedit data barang,dan menghapus data
barang.
6 Kritik dan saran Melihat kritik dan saran dari semua pelanggan.
7 Input biaya Merupakan proses input biaya pengiriman yang

pengiriman meliputi lima buah proses input biaya pengiriman
yaitu menambah biaya pengiriman, membatalkan
biaya pengiriman, simpan biaya pengiriman, mengedit
biaya pengiriman, dan menghapus biaya pengiriman.
8 Proses Merupakan proses melakukan pemesanan oleh

pesanan/order konsumen kedalam sistem E-CRM yang akan masuk
kedalam database.
9 Konfirmasi Merupakan proses untuk melakukan konfirmasi

pembayaran terhadap pesanan yang telah dibayar.
10 Komentar Merupakan proses yang dapat dilakukan admin

maupun konsemen terhadap koentar produk yang akan
diberikan komentar oleh konsumen dan admin
menjawab komentar.
11 Mencetak Merupakan proses mencetak invoice yang ada dalam

invoice basis data.
12 Ubah password Merupakan proses merubah password lama menjadi

password yang baru kemudian disimpan.
13 Register Merupakan proses konsumen yang dilakukan untuk

mendaftar sebagai member dengan input data pribadi.
14 Keranjang Merupakan proses yang dilakukan untuk memasukkan

belanja produk atau melihat keranjang belanja tentang produk
yang telah dipilih.
15 Melihat daftar Merupakan proses untuk melihat produk yang telah

pembelian dipilih untuk melakukan proses order.
16 Konfirmasi Merupakan proses yang dilakukan untuk mengisi form

pembayaran pembayaran dan melakukan konfirmasi yang akan
dikirim kepada admin.
17 Konfirmasi Merupakan proses konfirmasi penerimaan suatu

penerimaan produk yang telah dikirim kepada konsumen.
18 Penilaian Merupakan proses pemberian nilai terhadap produk

produk yang di jual.
19 Live chat Merupakan proses yang dilakukan admin dan

konsumen dalam berkomunikasi untuk mennyakan
tentang pemelian produk maupun yang lainnya.
20 Logout Merupakan proses untuk keluar dari sistem.
Sistem Penjualan Ikan Pada UD. Panti Baru
Login
Logout
Validasi
Melihat Home
Dashbord <<include>>
tambah Memeriksa status login Register

simpanhapus
Mengelola Quest
<<include>>
update Data User Mengelola <<include>>
<<include>>
<<include>>
Daftar Pelanggan
Melihat Kritik & Saran
Mengelola Informasi pelanggan
<<include>>
<<include>>
hapus
tambah <<include>>
simpan
Mengelola Data Barang <<include>>
edit
<<include>>
<<include>>
Melihat Penilaian Produk <<include>>
<<include>> <<include>>
Mengelola Data Pembelian <<include>>

<<include>>
Admin Operator
<<include>>
Melihat Bukti Pembayaran <<include>>
<<includ<e<>i>nclude>>
Melihat Daftar Pembelian
Melihat Grafik
Konfirmasi Pembayaran
Melihat Laporan Pembelian

Mengelola Keranjang Belanja
simpan tambah hapus
update
Mengelola Ongkos Kirim Mengelola Profil
Pelanggan
Stok Produk
Konfirmasi Penerimaan
Live Chat
Penilaian Produk
Gambar 4.3 Use Case Diagram

4.3.1.2 Class Diagram
Diagram kelas atau Class Diagram menggambarkan keadaan
(atribut/properti) suatu sistem dari segi pendefenisian kelas-kelas yang akan
dibuat untuk membangun sistem. Berikut ini adalah class diagram pada
perancangan E-CRM untuk penjualan ikan teri pada UD. Panti Baru.
Application
Controller
Buktipembayaran info
Kategori Kontak Laporan Ongkir Pelanggan Pembelian Penilaian Pesan Produk Ulasan User
Model View
odel Kategori_model Keranjang_model Laporan_model Ongkir_model Pelanggan_model Pembelian_model Penilaian_model Pesan_modelkontak
Produk_model
laporan ongkir
Profil_model
pelanggan
Ulasan_model
pembelian penilaian
User_model
pesan produk ulasan user
Gambar 4.4 Class Diagram
4.3.1.3 Sequence Diagram
Diagram sequence dapat menggambarkan kelakuan objek pada Use Case
dengan menjelaskan waktu objek dan pesan yang dikirimkan dan diterima antar
objek. Oleh sebab itu dalam menggambarkan sequence diagram mengetahui

objek-objek yang terlibat dalam sebuah Use Case beserta metode-metode yang
dimiliki kelas yang termasuk menjadi objek itu. Berikut ini adalah sequence
diagram pada perancangan E-CRM untuk penjualan ikan teri pada UD. Panti
Baru.
1. Sequence Diagram Login Admin
Bentuk sequence diaram login admin yang akan di rancang di UD. Panti
Baru yaitu :
Admin Form Data User a

Menu Utam
Login
1: isi username dan password
2: data user
3: validasi data
4: username dan password salah
5: menampilkan menu utama()
6: men ampilkan menu utama
Gambar 4.5 Sequence Diagram Login Admin
2. Sequence Diagram Tambah Data User Admin
Bentuk sequence diagram admin untuk menambah user yang akan di
rancang di UD. Panti Baru yaitu :

Admin antarmuka Mengelola User
1: klik menu user()
2: form user()
3: isi data user()

4: tambah data()
5 : data user berhasil ditambahkan
Gambar 4.6 Sequence Diagram Tambah Data User
3. Sequence Diagram Hapus Data User Admin
Bentuk sequence diagram admin untuk menghapus data user yang akan
di rancang di UD. Panti Baru yaitu :

1: klik menu user()
2: pilih data yang dihapus()

3: menghapus data user()
4 : data berhasil dihapus
Gambar 4.7 Sequence Diagram Hapus Data User

4. Sequence Diagram Update Data User Admin
Bentuk sequence diagram admin untuk mengupdate data user yang akan

1: klik menu user()
2: pilih data yang diupdate()
3: update data user()
4: mengupdte data user()
5 : data user berhasil diupdate
Gambar 4.8 Sequence Diagram Update Data User
5. Sequence Diagram Daftar Pelanggan Admin
Bentuk sequence diagram admin untuk melihat daftar pelanggan yang
akan di rancang di UD. Panti Baru yaitu :
Mengelola Daftar
Admin antarmuka Pelanggan
1: klik menu daftar pelanggan()
2: tampil daftar pelanggan()

3: melihat daftar pelanggan()
Gambar 4.9 Sequence Diagram Daftar Pelanggan

64
6. Sequence Diagram Informasi Pelanggan Admin
Bentuk sequence diagram admin untuk memberikan informasi kepada
pelanggan yang akan di rancang di UD. Panti Baru yaitu :
Mengelola Informasi
Admin antarmuka Pelanggan
1: klik menu informasi
pelanggan()
2: kirim informasi pelanggan()

3: Informasi pelanggan()
Gambar 4.10 Sequence Diagram Informasi Pelanggan Admin
7. Sequence Diagram Tambah Data Barang Admin
Bentuk sequence diagram admin untuk menambah data barang yang akan
Admin
antarmuka Mengelola Barang
1: klik menu barang()
2: form barang()
3: isi data barang()

4: tambah data barang()
5 : data barang berhasil ditambahkan
Gambar 4.11 Sequence Diagram Tambah Data Barang Admin

65
8. Sequence Diagram Edit Data Barang Admin
Bentuk sequence diagram admin untuk mengedit data barang yang akan
Admin antarmuka Mengelola Barang

2: pilih data yang diedit()
3: edit data barang()
4: mengedit data barang()
5 : data barang berhasil diedit
Gambar 4.12 Sequence Diagram Edit Data Barang Admin
9. Sequence Diagram Hapus Data Barang Admin
Bentuk sequence diagram admin untuk menghapus data barang yang
Admin antarmuka Mengelola Barang

1: klik menu data barang()
2: pilih data ba rang yang dihapus()
3: menghapus data barang()
Gambar 4.13 Sequence Diagram Hapus Data Barang Admin

66
10. Sequence Diagram Penilaian Produk Admin
Bentuk sequence diagram admin untuk melihat penilaian produk yang
Admin antarmuka Mengelola Penilaian

1: klik menu penilaian produk()
2: tampil penilaian produk()

3: melihat penilaian produk()
Gambar 4.14 Sequence Diagram Penilaian Produk Admin
11. Sequence Diagram Data Pembelian Admin
Bentuk sequence diagram admin untuk melihat data pembelian yang akan
Mengelola Data
Admin antarmuka Pembelian
1: klik menu data pembelian()
2: tampil data pembelian()

3: melihat data pembelian()
4: terima dan tolak pembelian()
5: cetak invoice()
Gambar 4.15 Sequence Diagram Data Pembelian Admin

67
12. Sequence Diagram Bukti Pembayaran Admin
Bentuk sequence diagram admin untuk melihat bukti pembayaran yang
Mengelola Bukti
Admin antarmuka Pembayaran
1: klik menu bukti pembayaran()
2: tampil bukti pembayaran()

3: melihat bukti pembayaran()
Gambar 4.16 Sequence Diagram Bukti Pembayaran Admin
13. Sequence Diagram Grafik Admin
Bentuk sequence diagram admin untuk melihat grafik yang akan di
Admin Mengelola Grafik

antarmuk a
1: klik menu grafik()
2: tampil grafik()
3: melihat grafik()
Gambar 4.17 Sequence Diagram Grafik Admin

68
14. Sequence Diagram Laporan Transaksi Pembelian Admin
Bentuk sequence diagram admin untuk melihat laporan transaksi
pembelian yang akan di rancang di UD. Panti Baru yaitu :
Admin a Mengelola Laporan

antarmuk
1: klik menu laporan() Transaksi Pembelian
2: tampil laporan()
3: melihat laporan()
Gambar 4.18 Sequence Diagram Laporan Transaksi Pembelian Admin
15. Sequence Diagram Tambah Ongkos Kirim Admin
Bentuk sequence diagram admin untuk menambah ongkos kirim yang
Mengelola Ongkos
Admin antarmuka Kirim
1: klik menu ongkos kirim()
2: form ongkos kirim()
3: isi data ongkos kirim()

4: tambah data ongkos kiim()
5 : ongkos kirim berhasil ditambahkan
Gambar 4.19 Sequence Diagram Tambah Ongkos Kirim Admin

69
16. Sequence Diagram Edit Ongkos Kirim Admin
Bentuk sequence diagram admin untuk mengedit ongkos kirim yang akan
Mengelola Ongkos
2: pilih ongkos kirim yang
diedit() 3: edit data ongkos
kirim()
4: edit dataongkos kirim()
5 : ongkos kirim berhasil

diedit
Gambar 4.20 Sequence Diagram Edit Ongkos Kirim Admin
17. Sequence Diagram Hapus Ongkos Kirim Admin
Bentuk sequence diagram admin untuk menghapus ongkos kirim yang
Mengelola Ongkos
2: pilih ongkos kirim yang dihapus()

3: menghapus ongkos kirim()
Gambar 4.21 Sequence Diagram Hapus Ongkos Kirim Admin

18. Sequence Diagram Stok Barang Admin
Bentuk sequence diagram admin untuk melihat stok barang admin yang
Admin a Mengelola Stok Produk

antarmuk
1: klik menu stok produk()
2: tampil stok produk()

3: melihat stok produk()
Gambar 4.22 Sequence Diagram Stok Barang Admin
19. Sequence Diagram Live Chat Admin
Bentuk sequence diagram admin untuk melihat dan membalas pesan
Admin antarmuka Mengelola Live Chat

1: klik menu live chat()
2: tampil live chat()

3: melihat dan membalas pesan()
4 : pesan
Gambar 4.23 Sequence Diagram Live Chat Admin

20. Sequence Diagram Logout Admin
Bentuk sequence diaram logout admin yang akan di rancang di UD. Panti
Baru yaitu :
AAddmmiin Form VVaalliiddaasisi

Login
1: Klik menu logout()
2: Logout()
3: Keluar dari menu utama user
Gambar 4.24 Sequence Diagram Logout Admin
21. Sequence Diagram Login Operator
Bentuk sequence diaram login operator yang akan di rancang di UD. Panti
Baru yaitu :
Operator Form Data User a

Menu Utam
Login
2: data user
3: validasi data
6: men
ampilkan menu utama
Gambar 4.25 Sequence Diagram Login Operator

72
22. Sequence Diagram Daftar Pelanggan Operator
Bentuk sequence diagram operator untuk melihat daftar pelanggan yang
Mengelola Daftar
Operator antarmuka Pelanggan
1: klik menu daftar pelanggan()
2: tampil daftar pelanggan()

3: melihat daftar pelanggan()
Gambar 4.26 Sequence Diagram Daftar Pelanggan Operator
23. Sequence Diagram Tambah Data Barang Operator
Bentuk sequence diagram operator untuk menambah data barang yang
Operator antarmuka Mengelola Barang

2: form barang()
3: isi data barang()

4: tambah data barang()
5 : data barang berhasil ditambahkan
Gambar 4.27 Sequence Diagram Tambah Data Barang Operator

73
24. Sequence Diagram Edit Data Barang Operator
Bentuk sequence diagram operator untuk mengedit data barang yang

2: pilih data yang
diedit() 3: edit data barang()
4: mengedit data barang()
5 : data barang berhasil diedit
Gambar 4.28 Sequence Diagram Edit Data Barang Operator
25. Sequence Diagram Hapus Data Barang Operator
Bentuk sequence diagram operator untuk menghapus data barang yang

1: klik menu data barang()
2: pilih data rang yang dihapus()

ba
3: menghapus data barang()
Gambar 4.29 Sequence Diagram Hapus Data Barang Operator

74
26. Sequence Diagram Penilaian Produk Operator
Bentuk sequence diagram operator untuk melihat penilaian produk yang
Operator antarmuka Mengelola Penilaian

1: klik menu penilaian produk()
2: tampil penilaian produk()

3: melihat penilaian produk()
Gambar 4.30 Sequence Diagram Penilaian Produk Operator
27. Sequence Diagram Data Pembelian Operator
Bentuk sequence diagram operator untuk melihat data pembelian yang
Mengelola Data
Operator antarmuka Pembelian
1: klik menu data pembelian()
2: tampil data pembelian()

3: melihat data pembelian()
4: terima dan tolak pembelian()
5: cetak invoice()
Gambar 4.31 Sequence Diagram Data Pembelian Operator

75
28. Sequence Diagram Bukti Pembayaran Operator
Bentuk sequence diagram operator untuk melihat bukti pembayaran yang
Mengelola Bukti
Operator a
Pembayaran
antarmuk
1: klik menu bukti pembayaran()
2: tampil bukti pembayaran()

3: melihat bukti pembayaran()
Gambar 4.32 Sequence Diagram Bukti Pembayaran Operator
29. Sequence Diagram Grafik Operator
Bentuk sequence diagram operator untuk melihat grafik yang akan di
Operator Mengelola Grafik

antarmuk a
1: klik menu grafik()
2: tampil grafik()
3: melihat grafik()
Gambar 4.33 Sequence Diagram Grafik Operator

76
30. Sequence Diagram Tambah Ongkos Kirim Operator
Bentuk sequence diagram operator untuk menambah ongkos kirim yang
Operator antarmuka Mengelola Ongkos Kirim

2: form ongkos kirim()
3: isi data ongkos kirim()

4: tambah data ongkos kiim()
5 : ongkos kirim berhasil ditambahkan
Gambar 4.34 Sequence Diagram Tambah Ongkos Kirim Operator
31. Sequence Diagram Edit Ongkos Kirim Operator
Bentuk sequence diagram operator untuk mengedit ongkos kirim yang
Mengelola Ongkos
Operator antarmuka Kirim
2: pilih ongkos kirim yang diedit()
3: edit data ongkos kirim()
4: edit dataongkos kirim()
5 : ongkos kirim berhasil diedit
Gambar 4.35 Edit Ongkos Kirim Operator

77
32. Sequence Diagram Hapus Ongkos Kirim Operator
Bentuk sequence diagram operator untuk menghapus ongkos kirim yang
Mengelola Ongkos
Operator a
Kirim
antarmuk
2: pilih ongkos kirim yang dihapus()

3: menghapus ongkos kirim()
Gambar 4.36 Sequence Diagram Hapus Ongkos Kirim Operator
33. Sequence Diagram Kritik & Saran Operator
Bentuk sequence diagram operator untuk melihat kriitik dan saran
Mengelola Kritik
Operator antarmuka & Saran
1: klik menu kriik & saran()
2: tampil kritik & saran()
3: melihat kritik & saran()
Gambar 4.37 Sequence Diagram Kritik & Saran Operator

78
34. Sequence Diagram Live Chat Operator
Bentuk sequence diagram operator untuk melihat dan membalas pesan
Operator antarmuka Mengelola Live Chat

1: klik menu live chat()
2: tampil live chat()

3: melihat dan membalas pesan()
4 : pesan
Gambar 4.38 Sequence Diagram Live Chat Operator
35. Sequence Diagram Logout Operator
Bentuk sequence diaram logout operator yang akan di rancang di UD.
Panti Baru yaitu :
Operator Form VVaalliiddaasisi

Login
2: Logout()
3: Keluar dari menu utama user
Gambar 4.39 Sequence Diagram Logout Operator

79
36. Sequence Diagram Login pelanggan
Bentuk sequence diaram login pelanggan yang akan di rancang di UD. Panti
Baru yaitu :
Pelanggan Form Data User a

Menu Utam
Login
2: data user
3: validasi data
ampilkan menu utama

6: men
Gambar 4.40 Sequence Diagram Login pelanggan
37. Sequence Diagram Daftar Belanja Pelanggan
Bentuk sequence diagram pelanggan untuk melihat daftar belanja yang
Mengelola Daftar
Pelanggan antarmuka Belanja
1: klik menu daftar belanja()
2: tampil daftar belanja()

3: melihat daftar belanja()
Gambar 4.41 Sequence Diagram Daftar Belanja Pelanggan

80
38. Sequence Diagram Konfirmasi Pembayaran Pelanggan
Bentuk sequence diagram pelanggan untuk mengkonfirmasi pembayaran
Pelanggan Mengelola rmasi

antarmuka
PKonfi n
embayara
1: klik menu konfirmasi pembayaran()
2: tampil konfirmasi pembayaran()

3: melakukan konfirmasi pembayaran()
Gambar 4.42 Sequence Diagram Konfirmasi Pembayaran Pelanggan
39. Sequence Diagram Keranjang Belanja Pelanggan
Bentuk sequence diagram pelanggan untuk melihat keranjang belanja dan
ingin dicakeout yang akan di rancang di UD. Panti Baru yaitu :
Pelanggan antarmuka Mengelola Keranjang Belanja
1: klik menu keranjang belanja()
2: tampil belanja()
3: pilih keranjang yang ingin di cakeout()
Gambar 4.43 Keranjang Belanja Pelanggan

40. Sequence Diagram Profil Pelanggan
Bentuk sequence diagram pelanggan untuk melihat profil pelanggan yang
Pelanggan a Mengelola Profil

antarmuk
1: klik menu profil()
2: tampil profil()
3: melihat data profil()
Gambar 4.44 Sequence Diagram Profil Pelanggan
41. Sequence Diagram Edit Profil Pelanggan
Bentuk sequence diagram pelanggan untuk mengedit profil pelanggan
yang akan di rancang di UD. Panti Baru yaitu :
Pelanggan antarmuka Mengelola Profil

1: klik menu prodil()
2: pilih data yang diedit()
3: edit data profil()
4: mengedit data profil()
5 : data profil berhasil diedit
Gambar 4.45 Sequence Diagram Edit Profil Pelanggan

82
42. Sequence Diagram Konfirmasi Penerimaan Pelanggan
Bentuk sequence diagram pelanggan untuk melakukan konfirmasi
penerimaan barang yang akan di rancang di UD. Panti Baru yaitu :
Mengelola Konfirmasi
Pelanggan antarmuka Penerimaan
1: klik menu konfirmasi penerimaan()
2: tampil penerimaan()
3: melakukan konfirmasi penerimaan()
Gambar 4.46 Sequence Diagram Konfirmasi Penerimaan Pelanggan
43. Sequence Diagram Logout pelanggan
Bentuk sequence diaram logout pelanggan yang akan di rancang di UD.
Panti Baru yaitu :
Pelanggan Form VVaalliiddaasisi

Login
2: Logout()
3: Keluar dari menu utama u ser
Gambar 4.47 Sequence Diagram Logout pelanggan

83
44. Sequence Diagram Home Quest
Bentuk sequence diagram quest untuk melihat halaman utama yang akan
Quest a Mengelola Home

antarmuk
1: klik menu home()
2: tampil home()
3: melihat home()
Gambar 4.48 Sequence Diagram Home Quest
45. Sequence Diagram Register Quest
Bentuk sequence diagram quest untuk register pelanggan yang akan di
Quest antarmuka Mengelola Register

1: klik menu daftar()
2: tampil register()
3: mengisi register()
Gambar 4.49 Sequence Diagram Register Quest

4.3.1.4 Activity Diagram
Diagram aktivitas menggambarkan aliran kerja dari sebuah sistem yang
ada pada perangkat lunak. Berikut adalah gambar dari Activity Diagram pada
perancangan E-CRM untuk penjualan ikan teri pada UD. Panti Baru.
1. Activity Diagram Login Admin
Bentuk activity diagram admin login admin yang akan di rancang di UD.
Panti Baru yaitu :
Admin Sistem Penjualan Ikan
Halaman Utama
Memilih Menu Login
Menampilkan Form Login
Mengisi Username dan Password
Username dan Password Valid
Tidak
Valid
Ya
Halaman Utama Admin
Gambar 4.50 Activity Diagram login Admin
2. Activity Diagram Tambah Admin
Bentuk activity diagram admin untuk menambahkan user yang akan di

Memilih Menu Administrator Menampilkan Halaman Daftar User
Pilih Data yang akan ditambah
Klik button tambah Data berhasil ditambah
Gambar 4.51 Activity Diagram Tambah Admin
3. Activity Diagram Edit Admin
Bentuk activity diagram admin untuk mengedit user yang akan di
Pilih Data yang akan diedit
Klik button edit Data berhasil diedit
Gambar 4.52 Activity Diagram Edit Admin
4. Activity Diagram Hapus Admin
Bentuk activity diagram admin untuk menghapus user yang akan di

Pilih Data yang akan dihapus
Klik button hapus Data berhasil dihapus
Gambar 4.53 Activity Diagram Hapus Admin
5. Activity Diagram Melihat Daftar Pelanggan Admin
Bentuk activity diagram admin untuk melihat daftar pelangan yang akan
Pilih Menu daftar pelanggan Melihat Daftar Pelanggan
Gambar 4.54 Activity Diagram Melihat Daftar Pelanggan Admin
6. Activity Diagram Informasi Pelanggan Admin
Bentuk activity diagram admin untuk memberikan informasi kepada
pelangan yang akan di rancang di UD. Panti Baru yaitu :

Memilih Menu Informasi Pelanggan Menampilkan Halaman Informasi Pelanggan
Pilih Pelanggan
Klik button Kirim Data berhasil dikirim
Gambar 4.55 Activity Diagram Informasi Pelanggan Admin
7. Activity Diagram Tambah Data Barang Admin
Bentuk activity diagram admin untuk menambah data barang yang akan
Memilih Menu Data Barang Menampilkan Halaman Daftar Barang
Gambar 4.56 Activity Diagram Tambah Data Barang Admin
8. Activity Diagram Edit Data Barang Admin
Bentuk activity diagram admin untuk mengedit data barang yang akan di

Gambar 4.57 Activity Diagram Edit Data Barang Admin
9. Activity Diagram Hapus Data Barang Admin
Bentuk activity diagram admin untuk menghapus data barang yang akan
Gambar 4.58 Activity Diagram Hapus Data Barang Admin
10. Activity Diagram Penilaian Produk Admin
Bentuk activity diagram admin untuk melihat penilaian produk yang

Pilih Menu Penilaian Produk Melihat Penilaian Pelanggan Terhadap Produk
Gambar4.59 Activity Diagram Penilaian Produk Admin
11. Activity Diagram Data Pembelian Admin
Bentuk activity diagram admin untuk melihat data pembelian yang akan
Pilih Menu Pembelian Melihat Status Pembelian
Gambar 4.60 Activity Diagram Data Pembelian Admin
12. Activity Diagram Bukti Pembayaran Admin
Bentuk activity diagram admin untuk melihat bukti pembayaran yang
Pilih Menu Bukti Transfer Melihat Bukti Pembayaran
Gambar 4.61 Activity Diagram Bukti Pembayaran Admin

13. Activity Diagram Grafik Admin
Bentuk activity diagram admin untuk melihat Grafik yang akan di
Pilih Menu Grafik Melihat Grafik Penjualan
Gambar 4.62 Activity Diagram Grafik Admin
14. Activity Diagram Laporan Transaksi Pembelian Admin
Bentuk activity diagram admin untuk melihat laporan transaksi
pembelian yang akan di rancang di UD. Panti Baru yaitu :
Pilih Menu Laporan Pembelian Melihat Laporan Transaksi Pembelian
Gambar 4.63 Activity Diagram Laporan Transaksi Pembelian Admin
15. Activity Diagram Tambah Ongkos Kirim Admin
Bentuk activity diagram admin untuk menambah ongkos kirim yang akan

Memilih Menu Ongkos Kirim Menampilkan Halaman Ongkos Kirim
Gambar 4.64 Activity Diagram Tambah Ongkos Kirim Admin
16. Activity Diagram Edit Ongkos Kirim Admin
Bentuk activity diagram admin untuk mengedit ongkos kirim yang akan
Gambar 4.65 Activity Diagram Edit Ongkos Kirim Admin
17. Activity Diagram Hapus Ongkos Kirim Admin
Bentuk activity diagram admin untuk menghapust ongkos kirim yang

Memilih Menu Ongkos Kirim Menampilkan Halaman Laporan Pengiriman
Gambar 4.66 Activity Diagram Hapus Ongkos Kirim Admin
18. Activity Diagram Stok Produk Admin
Bentuk activity diagram admin untuk melihat stok produk yang akan di
Pilih Menu Stok Barang Menampilkan Halaman Laporan Stok Produk
Gambar 4.67 Activity Diagram Stok Produk Admin
19. Activity Diagram Live Chat Admin
Bentuk activity diagram admin untuk live chat yang akan di rancang di
UD. Panti Baru yaitu :

Pilih Menu Live Chat Membalas Pesan dari Pelanggan
Gambar 4.68 Activity Diagram Live Chat Admin
20. Activity Diagram logout Admin
Bentuk activity diagram admin untuk logout yang akan di rancang di
Halaman Menu Utama
Memilih Menu Logout
Keluar Dari Akses Admin
Menampilkan Halaman Home
Gambar 4.69 Activity Diagram Logout Admin
21. Activity Diagram Login Operator
Bentuk activity diagram operator login operator yang akan di rancang di

Operator Sistem Penjualan Ikan
Halaman Utama
Memilih Menu Login

Tida k
Valid
Ya
Halaman Utama Operator
Gambar 4.70 Activity Diagram Login Operator
22. Activity Diagram Melihat Daftar Pelanggan Operator
Bentuk activity diagram operator untuk melihat daftar pelangan yang
Pilih Menu Daftar Pelanggan Melihat daftar pelanggan
Gambar 4.71 Activity Diagram Melihat Daftar Pelanggan Operator

23. Activity Diagram Tambah Data Barang Operator
Bentuk activity diagram operator untuk menambah data barang yang
Gambar 4.72 Activity Diagram Tambah Data Barang Operator
24. Activity Diagram Edit Data Barang Operator
Bentuk activity diagram operator untuk edit data barang yang akan di
Gambar 4.73 Activity Diagram Edit Data Barang Operator

25. Activity Diagram Hapus Data Barang Operator
Bentuk activity diagram operator untuk hapus data barang yang akan di
Gambar 4.74 Activity Diagram Hapus Data Barang Operator
26. Activity Diagram Penilaian Produk Operator
Bentuk activity diagram operator untuk melihat penilaian produk yang
Pilih Menu Penilaian Produk Melihat Penilaian Pelanggan Terhadap Produk
Gambar 4.75 Activity Diagram Penilaian Produk Operator
27. Activity Diagram Data Pembelian Operator
Bentuk activity diagram operator untuk melihat data pembelian yang

Pilih Menu Data Pembelian Melihat Data Pembelian
Gambar 4.76 Activity Diagram Data Pembelian Operator
28. Activity Diagram Bukti Pembayaran Operator
Bentuk activity diagram operator untuk melihat bukti pembayaran
operator yang akan di rancang di UD. Panti Baru yaitu :
Pilih Menu Bukti Transfer Melihat Bukti Pembayaran
Gambar 4.77 Activity Diagram Bukti Pembayaran Operator
29. Activity Diagram Grafik Operator
Bentuk activity diagram operator untuk melihat Grafik operator yang
Pilih Menu Grafik Melihat Grafik Penjualan
Gambar 4.78 Activity Diagram Grafik Operator

30. Activity Diagram Tambah Ongkos Kirim Operator
Bentuk activity diagram operator untuk menambah ongkos kirim yang
Gambar 4.79 Activity Diagram Tambah Ongkos Kirim Operator
31. Activity Diagram Edit Ongkos Kirim Operator
Bentuk activity diagram operator untuk edit ongkos kirim yang akan di
Gambar 4.80 Activity Diagram Edit Ongkos Kirim Operator

32. Activity Diagram Hapus Ongkos Kirim Operator
Bentuk activity diagram operator untuk hapus ongkos kirim yang akan di
Gambar 4.81 Activity Diagram Hapus Ongkos Kirim Operator
33. Activity Diagram Kritik dan Saran Operator
Bentuk activity diagram operator untuk kritik dan saran yang akan di
Pilih Menu Kritik dan Saran Melihat Kritik dan Saran
Gambar 4.82 Activity Diagram Kritik dan Saran Operator
34. Activity Diagram Live Chat Operator
Bentuk activity diagram operator untuk live chat yang akan di rancang di

Pilih Menu Live Chat Membalas Pesan dari Pelanggan
Gambar 4.83 Activity Diagram Live Chat Operator
35. Activity Diagram logout Operator
Bentuk activity diagram operator untuk logout yang akan di rancang di
Operator Sistem Pejualan Ikan
Halaman Menu Utama
Memilih Menu Logout
Keluar Dari Akses Operator
Gambar 4.84 Activity Diagram Logout Operator
36. Activity Diagram login Pelanggan
Bentuk activity diagram pelanggan untuk login yang akan di rancang di

Pelanggan Sistem Penjualan Ikan
Halaman Utama
Memilih Menu Login
Tidak
Valid
Ya
Halaman Utama Pelanggan
Gambar 4.85 Activity Diagram Login Pelanggan
37. Activity Diagram Daftar Belanja Pelanggan
Bentuk activity diagram pelanggan untuk melihat daftar belanja
Pilih Menu Daftar Belanja Melihat Halaman Daftar Belanja
Gambar 4.86 Activity Diagram Daftar Belanja Pelanggan

38. Activity Diagram Konfirmasi Pembayaran Pelanggan
Bentuk activity diagram pelanggan untuk melakukan konfirmasi
pembayaran pelanggan yang akan di rancang di UD. Panti Baru yaitu :
Memilih Menu Pembayaran Menampilkan Halaman Pembayaran
Pilih Pembayaran yang akan dikonfirmasi
Klik Button Cancel Data berhasil dibatalkan
Gambar 4.87 Activity Diagram Konfirmasi Pembayaran Pelanggan
39. Activity Diagram Keranjang Belanja Pelanggan
Bentuk activity diagram pelanggan untuk melihat keranjang belanjaan
dan cakeout yang akan di rancang di UD. Panti Baru yaitu :
Memilih Menu Keranjang Belanja Menampilkan Halaman Belanja
Pilih Barang Belanja
Klik Button Cek Out Data berhasil dipesan
Gambar 4.88 Activity Diagram Keranjang Belanja Pelanggan

40. Activity Diagram Profil Pelanggan
Bentuk activity diagram pelanggan untuk melihat profil pelanggan yang
Memilih Menu Profile Menampilkan Halaman Profile
Gambar 4.89 Activity Diagram Profil Pelanggan
41. Activity Diagram Edit Profil Pelanggan
Bentuk activity diagram pelanggan untuk mengedit profil pelanggan
yang akan di rancang di UD. Panti Baru yaitu :
Memilih Menu Profile Menampilkan Halaman Profile
Gambar 4.90 Activity Diagram Edit Profil Pelanggan

42. Activity Diagram Konfirmasi Penerimaan Pelanggan
Bentuk activity diagram pelanggan untuk melakukan konfirmasi
penerimaan pelanggan yang akan di rancang di UD. Panti Baru yaitu :
Pilih Button Konfirmasi Penerimaan Melihat Halaman Konfirmasi
Gambar 4.91 Activity Diagram Konfirmasi Penerimaan Pelanggan
43. Activity Diagram logout Pelanggan
Bentuk activity diagram pelanggan untuk logout yang akan di rancang di
Halaman Menu Utama
Memilih Menu Logout
Keluar Dari Akses Pelanggan
Gambar 4.92 Activity Diagram Logout Pelanggan

44. Activity Diagram Halaman Quest
Bentuk activity diagram Quest untuk melihat halaman utama yang akan
Quest Sistem Penjualan Ikan
Pilih Menu Home Melihat Halaman Utama
Gambar 4.93 Activity Diagram Halaman Quest
45. Activity Diagram Register Quest
Bentuk activity diagram Quest untuk melakukan register yang akan di
Quest Sistem Penjualan Ikan
Pilih Menu Daftar Mengisi Halaman Registrasi
Gambar 4.94 Activity Diagram Register Quest
4.3.2 Diagram Arus Data
4.3.2.1 Deployment Diagram
Deployment Diagram menunjukkan konfigurasi komponen dalam proses
eksekusi aplikasi. Diagram deployment menunjukkan sususan fisik dari sebuah
sistem dimana bagian perangkat lunak yang mana yang berjalan pada perangkat
keras. Berikut gambar deployment pada perancangan E-CRM untuk penjualan
ikan teri pada UD. Panti Baru.
Main Server
Database Server
MySQL
Database
Client
Internet Web Browser

TCP/IP
PHP
(Hypertext Preprocessor)
Web Server
Gambar 4.95 Deployment Diagram
4.3.3 Perancangan Basis Data
Pada tahap ini perancangan basis data menggunakan beberapa peralatan
untuk mendukung proses pembentukan database tersebut. Peralatan-peralatan
yang digunakan untuk mendukung pembentukan basis data antara lain :
a. Entity Relationship Diagram
Entity Relationship Diagram (ERD) merupakan suatu dokumentasi data
dengan mengidentifikasikan entity data dengan memperlihatkan hubungan yang
ada di antara entity-entity tersebut. Berikut gambar dari Entity Relationship
Diagram dapat dilihat pada gambar berikut ini.

Gambar 4.96 Entity Relationship Diagram
b. Struktur Data
Struktur data dari basis data adalah tabel, kolom, baris dan kunci. Berikut
ini adalah struktur data dari perancangan E-CRM untuk penjualan ikan teri pada
UD. Panti Baru dengan nama database : pantibaru
1. Tabel Detail Pembelian
Nama Tabel : detailpembelian
Primary Key : ID
Tabel 4.6 Desain Detail Pembelian
Field Type Keterangan

ID int(11) ID
OrderID varchar(7) OrderID
KodeKeranjang varchar(10) KodeKeranjang
KodeProduk varchar(5) KodeProduk
Harga int(11) Harga
HargaDiskon int(11) HargaDiskon
Jumlah int(11) Jumlah
Total int(11) Total
2. Tabel Info
Nama Tabel : info
Primary Key : ID
Tabel 4.7 Desain Tabel Info

ID int(11) ID
Pengiriman varchar(50) Pengiriman
Subjek varchar(200) Subjek
Pesan Text Pesan
TglKirim Datetime TanggalKirim
3. Tabel Jenis Produk
Nama Tabel : jenisproduk
Primary Key : ID
Tabel 4.8 Desain Tabel Jenis Produk

ID int(11) ID
JenisProduk varchar(100) JenisProduk
NotActive Enum(‘Y’,’N’) NotActive
4. Tabel Kabupaten
Nama Tabel : kabupaten
Primary Key : ID
Foreign key : IDProv
Tabel 4.9 Desain Tabel Kabupaten

ID char(4) ID
IDProv char(2) IDProvinsi
Nama Tinytext Nama
id_jenis int(11) id_jenis
5. Tabel Kecamatan
Nama Tabel : kecamatan
Primary Key : ID
Foreign key : IDKab
Tabel 4.10 Desain Tabel Kacamatan

ID char(6) ID
IDKab char(4) IDKabupaten
Nama Tinytext Nama
6. Tabel Keranjang
Nama Tabel : keranjang
Primary Key : IDKeranjang
Foreign key : IDPelanggan
Tabel 4.11 Desain Tabel Keranjang

IDKeranjang int(11) IDKeranjang
KodeKeranjang varchar(10) KodeKeranjang
IDPelanggan int(11) IDPelanggan
Harga int(11) Harga
Total int(11) Total
Tanggal Datetime Tanggal
Status Enum(‘Disimpan’,Dibeli’,’Batal’) Status
7. Tabel Kontak
Nama Tabel : kontak
Primary Key : IDKontak
Tabel 4.12 Desain Tabel Kontak

IDKontak int(11) IDKontak
Email varchar(100) Email
Nama varchar(100) Nama
Subjek varchar(100) Subjek
Pesan Text Pesan
8. Tabel Ongkir
Nama Tabel : ongkir
Primary Key : ID
Foreign key : IDProvinsi
Foreign key : IDKabupaten
Foreign key : IDKecamatan
Tabel 4.13 Desain Tabel Ongkir

ID int(11) ID
IDProvinsi varchar(100) IDProvinsi
IDKabupaten varchar(100) IDKabupaten
IDKecamatan varchar(100) IDKecamatan
Pesan Text Pesan
9. Tabel Pelanggan
Nama Tabel : pelanggan
Primary Key : ID
Foreign key : IDProvinsi
Foreign key : IDKabupaten
Foreign key : IDKecamatan
Tabel 4.14 Desain Tabel Pelanggan

ID int(11) ID
Username varchar(50) Username
Password varchar(100) Password
KodeUnik varchar(10) KodeUnik
Level varchar(100) Level
Alamat Text Alamat
IDProvinsi int(11) IDProvinsi
IDKabupaten int(11) IDKabupaten
IDKecamatan int(11) IDKecamatan
KodePos varchar(6) KodePos
Phone varchar(20) Phone
Foto varchar(100) Foto
Token varchar(100) Token
NotActive Enum(‘Y,’N’) NotActive
10. Tabel Pembayaran
Nama Tabel : pembayaran
Primary Key : ID
Tabel 4.15 Desain Tabel Pembayaran

ID int(11) ID
NamaPengiriman varchar(100) NamaPengiriman
DariBank varchar(10) DariBank
KeBank varchar(10) KeBank
TglTransfer Date TanggalTransfer
FileBukti varchar(100) FileBukti
TglUpload Date TanggalUpload
Status enum(‘Diterima’,Ditolak’,Proses’) Status
11. Tabel Pembelian
Nama Tabel : pembelian
Primary Key : ID

Tabel 4.16 Desain Tabel Pembelian

IDPembelian int(11) IDPembelian
Kurir varchar(50) Kurir
Ongkir int(11) Ongkir
TotalBelanja int(11) TotalBelanja
BatasTransfer Date BatasTransfer
enum(‘BelumDibayar’,’Dikemas’,’
Status Dikirim’, Status
’Selesai’,’Batal’)
MetodePembayaran enum(‘Transfer Bank’,’COD’) MetodePembayaran
TglDipesan Datetime TanggalDipesan
TglDikirim Datetime TanggalDikirim
TglDiterima Date TanggalDiterima
NoResi varchar(50) NomorResi
Alamat Text Alamat
TotalBayar int(11) TotalBayar
Rating int(11) Rating
12. Tabel Penerima Info
Nama Tabel : penerimainfo
Primary Key : ID
Tabel 4.17 Desain Tabel Penerima Info

ID int(11) ID
IDInfo int(11) IDInfo
13. Tabel Produk
Nama Tabel : produk
Primary Key : IDProduk

Tabel 4.18 Desain Tabel Produk

ID int(11) ID
KodeProduk varchar(5) JenisProduk
JenisProduk int(11) JenisProduk
NamaProduk varchar(200) NamaProduk
Harga int(11) Harga
Ukuran Float Ukuran
Keterangan Text Keterangan
Diskon int(11) Diskon
Gambar1 varchar(100) Gambar1
TotalRate Float TotalRate
View int(11) View
Stok int(11) Stok
Tanggal Date Tanggal
14. Tabel Produk Masuk
Nama Tabel : produkmasuk
Primary Key : ID
Tabel 4.19 Desain Tabel Produk Masuk

ID int(11) ID
Kodeproduk varchar(5) Kodeproduk
Stok int(11) Stok
TglMasuk Text TanggalMasuk
15. Tabel Provinsi
Nama Tabel : provinsi
Primary Key : ID
Tabel 4.20 Desain Tabel Provinsi

ID char(2) ID
Nama Tinytext Nama
16. Tabel Ulasan
Nama Tabel : ulasan
Primary Key : ID
Foreign key : IDUlasan
Tabel 4.21 Desain Tabel Ulasan

ID int(11) ID
IDUlasan int(11) IDUlasan
Rating int(1) Rating
Ulasan Text Ulasan
IDAdmin int(11) IDAdmi
Type enum(‘Ulasan,’Balasan’) Type
17. Tabel User
Nama Tabel : user
Primary Key : ID
Tabel 4.22 Desain Tabel User

ID int(11) ID
Username varchar(100) Username
Password varchar(100) Password
Level int(1) Level
Phone varchar(15) Phone
Token varchar(100) Token
KodeUnik varchar(10) KodeUnik
NotActive enum(‘Y’,’N’) NotActive
4.3.4 Perancangan Antar Muka (User Interface)
Dalam perancangan antar muka (user interface) adalah salah satu jenis
perancangan yang digunakan untuk menggambarkan antar muka yang akan
digunakan pada pembuatan aplikasi. Perancangan antar muka meliputi
perancangan struktur menu dan perancangan tampilan.
1. Tampilan Home Page
Gambar 4.97 Desain Home Page

2. Tampilan Halaman Input Login Admin
Gambar 4.98 Desain Input Login Admin
3. Tampilan Halaman Dashboard Admin
Gambar 4.99 Tampilan Halaman Dashboard Admin

4. Tampilan Halaman Daftar User Admin
Gambar 4.100 Halaman Daftar User Admin
5. Tampilan Halaman Daftar Pelanggan Admin
Gambar 4.101 Tampilan Halaman Daftar Pelanggan Admin

6. Tampilan Halaman Informasi Pelanggan Admin
Gambar 4.102 Tampilan Halaman Informasi Pelanggan Admin
7. Tampilan Halaman Pesan Pelanggan
Gambar 4.103 Tampilan Halaman Pesan Pelanggan

8. Tampilan Halaman Data Barang Admin
Gambar 4.104 Tampilan Halaman Data Barang Admin
9. Tampilan Halaman Penilaian Produk Admin
Gambar 4.105 Tampilan Halaman Penilaian Produk Admin

10. Tampilan Halaman Status Pembelian Admin
Gambar 4.106 Tampilan Halaman Status Pembelian Admin
11. Tampilan Halaman Bukti Pembayaran Admin
Gambar 4.107 Tampilan Halaman Bukti Pembayaran Admin

12. Tampilan Halaman Ongkos Kirim Admin
Gambar 4.108 Tampilan Halaman Ongkos Kirim Admin
13. Tampilan Halaman Laporan Transaksi Pembelian Admin
Gambar 4.109 Tampilan Halaman Transaksi Pembelian Admin

14. Tampilan Halaman Grafik Admin
Gambar 4.110 Tampilan Halaman Grafik Admin
15. Tampilan Halaman Login Operator
Gambar 4.111 Tampilan Halaman Login Operator

16. Tampilan Halaman Daftar Pelanggan Operator
Gambar 4.112 Tampilan Halaman Daftar Pelanggan Operator
17. Tampilan Halaman Informasi Pelanggan Operator
Gambar 4.113 Tampilan Halaman Informasi Pelanggan Operator

18. Tampilan Halaman Pesan Pelanggan
Gambar 4.114 Tampilan Halaman Pesan Pelanggan
19. Tampilan Halaman Data Barang Operator
Gambar 4.115 Tampilan Halaman Data Barang Operator

20. Tampilan Halaman Penilaian Produk Operator
Gambar 4.116 Tampilan Halaman Penilaian Produk Operator
21. Tampilan Halaman Status Pembelian Operator
Gambar 4.117 Tampilan Halaman Status Pembelian Operator

22. Tampilan Halaman Bukti Transfer Operator
Gambar 4.118 Tampilan Halaman Bukti Tranfer Operator
23. Tampilan Halaman Login Pelanggan
Gambar 4.119 Tampilan Halaman Login Pelanggan

24. Tampilan Halaman Halaman Utama Pelanggan
Gambar 4.120 Tampilan Halaman Utama Pelanggan
25. Tampilan Halaman Profil Pelanggan
Gambar 4.121 Tampilan Halaman Profil Pelanggan

26. Tampilan Halaman Daftar Belanja Pelanggan
Gambar 4.122 Tampilan Halaman Daftar Belanja Pelanggan
27. Tampilan Halaman Tujuan Pengirirman Pelanggan
Gambar 4.123 Tampilan Halaman Tujuan Pengirirman Pelanggan

28. Tampilan Halaman Bukti Tranfer Pelanggan
Gambar 4.124 Tampilan Halaman Bukti Tranfer Pelanggan
29. Tampilan Halaman Ganti Password Pelanggan
Gambar 4.125 Tampilan Halaman Ganti Password Pelanggan

BAB IV Dikonversi

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

BAB IV Dikonversi

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB IV

ANALISA DAN PERANCANGAN

4.1 Analisa Sistem

Analisis sistem merupakan sebagai penguraian sebuah sistem informasi

mengidentifikasikan hambatan, permasalahan, kesempatan yang terjadi dan

kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Activity Diagram dan Deployment Diagram.

4.1.1 Analisa Masalah

UD. Panti Baru melakukan proses penginformasian serta pengolahan data

membuat penjual ataupun admin mengalami kesulitan dalam proses

UD. Panti Baru dalam penjualan ikan teri.

4.1.2 Analisa Kebutuhan Sistem

melakukan tatap muka, sehingga penulis menganalisis sistem yang harus

mengetahui informasi kebutuhan pelanggan yang diinginkan, antara lain informasi

sangat dibutuhkan oleh pihak penjual. Dengan adanya komputer sebagai

teknologi, dalam penerapan sistem baru diharapkan dapat meningkatkan

produktifitas kerja para pengelola guna memenuhi kebutuhan seperti :

2. Sistem harus dapat melakukan penjualan secara online.

4.1.2.1 Analisis Data (Data Masukan dan Keluaran)

keluaran dapat dijelaskan sebagai berikut :

1. Analisis data masukan

a. Input data barang

2. Analisis data keluaran

4.1.2.2 Analisis Proses

Dalam tahapan ini merupakan tahapan untuk menjelaskan bagaimana

CRM (Electronic-Customer Relationship Managemen) berbasis Web pada proses

perusahaan mendapatkan pelanggan baru dan mempertahankan pelanggan lama

dengan menyediakan apa yang diinginkan oleh pelanggan seperti pemberian

diskon kepada pelanggan.

1. Proses pemberian diskon

Diskon bisa didapatkan pelanggan setelah melakukan pembelian produk

Jika 10kg maka diskon = 10% dari total harga

Diskon = total harga x 0,1

Jumlah pembayaran = harga – diskon

2. Proses pemberian reting

3. Membedakan pelanggan baru dan pelanggan lama

a. Jika nilai minimum 0 dan maxsimalnya poin 99 maka dia adalah

pelanggan baru, tidak mendapatkan potongan harga apapun dan poin di

dapatkan dari total pembayaran.

b. Pelanggan silver adalah pelanggan yang memiliki poin 100 dan

maximalnya 999 sehinggan pelanggan silver berhak mendapatkan diskon

1% dari total pembelian dan poin di dapatkan dari total pembayaran.

c. Sedangkan pelanggan gold merupakan pelanggan yang memiliki poin

diskon 2% dari total pembeliannya dan poin di dapatkan dari total

4.1.2.3 Analisis Pengguna

Pengguna merupakan orang yang memiliki wewenang untuk

4.1.2.4 Analisis Perangkat Keras (Hardware)

Perangkat keras (hardware) adalah bagian komponen dari sebuah

berbentuk nyata, yang berfungs mendukung proses kerja komputer atau

Spesifikasi perangkat keras (hardware) yang digunakan untuk

mengimplementasikan aplikasi sistem ini adalah sebagai berikut :

Tabel 4.1 Perangkat Keras yang Digunakan

4.1.2.5 Analisis Perangkat Lunak (Software)

Elemen perangkat lunak (Software) dapat berfungsi untuk membantu

sistem informasi dalam proses pengoperasian, pengolahan data, pengambilan

dirasakan akan lebih besar juga.

Spesifikasi perangkat lunak (software) yang digunakan untuk

mengimplementasikan aplikasi sistem ini yaitu :

Tabel 4.2 Perangkat Lunak yang Digunakan

No Kebutuhan Keterangan Fungsi Harga

4.1.2.6 Analisis Konfigurasi Sistem

Konfigurasi merupakan suatu pengaturan atau proses pengaturan dari

bagian-bagian yang membentuk keseluruhan. Di dalam membuat analisis program

dengan konfigurasi sistem sebagai berikut :