LAPORAN AKHIR

ANALISIS PERANCANGAN SISTEM INFORMASI

SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

PADA SMP NEGERI 12 BANDA ACEH

Diajukan oleh:

Azizah Lubis
NIM. 160212109

M. Sabarudin LB
NIM. 160212129

Yulia Maulida
NIM. 160212031

Dosen Pengampu Khairan AR

Unit Kelas 1

PRODI PENDIDIKAN TEKNOLOGI INFORMASI

FAKULTAS TARBIYAH DAN KEGURUAN
UNIVERSITAS ISLAM NEGERI AR-RANIRY BANDA ACEH
2018
Pernyataan Orisinalitas
Kami bersumpah bahwa laporan akhir analisis perancangan sistem ini adalah hasil
jerih payah kelompok kami sendiri, dan terkhusus untuk beberapa referensi yang
kami ambil, kami sebutkan dan cantumkan dengan jelas pada footnote atau
lampiran referensi dari tugas ini.
Kami siap bertanggung jawab secara hukum, jika dikemudian hari isi laporan yang
kami tulis ini mengandung unsur plagiarisme.

Yang menyatakan: Yang menyatakan: Yang menyatakan:

( Azizah Lubis ) ( M. Sabarudin LB ( Yulia maulida )

(160212109) )
( 160212031 )
(160212129 )

1
 DAFTAR ISI

A. Daftar isi .......................................................................................................................................... 2

B. Pengantar ........................................................................................................................................ 3
C. Deskripsi sistem informasi ........................................................................................................... 3
D. Diagram alir sistem ....................................................................................................................... 3
E. Bagian 1 ~ Pendekatan Terstruktur ............................................................................................ 5
1. Data Flow Diagram (DFD): ................................................................................................... 5
a. Context Diagram ...................................................................................................... 6
2. Entity Relationship Diagram (ERD) .................................................................................... 6
3. Struktur Proses ........................................................................................................................ 7
4. Kamus Data ............................................................................................................................. 7
5. Struktur Database ................................................................................................................... 9
6. Desain Input ............................................................................................................................ 11
7. Desain Output ......................................................................................................................... 11
F. Bagian 2 ~ Pendekatan Berorientasi Objek ................................................................................ 11
1. Diagram Use Case .................................................................................................................. 12
2. Diagram Activity .................................................................................................................... 13
3. Diagram Class ......................................................................................................................... 14
4. Diagram Object ....................................................................................................................... 15
G. Lampiran ......................................................................................................................................... 15

2
B. Pengantar

Sistem Informasi Perpustakaan merupakan suatu sistem informasi yang di dalamnya

memuat berbagai informasi yang berhubungan dengan aktivitas yang ada pada suatu
perpustakaan. sistem yang dibuat untuk memudahkan petugas perpustakaan dalam mengelola
suatu perpustakaan. Semua di proses secara komputerisasi yaitu digunakannya suatu software
tertentu seperti software pengolah database. Petugas perpustakaan dapat selalu memonitor
tentang ketersediaan buku, daftar buku baru, peminjaman buku dan pengembalian buku. Sistem
ini sudah banyak di manfaatkan oleh beberapa sekolah untuk membantu mereka dalam
mengelola dan mengontrol segala kegiatan yang ada di perpustakaan sekolah tersebut.

SMP Negeri 12 Banda Aceh merupakan salah satu sekolah menengah pertama negeri yang
ada di kawasan kota Banda Aceh. Pada sekolah ini pengelolaan sistem informasi sebagian besar
masih dilakukan secara manual, salah satunya dalam pengelolaan sistem informasi perpustakaan
sekolah tersebut. Pengolahan ini tidak mampu mencegah terjadinya pengulangan data yang
dibukukan. Pengulangan data menyebabkan kurang efesien dalam pembukuan saat proses
pinjam-meminjam ataupun penambahan serta pengurangan buku dan anggota di perpustakaan
tersbut. Hal ini dapat memungkinkan terjadinya terjadinya kesalahan dalam pengolahan data.

Maka dari itu, penulis, merancang sebuah Sistem Informasi Perpustakaan yang berbasis Web
pada SMP N 12 Banda Aceh, yang diharapkan mampu memberikan kemudahan dan kelancaran
dalam mengelola informasi perpustakaan tersebut.

