Sistem Informasi Peminjaman Online Buku Berbasis Web Chapter III V

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
diperpustakaan.

Universitas Sumatera Utara

25

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
untuk masuk ke halaman admin.

Universitas Sumatera Utara

26


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
proses registrasi peminjaman buku, menu help berisi petunjuk penggunaan web.

Universitas Sumatera Utara

27

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
1.

Simbol

Nama
Terminator

Fungsi
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
halaman kerja yang sama.

Universitas Sumatera Utara

28

Tabel 3.1. Lanjutan
7.

Predifined-

Untuk menyatakan kumpulan


proses

langkah-langkah proses.

Off-page

Penghubung halaman pada

Connector

halaman yang berbeda.

9.

Magnetic Disk

Untuk menyimpan data.

10.


Data Storage

Untuk menunjukkan

8.

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
kanan atau kanan ke kiri.

Universitas Sumatera Utara

29

3.3.1

Rancangan Flowchart Program


Start

Buka
Halaman
Utama
No

Halaman
Utama

Menu
Header

Home
Profil
Layanan
Daftar
Help
Logout

Yes

Finish
Gambar 3.1. Flowchart Halaman Awal

Universitas Sumatera Utara

30

Start

No

Halaman
Utama

No

Yes

Informasi
Umum

Home

No

Profil

Yes

No

Layanan

Yes

No

Daftar

Yes

No

Sejarah

Informasi
Layanan Perpus
MIPA

Form
Pendaftaran
Anggota

Yes

Penjelasan
Menu Utama

Help

Finish
Gambar 3.2. Flowchart Menu Halaman Utama

Universitas Sumatera Utara

31

Start

Daftar

Data
Anggota

Pinjam Buku

No

Data Buku
Yang
Tersedia

Pilih
Buku

Yes
Database

Registrasi
Pinjam Buku

Hasil
Peminjaman
Buku

Finish
Gambar 3.3. Flowchart Peminjaman Buku

Universitas Sumatera Utara

32
Start

Input
Username
Password

Login

No
Tampilan
Menu

No

No

Home

Profil

No

Yes

Informasi
Umum

Yes

Sejarah

Yes
Informasi
Layanan
Perpus

Layanan

No

Data
Buku

No

Yes

Yes
Data
Peminjam

No

Edit Buku
Tambah Buku
Hapus Buku

Edit Peminjam
Hapus Peminjam
Print Peminjam

Data
base

Data
base

Yes
Data
Anggota

Edit Anggota
Hapus Anggota
Print Anggota

Data
base

Finish

Gambar 3.4. Flowchart Halaman Administrator

Universitas Sumatera Utara

33

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

0

Peminjaman buku
USER

Peminjaman buku
Sistem
Informasi
Peminjaman
Online buku

ADMIN

Data Koleksi Buku
Registrasi Peminjaman Buku
Data Anggota dan Peminjaman Buku

Gambar 3.5. Diagram Konteks Sistem Informasi Peminjaman Online Buku

Universitas Sumatera Utara

34

Input

1.1

data anggota

Data Anggota

User
Proses Daftar
Anggota

M1

Anggota

Data Anggota

Input data

1.2

peminjama buku

Proses
Peminjaman
Buku

Data Peminjam
M2

Peminjaman

Hasil Registrasi
Peminjaman Buku

Data Hasil Registrasi
Peminjaman Buku

Data Peminjaman Buku

Admin

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,

Universitas Sumatera Utara

35

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

id_buku

int(10)

judul_buku

varchar(50)

kode_buku

varchar(10)

pengarang

varchar(50)

penerbit

varchar(50)

tahun

year

isbn

varchar(50)

status

varchar(10)

Key
PRI

Extra
Auto_Increment

Universitas Sumatera Utara

36

2. Tabel Anggota
Tabel ini digunakan untuk mengisi data diri anggota perpustakaan.
Tabel 3.3. Tabel Anggota
Field

Type

id_peminjam

int(10)

nama

varchar(50)

nim

int(20)

jurusan

varchar(50)

Key
PRI

Extra
Auto_Increment

3. Tabel Peminjam
Tabel ini digunakan untuk mengisi dan menyimpan regitrasi peminjaman buku.
Tabel 3.4. Tabel Peminjam
Field

Type

id_peminjam

int(10)

nama

varchar(20)

nim

int(15)

jurusan

varchar(20)

judul

varchar(50)

tanggal_pinjam

date

tanggal_kembali

date

Key
PRI

Extra
Auto_Increment

Universitas Sumatera Utara

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
(Hardware), perangkat lunak (Software) dan perangkat manusia (Brainware).

Universitas Sumatera Utara

38

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
dirancang.

Universitas Sumatera Utara

39

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
perancangan sebelumnya.

Universitas Sumatera Utara

40

Gambar 4.1. Halaman Index

Gambar 4.2. Halaman Utama

Universitas Sumatera Utara

41

Gambar 4.3. Halaman Profil

Gambar 4.4. Halaman Layanan Perpustakaan

Universitas Sumatera Utara

42

Gambar 4.5. Halaman Daftar Anggota

Gambar 4.6. Halaman Help

Universitas Sumatera Utara

43

Gambar 4.7. Halaman Admin

Gambar 4.8. Halaman Data Buku

Universitas Sumatera Utara

44

Gambar 4.9. Halaman Data Peminjam

Gambar 4.10. Halaman Data Anggota

Universitas Sumatera Utara

45

Gambar 4.11. Halaman Peminjaman Buku

Gambar 4.12. Halaman Hasil Peminjaman Buku

Universitas Sumatera Utara

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
cepat dan tepat sehingga pembuatan laporan lebih efisien.

Universitas Sumatera Utara

47

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
user (mahasiswa/i) lebih tertarik untuk mengunjungi website ini.

Universitas Sumatera Utara