Foreign Key : -
field type
attributes extra
idUser
smallint6 unsigned
auto_increment username
varchar20 password
varchar50 level
char1
4. Nama Tabel
: member Primary Key : idAnggota
Foreign Key : -
field type
attributes extra
idAnggota
varchar8 unsigned
auto_increment namaAnggota
varchar30 alamatAnggota
varchar100 noTeleponAnggota
varchar15 tanggalKeanggotaan date
idUser smallint6
4.3.3. Perancangan Antar Muka User Interface
Perancangan yang dilakukan meliputi halaman-halaman yang ada di dalam sistem, seperti melakukan perancangan antar
muka aplikasi dan tata letak web yang akan dibangun.
1. Halaman User Login
Halaman login merupakan tampilan untuk login. Pengguna telah terdaftar diharuskan untuk mengisikan
username dan password.
Logo Aneka D
Footer Menu Utama
User Login
Masuk
Username: Password:
Gambar 4.19 Rancangan Halaman Login
2. Halaman Menu Utama Home
Halaman utama home ini menampilkan pencarian anggota dan buku, karena fungsi utama aplikasi ini adalah
pencatatan peminjaman maka form yang akan ditampilkan
adalah memasukkan id anggota terlebih dahulu sebelum anggota dapat melakaukan peminjaman.
Logo Aneka D
Footer Menu Utama
Halaman Anggota
Halaman Koleksi ID Anggota:
Cari Koleksi: Image
Image
Cari
Cari
Gambar 4.20 Rancangan Halaman Home 3.
Halaman Tambah Anggota Pada perancangan halaman tambah anggota ditampilkan
form untuk mengisi data-data anggota baru seperti nama, alamat dan nomor telepon. Untuk nomor keanggotaan
telah disesuaikan atau diatur oleh program dengan menambahkan nomor dari anggota terakhir.
Logo Aneka D
Footer Menu Utama
Tambah Anggota
ID Anggota : Nama Anggota :
Alamat :
No Telepon : Tercetak
Gambar 4.21 Rancangan Halaman Tambah Anggota 4.
Halaman Tambah Koleksi Menampilkan form isian data-data buku yang akan
disimpan dalam database.
Gambar 4.22 Rancangan Halaman Tambah Koleksi 5.
Halaman Tambah Kategori Halaman tambah kategori menampilkan form untuk
penambahan jenis buku pada koleksi taman bacaan.
Gambar 4.23 Rancangan Halaman Tambah Kategori
6. Halaman EditHapus Kategori
Pada halaman ini, user dapat mengubah atau menghapus harga sewa atau jenis bacaan yang tersedia dalam taman
bacaan.
Gambar 4.24 Rancangan Halaman EditHapus Kategori 7.
Halaman Tambah User Halaman tambah user menampilkan form untuk pengguna
atau user yang dapat mengakses aplikasi ini. Halaman ini hanya bisa diakses oleh owner yang sekaligus juga sebagai
administrator yang menentukan username dan password untuk pengguna aplikasi ini.
Gambar 4.25 Rancangan Halaman Tambah User 8.
Halaman Hapus User Halaman hapus user menampilkan form penghapusan
user.
Gambar 4.26 Rancangan Halaman Hapus User
9. Halaman Cetak Barcode
Pada halaman cetak barcode menampilkan form untuk proses pencetakan barcode. Pencetakan barcode ini untuk
mencetak barcode pada kartu anggota dan juga barcode pada buku.
Gambar 4.27 Rancangan Halaman Cetak Barcode
4.4. Fase Konstruksi
