54
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.1Use 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.
Gambar 4.1 Use Case Diagram Penjualan Furniture Jepara Putri yang Sedang Berjalan.
4.1.1.2Skenario 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 Aktor Tujuan : : : Lihat barang Pengunjung
Pengunjung datang melihat barang-barang di perusahaan
<<extend>>
<<include>> <<include>>
Update Barang
Cetak Laporan Persedian Barang
Cetak Laporan Penjualan <<include>> Lihat Barang Konsumen Karyawan Transaksi Penjualan <<include>>
Tabel 4.1 Skenario Use Case Melihat Barang.
Konsumen Sistem
1. Berkunjung, melihat dan memilih barang yang akan dipesan
2. Memajang barang yang tersedia
2. Nama Use Case Aktor Tujuan : : : Transaksi penjualan Konsumen, Karyawan
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 Aktor
Tujuan
: : :
Cetak laporan penjualan Karyawan
Tabel 4.3 Skenario use case Laporan Penjualan.
Karyawan Sistem
1. Melakukan pembuatan laporan penjualan barang.
2. Menyimpan data pada laporan penjualan pada buku nota.
4. Nama Use Case Aktor
Tujuan
: : :
Cetak laporan persedian barang Karyawan
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 pada laporan persediaan barang.
5. Nama Use Case Aktor Tujuan : : : Update barang Karyawan
Melakukan perubahan data-data barang
Tabel 4.5 Skenario Use Case Edit Data Barang
Karyawan Sistem
1. Melakukan manipulasi dan mengelola persediaan barang.
4.1.1.3Activity 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.
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
Berkunjung, Melihat dan
Memilih Barang yang Dipesan Memajang Barang yang Tersedia Sistem Konsumen
konsumen sedangkan jika barang maka pengunjung melakukan pemesanan kembali.
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.
Gambar 4.4. Activity Diagram Pembuatan Laporan Penjualan pada Furniture
Jepara Putri yang Sedang Berjalan.
Melakukan Pemesanan Barang
Menerima struk pembelian Barang
Tidak tersedia Menerima Informasi tentang
persedian dan harga barang
Memeriksa ketersedian barang
Menyimpan data transaksi penjualan barang Mencetak struk pembelian Barang tersedia Sistem Konsumen Membuat laporan
penjualan barang Menyimpan data pada laporan penjualan
Sistem Karyaw an
d. Deskripsi :
Karyawan memeriksa dan mencetak laporan persedian barang dan menyimpan data pada laporan persedian 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.
Gambar 4.6. Activity Diagram Update Barang pada Furniture Jepara Putri
yang Sedang Berjalan.
Memeriksa dan mencetak
laporan persediaan barang laporan persediaan barangMenyimpan data pada
Sistem Karyawan
Mengelola
Persedian barang Persedian BarangMenyimpan data
Sistem Karyaw an
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.2Perancangan 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.
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
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
baik. Proses yang dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem tersebut menjadi satu kesatuan komponen.
4.2.3.1Uses Case
Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.
Gambar 4.7. Uses Case Diagram Penjualan Furniture pada Furniture Jepara Putri
berbasis web Yang Diusulkan.
4.2.3.2Skenario 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 Aktor
Tujuan
: : :
Pendaftaran akun member Pengunjung (Non member)
Pengunjung melakukan pendaftaran akun member
Pengunjung <<include>> <<extend>> <<include>> <<extend>> <<include>> <<include>> <<include>> <<extend>> Update Produk Konfirmasi Pembayaran <<include>> Transaksi Penjualan <<extend>> Pendaftaran Akun Member
Melihat Produk Non Member
Login Akun Member
Member Cetak laporan Penjualan
Cetak Laporan Persediaan Produk
Login Akun Petugas
Petugas <<include>>
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 Aktor Tujuan : : : Melihat produk
Pengunjung (Member, Non Member) Melihat produk di Website
Tabel 4.7Skenario Use case Proses Melihat Produk.
Pengunjung Sistem
1. Melihat-lihat dan memilih produk sesuai kenginan pengunjung.
2. Menampilkan data produk yang tersedia di website
Tabel 4.8Skenario Use case Proses Login Member.
Member Sistem
1. Masuk ke halaman login member. 3. Nama Use Case
Aktor Tujuan
: : :
Login akun member Pengunjung (Member) Proses validasi akun member
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 Aktor Tujuan : : : Transaksi penjualan Member
Melakukan transaksi Penjualan
Tabel 4.9Skenario Use case Proses Transaksi penjualan.
Member Sistem
1. Member melakukan pemesanan produk.
2. Menyimpan data transaksi pemesanan. 3. Menampilkan tujuan pengiriman.
4. Menginputkan tujuan pengeriman.
5. Memvalidasi data transaksi pemesanan dan menyimpan data pesanan di database.
5. Nama Use Case Aktor Tujuan : : : Konfirmasi pembayaran Member
Melakukan konfirmasi pembayaran
Tabel 4.10Skenario 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.
Tabel.4.11Skenario Use case Proses Login Petugas
6. Nama Use Case Aktor
Tujuan
: : :
Login akun petugas Petugas
Proses validasi akun petugas
Petugas Sistem
1. Masuk ke halaman login akun Petugas.
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
7. Nama Use Case Aktor Tujuan : : : Update produk Petugas
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 Aktor
Tujuan
: : :
Cetak laporan persedian produk Petugas
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.
yang dimaksud (data invalid), maka sistem akan kembali ke halaman login petugas.
9. Nama Use Case Aktor Tujuan : : :
Cetak laporan penjualan Petugas
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 data-data transaksi penjualan.
3. Mencetak laporan transaksi penjualan.
4.2.3.3Activity 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.
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.
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.
Masuk kehalaman Akun
Mengisi form akun
member Menyimpan data member di database
Sistem Non Member
Melihat-lihat dan memilih
produk di halaman website Menampilkan data produk
Sistem Pengunj ung
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.
Gambar 4.11. Activity Diagram Transaksi Penjualan pada Furniture Jepara Putri
Berbasis Web yang Diusulkan.
Masuk kehalaman login member
Mengisi email dan password pada form login
Salah
Memverifikasi email dan password member Masuk kehalaman member Benar Sistem Member Member melakukan pemesanan produk Menginputkan Tujuan pengeriman
Menyimpan data transaksi pemesanan Menampilkan tujuan pengiriman Menyimpan data pesanan Sistem Member
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.
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.
Masuk kehalaman pesanan Melakukan konfirmasi
pembayaran
Menentukan jenis pembayaran
tunai atau dengan uang muka konfirmasi pada databaseMenyimpan data
Sistem Member
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.
Gambar 4.14. Activity Diagram Update pada Furniture Jepara Putri Berbasis
Web yang Diusulkan.
Masuk ke halaman form petugas
Mengisi username dan password pada form petugas
Salah
Memverifikasi username dan password petugas
Masuk kehalaman petugas Benar Sistem Petugas Masuk kehalaman produk Memanipulasi
data-data/informasi produk Menyimpan perubahan data dan informasi produk ke database
Sistem Petugas
h. Deskripsi :
Petugas masuk kehalaman produk dan membuat laporan persedian produk dan sistem menampilkan data-data produk pada web dan mencetak laporan persedian 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.
Gambar 4.16. Activity Diagram Cetak Transaksi Penjualan pada Furniture Jepara
Putri Berbasis Web yang Diusulkan.
Masuk ke halaman produk dan
membuat laporan persediaan produk Menampilkan data-data produk
Mencetak Laporan Persediaan Produk
Sistem Petugas
Masuk ke halaman transaksi penjualan Mencetak laporan transaksi penjualan Menampilkan data-data transaksi penjualan Sistem Petugas
4.2.3.4Sequence 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 DiagramPendaftaran 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.
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.
Gambar 4.18. Sequence Diagram Melihat Produk .
3. Sequence DiagramUntuk Login Member
Seorang member masuk ke halaman utama website Furniture Jepara Putri. Apabila member atau user ingin melakukan pemesanan,
: Pengunjung : Pengunjung
Halaman Utama Halaman
Utama Pendaftaran AkunPendaftaran AkunHalaman Halaman Tabel MemberTabel Member
Data pengunjung
Data pengunjung
Melakukan pendaftaran Data tidak lengkap
Data lengkap Simpan data member : Pengunjung : Pengunjung Halaman Utama Halaman
Utama Halaman Halaman ProdukProduk
Data pengunjung
Data pengunjung
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.
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. : Member : Member Halaman Utama Halaman
Utama Halaman Login Halaman Login Akun MemberAkun Member Tabel MemberTabel Member Halaman Utama Halaman Utama MemberMember
Data member
Data member
Data member
Mangisi email dan Password
Memverifikasi akun member Data tidak lengkap
Gambar 4.20. Sequence Diagram Proses Transaksi.
5. Sequence DiagramUntuk 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. : Member : Member Halaman Utama Member Halaman Utama
Member Halaman Halaman ProdukProduk Halaman Pemesanan Halaman Pemesanan ProdukProduk Halaman Tujuan Halaman Tujuan PemesananPemesanan Tabel Pemesanan Tabel Pemesanan ProdukProduk
Data member
Daftar produk
Data produk
Melakukan pemesanan produk
Pemesanan tidak lengkap
Mengisi tujuan pengiriman
data tujuan pengiriman tidak lengkap
Data pemesanan Simpan
Data pemesanan Pemesanan lengkap
Gambar 4.21. Sequence Diagram Konfirmasi Pembayaan Member.
6. Sequence DiagramUntuk Login Petugas
Petugas (administrator) masuk ke halaman login petugas terlebih dahulu untuk melakukan login jika benar maka petugas masuk ke halaman petugas.
Gambar 4.22. Sequence Diagram login petugas
: Member : Member
Halaman Utama Member Halaman Utama
Member Halaman Halaman PesananPesanan Halaman Konfirmasi Halaman Konfirmasi PembayaranPembayaran KonfirmasiKonfirmasiTabel Tabel
Data pemesanan
Data pemesanan
Data pemesanan
Melakukan pembayaran
Konfirmasi tidak lengkap Konfirmasi lengkap
Simpan data konfirmasi pembayaran Menentukan jenis pembayaran tunai atau dengan uang muka
: Petugas : Petugas
Halaman Akun Petugas Halaman Akun
Petugas Tabel PetugasTabel Petugas Halaman Utama Halaman Utama PetugasPetugas
Data petugas
Data petugas
Memeriksa akun petugas
Username dan passwor salah
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.
Gambar 4.23. Squence Diagram Konfirmasi Pembayaran Oleh Petugas.
4.2.3.5Collaboration Diagram
Collaboration diagram memberi sebuah cara mengelompokkan potongan-potongan behavior interaksi saat peran-peran dimainkan oleh class yang berbeda.
: Petugas : Petugas
Halaman Utama Petugas Halaman Utama
Petugas Halaman TransaksiHalaman Transaksi KonfirmasiKonfirmasiHalaman Halaman KonfirmasiKonfirmasiTabel Tabel
Data petugas
Daftar pesanan member
Pilih konfirmasi pembayaran yang belum di ACC Melakukan ACC
Simpan ACC pembayaran Tampil informasi pesanan member
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
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.
Halaman
Utama Pendaftaran AkunHalaman
Tabel Member : Pengunjung
3: Melakukan pendaftaran 4: Data tidak lengkap
6: Simpan
2: Data pengunjung
5: Data lengkap 7: data member
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.
Gambar 4.26. Collaboration Diagram Login Member.
Halaman
Utama Halaman Produk
: Pengunjung
3: Melihat atau memilihProduk
2: Data pengunjung 1: Data pengunjung
: Member
Halaman
Utama Halaman Login Akun Member
Tabel
Member Halaman Utama Member
3: Mangisi email dan Password
5: Memverifikasi akun member
1: Data member 2: Data member
4: Data member 6: Data tidak lengkap
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.
Gambar 4.27. Collaboration Diagram Transaksi.
Halaman Utama
Member Halaman Produk
Halaman Pemesanan Produk Halaman Tujuan Pemesanan Tabel Pemesanan Produk : Member
4: Melakukan pemesanan produk 5: Pemesanan tidak lengkap
7: Mengisi tujuan pengiriman 8: data tujuan pengiriman tidak lengkap 10: Simpan 2: Daftar produk 3: Data produk 6: Pemesanan lengkap 9: Data pemesanan 11: Data pemesanan 1: Data member
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.
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.
: Member
Halaman Utama Member
Halaman Konfirmasi
Pembayaran KonfirmasiTabel
4: Melakukan pembayaran 6: Konfirmasi tidak lengkap
5: Menentukan jenis pembayaran tunai atau uang muka Halaman Pesanan
8: Simpan data konfirmasi pembayaran
1: Data pemesanan 2: Data pemesanan
7: Konfirmasi lengkap 3: Data pemesanan
Gambar 4.29. Collaboration Diagram Login Petugas.
7. Collaboration Diagram untuk Konfirmasi Pembayaran oleh
Petugas
Setelah petugas login maka petugas masuk halaman utamapetugas 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.
Gambar 4.30. Collaboration Diagram Konfirmasi Pembayaran Oleh
Petugas.
: Petugas
Halaman Akun
Petugas PetugasTabel
Halaman Utama Petugas
3: Memeriksa akun petugas
1: Data petugas
2: Data petugas
4: Username dan passwor salah
5: Username dan password benar
: Petugas
Halaman Utama
Petugas TransaksiHalaman
Halaman Konfirmasi Tabel
Konfirmasi 5: Simpan ACC pembayaran
1: Data petugas 2: Daftar pesanan member
3: Pilih konfirmasi pembayaran yang belum di ACC
4: Melakukan ACC
4.2.3.6Class 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.
Gambar 4.31. Class Diagram Penjualan pada Furniture Jepara Putri yang
Diusulkan. n 1 1 0...* 1 1 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 tambah() simpan() edit() hapus() tampil() cetak() member nama_lengkap provinsi kota alamat pos telepon username password status simpan() tambah() tampil() Pesanan id_pesanan no_pesanan penerima provinsi alamat kota pos telepon username total status tanggal_pesan tanggal_tenggang simpan() tambah() tampil() cetak() Transaksi id_transaksi tanggal_pesanan no_pesanan username kode_produk jumlah total status ukuran warna tambah() simpan() edit() hapus() tampil() cetak() Katagori nama_katagori Produk kode_katagori kode_produk nama_produk harga foto keterangan simpan() tambah() edit() hapus() tampil() hapus() cetak() Produk_Detail id_produk ukuran warna stock
4.2.3.7Object 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.
Gambar 4.32. Object Diagram Penjualan pada Furniture Jepara Putri yang
Diusulkan.
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 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) qie_pramudita@yahoo.com... password : varchar(100) 123456
status : int(11) 0 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) qie_pramudita@yahoo.com total : double 3200000 status : int(11) 1 tanggal_pesan : date 2011-07-20 tanggal_tenggang : date 2011-07-23 transaksi id_transaksi : int(11) 1 tanggal_pesan : date 2011-07-20 no_pesanan : varchar(15) FJ-001
username : varchar(35) qie_pramudita@yahoo.com... 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
produk_detail id_produk : int(11) 11 ukuran : varchar(10) 60x40 Cm... warna : varchar(25) Coklat stock : int(11) 6
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
katagori nama_kategori : varchar(35) Meja
4.2.3.8Component 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
Gambar 4.33. Component Diagram Penjualan pada Furniture Jepara Putri yang
Diusulkan.
4.2.3.9Deployment 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. index.php Login Petugas acc.php Member Login prd.php krm.php psn.php tju.php trs.php knf.php prd.php
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 : Client Browser Web Server Database Browser Permintaa Koneksi Database
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.
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.1Perancangan 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
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.
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.
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.
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.
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.
4.2.4.2Perancangan 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.
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.
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.
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.
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.
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.
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
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.
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.
i. Surat Jalan
Pada Surat Jalan, Petugas melakukan pencetakan laporan bertujuan untuk petugas pengirim untuk melakukan pengiriman produk.