C. Deskripsi Sistem Informasi

Sistem Informasi Perpustakaan berbasis Web adalah sebuah sistem informasi yang
berbasiskan website dimana sistem ini akan digunakan untuk menglola dan mengontrol segala
kegiatan yang terjadi di perpustakaan SMP N12 Banda Aceh, baik itu proses penambahan anggota
perpustakaan, penambahan buku perpustakaan, proses pinjam meminjam yang dilakukan oleh
anggota serta pendataan buku yang ada di perpustakaan SMP Negeri 12 Banda Aceh.

D. Diagram Alir Sistem

Diagram Alir Sistem adalah sebuah diagram yang menggambarkan aliran jalannya program
tersebut dan hubungan dari satu entitas ke entitas lainnya. Berikut ini merupakan diagram alir
sistem informasi perpustakaan SMP N 12 BNA yang kami rencanakan.

Siswa Admin Kepala Pustaka

3
 Start

Formulir Formulir
pendaftaran pendaftaran

Pengolahan
data anggota
dan
pembuatan
kartu anggota

Kartu anggota Kartu anggota

perpus perpus

Laporan data Laporan data

anggota perpus anggota perpus

Kartu anggota Kartu anggota

perpus perpus

Pencatatan
data
peminjaman
buku

Bukti
peminjaman Bukti
peminjaman

Membuat
laporan
peminjaman

Laporan data
Laporan data peminjaman
peminjaman buku
buku

Kartu anggota
perpus Kartu anggota
perpus

Pencatatan
data
pengembalian
buku

Bukti
pengembalian

Membuat
laporan
pengembalian
dan denda

4
 Laporan data
Laporan data pengembalian
pengembalian buku
buku

Laporan data
Laporan data denda buku
denda buku

E. Bagian 1 ~ Pendekatan Terstruktur End

Pendekatan Terstruktur adalah suatu proses untuk mengimplementasikan urutan langkah

untuk menyelesaikan suatu masalah dalam bentuk program.  Pendekatan terstruktur dalam
pengembangan system informasi adalah proses yang berorientasi kepada teknik yang digunakan
untuk merancang dan menulis program secara jelas dan konsisten.

1. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk
menggambarkan arus dari data pada suatu sistem atau menjelaskan proses kerja suatu
sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika,
tersruktur dan jelas.

a. Context Diagram

Context Diagram atau DFD level 0 merupakan gambaran besar yang dapat mewakili
seluruh proses yang terdapat di dalam suatu sistem. DFD level 0 akan digunakan untuk
menggambarkan interaksi antara sistem yang akan dikembangkan dengan entitas luar.

Gambar 1. Context Diagram Sistem Informasi Perpustakaan SMP N 12 BNA

2. Entity Relationship Diagram (ERD)

ERD (Entity Relationship Diagram) merupakan sebbuah diagram yang

menggambarkan susunan - susunan data yang disimpan pada sebuah sistem. Biasanya ERD
terdiri dari entitas, atribut, dan relasi. Entitas digambarkan berbentuk persegi panjang di

5
 dalam sebuah ERD karena entitas merupakan sebuah table penyimpanan data pada database.
Lalu adapun atribut yang digambarkan berbentuk oval dan atribut merupakan isi data dari
sebuah entitas. Kemudian relasi pada ERD digambarkan berbentuk belah ketupat dan relasi
merupakan hubungan yang ada antara satu entitas dengan entitas lainnya. Berikut ini adalah
ERD dari sistem informasi perpustakaan SMPN 12 BNA.

Gambar 2. ERD Sistem Informasi Perpustakaan SMP N 12 BNA

3. Struktur Proses/Struktur Program Aplikasi

Pada table berikut ini merupakan stuktur program sistem informasi perpustakaan SMPN 12
Banda Aceh. Pada struktur tersebut terdapat semua fitur yang ada pada website sistem
informasi perpustakaan SMPN 12 Banda Aceh.

Website Sistem Informasi

Perpustakaan

Menu Utama Anggota Peminjaman Pengembalian Buku Laporan

Tambah Tambah Tambah Tambah

