Lampiran Activity diagram. Gambar Activity Diagram Registrasi

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

A21 +insert() +update() +delete() -PelangganID -Password -Email -Alamat -Telepon -PElangganName -BirthDate -SecurityQuestion -Answer -Status Pelanggan +insert() +delete() -PesanID -BalasanID -Pengirimr -Penerima -Subjek -Pesan -TglPesan -StatusInbox -StatusOutbox -Tipe Message +insert() +update() +delete() -CustomerServiceID -CustomerServiceName -CustomerServiceAddress -CustomerServicePhone -Birthdate -SecurityQuestion -Answer -Status CustomerService +view() +insert() +update() +delete() -PenjualanSparepartID -PenjualanSparepartID -KasirID -PelangganID -status -PenjualanSparepartTime PenjualanSparepart +view() +insert() +update () +delete() -PenjualanSparepartID -qtysparepart -SparepartID -JenisSparepart DetailPenjualanSparepart +view() +update() -PengirimanSparepartID -PengirimanSparepartDate -PengirimID -PelangganID -PenjualanSparepartID -status -KasirID -PengirimanSparepartDate PengirimanSparepart +view() +update() -PengirimanSparepartID -qtysparepart -SparepartID -JenisSparepart DetailPengirimanSparepart +insert() +update() +delete() -KasirID -KasirName -KAsirPhone -KasirAddress -Birthdate -SecurityQuestion -Answer -Status BagianKeuangan +insert() +update() +delete() -PengirimID -PengirimName -PengirimPhone -PengirimAddress -Birthdate -SecurityQuestion -Answer -Status BagianPengiriman +insert() +update() +delete() -SparepartID -SparepartName -JenisSparepart -qtysparepart -HargaSparepart Sparepart +view() +update() -ReturPembelianID -PelangganID -KAsirID -ReturPenjualanDate -ReturPenjualanTime -PenjualanSparepartID -TotalRetur ReturPenjualanHeader +view() +update() -ReturPembelianID -SparepartID -qtysparepart DetailReturPenjualan 1...1 0...* 1...* 0...* 1...1 1...1 0...* 1...* 1...1 0...* 1...1 1...1 1...1 1...1 0...* 1...1 1...1 1...1 1...1 0...* 1...1 0...* 1...* 0...* 0...* 1...* 0...* 1...* +insert() +update() +delete() -KategoryID -KategoriName -SparepartID Category 1...* 1...1 Gambar class diagram penjualan

A22 +insert() +update() +delete() -PelangganID -Password -Email -Alamat -Telepon -PElangganName -BirthDate -SecurityQuestion -Answer -Status Pelanggan +insert() +delete() +view() -MessageID -ReplyID -Sender -Receiver -Subject -MEssage -MessageDate -StatusInbox -StatusOutbox -PelangganID -Customer Service ID Message +insert() +update() +delete() -CustomerServiceID -CustomerServiceName -CustomerServiceAddress -CustomerServicePhone -Password -Email -Birthdate -Security question -Answer -Status CustomerService +insert() +update() +view() -ServisID -ServisDate -PriceServis -PelangganID -MekanikID -Status -KasirID -MotorID -NoAntrian -ServisTime Servis Header +insert() +view() +update() +delete() -ServisID -SparepartID -JAsaServisID -qtysparepart ServisDetail +insert() +update() +delete() -MekanikID -MekaniName -MekanikAddress -MekanikPhone -Password -Email -Birthdate -Security question -Answer -Status Mekanik 1...1 1...1 1...1 0...* 0...* 1...* 0...* 1...* 1...1 0...* +insert() +update() +delete() -SparepartID -SparepartName -JenisSparepart -qtysparepart -Price Sparepart 0...* 1...* +insert() +update() +delete() -KasirID -KasirName -KAsirPhone -KasirAddress -Password -Email -Birthdate -Security question -Answer -Status BagianKeuangan 1...1 0...* +insert() +update() +delete() -KategoryID -KategoriName -SparepartID Category +insert() +update() +delete() -MotorID -MotorName -Warna -UserID Motor +insert() +update() +delete() -JasaServisID -TypeServis -ServisNAme -Harga JasaServis 1...1 0...* 0...* 1...1 1...1 1...* Gambar class diagram servis

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% 80% 60% 40% 20% 0% Kesulitan Memperoleh Informasi Ketersedian Produk Kesulitan Memperoleh Informasi Ketersediaan Produk Tidak Kesulitan 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 daftar edit pemberitahuan A78

Gambar SS Menu tulis pemberitahuan A82

halaman untuk kasir Gambar SS Menu home kasir A84

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 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 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 profil A121

Gambar cetak laporan pengiriman A123

halaman untuk bagian gudang Gambar SS Menu home bagian gudang A124

Gambar SS Menu tambah sparepart A131

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 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 daftar supplier A145

Gambar SS Menu detail supplier A146

Gambar SS Menu edit supplier A147

Gambar SS Menu lihat pemberitahuan A148

Gambar SS Menu profil PO A151

Gambar SS Menu tambah supplier A152

Gambar SS Menu order sparepart A154

Gambar SS Menu daftar order A155

Gambar SS Menu detail order A156

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 konfirmasi pembayaran dengan memberikan pesan 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 bagian gudang dapat memasukkan data produk ke 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 dapat memasukkan staff baru ke dalam form pengisian 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 yang telah dilakukan bagian PO atau tidak. 13. Proses respon Order Pembelian Gambar Sequence Diagram respon order pembelian A192

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 16. Halaman Pesan Keluar Kasir Gambar Perancangan Halaman Servis 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