BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis Sistem Yang Sedang Berjalan Sebelum merancang suatu sistem, ada baiknya terlebih dahulu menganalisis sistem yang sedang berjalan di Furniture Jepara Putri yang akan dibangun tersebut. 4.1.1
Analisis Prosedur Yang Sedang Berjalan Sebelum membuat suatu sistem, hendaknya melakukan analisis terlebih
dahulu terhadap kebutuhan-kebutuhan apa saja yang diperlukan dengan menggunakan metode-metode yang telah ada. Dalam hal ini penulis menggunakan metodologi berorientasi objek, yaitu dimulai dari: 4.1.1.1 Use Case Diagram Use Case Diagram memperlihatkan hubungan diantara aktor dan use case. Aktor merepresentasikan seorang user atau subsistem lain yang akan berinteraksi dengan sistem. Sedangkan use case merupakan urutan kejadian yang menggambarkan interaksi antara user dengan sistem. Fungsionalitas sistem didefinisikan ke dalam use case dari sudut eksternal sistem yang berguna untuk uji kelayakan sistem.
54
55
<
> Lihat Barang Update Barang
<<extend>>
Konsumen
<>
Karyawan
Transaksi Penjualan <> <>
Cetak Laporan Penjualan Cetak Laporan Persedian Barang
Gambar 4.1 Use Case Diagram Penjualan Furniture Jepara Putri yang Sedang Berjalan.
4.1.1.2 Skenario Use Case Skenario use case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. Adapun tahapan-tahapan sekenario use case Pemasaran Barang pada Furniture Jepara Putri yang sedang berjalan adalah sebagai berikut : 1. Nama Use Case
: Lihat barang
Aktor
: Pengunjung
Tujuan
: Pengunjung perusahaan
datang
melihat
barang-barang
di
56
Tabel 4.1 Skenario Use Case Melihat Barang. Konsumen 1. Berkunjung, melihat memilih barang yang dipesan
Sistem dan akan 2. Memajang barang yang tersedia
2. Nama Use Case
: Transaksi penjualan
Aktor
: Konsumen, Karyawan
Tujuan
: Melakukan transaksi penjualan barang Tabel 4.2 Skenario Use Case Transaksi Penjualan. Konsumen
Sistem
1. Melakukan pemesanan barang 2. Memeriksa atau memberikan informasi pesedian dan harga barang ke konsumen 3. Menerima informasi tentang persediaan dan harga barang 4. Menyimpan data transaksi penjualan barang 5. Mencetak struk pembayaran 6. Menerima struk pembayaran
3. Nama Use Case
: Cetak laporan penjualan
Aktor
: Karyawan
Tujuan
: Membuat dan mencetak laporan penjualan
57
Tabel 4.3 Skenario use case Laporan Penjualan. Karyawan
Sistem
1. Melakukan pembuatan laporan penjualan barang. 2. Menyimpan data pada penjualan pada buku nota.
4. Nama Use Case
laporan
: Cetak laporan persedian barang
Aktor
: Karyawan
Tujuan
: Membuat dan mencetak laporan persedian barang Tabel 4.4 Skenario Use Case Laporan Persedian Barang. Karyawan
Sistem
1. Memeriksa dan mencetak laporan persediaan barang. 2. Menyimpan data persediaan barang.
5. Nama Use Case
pada
laporan
: Update barang
Aktor
: Karyawan
Tujuan
: Melakukan perubahan data-data barang Tabel 4.5 Skenario Use Case Edit Data Barang Karyawan
Sistem
1. Melakukan manipulasi dan mengelola persediaan barang. 2. Menyimpan perubahan data barang
58
4.1.1.3 Activity Diagram Activity diagram digunakan untuk menggambarkan kegiatan-kegiatan yang ada di dalam suatu sistem. Agar dapat lebih memahami tentang sistem yang akan dibuat, maka perlu dibuatkan activity diagram tentang sistem yang sedang berjalan, yaitu: a. Deskripsi: Konsumen datang ke Furniture Jepara Putri lalu melihat dan memilih barang yang telah di sediakan untuk melakukan pemesanan, kemudian sistem memajang barang yang tersedia. Konsumen
Berkunjung, Melihat dan Memilih Barang yang Dipesan
Sistem
Memajang Barang yang Tersedia
Gambar 4.2. Activity Diagram Melihat Barang pada Furniture Jepara Putri yang Sedang Berjalan.
b. Deskripsi : Konsumen melakukan pemesanan barang pada furniture jepara putri kemudian memeriksa ketersedian barang tersedia atau tidak tersedia apabila tersedia maka konsumen di berikan informasi tentang barang yang mau dipesan dan data transaksi penjualan barang akan di catat kemudian mencetak struk pembayaran untuk di berikan ke
59
konsumen sedangkan jika barang maka pengunjung melakukan pemesanan kembali. Konsumen
Sistem
Melakukan Pemesanan Barang
Memeriksa ketersedian barang Tidak tersedia
Menerima Informasi tentang persedian dan harga barang
tersedia Menyimpan data transaksi penjualan barang
Menerima struk pembelian Barang
Mencetak struk pembelian Barang
Gambar 4.3. Activity Diagram Transaksi Penjualan pada Furniture Jepara Putri yang Sedang Berjalan. c. Deskripsi : Karyawan malakukan pembuatan laporan dan menyimpan data pada laporan penjualan. Karyaw an
Membuat laporan penjualan barang
Sistem
Menyimpan data pada laporan penjualan
Gambar 4.4. Activity Diagram Pembuatan Laporan Penjualan pada Furniture Jepara Putri yang Sedang Berjalan.
60
d. Deskripsi : Karyawan memeriksa dan mencetak laporan persedian barang dan menyimpan data pada laporan persedian barang. Karyaw an
Sistem
Memeriksa dan mencetak laporan persediaan barang
Menyimpan data pada laporan persediaan barang
Gambar 4.5. Activity Diagram Laporan Persedian Barang pada Furniture Jepara Putri yang Sedang Berjalan.
e. Deskripsi : Karyawan mengelola persedian barang dan menyimpan perubahan data barang. Karyaw an
Mengelola Persedian barang
Sistem
Menyimpan data Persedian Barang
Gambar 4.6. Activity Diagram Update Barang pada Furniture Jepara Putri yang Sedang Berjalan.
61
4.1.2
Evaluasi Sistem Yang Sedang Berjalan Setelah melakukan analisis terhadap sistem yang sedang berjalan, baik
analisis terhadap prosedur yang ada, penulis menemukan beberapa permasalahan baik itu secara langsung maupun tidak langsung yang dapat mempengaruhi kinerja terhadap sistem yang ada. Masalah-masalah ini apabila ditinjau lebih jauh lagi akan berpengaruh terhadap pengembangan sistem nantinya. Setelah melakukan identifikasi terhadap penyebab permasalahan yang ada, penulis juga melakukan pengamatan dengan maksud untuk mengumpulkan fakta atau data yang menjadi permasalahan pada sistem ini. Adapun masalah-masalahnya adalah sebagai berikut: 1. Belum adanya pemasaran penjualan berbasis web site. 2. Proses penyimpanan data belum terkomputerisasi sehingga banyak kemungkinan terjadi hilangnya data penjualan. 3. Furniture Jepara Putri berkeinginan untuk mengenalkan produk mereka atau memiliki pelanggan yang banyak dengan media promosi yang baik.
4.2 Perancangan Sistem Perencanaan sistem merupakan syarat untuk melakukan pengembangan sistem. Perencanaan sistem ini menyangkut estimasi dari kebutuhan-kebutuhan fisik, tenaga kerja dan dana yang dibutuhkan untuk mendukung pengembangan sistem serta untuk mendukung operasinya setelah diterapkan. Perancangan sistem dapat diartikan sebagai :
62
1. Tahap setelah analisis dari siklus pengembangan sistem. 2. Pendefinisian atas kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun implementasi. 4. Menggambarkan sistem yang akan dibentuk, berupa peng-gambaran perencanaan, pembuatan sketsa, pengaturan dari beberapa elemen terpisah ke dalam satu kesatuan yang utuh dan berfungsi. 5. Konfigurasi komponen software dan hardware sistem. 4.2.1
Tujuan Perancangan Sistem Perancangan sistem yang akan diaplikasikan ini bertujuan untuk
memberikan gambaran secara umum kepada pengguna tentang sistem yang akan dibangun dan mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara rinci. Tujuan perancangan sistem informasi penjualan online ini akan diuraikan sebagai berikut : 1. Sistem Informasi Penjualan pada Furniture Jepara Putri, ditujukan untuk dapat mensosialisasikan proses peningkatan penjualan Furniture. 2. Dengan adanya Perancangan Sistem Informasi Penjualan Pada Furniture Jepara Putri Berbasis Web, diharapkan dapat meningkatkan pelanggan yang ingin membeli Furniture tanpa harus datang ke toko. 4.2.2
Gambaran Umum Sistem yang Diusulkan Gambaran umum dari sistem yang diusulkan adalah untuk memberikan
gambaran secara umum kepada pengguna (user) mengenai sistem informasi berbasis web, perancangan sistem secara umum juga sudah dapat mengenai komponen sistem informasi yang akan di desain. Penentuan persyaratan sistem dilakukan agar arah perancangan sistem dapat terarah pada sasaran, oleh sebab itu sistem yang dirancang
63
harus memenuhi batasan sistem dimana perancangan sistem ini merupakan kebutuhan fungsional. Implementasi menggambarkan bagaimana suatu sistem di bentuk. Pada tahap perancangan sistem informasi di rancang dengan tujuan sebagai alat komunikasi antara pemakai (user) dengan pembuat program guna mendapatkan sistem aplikasi yang sesuai dengan apa yang dibutuhkan. Sistem ini mempunyai jenis pelayanan diantaranya taransaksi pemesananfurniture dengan mengunjungi alamat website yang sudah sisediakan.
Sedangkan untuk petugas khususnya pada bagian penjualan, tidak perlu sulit lagi untuk harus menunggu di tempat atau mengirim sample produk tersebut, karena sistem ini mempunyai beberapa jenis pelayanan diantaranya transaksi penjualan. Maka petugas cukup dengan mengecek di internet pada halaman admin, maka akan segera di ketahui apakah ada yang memesan barang atau tidak, hal ini akan membantu efektifitas waktu pekerja menjadi lebih cepat dan efisien. Sistem informasi ini diharapkan dapat membantu mengatasi masalah yang ada, dan dapat menghasilkan informasi yang cepat, tepat dan akurat. Dengan adanya pengembangan sistem informasi berbasiskan web, proses transaksi dapat dilakukan dengan efektif yang dapat dilakukan oleh konsumen secara sendiri dan konsumen dapat secara langsung berinteraksi dengan sistem yang disesuaikan dengan kebutuhannya. 4.2.3
Perancangan Prosedur Yang Diusulkan Perancangan ini mencakup use case diagram, activity diagram,
collaboration diagram, class diagram, object diagram, sequence diagram, component diagram dan deployment diagram yang menghasilkan sistem lebih
64
baik. Proses yang dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem tersebut menjadi satu kesatuan komponen. 4.2.3.1 Uses Case Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. <> Pendaftaran Akun Member
Update Produk <>
Non Member Melihat Produk
Login Akun Petugas <<extend>>
<<extend>> <>
<>
<<extend>>
Pengunjung
Login Akun Member
Cetak Laporan Persediaan Produk <<extend>>
<>
Petugas
<> Transaksi Penjualan Member
<>
Cetak laporan Penjualan
Konfirmasi Pembayaran
Gambar 4.7. Uses Case Diagram Penjualan Furniture pada Furniture Jepara Putri berbasis web Yang Diusulkan. 4.2.3.2 Skenario Uses case Skenario Use Case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. 1. Nama Use Case
: Pendaftaran akun member
Aktor
: Pengunjung (Non member)
Tujuan
: Pengunjung melakukan pendaftaran akun member
65
Tabel 4.6. Skenario Use case Proses Daftar Member. Pengunjung
Sistem
1. Pengunjung masuk kehalaman utama dan memilih menu akun member bagi yang belum member 2. Mengisi form akun member 3. Menyimpan data member di database
2. Nama Use Case
: Melihat produk
Aktor
: Pengunjung (Member, Non Member)
Tujuan
: Melihat produk di Website Tabel 4.7 Skenario Use case Proses Melihat Produk. Pengunjung
1. Melihat-lihat dan memilih sesuai kenginan pengunjung.
Sistem produk 2. Menampilkan data tersedia di website
3. Nama Use Case
: Login akun member
Aktor
: Pengunjung (Member)
Tujuan
: Proses validasi akun member Tabel 4.8 Skenario Use case Proses Login Member. Member
1. Masuk ke halaman login member.
Sistem
produk
yang
66
2. Mengisi email dan password pada form login akun member. 3. Memverifikasi email dan password pada sistem database. 4. Jika account terdaftar, maka secara otomatis akan masuk ke halaman member, jika tidak ada data yang dimaksud maka sistem akan memberikan peringatan periksa email dan password dan kembali ke halaman login member.
4. Nama Use Case
: Transaksi penjualan
Aktor
:
Member
Tujuan
: Melakukan transaksi Penjualan Tabel 4.9 Skenario Use case Proses Transaksi penjualan. Member
1. Member produk.
melakukan
Sistem pemesanan 2. Menyimpan data transaksi pemesanan. 3. Menampilkan tujuan pengiriman.
4. Menginputkan tujuan pengeriman. 5. Memvalidasi data transaksi pemesanan dan menyimpan data pesanan di database.
67
5. Nama Use Case
: Konfirmasi pembayaran
Aktor
:
Member
Tujuan
: Melakukan konfirmasi pembayaran
Tabel 4.10 Skenario Use case Proses Konfirmasi Pembayaran. Member
Sistem
1. Masuk ke halaman pesanan. 2. Melakukan konfirmasi pembayaran. 3. Menentukan jenis pembayaran tunai atau uang muka terlebih dahulu. 4. Menyimpan data konfirmasi ke database jika data-data tersebut valid. 6. Nama Use Case
: Login akun petugas
Aktor
:
Petugas
Tujuan
: Proses validasi akun petugas Tabel.4.11 Skenario Use case Proses Login Petugas
Petugas 1. Masuk ke halaman login akun Petugas.
Sistem
2. Mengisi username dan password pada form login petugas. 3. Memverifikasi username dan password pada sistem database. 4. Jika akun terdaftar (data valid), maka secara otomatis akan masuk ke halaman petugas , jika tidak ada data
68
yang dimaksud (data invalid), maka sistem akan kembali ke halaman login petugas.
7. Nama Use Case
: Update produk
Aktor
:
Petugas
Tujuan
: Edit data produk Tabel 4.12. Skenario Use case Proses Update Produk Petugas
Sistem
1. Masuk ke halaman produk. 2. Memanipulasi data-data atau informasi produk. 3. Menyimpan perubahan data-data atau informasi produk ke database.
8. Nama Use Case
: Cetak laporan persedian produk
Aktor
:
Petugas
Tujuan
: Membuat dan mencetak laporan persedian produk
Tabel 4.13. Skenario Use case Proses Laporan Persedian Produk Petugas
Sistem
1. Masuk ke halaman produk dan membuat laporan persediaan produk. 2. Menampilkan data-data produk. 3. Mencetak laporan persediaan Produk.
69
9. Nama Use Case
: Cetak laporan penjualan
Aktor
:
Petugas
Tujuan
: Membuat dan mencetak laporan transaksi penjualan produk
Tabel 4.14. Skenario Use case Proses Cetak Laporan Penjualan Petugas
Sistem
1. Masuk ke halaman transaksi penjualan. 2. Menampilkan penjualan.
data-data
transaksi
3. Mencetak laporan transaksi penjualan.
4.2.3.3 Activity Diagram Activity diagram berikut ini memperlihatkan secara rinci aliran data secara logika tanpa mempertimbangkan lingkungan fisik dimana data mengalir. Member masuk pada website Furniture Jepara Putri dan melihat informasi sekilas tentang Furniture Jepara Putri, pada halaman utama website user baru diharuskan untuk login terlebih dahulu jika ingin memesan barang , jika user tidak terdaftar maka user diharuskan untuk mengisi form daftar member terlebih dahulu yang telah disediakan oleh sistem. a. Deskripsi : Pengunjung (Non member)
membuka website Furniture jepara
Putri, lalu melakukan pendaftaran pada halaman akun member, sistem memproses pendaftaran lalu disimpan secara otomatis ke database.
70
Non M e mber
Sis te m
Masuk kehalaman Akun
Mengisi form akun member
Menyimpan data member di database
Gambar 4.8. Activity Diagram Pendaftaran Member pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
b. Deskripsi : Pengunjung masuk ke website dapat melihat-lihat dan memelih produk sesuai kenginan pengunjung dan sistem menampilkan data produk. Pengunj ung
Melihat-lihat dan memilih produk di halaman website
Sistem
Menampilkan data produk
Gambar 4.9. Activity Diagram Melihat Produk pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
c. Deskripsi : Setelah member melakukan pendaftaran maka member melakukan login dengan mengisi identitas penanda hak akses, seperti email dan password untuk masuk ke halaman utama member.
71
M ember
Sistem
Masuk kehalaman login member Mengisi email dan password pada form login
Memverifikasi email dan password member
Salah Benar Masuk kehalaman member
Gambar 4.10. Activity Diagram Login Member pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
d. Deskripsi : Member malakukan pemesanan produk dan sistem menyimpan data transaksi pemesanan lalu sistem menampilkan tujuan pengiriman dan member menginputkan tujuan pengiriman setelah itu sistem menyimpan data pesanan ke database.
M ember
Sistem
Member melakukan pemesanan produk
Menginputkan Tujuan pengeriman
Menyimpan data transaksi pemesanan
Menampilkan tujuan pengiriman Menyimpan data pesanan
Gambar 4.11. Activity Diagram Transaksi Penjualan pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
72
e. Deskripsi : Setelah member melakukan pemesanan produk kemudian member masuk kehalaman pesanan untuk melakukan konfirmasi pemesanan dan melakukan konfirmasi pembayaran lalu menentukan jenis pembayaran tunai atau dengan uang muka terlebih dahulu kemudian menyimpan data konfirmasi pembayaran ke database. Member
Sistem
Masuk kehalaman pesanan
Melakukan konfirmasi pembayaran Menentukan jenis pembayaran tunai atau dengan uang muka
Menyimpan data konfirmasi pada database
Gambar 4.12. Activity Diagram Konfirmasi Pembayaran pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
f. Deskripsi : Petugas masuk kehalaman akun petugas dan mengisi username dan password pada form petugas dan sistem memverifikasi kebernaran data kalau data yang di masukan tidak benar maka petugas kembali kehalaman akun petugas apabila data benar maka petugas masuk kehalaman petugas.
73
Petugas
Sistem
Masuk ke halaman form petugas
Mengisi username dan password pada form petugas
Memverifikasi username dan password petugas
Salah Benar Masuk kehalaman petugas
Gambar 4.13. Activity Diagram Login Petugas pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
g. Deskripsi : Petugas melakukan pengolahan data berupa memeriksa dan melakukan perubahan terhadap persediaan produk,
memvalidasi
konfirmasi pemesanan produk yang dilakukan oleh member lalu menyimpan perubahan data dan informasi produk ke database. Petugas
Sistem
Masuk kehalaman produk Memanipulasi datadata/informasi produk
Menyimpan perubahan data dan informasi produk ke database
Gambar 4.14. Activity Diagram Update pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
74
h. Deskripsi : Petugas masuk kehalaman produk dan membuat laporan persedian produk dan sistem menampilkan data-data produk pada web dan mencetak laporan persedian produk. Petugas
Masuk ke halaman produk dan membuat laporan persediaan produk
Siste m
Menampilkan data-data produk
Mencetak Laporan Persediaan Produk
Gambar 4.15. Activity Diagram Cetak Persedian Barang pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
i. Deskripsi : Petugas masuk kehalaman transaksi penjualan dan sistem menampilkan data-data transaksi penjualan lalu mencetak laporan transaksi penjualan. Petugas
Masuk ke halaman transaksi penjualan
Sistem
Menampilkan data-data transaksi penjualan
Mencetak laporan transaksi penjualan
Gambar 4.16. Activity Diagram Cetak Transaksi Penjualan pada Furniture Jepara Putri Berbasis Web yang Diusulkan.
75
4.2.3.4 Sequence Diagram Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam waktu yang berurutan. Tetapi pada dasarnya sequence Diagram selain digunakan
dalam
lapisan
abstraksi
model
objek.
Kegunaannya
untuk
menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara object, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama pesan diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram yang ada pada sistem penjualan Furniture, yaitu: 1. Sequence Diagram Pendaftaran Member Apabila pengunjung ingin melakukan pemesanan, seorang pengunjung harus melakukakan proses pendaftaran terlebih dahulu, seorang pengunjung masuk ke halaman utama, lalu melakukan pendaftaran pada akun, jika berhasil/Valid maka data pengunjung akan disimpan tabel member. Maka data aktivasi akan disimpan di tabel member dan pengunjung berhak untuk melakukan login di website Furniture Jepara Putri.
76
Halaman Utama
Tabel Member
Halaman Pendaftaran Akun
: Pengunjung Data pengunjung Data pengunjung Melakukan pendaftaran Data tidak lengkap Data lengkap Simpan data member
Gambar 4.17. Sequence Diagram Proses Pendaftran Member.
2. Sequence Diagram Melihat Produk Pengunjung masuk kehalaman utama dan pengunjung hanya bisa melihat produk pada website furniture jepara putri dan tidak bisa memesan produk pada website. Halaman Utama
Halaman Produk
: Pengunjung Data pengunjung Data pengunjung Melihat atau memilihProduk
Gambar 4.18. Sequence Diagram Melihat Produk .
3. Sequence Diagram Untuk Login Member Seorang member masuk ke halaman utama website Furniture Jepara Putri. Apabila member atau user ingin melakukan pemesanan,
77
maka member masuk kehalaman login member, jika berhasil login maka user akan masuk ke halaman menu utama member dimana tersedia halaman pemesanan produk yang dapat membantu member untuk memesan produk yang tersedia secara online. Halaman Utama
Halaman Login Akun Member
Tabel Member
Halaman Utama Member
: Member Data member Data member Mangisi email dan Password Data member Memverifikasi akun member Data tidak lengkap Data lengkap
Gambar 4.19. Sequence Diagram Login Member.
4. Sequence Diagram Untuk Melakukan Transaksi Setelah member login maka member masuk kehalaman member dan member bisa melakukan pemesanan produk dengan memilih produk yang diinginkan member dan dapat merubah pemesanan setelah memesan produk kemudian member meninputkan tujuan pengiriman dengan benar kemudian data pemesanan tersebut tersimpan di database.
78
Halaman Utama Member
Halaman Produk
Halaman Pemesanan Produk
Halaman Tujuan Pemesanan
Tabel Pemesanan Produk
: Member Data member Daftar produk Data produk Melakukan pemesanan produk Pemesanan tidak lengkap Pemesanan lengkap Mengisi tujuan pengiriman data tujuan pengiriman tidak lengkap Data pemesanan Simpan Data pemesanan
Gambar 4.20. Sequence Diagram Proses Transaksi.
5. Sequence Diagram Untuk Konfirmasi Pembayaran Oleh Member Seorang member masuk ke halaman utama, lalu masuk kehalaman pesanan untuk melakukan konfirmasi pembayaran, dan menentukan jenis pembayaran tunai atau kredit yang di inginkan member jika konfirmasi pembayaran lengkap, maka data konfirmasi disimpan ke tabel konfirmasi.
79
Halaman Utama Member
Halaman Pesanan
Halaman Konfirmasi Pembayaran
Tabel Konfirmasi
: Member Data pemesanan Data pemesanan Data pemesanan Melakukan pembayaran Menentukan jenis pembayaran tunai atau dengan uang muka
Konfirmasi tidak lengkap Konfirmasi lengkap Simpan data konfirmasi pembayaran
Gambar 4.21. Sequence Diagram Konfirmasi Pembayaan Member.
6. Sequence Diagram Untuk Login Petugas Petugas (administrator) masuk ke halaman login petugas terlebih dahulu untuk melakukan login jika benar maka petugas masuk ke halaman petugas. Halaman Akun Petugas
Tabel Petugas
Halaman Utama Petugas
: Petugas Data petugas Data petugas Memeriksa akun petugas Username dan passwor salah Username dan password benar
Gambar 4.22. Sequence Diagram login petugas
80
7. Sequence Diagram untuk Konfirmasi Pembayaran oleh Petugas Setelah petugas login dan masuk halaman utama petugas dimana terdapat halaman hak akses petugas untuk melakukan input maupun perubahan-perubahan data pada sistem. Salah satunya adalah halaman konfirmasi pemesanan produk yang telah dilakukan oleh member, dimana petugas akan mengupdate status apabila konfirmasi tersebut telah disahkan. Halaman Utama Petugas
Halaman Transaksi
Halaman Konfirmasi
Tabel Konfirmasi
: Petugas Data petugas Daftar pesanan member Pilih konfirmasi pembayaran yang belum di ACC Melakukan ACC Simpan ACC pembayaran Tampil informasi pesanan member
Gambar 4.23. Squence Diagram Konfirmasi Pembayaran Oleh Petugas.
4.2.3.5 Collaboration Diagram Collaboration diagram memberi sebuah cara mengelompokkan potonganpotongan behavior interaksi saat peran-peran dimainkan oleh class yang berbeda.
81
Interaksi pendaftar dengan sistem pada proses pendaftaran tanpa penggambaran orientasi waktu, digambarkan oleh gambar collaboration diagram berikut : 1. Collaboration Diagram Proses Pendaftaran Member Pengunjung masuk kehalaman utama website Furniture Jepara Putri, dan kemudian melakukan proses pendaftaran dihalaman akun member, jika data yang diisi valid, maka data tersebut akan disimpan ditabel member, dan member berhak melakukan login di website Furniture Jepara Putri 3: Melakukan pendaftaran 4: Data tidak lengkap
1: Data pengunjung
2: Data pengunjung Halaman Utama
Halaman Pendaftaran Akun
: Pengunjung 7: data member 6: Simpan
5: Data lengkap
Tabel Member
Gambar 4.24. Collaboration Diagram Proses Pendaftaran Member.
2. Collaboration Diagram Melihatihat Produk. Pengunjung masuk ke halaman utama website Furniture Jepara Putri dan dapat melihat atau memilih produk yang telah tersedia.
82
3: Melihat atau memilihProduk
1: Data pengunjung
2: Data pengunjung Halaman Utama
Halaman Produk
: Pengunjung
Gambar 4.25. Collaboration Diagram Melihat produk.
3. Collaboration Diagram Member Login. Member masuk ke halaman utama website Furniture Jepara Putri, kemudian member masuk kehalaman akun member untuk proses login, jika data valid maka member kan masuk kedalam halaman utama member, dan ketika member keluar maka member masuk kembali kehalaman utama. 3: Mangisi email dan Password
1: Data member
2: Data member
Halaman Utama
Halaman Login Akun Member
: Member 6: Data tidak lengkap 4: Data member 5: Memverifikasi akun member
7: Data lengkap Tabel Member
Halaman Utama Member
Gambar 4.26. Collaboration Diagram Login Member.
83
4. Collaboration Diagram Proses Transaksi Member masuk ke halaman utama website Furniture Jepara Putri untuk mencari informasi tentang produk yang tersedia pada Furniture Jepara Putri. Untuk melakukan pemesanan, user harus melakukan login terlebih dahulu pada halaman login member jika ingin melakukan pemesanan. Setelah berhasil login, untuk melakukan pemesanan produk, member masuk ke halaman pemesanan produk dan jika data pemesanan valid, maka akan disimpan ke dalam pemesanan produk dan kemudian diteruskan mengisi data tujuan pengiriman, setelah data telah disetujui oleh member, maka order akan disimpan di tabel pemesanan produk. 1: Data member
2: Daftar produk Halaman Utama Member
Halaman Produk
: Member 3: Data produk
10: Simpan
4: Melakukan pemesanan produk 5: Pemesanan tidak lengkap Tabel Pemesanan Produk
11: Data pemesanan Halaman Pemesanan Produk
7: Mengisi tujuan pengiriman 8: data tujuan pengiriman tidak lengkap 9: Data pemesanan 6: Pemesanan lengkap Halaman Tujuan Pemesanan
Gambar 4.27. Collaboration Diagram Transaksi.
84
5. Collaboration Diagram Konfirmasi Pembayaran Oleh Member Setelah
melakukan
pemesanan,
maka
member
melakukan
konfirmasi pembayaran, member masuk ke halaman utama Furniture Jepara Putri, dan kemudian melakukan konfirmasi pembayaran ke halaman konfirmasi dan menentukan cara pembayaran tunai atau uang muka terlebih dahulu, jika data valid maka akan disimpan di tabel konfirmasi. 1: Data pemesanan
2: Data pemesanan Halaman Utama Member
: Member
Halaman Pesanan
4: Melakukan pembayaran 5: Menentukan jenis pembayaran tunai atau uang muka 6: Konfirmasi tidak lengkap 8: Simpan data konfirmasi pembayaran 3: Data pemesanan 7: Konfirmasi lengkap Halaman Konfirmasi Pembayaran
Tabel Konfirmasi
Gambar 4.28. Collaboration Diagram Konfirmasi Pembayaran oleh Member.
6. Collaboration Diagram Login Petugas Petugas masuk ke halaman login petugas terlebih dahulu untuk melakukan login jika benar maka petugas masuk ke halaman petugas.
85
3: Memeriksa akun petugas 2: Data petugas 1: Data petugas Halaman Akun Petugas
Tabel Petugas
4: Username dan passwor salah
: Petugas
5: Username dan password benar
Halaman Utama Petugas
Gambar 4.29. Collaboration Diagram Login Petugas.
7. Collaboration Diagram untuk Konfirmasi Pembayaran oleh Petugas Setelah petugas login maka petugas masuk halaman utama petugas dimana terdapat halaman hak akses petugas untuk melakukan input maupun perubahan-perubahan data pada sistem. Salah satunya adalah halaman konfirmasi pemesanan produk yang telah dilakukan oleh member, dimana petugas akan mengupdate status apabila konfirmasi tersebut telah disahkan. 1: Data petugas
2: Daftar pesanan member
Halaman Utama Petugas
Halaman Transaksi
: Petugas 6: Tampil informasi pesanan member 5: Simpan ACC pembayaran
3: Pilih konfirmasi pembayaran yang belum di ACC
Tabel Konfirmasi
Halaman Konfirmasi 4: Melakukan ACC
Gambar 4.30. Collaboration Diagram Konfirmasi Pembayaran Oleh Petugas.
86
4.2.3.6 Class Diagram Menggambarkan
struktur
statis
class
di
dalam
sistem.
Class
merepresentasikan sesuatu yang ditangani oleh sistem. Dengan melihat karakteristik sistem pemasaran produk mulai dari bagian pendaftaran sampai dengan pemesanan beserta proses-proses yang terjadi, maka dapat dibuat Class Diagram Berikut Class Diagram Sistem Informasi Penjualan produk pada Furniture Jepara Putri. Pesanan id_pesanan no_pesanan penerima provinsi alamat kota pos telepon username total status tanggal_pesan tanggal_tenggang
1
simpan() tambah() tampil() cetak()
n
Transaksi id_transaksi tanggal_pesanan no_pesanan username kode_produk jumlah total 0...* status ukuran warna tambah() simpan() edit() hapus() tampil() cetak()
1
tambah() simpan() edit() hapus() tampil() cetak()
simpan() tambah() tampil()
1
1
Konfirmasi no_pesanan no_transfer nama_lengkap nama_pengirim tanggal_bayar_awal tanggal_bayar_tunai tanggal_konfirmasi_anggota tanggal_konfirmasi_admin total uang_muka sisa status_konfirmasi status_pembayaran tanggal_tenggang
1
member nama_lengkap provinsi kota alamat pos telepon username password status
1 Produk kode_katagori kode_produk nama_produk harga foto keterangan simpan() tambah() edit() hapus() tampil() hapus() cetak()
Produk_Detail id_produk ukuran warna stock
Katagori nama_katagori
Gambar 4.31. Class Diagram Penjualan pada Furniture Jepara Putri yang Diusulkan.
87
4.2.3.7 Object Diagram Object diagram sangat berdaya guna dalam menunjukan contoh-contoh obyek yang saling terhubung satu sama lain. Dalam banyak kasus struktur yang tepat bisa digambarkan secara tepat dengan class diagram, akan tetapi struktur tersebut mungkin masi susah dimengerti. Pada setuasi seperti ini pembuatan contoh degan obyek diagram akan sangat membantu sekali. Berikut Object Diagram Sistem Informasi Penjualan pada Furniture Jepara Putri. pesanan id_pesanan : int(11) 1 no_pesanan : varchar(15) FJ-001 penerima : varchar(35) Hamdani provinsi : varchar(25) Jawa Barat kota : varchar(25) Bogor alamat : text Jln. Cibinong pos : varchar(25) 123456 telepon : varchar(12) 08661112849 username : varchar(35) [email protected] total : double 3200000 status : int(11) 1 tanggal_pesan : date 2011-07-20 tanggal_tenggang : date 2011-07-23
konfirmasi no_pesanan : varchar(15) FJ-001 no_transfer : varchar(15) 123456 nama_lengkap : varchar(35) Juki Pramudita nama_pengirim : varchar(35) Juki Pramudita tanggal_bayar_awal : varchar(30) 20 Juli 2011 tanggal_bayar_tunai : varchar(30) 22 Juli 2011 tanggal_konfirmasi_member : varchar(30) 20 Juli 2011 ... tanggal_konfirmasi_admin : varchar(30) 20 Juli 2011 total : double 3200000 uang_muka : double 1600000 sisa : double 0 status_konfirmasi : int(11) 2 status_pembayaran : int(11) 1 tanggal_tenggang : date 2011-08-19
transaksi id_transaksi : int(11) 1 tanggal_pesan : date 2011-07-20 no_pesanan : varchar(15) FJ-001 username : varchar(35) [email protected] ... kode_produk : varchar(6) MJ-01 jumlah : int(11) 1 total : double 3200000 status : int(11) 1 ukuran : varchar(8) 60x40 Cm warna : varchar(25) Coklat
member nama_lengkap : varchar(35) Juki Pramudita provinsi : varchar(25) DKI kota : varchar(25) Jakarta alamat : text Jln. Perjungan No.2 Rt 002/007 pos : varchar(5) 17123 telepon : varchar(12) 08988961113 username : varchar(35) [email protected] ... password : varchar(100) 123456 status : int(11) 0
produk kode_kategori : varchar(6) MJ kode_produk : varchar(6) MJ-01 nama_produk : varchar(35) Meja Per Set ... harga : double 3200000 foto : varchar(500) mj01 keterangan : text Terbuat Dari Kayu Jati
produk_detail id_produk : int(11) 11 ukuran : varchar(10) 60x40 Cm ... warna : varchar(25) Coklat stock : int(11) 6
katagori nama_kategori : varchar(35) Meja
Gambar 4.32. Object Diagram Penjualan pada Furniture Jepara Putri yang Diusulkan.
88
4.2.3.8 Component Diagram Component adalah unit fisik yang nyata yang menjadi bagian dari deployment independent. Component ini diimplementasikan meskipun pada sistem yang kecil. Perancangan menu pada aplikasi yang diusulkan digambarkan oleh gambar component diagram berikut index.php
Login Petugas
Member Login
prd.php
acc.php
prd.php
krm.php
psn.php
tju.php
trs.php
knf.php
Gambar 4.33. Component Diagram Penjualan pada Furniture Jepara Putri yang Diusulkan. 4.2.3.9 Deployment Diagram Asumsi yang digunakan pada perangkat lunak ini memakai sistem yang stand alone, artinya tidak ada satu komponenpun yang akan dibagi pakai (sharing) dengan aplikasi web yang lain, oleh karena itu tidak perlu application server terpisah.
89
Web Server
Client Browser
Internet
Permintaa Koneksi Database
Database Browser
Gambar 4.34. Deployment Diagram Penjualan pada Furniture Jepara Putri yang Diusulkan.
4.23.10Kodefikasi Kodefikasi ini digunakan sebagai identitas untuk setiap data yang akan diinputkan. dalam hal ini akan di jelaskan mengenai kode-kode yang akan digunakan. 1. Kode Katagori
Contoh :
90
2. Kode Produk
Contoh :
3. Kode Pemesanan
Contoh :
Sehingga pada setiap penjualan furniture pada Furniture Jepara Putri Bekasi memiliki pengkodean yang menjelaskan kode katagori, kode produk dan kode pemesanan.
91
4.2.4
Perancangan Antar Muka Perancangan ini adalah desain utama yang akan digunakan oleh sistem
yang akn dirancang.
Gambar 4.35. Tampilan website Furniture Jepara Putri.
4.2.4.1 Perancangan Input Perancangan input diperlukan untuk menampilkan informasi yang bertujuan memberikan kemudahan bagi member dan petugas sehingga dapat dimengerti oleh user dan petugas yang bersangkutan. Perancangan input terdiri dari 3, yaitu perancangan input non member, perancangan input member, dan perancangan input petugas. 1. Perancangan Input Non Member a. Halaman Akun Member
92
Halaman Akun Member ini digunakan untuk pengunjung yang ingin melakukan Pendaftaran Member
Gambar 4.36. Tampilan Halaman Pendaftaran Akun Member.
2. Perancangan Input Member a. Halaman Login Member Perancangan input login ini merupakan tahapan selanjutnya setelah melakukan pendaftaran member baru. Pada halaman ini user diminta untuk mengisikan email dan password yang benar untuk dapat melakukan proses reservasi selanjutnya. Jika email atau password tidak diisi atau salah maka user akan di kembalikan kembali kepada halaman login.
Gambar 4.37. Tampilan Halaman Login Member.
93
b. Halaman Pemesanan Produk Halaman Pemesenan Produk digunakan Member melakukan pemesanan produk, sesuai keinginan member.
Gambar 4.38. Tampilan Halaman Pemesanan Produk.
c. Halaman Tujuan Pemesanan Produk Halaman Tujuan Pemesanan Produk digunakan untuk Member mengisi data pemesan, dan alamat yang akan dituju untuk pengiriman pemesanan produk.
Gambar 4.39. Tampilan Halaman Tujuan Pemesanan Produk.
94
d. Halaman Konfirmasi Pembayaran Halaman Konfirmasi Pembayaran digunakan untuk Member melakukan konfirmasi atas pemesanan produk dan bisa melakukan pembayaran secara tunai atau dengan uang muka terlebih dahulu.
Gambar 4.40. Tampilan Halaman Konfirmasi Pembayaran Tunai.
Gambar 4.41. Tampilan Halaman Konfirmasi Pembayaran Uang Muka.
95
3. Perancangan Input Petugas a. Halaman Login Petugas Pada halaman ini Petugas diminta untuk mengisikan username dan password yang benar untuk dapat melakukan proses pengolahan data. Jika username atau password tidak diisi atau salah maka Petugas tidak dapat melakukan proses pengolahan data.
Gambar 4.42. Tampilan Halaman Akun Petugas.
b. Halaman Input Katagori Produk Pada halaman input katagori produk, digunakan Petugas untuk menambah katagori produk pada furniture Jepara Putri.
Gambar 4.43. Tampilan Halaman Input katagori Produk.
96
c. Halaman Input Produk Pada halaman Input produk, digunakan Petugas untuk menambah Produk pada Website Furniture Jepara Putri pada tahap pertama.
Gambar 4.44. Tampilan Halaman Input Produk. Setelah peng-inputan produk pada tahap pertama, untuk melakukan penambahan item(ukuran,warna dan stock) pada suatu produk digunakan halaman pada Gambar 4.45.
Gambar 4.45. Tampilan Halaman Input Tambah Produk.
97
4.2.4.2 Perancangan Output Perancangan output diperlukan untuk menghasilkan informasi dan memberikan kemudahan bagi user sehingga dapat dimengerti oleh user yang bersangkutan. Dengan demikian user mendapatkan informasi yang sesuai dengan tujuan yang diharapkan. 1. Perancangan Output Non Memeber a. Halaman Katagori Produk Dihalaman katagori ini ditampilkan Katagori Produk yang tersedia di website Furniture Jepara Putri.
Gambar 4.46. Tampilan Halaman Katagori Produk. b. Halaman Produk Dihalaman Produk ini ditampilkan keseluruhan Produk yang tersedia di Website Furniture Jepara Putri.
98
Gambar 4.47. Tampilan Halaman Produk. c. Halaman Detail Produk Dihalaman Produk ini ditampilkan Detail Produk di Website Furniture Jepara Putri.
Gambar 4.48. Tampilan Halaman Detail Produk.
2. Rancangan Output Member a. Halaman Produk Dihalaman Produk ini ditampilkan keseluruhan Produk yang tersedia di Website Furniture Jepara Putri.
99
b. Halaman Kategori Produk Dihalaman katagori ini ditampilkan Katagori Produk yang tersedia di website Furniture Jepara Putri. c. Daftar Pesanan Pada halaman pemesan produk, ini berfungsi untuk menampilkan pesanan produk yang telah di lakukan oleh member.
Gambar 4.49. Tampilan Halaman Daftar pemesan.
Gambar 4.50. Tampilan Halaman Daftar Pemesan. d. Halaman Pesanan Konfirmasi Pada halaman ini member dapat mengetahui data pemesanan produk yang diinginkan dan member dapat melakukan Konfirmasi Pembayaran.
100
Gambar 4.51. Tampilan Halaman Data Pemesanan Member.
3. Perancangan Output Petugas a. Halaman Daftar Katagori Produk Pada Halaman Daftar katagori Produk, Petugas dapat melihat daftar katagori Produk pada website Furniture Jepara Putri, dan dapat melakukan perubahan pada setiap Katagori Produk.
Gambar 4.52. Tampilan Halaman Daftar Kategori Produk.
b. Halaman Daftar Produk Pada Halaman Daftar Produk, Petugas dapat melihat daftar Produk pada website Furniture Jepara Putri, dapat melakukan perubahan pada setiap Produk dan dapat melakukan pencetakan persedian produk.
101
Gambar 4.53. Tampilan Halaman Daftar Produk.
Gambar 4.54. Laporan Persedian Produk.
c. Halaman Daftar Detail Produk Pada Halaman Detail Produk, Petugas dapat melihat daftar Detail Produk pada website Furniture Jepara Putri, dan dapat melakukan perubahan pada setiap Produk.
102
Gambar 4.55. Tampilan Halaman Daftar Detail Produk.
d. Halaman Akun Pada Halaman Akun, Petugas dapat melihat detail Akun member yang telah mendaftar dan detail akun petugas.
Gambar 4.56. Tampilan Halaman Detail Akun Member.
Gambar 4.57. Tampilan Halaman Detail Akun Petugas.
103
e.
Daftar Konfirmasi Pembayaran Pada Halaman Konfirmasi Pembayaran, Petugas melakukan acc terhadap konfirmasi pemesanan produk untuk dilakukan proses pengiriman produk. Status Pembayaran dengan uang muka yang telah di lakukan member
Gambar 4.58. Tampilan Halaman Daftar Pesanan Produk.
Status pembayaran pembayaran lunas
Gambar 4.59. Tampilan Halaman Daftar Pesanan Produk.
Status setelah di ACC petugas setalah melakukan pembayaran
Gambar 4.60. Tampilan Halaman Daftar Pesanan Produk.
104
f. Halaman Penjualan Produk Pada Halaman Penjualan Produk, Petugas dapat melihat penjualan yang telah di lakukan oleh member dan petugas dapat mencetak laporan penjualan produk dalam periode tertentu.
Gambar 4.61. Tampilan Halaman Daftar Penjualan.
Gambar 4.62. Laporan Penjualan.
g. Halaman Pemesanan Produk Pada Halaman Pemesanan Produk, member yang yang melakukan pemesanan produk dan belum melakukan pembayaran dan Petugas dapat mencetak laporan pemesanan produk dalam periode tertentu.
105
Gambar 4.63. Tampilan Halaman Pemesanan Produk.
Gambar 4.64. Laporan Pemesanan Produk.
h. Halaman Acc Konfirmasi petugas. Pada Halaman Acc Konfirmasi, Petugas melakukan acc terhadap konfirmasi pemesanan produk untuk dilakukan proses pengiriman produk.
Gambar 4.65. Tampilan Acc Konfirmasi Pembayaran.
106
i. Surat Jalan Pada Surat Jalan, Petugas melakukan pencetakan laporan bertujuan untuk petugas pengirim untuk melakukan pengiriman produk.
Gambar 4.66. Surat Jalan Pengiriman.