data Cari data
data data data

Cari data Cari data Cari data Cari data View data

View data View data View data View data

Edit data Edit data Edit data Edit data

Hapus data Hapus data

6
 Hapus data Hapus data

Gambar 3. Struktur program Aplikasi Sistem Informasi Perpustakaan SMPN 12 BNA

4. Kamus Data
Kamus data ini merupakan deskripsi tertulis dari Sistem Informasi
Perpustakaan Berbasis Web, yang berada dalam database yang menjelaskan arti aliran
data dan penyimpanan data dalam DFD. Menspesifikasikan variabel dari setiap
entitas dalam database, serta mendeskripsikan hubungan antara entitas dalam ERD.

Tabel 1. Kamus Data Sistem Informasi Perpustakaan SMP N 12 BNA

1. Nama : Pendaftaran
Digunakan di : admin ketika mendaftarkan diri menjadi anggota pustaka
(input)
Deskripsi : pendaftaran = nis + nama + kelas + alamat
Nis =*int*
Nama=*varchar*
Kelas=*int*
Alamat=*varchar*
2. Nama : Peminjaman
Digunakan di : admin pada saat proses siswa meminjam buku (input)
Deskripsi : Peminjaman = kode pinjam + tanggal peminjaman +
tanggal pengembalian
Kode Pinjam =*int*
Tanggal Peminjaman =*date*
Tanggal Pengembalian =*date*
3. Nama : Pengembalian
Digunakan di : admin pada saat proses siswa mengembalikan buku
(input)
Deskripsi : Peminjaman = kode pengembalian + kode pinjam +
tanggal pengembalian
kode pengembalian =*int*
Kode Pinjam =*int*
Tanggal Pengembalian =*date*
9. Nama : Input Data Buku
Digunakan di : Admin ketika proses mendata buku, memasukkan buku
baru (input)

7
 Deskripsi : Buku = kode buku + judul + pengarang + penerbit +
kategori
Kode buku =*int*
Judul buku =*varchar*
Pengarang =*varchar*
Penerbit =*varchar*
Kategori =*varchar*
7. Nama : Input Data Pinjam
Digunakan di : Siswa dan admin pada saat proses siswa meminjam buku
Deskripsi : Peminjaman = kode pinjam + tanggal peminjaman +
tanggal pengembalian
Kode Pinjam =*int*
Tanggal Peminjaman =*date*
Tanggal Pengembalian =*date*
8. Nama : Input Data Anggota
Digunakan di : admin ketika siswa mendaftarkan diri menjadi anggota
pustaka (input)
Deskripsi : pendaftaran = nis + nama + kelas + alamat
Nis =*int*
Nama=*varchar*
Kelas=*int*
Alamat=*varchar*
9. Nama : Daftar Anggota
Digunakan di : admin ketika siswa mendaftarkan diri menjadi anggota
pustaka (input)
Deskripsi : pendaftaran = nis + nama + kelas + alamat
Nis =*int*
Nama=*varchar*
Kelas=*int*
Alamat=*varchar*
10. Nama : Daftar Buku
Digunakan di : Admin berisikan semua data buku yang ada
diperpustakaan (input)
Deskripsi : Buku = kode buku + judul + pengarang + penerbit +
kategori
Kode buku =*int*
Judul buku =*varchar*
Pengarang =*varchar*
Penerbit =*varchar*
Kategori =*varchar*

8
 11. Nama : Daftar Peminjaman
Digunakan di : admin berisikan semua data siswa beserta buku yang
di pinjam, pada saat proses siswa meminjam buku

Deskripsi : Peminjaman = kode pinjam + tanggal peminjaman +

tanggal pengembalian
Kode Pinjam =*int*
Tanggal Peminjaman =*date*
Tanggal Pengembalian =*date*

5. Struktur Database
Berikut ini adalah gambar struktur database sistem informasi perpustakaan SMPN 12 BNA.
Struktur database yang di tampilkan adalah bentuk struktur dari setiap table yang berisi
nama table, tipe data, value huruf, indeks dari atribut.

1. Struktur table buku

2. Struktur table siswa

3. Struktur table admin

9
 4. Struktur table peminjaman

5. Struktur table pengembalian

