Mendesain Sistem DESKRIPSI PEKERJAAN

4.2 Mendesain Sistem

Setelah melakukan analisis sistem, maka selanjutnya dilakukan desain sistem. Langkah-langkah yang dilakukan dalam desain sistem ini adalah: 1. System Flow 2. Context Diagram 3. HIPO 4. Data Flow Diagram DFD 5. Entity Relationship Diagram ERD 6. DBMS 7. Desain Input Output Ketujuh langkah tersebut akan dijelaskan sebagai berikut: 1. System Flow System flow adalah gambaran tentang sistem yang akan dibangun. System flow yang dibangun ini berisi tentang gambaran sistem yang akan dibuat. Pada awalnya siswa tidak perlu melakukan pendaftaran anggota perpustakaan, karena pada waktu proses pendaftaran masuk SMA secara otomatis siswa sudah terdaftar sebagai anggota perpustakaan di SMA Barunawati tersebut. Sebelum melakukan peminjaman buku biasanya anggota melakukan pencarian terhadap buku yang akan dipinjam, hal ini bertujuan agar anggota mengetahui tentang informasi buku yang dicari pada perpustakaan sebelum memutuskan untuk meminjamnya. Untuk melakukan pencarian buku, seorang peminjam ke Katalog Komputer dengan menyerahkan data koleksi buku yang dicari, kemudian petugas menginputkan data koleksi tersebut, jika buku ada maka sistem yang dibuat STIKOM SURABAYA akan menampilkan data koleksi buku yang dicari ada dari tabel koleksi dan data koleksi tersebut akan ditampilkan. Apabila buku tidak ada maka sistem akan memberikan usulan, jika usulan tersebut ada maka sistem akan menginputkan usulan koleksi dan melakukan proses penyimpanan usulan. Apabila tidak ada usulan, maka sistem akan mencari usulan tersebut, jika tidak ada maka proses selesai. Apabila usulan yang di cari tersebut ada maka sistem akan kembali menginputkan data koleksi dan melakukan proses pencarian koleksi sampai proses selanjutnya. Proses selanjutnya adalah mengecek status koleksi, jika status koleksi terpinjam maka siswa akan menginputkan data pesan koleksi dan menyimpan data pesanan koleksi tersebut di tabel pesan. Apabila status koleksi tidak terpinjam maka sistem akan menampilkan detail koleksi dari tabel koleksi dan rak. Gambar 4.4 menggambarkan system flow pencarian katalog. STIKOM SURABAYA PENCARIAN KATALOG SISTEM INFORMASI PEMINJAM Mulai Selesai Data Buku Data Buku Mencari Buku Buku Menampilkan Data Buku Ada? Cari Usulan? Usulan Buku Menyimpan Usulan Usulan Buku Buku Data Buku Mengecek Status Buku Menampilkan Detail Buku Data Usulan Data Pesan Buku Detail Buku Dipinjam? Data Pesan Buku Memesan Buku Menyimpan Data Pesanan Buku Pesan Tidak Tidak Ya Tidak Ya Rak Ya Tidak 1 1 2 2 Ya Gambar 4.4 System Flow Pencarian Katalog Setelah mendapatkan informasi buku dari pencarian pada katalog, siswa melakukan pencarian buku pada rak dimana buku yang dicari itu ditempatkan. Setelah mendapatkan buku yang akan dipinjam maka siswa menyerahkan buku dan kartu pelajar kepada petugas untuk melakukan pencatatan transaksi peminjaman. Petugas menginputkan dan mencocokkan Nomor Induk Siswa NIS dengan identitas pada kartu pelajar, jika tidak benar maka petugas menginputkan kembali NIS yang benar. Apabila benar maka petugas akan menampilkan Data Siswa dan mengecek jumlah pinjaman dari tabel transaksi. Jika jumlah STIKOM SURABAYA peminjaman buku lebih dari tiga, maka siswa tidak diperbolehkan untuk meminjam. Apabila tidak melebihi tiga, petugas akan menginputkan id koleksi dan melakukan proses menampilkan ketentuan koleksi. Setelah melakukan proses menampilkan data, proses selanjutnya adalah menghitung pembayaran dari tabel ketentuan dan dismpan pada transaksi peminjaman. Gambar 4.5 menggambarkan system flow peminjaman buku. PEMINJAMAN BUKU PERPUSTAKAAN PETUGAS PEMINJAM Mulai Selesai NIS Mengecek Data Peminjam T.Peminjam Benar ? Menampilkan Data Peminjam Data Peminjam NIS Mengecek Jumlah Pinjaman Transaksi 3? Id Buku Buku Pilihan Buku Buku Menampilkan Ketentuan Buku Ketentuan Buku Ketentuan Menghitung Pembayaran Pembayaran Simpan Transaksi Peminjaman Bukti Pembayaran Pinjaman Bukti Pembayaran Pinjaman 1 1 Tidak Ya Ya Tidak Transaksi T.Kelas Gambar 4.5 System Flow Peminjaman Buku STIKOM SURABAYA Transaksi pengembalian buku terjadi ketika peminjam mendatangi petugas dan menyerahkan kartu pelajar. Kemudian petugas menginputkan NIS, setelah itu sistem akan mengecek data peminjam dari tabel peminjam dan tabel kelas. Jika NIS tersebut benar maka sistem akan menampilkan data peminjam dan dilanjutkan sistem mengecek jumlah pinjaman dari tabel transaksi. Jika NIS yang di inputkan salah, maka petugas diberikan peringatan dan melanjutkan proses.. Setelah menginputkan NIS kemudian petugas menginputkan id buku dari peminjam. Sistem akan mengecek koleksi yang akan dikembalikan dari id buku tersebut. Jika tidak benar, maka petugas menginputkan id buku tersebut hingga benar. Jika benar, maka proses selanjutnya adalah mengecek keterlambatan. Jika tidak terlambat, maka sistem akan menyimpan dan mengupdate transaksi pengembalian dari tabel transaksi. Setelah dari proses penyimpanan dan mengupdate akan keluar dua dokumen bukti pengembalian buku, satu bukti pengembalian buku tersebut diberikan kepada peminjam dan satunya di arsip sebagai bukti pengembalian. Jika peminjam terlambat mengembalikan buku maka sistem akan langsung menghitung denda dari tabel ketentuan dan akan menampilkan denda tersebut. Kemudian sistem juga akan menampilkan pembayaran denda dan melakukan proses menyimpan dan mengupdate transaksi pengembalian lagi sampai proses pengarsipan. Gambar 4.6 menggambarkan system flow pengembalian buku. STIKOM SURABAYA PENGEMBALIAN BUKU PERPUSTAKAAN PETUGAS PEMINJAM Mulai Selesai Kartu Pelajar NIS Mengecek Data Peminjam T.Peminjam Benar? Menampilkan Data Peminjam Data Peminjam Mengecek Jumlah Pinjaman Transaksi Id Buku Mengecek Koleksi yang akan dikembalikan Buku T.Kelas Benar? Terlambat? Menghitung Denda Ketentuan Menampilkan Denda Denda Data Pembayaran Menghitung Menampilkan Pembayaran Denda Menyimpan Mengupdate Transaksi Pengembalian Transaksi Buku Tidak Tidak Ya Ya 1 Tidak 2 Ya Pembayaran Denda Bukti Pengembalian Buku 1 1 Bukti Pengembalian Buku 1 Gambar 4.6 System Flow Pengembalian Buku 2. Context Diagram Context diagram adalah gambaran menyeluruh dari DFD. Didalam context diagram terdapat 3 tiga external entity, yaitu: petugas, pembina dan siswa. Untuk detailnya pada gambar 4.7 dibawah ini. STIKOM SURABAYA Kartu Pelajar Tervalidasi Informasi Denda Data Siswa Pengembalian Data Buku yang akan Dipinjam Informasi Petug as Informasi Buku Informasi Laporan yang dipilih Laporan yang Dipilih SI Katalog _Peminjaman dan Peng embalian SMA Barunawati SBY + Petug as Pembina Siswa Gambar 4.7 Data Flow Diagram Level Context 3. HIPO HIPO berguna sebagai alat desain dan teknik dokumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi. Berikut ini adalah hierarchy chart dari rancang bangun sistem informasi perpustakaan pada SMA Barunawati Surabaya, seperti tampak pada gambar 4.8 Hierarchy Chart Sistem Informasi Perpustakaan. STIKOM SURABAYA Sistem Informasi Katalog, Peminjaman dan Pengembalian di Perpustakaan SMA Barunawati Surabaya 1 Mengelola Data Master 2 Melakukan Transaksi 3 Membuat Laporan 1.1 Mengelola Data Master Buku 1.2 Mengelola Data Ketentuan 1.3 Mengelola Data Peminjaman 1.1.1 Melakukan Pencarian Buku 1.1.2 Menyimpan Data Pesanan Buku 1.1.3 Simpan Transaksi Peminjaman 1.1.4 Menyimpan dan Mengupdate Pengembalian 1.2.1 Lama Pinjaman 1.2.2 Jumlah Pinjaman 1.3.1 Mengecek Data Peminjaman 1.3.2 Menampilkan Data Peminjaman 1.2.3 Biaya Pinjaman 1.2.4 Denda 1.2.1.1 Menentukan Lama Pinjaman 1.2.1.2 Menyimpan Data Lama Pinjaman 1.2.1.3 Mengupdate Lama Pinjaman 1.2.2.1 Menentukan Jumlah Pinjaman Gambar 4.8 Hierarchy Chart Sistem Informasi Perpustakaan STIKOM SURABAYA Sistem Informasi Katalog, Peminjaman dan Pengembalian di Perpustakaan SMA Barunawati Surabaya 1 Mengelola Data Master 2 Melakukan Transaksi 3 Membuat Laporan 2.1 Melakukan Pencarian Katalog 2.2 Melakukan Peminjaman Buku 2.3 Melakukan Pengembalian Buku 2.1.1 Mencari Buku 2.1.2 Menampilkan Data Buku 2.1.3 Mengecek Status Buku 2.1.4 Menampilkan Detail Buku 2.1.5 Memesan Buku 2.1.6 Menyimpan Data Pencarian Buku 2.1.7 Menyimpan Usulan 2.2.1 Mengecek Data Peminjam 2.2.2 Menampilkan Data Peminjam 2.2.3 Mengecek Jumlah Peminjam 2.2.4 Menampilkan Ketentuan Buku 2.2.5 Menghitung Pembayaran 2.2.6 Simpan Transaksi Peminjaman 2.3.1 Mengecek Data Peminjam 2.3.2 Menampilkan Data Peminjam 2.3.3 Mengecek Jumlah Peminjam 2.3.4 Mengecek Koleksi yang akan dikembalikan 2.3.5 Menghitung Denda 2.3.6 Menampilkan Pembayaran Denda 2.3.7 Menyimpan Mengupdate Transaksi Pengembalian Gambar 4.8.1 Hierarchy Chart Sistem Informasi Perpustakaan STIKOM SURABAYA Sistem Informasi Katalog, Peminjaman dan Pengembalian di Perpustakaan SMA Barunawati Surabaya 1 Mengelola Data Master 2 Melakukan Transaksi 3 Membuat Laporan 3.1 Memilih Laporan 3.2 Menentukan Laporan 3.3 Mencetak Laporan Gambar 4.8.2 Hierarchy Chart Sistem Informasi Perpustakaan 4. Data Flow Diagram DFD DFD merupakan perangkat yang digunakan pada metodologi pengembangan sistem yang terstruktur. DFD dapat menggambarkan seluruh kegiatan yang terdapat pada sistem informasi perpustakaan SMA Barunawati Surabaya secara jelas. STIKOM SURABAYA Data Usulan Diubah Data Usulan Baru Data Pesan Diubah Data Usulan Data Detail Peminjaman Dibaca Data Pesanan Dibaca Data Pesan Baru Data Pesan Data Peminjaman Data Peminjam Data Peminjam Data Buku yang akan dikembalikan [Data Siswa Peng embalian] [Informasi Denda] Data Siswa Peminjaman Status Buku Diubah Data Buku [Informasi Laporan yang dipilih] Data Buku Dibaca [Laporan yang Dipilih] Data Kelas Baru Data Kelas [Informasi Buku] [Informasi Petugas] [Kartu Pelajar] [Kartu Pelajar Tervalidasi] Data Buku Diubah Data Ketentuan Diubah Data Ketentuan Baru Data Transaksi Diubah Data Rak Diubah Data Buku Data Ketentuan Data Transaksi Data Rak Pembina Pembina Petug as Petug as Siswa Siswa Siswa Siswa Siswa 1 Meng elola Data Master + 2 Melakukan Transaksi + 3 Membuat Laporan + 1 Tabel Peminjam 2 Tabel Kelas 3 Tabel Buku 4 Tabel Usulan 5 Tabel Pesan 6 Tabel Ketentuan 7 Tabel Transaksi 8 Tabel Rak 9 Data Detail Peminjaman Gambar 4.9 DFD Level 0 Pada sub proses yang terjadi pada sistem informasi perpustakaan SMA Barunawati Surabaya ini yaitu mengelola data master, melakukan transaksi, dan membuat laporan. Tabel yang terlihat antara lain anggota, kelas, buku, klasifikasi, pengarang, penerbit, sumber, rak, petugas, peminjaman dan detil peminjaman. STIKOM SURABAYA [Data Pesan Diubah] [Data Pesan Baru] [Data Pesan] [Data Transaksi Diubah] [Data Transaksi] [Data Ketentuan Baru] [Data Ketentuan Diubah] [Data Ketentuan] [Data Kelas Baru] [Data Kelas] [Informasi Buku] [Informasi Petugas] [Kartu Pelajar] [Kartu Pelajar Tervalidas i] [Data Rak Diubah] [Data Rak] [Data Usulan Diubah] [Data Usulan Baru] [Data Usulan] [Data Buku Diubah] [Data Buku] 8 Tabel Rak 7 Tabel Trans aksi 6 Tabel Ketentuan 3 Tabel Buku 8 Tabel Rak 8 Tabel Rak 7 Tabel Trans aksi 7 Tabel Trans aksi 6 Tabel Ketentuan 6 Tabel Ketentuan 3 Tabel Buku 3 Tabel Buku Sis wa Sis wa Petug as Petug as 2 Tabel Kelas 2 Tabel Kelas 2 Tabel Kelas 5 Tabel Pesan 5 Tabel Pesan 4 Tabel Usulan 5 Tabel Pesan 4 Tabel Usulan 4 Tabel Usulan 1.1 Meng elola Data Master Buku + 1.2 Meng elola Data Mas ter Ketentuan + 1.3 Meng elola Data Master Peminjaman + Gambar 4.10 DFD Level 1 Proses Mengelola Data Master Pada DFD level 1 proses mengelola data master terdapat 3 tiga sub proses, yaitu mengelola data master buku, ketentuan dan peminjaman. Sub proses mengelola data master buku berfungsi untuk mengelola data-data buku. Sub proses mengelola data master ketentuan berfungsi untuk mengelola data-data ketentuan. Sub proses mengelola data master peminjaman berfungsi untuk mengelola data-data peminjaman atau siswa. STIKOM SURABAYA [Status Buku Diubah] Status Buku Diubah Status Buku Diubah [Data Buku] Data Buku Data Buku [Informasi Denda] [Data Siswa Peng embalian] [Data Peminjaman] Data Detail Peminjaman [Data Detail Peminjaman] [Data Peminjam] [Data Buku yang akan dipinjam] [Data Siswa Peminjaman] [Data Buku yang akan dikembalikan] Siswa 3 Tabel Buku 3 Tabel Buku Siswa Siswa 1 Tabel Peminjam 1 Tabel Peminjam 9 Data Detail Peminjaman 2.1 MElakukan Transaksi Peminjaman 2.2 Melakukan Transaksi Peng embalian Gambar 4.11 DFD Level 1 Proses Melakukan Transaksi Pada gambar 4.11 tersebut digambarkan proses transaksi yang dapat dilakukan oleh user. Ketika user yang berhasil masuk ke dalam sistem, maka user tersebut dapat melakukan pelayanan peminjaman buku ketika anggota memberikan surat informasi siswa dan informasi buku yang akan dipinjam. User tersebut pun juga dapat melayani anggota perpustakaan yang ingin melakukan pengembalian buku beserta fungsi penghitungan denda keterlambatan. STIKOM SURABAYA Laporan yang Diing inkan Laporan yang Dibutuhkan [Data Buku Dibaca] [Data Peminjam] [Data Detail Peminjaman Dibaca] [Informasi Laporan yang dipilih] [Laporan yang Dipilih] Pembina 3 Tabel Buku 1 Tabel Peminjam 9 Data Detail Peminjaman 3.1 Memilih Laporan 3.2 Menentukan Laporan 3.3 Mencetak Laporan Gambar 4.12 DFD Level 1 Proses Membuat Laporan Pada DFD level 1 proses membuat laporan ini berguna untuk membantu pembina perpustakaan dalam pengambilan keputusan. Proses ini berawal ketika pembina perpustakaan menentukan kriteria laporan yang akan dicetak. Kriteria laporan yang dimaksud adalah jenis laporan yang tersedia serta laporan yang dipilih. STIKOM SURABAYA [Data Transaksi Baru] [Data Rak Baru] [Data Usulan Baru] [Data Buku Baru] [Data Buku Diubah] [Data Usulan Diubah] [Data Transaksi Diubah] [Data Rak Diubah] [Data Rak] [Data Transaksi] [Data Buku] [Data Usulan] Data Buku Baru [Informasi Buku] 8 Tabel Rak 7 Tabel Transaksi 3 Tabel Buku 8 Tabel Rak 7 Tabel Transaksi 3 Tabel Buku Petug as 4 Tabel Usulan 4 Tabel Usulan 4 Tabel Usulan 1.1.1 Melakukan Pencarian Buku 1.1.2 Menyimpan Data Pesanan Buku 1.1.3 Simpan Transaksi Peminjaman 1.1.4 Menyimpan dan Meng update Peng embalian Gambar 4.13 DFD Level 2 Proses Mengelola Data Master Buku Pada proses mengelola data master buku, yang dilakukan pertama kali adalah melakukan pencarian buku setiap masukan dari petugas. Setelah melakukan pencarian maka dapat ditentukan apakah data yang dimasukkan tersebut baru atau sudah ada. Jika data tersebut baru, maka akan langsung disimpan ke tabel buku. Jika data tersebut sudah ada, maka data buku yang lama akan diganti oleh data tersebut. STIKOM SURABAYA [Data Kelas Diubah] [Data Kelas Baru] [Data Kelas] [Kartu Pelajar Tervalidasi] [Kartu Pelajar] Siswa Siswa 2 Tabel Kelas 2 Tabel Kelas 1.3.1 Mengecek Data Peminjaman 1.3.2 Menampilkan Data Peminjaman Gambar 4.14 DFD Level 2 Proses Mengelola Data Master Peminjaman Pada proses mengelola data master peminjaman, yang dilakukan pertama kali adalah memvalidasi setiap masukan dari siswa. Setelah divalidasi maka dapat ditentukan apakah data yang dimasukkan tersebut baru atau sudah ada. Jika data siswa tersebut baru, maka akan langsung disimpan ke tabel petugas. Jika data tersebut sudah ada, maka data siswa yang lama akan diganti oleh data tersebut. STIKOM SURABAYA [Status Buku Diubah] Status Buku Diubah Status Buku Diubah [Data Buku] Data Buku Data Buku [Informasi Denda] [Data Siswa Peng embalian] [Data Peminjaman] Data Detail Peminjaman [Data Detail Peminjaman] [Data Peminjam] [Data Buku yang akan dipinjam] [Data Siswa Peminjaman] [Data Buku yang akan dikembalikan] Siswa 3 Tabel Buku 3 Tabel Buku Siswa Siswa 1 Tabel Peminjam 1 Tabel Peminjam 9 Data Detail Peminjaman 2.1 MElakukan Transaksi Peminjaman 2.2 Melakukan Transaksi Peng embalian Gambar 4.15 DFD Level 2 Proses Melakukan Transaksi Peminjaman Pada proses melakukan transaksi peminjaman, yang dilakukan pertama kali adalah menerima data siswa dan data buku dari peminjam atau anggota perpustakaan SMA Barunawati Surabaya. Setelah itu proses yang dilakukan adalah menginputkan data tersebut secara terkomputerisasi, kemudian mengecek data buku dan anggota. Proses selanjutnya adalah menyimpan transaksi peminjaman dan proses yang terakhir adalah memperbarui status buku dengan merubah status buku menjadi sedang dipinjam. 5. Entity Relationship Diagram ERD ERD terbagi menjadi dua bagian, yaitu: a. Conceptual Data Model CDM CDM dari Sistem Informasi Perpustakaan SMA Barunawati Surabaya terdapat delapan tabel yaitu tabel anggota, kelas, petugas, buku, pengarang, penerbit, pengembalian, dan peminjaman. CDM dari STIKOM SURABAYA Sistem Informasi Perpustakaan SMA Barunawati Surabaya, dapat terlihat pada gambar 4.16 di bawah ini. data buku ditulis tersedia diterbitkan melayani melakukan berasal kelas id_kelas nama_kelas status anggota nis nama_anggota jenis_kelamin alamat petugas id_petugas username nama_lengkap password peminjaman id_peminjaman tgl_peminjaman tgl_kembali status pengembalian id_kembali tgl_kembali denda penerbit id_penerbit nama_penerbit alamat_penerbit kota_penerbit tahun_penerbit pengarang id_pengarang nama_pengarang email_pengarang buku id_buku judul_buku tahun_terbit_buku tgl_masuk harga asal_buku jumlah_buku Gambar 4.16 CDM b. Physical Data Model PDM PDM dari Sistem Informasi Perpustakaan SMA Barunawati Surabaya merupakan hasil generate dari CDM yang sudah digambarkan diatas. Pada PDM terdapat sembilan tabel dengan tipe data dan panjangnya, dapat dilihat pada gambar 4.17 di bawah ini. STIKOM SURABAYA ID_BUKU = ID_BUKU ID_PEMINJAMAN = ID_PEMINJAMAN ID_PENGARANG = ID_PENGARANG ID_KEMBALI = ID_KEMBALI ID_PENERBIT = ID_PENERBIT ID_PETUGAS = ID_PET UGAS NIS = NIS ID_KELAS = ID_KELAS KELAS ID_KELAS integer NAMA_KELAS varchar25 STATUS varchar20 ANGGOTA NIS varchar25 ID_KELAS integer NAMA_ANGGOTA varchar25 JENIS_KELAMIN varchar15 ALAMAT varchar50 PETUGAS ID_PETUGAS integer USERNAME varchar25 NAMA_LENGKAP varchar50 PASSWORD varchar25 PEMINJAMAN ID_PEMINJAMAN integer NIS varchar25 ID_PETUGAS integer TGL_PEMINJAMAN date TGL_KEMBALI date STATUS varchar20 PENGEMBALIAN ID_KEMBALI integer TGL_KEMBALI date DENDA integer PENERBIT ID_PENERBIT integer NAMA_PENERBIT varchar25 ALAMAT_PENERBIT varchar50 KOTA_PENERBIT varchar30 TAHUN_PENERBIT varchar10 PENGARANG ID_PENGARANG integer NAMA_PENGARANG varchar25 EMAIL_PENGARANG varchar50 BUKU ID_BUKU integer ID_PENERBIT integer ID_KEMBALI integer ID_PENGARANG integer JUDUL_BUKU varchar50 TAHUN_TERBIT_BUKU varchar10 TGL_MASUK date HARGA varchar25 ASAL_BUKU varchar25 JUMLAH_BUKU varchar15 DATA_BUKU ID_PEMINJAMAN integer ID_BUKU integer Gambar 4.17 PDM 6. DBMS Struktur tabel pada Sistem Informasi Perpustakaan SMA Barunawati Surabaya adalah sebagai berikut: a. Tabel Petugas Primary Key : ID_PETUGAS Foreign Key : - Fungsi : Untuk memulai menjalankan aplikasi Tabel 4.1 Struktur Tabel Petugas Field Type Data Length Constraint ID_PETUGAS Integer Primary Key USERNAME Varchar 25 NAMA_LENGKAP Varchar 50 PASSWORD Varchar 25 STIKOM SURABAYA b. Tabel Kelas Primary Key : ID_KELAS Foreign Key : - Fungsi : Menyimpan data kelas dari siswa atau peminjam Tabel 4.2 Struktur Tabel Kelas Field Type Data Length Constraint ID_KELAS Integer Primary Key NAMA_KELAS Varchar 25 STATUS Varchar 20 c. Tabel Anggota Primary Key : NIS Foreign Key : ID_KELAS dari tabel kelas Fungsi : Menyimpan data siswa anggota perpustakaan Tabel 4.3 Struktur Tabel Anggota Field Type Data Length Constraint NIS Varchar 10 Primary Key ID_KELAS Integer Foreign Key NAMA_ANGGOTA Varchar 30 ALAMAT_ANGGOTA Varchar 50 JENIS_KELAMIN Varchar 1 KATEGORI Varchar 5 d. Tabel Pengarang Primary Key : ID_PENGARANG Foreign Key : - Fungsi : Menyimpan data pengarang dari buku STIKOM SURABAYA Tabel 4.4 Struktur Tabel Pengarang Field Type Data Length Constraint ID_PENGARANG Integer Primary Key NAMA_PENGARANG Varchar 25 EMAIL_PENGARANG Varchar 50 e. Tabel Penerbit Primary Key : ID_PENERBIT Foreign Key : - Fungsi : Menyimpan data penerbit dari buku Tabel 4.5 Struktur Tabel Penerbit Field Type Data Length Constraint ID_PENERBIT Integer Primary Key NAMA_PENERBIT Varchar 25 ALAMAT_PENERBIT Varchar 50 KOTA_PENERBIT Varchar 30 TAHUN_PENERBIT Varchar 10 f. Tabel Buku Primary Key : ID_BUKU Foreign Key : ID_PENGARANG reference dari Tabel Pengarang, ID_PENERBIT reference dari Tabel Penerbit, ID_KEMBALI reference dari Tabel Pengembalian, Fungsi : Menyimpan data buku koleksi perpustakaan STIKOM SURABAYA Tabel 4.6 Struktur Tabel Buku Field Type Data Length Constraint ID_BUKU Integer 10 Primary Key ID_PENGARANG Integer Foreign Key ID_PENERBIT Integer Foreign Key ID_KEMBALI Integer Foreign Key JUDUL_BUKU Varchar 50 TAHUN_TERBIT_BUKU Varchar 10 TGL_MASUK Datetime HARGA Varchar 25 ASAL_BUKU Varchar 25 JUMLAH_BUKU Varchar 15 g. Tabel Peminjaman Primary Key : ID_PEMINJAMAN Foreign Key : NIS reference dari Tabel Anggota, ID_PETUGAS reference dari Tabel Petugas Fungsi : Menyimpan data transaksi peminjaman buku Tabel 4.7 Struktur Tabel Peminjaman Field Type Data Length Constraint ID_PEMINJAMAN Integer Primary Key NIS Varchar 25 Foreign Key ID_PETUGAS Integer Foreign Key TANGGAL_PEMINJAMAN Datetime TANGGAL_KEMBALI Datetime STATUS Varchar 20 h. Tabel Detail_Peminjaman Primary Key : ID_PEMINJAMAN Foreign Key : ID_PEMINJAMAN reference dari Tabel Peminjaman, STIKOM SURABAYA ID_BUKU reference dari Tabel Buku Fungsi : Menyimpan data detail dari transakdi peminjaman Tabel 4.8 Struktur Tabel Detil_Peminjaman Field Type Data Length Constraint ID_PEMINJAMAN Integer Primary Key Foreign Key ID_BUKU Varchar 10 Foreign Key TGL_PINJAM Datetime Foreign Key TGL_HKEMBALI Datetime TGL_KEMBALI Datetime DENDA Integer i. Tabel Data Buku Primary Key : ID_BUKU Foreign Key : ID_PENGARANG reference dari Tabel Pengarang, ID_PENERBIT reference dari Tabel Penerbit, ID_SUMBER reference dari Tabel Sumber, Fungsi : Menyimpan data buku koleksi perpustakaan Tabel 4.9 Struktur Tabel Buku Field Type Data Length Constraint ID_BUKU Varchar 10 Primary Key ID_PENGARANG Integer Foreign Key ID_PENERBIT Integer Foreign Key ID_SUMBER Integer Foreign Key JUDUL_BUKU Varchar 30 THN_TERBIT Datetime TGL_MASUK Datetime NAMA_SUMBER Varchar 30 HARGA Integer 30 STATUS_BUKU Varchar 7 STIKOM SURABAYA 7. Desain Input Output Desain input output digunakan untuk memberikan gambaran terhadap desain halaman aplikasi berbasis web yang akan dibangun. Berikut ini desain input output dari sistem informasi perpustakaan SMA Barunawati Surabaya. a. Halaman Login Halaman ini merupakan tampilan dari aplikasi yang nantinya akan dijalankan. Pada halaman ini petugas dari bagian perpustakaan sebagai user sistem memasukkan username dan password kemudian menekan tombol login. Apabila username dan password tersebut sudah benar maka user dapat membuka halaman yang lainnya. Username Password Login Gambar 4.18 Halaman Login b. Halaman Utama User Halaman ini akan tampil ketika petugas yang memiliki hak akses sebagai ”user” berhasil masuk ke aplikasi. Menu yang akan ditampilkan sesuai dengan kedudukan petugas yang masuk. Pada halaman ini hanya menampilkan menu dalam kegiatan transaksi pada aplikasi yang dirancang. STIKOM SURABAYA Gambar 4.19 Halaman Utama User c. Halaman Utama Admin Halaman ini akan tampil ketika petugas yang memiliki hak akses sebagai ”admin” berhasil masuk ke aplikasi. Menu yang akan ditampilkan sesuai dengan kedudukan petugas yang masuk. Pada halaman ini hanya menampilkan halaman menu maintain data master pada aplikasi. Gambar 4.20 Halaman Utama Admin STIKOM SURABAYA d. Halaman Katalog Halaman ini berguna untuk mempercepat melakukan pencarian informasi tentang buku yang dicari oleh anggota perpustakaan. User yang berhasil masuk ke sistem dapat melakukan pencarian dengan cara mengisikan kata kunci yang diberikan oleh anggota pada field kata kunci, setelah itu petugas memilih subjek pencarian berdasarkan judul atau pengarang buku. Proses pencarian dieksekusi ketika tombol cari telah diklik, hasil pencarian berdasarkan kata kunci tersebut akan ditampilkan pada tabel hasil pencarian. Kata Kunci Halaman Katalog CARI Judul Pengarang Jumlah Buku Subjek V | Penerbit Gambar 4.21 Halaman Katalog e. Halaman Peminjaman Halaman ini berguna untuk mencatat kegiatan transaksi peminjaman buku. User yang berhasil masuk ke sistem dapat mencatat transaksi dengan memasukkan NIS pada field NIS dan ID Buku pada field ID STIKOM SURABAYA Buku. Proses peminjaman berhasil apabila tombol submit diklik, kemudian secara otomatis aplikasi akan menampilkan pesan sukses tanggal buku harus dikembalikan. Tabel yang berada pada bagian bawah form berada pada posisi hidden sebelum melakukan submit peminjaman, tetapi ketika tombol submit ditekan maka akan menampilkan data buku yang dipinjam oleh anggota perpustakaan yang NIS miliknya dimasukkan pada field NIS. NIS Halaman Peminjaman SUBMIT Judul Tanggal Pinjam ID Buku Tanggal Harus Kembali Gambar 4.22 Halaman Peminjaman f. Halaman Pengembalian Halaman ini berguna bagi Petugas untuk melayani kegiatan transaksi pengembalian buku. User yang berhasil masuk ke sistem dapat memulai transaksi dengan memasukkan NIS pada field NIS dan ID Buku pada field ID Buku. Proses pengembalian berhasil apabila tombol submit diklik, kemudian secara otomatis aplikasi akan menampilkan pesan yang berisi tentang informasi pengembalian. Tabel yang berada pada bagian STIKOM SURABAYA bawah form berada pada posisi hidden sebelum melakukan submit pengembalian, tetapi ketika tombol submit ditekan maka akan menampilkan data buku yang dikembalikan dan informasi denda. NIS Halaman Pengembalian SUBMIT Judul Tanggal Pinjam ID Buku Denda Tanggal Harus Kembali Gambar 4.23 Halaman Pengembalian g. Halaman Pendaftaran Halaman ini berguna untuk menyimpan data anggota yang melakukan pendaftaran. User yang berhasil masuk ke sistem dapat menyimpan data anggota baru dengan memasukkan seluruh data sesuai dengan kartu pelajar dari pendaftar. Data yang dibutuhkan antara lain adalah NIS, Nama, Kelas, Alamat, Jenis Kelamin, Tanggal Lahir dan kategori kelas. Misalnya ketika form data pendaftar yang baru telah diisi dengan data siswa, kemudian tombol simpan digunakan untuk menyimpan data pegawai baru ke dalam database, tombol bersih digunakan untuk menghapus isi seluruh form pendaftaran yang baru saja diisikan. STIKOM SURABAYA NIS Halaman Pendaftaran Kelas DAFTAR BERSIH Alamat Nama V | Tanggal Lahir : Jenis Kelamin : Pria Wanita Kategori Gambar 4.24 Halaman Pendaftaran h. Halaman Laporan Halaman ini berguna bagi petugas dalam memperoleh informasi tentang buku yang belum dikembalikan oleh anggota. User yang berhasil masuk ke sistem dapat melihat semua nama anggota beserta buku pinjaman yang belum dikembalikan. Halaman Laporan Buku Belum Kembali NIS Nama Anggota Denda Tgl Harus Kembali Judul Keterlambatan Gambar 4.25 Halaman Laporan STIKOM SURABAYA i. Halaman Maintain Buku Halaman ini berguna untuk menginputkan data buku baru dan untuk melakukan perubahan atau update data buku. Admin yang berhasil masuk ke sistem dapat melakukan penyimpanan data buku dengan mengisikan data buku pada form pendaftaran, setelah semua data diisikan maka penyimpanan akan dieksekusi ketika tombol simpan diklik. Tombol bersih berfungsi untuk menghapus semua isian pada form pendaftaran. Tombol edit akan berfungsi ketika petugas telah memilih buku yang akan diupdate pada tampilan tabel yang berada pada bagian bawah dari form. Maintain Data Buku ID BUKU SIMPAN BERSIH EDIT V JUDUL BUKU THN TERBIT TGL MASUK NAMA SUMBER HARGA PENGARANG V JENIS SUMBER V PENERBIT Gambar 4.26 Halaman Maintain Data Buku STIKOM SURABAYA

4.3 Mengimplementasi Sistem