202.62.11.199202.62.11.199/ebook/Ebook-Akuntansi/jbptunikompp-gdl... · Web viewMenyimpan data pada...

BAB IV

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis Sistem Yang Sedang Berjalan

Sebelum merancang suatu sistem, ada baiknya terlebih dahulu menganalisis

sistem yang sedang berjalan di Furniture Jepara Putri yang akan dibangun

tersebut.

4.1.1 Analisis Prosedur Yang Sedang Berjalan

Sebelum membuat suatu sistem, hendaknya melakukan analisis terlebih

dahulu terhadap kebutuhan-kebutuhan apa saja yang diperlukan dengan

menggunakan metode-metode yang telah ada. Dalam hal ini penulis menggunakan

metodologi berorientasi objek, yaitu dimulai dari:

4.1.1.1 Use Case Diagram

Use Case Diagram memperlihatkan hubungan diantara aktor dan use case.

Aktor merepresentasikan seorang user atau subsistem lain yang akan berinteraksi

dengan sistem. Sedangkan use case merupakan urutan kejadian yang

menggambarkan interaksi antara user dengan sistem. Fungsionalitas sistem

didefinisikan ke dalam use case dari sudut eksternal sistem yang berguna untuk uji

kelayakan sistem.

54

55

<<extend>>

<<include>>

<<include>>

Update Barang

Cetak Laporan Persedian BarangCetak Laporan Penjualan

<<include>>

Lihat Barang

KonsumenKaryawan

Transaksi Penjualan

<<include>>

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

:

:

Cetak laporan penjualan

Karyawan

57

Tujuan : Membuat dan mencetak laporan penjualan

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

58

1. Melakukan manipulasi dan mengelola persediaan barang.

2. Menyimpan perubahan data barang

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.

Berkunjung, Melihat dan Memilih Barang yang Dipesan

Memajang Barang yang Tersedia

SistemKonsumen

Gambar 4.2. Activity Diagram Melihat Barang pada Furniture Jepara Putri


b. Deskripsi :

59

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

konsumen sedangkan jika barang maka pengunjung melakukan

pemesanan kembali.

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

Gambar 4.3. Activity Diagram Transaksi Penjualan pada Furniture Jepara Putri


c. Deskripsi :

Karyawan malakukan pembuatan laporan dan menyimpan data

pada laporan penjualan.

60

Membuat laporan penjualan barang

Menyimpan data pada laporan penjualan

SistemKaryawan

Gambar 4.4. Activity Diagram Pembuatan Laporan Penjualan pada Furniture

Jepara Putri yang Sedang Berjalan.

d. Deskripsi :

Karyawan memeriksa dan mencetak laporan persedian barang dan

menyimpan data pada laporan persedian barang.

Memeriksa dan mencetak laporan persediaan barang

Menyimpan data pada laporan persediaan barang

SistemKaryawan

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.

61

Mengelola Persedian barang

Menyimpan data Persedian Barang

SistemKaryawan

Gambar 4.6. Activity Diagram Update Barang pada Furniture Jepara Putri


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.

62

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 :

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

63

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.

64

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.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.

65

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

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

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

66

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

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 Sistem

1. Masuk ke halaman login 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

67

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.

5. Nama Use Case

Aktor

Tujuan

:

:

:

Konfirmasi pembayaran

Member

Melakukan konfirmasi pembayaran

Tabel 4.10 Skenario Use case Proses Konfirmasi Pembayaran.

Member Sistem

68

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

Petugas Sistem1. 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 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

6. Nama Use Case

Aktor

Tujuan

:

:

:

Login akun petugas

Petugas

Proses validasi akun petugas

69

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.

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

70

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.

Masuk kehalaman Akun

Mengisi form akun member

Menyimpan data member di database

SistemNon Member

71

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.

Melihat-lihat dan memilih produk di halaman website

Menampilkan data produk

SistemPengunjung

Gambar 4.9. Activity Diagram Melihat Produk pada Furniture Jepara Putri


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.

72

Masuk kehalaman login member

Mengisi email dan password pada form login

Salah

Memverifikasi email dan password member

Masuk kehalaman member

Benar

SistemMember

Gambar 4.10. Activity Diagram Login Member pada Furniture Jepara Putri


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 melakukan pemesanan produk

Menginputkan Tujuan pengeriman

Menyimpan data transaksi pemesanan

Menampilkan tujuan pengiriman

Menyimpan data pesanan

SistemMember

Gambar 4.11. Activity Diagram Transaksi Penjualan pada Furniture Jepara Putri


73

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.

Masuk kehalaman pesanan

Melakukan konfirmasi pembayaran

Menentukan jenis pembayaran tunai atau dengan uang muka

Menyimpan data konfirmasi pada database

SistemMember

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.

74

Masuk ke halaman form petugas

Mengisi username dan password pada form petugas

Salah

