BAB IV ANALISIS DAN PERANCANGAN SISTEM. Sebelum merancang suatu sistem, ada baiknya terlebih dahulu menganalisis

BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1 Analisis 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 <<include>> <<extend>> Update Barang Konsumen Transaksi Penjualan <<include>> Karyawan <<include>> <<include>> Cetak Laporan Persedian Barang Cetak Laporan Penjualan 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 Aktor Tujuan Lihat barang Pengunjung Pengunjung datang melihat barang-barang di perusahaan

56 Tabel 4.1 Skenario Use Case Melihat Barang. Konsumen 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 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 Membuat dan mencetak laporan penjualan

57 Tabel 4.3 Skenario use case Laporan Penjualan. Karyawan 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 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 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 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 Melakukan Pemesanan Barang Memeriksa ketersedian barang Tidak tersedia Menerima Informasi tentang persedian dan harga barang Menerima struk pembelian Barang tersedia Menyimpan data transaksi penjualan 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. Karyawan Membuat laporan penjualan barang 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. Karyawan 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 Menyimpan data Persedian Barang Gambar 4.6. Activity Diagram Update Barang pada Furniture Jepara Putri yang Sedang Berjalan.

61 4.1.2 Evaluasi 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 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 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. Informasi Penjualan pada Furniture Jepara Putri, ditujukan untuk dapat mensosialisasikan proses peningkatan penjualan Furniture. 2. Dengan adanya Perancangan 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 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. 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. 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. <<include>> Pendaftaran Akun Member Update Produk Login Akun Petugas Non Member <<include>> <<extend>> Melihat Produk <<extend>> <<include>> <<include>> <<extend>> Pengunjung Login Akun Member Cetak Laporan Persediaan Produk <<include>> <<extend>> Petugas <<include>> Member Transaksi Penjualan <<include>> 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 Aktor Tujuan Pendaftaran akun member Pengunjung (Non member) Pengunjung melakukan pendaftaran akun member

65 Tabel 4.6. Skenario Use case Proses Daftar Member. Pengunjung 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.7 Skenario Use case Proses Melihat Produk. Pengunjung 1. Melihat-lihat dan memilih produk sesuai kenginan pengunjung. 2. Menampilkan data produk yang tersedia di website 3. Nama Use Case Aktor Tujuan Login akun member Pengunjung (Member) Proses validasi akun member Tabel 4.8 Skenario Use case Proses Login Member. Member 1. Masuk ke halaman login member.

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 Aktor Tujuan Transaksi penjualan Member Melakukan transaksi Penjualan Tabel 4.9 Skenario Use case Proses Transaksi penjualan. Member 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.

67 5. Nama Use Case Aktor Tujuan Konfirmasi pembayaran Member Melakukan konfirmasi pembayaran Tabel 4.10 Skenario Use case Proses Konfirmasi Pembayaran. Member 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 Aktor Tujuan Login akun petugas Petugas Proses validasi akun petugas Tabel.4.11 Skenario Use case Proses Login Petugas Petugas 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

68 yang dimaksud (data invalid), maka sistem akan kembali ke halaman login petugas. 7. Nama Use Case Aktor Tujuan Update produk Petugas Edit data produk Tabel 4.12. Skenario Use case Proses Update Produk Petugas 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 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 Aktor Tujuan Cetak laporan penjualan Petugas Membuat dan mencetak laporan transaksi penjualan produk Tabel 4.14. Skenario Use case Proses Cetak Laporan Penjualan Petugas 1. Masuk ke halaman transaksi penjualan. 2. Menampilkan data-data transaksi penjualan. 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 Member 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. Pengunjung Melihat-lihat dan memilih produk di halaman website 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 Member 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. Member Member melakukan pemesanan produk Menyimpan data transaksi pemesanan Menginputkan Tujuan pengeriman 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 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 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 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 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 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 Halaman Pendaftaran Akun Tabel Member 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 Data tidak lengkap Memverifikasi akun member 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 Halaman Utama 2 Data pengunjung 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 Halaman Utama 2 Data pengunjung 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 Member Halaman Utama Halaman Login Akun Member 6 Data tidak lengkap 5 Memverifikasi akun member 4 Data member Tabel Member 7 Data lengkap 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 Halaman Utama Member 2 Daftar produk Halaman Produk Member 10 Simpan 3 Data produk 4 Melakukan pemesanan produk 5 Pemesanan tidak lengkap Tabel Pemesanan Produk 11 Data pemesanan 7 Mengisi tujuan pengiriman 8 data tujuan pengiriman tidak lengkap 9 Data pemesanan Halaman Pemesanan Produk 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 Halaman Pesanan Member 4 Melakukan pembayaran 5 Menentukan jenis pembayaran tunai atau uang muka 6 Konfirmasi tidak lengkap 8 Simpan data konfirmasi pembayaran 3 Data pemesanan Halaman Konfirmasi Pembayaran 7 Konfirmasi lengkap 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 1 Data petugas Halaman Akun Petugas 2 Data petugas Tabel Petugas Petugas 4 Username dan passwor salah 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. Petugas 1 Data petugas 2 Daftar pesanan member Halaman Utama Petugas Halaman Transaksi 6 Tampil informasi pesanan member 5 Simpan ACC pembayaran 3 Pilih konfirmasi pembayaran yang belum di ACC Tabel Konfirmasi 4 Melakukan ACC Halaman Konfirmasi 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 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 simpan() tambah() tampil() cetak() 1 1 n Transaksi id_transaksi tanggal_pesanan no_pesanan username kode_produk jumlah total status ukuran warna tambah() simpan() edit() hapus() tampil() cetak() 1 0...* 1 member nama_lengkap provinsi kota alamat pos telepon username password status simpan() tambah() tampil() 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 Produk kode_katagori kode_produk nama_produk harga foto keterangan simpan() tambah() edit() hapus() tampil() hapus() cetak() tambah() simpan() edit() hapus() tampil() 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 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) 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.co... 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) qie_pramudita@yahoo.co... password varchar(100) 123456 status int(11) 0 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 201... 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 produk_detail produk kode_kategori varchar(6) MJ kode_produk varchar(6) MJ-01 nama_produk varchar(35) Meja Per S... harga double 3200000 foto varchar(500) mj01 keterangan text Terbuat Dari Kayu Jati id_produk int(11) 11 ukuran varchar(10) 60x40 C... 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.