A10
Nama Layar : A10
Ukuran layar : 1024 x 768
Font : Calibri
Warna Background : Putih
- Klik beranda menuju A01 - Klik data petugas menuju
A02 - Klik data pelanggan menuju
A03 - Klik pengaturan web menuju
A04 - Klik ganti password menuju
A05 - Klik logout menuju A06
- Klik Batal menuju A03 - Klik Simpan menuju A03
- Klik ubah menuju A10 HALAMANDATA PELANGGAN header
Administrator LOGO
footer Batal
Form Ganti Profie Pelanggan Nama
Email Diaktifkan
Ya Tidak
Simpan BERANDA
DATA PETUGAS
Pengaturan Web DATA
PELANGGAN
GANTI PASSWORD
LOGOUT
Gambar 3.99. Menu Ganti Profil
3. 2. 2. 3 Perancangan Pesan
Pada gambar 3.100 dan 3.101 dibawah ini merupakan perancangan pesan yang terdapat pada e-commerce di Toko Barokah. Adapun tampilan pesan yang ada
adalah sebagai berikut :
“Email dibutuhkan PS01
X “Password dibutuhkan
PS02 X
OK OK
“Konfirmasi password dibutuhkan PS03
X “Nama” dibutuhkan
PS04 X
OK OK
“Alamat” dibutuhkan PS05
X
OK “Kota” dibutuhkan
PS07 X
“Provinsi” dibutuhkan PS08
X
OK OK
i i
i i
i i
i
“Nama Provinsi” dibutuhkan “Nama Kota” dibutuhkan
“Ongkos Kirim” dibutuhkan PS06
X
OK
i
Gambar 3.100. Perancangan Pesan
“Level” dibutuhkan PS09
X “Kode pos” dibutuhkan
PS10 X
OK OK
“Perhitungan” dibutuhkan PS11
X “No Rekening Asal” dibutuhkan
PS12 X
OK OK
“Nama Pemilik Rekening Asal” dibutuhkan
PS13 X
“No Rekening Asal” tidak valid PS14
X
OK OK
“Nama pemilik Rekening Asal” tidak valid
PS15 X
“ERROR : masukkan email anda PS16
X
OK OK
“ERROR : email salah PS17
X “ERROR : masukkan email dan
password anda PS18
X
OK OK
“ERROR : email atau passowrd salah PS19
X
OK “Kategori Barang” dibutuhkan
PS21 X
OK “Nama” dibutuhkan
PS23 X
“Merek” dibutuhkan PS24
X
OK OK
“Harga” dibutuhkan PS25
X “Berat” dibutuhkan
PS26 X
OK OK
“Stok” dibutuhkan PS27
X PS28
X
OK OK
PS29 X
“Kode Pengiriman” dibutuhkan PS30
X
OK “Nama Provinsi” dibutuhkan
PS31 X
“Nama Kota” dibutuhkan PS32
X
OK OK
“Kategori Barang” dibutuhkan“Nama” dibutuhkan
“Merek” dibutuhkan “Harga” dibutuhkan
“Berat” dibutuhkan “stok” dibutuhkan
“Merek” dibutuhkan “Harga” dibutuhkan
“Berat” dibutuhkan “stok” dibutuhkan
i i
i i
i
i i
i
i i
i i
i i
i i
“Nama Kota” dibutuhkan “Ongkos Kirim” dibutuhkan
PS20 X
OK
i
“Ongkos Kirim” dibutuhkan PS22
X
OK
i
Gambar 3.101. Perancangan Pesan Lanjutan
3. 2. 2. 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. Jaringan semantik yang akan dijelaskan pada gambar terdiri dari jaringan semantik admin, operator, pelanggan
dan jaringan semantik pengunjung. a. Jaringan semantik pengunjung
Jaringan semantik dari user pengunjung ditunjukkan oleh gambar 3.102.
165
P N
01 P
N 02
P N
03 P
N 4
PN 5
PN 06
PN 07
PN 08
PN 9
PN 1
PN 1
1 PN
12 PN
13 PN
14 PN
15 PN
1 6
PN 17
PN 01
PN 02
P N
3 P
N 4
PN 05
PN 06
PN 07
PN 08
PN 9
PN 1
PN 11
PN 12
PN 1
3 PN
1 4
PN 1
5 PN
1 6
PN 17
PS02,PS03 PS01,PS02,PS03,PS04,PS05,PS06
,PS07,PS08,PS10,PS11,PS23
PS11,PS17
Ga mb
ar 3
.1 02
. J arin
ga n S
em an
tik Pen
gu nju
ng
b. Jaringan semantik pelanggan Jaringan semantik dari user pelanggan ditunjukkan oleh gambar 3.103.
PG 1
PG PG
10 PG
1 1
PG 12
PG 13
PG 1
4
PS04 ,PS
06 ,PS0
7, PS10
, PS31
, PS32
, PS2
1
PS0 2,P
S03 PS
1 3
,PS14 PG
09
PG 08
PG 07
PG 6
PG 05
PG 04
PG 3
PG 2
Gambar 3.103. Jaringan Semantik Pelanggan
c. Jaringan Semantik Operator Jaringan semantik dari user operator ditunjukkan oleh gambar 3.102.
O 12
O 13
O 14
O 15
O 1
6 O
17 O
18 O
19 O
20 O
21 O
2 2
O 23
O 24
O 25
O 26
O 2
7 O
28
O 01
O 02
O 03
O 04
O 05
O 6
O 07
O 08
O 09
O 1
O 11
PS 03
,P S0
4,P S0
5
P S
21 PS
21 PS
21 P
S21 PS2
1 PS
21 , P
S1 8, P
S1 9, P
S1 2
PS 21
PS 31
PS 32
PS 32
PS 32
P S05,
PS07, PS08
Gambar 3.104. Jaringan semantik Operator
d. Jaringan Semantik Admin Jaringan semantik dari user admin ditunjukkan oleh gambar 3.105.
A02 A06
A09
A07 A08
A10
A03
A05 A04
A01 P
S 01
, P
S 2
, P
S 09
PS01,PS04 PS01,PS04
PS01, PS02, PS09
P S
01 ,P
S 02,P
S 19
PS01,PS04
Gambar 3.105. Jaringan Semantik Admin
3. 2. 2. 5 Perancangan Prosedural