Memverifikasi username dan password petugas

Masuk kehalaman petugas

Benar

SistemPetugas

Gambar 4.13. Activity Diagram Login Petugas pada Furniture Jepara Putri


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.

Masuk kehalaman produk

Memanipulasi data-data/informasi produk

Menyimpan perubahan data dan informasi produk ke database

SistemPetugas

Gambar 4.14. Activity Diagram Update pada Furniture Jepara Putri Berbasis

Web yang Diusulkan.

75

h. Deskripsi :

Petugas masuk kehalaman produk dan membuat laporan persedian

produk dan sistem menampilkan data-data produk pada web dan mencetak

laporan persedian produk.

Masuk ke halaman produk dan membuat laporan persediaan produk

Menampilkan data-data produk

Mencetak Laporan Persediaan Produk

SistemPetugas

Gambar 4.15. Activity Diagram Cetak Persedian Barang pada Furniture Jepara


i. Deskripsi :

Petugas masuk kehalaman transaksi penjualan dan sistem

menampilkan data-data transaksi penjualan lalu mencetak laporan

transaksi penjualan.

Masuk ke halaman transaksi penjualan

Mencetak laporan transaksi penjualan

Menampilkan data-data transaksi penjualan

SistemPetugas

Gambar 4.16. Activity Diagram Cetak Transaksi Penjualan pada Furniture Jepara


76

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.

77

: Pengunjung : Pengunjung

Halaman Utama

Halaman Utama

Halaman Pendaftaran Akun


Tabel MemberTabel Member

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.

: Pengunjung : Pengunjung

Halaman Utama

Halaman Utama

Halaman Produk

Halaman Produk

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,

78

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.

: Member : Member

Halaman Utama

Halaman Utama

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

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.

79

: Member : Member



Halaman Produk

Halaman Produk

Halaman Pemesanan Produk


Halaman Tujuan Pemesanan


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

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.

80

: Member : Member



Halaman PesananHalaman Pesanan

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

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.

: Petugas : 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

Gambar 4.22. Sequence Diagram login petugas

81

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.

: Petugas : 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

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.

82

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

Halaman Utama


Tabel Member

: Pengunjung

3: Melakukan pendaftaran4: Data tidak lengkap

6: Simpan

2: Data pengunjung

5: Data lengkap

7: data member

1: Data pengunjung

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.

83

Halaman Utama

Halaman Produk

: Pengunjung

3: Melihat atau memilihProduk

2: Data pengunjung1: Data 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.

: Member

Halaman Utama


Tabel 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

Gambar 4.26. Collaboration Diagram Login Member.

4. Collaboration Diagram Proses Transaksi

84

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.


Halaman 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

Gambar 4.27. Collaboration Diagram Transaksi.

5. Collaboration Diagram Konfirmasi Pembayaran Oleh Member

85

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.

: Member



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

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.

86

: Petugas


Tabel Petugas


3: Memeriksa akun petugas

1: Data petugas2: Data petugas

4: Username dan passwor salah

5: Username dan password benar

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


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

Gambar 4.30. Collaboration Diagram Konfirmasi Pembayaran Oleh

Petugas.

87

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


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

Gambar 4.31. Class Diagram Penjualan pada Furniture Jepara Putri yang

Diusulkan.

88

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.

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

Gambar 4.32. Object Diagram Penjualan pada Furniture Jepara Putri yang

Diusulkan.

89

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

acc.php

Member Login

prd.php krm.php psn.php tju.php trs.php knf.php

prd.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.

90

Client Browser

Web Server

Database Browser

Permintaa Koneksi Database

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 :

Internet

91

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.

92

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

93

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.

94

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.

95

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.

96

Gambar 4.41. Tampilan Halaman Konfirmasi Pembayaran Uang Muka.

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.

97

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.

98

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.

99

Gambar 4.47. Tampilan Halaman Produk.

c. Halaman Detail Produk

Dihalaman Produk ini ditampilkan Detail Produk di Website


Gambar 4.48. Tampilan Halaman Detail Produk.

2. Rancangan Output Member

a. Halaman Produk

100

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

101

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

102

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.

103

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.

104

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


Status setelah di ACC petugas setalah melakukan pembayaran

105


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.

106

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.

107

Gambar 4.65. Tampilan Acc Konfirmasi Pembayaran.

i. Surat Jalan

Pada Surat Jalan, Petugas melakukan pencetakan laporan

bertujuan untuk petugas pengirim untuk melakukan pengiriman

produk.

108

Gambar 4.66. Surat Jalan Pengiriman.

202.62.11.199202.62.11.199/ebook/Ebook-Akuntansi/jbptunikompp-gdl... · Web viewMenyimpan data pada...

Documents

Transcript of 202.62.11.199202.62.11.199/ebook/Ebook-Akuntansi/jbptunikompp-gdl... · Web viewMenyimpan data pada...