Analisa Dan Perancangan Sistem Baru
3.3.2.5 Diagram Kelas
Sebelum menggambarkan diagram kelas, maka sebaiknya perlu adanya analisis kelas lebih dahulu supaya mudah dalam menggambarkan diagram kelas.
a. Analisis Kelas
Kelas merupakan kumpulan obyek yang memiliki atribut dan operasi yang sama atau mengabstraksikan elemen-elemen yang sedang dibangun. Sebelum membuat kelas maka perlu dilakukan analisis kelas yang dibutuhkan. Adapun analisis kelas yang dibutuhkan adalah sebagai berikut:
1. Kelas Penjual
2. Kelas Pembeli
3. Kelas Merchandise
4. Kelas Desain
5. Kelas Pembelian
6. Kelas Pemesanan
7. Kelas Konfirmasi Pembayaran
8. Kelas Jadwal Kirim
9. Kelas Keranjang Adapun analisis dari masing-masing kelas diatas adalah sebagai berikut:
1. Kelas Penjual Kelas penjual ini dapat dilihat pada gambar 3.4 dibawah ini.
Gambar 3.4: Kelas Penjual
Kelas penjual memiliki atribut id_penjual, nama, alamat, jekel, telp, username dan password.
2. Kelas Pembeli Kelas pembeli ini dapat dilihat pada gambar 3.5 dibawah ini.
Gambar 3.5: Kelas Pembeli
Kelas pembeli memiliki atribut id_pembeli, nama_pembeli, alamat_pembeli, jekel_pembeli, telp_pembeli, username_pembeli dan password_pembeli. Selain itu juga memiliki operasi yaitu login, pembelian, pemesanan dan pendaftaran.
3. Kelas Merchandise Kelas merchandise ini dapat dilihat pada gambar 3.6 dibawah ini.
Gambar 3.6: Kelas Merchandise
Kelas merchandise memiliki atribut id_merchandise, id_penjual, nama_merchandise, harga, stok, satuan, gambar, keterangan. Selain itu juga memiliki operasi yaitu tambah merchandise, ubah merchandise, dan hapus merchandise.
4. Kelas Desain Kelas desain ini dapat dilihat pada gambar 3.7 dibawah ini.
Gambar 3.7: Kelas Desain
Kelas desain memiliki atribut id_desain, id_penjual, nama_desain, harga_desain, desain.stok. Selain itu juga memiliki operasi yaitu tambah desain , ubah desain , dan hapus desain .
5. Kelas Pembelian Kelas pembelian ini dapat dilihat pada gambar 3.8 dibawah ini.
Gambar 3.8: Kelas Pembelian
Kelas pembelian memiliki atribut id_beli, id_pembeli, id keranjang, id_merchandise, tgl_beli, harga beli, jml_beli, dan total_harga dan status beli. Selain itu juga memiliki operasi yaitu cetak pembelian.
6. Kelas Pemesanan Kelas pemesanan ini dapat dilihat pada gambar 3.9 dibawah ini.
Gambar 3.9: Kelas Pemesanan
Kelas pemesanan memiliki atribut id_pesan, id keranjang, id_pembeli, id_desain, harga desain, tgl_pesan, jml_pesan, dan total_bayar, status pesan, status barang. Selain itu juga memiliki operasi yaitu cetak pemesanan.
7. Kelas Konfirmasi Pembayaran Kelas konfirmasi pembayaran ini dapat dilihat pada gambar 3.10 dibawah ini.
Gambar 3.10: Kelas Konfirmasi Pembayaran Kelas konfirmasi pembayaran memiliki atribut id_konfirmasi, kode_konfirmasi, id_pesan, id_beli, tgl_transfer, norek, nominal, bank, foto_transfer. Selain itu juga memiliki operasi yaitu cetak konfirmasi.
8. Kelas Jadwal Kirim Kelas jadwal kirim ini dapat dilihat pada gambar 3.11 dibawah ini.
Gambar 3.11: Kelas Jadwal Kirim
Kelas jadwal kirim memiliki atribut id_jadwal, kode_konfirmasi, tgl_kirim, jam_kirim, status_kirim. Selain itu juga memiliki operasi yaitu tambah jadwal, ubah jadwal, hapus jadwal.
9. Kelas Keranjang Kelas keranjang ini dapat dilihat pada gambar 3.12 dibawah ini.
Gambar 3.12: Kelas Keranjang
Kelas keranjang memiliki atribut id keranjang, ip, id merchandise, id desain, jml beli dan total harga. Selain itu juga memiliki operasi yaitu tambah keranjang dan hapus keranjang.
b. Diagram Kelas
Pada gambar 3.13 dibawah ini merupakan diagram kelas dari Sistem Informasi Penjualan Original Merchandise Supporter Banaspati Berbasis Web.
Gambar 3.13: Diagram Kelas
3.3.2.6 Diagram Sekuensial
Untuk menunjukkan alur ( flows ) fungsionalitas yang dimulai sebuah use case yang disusun dalam urutan waktu maka dibuatlah diagram sekuensial. Berikut adalah diagram sekuensial yang berasal dari flow of events (skenario- skenario) use case di atas antara lain:
a. Diagram Sekuensial Kelola Merchandise
Pada diagram sekuensial kelola merchandise, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data merchandise, mengubah data merchandise dan menghapus data merchandise.
merchandise Penjual
membuka menu kelola merchandise menampilkan daftar data merchandise
menambah data merchandise menampilkan form tambah data merchandise
mengisi data pada form tambah merchandise
merchandise berhasil ditambahkan mencari data merchandise yg ingin diubah
cari
menampilkan data merchandise yang dicari mengubah data merchandise data merchandise berhasil diubah
mencari data merchandise yg ingin dihapus cari
menampilkan data merchandise yg dicari
menghapus data merchandise
data merchandise berhasil dihapus
Gambar 3.14 :Diagram Sekuensial Kelola Merchandise Gambar 3.14 :Diagram Sekuensial Kelola Merchandise
Pada diagram sekuensial kelola desain merchandise, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data desain merchandise, mengubah data desain merchandise dan menghapus data desain merchandise.
desain Penjual merchandise
membuka menu kelola desain merchandise menampilkan daftar data desain merchandise
menambah data desain merchandise menampilkan form tambah data desain merchandise
mengisi data pada form tambah desain merchandise
desain merchandise berhasil ditambahkan mencari data desain merchandise yg ingin diubah
cari
menampilkan data desain merchandise yang dicari mengubah data desain merchandise data desain merchandise berhasil diubah
mencari data desain merchandise yg ingin dihapus cari
menampilkan data desain merchandise yg dicari
menghapus data desain merchandise
data desain merchandise berhasil dihapus
Gambar 3.15 :Diagram Sekuensial Kelola Desain Merchandise Gambar 3.15 :Diagram Sekuensial Kelola Desain Merchandise
Pada diagram sekuensial melihat katalog, hal yang dilakukan oleh pembeli yaitu membuka alamat website, kemudian membuka menu katalog merchandise
Pembeli merchandise
membuka alamat website
halaman utama website ditampilkan
membuka menu katalog merchandise
menampilkan daftar merchandise
Gambar 3.16 :Diagram Sekuensial Melihat Katalog
d. Diagram Sekuensial Pembelian
Pada diagram sekuensial pembelian, hal yang dilakukan oleh pembeli yaitu membuka menu daftar merchandise, memilih merchandise dan melakukan pembelian merchandise.
pembeli
pembelian membuka menu daftar merchandise
merchandise
daftar merchandise ditampilkan memilih merchandise yang akan dibeli detail merchandise ditampilkan
melakukan pembelian merchandise pembelian merchandise berhasil dilakukan
Gambar 3.17 :Diagram Sekuensial Pembelian Gambar 3.17 :Diagram Sekuensial Pembelian
Pada diagram sekuensial pemesanan, hal yang dilakukan oleh pembeli yaitu membuka menu daftar desain merchandise, memilih desain merchandise dan melakukan pemesanan desain merchandise.
pembeli
pemesanan membuka menu daftar desain merchandise
desain
daftar desain merchandise ditampilkan memilih desain merchandise yang akan dibeli detail desain merchandise ditampilkan
melakukan pemesanan desain merchandise pemesanan desain merchandise berhasil dilakukan
Gambar 3.18 :Diagram Sekuensial Pemesanan
f. Diagram Sekuensial Login
Pada diagram sekuensial login, hal yang dilakukan oleh pembeli yaitu membuka halaman login dan melakukan pengisian form login.
Pembeli pembeli
membuka halaman login menampilkan form login
mengisi form login menampilkan halaman utama pembeli
Gambar 3.19 :Diagram Sekuensial Login Gambar 3.19 :Diagram Sekuensial Login
Pada diagram sekuensial konfirmasi pembayaran, hal yang dilakukan oleh pembeli yaitu membuka menu konfirmasi pembayaran dan melakukan pengisian konfirmasi pembayaran.
Pembeli Konfirmasi pembayaran membuka menu konfirmasi pembayaran
menampilkan form konfirmasi pembayaran melakukan pengisian konfirmasi pembayaran
simpan
konfirmasi berhasil dilakukan
Gambar 3.20 :Diagram Sekuensial Konfirmasi Pembayaran
h. Diagram Sekuensial Laporan Konfirmasi Pembayaran
Pada diagram sekuensial laporan konfirmasi pembayaran, hal yang dilakukan oleh penjual yaitu membuka menu laporan konfirmasi pembayaran, mengisi tanggal periode laporan konfirmasi pembayaran, dan mencetak laporan konfirmasi pembayaran.
penjual konfirmasi pembayaran
membuka menu laporan konfirmasi menampilkan periode laporan konfirmasi
mengisi tanggal periode laporan konfirmasi cari
menampilkan data laporan konfirmasi sesuai tgl periode mencetak laporan konfirmasi pembayaran
cetak laporan konfirmasi pembayaran berhasil dicetak
Gambar 3.21 :Diagram Sekuensial Laporan Konfirmasi Pembayaran Gambar 3.21 :Diagram Sekuensial Laporan Konfirmasi Pembayaran
Pada diagram sekuensial laporan pembelian, hal yang dilakukan oleh penjual yaitu membuka menu laporan pembelian, mengisi tanggal periode laporan pembelian, dan mencetak laporan pembelian.
penjual pembelian
membuka menu laporan pembelian menampilkan periode laporan pembelian mengisi tanggal periode laporan pembelian
cari menampilkan data laporan pembelian sesuai tgl periode
mencetak laporan pembelian
cetak
laporan pembelian berhasil dicetak
Gambar 3.22 :Diagram Sekuensial Laporan Pembelian
j. Diagram Sekuensial Laporan Pemesanan
Pada diagram sekuensial laporan pemesanan, hal yang dilakukan oleh penjual yaitu membuka menu laporan pemesanan, mengisi tanggal periode laporan pemesanan, dan mencetak laporan pemesanan.
penjual pemesanan
membuka menu laporan pemesanan menampilkan periode laporan pemesanan mengisi tanggal periode laporan pemesanan
cari menampilkan data laporan pemesanan sesuai tgl periode
mencetak laporan pemesanan
cetak
laporan pemesanan berhasil dicetak
Gambar 3.23 :Diagram Sekuensial Laporan Pemesanan Gambar 3.23 :Diagram Sekuensial Laporan Pemesanan
Pada diagram sekuensial ubah status barang, hal yang dilakukan oleh penjual yaitu membuka halaman ubah status barang, dan mengubah status barang dari proses menjadi sudah jadi.
Penjual Desain membuka halaman ubah status barang
menampilkan daftar pemesanan barang mengubah status barang dari proses menjadi sudah jadi
ubah
status barang berhasil diubah
Gambar 3.24 :Diagram Sekuensial Ubah Status Barang
l. Diagram Sekuensial Lihat Status Barang
Pada diagram sekuensial lihat status barang, hal yang dilakukan oleh pembeli yaitu membuka halaman pemesanan desain merchandise dan membuka halaman status barang.
pemesanan Pembeli
melakukan login
menampilkan halaman utama
membuka halaman status barang pesanan
menampilkan status barang pesanan
Gambar 3.25 :Diagram Sekuensial Lihat Status Barang Gambar 3.25 :Diagram Sekuensial Lihat Status Barang
Pada diagram sekuensial kelola jadwal kirim, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data jadwal kirim, mengubah data jadwal kirim dan menghapus data jadwal kirim.
penjual jadwal kirim
membuka menu kelola jadwal kirim menampilkan daftar data jadwal kirim menambah data jadwal kirim menampilkan form tambah data jadwal kirim
memasukkan data jadwal kirim jadwal kirim berhasil ditambahkan
mencari data jadwal kirim yg ingin diubah
cari
menampilkan data jadwal kirim yang dicari
mengubah data jadwal kirim
data jadwal kirim berhasil diubah
mencari data jadwal kirim yg ingin dihapus cari
menampilkan data jadwal kirim yg dicari
menghapus data jadwal kirim
data jadwal kirim berhasil dihapus
Gambar 3.26 :Diagram Sekuensial Kelola Jadwal Kirim
n. Diagram Sekuensial Lihat Status Jadwal Kirim
Pada diagram sekuensial lihat jadwal kirim, hal yang dilakukan oleh pembeli yaitu membuka halaman jadwal kirim dan melihat status jadwal kirim.
Pembeli jadwal kirim
melakukan login
menampilkan halaman utama
membuka halaman lihat jadwal kirim
menampilkan jadwal pengiriman barang
Gambar 3.27 :Diagram Sekuensial Lihat Status Jadwal Kirim
3.3.2.7 Diagram Aktivitas
Untuk memodelkan alur pada skenario dalam use case sistem diatas, kita dapat menggunakan diagram aktivitas. Berikut ini adalah beberapa diagram aktivitas untuk menyajikan alur skenario pada masing-masing use case, antara lain yaitu:
a. Diagram Aktivitas Kelola Merchandise
Pada diagram aktivitas kelola merchandise, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data merchandise, mengubah data merchandise dan menghapus data merchandise.
penj ual
Sistem
Mulai
membuka menu kelola menampilkan data merchandise merchandise
memilih aksi
tambah data? hapus data?
menambah data
menyimpan data
merchandise ubah data?
merchandise
mengubah data
menyimpan perubahan
merchandise
data merchandise
menghapus data data merchandise merchandise
dihapus
Selesai
Gambar 3.28 :Diagram Aktivitas Kelola Merchandise Gambar 3.28 :Diagram Aktivitas Kelola Merchandise
Pada diagram aktivitas kelola desain merchandise, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data desain merchandise, mengubah data desain merchandise dan menghapus data desain merchandise.
penj ual
Sistem
Mulai
membuka menu kelola desain merchandise
menampilkan data desain merchandise
memilih aksi
tambah data? hapus data?
menambah data desain
merchandise
menyimpan data desain merchandise
ubah data?
mengubah data desain
merchandise
menyimpan perubahan data desain merchandise
menghapus data data desain desain merchandise
merchandise dihapus
Selesai
Gambar 3.29 :Diagram Aktivitas Kelola Desain Merchandise
c. Diagram Aktivitas Melihat Katalog
Pada diagram aktivitas melihat katalog, hal yang dilakukan oleh pembeli yaitu membuka alamat website, kemudian membuka menu katalog merchandise, membuka halaman detail merchandise.
membuka alamat menampilkan website
website membuka menu katalog
merchandise menampilkan daftar
merchandise membuka halaman
detail merchandise
menampilkan data merchandise
Selesai
Gambar 3.30 :Diagram Aktivitas Melihat Katalog Gambar 3.30 :Diagram Aktivitas Melihat Katalog
Pada diagram aktivitas pembelian, hal yang dilakukan oleh pembeli yaitu membuka menu daftar merchandise, memilih merchandise dan melakukan pembelian merchandise.
Membuka menu Menampilkan daftar daftar merchandise
merchandise memilih merchandise
yang akan dibeli menampilkan detail
merchandise melakukan
pembelian menyimpan data
pembelian
Selesai
Gambar 3.31 :Diagram Aktivitas Pembelian
e. Diagram Aktivitas Pemesanan
Pada diagram aktivitas pemesanan, hal yang dilakukan oleh pembeli yaitu membuka alamat website, membuka menu pemesanan merchandise, dan melakukan pemesanan merchandise.
Membuka menu Menampilkan daftar
desain
desain
memilih desain yang
akan dipesan
menampilkan detail
desain
melakukan pemesanan
menyimpan data pemesanan
Selesai
Gambar 3.32 :Diagram Aktivitas Pemesanan Gambar 3.32 :Diagram Aktivitas Pemesanan
Pada diagram aktivitas login, hal yang dilakukan oleh pembeli yaitu membuka halaman login dan melakukan pengisian form login.
membuka menu halaman Menampilkan form
login
login
melakukan pengisian data login
menampilkan halaman utama pembeli
Selesai
Gambar 3.33 :Diagram Aktivitas Login
g. Diagram Aktivitas Konfirmasi Pembayaran
Pada diagram aktivitas konfirmasi pembayaran, hal yang dilakukan oleh pembeli yaitu membuka menu konfirmasi pembayaran, dan melakukan pengisian konfirmasi pembayaran.
membuka menu halaman Menampilkan form konfirmasi pembayaran
konfirmasi pembayaran
melakukan pengisian data konfirmasi pembayaran
konfirmasi pembayaran berhasil dilakukan
Selesai
Gambar 3.34 :Diagram Aktivitas Konfirmasi Pembayaran Gambar 3.34 :Diagram Aktivitas Konfirmasi Pembayaran
Pada diagram aktivitas laporan konfirmasi pembayaran, hal yang dilakukan oleh penjual yaitu membuka menu laporan konfirmasi pembayaran, mengisi tanggal periode laporan konfirmasi pembayaran, dan mencetak laporan konfirmasi pembayaran.
penj ual
Sistem
Mulai
membuka menu
menampilkan data laporan
laporan konfirmasi
konfirmasi
mengisi tanggal periode laporan
Menampilkan laporan konfirmasi pembayaran sesuai periode yg diinginkan
mencetak laporan konfirmasi pembayaran sesuai periode
berhasil mencetak laporan konfirmasi pembayaran
Selesai
Gambar 3.35 :Diagram Aktivitas Laporan Konfirmasi Pembayaran
i. Diagram Aktivitas Laporan Pembelian
Pada diagram aktivitas laporan pembelian, hal yang dilakukan oleh penjual yaitu membuka menu laporan pembelian, mengisi tanggal periode laporan pembelian, dan mencetak laporan pembelian.
penj ual
Sistem
Mulai
membuka menu
menampilkan data laporan
laporan pembelian
pembelian
mengisi tanggal periode laporan
Menampilkan laporan pembeliansesuai periode yg diinginkan
mencetak laporan pembelian sesuai periode
berhasil mencetak laporan pembelian
Selesai
Gambar 3.36 :Diagram Aktivitas Laporan Pembelian Gambar 3.36 :Diagram Aktivitas Laporan Pembelian
Pada diagram aktivitas laporan pemesanan, hal yang dilakukan oleh penjual yaitu membuka menu laporan pemesanan, mengisi tanggal periode laporan pemesanan, dan mencetak laporan pemesanan.
penj ual
Sistem
Mulai
membuka menu
menampilkan data laporan
laporan pemesanan
pemesanan
mengisi tanggal periode laporan
Menampilkan laporan pemesanan sesuai periode yg diinginkan
mencetak laporan pemesanan sesuai periode
berhasil mencetak laporan pemesanan
Selesai
Gambar 3.37 :Diagram Aktivitas Laporan Pemesanan
k. Diagram Aktivitas Ubah Status Barang
Pada diagram aktivitas ubah status barang, hal yang dilakukan oleh penjual yaitu membuka halaman ubah status barang, dan mengubah status barang dari proses menjadi sudah jadi.
penj ual
Sistem
Mulai
membuka halaman
menampilkan form
ubah status barang
ubah status barang
mengganti status barang 'proses' menjadi 'sudah jadi'
status barang berhasil diubah
Selesai
Gambar 3.38 :Diagram Aktivitas Ubah Status Barang Gambar 3.38 :Diagram Aktivitas Ubah Status Barang
Pada diagram aktivitas kelola jadwal kirim, hal yang dilakukan oleh penjual yaitu memasukkan dan menyimpan data jadwal kirim, mengubah data jadwal kirim dan menghapus data jadwal kirim.
penj ual
Sistem
Mulai
membuka menu kelola jadwal kirim
menampilkan daftar jadwal kirim
memilih aksi
tambah data? hapus data?
menambah data jadwal
kirim
menyimpan data jadwal kirim
ubah data?
mengubah data jadwal
kirim
menyimpan perubahan data jadwal kirim
menghapus data data jadwal kirim jadwal kirim
dihapus
Selesai
Gambar 3.39 :Diagram Aktivitas Kelola Jadwal Kirim
m. Diagram Aktivitas Lihat Status Barang
Pada diagram aktivitas lihat status barang, hal yang dilakukan oleh pembeli yaitu membuka halaman pemesanan desain merchandise, dan membuka halaman status barang.
melakukan login menampilkan halaman utama
membuka halaman lihat status
menampilkan status
barang
Selesai
Gambar 3.40 :Diagram Aktivitas Lihat Status Barang Gambar 3.40 :Diagram Aktivitas Lihat Status Barang
Pada diagram aktivitas lihat status jadwal kirim, hal yang dilakukan oleh pembeli yaitu membuka halaman jadwal kirim, dan membuka halaman status jadwal kirim.
melakukan login
menampilkan halaman utama
membuka halaman lihat jadwal kirim
menampilkan halaman jadwal kirim
Selesai
Gambar 3.41 :Diagram Aktivitas Lihat Status Jadwal Kirim
3.3.2.8 Diagram Statechart
1. Statechart Diagram Kelas Merchandise
a. Statechart Diagram Tambah Merchandise Dimulai dari mengklik tombol tambah merchandise, kemudian tampil form tambah data merchandise, kemudian penjual menambah data merchandise baru, sistem akan memvalidasi, jika gagal penjual akan menginputkan kembali data merchandise setelah berhasil maka data merchandise akan disimpan.
data merchandise data merchandise mulai
tombol tambah
form tambah data merchandise ditampilkan
data merchandise
merchandise diklik
Gambar 3.42 : Statechart Diagram Tambah Merchandise Gambar 3.42 : Statechart Diagram Tambah Merchandise
data merchandise merchandise diklik
tombol ubah data
form ubah data
data merchandise
merchandise ditampilkan
data merchandise
disimpan selesai
Gambar 3.43: Statechart Diagram Ubah Merchandise
c. Statechart Diagram Hapus Merchandise Dimulai dari mengklik tombol hapus merchandise, kemudian sistem akan
memvalidasi, jika gagal penjual akan mengecek kembali data merchandise setelah berhasil maka data merchandise akan terhapus.
tombol hapus
mulai merchandise diklik
pilih data
data merchandise
data merchandise
Gambar 3.44: Statechart Diagram Hapus Merchandise
2. Statechart Diagram Kelas Desain
a. Statechart Diagram Tambah Desain Dimulai dari mengklik tombol tambah desain, kemudian tampil form tambah data desain, kemudian penjual menambah data desain baru, sistem akan memvalidasi, jika gagal penjual akan menginputkan kembali data desain setelah berhasil maka data desain akan disimpan.
data desain disimpan mulai
tombol tambah desain
form tambah data desain
diklik
ditampilkan
data desain
data desain divalidasi
diinputkan
selesai
Gambar 3.45 : Statechart Diagram Tambah Desain Gambar 3.45 : Statechart Diagram Tambah Desain
data desain mulai
tombol ubah data
form ubah data desain
data desain diubah
desain diklik
ditampilkan
data desain divalidasi
disimpan selesai
Gambar 3.46: Statechart Diagram Ubah Desain
c. Statechart Diagram Hapus Desain Dimulai dari mengklik tombol hapus desain, kemudian sistem akan
memvalidasi, jika gagal penjual akan mengecek kembali data desain setelah berhasil maka data desainakan terhapus.
data desain terhapus mulai
tombol hapus desain
diklik selesai
pilih data desain
data desain divalidasi
Gambar 3.47: Statechart Diagram Hapus Desain
3. Statechart Diagram Kelas Pembelian
a. Statechart Diagram Cetak Laporan Pembelian Dimulai dari tampil form laporan pembelian. Mengisi tanggal periode
laporan yang diinginkan, data laporan yang diinginkan ditampilkan dan mencetak laporan pembelian.
data laporan pembelian data laporan pembelian mulai
form tanggal periode laporan
tanggal periode laporan
pembelian ditampilkan
tanggal laporan
pembelian dimasukkan
pembelian divalidasi
Gambar 3.48 : Statechart Diagram Cetak Laporan Pembelian
4. Statechart Diagram Kelas Pemesanan
a. Statechart Diagram Cetak Laporan Pemesanan Dimulai dari tampil form laporan pemesanan. Mengisi tanggal periode
laporan yang diinginkan, data laporan yang diinginkan ditampilkan dan mencetak laporan pemesanan.
data laporan pemesanan data laporan pemesanan mulai
form tanggal periode laporan
tanggal periode laporan
tanggal laporan
pemesanan ditampilkan
pemesanan dimasukkan
pemesanan divalidasi
Gambar 3.49 : Statechart Diagram Cetak Laporan Pemesanan
5. Statechart Diagram Kelas Konfirmasi Pembayaran
a. Statechart Diagram Cetak Laporan Konfirmasi Pembayaran Dimulai dari tampil form laporan konfirmasi. Mengisi tanggal periode
laporan yang diinginkan, data laporan yang diinginkan ditampilkan dan mencetak laporan konfirmasi.
data laporan konfirmasi data laporan konfirmasi mulai
form tanggal periode laporan
tanggal periode laporan
konfirmasi ditampilkan
tanggal laporan
konfirmasi dimasukkan
konfirmasi divalidasi
Gambar 3.50 : Statechart Diagram Cetak Laporan Konfirmasi Pembayaran
6. Statechart Diagram Kelas Jadwal Kirim
a. Statechart Diagram Tambah Jadwal Kirim Dimulai dari mengklik tombol tambah jadwal kirim, kemudian tampil form tambah data jadwal kirim, kemudian penjual menambah data jadwal kirim baru, sistem akan memvalidasi, jika gagal penjual akan menginputkan kembali data jadwal kirim setelah berhasil maka data jadwal kirim akan disimpan.
data jadwal kirim mulai
tombol tambah
form tambah data jadwal
jadwal kirim diklik
kirim ditampilkan
data jadwal kirim
data jadwal kirim
Gambar 3.51 : Statechart Diagram Tambah Jadwal Kirim
b. Statechart Diagram Ubah Jadwal Kirim Dimulai dari mengklik tombol ubah jadwal kirim, kemudian tampil form ubah data jadwal kirim, kemudian penjual mengubah data jadwal kirim, sistem akan memvalidasi, jika gagal penjual akan mengecek kembali data jadwal kirim setelah berhasil maka data jadwal kirim akan disimpan.
data jadwal kirim mulai
tombol ubah data
form ubah data jadwal
jadwal kirim diklik
kirim ditampilkan
data jadwal kirim
data jadwal kirim
diubah
divalidasi
disimpan selesai
Gambar 3.52: Statechart Diagram Ubah Jadwal Kirim
c. Statechart Diagram Hapus Jadwal Kirim Dimulai dari mengklik tombol hapus jadwal kirim, kemudian sistem akan
memvalidasi, jika gagal penjual akan mengecek kembali data jadwal kirim setelah berhasil maka data jadwal kirim akan terhapus.
data jadwal kirim mulai
tombol hapus jadwal
pilih data jadwal
kirim diklik
data jadwal kirim
kirim
divalidasi
terhapus selesai
Gambar 3.53: Statechart Diagram Hapus Jadwal Kirim
7. Statechart Diagram Kelas Pembeli
a. Statechart Diagram Login Dimulai dari tampil form login. Mengisi username dan password, login
berhasil. Jika login gagal, mulai dari awal lagi memasukan username dan password dengan benar.
mulai
form login ditampilkan
username dan password dimasukkan
login
login gagal
berhasil
selesai
Gambar 3.54 : Statechart Diagram Login
b. Statechart Diagram Pendaftaran Dimulai dari tampil form pendaftaran. Mengisi data diri, data diri
pendaftaran divalidasi.Jika gagal, ulangi memasukan data diri secara benar dan lengkap, kemudian data pendaftaran disimpan.
data pendaftaran mulai
form pendaftaran
data diri dimasukkan
data pendaftaran
ditampilkan
divalidasi.
disimpan. selesai
Gambar 3.55 : Statechart Diagram Pendaftaran
c. Statechart Diagram Pembelian Dimulai dari tampil form pembelian. Mengisi data pembelian, data
pembelian divalidasi.Jika gagal, ulangi memasukan data diri secara benar dan lengkap, kemudian data pembelian disimpan.
data pembelian mulai
form pembelian
data pembelian
data pembelian
disimpan. selesai
Gambar 3.56 : Statechart Diagram Pembelian Gambar 3.56 : Statechart Diagram Pembelian
pemesanan divalidasi.Jika gagal, ulangi memasukan data diri secara benar dan lengkap, kemudian data pemesanan disimpan.
data pemesanan mulai
form pemesanan
data pemesanan
data pemesanan
disimpan. selesai
Gambar 3.57 : Statechart Diagram Pemesanan
8. Statechart Diagram Kelas Keranjang
a. Statechart Diagram Tambah keranjang Dimulai dari mengklik tombol tambah keranjang, kemudian tampil form tambah data keranjang, kemudian penjual menambah data keranjang baru, sistem akan memvalidasi, jika gagal penjual akan menginputkan kembali data keranjang setelah berhasil maka data keranjang akan disimpan.
data keranjang data keranjang mulai
tombol tambah
form tambah data
keranjang diklik
keranjang ditampilkan
data keranjang
diinputkan
divalidasi disimpan
selesai
Gambar 3.58 : Statechart Diagram Tambah Keranjang
b. Statechart Diagram Hapus Keranjang Dimulai dari mengklik tombol hapus keranjang, kemudian sistem akan
memvalidasi, jika gagal penjual akan mengecek kembali data keranjang setelah berhasil maka data keranjang akan terhapus.
tombol hapus
pilih data keranjang
mulai keranjang diklik
data keranjang
data keranjang
divalidasi
terhapus selesai
Gambar 3.59 : Statechart Diagram Hapus keranjang
3.3.2.9 Perancangan Basis Data
Dalam merancang basis data, penulis melakukannya dengan membuat model Entity-Relationship . Model tersebut berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari dunia nyata yang kita tinjau, dapat digambarkan lebih sistematis dengan Diagram Entity-Relationship . Tahapan dalam membuat Diagram Entity-Relationship yaitu:
1. Mengidentifikasi dan menetapkan seluruh himpunan entitas yang terkait.
Gambar 3.60: Himpunan Entitas
2. Menentukan atribut-atribut key dari masing-masing Key dari setiap himpunan entitas.
Id penjual
Id_pembeli
Id_merchandise
Id_desain
Id_beli
Id_pesan
Id_konfirmasi
Id_jadwal Id keranjang
Gambar 3.61: Himpunan Entitas dan Atribut Key
3. Mengidentifikasi dan menetapkan seluruh himpunan relasi diantara himpunan entitas yang ada beserta foreign-key yang dimiliki.
Id_merchandise
Id_penjual penjual mengelola
merchandise
Id_penjual
ditampung
mengelola Id merchandise
Id keranjang
Id_beli
Id_desain Id merchanise
Id_penjual desain ditampung
Id pembeli Id desain
Id keranjang
melakukan melanjutkan
Id_konfirmasi Id pesan
Id keranjang Id pesan
konfirmasi Id pembeli Id beli
Id desain
Id_pembeli
membuat
jadwal Id jadwal
Gambar 3.62: Himpunan Entitas, Relasi dan Foeign-Key
4. Menentukan derajat/kardinalitas relasi untuk setiap himpunan relasi
Id_merchandise
Id_penjual penjual 1 mengelola M merchandise
Id_penjual
ditampung
mengelola Id merchandise
Id keranjang
Id_beli
Id_desain
Id merchanise Id_penjual
desain ditampung
keranjang 1 melanjutkan M pembelian
Id pembeli
Id desain Id keranjang
melanjutkan
melakukan
Id_konfirmasi Id pesan
Id keranjang Id pesan
1 melakukan 1 konfirmasi Id pembeli Id beli
pemesanan M melakukan 1 pembeli
Id desain
Id_pembeli
membuat
jadwal Id jadwal
Gambar 3.63: Kardinalitas Relasi
5. Melengkapi himpunan entitas dan himpunan relasi dengan atribut-atribut deskriptif ( nonkey ).
Id_penjual
satuan
nama
Id_merchandise
alamat
Id_penjual
jekel penjual 1 mengelola M merchandise
Nama merchandise
Id_beli mengelola
stok
ditampung
Id merchanise
jumlah Id keranjang
Id_desain
1 Id pembeli Tgl beli
Id_penjual desain
M ditampung 1 keranjang 1 melanjutkan M pembelian
Nama Jml beli Id_konfirmasi
desain Id pesan 1 Id merchandise M
Total harga Harga desain
Total harga
Id beli Id desain
melanjutkan
melakukan
desain Tgl transfer Id pesan
1 norek Id keranjang
1 melakukan 1 konfirmasi nominal Id pembeli bank
pemesanan M melakukan 1 pembeli
Id desain Id_pembeli 1 password pembeli Foto transfer
Tgl pesan
Nama pembeli
Username pembeli
membuat Id jadwal
Jml pesan
Alamat pembeli
1 Kode Total bayar
Telp pembeli
Jekel pembeli
konfirmasi jadwal
Jam kirim Tgl kirim
Gambar 3.64: Digram E-R
1. Transformasi ERD ke database
Transformasi ERD ke relasi disebut dengan mapping ERD database relational. Transformasi ERD ke relasi dalam tabel fisik sebagai berikut :
a. Relasi Penjual dan Merchandise
Id_merchandise Id_penjual
Id penjual username
Nama_merchandise password
harga nama
stok alamat
satuan
jekel gambar
telp keterangan
Gambar 3.65: Relasi Penjual dan Merchandise
Dari gambar diatas menghasilkan tabel penjual dan tabel merchandise seperti berikut:
Tabel Penjual
Entitas penjual mempunyai atribut id penjual, username, password, nama, alamat, jekel, telp . Sehingga skema tabel penjual adalah sebagai berikut:
Tabel 3.30: Tabel Penjual
Id user Username Password
Telp xxx
Tabel Merchandise
Entitas merchandise mempunyai atribut id merchandise, id penjual, nama_merchandise, harga, stok, satuan, gambar, keterangan. Sehingga skema tabel merchandise adalah sebagai berikut:
Tabel 3.31: Tabel Merchandise
gambar keterangan merchandise penjual merchandise xxx
id
Id Nama
harga
stok satuan
xxx xxxx xxx xxxx
Id penjual
username Id desain
password Id penjual
nama Nama desain
alamat Harga desain
jekel desain
telp
Gambar 3.66: Relasi Penjual dan Desain
Dari gambar diatas menghasilkan tabel penjual dan tabel desain seperti berikut:
Tabel Penjual
Entitas penjual mempunyai atribut id penjual, username, password, nama, alamat, jekel, telp . Sehingga skema tabel penjual adalah sebagai berikut:
Tabel 3.32: Tabel Penjual
Id user Username Password
Jekel Telp xxx
Tabel Desain
Entitas desain mempunyai atribut id desain, id penjual, nama_desain, harga_deain, desain. Sehingga skema tabel desain adalah sebagai berikut:
Tabel 3.33: Tabel Desain
Id desain Id penjual
Harga desain desain xxx
Nama desain
xxx
xxx
xxx
xxx xxx
Id_merchandise
Id penjual Id keranjang
Nama merchandise
Id merchandise
harga Id desain
stok Ip
Jmlh_beli satuan
Total harga gambar
keterangan
Gambar 3.67: Relasi Merchandise dan Keranjang
Dari gambar diatas menghasilkan tabel merchandise dan tabel keranjang seperti berikut:
Tabel Merchandise
Entitas merchandise mempunyai atribut id merchandise, id penjual, nama_merchandise, harga, stok, satuan, gambar, keterangan. Sehingga skema tabel merchandise adalah sebagai berikut:
Tabel 3.34: Tabel Merchandise
gambar keterangan merchandise penjual merchandise
id
Id Nama
harga
stok satuan
xxx xxxx
Tabel Keranjang
Entitas keranjang mempunyai atribut id keranjang, id desain, id merchandise, ip, jumlah beli, total harga. Sehingga skema tabel keranjang adalah sebagai berikut:
Tabel 3.35: Tabel Keranjang
id keranjang Id desain
Jumlah beli Total harga xxx
Id merchandise
ip
xxx
xxx
xxx
xxx xxx xxx xxx
Id_desain Id keranjang
Id merchandise Id penjual
Id_desain Nama desain
Jumlah_pesan Harga desain
Total_bayar desain
Gambar 3.68: Relasi Desain dan Keranjang
Dari gambar diatas menghasilkan tabel desain dan tabel keranjang seperti berikut:
Tabel Desain
Entitas desain mempunyai atribut id desain, id penjual, nama_desain, harga_desain, desain. Sehingga skema tabel desain adalah sebagai berikut:
Tabel 3.36: Tabel Desain
Id desain Id penjual
Harga desain desain xxx
Nama desain
Tabel Keranjang
Entitas keranjang mempunyai atribut id keranjang, id desain, id merchandise, ip, jumlah beli, total harga. Sehingga skema tabel keranjang adalah sebagai berikut:
Tabel 3.37: Tabel Keranjang
Jumlah pesan Total keranjang
Id Id desain
Id ip
bayar xxx
merchandise
xxx
xxx
xxx
xxx xxx xxx xxx
Id pesan Id keranjang
Id pembeli
Id merchandise Id desain Id keranjang
Id desain
Tgl pesan Ip
Jumlah pesan Jmlh_beli
Harga desain
Total harga Status desain
Status barang
Gambar 3.69: Relasi Keranjang dan Pemesanan
Dari gambar diatas menghasilkan tabel keranjang dan tabel pemesanan seperti berikut:
Tabel Keranjang
Entitas keranjang mempunyai atribut id keranjang, id desain, id merchandise, ip, jumlah beli, total harga. Sehingga skema tabel keranjang adalah sebagai berikut:
Tabel 3.38: Tabel Keranjang
Jumlah pesan Total keranjang
Id Id desain
Id ip
bayar xxx
Tabel Pemesanan
Entitas pemesanan mempunyai atribut id pesan, id pembeli, id keranjang, id desain, tgl pesan, jumlah pesan, harga desain, total bayar, status desain, status barang. Sehingga skema tabel pemesanan adalah sebagai berikut:
Tabel 3.39:Tabel Pemesanan
Harga Total Status Status pesan pembeli
Id Id Id Tgl
Jumlah
desain bayar desain barang xxx
desain
pesan
pesan
xxx
xxx
xxx
xxx
xxx
xxx xxx xxx xxx xxx xxx
Id beli Id keranjang
Id pembeli
Id merchandise Id merchandise
Id keranjang Id desain
Tgl beli Ip
Jumlah beli Jmlh_beli
Total harga harga
Total harga Status beli
Id keranjang
Gambar 3.70: Relasi Keranjang dan Pembelian
Dari gambar diatas menghasilkan tabel keranjang dan tabel pembelian seperti berikut:
Tabel Keranjang
Entitas keranjang mempunyai atribut id keranjang, id desain, id merchandise, ip, jumlah beli, total harga. Sehingga skema tabel keranjang adalah sebagai berikut:
Tabel 3.40: Tabel Keranjang
Jumlah pesan Total keranjang
Id Id desain
Id ip
bayar xxx
Tabel Pembelian
Entitas pembelian mempunyai atribut id beli, id pembeli, id merchandise, tgl beli, jumlah beli, total harga. Sehingga skema tabel produk adalah sebagai berikut:
Tabel 3.41: Tabel Pembelian
id Id Id Id Tangal Harga Jumlah Total Status beli pembeli merchandise keranjang
beli
beli harga beli beli harga beli
Id_pembeli Id beli
Id pembeli username pembeli
Id merchandise password pembeli
Tgl beli
nama pembeli
Jumlah beli
alamat pembeli Total harga harga
jekel pembeli Status beli telp pembeli
Id keranjang
Gambar 3.71: Relasi Pembeli dan Pembelian
Dari gambar diatas menghasilkan tabel pembeli dan tabel pembelian seperti berikut:
Tabel Pembeli
Entitas pembeli mempunyai atribut id pembeli, username pembeli, password pembeli, nama pembeli, alamat pembeli, jekel pembeli dan telp pembeli. Sehingga skema tabel pembeli adalah sebagai berikut:
Tabel 3.42 : Tabel Pembeli
Jekel Telp pembeli pembeli
id Username Password
Nama
Alamat
pembeli pembeli xxx
Tabel Pembelian
Entitas pembelian mempunyai atribut id beli, id pembeli, id merchandise, tgl beli, jumlah beli, total harga. Sehingga skema tabel produk adalah sebagai berikut:
Tabel 3.43: Tabel Pembelian
id Id Id Id Tangal Harga Jumlah Total Status beli pembeli merchandise keranjang
beli
beli harga beli beli harga beli
Id_pembeli Id_pesan
Username Id keranjang pembeli
Password pembeli Id pembeli
Id desain Nama pembeli
Tanggal pesan Alamat pembeli Jumlah pesan
Jekel pembeli Total bayar
Telp pembeli Status desain
Status barang
Gambar 3.72: Relasi Pembeli dan Pemesanan
Dari gambar diatas menghasilkan tabel pembeli dan tabel pemesanan seperti berikut:
Tabel Pembeli
Entitas pembeli mempunyai atribut id pembeli, username pembeli, password pembeli, nama pembeli, alamat pembeli, jekel pembeli dan telp pembeli. Sehingga skema tabel pembeli adalah sebagai berikut:
Tabel 3.44 : Tabel Pembeli
Jekel Telp pembeli pembeli
id Username Password
Nama
Alamat
pembeli pembeli xxx
Tabel Pemesanan
Entitas pemesanan mempunyai atribut id pesan, id pembeli, id keranjang, id desain, tgl pesan, jumlah pesan, harga desain, total bayar, status desain, status barang. Sehingga skema tabel pemesanan adalah sebagai berikut:
Tabel 3.45: Tabel Pemesanan
Id Id Id Tgl
Jumlah
Harga Total Status Status Harga Total Status Status
desain bayar desain barang xxx
i. Relasi Pembeli dan Konfirmasi
Id_konfirmasi Id_pembeli
Kode Username
konfirmasi pembeli Id pesan
Password pembeli Id beli
Nama pembeli Tanggal
transfer Alamat pembeli
norek Jekel pembeli
nominal
Telp pembeli bank
Foto transfer
Gambar 3.73: Relasi Pembeli dan Konfirmasi
Dari gambar diatas menghasilkan tabel pembeli dan tabel konfirmasi seperti berikut:
Tabel Pembeli
Entitas pembeli mempunyai atribut id pembeli, username pembeli, password pembeli, nama pembeli, alamat pembeli, jekel pembeli dan telp pembeli. Sehingga skema tabel pembeli adalah sebagai berikut:
Tabel 3.46 : Tabel Pembeli
Jekel Telp pembeli pembeli
id Username Password
Nama
Alamat
pembeli pembeli xxx
Tabel Konfirmasi
Entitas konfirmasi mempunyai atribut id konfirmasi, kode konfirmasi, id beli, id pesan, tgl transfer, norek, nominal, bank, foto transfer. Sehingga skema tabel konfirmasi adalah sebagai berikut:
Tabel 3.47: Tabel Konfirmasi
Norek nominal Foto konfirmasi konfirmasi beli pesan
Id Kode
Id Id Tgl
transfer xxx
xxx xxxx
j. Relasi Konfirmasi dan Jadwal
Id konfirmasi
Kode Id_jadwal konfirmasi
Id beli Kode konfirmasi
Id pesan Tgl kirim
Tanggal transfer
Jam kirim
norekening Status kirim
nominal
bank
Foto transfer
Gambar 3.74: Relasi Konfirmasi dan Jadwal
Dari gambar diatas menghasilkan tabel konfirmasi dan tabel jadwal seperti berikut:
Tabel Konfirmasi
Entitas konfirmasi mempunyai atribut id konfirmasi, kode konfirmasi, id beli, id pesan, tgl transfer, norek, nominal, bank, foto transfer. Sehingga skema tabel konfirmasi adalah sebagai berikut:
Tabel 3.48: Tabel Konfirmasi
Norek nominal Foto konfirmasi konfirmasi beli pesan
Id Kode
Id Id Tgl
transfer xxx
xxx xxxx
Tabel Jadwal
Entitas jadwal mempunyai atribut id jadwal, kode konfirmasi, tanggal kirim, jam kirim, status kirim. Sehingga skema tabel jadwal adalah sebagai berikut:
Tabel 3.49: Tabel Jadwal
Id jadwal Kode konfirmasi
Jam kirim Status kirim xxx
Tanggal kirim
xxx
xxx
xxxx xxx
Dari hasil transformasi ERD yang telah terbentuk diatas, maka dapat ditentukan tabel-tabel yang akan digunakan dalam membuat aplikasi web untuk “Sistem Informasi Penjualan Original Merchandise Supporter Banaspati Berbasis Web ” menggunakan Database Mysql adalah sebagai berikut:
1. Nama Tabel
: Tabel Penjual
Fungsi
: untuk mencatat data penjual Primary key : id penjual Foreign key : -
Keterangan : Tabel penjual digunakan untuk menyimpan data penjual.
Tabel 3.50: Tabel Penjual
Nama Field
Type
Size Keterangan
id_penjual
10 Id user . Contoh: 1 Username
Int
15 Username. Contoh: penjual Password
Varchar
15 Password. Contoh: penjual Nama
Varchar
50 Nama. Contoh: Aji Alamat
Varchar
Alamat. Contoh: Jepara Jekel
Text
Jekel. Contoh: wanita Telp
Enum
Varchar
15 Telp. Contoh: +6285777234567
2. Nama Tabel
: Tabel Pembeli
Fungsi
: untuk mencatat data pembeli Primary key : id pembeli Foreign key : -
Keterangan : Tabel pembeli digunakan untuk menyimpan data pembeli.
Tabel 3.51: Tabel Pembeli
Nama Field
Type
Size Keterangan
id_pembeli
10 Id pembeli . Contoh: 1 Username pembeli
Int
15 Username. Contoh : Azula Password pembeli
Varchar
15 Password. Contoh : azula Nama pembeli
Varchar
50 Nama pembeli. Contoh: azula dikri Alamat pembeli
Varchar
Alamat pembeli. Contoh: kudus Jekel pembeli
Text
Jenis kelamin. Contoh : pria Telp pembeli
Enum
Varchar
15 Telepn pembeli. Contoh: 085432656
3. Nama Tabel
: Tabel Merchandise
Fungsi
: untuk mencatat data merchandise Primary key : id merchandise Foreign key : id penjual
Keterangan : Tabel merchandise digunakan untuk menyimpan data
merchandise. Tabel 3.52: Tabel Merchandise
Nama Field
Type
Size Keterangan
Id_merchandise
10 Id merchandise. Contoh: 1 Id penjual
Integer
10 Id penjual. Contoh: 1 Nama
Varchar
30 Nama merchandise. Contoh : T-shirt merchandise
Varchar
10 Harga. Contoh: Rp 60.000,- Stok
3 Stok contoh: 10
Satuan
10 Satuan. Contoh: 50.000 Gambar
Varchar
100 Gambar. Contoh: t-shirt001.jpg Keterangan
Varchar
Varchar
100 Keterangan. Contoh: warna biru
4. Nama Tabel
: Tabel Desain
Fungsi
: untuk mencatat data desain Primary key : id desain Foreign key : id penjual
Keterangan : Tabel desain digunakan untuk menyimpan data desain.
Tabel 3.53: Tabel Bahan
Nama Field
10 Id desain . Contoh: 1 id_penjual
Id_desain
Int
10 Id penjual. Contoh:1 Nama desain
Varchar
30 Nama desain. Contoh: logo Harga_desain
Varchar
10 Harga desain. Contoh: Rp. 60.000 Desain
Int
Varchar
100 Desain. Contoh: logo.jpr
5. Nama Tabel
: Tabel Pembelian
Fungsi
: untuk mencatat data pembelian Primary key : id beli Foreign key : id pembeli, id merchandise
Keterangan : Tabel pembeliandigunakan untuk menyimpan data
pembelian. Tabel 3.54: Tabel Pembelian
Nama Field
Type
Size Keterangan
10 Id pembelian. Contoh: 6 Id_pembeli
Id_beli
Integer
10 Id pembeli. Contoh: 6 Id_merchandise
Integer
10 Id merchandise. Contoh: 1 Tgl_beli
Integer
Tanggal beli. Contoh: 8 juli 2016 Jumlah_beli
Date
5 Jumlah beli. Contoh: 2 Total_harga
Integer
Integer
10 Total harga. Contoh: Rp 120.000,
6. Nama Tabel
: Tabel Pemesanan
Fungsi
: untuk mencatat data pemesanan Primary key : id pesan Foreign key : id_pembeli dan id_desain
Keterangan : Tabel pemesanan digunakan untuk menyimpan data
pemesanan. Tabel 3.55: Tabel Pemesanan
Nama Field
Type
Size Keterangan
Id_pesan
10 Id pesan . Contoh: 1 Id_pembeli
Int
10 Id_pembeli. Contoh: 6 Id_desain
Int
10 Id desain. Contoh: 1 Tgl_pesan
Int
Tanggal pesan. Contoh: 12 juli 2016 Jml_pesan
Date
5 Jumlah pesan. Contoh: 3 Total_bayar
Int
Int
10 Total bayar. Contoh: Rp.130.000,-
7. Nama Tabel
: Tabel Konfirmasi
Fungsi
: untuk mencatat data konfirmasi Primary key : id konfirmasi Foreign key : id pembeli, id beli, dan id pesan.
Keterangan : Tabel konfirmasidigunakan untuk menyimpan data
konfirmasi.
Tabel 4.56: Tabel Konfirmasi
Nama Field
Id_konfirmasi
10 Id konfirmasi. Contoh: 6 Kode_konfirmasi Varchar
Integer
10 Kode konfirmasi. Contoh :B001 Id_pembeli
10 Id pembeli. Contoh: 1 Id_beli
Varchar
10 Id beli. Contoh: 1 Id_pesan
Integer
10 Id pesan. Contoh: 6 Tgl_tansfer
Int
Date
Tanggal transfer. Contoh: 8 juli 2016
Norek
30 Nomer rekening. Contoh: 255f7367 Nominal
Varchar
10 Nominal. Contoh: Rp. 720.000, Bank
Varchar
20 Bank. Contoh: BRI Foto_transfer
Varchar
Varchar
100 Foto transfer. Contoh: transfer.jpg
8. Nama Tabel
: Tabel Jadwal
Fungsi
: untuk mencatat data jadwal kirim Primary key : id jadwal Foreign key : -
Keterangan : Tabel jadwaldigunakan untuk menyimpan data jadwal
kirim. Tabel 3.57: Tabel Jadwal
Nama Field
Type
Size Keterangan
Id_jadwal
10 Id jadwal kirim. Contoh: 6 Kode_konfirmasi Varchar
Integer
10 Kode konfirmasi. Contoh: B933 Tgl_kirim
Date
Tanggal pengiriman. Contoh: 8 juli 2016
Jam_kirim
Jam pengiriman. Contoh: 09:00 Status_kirim
Time
Enum
Status kirim. Contoh:terkirim
9. Nama Tabel
: Tabel Keranjang
Fungsi
: untuk mencatat data keranjang Primary key : id keranjang Foreign key : -
Keterangan : Tabel keranjang digunakan untuk menyimpan data
keranjang. Tabel 3.58: Tabel Keranjang
Nama Field
Type
Size Keterangan
Id keranjang
10 Id keranjang. Contoh: 6 Ip
Integer
20 Ip addres. Contoh: 125.225.1273 Id desain
Varchar
Integer
10 Id desain. Contoh: 1
Id merchandise
10 Id merchandise. Contoh: 2 Jumlah beli
Integer
5 Jumlah beli. Contoh: 3 Total harga
Integer
Integer
10 Total harga. Contoh: Rp. 240.000
Sedangkan dari hasil perancangan basis data diatas membentuk suatu relasi antar tabel seperti pada (Gambar 3.75) berikut:
Gambar 3.75:Relasi Tabel
3.3.2.10 Desain Interface
1. Desain Halaman Utama Pengunjung Setelah mengetik alamat website pada browser, maka akan keluar tampilan
halaman utama pengunjung yang dapat dilihat seperti gambar berikut ini.
HEADER
PILIH MENU Katalog Desain
Katalog Produk Keranjang Belanja
ISI CONTENT
Login
FOOTER
Gambar 3.76: Desain Halaman Utama Pengunjung
2. Desain Halaman Utama Penjual Setelah penjual login akan keluar tampilan halaman utama penjual yang
dapat dilihat seperti gambar berikut ini.
HEADER
PILIH MENU Kelola Desain
Kelola Merchandise Laporan Pembelian
ISI CONTENT
Laporan Pemesanan Laporan Konfirmasi
Ubah Status Barang Kelola Jadwal Kirim
Keluar
FOOTER
Gambar 3.77: Desain Halaman Utama Penjual
3. Desain Halaman Utama Pembeli
Setelah pembeli login akan keluar tampilan halaman utama pembeli yang dapat dilihat seperti gambar berikut ini.
HEADER
PILIH MENU Daftar Pembelian
Daftar Pemesanan Konfirmasi Pembayaran
ISI CONTENT
Status Barang Pesanan Lihat Jadwal Kirim
History Pembelian History Pemesanan Keluar
FOOTER
Gambar 3.78 : Desain Halaman Utama Pembeli
4. Desain Input Data Merchandise Fungsi
: Untuk memasukkan data merchandise Sumber Data
: Tabel merchandise
Pengguna Format :
INPUT DATA MERCHANDISE
Nama Merchandise Harga Stok
Satuan Gambar
Gambar 3.79 : Desain Input Data Merchandise
5. Desain Input Data Desain Merchandise
Fungsi : Untuk memasukkan data desain merchandise Sumber Data
: Tabel desain
Pengguna Format :
INPUT DATA DESAIN MERCHANDISE
Nama Desain Harga
Gambar 4.80: Desain Input Data Desain Merchandise
6. Desain Input Data Pembelian Fungsi
: Untuk memasukkan data pembelian Sumber Data
: Tabel pembelian
Pengguna Format :
FORM PEMBELIAN PRODUK
Nama Merchandise
Jml Beli Sisa Stok Total Harga
Gambar 4.81: Desain Input Data Pembelian
7. Desain Input Data Pemesanan
Fungsi : Untuk memasukkan data pemesanan Sumber Data
: Tabel pemesanan
Pengguna Format :
FORM PEMESANAN DESAIN
Nama Desain
Jml Beli Total Harga
Gambar 4.82: Desain Input Data Pemesanan
8. Desain Input Data Konfirmasi Pembayaran Fungsi
: Untuk memasukkan data konfirmasi pembayaran Sumber Data
: Tabel konfirmasi
Pengguna Format :
FORM KONFIRMASI PEMBAYARAN
No TGL Pembelian
Nama Item
Harga
Jumlah Beli Total Harga
Nama Anda
No Telepon
TGL Transfer
Nama Bank
No Rekening Anda
Nominal
: Rp. 720.000, 00
Foto Bukti Transfer
Telusuri
Tidak ada berkas dipilih
Konfirmasi
Gambar 3.83: Desain Input Data Konfirmasi Pembayaran
9. Desain Output Laporan Pembelian Merchandise
Adapun desain output laporan pembelian merchandise yang akan dihasilkan tampak seperti gambar dibawah ini:
BANASPATI
LOGO
Barisan Supporter Persijap Sejati
JEPARA
LAPORAN PEMBELIAN MERCHANDISE Periode Tanggal : 2016/05/01 Sampai 2016/05/31
No TGL Beli Nama Pembeli
Alamat Pembeli
Telp Pembeli
Nama Produk
Harga
Jml Beli Jml Bayar Status
Kudus, / / 2016 Pimpinan
Gambar 3.84 : Desain Laporan Pembelian Merchandise
10. Desain Output Laporan Pemesanan Desain Merchandise Adapun desain output laporan pemesanan desain merchandise yang akan dihasilkan tampak seperti gambar dibawah ini:
BANASPATI
LOGO
Barisan Supporter Persijap Sejati
JEPARA
LAPORAN PEMESANAN DESAIN MERCHANDISE Periode Tanggal : 2016/05/01 Sampai 2016/05/31
No TGL Pesan Nama Pembeli
Alamat Pembeli
Telp Pembeli
Nama Desain
Harga
Jml Pesan Total Bayar
Status
Kudus, / / 2016 Pimpinan
Gambar 3.85 : Desain Laporan Pemesanan Desain Merchandise
11. Desain Output Laporan Konfirmasi Pembayaran
Adapun desain output laporan konfirmasi pembayaran yang akan dihasilkan tampak seperti gambar dibawah ini:
BANASPATI
LOGO
Barisan Supporter Persijap Sejati
JEPARA
LAPORAN KONFIRMASI PEMBAYARAN Periode Tanggal : 2016/05/01 Sampai 2016/05/31
No TGL Beli TGL Transfer
Nama Produk
Harga
Jumlah Beli
Total
Nama Alamat Bukti
Bayar
Pembeli Pembeli Transfer
Kudus, / / 2016 Pimpinan
(___________________)