Perancangan Pesan Perancangan Prosedural

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 :