Perancangan Pesan Jaringan Simantik Perancangan Prosedural

F34 Keterangan : - Klik beranda menuju ke F25 - Klik testimonial menuju F35 - Klik berita menuju ke F36 - Klik konfirmasi pembayaran menuju ke F30 - Klik histori transaksi menuju ke F32 - Klik logout menuju ke F01 - Beranda Berita Testimonial Konfirmasi Pembayaran Keranjang Cari Facebook Kategori Produk terlaris Costumer Service Pembayaran Kontak info Cari Logo Footer Histori Transaksi Logout Retur Barang No order : Nama produk : Jumlah Barang : kondisi : alasan Kirim Gambar 3.55 Perancangan Antarmuka retur barang

3.7 Perancangan Pesan

Pada gambar di bawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce di took medina. Adapun tampilan pesan yang ada adalah seperti pada gambar 3.56 sebagai berikut : M01 PERINGATAN Username atau password salah OK M02 PERINGATAN Pembayaran telah dilakukan OK M03 PERINGATAN Username wajib diisi OK M04 PERINGATAN Password wajib diisi OK M05 PERINGATAN Email wajib diisi OK M06 PERINGATAN Akun anda diperbaharui OK M07 PERINGATAN Pemesanan telah dilakukan OK M09 PEMBERITAHUAN Barang sedang dikirim OK M10 PEMBERITAHUAN Anda yakin data akan dihapus? OK M15 PERINGATAN Deskripsi masih kosong OK M11 PEMBERITAHUAN Password lama belum diisi OK M12 Konfirmasi Anda yakin data akan dihapus? Ya M14 PERINGATAN Stok masih kosong OK M13 PERINGATAN Password harus sama OK M08 PEMBERITAHUAN Anda telah logout OK tidak Gambar 3.56 Perancangan Pesan

3.8 Jaringan Simantik

Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program akan digambarkan dalam sebuah jaringan simantik.

1. Jaringan Simantik Admin

Gambar 3.57 di bawah ini menggambarkan jaringan simantik pengurus F08 F09 F11 F12 13 14 15 16 F18 A01 F10 F17 F19 F20 F20 F20 F20 F20 F20 Gambar 3.57 Jaringan Simantik Admin

2. Jaringan Simantik Pengunjung

Gambar 3.58 di bawah ini menggambarkan jaringan simantik pengunjung F06 F05 F03 F02 F01 F29 F04 Gambar 3.58 Jaringan Simantik Pengunjung

3. Jaringan Simantik Pemesan

Gambar 3.59 di bawah ini menggambarkan jaringan simantik pemesan F25 F32 F26 F34 F27 F28 F30 F31 F04 F33 F29 F20 F35 F36 F37 F38 F39 F25 F25 Gambar 3.59 Jaringan Simantik Pemesan

3.9 Perancangan Prosedural

Sebagai langkah terakhir dalam perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk pembangunan aplikasi e-commerce yang akan dibangun adalah sebagai berikut : a. Prosedur Login Gambar 3.60 Mulai Username dan Password Cek username dan Password Valid Login Valid Masuk Form Beranda Selesai Tampilkan Pesan Invalid Gambar 3.60 Prosedur login b. Prosedur Registrasi Gambar 3.61 Start Input data registrasi Daftar Valid ? Registrasi berhasil Finish Ya Tidak Gambar 3.61 Prosedur Registrasi c. Prosedur Input Data Login Gambar 3.62 Mulai Input username dan password Valid ? Login berhasil Selesai Ya Tidak Gambar 62 Prosedur Input Data Login d. Prosedur Ganti Password Gambar 3.63 Mulai Input data password Ubah Password Valid ? Selesai Ya Tidak Ubah Password berhasil Gambar 3.63 Prosedur Ganti Password e. Prosedur Pembelian Gambar 3.64 Mulai Valid ? Ya Tidak Pilih produk untuk pembelian Checkout login Login berhasil Bayar Selesai Gambar 3.64 Prosedur Pembelian f. Prosedur Tambah Data Barang Gambar 3.65 Mulai Input data barang yang akan ditambah Tambah Barang Valid ? Selesai Ya Tidak Data Barang yang telah ditambah Gambar 3.65 Prosedur Tambah Data Barang g. Prosedur Ubah Data Barang Gambar 3.66 Start Input data Barang yang akan diubah Ubah Barang Valid ? Finish Ya Tidak Data Barang Yang Telah Diubah Gambar 3.66 Prosedur Ubah Data Barang h. Prosedur Tambah Data Kategori Gambar 3.67 Mulai Input data kategori yang akan ditambah Tambah Kategori Valid ? Selesai Ya Tidak Data Kategori yang telah ditambah Gambar 3.67 Prosedur Tambah Data Kategori i. Prosedur Ubah Data Kategori Gambar 3.68 Mulai Input data kategori yang akan diubah Ubah Kategori Valid ? Selesai Ya Tidak Data Kategori yang telah diubah Gambar 3.68 Prosedur Ubah Data Kategori j. Prosedur Tambah Data Kota Gambar 3.69 Mulai Input data Kota yang akan ditambah Tambah Kota Valid ? Finish Ya Tidak Data kota yang telah ditambah Gambar 3.69 Prosedur Tambah Data Kota k. Prosedur Ubah Data Kota Gambar 3.70 Mulai Input data Kota yang akan diubah Ubah Kota Valid ? Finish Ya Tidak Data kota yang telah berhasil Gambar 3.70 Prosedur Ubah Data Kota l. Prosedur Tambah Ukuran Gambar 3.71 Mulai Input data Ukuran yang akan ditambah Tambah Ukuran Valid ? Finish Ya Tidak Data Ukuran yang telah ditambah Gambar 3.71 Prosedur Tambah Data Ukuran m. Prosedur Ubah Data Ukuran Gambar 3.72 Mulai Input data Ukuran yang akan diubah Ubah Ukuran Valid ? Finish Ya Tidak Data Ukuran yang telah diubah Gambar 3.72 Prosedur Ubah Data Ukuran n. Prosedur Tambah Data Ongkos Kirim Gambar 3.73 Mulai Input data Ongkos kirim yang akan ditambah Tambah Ongkos Kirim Valid ? Finish Ya Tidak Data Ongkos Kirim yang telah ditambah Gambar 3.73 Prosedur Tambah Data ongkos kirim o. Prosedur Ubah Ongkos Kirim Gambar 3.74 Mulai Input data Ongkos kirim yang akan ditambah Tambah Ongkos Kirim Valid ? Finish Ya Tidak Data Ongkos Kirim yang telah ditambah Gambar 3.74 Prosedur Ubah Data Ongkos Kirim 136 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem informasi kearsipan yang dibangun. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan di implementasikan ke dalam bahasa pemograman. Setelah implementasi maka dilakukan pengujian terhadap sistem yang baru dan akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.

4.1 Implementasi Sistem