BAB 3
PERANCANGAN SISTEM
3.1 Analisis Sistem
Untuk membangun suatu sistem yang berupa Sistem Informasi Peminjaman
Online Buku yang berbasis Web, terlebih dahulu penulis merencanakan
bagaimana alur kerja dari sistem yang akan dibuat. Sehingga sistem yang
dibangun nantiya dapat sesuai dengan kebutuhan dari user yang akan
menggunakan layanan website ini.
Sistem ini dibuat atas dasar untuk lebih mengefisienkan proses peminjaman
buku diperpustakaan. Saat ini proses peminjaman buku khususnya diperpustakaan
FMIPA-USU masih menggunakan cara tradisional yang artinya mengharuskan
peminjam buku datang dan mencari sendiri buku yang hendak dipinjam. Hal ini
tentu kurang mengefisienkan waktu.
Selain itu saat ini banyak hal sudah diterapkan secara digital untuk lebih
mendukung rutinitas manusia sehari-hari. Yang artinya sistem lama/cara
konvensional mulai dialihkan ke sistem digital. Hal ini dilakukan karena banyak
orang mengharapkan suatu proses/cara yang cepat dalam suatu hal, yang tentunya
lebih mendukung rutinitas mereka. Berdasarkan hal tersebut penulis mencoba
membangun sebuah Sistem Informasi Peminjaman Online Buku Berbasis Web
yang dapat mempermudah dan mempercepat proses peminjaman buku
3.2 Perancangan Sistem/Website yang akan dibuat
Perancangan sistem merupakan kegiatan mentransformasikan hasil analisis ke
dalam suatu perencanaan untuk dapat diimplementasikan. Tujuannya untuk
memenuhi kebutuhan user/pengguna mengenai gambaran perancangan sistem
yang akan dibuat serta implementasinya.
Pada sistem ini akan dirancang form-form yang akan dibuat dalam sistem
informasi peminjaman online buku, diantaranya ada form utama yang memuat
rancangan halaman utama web, form admin yang memuat proses penambahan,
pengeditan serta penghapusan data ataupun informasi, selanjutnya form user yang
memuat informasi data buku, layanan perpustakaan dan proses registrasi
peminjaman buku.
3.2.1 Form Utama
Pada halaman utama sistem terdapat menu-menu seperti home, profil, layanan,
daftar, help, logout serta form login tempat login admin. Ketika menu home di
klik kita akan tetap berada pada halaman utama sistem, menu profil di klik akan
menampilkan informasi tentang sejarah FMIPA-USU, menu layanan di klik akan
menampilkan informasi layanan perpustakaan FMIPA-USU, menu daftar di klik
akan masuk ke pengisian anggota perpustakaan, serta menu help di klik akan
menampilkan petunjuk penggunaan web. Form login sebagai tempat bagi admin
3.2.2 Form Admin
Pada form admin terdapat menu-menu seperti home, profil, layanan, data buku,
data peminjam, anggota dan logout. Ketika menu home di klik kita akan tetap
berada pada halaman utama sistem, menu profil berisi informasi tentang sejarah
FMIPA-USU dan memuat proses menambah, mengedit ataupun menghapus
informasi. Menu layanan berisi informasi layanan perpustakaan FMIPA-USU dan
memuat proses menambah, mengedit, serta menghapus informasi. Menu data
buku berisi data koleksi buku dalam perpustakaan dan memuat proses menambah,
mengedit, serta menghapus data buku. Menu data peminjam berisi data peminjam
buku dalam perpustakaan dan memuat proses mengedit, serta menghapus data
peminjam. Menu anggota berisi data anggota perpustakaan.
3.2.3 Form User
Pada form user terdapat menu-menu seperti home, profil, layanan, daftar, help
serta logout. Pada menu home memuat tampilan utama web, menu profil memuat
informasi sejarah FMIPA-USU, menu layanan memuat informasi layanan
perpustakaan, menu daftar memuat pengisian data anggota perpustakaan serta
3.3 Flowchart Program
Flowchart merupakan sebuah diagram yang menyatakan aliran algoritma atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir atau
bisa juga disebut sebagai proses yang menampilkan langkah-langkah/arus
pekerjaan secara keseluruhan dari sistem yang dibangun. Flowchart menggunakan
simbol-simbol grafis untuk menjelaskan urutan-urutan dari prosedur yang ada
dalam sistem. Berikut simbol-simbol standar flowchart.
Tabel 3.1. Simbol-Simbol Flowchart
No Simbol Nama Fungsi
1. Terminator Simbol untuk memulai dan
mengakhiri suatu program.
2. Proses Simbol yang menunjukkan
setiap proses pengolahan.
3. Decision Proses pengambilan keputusan
untuk memilih kondisi yang
tepat.
4. Input-Output Proses untuk memasukkan
data atau menampilkan hasil
dari suatu proses.
5. Predefined-Data Proses pemberian definisi awal
dari suatu variabel atau data.
6. Connector Simbol penghubung dalam
Tabel 3.1. Lanjutan
7.
Predifined-proses
Untuk menyatakan kumpulan
langkah-langkah proses.
8. Off-page
Connector
Penghubung halaman pada
halaman yang berbeda.
9. Magnetic Disk Untuk menyimpan data.
10. Data Storage Untuk menunjukkan
input/output menggunakan
disket.
11. Display Untuk output yang ditujukan
ke suatu device seperti
monitor.
12. Document Simbol untuk data yang
berbentuk informasi.
13. Arus atau flow Arah alir suatu prosedur yang
dapat dilakukan dari atas ke
bawah, bawah ke atas, kiri ke
3.3.1 Rancangan Flowchart Program
No
Yes
Gambar 3.1.Flowchart Halaman Awal
Start
Buka
Halaman
Utama
Halaman
Utama
Menu
Header
Finish
Home
Profil
Layanan
No
Gambar 3.2.Flowchart Menu Halaman Utama
No
Yes
Gambar 3.3.Flowchart Peminjaman Buku
Start
Finish
Data
Anggota
Pilih
Buku
Daftar
Pinjam Buku
Data Buku Yang Tersedia
Registrasi
Pinjam Buku
Hasil Peminjaman
Buku
3.4 Data Flow Diagram (DFD)
Data Flow Diagram atau DFD adalah gambaran model sistem secara logika. Data
flow diagram dapat digunakan baik pada tahap analisis maupun tahap desain,
namun diagram ini lebih cocok digunakan untuk tahap desain karena dapat
memberikan batasan ruang lingkup, sehingga pekerjaan pengembangan sistem
dapat lebih terfokuskan. Berikut rancangan Data Flow Diagram sistem:
Data Koleksi Buku dan
data Hasil Registrasi Peminjaman Buku
Data Anggota dan Data Anggota dan
Peminjaman buku Peminjaman buku
Data Koleksi Buku
Registrasi Peminjaman Buku
Data Anggota dan Peminjaman Buku
Gambar 3.5. Diagram Konteks Sistem Informasi Peminjaman Online Buku USER
0
Sistem Informasi Peminjaman Online buku
Input
data anggota Data Anggota
M1 Anggota
Data Anggota
Input data
peminjama buku Data Peminjam
M2 Peminjaman
Hasil Registrasi
Peminjaman Buku
Data Hasil Registrasi
Peminjaman Buku Data Peminjaman Buku
Gambar 3.6. DFD Level 1 Sistem Infomasi Peminjaman Online Buku
3.5 Rancangan Database
Database terdiri dari dua kata yaitu Data dan Base. Data dapat diartikan sebagai
representasi fakta yang mewakili suatu objek seperti benda, manusia, kejadian, Admin
User
1.1
Proses Daftar Anggota
1.2
Proses Peminjaman
aktivitas, keadaan dan sebagainya. Sedangkan Base dapat diartikan sebagai
gudang atau tempat penyimpanan data. Secara umum database terdiri dari
sekumpulan file (tabel) yang saling berkaitan antara file yang satu dengan file
yang lainnya yang memungkinkan pemakai dapat mengakses dan memanipulasi
file-file tersebut.
Struktur database digunakan untuk menentukan file database yang
digunakan seperti field, tipe data dan ukuran data. Dalam perancangan Website
Sistem Informasi Peminjaman Online Buku, desain sistem ini terdiri dari 2 tabel.
Adapun rancangan database yang digunakan adalah:
1. Tabel Buku
Tabel ini digunakan untuk mengisi dan menyiman data-data buku yang ada
diperpustakaan.
Tabel 3.2.Tabel Buku
Field Type Key Extra
id_buku int(10) PRI Auto_Increment
judul_buku varchar(50)
kode_buku varchar(10)
pengarang varchar(50)
penerbit varchar(50)
tahun year
isbn varchar(50)
2. Tabel Anggota
Tabel ini digunakan untuk mengisi data diri anggota perpustakaan.
Tabel 3.3.Tabel Anggota
Field Type Key Extra
id_peminjam int(10) PRI Auto_Increment
nama varchar(50)
nim int(20)
jurusan varchar(50)
3. Tabel Peminjam
Tabel ini digunakan untuk mengisi dan menyimpan regitrasi peminjaman buku.
Tabel 3.4.Tabel Peminjam
Field Type Key Extra
id_peminjam int(10) PRI Auto_Increment
nama varchar(20)
nim int(15)
jurusan varchar(20)
judul varchar(50)
tanggal_pinjam date
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang
dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji
dan memulai sistem yang baru. Implementasi sistem mempunyai 4 tahap, yaitu:
1. Menentukan Perangkat Keras (Hardware) dan Perangkat Lunak (Software)
yang tepat serta sesuai untuk merancang sistem.
2. Merancang sistem.
3. Membuat laporan, menguji dan mendokumentasikan program.
4. Mendapatkan persetujuan.
4.2 Komponen Utama dalam Implementasi Sistem
Agar sistem perancangan yang telah dikerjakan dapat berjalan baik atau tidak,
maka perlu kiranya dilakukan pengujian terhadap ssitem yang telah dikerjakan.
Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras
4.2.1 Perangkat Keras (Hardware)
Perangkat keras atau hardware merupakan komponen yang terlihat secara fisik
artinya dapat dilihat dan digunakan yang saling bekerja sama dalam pengolahan
data. Perangkat keras atau hardware yang digunakan meliputi:
1. Monitor.
2. CPU (Central Processing Unit).
3. Hardisk sebagai media penyimpanan.
4. Memori minimal 256 MB.
5. Keyboard dan Mouse.
4.2.2 Perangkat Lunak (Software)
Perangkat lunak atau software adalah instruksi atau program-program komputer
yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan
yang diinginkan. Dalam hal ini perangkat lunak atau software yang digunakan
adalah:
1. Sistem Operasi Windows 7.
2. Adobe Dreamweaver CS6.
3. XAMPP 3.2.1 dimana di dalamnya terdapat Apache sebagai server, PHP
sebagai bahasa pemrograman yang digunakan dan MySQL sebagai software
pembuatan database.
4. Google Chrome sebagai browser tempat menjalankan program yang telah
5. Aplikasi Photoshop.
4.2.3 Perangkat Manusia (Brainware)
Brainware merupakan faktor yang menangani fasilitas komputer yang ada. Faktor
manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk
menangani sistem dan merupakan unsur manusia yang meliputi:
1. Analisa Sistem yaitu orang yang membentuk dan membangun fasilitas
rancangan sistem atau program.
2. Programmer yaitu orang yang digunakan dalam membangun suatu program.
3. Operator (Administrator) yaitu orang yang mengoprasikan sistem, seperti
melakukan masukkan data untuk dioperasikan oleh komputer dalam
menghasilkan informasi dan lain sebagainya.
4. Public yaitu orang yang akan memakai sistem yang telah dirancang untuk
memperoleh suatu informasi.
4.3 Tampilan Desain Program
Subbab ini akan menampilkan tampilan program yang telah dibuat dari tahap
Gambar 4.1.Halaman Index
Gambar 4.3.Halaman Profil
Gambar 4.5.Halaman Daftar Anggota
Gambar 4.7.Halaman Admin
Gambar 4.9.Halaman Data Peminjam
Gambar 4.11. Halaman Peminjaman Buku
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil perancangan, pembuatan sampai implementasi dari Sistem Informasi
Peminjaman Online buku Berbasis Web, kesimpulan yang diperoleh adalah
sebagai berikut:
1. Sistem yang dirancang merupakan sistem informasi berbasis web yang dapat
memberikan informasi secara online juga mempermudah proses menginput
data, mengedit data, menghapus data dan mencetak data yang diinginkan.
2. Dengan adanya sistem informasi peminjaman online buku berbasis web, user
tidak perlu mengalami kesulitan memperoleh akses informasi data pustaka
dan proses peminjaman data pustaka dapat dilakukan secara online.
3. Sistem Informasi Peminjaman Online Buku mempermudah pekerjaan admin
dalam pemasukan data peminjam, karena hal tersebut dilakukan sendiri oleh
user, selain itu pengelolaan data pustaka perpustakaan juga menjadi lebih
5.2 Saran
Untuk pengembangan sistem lebih lanjut, adapun saran yang dapat penulis
sampaikan adalah sebagai berikut:
1. Untuk pengembangan sistem lebih lanjut, diharapkan agar ruang lingkup
sistem informasi yang dibuat dapat lebih luas dalam memberikan informasi
yang dibutuhkan.
2. Mengenalkan sistem ini kepada user (mahasiswa/i) bahwa dalam proses
peminjaman buku, dapat dilakukan secara online sehingga lebih
mempermudah.
3. Diharapkan desain Website dapat diperbaharui menjadi lebih baik lagi agar