3.3.3 Perancangan Pesan
Perancangan pesan yang terdapat pada sistem ini dapat dilihat pada gambar 3.119
PS01 LOGIN GAGAL
Username dan Password salah
PS02 PS03
Data tidak boleh kosong Field harus diisi
PS04 Kode yang anda
masukkan salah
PS05 Alamat email tidak valid
PS06 Maaf anda belum login
PS07 Kode verifikasi telah
dikirim ke email Anda yakin ingin logout?
PS08
PS09 Anda telah berhasil
melakukan Registrasi. Silahkan melakukan
aktivasi PS10
Pilih warna terlebih dahulu
PS11 Pilih ukuran terlebih
dahulu PS12
Jumlah yang dibeli melebihi stok
PS13 Data berhasil disimpan
PS14 Data gagal diubah
PS15 Data berhasil dihapus
PS16 Apakah anda yakin
akan menghapus data?
YA TIDAK
PS17 Data gagal disimpan
PS18 Maaf, email yang anda
masukan tidak terdaftar
Data gagal dihapus PS19
PS20 Data tidak ditemukan
Data harus diisi angka
YA TIDAK
Gambar 3. 119 Perancangan Pesan
3.3.4 Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Jaringan semantik dari sistem ini adalah sebagai
berikut:
1. Jaringan Semantik Menu Karyawan bagian kasir
Jaringan semantik untuk menu karyawan bagian kasir dijelaskan pada gambar 3.120
PS13,PS12 PS13,PS14
PS13,PS14 PS13,PS12
PS13,PS12 PS13,PS14
PS13,PS14 PS13,PS14
PS13,PS14 PS13,PS12
PS13,PS14 PS13,PS12
PS13,PS14
PS13,PS12 PS13,PS12
PS13,PS14
PS13,PS14 PS13,PS12
PS 16,
PS 15,
PS 19
,PS 20
PS03,PS04,PS05,PS07,PS18 PS01
A04
A03 A02
A01
A05
A16 A15
A13
A32 A31
A36 A12
A11 A10
A09 A07
A08
A37 A06
A38 A24
A23 A26
A25
A27 A28
A18 A17
A20 A19
A22 A21
A30 A29
A14 A34
A33 A35
PS13,PS12 PS13,PS12
Gambar 3. 120 Jaringan semantik menu karyawan bagian kasir 2.
Jaringan Semantik Menu Manajer
Jaringan semantik untuk menu manajer dijelaskan pada gambar 3.121
PS01 PS03,PS04,PS05,PS07,PS18
G03
G05 G04
G01 G02
G10 G06
G07 G09
G08
PS03,PS13,PS17
Gambar 3. 121 Jaringan semantik menu manajer 3.
Jaringan Semantik Menu Member
Jaringan semantik untuk menu member dijelaskan pada gambar 3.122
PS03,PS13,PS17 PS03,PS13,PS17
PS03
PS03
PS06,PS10,PS11 PS03
PS20
PS03
M01 M13
M09 M08
M10
M14
M07 M11
M12
M04 M03
M02
M05 M06
M16 M15
M17
M18 M19
M20
Gambar 3. 122 Jaringan semantik menu member
4. Jaringan Semantik Menu Pengunjung
Jaringan semantik untuk menu pengunjung dijelaskan pada gambar 3.123
P S
6 ,P
S 1
,P S
11
PS20 PS03,PS02,PS05,PS04,PS09
P01
P05 P04
P03 P11
P08 P10
P09
P07
P06 P02
P12
PS03,PS04,PS05,PS07,PS18
Gambar 3. 123 Jaringan semantik menu pengunjung
3.3.5 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan dalam suatu program. Adapun
perancangan prosedural pada sistem yang akan dibangun adalah sebagai berikut: 1. Proses Pendaftaran
Proses pendaftaran merupakan proses yang dilakukan user ketika akan mendaftar. Prosedural pendaftaran dapat dilihat pada gambar 3.124
mulai
Input data pendaftaran
Validasi data pendaftaran
valid? Ya
selesai Tidak
Pengecekan data pendaftaran
data kosong? Tampil pesan
data tidak boleh kosong
Ya Tidak
Tampil pesan “Data member
telah terdaftar”
Tampil pesan “Terima kasih Anda telah berhasil
registrasi silahkan cek email untuk melakukan
aktifasi ”
Gambar 3. 124 Flowchart pendaftaran
2. Proses Login Proses login merupakan proses pada saat user akan mengakses sistem.
Prosedural login dapat dilihat pada gambar 3.125
mulai
username dan password
Valid?
Tampilkan pesan login gagal
username dan password salah
selesai Ya
Tidak
Menampilkan halaman
utama Pengecekan
username dan password
Gambar 3. 125 Flowchart Login
3. Proses Tambah Data Proses tambah data merupakan proses yang dilakukan untuk menambahkan
data yang dibutuhkan dalam sistem. Prosedural tambah data dapat dilihat pada gambar 3.126
mulai
selesai Masukkan data
yang akan ditambah
data kosong?
Penyimpanan data ke dalam
database Tampilkan
pesan data tidak boleh
kosong ya
Tidak validasi data yang
akan ditambahkan
Apakah data valid?
Tampilkan pesan data
gagal disimpan Ya
Tidak
Tampilkan pesan data
berhasil disimpan
Gambar 3. 126 Flowchart tambah data
4. Proses Ubah Data Proses ubah data merupakan proses yang dilakukan untuk mengubah data
yang dibutuhkan dalam sistem. Prosedural ubah data dapat dilihat pada gambar 3.127
mulai
selesai data kosong?
Penyimpanan data ke dalam
database Tampilkan
pesan data tidak boleh
kosong ya
validasi data yang akan diubah
data valid? Tidak
Ya Tampilkan
pesan data gagal diubah
Tidak
Tampilkan seluruh data
setelah diubah Pilih data yang
akan diubah Tampil form
ubah data
Masukkan perubahan data
Gambar 3. 127 Flowchart ubah data
5. Proses Hapus Data Proses hapus data merupakan proses yang dilakukan untuk menghapus data
yang dibutuhkan dalam sistem. Prosedural hapus data dapat dilihat pada gambar 3.128
mulai
selesai Masukkan
pilihan
Apakah pilihannya “ya”?
Tampilkan seluruh data
sebelum dihapus
Tidak Tampil pesan
konfirmasi “Apakah yakin akan
menghapus data yatidak?
Ya
Tampilkan pesan data
berhasil dihapus
pilih data yang akan dihapus
penghapusan data dari database
Gambar 3. 128 Flowchart hapus data
6. Proses Pencarian Data Proses cari merupakan proses yang dilakukan ketika melakukan pencarian
data yang dibutuhkan. Prosedural pencarian data dapat dilihat pada gambar 3.129
mulai
selesai Pengecekan kata
kunci yang dicari Masukkan kata
kunci yang akan dicari
Tampilkan hasil pencarian
Tampilkan pesan data yang dicari
tidak ditemukan.
Ya data ditemukan?
Tidak
Gambar 3. 129 Flowchart pencarian data
7. Proses Pemesanan Produk Prosedural pemesanan produk dapat dilihat pada gambar 3.130
Mulai
Pilih Produk
Pilih Warna dan ukuran
penyimpanan ke keranjang belanja
Ubah jumlah produk yang
dipesan stok
mencukupi? Tampil Pesan
Jumlah produk yang dipesan melebihi
stok yang tersedia tidak
Pengisian data
pengiriman ya
penyimpanan data pemesanan ke
dalam database Tampil Detail
Pemesanan
Selesai
Gambar 3. 130 Flowchart Pemesanan Produk
8. Proses Konfirmasi Pembayaran Prosedural konfirmasi pembayaran dapat dilihat pada gambar 3.131
Mulai
Masukan Data Pembayaran
Pilih Data Pesanan
Valid?
Penyimpanan data Pembayaran ke
database
Tampilkan Data Pemesanan
Selesai Tampil Pesan “data tidak
boleh kosong” tidak
ya
Gambar 3. 131 Flowchart Konfirmasi Pembayaran
9. Proses Retur Prosedural retur barang dapat dilihat pada gambar 3.132
Mulai
Pilih Pesanan yang akan diretur
Pilih produk yang akan diretur
Qty retur jumlah pesanan?
Tampil Data Produk yang Diretur
Selesai Masukan
Quantity retur
Tampil Pesan “Qty retur melebihi qty dipesan”
ya tidak
Pilih alasan retur Tampil Data
pemesanan yang akan Diretur
penyimpanan data retur ke database
Gambar 3. 132 Flowchart Retur
203
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Implementasi merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis. Tujuan implementasi adalah untuk mengkonfirmasikan modul
program perancangan pada para pelaku sistem sehingga user dapat memberikan masukan kepada pengembang sistem.
4.1.1 Perangkat Keras Yang Digunakan
Perangkat keras yang digunakan untuk mengimplementasikan sistem ini dijelaskan pada tabel 4.1 sebagai berikut :
Tabel 4. 1 Perangkat keras yang digunakan No.
Perangkat Keras
Spesifikasi Minimum
Eksistensi Keterangan
1 Processor
Intel Pentium IV 1,3 GHz
Dual Core
T4500 2.30GHz
Sudah melebihi batas minimum
2 RAM
256 MB 1 GB
Sudah melebihi batas minimum
3 Harddisk
40 GB 250 GB
Sudah melebihi batas minimum
4.1.2 Perangkat Lunak Yang Digunakan
Perangkat lunak yang digunakan dalam mengimplementasikan sistem ini dijelaskan pada tabel 4.2 sebagai berikut :