Upload
muhammadnursyamsu
View
49
Download
6
Embed Size (px)
DESCRIPTION
ghddjdfdgjgjf
Citation preview
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.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.
55
�
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
<<extend>>
<<include>>
<<include>>
Update Barang
Cetak Laporan Persedian Barang
Cetak Laporan Penjualan
<<include>>
Lihat Barang
KonsumenKaryawan
Transaksi Penjualan
<<include>>
56
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
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 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.
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.
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
SistemKonsumen
59
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
SistemKonsumen
Membuat laporan penjualan barang
Menyimpan data pada laporan penjualan
SistemKaryawan
60
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
Menyimpan data pada laporan persediaan barang
SistemKaryawan
Mengelola Persedian barang
Menyimpan data Persedian Barang
SistemKaryawan
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.
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
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>>
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
Aktor
Tujuan
:
:
:
Melihat produk
Pengunjung (Member, Non Member)
Melihat produk di Website
Tabel 4.7 Skenario 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.8 Skenario 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
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 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.
67
5. Nama Use Case
Aktor
Tujuan
:
:
:
Konfirmasi pembayaran
Member
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.
Tabel.4.11 Skenario 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
68
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.
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 Sistem
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
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
SistemNon Member
Melihat-lihat dan memilih produk di halaman website
Menampilkan data produk
SistemPengunjung
71
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
SistemMember
Member melakukan pemesanan produk
Menginputkan Tujuan pengeriman
Menyimpan data transaksi pemesanan
Menampilkan tujuan pengiriman
Menyimpan data pesanan
SistemMember
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.
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
Menyimpan data konfirmasi pada database
SistemMember
73
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
SistemPetugas
Masuk kehalaman produk
Memanipulasi data-data/informasi produk
Menyimpan perubahan data dan informasi produk ke database
SistemPetugas
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.
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
SistemPetugas
Masuk ke halaman transaksi penjualan
Mencetak laporan transaksi penjualan
Menampilkan data-data transaksi penjualan
SistemPetugas
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
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 Diagram Untuk 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
Halaman Pendaftaran Akun
Halaman Pendaftaran Akun
Tabel MemberTabel Member
Data pengunjung
Data pengunjung
Melakukan pendaftaran
Data tidak lengkap
Data lengkap
Simpan
data member
: Pengunjung : Pengunjung
Halaman Utama
Halaman Utama
Halaman Produk
Halaman Produk
Data pengunjung
Data pengunjung
Melihat atau memilihProduk
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.
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 Akun Member
Halaman Login Akun Member
Tabel MemberTabel Member Halaman Utama Member
Halaman Utama Member
Data member
Data member
Data member
Mangisi email dan Password
Memverifikasi akun member
Data tidak lengkap
Data lengkap
78
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.
: Member : Member
Halaman Utama Member
Halaman Utama Member
Halaman Produk
Halaman Produk
Halaman Pemesanan Produk
Halaman Pemesanan Produk
Halaman Tujuan Pemesanan
Halaman Tujuan Pemesanan
Tabel Pemesanan Produk
Tabel Pemesanan Produk
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
79
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.
Gambar 4.22. Sequence Diagram login petugas
: Member : Member
Halaman Utama Member
Halaman Utama Member
Halaman PesananHalaman Pesanan
Halaman Konfirmasi Pembayaran
Halaman Konfirmasi Pembayaran
Tabel Konfirmasi
Tabel Konfirmasi
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 Petugas
Halaman Utama Petugas
Data petugas
Data petugas
Memeriksa akun petugas
Username dan passwor salah
Username dan password benar
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.
Gambar 4.23. Squence Diagram Konfirmasi Pembayaran Oleh Petugas.
4.2.3.5 Collaboration 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
Halaman KonfirmasiHalaman Konfirmasi
Tabel Konfirmasi
Tabel Konfirmasi
Data petugas
Daftar pesanan member
Pilih konfirmasi pembayaran yang belum di ACC
Melakukan ACC
Simpan ACC pembayaran
Tampil informasi pesanan member
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
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
Halaman Pendaftaran Akun
Tabel Member
: Pengunjung
3: Melakukan pendaftaran4: Data tidak lengkap
6: Simpan
2: Data pengunjung
5: Data lengkap
7: data member
1: Data pengunjung
82
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 pengunjung1: 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
7: Data lengkap
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.
Gambar 4.27. Collaboration Diagram Transaksi.
Halaman Utama Member
Halaman Produk
Halaman Pemesanan Produk
Halaman Tujuan Pemesanan
Tabel Pemesanan Produk
: Member
4: Melakukan pemesanan produk5: Pemesanan tidak lengkap
7: Mengisi tujuan pengiriman8: 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
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.
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
Tabel Konfirmasi
4: Melakukan pembayaran
6: Konfirmasi tidak lengkap5: 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
85
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.
Gambar 4.30. Collaboration Diagram Konfirmasi Pembayaran Oleh
Petugas.
: Petugas
Halaman Akun Petugas
Tabel Petugas
Halaman Utama Petugas
3: Memeriksa akun petugas
1: Data petugas2: Data petugas
4: Username dan passwor salah
5: Username dan password benar
: Petugas
Halaman Utama Petugas
Halaman Transaksi
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
6: Tampil informasi pesanan member
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.
Gambar 4.31. Class Diagram Penjualan pada Furniture Jepara Putri yang
Diusulkan.
n
1
10...*
1
1
1
1
Konfirmasino_pesananno_transfernama_lengkapnama_pengirimtanggal_bayar_awaltanggal_bayar_tunaitanggal_konfirmasi_anggotatanggal_konfirmasi_admintotaluang_mukasisastatus_konfirmasistatus_pembayarantanggal_tenggang
tambah()simpan()edit()hapus()tampil()cetak()
membernama_lengkapprovinsikotaalamatposteleponusernamepasswordstatus
simpan()tambah()tampil()
Pesananid_pesananno_pesananpenerimaprovinsialamatkotaposteleponusernametotalstatustanggal_pesantanggal_tenggang
simpan()tambah()tampil()cetak()
Transaksiid_transaksitanggal_pesananno_pesananusernamekode_produkjumlahtotalstatusukuranwarna
tambah()simpan()edit()hapus()tampil()cetak()
Katagorinama_katagori
Produkkode_katagorikode_produknama_produkhargafotoketerangan
simpan()tambah()edit()hapus()tampil()hapus()cetak()
Produk_Detailid_produkukuranwarnastock
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.
Gambar 4.32. Object Diagram Penjualan pada Furniture Jepara Putri yang
Diusulkan.
konfirmasino_pesanan : varchar(15) FJ-001no_transfer : varchar(15) 123456nama_lengkap : varchar(35) Juki Pramuditanama_pengirim : varchar(35) Juki Pramuditatanggal_bayar_awal : varchar(30) 20 Juli 2011tanggal_bayar_tunai : varchar(30) 22 Juli 2011tanggal_konfirmasi_member : varchar(30) 20 Juli 2011...tanggal_konfirmasi_admin : varchar(30) 20 Juli 2011total : double 3200000uang_muka : double 1600000sisa : double 0status_konfirmasi : int(11) 2status_pembayaran : int(11) 1tanggal_tenggang : date 2011-08-19
membernama_lengkap : varchar(35) Juki Pramuditaprovinsi : varchar(25) DKIkota : varchar(25) Jakartaalamat : text Jln. Perjungan No.2 Rt 002/007pos : varchar(5) 17123telepon : varchar(12) 08988961113username : varchar(35) [email protected] : varchar(100) 123456status : int(11) 0
pesananid_pesanan : int(11) 1no_pesanan : varchar(15) FJ-001penerima : varchar(35) Hamdaniprovinsi : varchar(25) Jawa Baratkota : varchar(25) Bogoralamat : text Jln. Cibinongpos : varchar(25) 123456telepon : varchar(12) 08661112849username : varchar(35) [email protected] : double 3200000status : int(11) 1tanggal_pesan : date 2011-07-20tanggal_tenggang : date 2011-07-23
transaksiid_transaksi : int(11) 1tanggal_pesan : date 2011-07-20no_pesanan : varchar(15) FJ-001username : varchar(35) [email protected]_produk : varchar(6) MJ-01jumlah : int(11) 1total : double 3200000status : int(11) 1ukuran : varchar(8) 60x40 Cmwarna : varchar(25) Coklat
produk_detailid_produk : int(11) 11ukuran : varchar(10) 60x40 Cm...warna : varchar(25) Coklatstock : int(11) 6
produkkode_kategori : varchar(6) MJkode_produk : varchar(6) MJ-01nama_produk : varchar(35) Meja Per Set...harga : double 3200000foto : varchar(500) mj01keterangan : text Terbuat Dari Kayu Jati
katagorinama_kategori : varchar(35) Meja
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
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.
index.php
Login Petugas
acc.php
Member Login
prd.php krm.php psn.php tju.php trs.php knf.php
prd.php
89
�
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 DatabaseInternet
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.