Gambar 4. Struktur Database Sistem Informasi Perpustakaan SMPN 12 BNA

6. Desain Input
Berikut ini merupakan tampilan input untuk menambah atau mendaftarkan siswa yang akan
menjadi anggota baru dari perpustakaan SMPN 12 BNA. Pada form inpt tersebut terdapat
beberapa data yang harus diisi untuk mendaftar sebagai anggota, dan data tersebut diisi
sesuai dengan data dari formulir yang telah diisi secara manual oleh siswa sebelumnya.

Gambar 5. Desain input anggota perpustakaan SMPN 12 BNA

10
7. Desain Output
Berikut ini merupakan hasil keluaran atau output setelah admin menambahkan anggota
baru. Pada tampilan berikut output yang ditampilkan merupakan semua data yang telah
diinputkan sebelumnya oleh admin berdasarkan dengan formulir yang diisi secara manual
oleh siswa sebelumnya.

Gambar 6. Desain output data anggota perpustakaan SMPN 12 BNA

F. Pendekatan Berorientasi Objek

Pendekatan berorientasi objek adalah pendekatan yang menyelesaikan suatu masalah
tersebut melalui objek-objek apa yang dapat melakukan pemecahan masalah tersebut.

1. Use Case Diagram

Use Case diagram adalah sebuah kegiatan yaitu interaksi antara actor dan sistem yang saling
berkesinambungan yang digambarkan dengan menggunakan komponen – komponen
tertentu agar client dapat mengerti jalannya sebuah sistem yang di rancang atau sedang di
rencanakan. Pada table berikut ini adalah gambaran use case dari sistem informasi
perpustakaan SMPN 12 Banda Aceh.

Mengelola
peminjaman

Siswa/anggota

meminjam

Transaksi
peminjaman
Admin

Mengelola
data buku

Mengelola
pengembalian
11
 mengembalikan

Gambar 7. Use Case Diagram Sistem Informasi Perpustakaan SMPN 12 BNA

1. Tabel skenario use case

Skenario Use Case

Nama Use Case : Sistem Informasi Perpustakaan SMPN 12 Banda Aceh
Nama Aktor : Admin/Pustakawan
**Type : Primary / Alternatif
Tujuan : Mengelola seluruh sistem
Pustakawan yang mengelola segala kegiatan yang ada pada
Deskripsi :
sistem informasi.

Aksi Aktor Reaksi Sistem

Menampilkan form input untuk anggota baru
Penambahan anggota baru
dan menyimpan data anggota baru.
Menampilkan form input untuk peminjaman
Peminjaman buku
dan menyimpan data transaksi peminjaman.
Menampilkan list data anggota yang
Pengembalian buku meminjam buku serta data buku yang
dipinjam.
Menampilkan form untuk menginput data
buku yang baru ditambahkan ke
Penambahan buku baru
perpustakaan dan menyimpan data buku
tersebut.

2. Activity Diagram
Berikut ini adalah table activity diagram dari sistem informasi perpustakaan SMPN 12 Banda
Aceh. Pada table tersebut di gambarkan proses – proses yang dilakukan oleh anggota,
admin/pustakawan, dan sistem informasi itu sendiri. Proses tersebut berupa proses
pendaftaran anggota baru, proses peminjaman buku, dan proses pengembalian buku.

Calon anggota/ anggota Pustakawan/admin Sistem informasi perpus

 Pendaftaran anggota
mulai

Mengisi form pendaftaran

Memeriksa kelengkapan isian
form

Isian sudah lengkap ?

Melengkapi isian tidak

ya
12

Input data form pendaftaran Simpan

informasi form
 Menerima kartu
anggota

 Peminjaman buku
Membawa kartu
anggota

Mencari Buku

Menyerahkan buku yang ingin dipinjam

dan kartu anggota pada admin

Menulis tanggal pinjam

dan batas kembali buku
pada kartu peminjaman
yang ada pada buku

Menerima kembali buku Menyerahkan kembali

dan kartu anggota buku dan kartu anggota

 Pengambalian buku

Membawa buku dan

kartu anggota

Mengembalian buku Menginput data Simpan informasi

pengembalian buku pengembalian buku

