Skripsi Wordssssss Penelitian Si
Skripsi Wordssssss Penelitian Si
SKRIPSI
DiajukanuntukmemenuhisalahsatusyaratkelulusanStrata Satu(S1)
SOLIHATI
11135722
ProgramStudiSistemInformasi
Jakarta
2016
i
PERSEMBAHAN
Banyak hal yang telah penulis dapatkan selama penyusunan skripsi ini.
Hal ini tentunya tak lepas dari doa, bantuan, dukungan dan bimbingan dari
berbagai pihak yang terkait. Sebagai unkapan rasa syukur, saya ingin
menyapaikan ucapan terima kasih kepada:
1. Allah SWT Yaa Rahman, Yaa Rahhim, yang telah tiada henti-hentinya
memberikan nikmat serta kemudahan bagi hambamu ini dalam
penyusunan skripsi ini.
2. Ayahanda dan Ibunda tercinta, yang tiada hentinya memberikan kasih
sayangnya, dukungan baik moril maupun materil, serta doa tiada henti
yang selalu mengiringi perjalanan hidup saya sampai saat ini.
3. Orang-orang terdekat yang tiada hentinya memberikan dukungan baik
moril maupun materil.
Akhir kata dengan segala kerendahan hati penulis memohon maaf yang
sebesar-besarnya atas segala kekurangan yang terdapat dalam skripsi ini, dan
untuk itulah semua saran dan kritik yang sifatnya membangun sangat diharapkan
demi kesempurnaan skripsi ini serta besar harapan semog skripsi ini dapat
bermanfaat bagi semua pihak.
Penulis
ii
iii
iv
vi
PANDUAN PENGGUNAAN HAK CIPTA
Nama : Solihati
Alamat : Jl.Kihajar Dewantoro Rt.002/001 Tangerang-Cipondoh
No. Telp : 083807043472
E-mail : solihati136@gmail.com
vii
KATA PENGANTAR
dapatmenyelesaikan Skripsi ini dengan baik. Di mana skripsi ini penulis sajikan
dalam bentukbuku yang sederhana. Adapun judul penulisan skripsi, yang penulis
Tujuan penulisan skripsi ini dibuat sebagai salah satu syarat kelulusan
Program Strata Satu (S1) STMIK Nusa Mandiri. Sebagai bahan penulisan diambil
bimbingan dan dorongan dari semua pihak, maka penulisan skripsi ini tidak akan
lancer.
bimbingan dan arahannya dalam segala hal selama penyusunan skripsi ini
7. Kepada Bapak dan Ibu Dosen STMIK Nusa Mandiri yang telah
viii
9. Kepada Bapak Sahata Pane S.T, selaku Kepala Sekolah SMK AL-Washilah
11. Ayahanda dan Ibunda tercinta, yang tiada hentinya memberikan kasih
sayangnya, dukungan baik moril maupun materil, serta doa tiada henti yang
Serta semua pihak yang terlalu banyak untuk disebutkan satu persatu
ini masih jauh sekali dari sempurna, maka itu penulis mohon kritik dan saran yang
Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan
Solihati
ix
ABSTRAK
x
ABSTRACT
xi
DAFTAR SIMBOL
START POINT
END POINT
ACTIVITIES
JOIN
Penggabungan.
DECISION
Swimlane SWIMLANE
xii
B. Simbol Use Case Diagram
ACTOR
USE CASE
ASOSIASI / ASSOSIATION
GENERALISASI / GENERALIZATION
<<extend>>
EKSTENSI / EXTEND
Yaitu relasi use case tambahan ke sebuah use case dimana use
case yang ditambahkan dapat berdiri sendiri walau tanpa use
case tambahan.
Entitas
xiii
Sesuatu yang terdapat didalam sistem, nyata
maupun abstrak dalam penyimpanan data.
Relasi
Atribut
Penghubung
COMPONENT
component
Menggambarkan fisik dari suatu sistem.
DEPENCE
PACKAGE
xiv
DAFTAR GAMBAR
Halaman
xv
DAFTAR TABEL
Halaman
xvi
DAFTAR LAMPIRAN
xvii
DAFTAR ISI
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah …………………………. 1
1.2. Identifikasi Permasalahan ………………………… 2
1.3. Perumusan Masalah ……………………………… 3
1.4. Maksud dan Tujuan ……………………………… 3
1.5. Metode Penelitian ………………………………... 4
1.5.1. Teknik Pengumpulan data
A. Observasi ……………………………... 4
B. Wawancara …………………………... 4
C. Studi Pustaka ………………………… 5
1.5.2. Model Pengembangan Sistem
A. Analisa Kebutuhan Software ………... 5
B. Desain ………………………………... 6
C. Code generation ……………………... 6
D. Testing ……………………………….. 6
E. Support ………………………………. 7
1.6. Ruang Lingkup …………………………………... 7
xviii
BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Software ……………………... 34
4.1.1. Tahapan Analisis .......................................... 34
4.1.2. Use Case Diagram ........................................ 35
4.2. Desain …………………………………………….. 56
4.2.1. Database …………………………………. 56
4.2.2. Software Architecture ……………………. 65
4.2.3. User Interface ……………………………. 67
4.3. Code Generation …………………………………. 69
4.4. Testing ……………………………………………. 84
4.5. Support …………………………………………… 90
4.5.1. Publikasi Web ……………………………. 90
4.5.2. Spesifikasi Hardware dan Software ……… 90
4.1. Spesifikasi Dokumen Sistem Usulan …………….. 91
BAB V PENUTUP
5.1. Kesimpulan ………………………………………. 92
5.2. Saran-saran ……………………………………….. 93
DAFTAR PUSTAKA
DAFTAR RIWAYAT HIDUP
LEMBAR KONSULTASI BIMBINGAN
SURAT KETERANGAN RISET
LAMPIRAN
xix
BAB I
PENDAHULUAN
catatan anggota, catatan peminjaman dan pengembalian buku, dan catatan denda.
Dengan cara konvensional tersebut pastinya akan membutuhkan waktu yang lama
mengingat banyaknya data yang harus ditulis. Belum lagi petugas perpustakaan
yang harus membuat laporan peminjaman dan pengembalian buku secara manual.
Cara tersebut dianggap masih kurang efektif dan efesien karena dibutuhkan
1
buku tersebut tidak diinformasikan statusnya apakah buku tersebut masih
ada atau sedang dipinjam, padahal informasi dari perpustakaan dibutuhkan
oleh siswa untuk mengetahui informasi koleksi buku dan hal lain yang ada
di perpustakaan SMP Negeri 1 Donorojo
data, mengolah data, menyimpan data, mencari data dan menyalurkan informasi
yang baik, salah satunya adalah memiliki keakuratan data yang tinggi. Untuk itu
data buku maka usaha yang harus dilakukan perpustakaan adalah pemanfaatan
peningkatan sistem.
perpustakaan dalam pengolahan data dan penyusunan laporan secara cepat dan
sebagai berikut:
2. Para siswa mengalami kesulitan saat pencarian buku yang akan dipinjam
sudah valid?
Tujuan dari skripsi ini adalah sebagai salah satu syarat kelulusan program
Strata Satu (S1) Program Studi pada Sistem Informasi Sekolah Tinggi Manajemen
3
1.5.1. Teknik Pengumpulan Data
A. Observasi
B. Wawancara
C. Studi Pustaka
perpustakaan.
aplikasi yaitu SDLC (System Development Life Cycle) dengan model proses
4
waterfall, (Sukamto dan Shalahuddin, 2013:26). Dalam model ini terdapat
B. Desain
Pada tahap ini dilakukan perancangan terhadap piranti lunak yang akan
C. Code Generation
Code generation dibuat agar dapat menghasilkan instruksi atau kode program
menggunakan MySQL.
D. Testing
5
Testing disini penulis melakukan pengujian perangkat lunak menggunakan
kebenaran logika dan proses pada saat program tersebut dijalankan dan
program yang telah di buat dan di analisis diinstal pada hardware. Kemudian
yang ada pada tiap form haruslah akurat dan mudah digunakan user karena
E. Support
terjadi.
6
1.6. Ruang Lingkup
keamanan untuk user yang berhak mengakses katalog buku, detail buku,
laporan data stok buku, dan laporan data siswa. Pembuatan aplikasi dan database
7
BAB II
LANDASAN TEORI
sistem informasi ini adalah metode daur hidup pengembangan sistem atau
sekuensial linier (sequential linier) atau alur hidup klasik (classic life
cycle).”
pengujian, dan tahap pendukung (support). Berikut adalah gambar model air
terjun (waterfall):
8
Sumber : Sukamto dan Shalahuddin (2013 : 28)
Gambar II.1
Model Waterfall
didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langka yang fokus pada
didokumentasikan.
dari tahap ini adalah program komputer sesuai dengan desain yang telah
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan
fungsional dan memastikan bahwa semua bagian sedah diuji. Hal ini
perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat
lunak baru.
10
B. Konsep Dasar Sistem
Menurut Davis dalam buku Sutabri (2013:6) bahwa sistem bisa berupa
abstrak atau fisik. Sistem yang abstrak adalah susunan gagasan-gagasan
atau konsepsi yang teratur yang saling bergantung. Misalnya, sistem
teologi adalah susunan yang teratur dari gagasan-gagasan tentang
Tuhan, manusia, dan lain sebagainya. Sedangkan sistem yang bersifat
fisik adalah serangkaian unsur yang bekerja sama untuk mencapai suatu
tujuan.
terurut dari atas ke bawah sesuai dengan kebergantungan antar fungsi atau
prosedur (fungsi atau prosedur yang dapat dipakai oleh fungsi atau prosedur
2. Pemrograman Top-Down
yang pertama kita definisikan adalah modul utama. Modul utama yang
Level 0 ini berisi modul program utama. Dibawah level 0 terdapat level,
12
yaitu berupa sub modul-sub modul yang dipanggil oleh modul program
3. Pemrograman Bottom-Up
1. Website
Menurut Sibero (2014:11) “World Wide Web (W3) atau dikenal juga
2. Internet
13
3. Web Server
4. PHP
5. HTML
6. MySQL
data.”
14
7. CSS
8. Javascript
E. Perpustakaan
1. Pengertian Perustakaan
2. Perpustakaan Sekolah
3. Manfaat Perpustakaan
16
pasti akan menjumpai UML, baik kita sendiri yang membuat atau
sekedar membaca diagram UML buatan orang lain (Pilone, 2005: bab 1).
Menurut Sukamto dan Shalahuddin (2013 : 155) , ”Ada dua hal utama
pada use case yaitu pendefinisian apa yang disebut aktor dan use
informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari
aktor adalah gambar orang, tapi aktor belum tentu merupakan orang.
case adalah :
sistem.
c. Hubungan (link), aktor mana saja yang terlibat dalam use case ini.
membentuk use-case.
2. Diagram Aktivitas
18
G. ERD (Entity Relationship Diagram)
organisasi (seperti wakil presiden direktur dan manajer yang tidak tertarik
memperlihatkan hubungan antar data store pada DFD. Hubungan ini tidak
terlihat pada DFD, karena DFD hanya memusatkan perhatian pada fungsi-
E-R diagram, adalah notasi grafik dari sebuah model data atau sebuah
adalah :
19
a. Entity
b. Relationship
c. Relationship Degree
d. Atribut
e. Kardinalitas (Cardinality)
20
1) One to One
pertama.
3) Many to Many
f. Participation Constrain
atau optional.”
23
BAB III
dengan akta notaris Chufran Hamal No.66 tahun 1988. Diatas tanah seluas 8000
m2, yang beralamat di Jalan Kampung Baru No.20 Rt.004/10 Kembangan Utara
Jakarta Barat. Terdaftar di diknas dan Departemen Agama, serta terdaftar pada
Dinas Sosial serta dicatat dalam lembaran Negara pada tahun 2009, sesuai
dengan peraturan pemerintah yang baru tentang Yayasan, maka Yayasan Al-
(Akta Notaris No.11 tahun 2009, serta akta perubahan No.09 tahun 2009 pada
notaris Ny. Titiek Febryanti Utami Marwan, SH) Pendiri Yayasan Al-Washilah
Jaringan (TKJ) yang di buka pada tahun 2015, kini SMK Al-Washilah memiliki
24
dua jurusan yaitu jurusan Administrasi Perkantoran (AP) dan Teknik Komputer
Jaringan (TKJ).
tidak ada karyawan yang menjaga perpustakaan tersebut, yang menjaga hanya
sekedar guru yang sukarela untuk menjaga perpustakaan dan belum memiliki
sedikit dan terbatas bagi para siswa dan membuat peminat baca para siswa
sebagai berikut:
25
KEPALA SEKOLAH
KEPALA PERPUSTAKAAN
Supriyatin,S.Pd
PELAKSANA HARIAN
Selvi Ramdah
ADMINISTRASI STAFF
Gambar III.1
Struktur Organisasi SMK Al-Washilah
sebagai berikut:
1. Kepala Sekolah
program yang ada dalam hal ini dapat dibantu oleh staff sarana dan
prasarana pendidikan.
26
c. Mengatur pelaksanaan pembinaan kesiswaaan yang dalam hal ini
perpustakaan.
2. Kepala Perpustakaan
3. Pelaksana Harian
pengurus.
27
d. Mengadakan kordinasi dan konsultasi dengan pembina dan atau pihak
perpustakaan.
4. Adminstrasi
perpustakaan.
5. Staff
28
3.2. Proses Bisnis Sistem
1. Prosedur TransaksiPeminjaman
memilih buku yang diminati di rak buku yang telah disediakan setelah
petugas perpustakaan dengan menyertakan kartu pelajar sebagai syarat dan bukti
petugas mencatat data buku, tanggal pinjam dan tanggal kembali di Buku Induk.
Sisw a Petugas
Memilih Buku
Gambar III.2
Activity Diagram Prosedur Peminjaman Buku
29
2. Prosedur Transaksi Pengembalian
tanggal kembali di Buku Induk jika peminjam mengembalikan buku tepat waktu
maka petugas kemudian memberikan kartu pelajar kepada siswa tersebut. Jika
denda yang sudah ditetapkan oleh pihak perpustakaan sesuai dengan jumlah hari
keterlambatan.
30
act Pengembalian Buku
Sisw a Petugas
Tepat Waktu ?
Tidak Ya
Gambar III.3
Activity Diagram Prosedur Pengembalian Buku
31
3.3. Spesifikasi Dokumen Sistem Berjalan
yang berupa dokumen dan diolah dalam proses sehingga dapat menghasilkan
suatu keluaran. Adapun dokumen masukkan dan keluaran yang digunakan pada
Tujuan : Perpustakaan
Buku
perpustakaan
Tujuan : Perpustakaan
32
Sumber : Petugas Perpustakaan
Tujuan : Perpustakaan
33
BAB IV
buku apa saja yang ada di perpustakaan tersebut secara langsung. Para
Halaman Pengunjung :
Halaman Anggota :
34
B5. Anggota dapat melihat list buku
Halaman Admin :
35
4.1.2. Use Case diagram
Lihat Beranda
Gambar IV.1
Use Case Diagram Sistem Informasi PerpustakaanHalaman Pengunjung
36
Tabel IV.1
Deskripsi Use Case Sistem Informasi Perpustakaan MengelolaHalaman
Pengunjung
Requirements A1-A5
37
2. Use Case Diagram Halaman Anggota
uc Halaman Member
Login
Gambar IV.2
Use Case Diagram Sistem Informasi Perpustakaan Halaman Anggota
38
Tabel IV.2
Deskripsi Use Case Sistem Informasi Perpustakaan MengelolaHalaman Anggota
Requirements B1-B7
39
3. Use CaseDiagram Admin
uc Admin
Mengelola
Login «extend» Administrator
Lihat Tampil Halaman
Administrator «include» Administrator
«extend» Mengelola Data
«extend»
Anggota
«extend» Lihat Master
Tampil Halaman «extend»
Data
Admin «include» Master Data Mengelola Jenis
«extend»
«extend» Buku
Mengelola
Peminjaman dan
Pengembalian Buku
Gambar IV.3
Use Case Diagram Sistem Informasi Perpustakaan Halaman Admin
40
1. Deskripsi Use CaseDiagramLogin Admin
Tabel IV.4
Deskripsi Use Case Diagram Login Admin
Requirements C1
system
menu admin
Invariant
41
2. Deskripsi Use Case DiagramAdmin Mengelola Administrator
Tabel IV.5
Deskripsi Use Case Diagram Admin MengelolaHalaman Administrator
Requirements C2
Invariant
42
3. Deskripsi Use Case DiagramAdmin Mengelola Data Anggota
Tabel IV.6
Deskripsi Use Case Diagram Admin Mengelola Data Anggota
Requirements C3
Invariant
43
4. Deskripsi Use CaseDiagramAdmin Mengelola Jenis Buku
Tabel IV.7
Deskripsi Use Case Diagram Admin Mengelola Jenis Buku
Requirements C4
terhapus
menghapus
Invariant
44
5. Deskripsi Use Case DiagramAdmin Mengelola Data Penerbit
Tabel IV.8
Deskripsi Use Case Diagram Admin Mengelola Data Penerbit
Requirements C5
terhapus
menghapus
penerbit
Invariant
45
6. Deskripsi Use CaseDiagramAdmin Mengelola Data Buku
Tabel IV.9
Deskripsi Use CaseDiagram Admin Mengelola Data Buku
Requirements C6
terhapus
Invariant -
46
7. Deskripsi Use CaseDiagramAdmin Mengelola Pemesanan Buku
Tabel IV.10
Deskripsi Use Case Diagram Admin Mengelola Pemesanan Buku
Requirements C7
buku
buku
Invariant -
47
8. Deskripsi Use CaseDiagram Mengelola Peminjaman dan Pengembalian
Buku
Tabel IV.11
Deskripsi Use Case Diagram Mengelola Peminjaman dan Pengembalian Buku
Pengembalian Buku
Requirements C8
pengembalian buku
peminjaman
buku
peminjaman buku
Invariant -
48
9. Deskripsi Use CaseDiagram Mengelola Laporan
Tabel IV.12
Deskripsi Use Case Diagram Mengelola Laporan
Requirements C9
laporan
Invariant -
49
5. Activity Diagram
Gambar IV.4
Activity Diagram Sistem Informasi Perpustakaan Halaman Admin Login
50
2. Activity Diagram Halaman Anggota
Tampilkan Form
Login Anggota
Login Anggota
Salah
Benar
Menampilkan Data
Buku
Pilih Buku
Pilih PInj am
Menampilkan
Pilih Keranj ang Buku
Keranj ang Buku
Tidak
Simpan
Menampilkan Transaksi
Peminj aman
Gambar IV.5
Activity Diagram Sistem Informasi Perpustakaan Halaman Anggota
51
3. Activity Diagram Halaman Jenis Buku
Y Menampilkan Tambah
Tambah Jenis Buku
Y Menampilkan Edit
Edit Jenis Buku Simpan
Gambar IV.6
Activity Diagram Sistem Informasi Perpustakaan Halaman Jenis Buku
52
4. Activity Diagram Halaman Data Penerbit
Y Menampilkan Tambah
Tambah Penerbit Buku
Gambar IV.7
Activity Diagram Sistem Informasi Perpustakaan Halaman Data Penerbit
53
5. Activity Diagram Halaman Data Buku
Gambar IV.8
Activity Diagram Sistem Informasi Perpustakaan Halaman Data Buku
54
6. Activity Diagram Halaman Pemesanan Buku
Gambar IV.9
Activity Diagram Sistem Informasi Perpustakaan Halaman Pemesanan
Buku
55
7. Activity Diagram Halaman Peminjaman dan Pengembalian Buku
Menampilkan data
Pilih menu peminj aman
peminj aman dan
dan pengembalian
pengembalian
YA Menampilkan detail
detail pinj am
Ubah data
YA Tampil edit
edit peminj aman buku pemminj aman
Simpan
T
Kembalikan
Tampil pengembalian
YA Peminj aman
v iew peminj aman
Buku
Gambar IV.10
Activity Diagram Sistem Informasi Perpustakaan Halaman Peminjaman
dan Pengembalian Buku
56
4.2. Desain
4.2.1. Database
Gambar IV.11
Entity Relationship Diagram Sistem Perpustakaan
57
2. Logical Record Structure
jenis buku
1 m
PK kdjenis PK kdbuku
nmjenis isbn
judul
penulis
kdjenis kdpenerbit
sinopsis
thnTerbit
m stok
kdjenis
image
Gambar IV.12
Logical Structure Sistem Perpustakaan
58
3. Spesifikasi File
Akronim : admin.myd
Tabel IV.13
Spesifikasi File Tabel Admin
Akronim : anggota.myd
59
Tabel IV.14
Spesifikasi File Tabel Anggota
Akronim : buku.myd
60
Tabel IV.15
Spesifikasi File Tabel Buku
Akronim : jenis.myd
Akronim : penerbit.myd
Tabel IV.17
Spesifikasi File Tabel Penerbit
62
f. Spesifikasi File Tabel Sysparam
Akronim : sysparam.myd
Tabel IV.18
Spesifikasi File Tabel Sysparam
Akronim : temp_keranjang.myd
Kunci Field : id
63
Tabel IV.19
Spesifikasi File Tabel temp_keranjang
Akronim : t_pinjam.myd
64
Tabel IV.20
Spesifikasi File Tabel Peminjaman dan Pengembalian
Akronim : t_pinjam_detail.myd
65
Panjang Record : 33 karakter
Kunci Field : id
Tabel IV.21
Spesifikasi File Tabel Detail Peminjaman
A. Component Diagram
diagram:
66
cmp Component Diagram
Aplication
Database MySQL Database
j query.j .s
HTML
PHP
bootsrap.min.j s
xampp control
panel
Gambar IV.13
Component Diagram Sistem Perpustakaan
B. Deployment Diagram
67
deployment Deployment Model
Work Station
Operating
System
Web Serv er
Web
Database Serv er Interface
MySQL
Database
Interface
Gambar IV.14
Deployment Diagram Sistem Perpustakaan
68
4.2.3. UserInterface
User Interface adalah tampilan program atau website yang dibuat oleh
Gambar IV.15
Tampilan Login Anggota
Gambar IV.16
Tampilan Daftar Buku
69
Gambar IV.17
Tampilan Login Admin
Gambar IV.18
Tampilan Pemesanan Buku
70
Gambar IV.19
Tampilan Peminjaman dan Pengembalian
Buku</h3>
71
<div class="box-body">
<thead><tr>
<th>No</th>
<th>No Peminjaman</th>
<th>Tgl Pinjam</th>
<th>Tgl Kembali</th>
<th>Lama</th>
<th>Anggota</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
include '../library/koneksi.php';
$max = intval(getSysparam($conn,'LAMA'));
$no=0;
$tgl = date('Y-m-d');
$status =
array(0=>"Baru",1=>"Disimpan",2=>"Dipinjam",3=>"Selesai",4=
>"Dibatalkan");
$sql = "SELECT
72
a.no_pinjam,a.tglpesan,a.kdanggota,a.status,a.tglpinjam,a.tglkembali,
kdanggota=a.kdanggota) AS nmanggota,
CASE
DATEDIFF('".$tgl."',a.tglpinjam)
ELSE DATEDIFF(a.tglkembali,a.tglpinjam)
END AS lama
$result = mysqli_query($conn,$sql);
if ($data['tglkembali']=='0000-00-00'){
$tglkembali = '-';
}else{
$tglkembali = date('d-m-
Y',strtotime($data['tglkembali']));}
}else{
$no = $no + 1;
$no_pinjam = $data['no_pinjam'];
$id = $data['no_pinjam']."~".$data['kdanggota'];
73
$html = "<tr>";
$html .= "<td>".$no."</td>";
$html .= "<td>".$data['no_pinjam']."</td>";
$html .= "<td>".date('d-m-
Y',strtotime($data['tglpinjam']))."</td>";
$html .= "<td>".$tglkembali."</td>";
$html .= "<td>".$data['kdanggota']."-
".$data['nmanggota']."</td>";
success'>".$status[$data['status']]."</span></td>";
if ($data['status']==3){
}else if ($data['status']==2){
'>Edit</button></i></a> |
fa-share-square-o'></i></a> "; }
74
$html .= "</td>";
$html .= "</tr>";
echo $html; }
?>
</tbody>
</table>
<div class='box-body'>
class="form-horizontal form-label-left">
<div class="box-body">
<div class="form-group">
Peminjaman</label>
75
<div class="col-sm-1">
<span id='label_no_pinjam'></span>
</div></div>
<div class="form-group">
label">Anggota</label>
<div class="col-xs-5">
id="kdanggota" name="kdanggota">
<option value=''></option>
<?php
$result = mysqli_query($conn,$sql);
echo "<option
value='".$data['kdanggota']."'>".$data['nmanggota']."</option>"; }
?>
</select>
</div></div>
76
<legend></legend>
<thead>
<td width="10px">NO</td>
<td>Judul Buku</td>
<td width="20px">#</td>
</tr></thead>
<tbody id="body_table">
</tbody><tfoot><tr >
info" >Tambah</a></td>
</tr>
</tfoot>
77
</table>
</div>
<div class="box-footer">
">Simpan</button>
">Batal</button>
</form>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".select2_anggota").select2({
placeholder: "Anggota"
//allowClear: true
78
});
});
function cetak(id){
//window.open("cetak_bukti.php?id="+id,'Detail Peminjaman')
document.getElementById("iframe_preview_ga").src =
"cetak_bukti.php?id="+id; }
function tambah(){
$("#list_form").hide(300);
$("#formAction").show(300);
$("#kdanggota").select2("val","");
$("#no_pinjam").val("");
$("#label_no_pinjam").html("");
document.getElementById("body_table").innerHTML='';}
function edit(id){
$("#list_form").hide(300);
$("#formAction").show(300);
$("#kdanggota").select2("val",kdanggota);
$("#no_pinjam").val(no_pinjam);
79
$("#label_no_pinjam").html(no_pinjam);
document.getElementById("detail_table").innerHTML='';
document.getElementById("detail_table").innerHTML = html;
$(".select2_single").select2({
allowClear: true
});
function kembali(id){
window.open("pengembalian.php?id="+id,'Detail Peminjaman',
"scrollbars=yes,resizable=yes,top=500,left=500,width=800,height=
500") }
function getDetailPinajm(no_pinjam){
return $.ajax({
type: 'POST',
url: 'update.php',
data: 'action=getDetailPinajm&no_pinjam='+no_pinjam,
async:false
}).responseText}
function batal(){
$("#list_form").show(300);
$("#formAction").hide(300);}
80
function lihat(id){
window.open("lihat_pinjam.php?id="+id,'Detail Peminjaman',
"scrollbars=yes,resizable=yes,top=500,left=500,width=800,height=
400") }
function simpan(){
var tot_err = 0;
if (kdanggota==''){
alert('Lengkapi anggota');
return false; }
if ($('.kdbuku').val() == undefined) {
return false;
} else {
i=0;
$('.kdbuku').each(function() {
if ($('.kdbuku').eq(i).select2("val") == '') {
alert('Pilih Buku');
$('.kdbuku').eq(i).focus();
tot_err++; }
i++;
});
if (tot_err > 0) {
81
return false; }
if (jwb==1){
$('form').submit(); }
function getbuku(){
return $.ajax({
type: 'POST',
url: 'update.php',
data: 'action=getbuku',
async:false
}).responseText }
function add_row(){
var n = $("span.urut_detail:last").text();
for(x=0;x<buku.length;x++) {
buku = buku.replace(/\'/g,'`') }
buku = JSON.parse(buku);
82
var row_content = '';
if (n.length == 0) {
row_content = '';
row_content = '<tr>';
class="urut_detail">1</span>';
row_content += '</td>';
id="anto[]" >';
for(x=0;x<buku.length;x++) {
row_content += '<option
value="'+buku[x].id+'">'+buku[x].value+'</option>'; }
row_content += '</select></td>';
value="Hapus" onclick="deleteRow(this)"></td>';
row_content += '</tr>';
83
jQuery("#table_detail tbody").append(row_content);
}else{
var no = parseInt(n);
var c = no + 1;
row_content = '<tr>';
class="urut_detail">1</span>';
row_content += '</td>';
id="anto[]" >';
for(x=0;x<buku.length;x++) {
row_content += '<option
value="'+buku[x].id+'">'+buku[x].value+'</option>'; }
row_content += '</select></td>';
84
row_content += '<td style="width: 1%; text-align:
value="Hapus" onclick="deleteRow(this)"></td>';
row_content += '</tr>';
jQuery("#table_detail tbody").append(row_content);
$("span.urut_detail:last").text(c); }
$(".select2_hari"+c).select2({
placeholder: "Hari",
allowClear: true
});
$(".select2_single"+c).select2({
allowClear: true
});
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
if (jwb==1){
document.getElementById("table_detail").deleteRow(i); }
85
}
</script>
4.4. Testing
Tabel IV.22
Hasil Black Box Testing Form Login Anggota
Mengkosongkan
Sistem akan menolak
1 semua isian data Email : (kosong) Sesuai Valid
akses login dan
login member, lalu password : Harapan
menampilkan pesan
langsung mengklik (kosong)
"Masukan Email Anda"
tombol 'Sign in'
Email : (kosong)
Hanya mengisi Password : Sistem akan menolak
2 password dan 1234567890 akses login dan Sesuai Valid
mengkosongkan menampilkan pesan Harapan
userid lalu langsung "Masukan Email Anda"
mengklik tombol
'Sign in
'
Email:
Mengisi data login Sistem akan menerima
solihati22@gma
5 yang benar, lalu akses login dan Sesuai
il.com Valid
mengklik tombol langsung masuk ke Harapan
Password:
'Sign in' halaman anggota
1234567890
Tabel IV.23
Hasil Black Box Testing Form Registrasi Anggota
87
Nama lengkap :
3 Mengisi 13579 Sistem akan menolak
data Jenis Kelamin : proses registrasi dan Sesuai Valid
resgistrasi P menampilkan pesan Harapan
nama Alamat : "Nama harap di isi
menggunak Tangerang menggunakan huruf"
an angka Nomor telepon :
0898765
Email :
solihati22@gma
il.com
Password :
1234567890
Retype
Password :
123456789
0
Nama lengkap : Sistem akan menolak
Solihati proses registrasi dan
Mengisi Jenis Kelamin : menampilkan pesan
4 data P "Nomor Telepon harap
registrasi Alamat : di isi menggunakan Sesuai Valid
nomor Tangerang angka" Harapan
telepon Nomor telepon :
menggunak abcde
an huruf Email :
solihati22@gma
il.com
Password :
1234567890
Retype
Password :
1234567890
Nama lengkap : Sistem akan menerima
Mengisi data Solihati proses input buku dan
registrasi dengan Jenis Kelamin : menampilkan pesan
5 benar, lalu klik P “simpan data ini ?” Sesuai
tombol Alamat : klik ok “data berhasil Harapan Valid
“Register” Tangerang di simpan”
Nomor telepon :
0898786756
Email :
solihati22@gma
il.com
Password :
1234567890
Retype
Password :
1234567890
Mengkosongkan
1 semua isian data Sistem akan menolak Sesuai Valid
userid : (kosong)
login admin, lalu akses login dan Harapan
Password :
langsung menampilkan pesan
(kosong)
mengklik tombol "Masukan userid”
'Sign in'
Hanya mengisi
userid dan Sistem akan menolak
2 mengkosongkan userid: 001 akses login dan Sesuai Valid
password lalu Password menampilkan pesan Harapan
langsung :(kosong) "Masukan Password
mengklik tombol Anda"
'sign in'
Hanya mengisi
password dan Sistem akan menolak
mengkosongkan Userid: (kosong) akses login dan Sesuai Valid
3 userid lalu Password : menampilkan pesan Harapan
langsung admin "Masukan userid
mengklik tombol Anda"
'sign in'
Mengisi dengan
kondisi salah Userid : 005 Sistem akan menolak
satu data benar Password: akses login dan Sesuai Valid
4 dan satu lagi admin menampilkan pesan Harapan
salah, lalu "Wrong Password"
mengklik tombol
'sign in'
Tabel IV.25
Hasil Black Box Testing Form Input Data Buku
89
No Skenario Test Case Hasil yang Hasil Kesimpula
Pengujian diharapkan Pengujian n
ISBN : (kosong)
Judul buku :
1 (kosong) Sesuai
Mengkosongkan Penulis : (kosong) Harapan Valid
Sistem akan menolak
semua isian data Penerbit : (kosong)
proses input data
buku, lalu Tahun terbit:
buku dan
langsung (kosong)
menampilkan pesan
mengklik tombol Jenis buku :
"Lengkapi ISBN"
“simpan” (kosong)
Stok : (kosong)
Image : (kosong)
Sinopsis : (kosong)
ISBN :
9786027870413
2 Judul buku :
(kosong) Sesuai
Hanya
Penulis : Pidi Baiq Sistem akan menolak Harapan Valid
memasukan
Penerbit : Pastel proses input data
beberapa isian
Books buku dan
data input buku ,
Tahun terbit: menampilkan pesan
lalu langsung
(kosong) "Lengkapi Judul
mengklik tombol
Jenis buku : Buku"
“simpan”.
(kosong)
Stok : (kosong)
Image : (kosong)
Sinopsis : (kosong)
ISBN : Sistem akan
9786027870413 menerima proses
Judul buku : Dia inputdata buku dan
3 adalah Dilanku menampilkan pesan
tahun 1990 “simpan data ini ?” Sesuai
Penulis : Pidi Baiq klik ok “data Harapan Valid
Mengisi data Penerbit : Pastel berhasil di simpan”
bukudengan benar, Books
lalu klik tombol Tahun terbit: 2014
“simpan” Jenis buku : novel
Stok : 8
Image : ada
Sinopsis : Dilan
dan sepeda
motornya yang
dijadikan covernya
ISBN : Sistem akan menolak
9786027870413 proses input data
Mengisi data Judul buku : Dia buku dan
4 buku stok adalah Dilanku
menampilkan pesan
tahun 1990 Sesuai Valid
menggunakan Penulis : Pidi Baiq “harap stok di isi
90
huruf, lalu klik Penerbit : Pastel menggunakan Harapan
tombol “simpan” Books angka”
Tahun terbit: 2014
Jenis buku : novel
Stok : 8
Image : ada
Sinopsis : Dilan dan
sepeda motornya
yang dijadikan
covernya
4.5 Support
Tabel IV.26
Spesifikasi Hardware dan Software
91
Kebutuhan Keterangan
Sistem Operasi Windows 7
Processor Intel ULV Celeron 1007U Processor 2M Cache, 1.50 GHz
RAM 2 GB
Harddisk 500 GB
CD-ROM 52x
Monitor SVGA 14"
Keyboard 108 Key
Printer Inkjet
Mouse Standard
Browser Google Chrome, Mozilla FireFox, Internet Explorer
Software Dreamweaver, Adobe Photoshop, Php MyAdmin
Sumber : Sistem
Tujuan : Anggota
pengembalian buku
Sumber : Sistem
92
Media : Cetakan Kertas
Format : Lampiran B-
93
A. LAMPIRAN B-1 BUKTI PENGEMBALIAN