Perancangan Flowchart Program Perancangan

95 Nama file : pinjam Primary key : id_pinjam Foregn key : id_anggota, id_buku Type file : master file Tabel 4.22. Spesifikasi database pinjam Field Jenis id_pinjam int 5 id_anggota int 9 id_buku Varchar 6 tgl_pinjam Date

4.3.4. Perancangan Flowchart Program

1. Flowchart program login petugas Gambar 4. 18. Flowchart program login petugas Mulai Username dan password valid? Input username dan password Kembali ke halaman login Tapilkan halaman home admin, atau petugas Selesai Ya Tidak 96 2. Flowchart program login anggota Gambar 4. 19. Flowchart program login anggota 3. Flowchart program tambah data petugas Gambar 4. 20. Flowchart program tambah data petugas Mulai Input username dan password Username dan password valid? Kembali ke halaman login Tampilkan halaman home anggota Selesai Ya Tidak Mulai Input semua data pada form tambah user Data user akan ditambah? Kembali ke halaman sebelumnya Simpan data user ke tabel petugas Selesai Ya Tidak 97 4. Flowchart program tambah data anggota Gambar 4. 21. Flowchart program tambah data anggota 5. Flowchart program update data Gambar 4.22. Flowchart program update data Mulai Input semua data pada form tambah anggota Semua data telah diisi dengan benar? Tampilkan pesan kesalahan Menyimpan data ke dalam tabel anggota Selesai Ya Tidak Mulai Input semua data pada form edit Data akan diubah Kembali ke halaman sebelumnya Perbarui data pada tabel Selesai Ya Tidak 98 6. Flowchart program hapus data Gambar 4. 23. Flowchart program hapus data 7. Flowchart program tambah peminjaman Gambar 4. 24. Flowchart program tambah peminjaman Mulai Pilih data yang akan dihapus Data akan dihapus? Data batal dihapus Hapus data pada tabel Selesai Ya Tidak Mulai Input semua data pada form tambah peminjaman Data peminjaman ditambah? Kembali kehalaman sebelumnya Simpan data peminjaman ke tabel pinjam Selesai Ya Tidak 99 8. Flowchart program tambah buku Gambar 4. 25. Flowchart program tambah buku 9. Flowchart program tambah pengembalian Gambar 4. 26. Flowchart program tambah pengembalian Mulai Input semua data pada form pengembalian Data pengembalian ditambah? Kembali kehalaman sebelumnya Simpan data pengembalian ke tabel kembali Selesai Ya Tidak Mulai Input semua data yang ada dalam form Ada file gambar? Data akan disimpan? Tampilkan lokasi file gambar Kembali kehalaman sebelumnya Simpan data kedalam tabel Selesai Tidak Ya Ya Tidak 100 10. Flowchart program ganti password Gambar 4. 27. Flowchart program ganti password 11. Flowchart program pembuatan laporan Gambar 4. 28. Flowchart program pembuatan laporan Mulai Input semua data pada form ganti password Password diganti? Kembali kehalaman sebelumnya Perbaharui data ke dalam tabel Selesai Ya Tidak Mulai Selesai Buat laporan Tampilkan halaman laporan Cetak laporan 101 12. Flowchart program cek anggota Gambar 4. 29. Flowchart program cek anggota 13. Flowchart program cek peminjaman Gambar 4. 30. Flowchart program cek peminjaman Mulai Input nomor anggota, nama anggota Cek nomor dan nama anggota Data anggota valid? Kata kunci minimal 3 karakter, data anggota tidak diketemukan Tampil data lengkap anggota selesai Tidak Ya Mulai Input nomor anggota Cek nomor anggota Nomor anggota valid? Nomor anggota harus 5 digit, data anggota tidak diketemukan Tampilkan data anggota yang meminjam buku Selesai Tidak Ya 102 14. Flowchart program hitung denda Gambar 4. 31. Flowchart program hitung denda Mulai Input tanggal pinjam, tanggal kembali Anggota terlambat mengembalikan buku? Selisih hari = tanggal kembali – batas waktu Jumlah denda = selisih hari 200 Simpan data pengembalian ke tabel kembali Halaman pengembalian dan jumlah denda ditampilkan Selesai tidak Ya 103 15. Flowchart program detail buku Gambar 4. 32. Flowchart program detail buku Mulai Tampilkan detail buku yang dipilih Cek jumlah buku pada tabel buku Jumlah buku = 1? Buku tidak tersedia Tampilkan tombol booking Selesai Tidak Ya 104 16. Flowchart program pencarian koleksi buku Gambar 4. 33. Flowchart program pencarian koleksi buku Mulai Input judul, penerbit, pengarang Cek data yang diinput pada tabel buku Koleksi buku ditemukan? Kata kunci minimal 5 karakter, koleksi buku tidak ditemukan Tampilkan hasil pencarian koleksi buku Selesai Tidak Ya 105 17. Flowchart program pemesanan buku ` Gambar 4. 34. Flowchart program pemesanan buku Mulai Input semua data yang ada pada form pemesanan Semua data telah diisi dengan benar? Menampilka n pesan gagal disimpan Menyimpan data pemesanan kedalam tabel booking Menampilkan kode pemesanan Selesai Ya Tidak 106 18. Flowchart program lupa password Gambar 4. 35. Flowchart program lupa password Mulai Input email anggota Email anggota valid? Tampilkan pesan password gagal terkirim ke email anggota Kirim username dan password ke email anggota Tampilkan pesan berhasil terkirim Selesai Ya Tidak 107 19. Flowchart program komentar anggota Gambar 4. 36. Flowchart program komentar anggota Mulai Input nama, website, kimentar Nama dan komentar telah diisi? Kode verifikasi cocok? Tampilkan pesan error Simpan data kedalam tabel komentar Tampilkan komentar anggota Selesai Tidak Ya Ya Tidak 108 4.3.5. Perancangan Antarmuka 4.3.5.1. Perancangan Antarmuka Layout