ProgramStudiTeknikInformatika DPPL-TanioMall
5 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 Perancangan Antarmuka
4.1 Antarmuka Halaman Home
Gambar 4. 1 Rancangan Antarmuka Halaman Home
Rancangan
Antarmuka gambar 4.1 adalah rancangan antarmuka ketika pengguna melihat halaman utama atau
home pada aplikasi mobile. Pengguna dapat melihat barang-barang terpopuler, barang-barang terbaru, dan
kategori barang yang tersedia. Selain itu pengguna dapat melihat menu yang terdapat pada aplikasi. Menu
aplikasi terdiri dari 2 jenis yaitu menu untuk pengunjung dan menu untuk pengguna yang telah mendaftar
sebagai member. Berikut rancangan antarmuka menu untuk pengunjung seperti yang ditunjukkan pada gambar 4.2.
Gambar 4. 1 Rancangan Antarmuka Halaman Home
Ra Ra
nc nc
anga g
n
An An
ta ta
rm rm
uk uk
a a
gamb mb
ar ar
4 4
. .
1 1
ad ad
l alah
r r
an anca
ca ng
ng an
a an
ta tarm
r uka ke
ke ti
tik ka
p p
en e
ggun un
a a
meli i
ha ha
t t
ha ha
la la
ma m
n utam ama
a atau
home e
pa p
da a
aplikasi m
mobile .
. Pengguna
a dapat
m elihat
barang-barang terpopul ler, ba
arang-barang terbaru, dan kategori barang yang
tersed dia. Selain itu pengguna
dapat melihat menu yan ng ter
rdapat pada aplikasi. Menu aplikasi terdiri dari
2 jenis yaitu menu untuk
pengunjung dan menu untuk k
p pengguna yang telah mendaftar
ProgramStudiTeknikInformatika DPPL-TanioMall
6 0 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. 2 Rancangan Antarmuka Halaman Menu Pengunjung
Pada gambar 4.2 menunjukkan rancangan antarmuka menu untuk pengunjung. Menu yang disediakan bagi
pengunjung yaitu home untuk menuju ke halaman home, kategori barang untuk melihat daftar kategori barang,
sign in unutk melakukan sign in apabila pengunjung telah mendaftar sebagai member aplikasi, dan sign up
untuk mendaftar sebagai member pada aplikasi TanioMall.
Ga mb
ar 4
. 2
2 R
Rancangan n
A A
ntarmu u
ka ka Halaman
M M
en en
u Pe
ng unjung
g
Pada gambar 4.2
menunjukkan rancangan anta a
rm rm
uk uk
a me
me nu
n u
u nt
nt uk
u p
p en
en gu
gu nj
nj ung. Menu ya
ya ng
ng d
d is
s ed
ed ia
ia k
kan n
ba ba
gi pe
pe ng
ng un
j ju
ng ng
y ai
ai tu
tu h
home e
un untu
tuk k
menu u
ju ju
k ke
ha ha
l laman
ho ho
me, ka
a te
te go
go ri
ri b b
a aran
an g
g untuk
k melihat
t daftar r
kat ateg
eg or
or i
i ba
barang, sign in
unutk melakuka kan
si sign in
apabila pengunjung telah mendaftar sebag
ai memb
ber aplikasi, dan
sign up untuk mendaftar sebaga
i i
membe er pada aplikasi TanioMall.
ProgramStudiTeknikInformatika DPPL-TanioMall
6 1 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.3 Rancangan Antarmuka Halaman Menu Member
Pada gambar 4.3 menunjukkan rancangan antarmuka menu untuk member. Menu untuk member ini terdapat menu
home yang digunakan untuk menuju ke halaman home, kategori barang yang digunakan untuk melihat kategori
barang, profil yang digunakan untuk melihat detil profil member, toko yang digunakan untuk melihat detil
toko member, pesan yang digunakan untuk melihat pesan singkat yang masuk, keranjang belanja untuk melihat
daftar belanja yang dimiliki oleh member, nego yang digunakan untuk melihat negosiasi pembelian dan
penjualan yang dimiliki oleh member, selanjutnya menu transaksi yang digunakan untuk melihat dan mengelola
transaksi pembelian dan penjualan yang dimiliki oleh member, dan menu logout.
Gambar 4.3 Ra
a nc
nc an
an ga
g n Antarmuka
a Ha
Ha la
l man Menu
Me e
mb mb
e er
Pada gam b
bar 4. 3
3 me
menunj njuk
uk k
kan rancangan antarm m
uk uka
a me
menu untuk member. Menu u u
nt n
uk member ini terdapat m
men en
u ho
home e
y y
ang digunakan untuk menuju ke halama ma
n n
ho ho
m me,
ka ka
te t
go o
ri ri b
b ar
ar an
an g
g ya
yang g
d d
ig igun
n ak
ak an
an u
u nt
nt uk
uk m
m el
elih ihat
at k
kat ateg
eg ori
ba a
ra ra
ng ng
, ,
pr prof
ofil il yang
g digunaka
kan un n
tu tu
k k
me me
li li
ha hat
t detil
profil l
member, toko yan n
g dig gunakan untuk me
li lihat detil
toko member, pesan ya ng digu
n nakan untuk melihat pesan
singkat yang masuk, ke
k ranjan
ang belanja untuk melihat daftar belanja yang di
imili k
ki oleh member, nego yang
digunakan untuk meliha at
negosiasi pembelian dan
penjualan yang dimiliki ol
o eh
member, selanjutnya
menu
ProgramStudiTeknikInformatika DPPL-TanioMall
6 2 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.2 Antarmuka Pencarian