13
 selesai Menulis tanggal
pengembalian buku di
kartu pengembalian yang
ada pada buku

Gambar 8. Activity Diagram Sistem Informasi Perpustakaan SMPN 12 BNA

3. Class Diagram
Class diagram merupakan salah satu diagram utama dari UML untuk menggambarkan class
pada sebuah sistem.

Gambar 9. Class Diagram Sistem Informasi Perpustakaan SMPN 12 BNA

14
4. Object Diagram
Object diagram adalah sebuah diagram yang berisikan contoh beberapa data dari class itu
sendiri.

Gambar 10. Object Diagram Sistem Informasi Perpustakaan SMPN 12 BNA

G. Lampiran

 Coding menu Utama

<?php
include'config/koneksi.php';
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SISTEM INFORMASI PERPUSTAKAAN </title>
<link rel="stylesheet" href="library/css/style.css"/>
</head>
<body>
<div class="wrap">
<div class="header">
<h1>SISTEM INFORMASI PERPUSTAKAAN SMP NEGERI 12 BANDA ACEH</h1>
<p>Alamat Jl. Pawang Itam, Gampong Jawa, Banda Aceh</p>
<p>Contact : 0651-3342-1010</p>
</div>
<div class="header2"> </div>
<div class="main">
<div class="konten">
<p>
<?php

include("views/" . $_GET['page']);
.......................................................................................................................................?>
</p>
</div>

15
 <div class="sidebar-kiri">
<div id="kiri">
<h1><a href="index.php?page=etc/home.php" >Menu Utama</a></h1><br>
<a href="index.php?page=anggota/index.php" >Anggota</a><br>
<a href="index.php?page=peminjaman/index.php" >Peminjaman</a><br>
<a href="index.php?page=pengembalian/index.php" >Pengembalian</a><br>
<a href="index.php?page=buku/index.php" >Buku</a><br>
<a href="index.php?page=laporan/index.php" >Laporan</a><br>
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>

(KONEKSI DATABASE)

<?php
$conn = new mysqli("localhost", "root", "", "perpus");
//new keyword utk membuat object baru
//mysqli() --> method/function
//new mysqli() --> constructor (method yg pertama x dijlnkn saat object dibuat)
//$conn ->object
//mysqli(argumen/parameter, argumen/parameter, argumen/parameter,
argumen/parameter) ->
?>

 Coding input Data

<?php

$sql = "SELECT * FROM siswa";

$result = $conn->query($sql);
?>

<form action="index.php?page=anggota/create.php" method="post">

<p>
<label>NIS</label>
<br/>
<input type="text" name="nis" />
<br>
<br/>
<label>Nama </label>
<br/>
<input type="text" name="nama_sis" />
<br>
<br>
<label>Kelas</label>
<br/>

16
 <select name="kelas"><?php echo $rows['kelas']; ?>"/>
<option value="0">- Pilih -</option>
<option value="VII">VII</option>
<option value="VIII">VIII</option>
<option value="IX">IX</option>
</select>
<br>
<br/>
<label>Alamat</label>
<br/>
<input type="text" name="alamat" />
<br>
<br/>
<input type="submit" value="Tambah" />
</p>
</form>

(KONEKSI DATABASE)

<?php

$nis = $_POST['nis'];
$nama_sis = $_POST['nama_sis'];
$kelas ....................................................................................................................................=
$_POST['kelas'];
$alamat = $_POST['alamat'];

$sql = "INSERT INTO siswa

(nis, nama_sis, kelas, alamat)
VALUES
('$nis', '$nama_sis', '$kelas', '$alamat')
";

$conn->query($sql);

header("Location:index.php?page=anggota/index.php");
?>

 Coding Search

<?php
$cari = $_POST['cari'];
$sql = "SELECT * FROM siswa WHERE nama_sis LIKE '%$cari%'";
$result = $conn -> query($sql);
?>

<br>
<h1> Data Anggota</h1>
<br>
<h2>Cari Data Berdasarkan Nama</h2>
<form method="post" action="index.php?page=anggota/search.php">
<input type="text" name="cari" />

17
 </form>
