ProgramStudiTeknikInformatika DPPL-TanioMall
7 7 82
Dokumen ini dan inf ormasi yang dimilikinya adalah milik Program Studi T ek nik Inf ormatika-UAJY dan bersifat ra has ia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program St u di Teknik I nf or m ati ka
Pada rancangan antarmuka pada gambar 4.18 menunjukkan halaman untuk edit data diri yang terdiri dari
informasi serta foto. Kemudian untuk gambar 4.19 menunjukkan halaman edit alamat. Pada gambar 4.20
menunjukkan halaman untuk edit aku Fasapay. Dan yang terakhir adalah gambar 4.21 yang menunjukkan halaman
edit password. Pada tiap halaman edit yang telah dijelaskan di atas, jika sudah selesai meng edit untuk
menyimpan pilih tombol simpan, dan data sudah terupdate dengan data yang baru.
4.12 Antarmuka Halaman Keranjang Belanja
Gambar 4.22 Rancangan Antarmuka Keranjang Belanja
Rancangan antarmuka pada gambar 4.22 menunjukkan halaman untuk edit barang toko. Penjual dapat mengedit
informasi maupun menambah foto barang yang akan dijual. Penjual harus mengupload minimal satu foto barang yang
Gambar 4.22 Rancangan n
An ntarmuka Keranjang Belanja
Rancangan antarmuka
pada gambar
4 22 menunjukkan
g menunjukkan halama
ma n
n edit alam
m at
at .
Pada gambar 4.20 menunjukkan ha
a l
laman untuk edit aku
Fa F
sapay. Dan yang terakhir
a a
d dalah gamb
b a
ar 4.21 yang menun ju
ju kkan halaman
edit pa password
d .
Pa P
da t
tia i
p p
ha hala
la ma
man edit y
y ang telah
dije e
l laskan di a
a ta
ta s
s, jika sudah se e
le le
sa s
i me m
nged d
it i
untuk me
e ny
impa pa
n n
pi pilih to
to mbol
sim pa
n, d an
n data
su suda
da h
h ter
up u
date d
deng g
an n
d d
a ata
y ya
ng baru.
4. 12
12 An n
t ta
rmuka Hala ma
n Ke ra
njang Be
lanja
ProgramStudiTeknikInformatika DPPL-TanioMall
7 8 82
Dokumen ini dan inf ormasi yang dimilikinya adalah milik Program Studi T ek nik Inf ormatika-UAJY dan bersifat ra has ia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program St u di Teknik I nf or m ati ka
akan dijual, kemudian mengisikan informasi tentang barang yang akan dijual pada form
yang telah disediakan. Setelah informasi terisi dengan lengkap,
kemudian klik simpan. Barang berhasil ditambahkan dalam toko.
Sedangkan untuk rancangan antarmuka perangka t lunak TanioMall untuk aplikasi web, sebagai berikut:
4.13 Antarmuka Halaman Beranda Web
Gambar 4.23 Rancangan Antarmuka Halaman Beranda Web
Pada gambar 4.23 menunjukkan rancangan antar muka halaman beranda pada aplikasi web. Pada halaman ini
admin dapat melihat jumlah member, jumlah toko, jumlah item, jumlah transaksi, grafik penambahan member per
bulan, dan grafik jumlah transaksi yang terjadi per bulan secara real time.
g g
p kemudian klik simp
p an
an. Barang ber ha
ha sil ditambahkan dalam
toko. Sedangka
a n
n untuk ranc
c an
n ga
ga n
n an
anta ta
rm r
uka pera a
ng ng
ka t lunak TanioM
oMall untu u
k k
ap ap
likasi web, se se
ba baga
gai i
berikut:
4. .13 An
n ta
ta rm
rm u
uka Ha Hala
man Beranda Web
Gambar 4.23 Rancanga an Antarm
muka Halaman Beranda Web
Pada gambar 4.23 m menunj
jukkan rancangan antar muka halaman beranda pada ap
plik ikasi
web. Pada halaman ini admin dapat melihat jumlah
ah member, jumlah toko, jumlah
ProgramStudiTeknikInformatika DPPL-TanioMall
7 9 82
Dokumen ini dan inf ormasi yang dimilikinya adalah milik Program Studi T ek nik Inf ormatika-UAJY dan bersifat ra has ia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program St u di Teknik I nf or m ati ka
4.14 Antarmuka Halaman Pesan
