Antarmuka Halaman List Edit Barang Toko Antarmuka Halaman Profil Member 7 Rancangan Antarmuka Pr Antarmuka Halaman Edit Profil Member

ProgramStudiTeknikInformatika DPPL-TanioMall 7 3 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.9 Antarmuka Halaman List Edit Barang Toko

Gambar 4.16 Rancangan Antarmuka List Barang Toko Rancangan antarmuka pada gambar 4.16 menunjukkan halaman untuk list barang toko yang akan di edit. Pilih dahulu barang toko yang akan di edit, kemudian edit informasi atau tambah foto barang. Gambar 4.16 Rancangan An A tarmuka List Barang Toko Ra Ranc nc an an ga ga n n a an ta tarm rm uk uk a a pa a da da g g am am ba bar r 4

4. 16

16 me menu nu nj njuk uk k kan ha hala la ma ma n un n tu tuk k li i st st ba ba rang g to toko y yan n g g ak k an an d d i ed d it it . P Pilih dahulu lu b b ar ar an g toko yan ng ak k a an di edit, ke ke mu mu di dian edit informasi atau tambah foto bar rang. ProgramStudiTeknikInformatika DPPL-TanioMall 7 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.10 Antarmuka Halaman Profil Member

Gambar 4.17 Rancangan Antarmuka Profil Member Rancangan antarmuka pada gambar 4.17 menunjukkan halaman profil member yang berisi data diri serta detail toko dari member. Gamb ar

4.1 7 Rancangan Antarmuka Pr

ofil Memb e er Rancan n ga gan n an an ta ta rm rm uk uk a a pada da g g am am ba ba r r 4

4. 17

17 menunjukka kan n ha h laman profil member ya ya ng berisi data diri se sert rt a a de deta tail toko dari member. ProgramStudiTeknikInformatika DPPL-TanioMall 7 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

4.11 Antarmuka Halaman Edit Profil Member

Gambar 4.18 Rancangan Antarmuka Edit Profil Diri Member Gambar 4.19 Rancangan Antarmuka Edit Alamat Member Ga amb ar 4.18 Rancang an Antarmuka Edit Profil Diri Memb ber ProgramStudiTeknikInformatika DPPL-TanioMall 7 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.20 Rancangan Antarmuka Edit Akun Fasapay oleh Member Gambar 4.21 Rancangan Antarmuka Edit Password Member Edit profil terdiri dari 4 macam informasi yang akan di edit yaitu Profil diri, alamat, akun fasapay, dan password. Untuk masuk ke dalam menu edit, pilih tombol pengaturan saat halaman view profile dibuka. Gamb mb ar 4.20 Rancang an Ant ar muka Edit Akun Fasa pa pay ol ol eh eh Me mber Gambar 4.21 Rancangan An Anta tarmuka Edit Password Member Edit fil t di i d i 4 i f i 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