Lampiran Activity diagram
Gambar Activity Diagram Registrasi
A1
Gambar Activity Diagram Login
A2
Gambar Activity Diagram Edit Profile
A3
Gambar Activity Diagram Change Password
A4
Gambar Activity Diagram Forgot Password
A5
Gambar Activity Diagram Message
A6
Gambar Activity Diagram Pemesanan
A7
Gambar Activity Diagram Payment Pelanggan
A8
Gambar Activity Diagram News Admin (customer service)
A9
Gambar Activity Diagram Produk Admin (Bagian stok barang)
A10
Gambar Activity Diagram Profile Super Admin (manajer)
A11
Gambar Activity Diagram Order Admin (bagian kasir)
A12
Gambar Activity Diagram Payment Admin(kasir)
A13
Gambar Activity Pemesanan Sparepart (bagian PO)
A14
Gambar Activity Diagram Konfirmasi pembayaran pembelian (bagian PO)
A15
Gambar Activity Diagram Retur Penjualan
A16
Gambar Activity Diagram Retur Pembelian
A17
Gambar Activity Diagram Servis
A18
Gambar Activity Diagram Pengiriman
A19
Lampiran Class Diagram
Gambar class diagram pembelian
A20
1...1
Pelanggan
Message -PesanID -BalasanID -Pengirimr -Penerima -Subjek -Pesan -TglPesan -StatusInbox -StatusOutbox -Tipe +insert() +delete()
BagianPengiriman
1...*
0...*
-PelangganID -Password -Email -Alamat -Telepon -PElangganName -BirthDate -SecurityQuestion -Answer -Status +insert() +update() +delete()
1...1 0...*
PenjualanSparepart PengirimanSparepart
-PenjualanSparepartID -PenjualanSparepartID -KasirID -PelangganID -status -PenjualanSparepartTime +view() +insert() +update() +delete()
0...*
1...1
1...*
-PengirimanSparepartID -PengirimanSparepartDate -PengirimID -PelangganID -PenjualanSparepartID -status -KasirID -PengirimanSparepartDate +view() +update()
0...* 1...1
CustomerService 1...*
1...1
0...*
Sparepart
1...*
1...1
-PenjualanSparepartID -qtySparepart -SparepartID -JenisSparepart +view() +insert() +update () +delete()
DetailPengirimanSparepart -PengirimanSparepartID -qtySparepart -SparepartID -JenisSparepart +view() +update()
ReturPenjualanHeader
-SparepartID -SparepartName -JenisSparepart -qtySparepart -HargaSparepart +insert() +update() +delete()
1...1
DetailPenjualanSparepart
-CustomerServiceID -CustomerServiceName -CustomerServiceAddress -CustomerServicePhone -Birthdate -SecurityQuestion -Answer -Status +insert() +update() +delete()
1...* 1...1
-ReturPembelianID -PelangganID -KAsirID -ReturPenjualanDate -ReturPenjualanTime -PenjualanSparepartID -TotalRetur +view() +update()
0...*
BagianKeuangan 0...*
0...*
DetailReturPenjualan 1...1
1...1
0...*
-ReturPembelianID -SparepartID -qtySparepart +view() +update()
1...* Category 1...1
1...1
1...1
1...1
0...*
-PengirimID -PengirimName -PengirimPhone -PengirimAddress -Birthdate -SecurityQuestion -Answer -Status +insert() +update() +delete()
-KategoryID -KategoriName -SparepartID +insert() +update() +delete()
Gambar class diagram penjualan
A21
-KasirID -KasirName -KAsirPhone -KasirAddress -Birthdate -SecurityQuestion -Answer -Status +insert() +update() +delete()
Mekanik
Motor -MotorID -MotorName -Warna -UserID +insert() +update() +delete()
Message -MessageID -ReplyID -Sender -Receiver -Subject -MEssage -MessageDate -StatusInbox -StatusOutbox -PelangganID -Customer Service ID +insert() +delete() +view()
0...*
0...*
Servis Header
1...1 Pelanggan 1...*
0...* 1...*
0...*
-PelangganID -Password -Email -Alamat -Telepon -PElangganName -BirthDate -SecurityQuestion -Answer -Status +insert() +update() +delete()
1...1 0...*
-ServisID -ServisDate -PriceServis -PelangganID -MekanikID -Status -KasirID -MotorID -NoAntrian -ServisTime +insert() +update() +view()
1...1
-MekanikID -MekaniName -MekanikAddress -MekanikPhone -Password -Email -Birthdate -Security question -Answer -Status +insert() +update() +delete()
BagianKeuangan 1...1
0...*
1...1
CustomerService -CustomerServiceID -CustomerServiceName -CustomerServiceAddress -CustomerServicePhone -Password -Email -Birthdate -Security question -Answer -Status +insert() +update() +delete()
1...1 ServisDetail
Sparepart -SparepartID -SparepartName -JenisSparepart -qtySparepart -Price +insert() +update() +delete()
0...*
-ServisID -SparepartID -JAsaServisID -qtySparepart +insert() +view() +update() +delete() 1...*
1...* Category -KategoryID -KategoriName -SparepartID +insert() +update() +delete()
-KasirID -KasirName -KAsirPhone -KasirAddress -Password -Email -Birthdate -Security question -Answer -Status +insert() +update() +delete()
1...1
Gambar class diagram servis
A22
JasaServis
1...1
0...*
-JasaServisID -TypeServis -ServisNAme -Harga +insert() +update() +delete()
9Lampiran wawancara dan kuisioner Hasil Wawancara Berikut adalah hasil wawancara yang telah kami lakukan terhadap Direktur bengkel PT Agung Perkasa Motor : 1. Produk apa saja yang dijual di bengkel PT Agung Perkasa Motor? Bengkel PT Agung Perkasa Motor menjual berbagai aksesoris, dan sparepart untuk kendaraan roda dua. 2. Berapa jumlah pendapatan bengkel PT Agung Perkasa Motor dalam satu hari? Pendapatan yang diterima bengkel per hari tidak menentu, mungkin sekitar 3 juta sampai 5 juta tergantung dari ramai atau tidaknya bengkel. 3. Berapa kira-kira pelanggan dari bengkel PT Agung Perkasa Motor? Pelanggan dari bengkel PT Agung Perkasa Motor kira – kira mencapai ratusan orang. 4. Bagaimana anda memasarkan produk yang anda jual kepada pelanggan?
A23
Biasanya kami memasarkan produk yang dijual hanya melalui pelanggan yang sering datang ke bengkel, menelepon beberapa pelanggan.
5. Apakah memasarkan produk dengan cara seperti diatas sudah efektif? Proses pemasaran seperti cara diatas tidak efektif karena cakupannya tidak luas sehingga penjualan tidak bisa meningkat dengan pesat. 6. Apakah pernah ada keluhan dari pelanggan mengenai informasi produk yang ada? Pernah ada, pelanggan mengeluhkan sulitnya mendapatkan informasi lengkap mengenai produk, terutama bagi pelanggan yang berada diluar kota atau jauh dari lokasi bengkel PT Agung Perkasa Motor. 7. Bagaimana biasanya pelanggan melakukan pembelian produk? Pelanggan melakukan pembelian produk dengan cara datang langsung ke bengkel atau menggunakan telepon. 8. Menurut Bapak apakah penjualan di bengkel PT Agung Perkasa Motor sekarang ini menggunakan telepon sudah efektif?
A24
Menurut saya, pemesanan dan penjualan menggunakan telepon dirasa kurang efektif, karena manager harus terus berada di dekat telepon apabila ada pelanggan yang akan melakukan pemesanan. 9. Apa saja kendala pemesanan barang menggunakan telepon? Kendala pemesanan dan penjualan melalui telepon yaitu line telepon hanya dapat melayani satu pelanggan dalam satu waktu. Selain itu manager juga harus mengangani pelanggan yang datang langsung ke bengkel
sehingga pemesan
melalui
telepon
terkadang tidak
tertangani. 10. Apakah bengkel PT Agung Perkasa Motor sudah menggunakan sistem yang terkomputerisasi dalam melakukan penjualan? Mengenai masalah penggunaan sistem yang sudah terkomputerisasi, bengkel PT Agung Perkasa Motor hanya menggunakan komputer untuk mencatat data pesanan pelanggan. 11. Menurut Bapak jika kami membuatkan sistem informasi penjualan berbasis web, apakah akan berguna untuk bengkel PT Agung Perkasa Motor? Berguna, karena bengkel PT Agung Perkasa Motor memerlukan sistem informasi penjualan berbasis web untuk dapat mengurangi beban manager dalam melayani pelanggan dan supply
informasi
kepada pelanggan bisa dilakukan kapan saja (24jam). Selain
A25
diharapkan dapat melebarkan ruang lingkup dari bengkel PT Agung Perkasa Motor sehingga dapat meningkatkan penjualan. 12. Apakah yang seharusnya ditampilkan dalam sistem penjualan berbasis web yang anda inginkan? Yang akan ditampilkan dalam sistem penjualan berbasis web yang akan dibuat sebaiknya adalah deskripsi lengkap produk, spesifikasi, harga, dan ketersediaan produk. 3.2.2 Kuisioner Analisi kuisioner yang digunakan oleh kami adalah dengan membuat beberapa daftar pertanyaan yang akan diajukan kepada responden sebelum perancangan sistem. Responden disini adalah pelanggan bengkel PT Agung Perkasa Motor. Berdasarkan hasil kuisioner yang telah dibagikan kepada 20 responden, maka dapat disimpulkan bahwa :
A26
1. Pertanyaan No 1 : Bagaimana biasanya anda melakukan pembelian produk di bengkel PT Agung Perkasa Motor? Terdapat 60% dari 20 responden yang mengatakan bahwa melakukan pembelian produk di bengkel PT Agung Perkasa Motor dengan melalui telepon.
Gambar 3.4 Chart Cara Belanja Pelanggan
A27
2. Pertanyaan No 2 : Apakah selama ini anda mengalami kesulitan dalam bertransaksi dengan bengkel PT Agung Perkasa Motor? Terdapat 75% dari 20 responden yang mengatakan ya bahwa mengalami kesulitan dalam bertransaksi.
Gambar 3.5 Chart Keluhan Pelanggan Dalam Bertransaksi
A28
3. Pertanyaan No 3 : Kesulitan apa saja yang anda temukan dalam bertransaksi dengan bengkel PT Agung Perkasa Motor? Terdapat 75% dari 20 responden yang mengatakan bahwa kesulitan dalam bertransaksi dengan bengkel PT Agung Perkasa Motor adalah terbatasnya informasi produk.
Gambar 3.6 Chart Kesulitan Yang Ditemukan Pelanggan
A29
4. Pertanyaan No 4 : Kesulitan informasi apa yang biasanya ingin anda peroleh mengenai produk yang ada di bengkel PT Agung Perkasa Motor? - Terdapat 90% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi mengenai deskripsi produk.
Gambar 3.7 Chart Kesulitan Pelanggan Memperoleh Informasi Deskripsi Produk -
Terdapat 75% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi mengenai produk terbaru yang ada di bengkel PT Agung Perkasa Motor.
A30
Gambar 3.8 Chart Kesulitan Pelanngan Memperoleh Informasi Produk Terbaru -
Terdapat 20% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi mengenai promosi produk.
Gambar 3.9 Chart Kesulitan Pelanngan Memperoleh Informasi Promosi Produk
A31
-
Terdapat 90% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi mengenai harga produk.
Gambar 3.10 Chart Kesulitan Pelanngan Memperoleh Informasi Harga Produk -
Terdapat 65% dari 20 responden yang mengatakan bahwa sulit mengetahui tentang status pengiriman produk.
Gambar 3.11 Chart Kesulitan Pelanngan Memperoleh Informasi Status Pengiriman Produk A32
-
Terdapat 80% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi mengenai ketersediaan produk.
Gambar 3.12 Chart Kesulitan Pelanggan Memperoleh Informasi Ketersediaan Produk
-
Terdapat 80% dari 20 responden yang mengatakan bahwa sulit dalam memperoleh informasi lainnya.
A33
100%
40%
Kesulitan Memperoleh Informasi Ketersediaan Produk
20%
Tidak Kesulitan
80% 60%
0% Kesulitan Memperoleh Informasi Ketersedian Produk
Gambar 3.13 Chart Kesulitan Pelanngan Memperoleh Informasi Lainnya Mengenai Produk
A34
5. Pertanyaan No 5 : Perlukah alternatif cara pembelian barang dan penyediaan informasi menggunakan sistem penjualan berbasis web? Terdapat 90% dari 20 responden yang mengatakan bahwa perlu alternatif
cara
pembelian
barang
dan
penyediaan
informasi,
menggunakan sistem penjualan berbasis web.
Gambar 3.14 Chart Alternatif Cara Pembelian Barang dan Penyediaan Informasi
A35
6. Pertanyaan 6 : Apakah anda memiliki akses internet? Terdapat 100% dari 20 responden yang mengatakan ya bahwa memiliki akses internet.
Gambar 3.15 Chart Ketersediaan Akses Internet 52
A36
7. Pertanyaan 7 :
Apakah anda mengalami kesulitan dalam
menggunakan internet? Terdapat 10% dari 20 responden yang mengatakan ya bahwa mengalami kesulitan dalam menggunakan internet.
Gambar 3.16 Chart Kendala Menggunakan Internet
A37
8. Pertanyaan 8 : Apakah anda pernah bertransaksi online melalui internet? Terdapat 80% dari 20 responden
yang mengatakan bahwa pernah
bertransaksi online menggunakan internet.
Gambar 3.17 Chart Kesudahan Pelanggan Bertransaksi Online Melalui Internet
A38
9. Pertanyaan 9 : Apakah anda setuju jika bengkel PT Agung Perkasa Motor menggunakan sistem penjualan online berbasis web? Terdapat 100% dari 20 responden yang setuju jika bengkel PT Agung Perkasa Motor menggunakan sistem penjualan online berbasis web.
Gambar 3.18 Chart Kesetujuan Pelanggan Menggunakan Sistem Penjualan Online
Pertanyaan 10 : Apakah menurut anda bertransaksi online melalui website akan memudahkan anda?
A39
Terdapat 90% dari 20 responden yang mengatakan ya bahwa bertransaksi melalui
website
akan memudahkan pelanggan dalam
bertransaksi.
Gambar 3.19 Chart Kemudahan Transaksi Online Menggunakan Website
A40
Lampiran Screen shot program
User dan admin belum login
Gambar SS Menu Home
A41
Gambar SS Menu tentang perusahaan
A42
Gambar SS Menu daftar semua sparepart
A43
Gambar SS Menu daftar member
A44
Gambar SS Menu sparepart baru
A45
Gambar SS Menu tampilan login
A46
User dan admin sudah login halaman untuk user
Gambar SS Menu baca pesan keluar
A47
Gambar SS Menu baca pesan masuk
A48
Gambar SS Menu detail history belanja
A49
Gambar SS Menu home user
A50
Gambar SS Menu lihat pemberitahuan
A51
Gambar SS Menu balas pesan
A52
Gambar SS Menu daftar sparepart
A53
Gambar SS Menu edit profil user
A54
Gambar SS Menu ganti password user
A55
Gambar SS Menu histori belanja
A56
Gambar SS Menu keranjang jika masih kosong
A57
Gambar SS Menu keranjang belanja jika sudah di isi
A58
Gambar SS Menu pemberitahuan
A59
Gambar SS Menu pesan keluar
A60
Gambar SS Menu pesan masuk
A61
Gambar SS Menu profil user
A62
Gambar SS Menu setelah klik beli mendapatkan kode konfirmasi
A63
Gambar SS Menu sparepart baru
A64
Gambar SS Menu status barang
A65
Gambar SS Menu tentang kami pada user
A66
Gambar SS Menu tulis pesan
A67
Gambar SS Menu status barang detail
A68
Gambar SS Menu pertanyaan keamanan
A69
Gambar SS Menu forgot password
A70
halaman untuk Customer Service
Gambar SS Menu home customer service
A71
Gambar SS Menu daftar sparepart customer service
A72
Gambar SS Menuedit pemberitahuan
A73
Gambar SS Menu baca pemberitahuan
A74
Gambar SS Menu baca pesan keluar
A75
Gambar SS Menu baca pesan masuk
A76
Gambar SS Menu balas pesan
A77
Gambar SS Menu daftar edit pemberitahuan
A78
Gambar SS Menu pemberitahuan
A79
Gambar SS Menu pesan keluar
A80
Gambar SS Menu pesan masuk
A81
Gambar SS Menu tulis pemberitahuan
A82
Gambar SS Menu tulis pesan
A83
halaman untuk kasir
Gambar SS Menu home kasir
A84
Gambar SS Menu baca pesan keluar
A85
Gambar SS Menu baca pesan masuk
A86
Gambar SS Menu balas pesan
A87
Gambar SS Menu daftar semua sparepart
A88
Gambar SS Menu detail konfirmasi
A89
Gambar SS Menu konfirmasi pembayaran
A90
Gambar SS Menu lihat semua konfirmasi customer
A91
Gambar SS Menu pesan keluar
A92
Gambar SS Menu pesan masuk
A93
Gambar SS Menu tulis pesan
A94
Gambar SS Menu daftar barang yang akan di retur berdasarkan pembelian sebelumnya
A95
Gambar SS Menu daftar pelanggam baru dari yang sudah pernah daftar di web tapi belum pernah servis
A96
Gambar SS Menu daftar servis Pelanggan baru
A97
Gambar SS Menu daftar servis
A98
Gambar SS Menu input jasa servis yang baru
A99
Gambar SS Menu input qty yang akan di retur
A100
Gambar SS Menu jasa servis
A101
Gambar SS Menu retur barang yang harus memasukan kode pembelian
A102
Gambar SS Menu servis
A103
Gambar SS Menuupdate jasa servis
A104
Gambar SS Menu penjualan setelah memasuikan data pelanggan
Gambar SS Menuupdate jasa servis
A105
Gambar SS Menu awal penjualan sparepart
A106
Gambar SS Menu setelah user klik submit pada penjualan dan jika user klik bayar maka akan bias cetak bon penjualan
A107
Gambar SS Menu bon penjualan sparepart untuk pelanggan
A108
Gambar SS Menu pendaftaran pelanggan baru yang ingin beli sparepart
A109
halaman untuk bagian pengiriman
Gambar SS Menu baca pesan keluar
A110
Gambar SS Menu baca pesan masuk
A111
Gambar SS Menu balas pesan
A112
Gambar SS Menu daftar pengiriman
A113
Gambar SS Menu detail pengiriman
A114
Gambar SS Menuedit profil
A115
Gambar SS Menu ganti password
A116
Gambar SS Menu home bagian pengiriman
A117
Gambar SS Menu pemberitahuan
A118
Gambar SS Menu pesan keluar
A119
Gambar SS Menu pesan masuk
A120
Gambar SS Menu profil
A121
Gambar SS Menu tulis pesan
A122
Gambar cetak laporan pengiriman
A123
halaman untuk bagian gudang
Gambar SS Menu home bagian gudang A124
Gambar SS Menu baca pesan keluar
A125
Gambar SS Menu baca pesan masuk
A126
Gambar SS Menu balas pesan
A127
Gambar SS Menu daftar sparepart
A128
Gambar SS Menu pesan keluar
A129
Gambar SS Menu pesan masuk
A130
Gambar SS Menu tambah sparepart
A131
Gambar SS Menu tulis pesan
A132
Gambar SS Menuupdate sparepart
A133
Gambar SS Menu daftar orderan sparepart
A134
Gambar SS Menu jika orderan berhasil di pesan dan menunggu konfirmasi dari PO
A135
Gambar SS Menu daftar sparepart
A136
Gambar SS Menu order sparepart
A137
tampilan untuk bagian purchase Order
Gambar SS Menu home PO
A138
Gambar SS Menuedit profil
A139
Gambar SS Menu edit password
A140
Gambar SS Menu pemberitahuan
A141
Gambar SS Menu baca pesan keluar
A142
Gambar SS Menu baca pesan masuk
A143
Gambar SS Menu balas pesan
A144
Gambar SS Menu daftar supplier
A145
Gambar SS Menu detail supplier
A146
Gambar SS Menu edit supplier
A147
Gambar SS Menu lihat pemberitahuan
A148
Gambar SS Menu pesan keluar
A149
Gambar SS Menu pesan masuk
A150
Gambar SS Menu profil PO
A151
Gambar SS Menu tambah supplier
A152
Gambar SS Menu tulis pesan
A153
Gambar SS Menu order sparepart
A154
Gambar SS Menu daftar order
A155
Gambar SS Menu detail order
A156
A157
Gambar SS Menu daftar order
A158
Halaman untuk manajer
Gambar SS Menu home A159
Gambar SS Menu tambahstaff
A160
Gambar SS Menu laporan pembelian
A161
Gambar SS Menu laporan penjualan
A162
Gambar SS Menu laporan retur pembelian
A163
Gambar SS Menu laporan retur penjualan
A164
Gambar SS Menu laporan transaksi penjualan
A165
Gambar SS Menu laporan transaksi pembelian
A166
Gambar bon kaporan penjualan
A167
Gambar bon laporan retur penjualan
A168
Gambar bon laporan transaksi penjualan perbulan
A169
Gambar bon laporan transaksi retur penjualan perbulan
A170
Lampiran Diagram Sequence a.Urutan proses pelanggan 1.
Proses Registrasi
Gambar Sequence Diagram Registrasi
A171
Untuk dapat melakukan transaksi, pelanggan harus terlebih dahuulu mendafarkan dirinya, dengan cara mengakses situs web PT. Agung Perkasa Motor, kemudian memasuki halaman index dan memilih menu register. Setelah masuk menu register maka pelanggan harus mengisi form registrasi dengan memasukkan data pribadi yang akan disimpan di database apabila berhasil. 2. Proses Login
Gambar Sequence Diagram Login A172
Untuk melakukan transaksi
setelah pelanggan
melakukan registrasi maka pelanggan harus login terlebih dahulu, lalu data yang dimasukan pelanggan akan dicocokkan dengan data di database. Apabila data cocok maka login sukses, apabila data tidak cocok maka login gagal dan pelanggan dapat mencoba lagi.
3. Proses Order Produk
Gambar Sequence Diagram Order Produk
A173
Untuk melakukan pemesanan pelanggan harus login terlebih dahulu. Setelah login pelanggan bisa langsung melihat produk yang tersedia, dan memilih produk yang akan dibeli. Produk yang telah dipilih akan disimpan kedalam shopping cart, apabila pelanggan menyetujui pesanannya maka data pesanan akan di simpan ke dalam database dan history order. Sistem juga akan mengirimkan konfirmasi pesanan ke email pelanggan, setelah itu data yang ada di shopping cart akan dihapus. 4. Proses Cari Produk
Gambar Sequence Diagram Cari Produk
A174
Pelanggan memasukan kata kunci kedalam field search. Setelah memasukan kata kunci, sistem akan mencari data-data produk ke database dimana data yang dicari sesuai dengan kata kunci yang dimasukan oleh pelanggan. Setelah sistem menemukan data-datanya, sistem manampilkan data-data tersebut. 5. Proses Mengirim Private Message
Gambar Sequence Diagram Mengirim Private Message
A175
Pelanggan
yang
ingin
berinteraksi
dengan
customer service dan bagian penjualan ada fasilitas private message yang telah disediakan. Disini pelanggan bisa menanyakan produk, memberikan saran, kritik, keluhan dan lain-lain. Private message yang dikirim akan tersimpan di database dan akan direspons oleh customer service. 6. Proses Ganti Profil
Gambar Sequence Diagram Ganti Profil
A176
Pelanggan dapat mengganti profil dirinya apabila memang ada perubahan dengan cara ke menu my profile lalu mengisi form ubah profile untuk mengubah data pribadi dan apabila berhasil akan tersimpan di database. 7.
Proses Lupa Password
Gambar Sequence Diagram Lupa Password
A177
Apabila pelanggan lupa password dari akun yang telah dibuat di website PT Agung Perkasa Motor, pelanggan bisa menggunakan fasilitas forgot password, dengan membuka halaman forgot password kemudian setelah itu masukkan email pelanggan ke text field yang tersedia. Apabila
email yang dimasukan sesuai, maka
sistem akan mengirimkan
password baru ke email
pelangan, bila email yang dimasukan tidak sesuai maka akan muncul pesan error. 8. Proses Konfirmasi Pembayaran penjualan
Gambar Sequence Diagram Konfirmasi Pembayaran penjualan A178
Apabila pelanggan telah melakukan pembayaran dengan mentransfer ke rekening bengkel PT Agung Perkasa Motor sesuai dengan pesanan, maka pelanggan bisa
melakukan
memberikan pesan
konfirmasi
pembayaran
dengan
konfirmasi pembayaran. Nantinya
pesan konfirmasi pembayaran akan diperiksa oleh Bagian keuangan
apakah
data
konfirmasi
sesuai
dengan
pembayaran yang telah dilakukan pelanggan atau tidak 9.
Proses Servis
Gambar Sequence Diagram servis
A179
Untuk melakukan Servis pelanggan harus login terlebih dahulu. Setelah login pelanggan membuka halaman servis untuk melakukan antrian servis dan memilih jasa servis yang diinginkan, apabila pelanggan menyetujui pesanannya maka data pesanan servis akan di simpan ke dalam database.
Setelah servis maka
Pelanggan melakukan konfirmasi pembayaran servis yang nantinya data servis pelanggan akan di simpan ke dalam database. b. Urutan proses staff 1. Proses Login
Gambar Sequence Diagram staff Login
A180
Untuk mengakses aplikasi ini, pihak staff seperti customer service, bagian keuangan, bagian pengiriman, bagian persediaan barang dan manajer
harus login
terlebih dahulu, lalu data yang dimasukan staff akan dicocokkan dengan data di database. Apabila data cocok maka login sukses, apabila data tidak cocok maka login gagal dan staff dapat mencoba lagi. 2. Proses Memasukkan Produk Baru
Gambar Sequence Diagram Tambah Produk
A181
Staff di
sini
adalah
memasukkan data produk ke
bagian
gudang dapat
dalam
form pengisian
produk baru dengan memilih menu insert product apabila berhasil akan disimpan di database dan ditampilkan pada situs web. 3. Proses Masukkan News Baru
Gambar Sequence Diagram Tambah News
A182
Staff di sini adalah bagian customer service yang dapat memasukkan news ke dalam form pengisian news baru dengan memilih menu insert news apabila berhasil akan disimpan di database dan ditampilkan pada situs web. 4. Proses Mendaftarkan Staff Baru
Gambar Sequence Diagram Tambah Staff
A183
Staff
disini
adalah
manajer
yang
memasukkan staff baru ke dalam form pengisian
dapat staff
baru (bagian keuangan, bagian pengiriman, customer service, bagian stok barang ) dengan memilih menu insert staff lalu memasukkan data profil staff, apabila berhasil akan disimpan di database. 5. Proses Edit Produk
Gambar Sequence Diagram Edit Produk
A184
Bagian gudang (Staff) dapat merubah data produk dengan memilih menu view product lalu memilih produk yang akan diubah. Setelah diubah data produk tersebut yang akan disimpan di database dan ditampilkan pada halaman produk. 6. Proses Delete Produk
Gambar Sequence Diagram Delete Produk Staff di sini adalah bagian gudang barang yang dapat menghapus produk yang sudah terjual habis atau batal dijual dengan memilih menu view product dan men-
A185
delete
produk yang akan dihapus. Data produk di
database juga akan hilang.
7. Proses Edit News
Gambar Sequence Diagram Edit News
A186
Staff disini adalah customer service yang dapat merubah
news dengan memilih menu view news lalu
memilih news yang akan diubah. Setelah diubah news tersebut yang akan disimpan di database dan ditampilkan pada halaman news.
8. Proses Merespon Order penjualan
Gambar Sequence Diagram Respon Order
A187
Staff disini adalah bagian kasir yang dapat merespon pemesanan yang dikirim oleh pelanggan dengan cara menyetujui atau menolak pesanan yang dikirim pelanggan, setelah selesai maka status pesanan akan berubah dan pesanan akan ditampilkan sesuai dengan statusnya.
9. Proses Merespon Private Message
Gambar Sequence Diagram Respon Private Message A188
Staff di sini adalah Customer Service yang dapat dapat merespons private message
yang dikirim oleh
pelanggan yang menanyakan produk, memberikan saran, kritik, keluhan dan lain-lain. Setelah itu akan ditampilkan pada halaman website.
10. Proses Merespon Konfirmasi Pembayaran penjualan
Gambar Sequence Diagram Respon Konfirmasi Pembayaran
A189
Staff di sini adalah bagian kasir dapat merespon konfirmasi pembayaran yang dikirim oleh pelanggan dengan cara menyetujui atau menolak pembayaran tersebut, setelah selesai maka status pembayaran akan berubah.
11.
Proses Order Product Pembelian
Gambar Sequence Diagram Order produk pembelian
A190
Untuk melakukan pemesanan bagian PO harus login terlebih dahulu. Setelah login bagian PO bisa langsung melihat produk yang sudah kosong atau tinggal sedikit , dan memilih produk yang akan dibeli. Produk yang telah dipilih akan disimpan kedalam daftar pesanan, apabila Bagian PO menyetujui pesanannya maka data pesanan akan di simpan ke dalam database dan history order. Sistem juga akan mengirimkan konfirmasi pesanan ke email Bagian PO, setelah itu data yang ada di data pesanan akan dihapus. 12.
Proses Konfirmasi Pembayaran Pembelian
Gambar Sequence Diagram Konfirmasi Pembayaran pembelian
A191
Apabila bagian PO telah melakukan pembayaran dengan mentransfer ke rekening supplier sesuai dengan pesanan, maka bagian PO bisa melakukan konfirmasi pembayaran
dengan
memberikan
pesan
konfirmasi
pembayaran kepada supplier. Nantinya pesan konfirmasi pembayaran akan diperiksa oleh supplier apakah data konfirmasi
sesuai
dengan
pembayaran
dilakukan bagian PO atau tidak. 13.
Proses respon Order Pembelian
Gambar Sequence Diagram respon order pembelian A192
yang
telah
Supplier yang dapat merespon pemesanan yang dikirim oleh pelanggan dengan cara menyetujui atau menolak pesanan yang dikirim bagian PO, setelah selesai maka status pesanan akan berubah dan pesanan akan dikirimkan sesuai dengan statusnya.
14.
Proses respon Konfirmasi Pembayaran Pembelian
Gambar Sequence Diagram Konfirmasi Pembayaran pembelian
A193
Supplier dapat merespon konfirmasi pembayaran yang dikirim oleh Bagian PO dengan cara menyetujui atau menolak pembayaran tersebut, setelah selesai maka status pembayaran akan berubah.
15.
Proses retur Penjualan
Gambar Sequence Diagram retur penjualan
Untuk melakukan retur pelanggan harus login terlebih dahulu. Setelah login pelanggan membuka A194
halaman retur dan bisa langsung melihat transaksi, dan memilih produk yang akan diretur., apabila pelanggan menyetujui returnya maka data retur akan di simpan ke dalam database. 16.
Proses retur Pembelian
Gambar Sequence Diagram retur Pembelian
Untuk melakukan retur Bagian PO harus login terlebih dahulu. Setelah login Bagian PO membuka halaman retur dan bisa langsung melihat transaksi, dan memilih produk yang akan diretur., apabila Bagian Retur
A195
menyetujui returnya maka data retur akan di simpan ke dalam database. 17.
Proses pengiriman
Gambar Sequence Diagram pengiriman
Untuk melakukan pengiriman, Bagian pengiriman harus login terlebih dahulu. Setelah login Bagian Pengiriman membuka halaman Pengiriman dan bisa langsung melihat transaksi penjualan yang akan dikirim, A196
apabila Bagian Pengiriman menyetujui pengirimannya maka data Pengiriman akan di simpan ke dalam database.
A197
Lampiran Perancangan layar 1. Halaman Login
Gambar Perancangan Halaman Login 2. Halaman Daftar
Gambar Perancangan Halaman Daftar A198
3. Halaman Message Pelanggan
Gambar Perancangan Halaman Messaage Pelanggan
4. Halaman Pesan Masuk Pelanggan
Gambar Perancangan Halaman pesan masuk pelanggan
A199
5. Halaman Pesan Keluar Pelanggan
Gambar Perancangan Halaman Pesan Keluar Pelanggan
6. Halaman Pemberitahuan Pelanggan
Gambar Perancangan Halaman Pemberitahuan Pelanggan
A200
7. Halaman Edit Profil Pelanggan
Gambar Perancangan Halaman edit profil pelanggan
8. Halaman Ganti Password Pelanggan
Gambar Perancangan Halaman Ganti Password Pelanggan
A201
9. Halaman History Belanja Pelanggan
Gambar Perancangan Halaman History Belanja Pelanggan
10. Halaman History Belanja Detail Pelanggan
Gambar Perancangan Halaman History Belanja Detail Pelanggan
A202
11. Halaman Status Barang Pelanggan
Gambar Perancangan Halaman Status Barang Pelanggan
12. Halaman Keranjang Belanja Pelanggan
Gambar Perancangan Halaman Keranjang Belanja Pelanggan
A203
13. Halaman Daftar Sparepart Pelanggan
Gambar Perancangan Halaman Daftar Sparepart Pelanggan
14. Halaman Pembelian Pelanggan
Gambar Perancangan Halaman Pembelian Pelanggan
A204
15. Halaman Servis Kasir
Gambar Perancangan Halaman Servis Kasir 16. Halaman Pesan Keluar Kasir
Gambar Perancangan Halaman Pesan Keluar Kasir
A205
17. Halaman Pesan Masuk Kasir
Gambar Perancangan Halaman Pesan Masuk Kasir 18. Halaman Pesan Balas Pesan Kasir
Gambar Perancangan Halaman Balas Pesan Kasir A206
19. Halaman Daftar Sparepart Kasir
Gambar Perancangan Halaman Daftar Sparepart Kasir
20. Halaman Detail Konfirmasi Kasir
Gambar Perancangan Halaman Detail Konfirmasi Kasir
A207
21. Halaman Konfirmasi Kasir
Gambar Perancangan Halaman Konfirmasi Kasir
22. Halaman Pesan Keluar Kasir
Gambar Perancangan Halaman Pesan Keluar Kasir
A208
23. Halaman Pesan Masuk Kasir
Gambar Perancangan Halaman Pesan Masuk Kasir 24. Halaman Tulis Pesan Kasir
Gambar Perancangan Halaman Tulis Pesan Kasir
A209
25. Halaman Retur Detail Kasir
Gambar Perancangan Halaman Retur Detail Kasir
26. Halaman Retur Sparepart Kasir
Gambar Perancangan Halaman Retur Sparepart Kasir
A210
27. Halaman Menu Edit Jasa
Gambar Perancangan Halaman Menu Edit Jasa
28. Halaman Edit Pemberitahuan Customer Service
Gambar Perancangan Halaman Edit Pemberitahuan Customer Service
A211
29. Halaman Pesan Keluar Customer Service
Gambar Perancangan Halaman Pesan Keluar Customer Service 30. Halaman Pesan Masuk Customer Service
Gambar Perancangan Halaman Pesan Masuk Customer Service
A212
31. Halaman Balas Pesan Customer Service
Gambar Perancangan Halaman Balas Pesan Customer Service
32. Halaman Tampilan Edit Pemberitahuan Customer Service
Gambar Perancangan Halaman Edit Pemberitahuan Customer Service
A213
33. Halaman Tulis Pesan Customer Service
Gambar Perancangan Halaman Tulis Pesan Customer Service 34. Halaman Edit Profile PO( Purchase Order )
Gambar Perancangan Halaman Edit Profile PO(Purchase Order) A214
35. Halaman Ganti Password PO
Gambar Perancangan Halaman Ganti Password PO
36. Halaman Pesan Keluar PO
Gambar Perancangan Halaman Pesan Keluar PO
A215
37. Halaman Pesan Masuk PO
Gambar Perancangan Halaman Pesan Masuk PO
38. Halaman Detail Order PO
Gambar Perancangan Halaman Detail Order PO
A216
39. Halaman Suplier PO
Gambar Perancangan Halaman Suplier PO
40. Halaman Balas Pesan PO
Gambar Perancangan Halaman Balas Pesan PO
A217
41. Halaman Daftar Suplier PO
Gambar Perancangan Halaman Daftar Suplier PO
42. Halaman Tambah Suplier PO
Gambar Perancangan Halaman Tambah Suplier PO
A218
43. Halaman Tulis Pesan PO
Gambar Perancangan Halaman Tulis Pesan PO
44. Halaman Daftar Order PO
Gambar Perancangan Halaman Daftar Order PO
A219
45. Halaman Pesan Keluar Bagian Gudang
Gambar Perancangan Halaman Pesan Keluar Bagian Gudang
46. Halaman Pesan Masuk Bagian Gudang
Gambar Perancangan Halaman Pesan Masuk Bagian Gudang
A220
47. Halaman Daftar Orderan Bagian Gudang
Gambar Perancangan Halaman Daftar Order Bagian Gudang
48. Halaman Balas Pesan Bagian Gudang
Gambar Perancangan Halaman Balas Pesan Bagian Gudang
A221
49. Halaman Daftar Sparepart Bagian Gudang
Gambar Perancangan Halaman Daftar Sparepart Bagian Gudang
50. Halaman Order Sparepart Bagian Gudang
Gambar Perancangan Halaman Order Sparepart Bagian Gudang
A222
51. Halaman Tambah Sparepart Bagian Gudang
Gambar Perancangan Halaman Tambah Sparepart Bagian Gudang
52. Halaman Update Sparepart Bagian Gudang
Gambar Perancangan Halaman Update Sparepart Bagian Gudang
A223
53. Halaman Tulis Pesan Bagiang Gudang
Gambar Perancangan Halaman Tulis Pesan Bagian Gudang
54. Halaman Tampilan Pesan Masuk Bagian Gudang
Gambar Perancangan Halaman Tampilan Pesan Masuk Bagian Gudang
A224
55. Halaman Pesan Keluar Bagian Pengiriman
Gambar Perancangan Halaman Pesan Keluar Bagian Pengiriman
56. Halaman Pesan Masuk Bagian Pengiriman
Gambar Perancangan Halaman Pesan Masuk Bagian Pengiriman
A225
57. Halaman Balas Pesan Bagian Pengiriman
Gambar Perancangan Halaman Balas Pesan Bagian Pengiriman
58. Halaman Daftar Pengiriman Bagian Pengiriman
Gambar Perancangan Halaman Daftar Pengiriman Bagian Pengiriman
A226
59. Halaman Detail Pengiriman Bagiang Pengiriman
Gambar Perancangan Halaman Detail Pengiriman Bagian Pengiriman
60. Halaman Edit Profil Bagian Pengiriman
Gambar Perancangan Halaman Edit Profil Bagian Pengiriman
A227
61. Halaman Ganti Password Bagian Pengiriman
Gambar Perancangan Halaman Ganti Password Pengiriman
62. Halaman Tampilan Pemberitahuan Bagian Pengiriman
Gambar Perancangan Halaman Tampilan Pemberitahuan Bagian Pengiriman
A228
63. Halaman Pesan Keluar dan masuk Bagian Pengiriman
Gambar Perancangan Halaman Pesan Keluar dan Masuk Bagian Pengiriman
64. Halaman Tulis Pesan Bagian Pengiriman
Gambar Perancangan Halaman Tulis Pesan Bagian Pengiriman
A229
65. Halaman Tambah Staff Bagian Manager
Gambar Perancangan Halaman Tambah Staff Bagian Manager
66. Halaman Tampilan Awal Forgot Password
Gambar Perancangan Halaman Tampilan Awal Forgot Password
A230
67. Halaman Forgot Password
Gambar Perancangan Halaman Forgot Password
A231
A232
