A49 Navigasi :
1. Klik link beranda menuju ke form A02
2. Klik link profil menuju ke form A03, A04
3. Klik link manajemen user menuju ke form A05
5. Klik link menu produk menuju ke form A06, A07,
A08, A09, A10 6. Klik link menu shipping
menuju ke form A11, A12, A13, A14, A15
7. Klik link menu transaksi menuju ke form A16, A17
8. Klik link menu laporan menuju ke form A18, 19
10. Klik link menu lain-lain menuju ke form A20, A21,
A22, A23, A24, A25, A26 11. Klik keluar
menuju ke form A01 12. Klik perbaharui menuju
ke form A24 13. Klik kembali menuju ke
form A24
Keterangan : Ukuran layar : Dinamis default 1280x800
Typeukuran font : Helvetica 10px Warna latar : FFFFFF
Beranda Profil
Manajemen User
Menu Produk Keluar
copyright Menu Shipping
Menu Transaksi Menu
Laporan Menu
Lain-Lain Ubah Jenis
Nama Pembayaran : Keterangan :
Gambar : Telusuri
Perbaharui Kembali
Gambar 3.96. Form Ubah Jenis Pembayaran
3.3.3. Perancangan Pesan
Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce di Idaiya Fashion. Adapun tampilan pesan yang ada
adalah sebagai berikut pada gambar 3.97. :
P01 Username atau password salah
P02 Username masih kosong
P03 Password masih kosong
P04 Password baru masih kosong
P05
Konfirmasi password masih ksong
P06
Konfirmasi password masih ksong
P07
Password baru minimal 6 karakter
P08
Konfirmasi password minimal 6 karakter
P09
Password baru harus sama dengan konfirmasi password
P10
Nama masih kosong
P11
Berhasil disimpan
P12
Berhasil diubah
P13
Administrator sudah ada
P14
Data adminsitrator belum ada
P15
Nama kota masih kosong
P16
Ongkos kirim masih kosong
P17
Kota sudah ada
P18
Yakin akan menghapus kota “nama kota”?
Ya Batal
P19
Nama kategori masih kosong
P20
Kategori sudah ada
P21
Yakin akan menghapus kategori “nama kategori”?
Ya Batal
P22
Harga masih kosong
P23
Diskon masih kosong
P24
Berat masih kosong
P25
Gambar masih kosong
P26
Source code error
P27
Barang sudah ada
P28
File minimal 2 MB
P29
File hanya tipe JPG, JPEG
P30
Yakin akan menghapus barang “id barang”?
Ya Batal
P31
Warna masih kosong
P32
Stok masih kosong
P33
Detail barang sudah ada
P34
Stok barang harus diatas nol
P35
Total pembayaran harus sama dengan atau lebih dari total bayar
P36
Total bayar masih kosong
P37
Apakah benat pesanan dengan ID “no id” sedang dipersiapkan
Ya Batal
P38
Apakah benat pesanan dengan ID “no id” telah dikirim
Ya Batal
P39
Nama lengkap masih kosong
P40
Alamat masih kosong
P41
Kota masih kosong P42
Telepon masih kosong
P43
Email masih kosong
P44
Telepon tidak valid P45
Email tidak valid
P46
Registrasi member berhasil Silahkan login
P47
Email sudah ada P48
Username sudah ada
P49
Terima kasih detail pesanan anda telah dikirim
ke email “alamat email”
Gambar 3.97. Perancangan Pesan
3.3.4. Jaringan Semantik
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di
program akan digambarkan dalam sebuah jaringan semantik. 1. Jaringan Semantik Pengunjung
Jaringan semantik pengunjung pada aplikasi e-commerce pada Idaiya Fashion adalah sebagai berikut seperti terlihat pada gambar 3.98.
P01
P02 P03
P04 P05
P06 P39,P40,P41,P42,P43,P44,P45,P46,P47,P48
Gambar 3.98. Jaringan Semantik Pengunjung
2. Jaringan Semantik Pelanggan Jaringan semantik pelanggan pada aplikasi e-commerce pada Idaiya
Fashion adalah sebagai berikut seperti terlihat pada gambar 3.99.
C02 C01
C04 C05
C03 C08
C09 C06
C07 C10
C11 C12
C13 P04,P06,P07,P08
P12,P30
Gambar 3.99. Jaringan Semantik Pelanggan
3. Jaringan Semantik Admin Jaringan semantik admin pada aplikasi e-commerce pada Idaiya
Fashion adalah sebagai berikut seperti terlihat pada gambar 3.100.
A02 A11
A13 A16
A01
A21 A15
A05 A04
A18 A03
A07 A09
A19 A12
A14
A17
A22
A06 A08
A10 A20
P11,P15,P16,P17 P11,P12,P16,P18
P11,P12,P13,P14
P11,P19,P20
P11,P12 P11,P12
P11,P12,P22,P23,P24,P25,P27,P28,P29,P30,P31,P32,P33,P34 P11,P19,P20,P21
P12,P35,P36,P37,P38 P11,P12
P01,P02,P03 P11,P12
P15,P17,P18 P11,P12
P03,P04,P05,P06,P07,P08,P09
Gambar 3.100. Jaringan Semantik Admin
3.4. Perancangan Prosedural