ProgramStudiTeknikInformatika DPPL-TanioMall
6 4 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.4 Antarmuka List Barang
Gambar 4.6 Rancangan Antarmuka Halaman List Barang
Rancangan Antarmuka gambar 4.6 merupakan antarmuka halaman list barang. Pada halaman ini pengguna dapat
melihat daftar barang, dapat mengurutkan, dapat memfilter, dan dapat melakukan pencarian barang sesuai
dengan kriteria barang yang dicari. Ketika suatu barang dipilih maka akan menampilkan detil barang yang
dipilih.
Gambar 4.6 Rancangan Antarmuka Halaman List Baran n
g g
Ra Ra
nc an
an ga
ga n
n A
An ta
ta rm
rm uk
uk a gamb
b ar
ar 4
4 .
6 6 me
e ru
ru pa
pa ka
kan an an
ta ta
rm rm
u uka
ha hala
laman list t
b ba
arang. g
P P
ad ada
a h
halaman in
ini i
pengguna na
d dapat
meli liha
hat t
da a
ft ftar baran
ang, d
d a
apat men n
gu gu
ru tk
tkan ,
, dapat
memfilter, dan dapat m m
elakuk an
a pencarian barang sesuai
dengan kriteria barang g yang di
icari. Ketika suatu barang dipilih maka akan m
menampi ilkan detil barang
yang dipilih.
ProgramStudiTeknikInformatika DPPL-TanioMall
6 5 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
Gambar 4.7 Rancangan Antarmuka Halaman Filter List Barang
Pada gambar 4.7 menunjukkan rancangan antarmuka filtrasi pencarian barang berdasarkan kategori barang,
lokasi toko, barang memiliki harga nego, harga minimum dan maksimum. Setelah pengguna menekan tombol OK maka
akan tampil barang sesuai dengan kriteria filtrasi pencarian barang.
Gambar 4.7 7
Ra Ra
nc anga
a n
n An
An ta
tarmuk k
a a Ha
Ha la
laman Fi
Fi lt
lt er
List Barang ng
Pada gambar 4.7 me
nu nunjukkan rancangan antarm
rmuk uka
fi filt
ltra ra
si pencarian barang berdasarkan kategori i
b bar
aran an
g, lo
lo ka
kasi si t
t ok
ok o,
o, b
b ar
ar an
an g
g me
memi mili
l ki
ki h har
ar ga
ga n
n eg
eg o,
o, h
h ar
ar ga
ga min in
im imum
da an
ma maks
ks im
imum um.
Se Se
te la
a h
h peng
ng guna
na men ek
ek an
n t
t om
om bo
bo l
l OK OK
maka akan
t t
am am
pi pil barang se
esuai dengan krite
ri ri
a a
filtrasi pencarian barang.
ProgramStudiTeknikInformatika DPPL-TanioMall
6 6 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
Gambar 4.8 Rancangan Antarmuka Pengurutan List Barang
Pada gambar 4.8 menunjukkan rancangan antarmuka pengurutan list barang dengan kategori list barang
terbaru, termurah, dan termahal. Setelah memilih jenis pengurutan list barang maka list barang akan terurut
sesuai dengan jenis pengurutan yang dipilih oleh pengguna aplikasi TanioMall.
Gambar 4.8 Rancangan Ant nt
ar ar
muka Pengurutan List Baran n
g g
Pada gambar 4.8 menunjukkan rancangan an n
t tarm
rmuk uk
a pe
pe ng
ngur ur
ut ut
an an
l l
is is
t t
ba bara
rang ng den
enga ga
n n
ka ka
te te
go go
ri ri
l l
is is
t t
ba bara
rang te
terb rb
ar ar
u, t t
er er
mu mura
a h
h, d
d an
a t
t er
er m
maha a
l. l.
S S
et et
el elah
ah memil il
ih ih
j jenis
pengur ur
ut ut
an an
l list barang
g maka
a list barang
g ak
ak an
an terurut sesuai dengan jenis
pengur r
utan yang dipilih oleh pengguna aplikasi Tani
i oMall.
ProgramStudiTeknikInformatika DPPL-TanioMall
6 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
4.5 Antarmuka Halaman Detil Barang