Program Studi Teknik Informatika DPPL – VSMS
64 80
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 Utama Toko
Gambar 4.2 Rancangan Antarmuka Halaman Utama Toko
Antarmuka ini merupakan inti dari sistem yang berisi sidebar menu untuk masuk ke antarmuka-antarmuka
lainnya. Pada sidebar menu di sebelah atas, berisi Kelola Kategori, Kelola Katalog, Kelola Produk, Tampil
History Transaksi dan Pengaturan akun toko. Masing- masing menu terdiri dari fungsi berbeda-beda, pada
Kelola Kategori terdapat 2 link, yaitu: Tampil Kategori yang menampilkan halaman kategori dan Tambah Kategori
menampilkan antarmuka berisi data-data kategori yang akan ditambahkan. Kelola Katalog terdapat 2 link,
yaitu: Tampil Katalog yang menampilkan semua produk katalog dan Tambah Katalog yang menampilkan halaman
antarmuka berisi data-data katalog yang akan ditambahkan.
Kelola Produk terdapat 2 link, yaitu Tampil Produk yang menampilkan halaman Produk dan Tambah Produk yang
menampilkan antarmuka berisi data-data Produk yang akan ditambahkan. History Transaksi untuk menampilkan data
history transaksi berdasarkan tanggal, bulan dan tahun tertentu. Pada bagian Dasboard terdapat 2 link, yaitu
Program Studi Teknik Informatika DPPL – VSMS
65 80
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
Pengaturan Akun untuk mengubah data akun pengguna toko beserta ubah data password dan link Logout untuk keluar
dari halaman utama toko dan akan kembali ke antarmuka index.
4.3 Antarmuka Pengelolaan Data Kategori
Gambar 4.3 Rancangan Antarmuka Pengelolaan Data Kategori
Antarmuka ini digunakan untuk mengelola data kategori oleh pengelola toko. Pada halaman tampil
kategori terdapat tampil semua data kategori berupa nama kategori serta aksi. Bila admin ingin memilih
salah satu kategori untuk diubah atau dihapus, dapat dengan diklik icon “edit” mengubah data kategori atau
menghapus kategori yang dipilih icon “hapus”. Bila pengelola toko memilih edit kategori maka
akan tampil halaman yang berisi tempat-tempat untuk mengubah data-data kategori, seperti nama_kategori.
Bila button “simpan data” diklik dan sukses maka akan masuk ke halaman tampil kategori.
Sebaliknya bila admin memilih hapus kategori maka akan tampil dialog konfirmasi “Anda yakin ingin
Program Studi Teknik Informatika DPPL – VSMS
66 80
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
menghapus konten ini?” Bila admin memilih button “OK” maka data yang dipilih akan dihapus dan selanjutnya
masuk ke halaman tampil kategori. Apabila memilih button “Batal” maka data batal dihapus dan tetap berada
pada halaman tampil data kategori. Untuk menambahkan data kategori baru dengan
mengklik “Tambah Kategori” pada sidebar menu sebelah atas halaman. Maka akan masuk ke halaman tambah
kategori yang berisi tempat-tempat untuk mengisi data- data kategori seperti nama_kategori. Terdapat button
“simpan data” bila button diklik dan sukses maka selanjutnya masuk ke halaman tampil kategori dengan
data kategori baru yang berhasil ditambahkan.
4.4 Antarmuka Pengelolaan Katalog
