Perancangan Struktur Menu Perancangan Antarmuka

52 | P a g e 6 Alamat varchar 100 Alamat User 7 Email varchar 50 Email user 8 Verifikasi varchar 255 Verifikasi user 9 Tgldaftar Timestamp tanggal daftar awal 10 Level Enum Level user Table 3.5 Struktur User

3.2.2 Perancangan Struktur Menu

Berikut ini merupakan perancangan tiga struktur menu yaitu struktur menu untuk anggota, struktur menu untuk petugas administrasi, dan struktur menu untuk download dan upload. 1. Struktur menu anggota Merupakan rancangan struktur menu untuk anggota. Gambar 3.10 menjelaskan struktur menu untuk anggota. Home Login Upload download Daftar buku pendaftaran Data anggota Data perpus Data admin Gambar 3.13 struktur menu anggota 53 | P a g e 2. Struktur menu admin Merupakan rancangan struktur menu untuk petugas administrasi. Gambar 3.11 menjelaskan struktur menu untuk petugas administrasi. Home Login Pengolahan data buku Pengolahan data anggota Pengolahan berita Gambar 3.14 struktur menu admin 3. Struktur menu upload dan download Merupakan rancangan struktur menu untuk upload dan download data. Gambar 3.12 menjelaskan struktur menu untuk pengambilan dan penambahan. 54 | P a g e Home Login download upload Kategori buku judul penulis penerbit ebook sinopsis kategori Gambar 3.15 struktur menu upload dan download

3.2.3 Perancangan Antarmuka

Rancangan antarmuka merupakan media yang dipergunakan komputer untuk berkomunikasi dengan manusia. Interface di komputer dikenal dengan GUIgraphical user interface. Dalam terminologi perangkat lunak, interface atau antarmuka bisa diartikan sebagai tampilan atau cara perangkat lunak yang bersangkutan berinteraksi dengan penggunanya. Sedangkan dalam terminologi perangkat keras, interface atau antarmuka mengacu kepada standar yang digunakan oleh suatu peripheral tertentu untuk berhubungan dengan peripheral lainnya dalam suatu sistem. Gambar 3.29 menjelaskan tentang spesifikasiantarmuka. 55 | P a g e Gambar 3.16 Antarmuka form home T01 HOME PROFI CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Pencarian Isi Login Waktu Game Wallpaper  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11 56 | P a g e Gambar 3.17 Antarmuka Profil T02 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Pencarian Profil sekolah Login Waktu Game Wallpaper  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11 57 | P a g e Gambar 3.18 Antarmuka contact T03  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11  Klik submit maka pesan akan tersimpan dan akan melanjutkan ke form home T01 HOME PROFI L CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Pencarian Login Waktu Game Wallpaper nama email subjec message submit reset Logo sekolah 58 | P a g e Gambar 3.19 Antarmuka koleksi buku T04 HOME PROFI L CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Pencarian Koleksi buku Login Waktu Game Wallpaper  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11 59 | P a g e Gambar 3.20 Antarmuka berita T05 HOME PROFI CONTACT BERITA KOLEKSI Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Pencarian Berita tarbaru Login Waktu Game Wallpaper  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11 60 | P a g e Gambar 3.21 Antarmuka form user T06 HOME PROFI CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku Pencarian Nama user : logout Sumbang buku Daftar buku anda Biodata user Berita terbaru Daftar buku yang diupload user  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Ketika login maka akan tampil form sesuai jabatan T06 T11 61 | P a g e Gambar 3.22 Antarmuka lupa password T07 Logo sekolah Username Home | Profile | Contact Lupa password Masukan Username Anda Belum punya account ? Klik disini untuk  Klik username maka akan melanjutkan ke form sesuai jabatan T06 T11  Klik mendaftar untuk menuju ke form pendaftaran T08  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03 62 | P a g e Gambar 3.23 Antarmuka pendaftaran T08  Klik daftar maka akan melanjutkan ke form member T06  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03 Home | Profile | Contact Logo sekolah Username password Confirm Password Nama lengkap Jenis kelamin Tanggal lahir Alamat Email Data Pribadi User ID reset 63 | P a g e Gambar 3.24 Antarmuka upload data T09  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik simpan maka ebook akan tersimpan dan melanjutkan ke koleksi buku user T10  Klik sumbang buku maka akan tampil form upload T09  Klik daftar buku maka akan tampil form T10 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Nama user : logout Sumbang buku Daftar buku anda Judul Penulis Penerbit Kategori Sinopsis Ebook browse Simpan Ulan Pencarian 64 | P a g e Gambar 3.25 Antarmuka daftar buku yang diupload user T10  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik sumbang buku maka akan tampil form upload T09  Klik daftar buku maka akan tampil form T10 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Berita terbaru Kategori buku Nama user : logout Sumbang buku Daftar buku anda Daftar buku yang diupload user Berita terbaru 65 | P a g e Gambar 3.26 Antarmuka form admin T11  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik post lalu berita akan terimpan dan dilanjutkan ke form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku maka akan tampil form T15 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Data berita, data user, dan data buku yang belum di approve Daftar buku terbaru Post berita Berita terbaru Berita terbaru 66 | P a g e Gambar 3.27 Antarmuka daftar buku untuk edit atau hapus T12  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku maka akan tampil form T15 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Daftar buku untuk di edit atau hapus oleh admin Berita terbaru 67 | P a g e Gambar 3.28 Antarmuka daftar member untuk di edit atau hapus T13  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku maka akan tampil form T15 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Daftar member untuk di edit atau hapus oleh admin Berita terbaru 68 | P a g e Gambar 3.29 Antarmuka berita T14  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku maka akan tampil form T15 HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Post isi berita Berita terbaru judul pos t res et Daftar berita yang sudah berhasil dipost 69 | P a g e Gambar 3.30 Antarmuka daftar buku yang belum di approve T15  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Daftar buku yang menunggu persetujuan admin Berita terbaru 70 | P a g e Gambar 3.31 Antarmuka edit data buku T16  Klik home maka akan tampil form home T01  Klik profil maka akan tampil form profil T02  Klik contact maka akan tampil form kontak T03  Klik koleksi buku maka akan tampil form koleksi buku T04  Klik berita maka akan tampil form berita T05  Klik logout maka akan tampil form home T01  Klik daftar buku maka akan tampil form daftar buku T10  Klikdaftar user maka akan tampil form daftar user T13  Klik berita di menu admin maka akan menampilkan tampilan form post berita T14  Klik approve buku maka akan tampil form T15  HOME PROFIL CONTACT BERITA KOLEKSI BUKU Logo Sekolah BUKU BARU BUKU BARU BUKU BARU Kategori buku pencarian MENU : Logout Daftar buku Daftar user Berita Approvebuku home Judul Penulis Penerbit Kategori Sinopsis Ebook Choose Simpan Ulang Berita terbaru 71 | P a g e Gambar 3.32 Antarmuka edit data member T17

3.2.4 Jaringan Semantik