<br>
<p><a href="index.php?page=anggota/new.php" ><B>Tambah Data</a></B></p>
<p><br>
</p>
<center>
<div id="outtable">
<table>
<thead>
<tr>

<th width="120" class="normal">NIS</th>

<th width="155" class="normal">Nama</th>
<th width="115" class="normal">Kelas</th>
<th width="128" class="normal">Alamat</th>
<th width="103" class="normal">Pilihan</th>
</tr>
</thead>
<tbody>
<?php
while($row = $result->fetch_array()){
?>
<tr>
<td><?php echo $row['nis']; ?></td>
<td><?php echo $row['nama_sis']; ?></td>
<td><?php echo $row['kelas']; ?></td>
<td><?php echo $row['alamat']; ?></td>
<td><a href="index.php?page=anggota/edit.php&nis=<?php echo $row['nis']; ?
>">Edit</a> | <a href="index.php?page=anggota/delete.php&nis=<?php echo
$row['nis']; ?>">Delete</a></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</center>

 Coding Update Data

<?php

$sql = "SELECT * FROM siswa";

$result = $conn->query($sql);

$nis ..................................................................................................................................... =
$_GET['nis'];
$siswa = "SELECT * FROM siswa WHERE nis='$nis'";
$result_siswa = $conn->query($siswa);
$rows = $result_siswa->fetch_array();
?>

18
 <form action="index.php?page=anggota/update.php" method="post">
<input type="hidden" name="nis" value="<?php echo $rows['nis']; ?>"/>
<label>Nama</label>
<br/>
<input type="text" name="nama_sis" value="<?php echo $rows['nama_sis']; ?>"/>
<br>
<br/>
<label>Kelas</label>
<br/>
<select name="kelas"><?php echo $rows['kelas']; ?>"/>
<option value="0">- Pilih -</option>
<option value="VII">VII</option>
<option value="VIII">VIII</option>
<option value="IX">IX</option>
</select>
<br>
<br/>
<label>Alamat</label>
<br/>
<input type="text" name="alamat" value="<?php echo $rows['alamat']; ?>"/>
<br/>
<br/>
<input type="submit" value="Submit" />
<!-- <button type="submit"> Submit123 </button>--> ....................................................
</form>

(KONEKSI DATABASE)

<?php

$nis = $_POST['nis'];
$nama_sis = $_POST['nama_sis'];
$kelas ....................................................................................................................................=
$_POST['kelas'];
$alamat = $_POST['alamat'];

$sql = "UPDATE siswa SET

nama_sis='$nama_sis', alamat='$alamat', kelas='$kelas'
WHERE nis ='$nis'
";

$conn->query($sql);

header("Location:index.php?page=anggota/index.php");
?>

 View Data

<?php
$sql = " SELECT * FROM pinjam";

19
$result = $conn->query($sql);
?>

<br>
<h1> Data Peminjaman</h1>
<br>
<h2>Cari Data Berdasarkan ID Pemeriksa</h2>
<form method="post" action="index.php?page=peminjaman/search.php">
<input type="text" name="cari" />........................................................................................
</form>
<br>
<p><a href="index.php?page=peminjaman/new.php" ><B>Tambah Data</a></B></p>
<p><br>
</p>
<center>
<div id="outtable">
<table width="1087">
<thead>
<tr>
<th width="120" class="normal">ID Pinjam</th>
<th width="224" class="normal">Judul Buku</th>
<th width="224" class="normal">Tanggal Peminjaman</th>
<th width="224" class="normal">Tanggal Pengembalian</th>
<th width="277" class="normal">Pilihan</th>
</tr>
</thead>
<tbody>
<?php
while($row = $result->fetch_array()){
?>
<tr>
.......................................................................................................................................
<td><?php echo $row['id_pinjam']; ?></td>
<td><?php echo $row['judul']; ?></td>
<td><?php echo $row['tgl_pinjam']; ?></td>
<td><?php echo $row['tgl_kembali']; ?></td>

<td><a href="index.php?page=peminjaman/edit.php&id_pinjam=<?php echo

$row['id_pinjam']; ?>">Edit</a> | <a href="index.php?
page=peminjaman/delete.php&id_pinjam=<?php echo $row['id_pinjam']; ?
>">Delete</a></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</center>

20