Program Studi Teknik Informatika DPPL – FFF
72 96
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4. Deskripsi Perancangan AntarMuka
4.1 Antarmuka Halaman Login
Gambar 4.1 Rancangan Antarmuka Login
Antarmuka ini digunakan untuk melakukan proses login ke dalam sistem. Untuk mendapat akses masuk ke
dalam sistem, pengguna harus memasukkan username dan kata sandi dengan benar pada textbox yang telah
disediakan. Pada saat tombol masuk dipilih, sistem akan mengecek username dan kata sandi yang dimasukkan dengan
data username dan kata sandi yang telah tersimpan di database. Jika data username dan kata sandi benar atau
cocok maka pengguna akan masuk ke dalam sistem, sebaliknya jika username atau kata sandi salah atau
tidak cocok maka akan diberikan pesan peringatan “Username atau kata sandi anda tidak sesuai” dan
kembali lagi ke halaman login. Apabila tombol login dipilih maka proses akan dilanjutkan ke antarmuka
beranda admin, penjual atau pembeli, sesuai dengan role yang sudah ditentukan.
Program Studi Teknik Informatika DPPL – FFF
73 96
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.2 Antarmuka Halaman Beranda Admin
Gambar 4.2 Rancangan Antarmuka Beranda Admin
Antarmuka ini merupakan antarmuka utama dari role admin. Pada sitebar di atas terdapat menu pengelolaan,
yaitu pengelolaan pengguna, pengelolaan toko, pengelolaan kategori, pengelolaan referensi tarif,
pengelolaan testimonial, pengelolaan produk produk toko, produk populer dan produk promo.
4.3 Antarmuka Halaman Tambah Pengguna
Gambar 4.3 Rancangan Antarmuka Tambah Pengguna
Program Studi Teknik Informatika DPPL – FFF
74 96
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Antarmuka ini digunakan untuk melakukan tambah pengguna. Untuk melakukan penambahan data pengguna,
admin harus memasukkan nama pengguna, username, telpon, tanggal lahir, jenis kelamin, email, status role, dan
foto. Kolom password pada penambahan pengguna akan diset secara otomatis dengan “123456”. Tombol cari foto
digunakan untuk mencari foto yang ada di dokumen computer, tombol simpan digunakan untuk menyimpan form
pendaftaran pengguna yang sudah diisi, dan tombol batal digunakan untuk membatalkan membuat data pengguna baru
dan kembali ke halaman list pengguna.
4.4 Antarmuka Halaman Ubah Pengguna