Sistem informasi perpustakaan berbasis web : studi kasus LSM YIS (Yayasan Insan Sembada).

(1)

i

SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB

STUDI KASUS LSM YIS (YAYASAN INSAN SEMBADA)

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer

Program Studi Informatika

Oleh:

Andreas Ananto Adhy Nugroho NIM : 065314072

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA YOGYAKARTA

(2)

ii

LIBRARYINFORMATIONSYSTEMBASE on WEB

CASE STUDY:NGOsYayasan Insan Sembada

A Thesis

Presented as Partial Fulfillment of the Requirements To Obtain the Sarjana Komputer Degree

in Informatics Engineering

By:

Andreas Ananto Adhy Nugroho Student Number : 065314072

INFORMATICS ENGINEERING STUDY PROGRAM FACULTY OF SCIENCEAND TECHNOLOGY

SANATA DHARMA UNIVERSITY YOGYAKARTA

(3)

(4)

(5)

v

PERNYATAAN KEASLIAN KARYA

Dengan ini saya menyatakan bahwa tugas akhir yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka sebagaimana layaknya karya ilmiah.

Yogyakarta, 31 Mei 2013 Penulis,

(6)

vi

HALAMAN PERSEMBAHAN

Skripsi ini saya persembahkan untuk:

Tuhan YME

, atas semua dinamika dan penyertaanNya yang terjadi selama pengerjaan skripsi.

Kedua Orang Tua, om-tante, budhe-pakdhe, eyang, dan semua

(7)

vii

ABSTRAKSI

Sebagai lembaga yang bergerak dalam bidang pengembangan masyarakat, LSM YIS (Yayasan Insan Sembada) memiliki banyak sumber referensi yang berupa buku yang berada di perpustakaan.Perpustakaan YIS telah didukung dengan sebuah Sistem Informasi Perpustakaan.Sekalipun demikian, Sistem Informasi Perpustakaan yang ada pada saat ini ternyata memiliki beberapa kekurangan yang dikeluhkan oleh administrator. Kekurangan tersebut antara lain adalah kode buku yang tidak unik dimana dua buku atau lebih memiliki kode yang sama serta tidak adanya fitur untuk membuat laporan data buku yang sudah terekam di dalam koleksi sehingga administrator harus membuat laporan secara manual.

Berlatar belakang permasalahan tersebut maka dibangunlah sebuah sistem informasi baru bagi perputakaan YIS yang dapat memenuhi kebutuhan administrator. Sistem informasi baru ini dikembangkan dengan menggunakan database MySQL server dan bahasa pemrograman PHP dengan framework CodeIgniter.

(8)

viii

ABSTRACT

YIS (Yayasan Insan Sembada) is a non-government organization which is engaged in community development. YIS has a library which is supported with an information system. However, the library information system of YIS still has several shortcomings. The shortcomings include the code of the book which is considered not unique that there are two or more books have the same codes. In addition, there is no feature to generate reports regarding books that have been recorded in the collection so that the administrator has to generate reports manually.

Due to those the problems, the writer built a new library information system to meet the needs of the administrator. The new information system was developed using MySQL database and PHP programming language with CodeIgniter framework.

(9)

ix

LEMBAR PERNYATAAN PERSETUJUAN

PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertandatangan dibawah ini, saya mahasiswa Universitas Sanata Dharma:

Nama : Andreas Ananto Adhy Nugroho

NIM : 065314072

Demi mengembangkan ilmu pengetahuan, saya memberikan kepada Perpustakaan Universitas Sanata Dharma, karya ilmiah saya yang berjudul:

SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB STUDI KASUS LSM YIS (YAYASAN INSAN SEMBADA)

Beserta perangkat yang diperlukan (bila ada). Dengan demikan saya memberikan kepada Perpustakaan Universitas Sanata Dharma hak untuk menyimpan, mengalihkan dalam bentuk media lain, mengelolanya dalam bentuk pangkalan data, mendistribusikannya secara terbatas, dan mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa meminta ijin dari saya maupun memberikan royalti kepada saya selama tetap mencantukan nama saya sebagai penulis.

Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di Yogyakarta

Pada tanggal : 30 Mei 2013 Yang menyatakan

(10)

x

KATA PENGANTAR

Puji dan Syukur saya panjatkan kepada Tuhan Yang Maha Esa atas berkat dan pendampinganNya, sehingga saya dapat meyelesaikan tugas akhir ini.

Pada kesempatan ini saya ingin mengucapkan terimakasih yang sebesar-besarnya kepada pihak-pihak yang telah membantu saya dalam menyelesaikan tugas akhir ini.Ucapan terimakasih ini saya sampaikan antara lain kepada:

1. Ibu P.H Prima Rosa,S.Si., M.Sc, sebagai Dosen Pembimbing Tugas Akhir. 2. Bapak Alb. Agung Hadhiatma, S.T, M.T, sebagai Dosen Pembimbing

Akademik Teknik Informatika Angkatan 2006.

3. Bapak JB. Budi Darmawan, S.T, M.Sc, danIbu A.M. Polina S.Kom., M.Sc., selaku Dosen Penguji Pendadaran skripsi saya, terimakasih atas saran dalam memperbaiki skripsi ini.

4. Ibu Ridowati Gunawan, Bu Tatik, seluruh dosen, karyawan sekretariat dan laboran FST, terimakasih atas bimbingan dan motivasinya selama belajar di TI.

5. Kedua Orang Tua, om-tante, budhe-pakdhe, eyang,dan seluruh keluarga yang telah membantu doa dan mendukung secara materiil dan inmateriil selama ini. Aku sayang kalian semua.

(11)

xi

7. Teman-teman USD TI ’06 : Ajeng, Iyus, Anjar, Andri, Lik Narto, Lugas, Tulus, Bimo, Widiyo, dan semua-muanya makasi atas support, dinamika dan persahabatan selama ini.

8. Teman-teman Andromeda Outbond : Mas Lucky, Mas Juja, Mas Fani, Dedek, Cak Nif, ferdy dan semuanya. Terimakasih atas semua ilmu baru yang diterima selama ini dan motivasinya untuk menyelesaikan skripsi ini. 9. Big Family of Frappio Coffee House & Ice Cream: Mas Nobu, Mas Bagas,

Mas Hildi, Mas ecko, Mas Juja (lagi), semua angkatan Barista khususnya angkatan 7 BBB(Bukan Barista Biasa), Marketing, Purchasing, dan semua-muanya.

10. Untuk semuanya Teman-teman Stako, Jagoan, Kote-Kote okonomiyaki fam, Distric Coffee Factory tempat mengerjakan skripsi ini, my little heroes, Tyas, Ayumi, Atma, Darwin, Sabrina, Niluh Ayu, Amor.

11. Semua pihak membantu baik langsung maupun tidak langsung yang tidak dapat saya sebutkan satu per satu.

Saya masih menyadari banyak kekurangan dalam laporan ini. Saran dan kritik selalu saya harapkan dari para pembaca untuk perbaikan-perbaikan di masa yang akan datang. Akhir kata, saya mengharapkan tulisan ini dapat bermanfaat bagi kemajuan dan perkembangan ilmu pengetahuan dan berbagai pihak pengguna pada umumnya.

Yogyakarta, 30 Mei 2013

(12)

xii

DAFTAR ISI

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... iii

HALAMAN PENGESAHAN... iv

PERNYATAAN KEASLIAN KARYA ... v

HALAMAN PERSEMBAHAN ... vi

ABSTRAKSI... vii

ABSTRACT... viii

LEMBAR PERNYATAAN PERSETUJUAN ... ix

KATA PENGANTAR... x

DAFTAR ISI... xii

DAFTAR TABEL ... xviii

DAFTAR GAMBAR... xx

DAFTAR LISTING PROGRAM ... xxiii

BAB IPENDAHULUAN... 1

1.1. Latar Belakang ... 1

1.2. Rumusan Masalah ... 2

1.3. Tujuan... 2

1.4. Batasan Masalah... 2

1.5. Metodologi Penelitian ... 3

1.6. Sistematika Penulisan... 5

BAB IILANDASAN TEORI ... 6

2.1. Sistem Informasi BerbasisWEB... 6

(13)

xiii

2.2.1. Use Case Diagram... 6

2.3. Pemodelan Proses... 8

2.4. Pemodelan Data... 12

2.4.1. Conceptual Design... 12

2.4.2. Logical Design... 14

2.4.3. Physical Design... 14

2.5. HTML (Hypertext Markup Language)... 14

2.6. PHP (Page Hipertext Preposesor)... 15

2.7. Code Igniter... 16

2.8. MySQL... 18

BAB IIIANALISA DAN PERANCANGAN SISTEM... 20

3.1. Analisa Sistem ... 20

3.1.1. Gambaran Umum Sistem Lama ... 20

3.1.2. Gambaran Umum Sistem yang Dikembangkan ... 23

3.1.3. Analisa Kebutuhan Sistem ... 23

3.1.4. Use Case Diagram... 25

3.1.4.1. Use Case... 26

3.1.4.1.1. Use Case PackageKelola Data Anggota ... 27

3.1.4.1.2. Use Case PackageKelola Data Buku... 27

3.1.4.1.3. Use Case PackageKelola Jabatan... 28

3.1.4.1.4. Use Case PakcageKelola Sub Kategori buku... 28

3.1.4.1.5. Use Case PakcagePeminjaman... 29

3.1.4.1.6. Use Case PakcageKelola Usulan Buku... 29

3.1.4.1.7. Use Case PakcageKelola Penerbit ... 30

(14)

xiv

3.1.4.1.9. Use Case PakcageKelola Pengembalian ... 31

3.1.5. Proses Pemodelan ... 32

3.1.5.1. Diagram Konteks ... 32

3.1.5.2. Diagram Berjenjang... 33

3.1.5.3. Data Flow Diagram(DFD) ... 34

3.1.5.3.1. DFD Level 1 ... 34

3.1.5.3.2. DFD Level 2 proses 1.2 ... 35

3.1.5.3.3. DFD Level 2 proses 1.3 ... 35

3.1.5.3.4. DFD Level 2 proses 1.4 ... 36

3.1.5.3.5. DFD Level 2 proses 1.5 ... 36

3.1.5.3.6. DFD Level 2 proses 1.6 ... 37

3.1.5.3.7. DFD Level 2 proses 1.7 ... 37

3.1.5.3.8. DFD Level 2 proses 1.8 ... 38

3.1.5.3.9. DFD Level 2 proses 1.9 ... 38

3.1.5.3.10. DFD Level 2 proses 1.10 ... 39

3.2. Perancangan Sistem... 39

3.2.1. Perancangan Sistem Database... 39

3.2.1.1. Entity-Relationship Diagram(Conceptual Design) ... 40

3.2.1.2. Logical Database Design(Relational Model) ... 41

3.2.1.3. Physical Database Design(Relational Model) ... 42

3.2.1.3.1. Tabel Anggota... 42

3.2.1.3.2. Tabel Jabatan ... 42

3.2.1.3.3. Tabel Buku... 42

3.2.1.3.4. Tabelcopy_buku... 43

(15)

xv

3.2.1.3.6. Tabel sub_kategori... 43

3.2.1.3.7. Tabel Peminjaman ... 43

3.2.1.3.7.1. Tabel Peminjaman ... 44

3.2.1.3.7.2. Tabel detail_peminjam ... 44

3.2.1.3.8. Tabel Pengarang ... 44

3.2.1.3.9. Tabel detail_pengarang... 44

3.2.1.3.10. Tabel Penerbit ... 45

3.2.1.3.11. Tabel Usulan buku ... 45

3.2.2. Desain User Interface... 45

3.2.2.1. Rancangan Halaman Utama Pengguna... 46

3.2.2.2. Rancangan Halaman Usulan Buku Pengguna ... 46

3.2.2.3. Rancangan HalamanLogin... 47

3.2.2.4. Rancangan Halaman Utama Administrator ... 47

3.2.2.5. Rancangan Halaman Data Anggota... 48

3.2.2.6. Rancangan Halaman Jabatan ... 49

3.2.2.7. Rancangan Halaman SubKategori Buku ... 49

3.2.2.8. Rancangan Halaman Data Buku ... 50

3.2.2.10. Rancangan Halaman Peminjaman Buku... 51

3.2.2.11. Rancangan Halaman Pengembalian Buku ... 52

3.2.2.12. Rancangan Halaman Laporan Pengembalian Buku... 52

3.2.2.13. Rancangan Halaman Laporan Data Buku... 53

3.2.2.14. Rancangan Halaman Penerbit ... 53

3.2.2.15. Rancangan Halaman Pengarang ... 54

BAB IV IMPLEMENTASI SISTEM ... 55

(16)

xvi

4.2. Perangkat Kebutuhan Sistem... 55

4.2.1. Perangkat Keras (hardware) ... 55

4.2.2. Perangkat Lunak (software) ... 56

4.3. ImplementasiDatabase... 56

4.4. Implementasi Antarmuka ... 61

4.4.1. Halaman Pengguna... 61

4.4.1.1. Halaman Utama Pengguna... 61

4.4.1.2. Halaman Usulan Buku ... 62

4.4.1.3. HalamanLogin... 63

4.4.2. Halaman Administrator... 66

4.4.2.1. Halaman Utama Administrator... 66

4.4.2.2. Halaman Setting Jabatan... 67

4.4.2.3. Halaman Setting Anggota... 69

4.4.2.4. Halaman Setting Buku ... 76

4.4.2.5. Halaman Penerbit... 80

4.4.2.6. Halaman Pengarang ... 81

4.4.2.7. Halaman Sub Kategori Buku ... 82

4.4.2.8. Halaman Data Usulan Buku ... 86

4.4.2.9. Halaman Sirkulasi Buku ... 86

4.4.2.10. Halaman Pengembalian Buku... 87

4.4.2.11. Halaman Cetak Data Peminjam... 90

4.4.2.12. Halaman Cetak Data Buku ... 92

BAB VANALISA IMPLEMENTASI SISTEM... 94

5.1. Analisa Hasil Perangkat Lunak ... 94

(17)

xvii

5.1.1.1. Hasil dan Pembahasan ... 95

5.1.2. Analisa terhadap administrator ... 99

5.1.2.1. Hasil dan Pembahasan ... 99

5.2. Kelebihan dan Kekurangan Sistem ... 100

5.2.1. Kelebihan Sistem ... 100

5.2.2. Kekurangan Sistem ... 101

BAB VIPENUTUP ... 102

6.1. Kesimpulan... 102

6.2. Saran ... 102

DAFTAR PUSTAKA ... 104

(18)

xviii

DAFTAR TABEL

Tabel 3.1 Identifikasi pelaku sistem ... 24

Tabel 3.2 Tabel Anggota... 42

Tabel 3.3 Tabel Bagian ... 42

Tabel 3.4 Tabel Buku... 43

Tabel 3.5 Tabelcopy_buku... 43

Tabel 3.6 Tabel kategori_buku ... 43

Tabel 3.7 Tabel sub_kategori ... 43

Tabel 3.8 Tabel Peminjaman ... 43

Tabel 3.9 Tabel Peminjaman ... 44

Tabel 3.10 Tabel detail_peminjam ... 44

Tabel 3.11 Tabel Pengarang... 44

Tabel 3.12 Tabel detail_pengarang ... 44

Tabel 3.13 Tabel Penerbit ... 45

Tabel 3.14 Tabel Usulan buku ... 45

Tabel 4.1 Tabel persentase tampilan antarmuka pada Sistem Informasi mudah dimengerti ... 95

Tabel 4.2 Tabel persentase tampilan antarmuka pada Sistem Informasi tersusun rapi dan menarik ... 95

Tabel 4.3 Tabel presentase instruksi atau petunjuk pada Sistem Informasi terbaca dengan baik... 96

Tabel 4.4 Tabel persentase fitur-fitur pada Sistem Informasi berfungsi dengan baik... 96

(19)

xix

Tabel 4.6 Tabel persentase Sistem Informasi ini mempermudah Anda

(20)

xx

DAFTAR GAMBAR

Gambar 2.1 SimbolUse Case... 7

Gambar 2.2 Simbolactor... 7

Gambar 2.3 SimbolEntity... 9

Gambar 2.4 Simbol Aliran Data ... 9

Gambar 2.5 Simbol Proses ... 9

Gambar 2.6 Simbol Tempat Penyimpanan Data ... 10

Gambar 2.7Entityyang dilarang... 10

Gambar 2.8 Relasi antaraentitydengandata storeyang dilarang ... 10

Gambar 2.9 Contoh penulisanentitydengan simbol nomor 2 ... 11

Gambar 2.10 Contoh beberapa struktur data... 11

Gambar 2.11 Notasi ERD El Masri ... 13

Gambar 3.1 Proses Bisnis Peminjaman Buku... 21

Gambar 3.2 Proses Bisnis Pengembalian Buku ... 22

Gambar 3.4Use Case PackageKelola Data Anggota ... 27

Gambar 3.5Use Case PackageKelola Data Buku ... 27

Gambar 3.6Use Case PackageKelola Data Bagian... 28

Gambar 3.7Use Case PackageKelola SubKategori buku ... 28

Gambar 3.8Use Case PackagePeminjaman ... 29

Gambar 3.9Use Case PackagePengusulan Buku ... 29

Gambar 3.10Use Case PackageKelola Penerbit ... 30

Gambar 3.11Use Case PackageKelola Pengarang ... 30

Gambar 3.12Use Case PackagePengembalian... 31

(21)

xxi

Gambar 3.17 DFD Level 2 proses 1.3... 35

Gambar 3.25ER-Diagram... 40

Gambar 3.26Logical Design... 41

Gambar 3.27 Halaman Pengguna... 46

Gambar 3.28 Halaman Usulan Buku Pengguna ... 46

Gambar 3.29 HalamanLogin... 47

Gambar 3.30 Halaman Administrator... 47

Gambar 3.32 Halaman Jabatan... 49

Gambar 3.33 Halaman SubKategori Buku ... 49

Gambar 3.35 Halaman Usulan Buku ... 51

Gambar 3.36 Halaman Peminjaman Buku ... 51

Gambar 3.37 Halaman Pengembalian Buku ... 52

Gambar 3.38 Halaman Laporan Pengembalian Buku ... 52

Gambar 3.39 Halaman Laporan Data Buku ... 53

Gambar 3.40 Halaman Penerbit... 53

Gambar 3.41 Halaman Pengarang ... 54

Gambar 4.1Databaseyis_perpus... 57

Gambar 4.2 Halaman Utama Pengguna ... 61

(22)

xxii

(23)

xxiii

DAFTAR LISTING PROGRAM

(24)

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Yayasan Insan Sembada (YIS) adalah Lembaga Swadaya Masyarakat (LSM) yang bergerak dibidang pengembangan masyarakat.LSM yang telah berdiri sejak tahun 1974 ini mengembangkan program-program yang mencakup hal tentang kesehatan masyarakat, perbaikan ekonomi, pelatihan, dan manajemen konflik.

Banyaknya proyek yang dilakukan oleh YIS rupanya menuntut banyaknya referensi yang digunakan untuk mendukung berbagai proyek yang dilaksanakan.Referensi yang digunakan salah satunya adalah buku, sehingga YIS mempunyai perpustakaan untuk mengelola buku-buku tersebut.Dalam perkembangannya, YIS mulai untuk memanfaatkan teknologi informasi yang ada pada saat ini untuk mengelola buku-buku yang ada.Salah satu pemanfaatan teknologi informasi secara internal yang telah ada pada lembaga tersebut yaitu Sistem Informasi Perpustakaan, sehingga buku-buku dapat terekam dengan baik.

(25)

pencatatan buku secara manual jika ia harus membuat laporan, dan melakukan pengembanganinterfacesistem informasi tersebut.

Melihat dari permasalahan tersebut, penulis tertarik untuk mengembangkan Sistem Informasi Perpustakaan yang menyediakan informasi dan fasilitas untuk menangani masalah tersebut.

1.2. Rumusan Masalah

Rumusan masalah yang timbul pada tugas akhir ini adalah bagaimana mengembangkan Sistem Informasi Perpustakaan berbasis WEB sesuai kebutuhan lembaga, sehingga dapat digunakan untuk:

1. Perbaikan sistem (data buku, kategori buku, sirkulasi buku, dan anggota).

2. Membuat dan mencetak laporan data buku.

1.3. Tujuan

Tujuan dari tugas akhir ini adalah mengembangkan Sistem Informasi Perpustakaan berbasisWEByang sesuai dengan kebutuhan lembaga.

1.4. Batasan Masalah

Adapun batasan dari sistem yang dibuat adalah sebagai berikut :

1. Informasi yang disajikan adalah informasi dalam bahasa Indonesia. 2. Sistem ini dibuat berdasarkan hal-hal yang diminta oleh pihak

(26)

3. Program dibangun dengan menggunakan PHP dan untuk basis data menggunakanMySQL Application.

1.5. Metodologi Penelitian

Metode penelitian yang digunakan dalam pembuatan Tugas Akhir ini dengan tahap-tahap sebagai berikut :

1. Identifikasi sistem

a. Observasi Sistem Informasi Perpustakaan yang telah berjalan. b. Wawancara terhadap pegawai yang berkepentingan

menjalankan sistem. 2. Studi Literatur

Mempelajari semua ilmu dan teori yang berkaitan dengan pembangunan Sistem ini.

3. Metode pengembangan sistem secara tersruktur dengan Model Waterfall.ModelWaterfallini terbagi menjadi beberapa fase yaitu :

a. Fase Analisis Kebutuhan (Requirements)

(27)

b. Fase Perancangan (Design Phase)

Membuat desain data flow diagram (DFD), entity relational diagram (ERD), desain tabel-tabel basis data, dan antar muka sistem.

c. Fase Implementasi (Implementation Phase)

Mengimplementasikan hasil desain dan rancangan sistem kedalam bentuk program.

d. Fase Pengujian (Testing Phase)

Pada fase pengujian ini dilakukan pengujian oleh developer, apakah hasil sudah sesuai dengan perancangan, serta mencari segala kesalahan yang masih terjadi dalam sistem.

4. Ujicoba terhadapuser

(28)

1.6. Sistematika Penulisan

Bab I : PENDAHULUAN

Menjelaskan mengenai latar belakang pemilihan topik tugas akhir, rumusan masalah, tujuan, batasan masalah, metode penelitian serta sistematika penulisan yang digunakan.

Bab II : LANDASAN TEORI

Pada bab ini menjelaskan dasar teori yang digunakan dalam mendukung penulisan tugas akhir.

Bab III :ANALISA DAN PERANCANGAN SISTEM

Menganalisa sistem lama dan sistem yang akan dibuat beserta dengan desain sistem yang akan dibuat.

Bab IV : IMPLEMENTASI SISTEM

Membahas implementasi sistem yang dibuat dari desain diubah ke dalam bentuk bahasa pemrograman.

Bab V :ANALISA IMPLEMENTASI SISTEM

Menganalisa hasil dari sistem yang dibuat.Menjabarkan kekurangan dan kelebihan sistem.

Bab VI : PENUTUP

(29)

6

BAB II

LANDASAN TEORI

2.

2.1. Sistem Informasi BerbasisWEB

Sistem berbasis web adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat managerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan dengan interaksi secara langsung dan beroperasi pada sebuah browser aplikasi dan teknologi internet.

2.2. Pemodelan Terstruktur

Pemodelan terstruktur merupakan alat-alat (tools) dan teknik-teknik (techniques) yang dibutuhkan dalam pengembangan sistem, sehingga hasil akhir dari sistem yang dikembangkan akan didapatkan sistem yang strukturnya didefinisikan dengan baik dan jelas. Pemodelan terstruktur ini memiliki beberapa pemodelan yaitupemodelan pengguna sistem (Use Case Diagram), pemodelan proses (Data Flow Diagram), dan pemodelan data (Entity Relationship Diagram).

2.2.1. Use Case Diagram

(30)

Digambarkan secara grafis dengan ellips horisontal dengan use case tertera diatas, dibawah atau didalamellips.

Gambar 2.1 SimbolUse Case

Actor merupakan segala sesuatu yang perlu berinteraksi dengan sistem untuk mendapatkan/mengubah informasi. Dapat berupa orang, organisasi, sistem informasi yang lain, piranti luar atau waktu kejadian.

Gambar 2.2 Simbolactor

Use case extends relationship merupakan sebuah use case berisi langkah-langkah yang diringkas dari sebuah use case yang lebih kompleks agaruse caseyang lebih sederhana namun secara fungsi lebih meluas. Digambarkan dengan garis anak panah yang dimulai pada extension use case dan menujuk pada use case yang di-extending. Setiap relasi diberi label <<extends>>.

(31)

mengkombinasikan langkah-langkah yang umum ditemui dalam use casetersebut. Digambarkan dengan ujung anak panah dimulai dari use case original dan menunjuk ke use case yang digunakan. Setiap garis yang menunjukrelationshipdinamakan dengan <<uses>>.

Use case depends on relationship merupakan sebuah relasi yang menentukan bahwause caseyang lain harus dibuat sebelumcurrent use case. Digambarkan sebagai garis anak panah yang dimulai dari satu use case dan menunjuk ke use case yang bergantung (dependent on) kepadanya. Setiap relasidepend ondiberi label <<depends on>>.

2.3. Pemodelan Proses

(32)

Simbol-simbol yang digunakan dalam pembuatan DFD, antara lain : 1. Entity

Menggambarkan sumber atau tujuan dari aliran data dari atau ke sistem. Simbolentityadalah sebagai berikut :

Interface

Gambar 2.3 SimbolEntity

2. Aliran data

Menggambarkan aliran data dari satu proses ke proses yang lainnya. Simbol aliran data adalah sebagai berikut :

Gambar 2.4 Simbol Aliran Data

3. Proses

Proses yang mentransformasikan data secara umum. Simbol proses adalah sebagai berikut :

Gambar 2.5 Simbol Proses

4. Tempat penyimpanan

(33)

Gambar 2.6 Simbol Tempat Penyimpanan Data

Ketentuan-ketentuan yang harus dipatuhi dalam pembuatan DFD agar tidak terjadi kesalahan, antara lain :

1. Antar entity tidak diijinkan terjadi hubungan atau relasi, seperti contoh berikut ini :

Gambar 2.7Entityyang dilarang

2. Tidak boleh ada aliran data antara entitydengan datastore, seperti contoh berikut ini :

(34)

3. Untuk alasan kerapian,entityataudata storeboleh digambar beberapa kali dengan tanda khusus, misalnya diberi nomor, seperti contoh berikut ini :

Gambar 2.9 Contoh penulisanentitydengan simbol nomor 2

4. Satu aliran data boleh mengalirkan beberapa struktur data, seperti contoh berikut ini :

Gambar 2.10 Contoh beberapa struktur data

5. Bentuk anak panah aliran data boleh bervariasi 6. Semua obyek harus mempunyai nama

7. Aliran data selalu diawali dan diakhiri dengan proses 8. Semua aliran data harus mempunyai tanda arah

Beberapa petunjuk pembuatan DFD antara lain :

(35)

2. Memberi nomor pada proses. Nomor yang diberikan pada proses tidak harus menjadi nomor urut. Penomoran dimaksudkan sebagai identifikasi proses dan memudahkan penurunan (level yang lebih rendah) ke proses berikutnya.

3. Penggambaran kembali. Ukuran dan bentuk tetap sama dan tanda panah boleh bervariasi.

4. Hindarilah proses yang mempunyai masukan tetapi tidak mempunyai keluaran begitu pula sebaliknya, hindarilah proses yang mempunyai keluaran tetapi tidak mempunyai masukan.

5. Hati-hati dengan aliran data dan proses yang tidak dinamai. Aliran proses yang tidak diberi nama dapat mengakibatkan elemen data yang saling tidak berhubungan akan menjadi satu.

2.4. Pemodelan Data

Pemodelan data adalah sebuah teknik untuk mengorganisasikan dan mendokumentasikan data dari sistem. Pada proses pemodelan data, dibagi menjadi tiga tahap utama, yaitu : tahapconceptualdesign, tahap logicaldesign dan tahapphysicaldesign.

2.4.1. Conceptual Design

(36)

schema yang mengacu pada suatu conceptual model yaitu Entity RelationalDiagram(ERD).

ERD merupakan alat yang digunakan untuk membantu dalam pemodelan data.Dua komponen utama pembentuk ERD adalah entitas dan relasi. Entitas adalah sebuah objek nyataada dan dibedakan dari sesuatu yang lain. Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik dari entitas tersebut.Sedangkan relasi adalah hubungan antar entitas. Ada beberapa macam relasi yang digambarkan dalam ERD, yaitu :

1. Relasi satu lawan satu (One to one relationship) 2. Relasi satu lawan banyak (One to many relationship) 3. Relasi banyak lawan banyak (Many to many relationship)

Ada beberapa notasi yang digunakan untuk membuat ERD. Misal, notasi Chen, Martin, El Masri dan Korth, akan tetapi pada umumnya, semua notasi itu sama. Perbedaannya adalah pada pemilihan simbol-simbol yang digunakan. Di sini, kita akan menggunakan notasi El Masrikarena lebih umum dan mudah dibaca dan dimengerti

(37)

2.4.2. Logical Design

Pada tahap ini dilakukan penterjemahan dari conceptual schema ke model data yang sesuai dengan DBMS yang akan digunakan. Hasil dari tahap ini berupa logical schema basis data yang mengacu pada suatu logical data model yaitu Relational Model. Terdapat 2 langkah utama dalamlogical design, yaitu :

1. Restrukturisasi ER Diagram

Kegiatan yang dilakukan harus secara berurutan antara lain : a. Analisa redudansi

b. Hilangkan generalisasi

c. Memecah / menyatukan entitas-entitas dan relasi-relasi d. Tetapkan kata kunci (primarykey)

2. Mengubah dari ER Diagram keRelational Model

2.4.3. Physical Design

Pada tahap ini logical schema dilengkapi dengan detail-detail implementasi secara fisik sesuai DBMS yang digunakan.

2.5. HTML(Hypertext Markup Language)

(38)

(misalnya Frontpage atau Macromedia Dreamweaver) atau dengan editor teks biasa (misalnya notepad). Dokumen HTML biasanya diberi nama dengan cara menambahkan ekstensi .htm atau .html di belakang nama dokumen (contoh : dokumen.htm atau dokumen.html).

Pada suatu dokumen HTML terdapat tag-tag yang terdiri atas sebuah urung sudut kiri (<, tanda lebih kecil), sebuah nama tag, sebuah kurung sudut kanan (>, tanda lebih besar). Tag-tag tersebut umumnya berpasangan, contohnya <HTML> dengan </HTML>.Tag pertama <HTML> menunjukkan tag awal yang berarti awal elemen, sedangkan tag kedua </HTML> menunjukkan tag akhir yang berarti akhir elemen.

Setiap dokumen HTML dibuka dengan tag<HTML> dan ditutup dengan tag </HTML>. Dapat juga diberi judul dengan tag<TITLE> yang harus berada di dalam <HEAD>.

2.6. PHP (Page Hipertext Preposesor)

PHP adalah bahasa server side scripting yang menyatu dengan HTML untuk membuat halamanwebyang dinamis. Maksud dariserver side scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan program ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangunan halamanweb.

(39)

Velocis, dBase, Unixdbm dan tak terkecuali semua database ber-interface ODBC. Juga dapat berintegrasi dengan beberapa library eksternal yang membuat anda dapat melakukan segalanya mulai dari membuat dokumen PDF hingga mem-parse XML. PHP juga mendukung komunikasi dengan layanan lain melalui protocol IMAP, SNMP, NNTP, POP3 atau bahkan HTTP. Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan utama adalah konektivitas basis data denganweb.

2.7.Code Igniter

CodeIgniter merupakan salah satu dari sekian banyak framework PHP yang ada.CodeIgniter dikembangkan oleh Rick Ellis (http://www.ellislab.com). Tujuan dari pembuatan frameworkCodeIgniter ini menurut user manualnya adalah untuk menghasilkan framework yang akan dapat digunakan untuk pengembangan proyek pembuatan website secara lebih cepat dibandingkan dengan pembuatan website dengan cara coding secara manual, dengan menyediakan banyak sekali pustaka yang dibutuhkan dalam pembuatan website, dengan antarmuka yang sederhana dan struktur logika untuk mengakses pustaka yang dibutuhkan. CodeIgniter membiarkan kita untuk memfokuskan diri pada pembuatanwebsitedengan meminimalkan pembuatan kode untuk berbagai tujuan pembuatanwebsite.

(40)

 Gratis

CodeIgniter dilisensikan dibawah lisensi Apache/BSD style open source license, ini berarti kita dapat menggunakannya sesuai dengan keinginan kita.

 Berjalan di PHP versi 4 dan 5

Sekarang ini PHP sudah mencapai versi ke 5, meskipun begitu masih banyak orang yang tetap menggunakan PHP versi 4, oleh sebab ituCodeIgniterdikembangkan agar tetap kompatibel dengan PHP versi 4 dan dapat dijalankan pada PHP versi 5.

 Ringan dan cepat

Secara default CodeIgniter hanya berjalan dengan me load beberapa pustaka saja, dengan demikian hanya membutuhkanresource yang sedikit sehingga ringan dan cepat dijalankan. Pustaka-pustaka lain yang nantinya akan digunakan bisa diloadsesuai dengan kebutuhan.  Menggunakan MVC.

CodeIgniter menggunakan lingkungan pengembangan dengan metodeModel View Controller(MVC) yang membedakan antara logika dan presentasi/tampilan, sehingga tugas bisa lebih mudah dipecah-pecah.Ada bagian yang khusus membuat tampilan dan bagian yang membuatcoreprogramnya.

 Dokumentasi.

(41)

dokumentasinya.Dalam hal ini CodeIgniter sangat luar biasa, terdapat dokumentasi yang sangat lengkap tentang semua hal yang ada dalam CodeIgniter.Mulai dari langkah instalasi sampai dokumentasi fungsi-fungsi nya tersedia.Adanya dokumentasi sangat memudahkan bagi pemula dalam mempelajari lingkungan pengembangan website dengan CodeIgniter.

 Pustaka yang lengkap.

CodeIgniter dilengkapi dengan berbagai pustaka siap pakai untuk berbagai kebutuhan, misalnya saja koneksidatabase, email, session dan cookies, keamanan, manipulasi gambar dan banyak lagi.

2.8.MySQL

MySQL merupakan database yang paling populer.MySQL didistribusikan secara gratis di bawah lisensi GPL (General PublicLicense ), sehingga setiap orang bebas menggunakanMySQL, namun tidak boleh dijadikan produk yang bersifat komersial.

(42)

SQL, yang dibuat oleh pengguna maupun aplikasinya. MySQL memiliki keunggulan antara lain:

1. Dapat menangani jutaan pengguna dalam waktu yang bersamaan. 2. Mampu menampung lebih dari 50.000.000record.

(43)

20

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1. Analisa Sistem

3.1.1. Gambaran Umum Sistem Lama

(44)

Gambar 3.1 Proses Bisnis Peminjaman Buku

(45)

Gambar 3.2Proses Bisnis Pengembalian Buku

Beberapa kekurangan yang dikeluhkan adalah kode buku yang tidak unik, sehingga 2 atau lebih buku yang berbeda bisa mempunyai kode buku yang sama. Tidak adanya fitur untuk membuat laporan pengarsipan buku apa saja yang sudah terekam dalam koleksi perpustakaan, sehingga administrator menggunakan proses mencatat buku secara manual jika ia harus membuat laporan.

(46)

3.1.2. Gambaran Umum Sistem yang Dikembangkan

Sistem yang dibangun ini merupakan perbaikan kekurangan sekaligus pengembangan dari sistem yang lama. Sistem yang baru ini dibuat menggunakan bahasa pemrograman PHP dan database menggunakan MySQL. Sistem ini nantinya dapat diakses oleh anggota melalui jaringan intranet pada komputer yang terdapat di masing-masing ruangan yang ada pada lembaga tersebut.

Sistem terdiri dari dua halaman utama, halaman untuk user dan juga halaman untuk administrator. Halaman user hanya dapat digunakan untuk melakukan pencarian buku,mengetahui koleksi buku baru,melihat data buku, memesan buku, dan memberikan usulan buku kepada perpustakaan. Sedangkan halaman administrator digunakan untuk mengolah data buku, anggota, sirkulasi (pinjamdan kembali), dan usulan buku.

3.1.3. Analisa Kebutuhan Sistem

Pihak yang terlibat atau menggunakan sistem informasi tersebut antara lain :

1. Pengguna

(47)

2. Administrator

Administrator adalah orang yang berhak untuk mengakses data secara keseluruhan, dan melakukan pemeliharaan secara berkala.Misalnya, hapus, tambah, ubah, mengolah sirkulasi dan membuat laporan.

Berikut adalah daftar kebutuhan dan pelaku sistem yang terlibat

dalam Sistem Informasi tersebut :

Pengguna Kebutuhan

Pengguna Melihat, mencari, dan memberi usulan buku. Administrator Login

Menambah dan mengolah data subkategori buku Menambah dan mengolah data anggota

Menambah dan mengolah jabatan anggota Menambah dan mengolah data buku Mencatat dan mengolah data sirkulasi Mengolah usulan buku

Logout

(48)

3.1.4. Use Case Diagram

(49)

3.1.4.1. Use Case

Use case diagramdari sistem ini terbagi dalam 9packagedan 2 use caseyang dapat dilihat pada gambar berikut

(50)

3.1.4.1.1. Use Case PackageKelola Data Anggota

Use case package ini mencakup 5 aksi yang dapat dilihat pada gambar berikut

Gambar 3.4Use Case PackageKelola Data Anggota

3.1.4.1.2. Use Case PackageKelola Data Buku

Gambar 3.5Use Case PackageKelola Data Buku Tambah dataanggota

Ubah dataanggota Lihat data anggota

Hapus dataanggota

kelola data anggota

administrator

Cari dataanggota

Cari data buku Tambah data buku

Ubah data buku Lihat data buku

kelola data buku

Cetak data buku

(51)

3.1.4.1.3. Use Case PackageKelola Jabatan

Gambar 3.6Use Case PackageKelola Data Bagian

3.1.4.1.4. Use Case PakcageKelola Sub Kategori buku

Gambar 3.7Use Case PackageKelola SubKategori buku Tambah datajabatan

Ubah datajabatan Lihat data jabatan

Hapus data jabatan

kelola data jabatan

administrator

Tambah subkategori

Ubah subkategori Lihat subkategori

Hapus subkategori

kelola subkategori buku

administrator

(52)

3.1.4.1.5. Use Case PakcagePeminjaman

Gambar 3.8Use Case PackagePeminjaman

3.1.4.1.6. Use Case PakcageKelola Usulan Buku

Gambar 3.9Use Case PackagePengusulan Buku Lihat pengusulan

buku

Hapus pengusulan buku

kelola pengusulan buku

(53)

3.1.4.1.7. Use Case PakcageKelola Penerbit

Gambar 3.10Use Case PackageKelola Penerbit

3.1.4.1.8. Use Case PakcageKelola Pengarang

Use case packageini mencakup 5 aksi yang dapat dilihat pada gambar berikut

(54)

3.1.4.1.9. Use Case PakcageKelola Pengembalian

Use case packageini mencakup 3 aksi yang dapat dilihat pada gambar berikut

Gambar 3.12Use Case PackagePengembalian Lihat pengembalian

Cari pengembalian

kelola pengembalian

administrator

(55)

3.1.5. Proses Pemodelan

3.1.5.1. Diagram Konteks

Diagram konteks digunakan untuk menggambarkan bagaimana

para pelaku sistem berinteraksi dengan sistem, disertai masukan ke

sistem dan keluaran dari sistem. Diagram konteks juga menjadi

batasan dari sistem yang akan dibangun. Di bawahini adalah

gambaran diagram konteks dari Sistem tersebut :

(56)

33 3.1.5.2. Diagram Berjenjang

Dibawah ini adalah diagram berjenjang yang akan dibangun sebagai acuan untuk membuat Diagram Arus Data

berdasarkan level-level proses yang ada :

(57)

3.1.5.3. Data Flow Diagram (DFD)

3.1.5.3.1. DFD Level 1

(58)

3.1.5.3.2. DFD Level 2 proses 1.2

Gambar 3.16DFD Level 2 proses 1.2

3.1.5.3.3. DFD Level 2 proses 1.3

(59)

3.1.5.3.4. DFD Level 2 proses 1.4

3.1.5.3.5. DFD Level 2 proses 1.5

(60)

3.1.5.3.6. DFD Level 2 proses 1.6

3.1.5.3.7. DFD Level 2 proses 1.7

(61)

3.1.5.3.8. DFD Level 2 proses 1.8

3.1.5.3.9. DFD Level 2 proses 1.9

(62)

3.1.5.3.10.DFD Level 2 proses 1.10

3.2. Perancangan Sistem

Pada tahap ini akan dibuat perancangan sistem yang sesuai dengan analisis

yang telah dibuat pada tahap sebelumnya. Perancangan sistem ini terdiri dari

desaindatabasesistem dan desainuser interfacesistem.

3.2.1. Perancangan Sistem Database

Dalam perancangan database sistem, langkah pertama yang harus

dilakukan adalah membuat conceptual database design. Alat yang

digunakan adalah Entity Relationship Diagram(ER-Diagram). ER-Diagram

berfungsi untuk menggambarkan hubungan antar entitas yang terjadi

(63)

40 3.2.1.1. Entity-Relationship Diagram (Conceptual Design)

(64)

3.2.1.2. Logical Database Design (Relational Model)

Relational modelmenggambarkan entitas-entitas dari ER diagram yang menjadi tabel. Padarelational modelini nama entitas menjadi nama tabel, sedangkan untuk atribut menjadi nama fieldnya. Berikut relasi antar tabel-tabelnya:

(65)

3.2.1.3. Physical Database Design (Relational Model)

Berdasarkan relasi tabel diatas, maka dibuatlah struktur data

masing-masing tabel sebagai berikut:

3.2.1.3.1. Tabel Anggota

No Nama Kolom Tipe Data Ukuran Key

(kunci)

1 id_anggota Int 10 [PK]

2 Nama Varchar 100

3 id_jabatan Int 10 FK

4 tempat_lahir Varchar 40

5 tgl_lahir Date

6 Alamat Varchar 200

7 Kelamin enum(‘L’,’P’)

8 Telepon Int 10

9 bacaan_fav Varchar 40

10 Username Varchar 40

11 Password Varchar 20

Tabel 3.2 Tabel Anggota

3.2.1.3.2. Tabel Jabatan

(kunci)

1 id_jabatan Int 10 [PK]

2 nama_jabatan Varchar 40

Tabel 3.3 Tabel Bagian

3.2.1.3.3. Tabel Buku

(kunci)

1 kode_buku Varchar 40 [PK]

2 Judul Varchar 200

3 id_penerbit Int 10 FK

4 id_subkat Int 10 FK

5 Kolasi Text

6 Rak Varchar 40

7 Tahun Year 4

8 ISBN Varchar 40

9 harga_buku Double (10,2)

(66)

11 Keterangan Text Tabel 3.4 Tabel Buku

3.2.1.3.4. Tabelcopy_buku

(kunci)

1 id_copybuku Varchar 10 [PK]

2 kode_buku Varchar 40 [PK]

3 Status enum(‘Ada’,

’Keluar’) Tabel 3.5 Tabelcopy_buku

3.2.1.3.5. Tabel kategori_buku

(kunci)

1 id_kategori Int 10 [PK]

2 kode_kategori Varchar 40

3 nama_kategori Varchar 40

Tabel 3.6 Tabel kategori_buku

3.2.1.3.6. Tabel sub_kategori

(kunci)

1 id_subkat Int 10 [PK]

2 id_kategori Int 10 FK

3 kode_sub_kategori Varchar 10

4 nama_sub_kategori Varchar 40

Tabel 3.7 Tabel sub_kategori

3.2.1.3.7. Tabel Peminjaman

(kunci)

1 id_pinjam Int 10 [PK]

2 id_anggota Int 10 FK

3 id_copybuku Int 10 FK

4 tgl_pinjam Date

5 tgl_kembali Date

6 tgl_jatuhtempo Date

7 Denda Int 10

(67)

Pada saat dilakukan normalisasi pada tabel ini ternyata terdapat duplikasi dalam data peminjamannya, maka solusi yang diambil adalah tabel peminjaman dibagi menjadi 2 tabel yaitu tabel peminjaman dan tabel detail_peminjam.

3.2.1.3.7.1. Tabel Peminjaman

(kunci)

1 id_pinjam Int 10 [PK]

2 id_anggota Int 10 FK

3 tgl_pinjam Date

4 tgl_kembali Date

5 tgl_jatuhtempo Date

6 Denda Int 10

7 StatusPinjam enum(‘Pinjam’, ’Kembali’) Tabel 3.9 Tabel Peminjaman

3.2.1.3.7.2. Tabel detail_peminjam

(kunci)

1 id_detpeminjam Int 10 [PK]

2 id_pinjam Int 10 FK

3 id_copybuku Varchar 10 FK

Tabel 3.10 Tabel detail_peminjam

3.2.1.3.8. Tabel Pengarang

(kunci)

1 id_pengarang int 10 [PK]

2 nama_pengarang varchar 50

Tabel 3.11 Tabel Pengarang

3.2.1.3.9. Tabel detail_pengarang

(kunci)

1 id_pengarang Int 10 FK

2 kode_buku Varchar 40 FK

(68)

3.2.1.3.10.Tabel Penerbit

(kunci)

1 id_penerbit int 10 [PK]

2 nama_penerbit varchar 50

Tabel 3.13 Tabel Penerbit

3.2.1.3.11.Tabel Usulan buku

(kunci)

1 id_usulan Int 10 [PK]

2 nama_pengusul Varchar 40

3 judul_buku Varchar 100

4 Pengarang Varchar 40

5 Penerbit Varchar 40

6 Keterangan Text

7 Tanggalusul Date

Tabel 3.14 Tabel Usulan buku

3.2.2. Desain User Interface

(69)

3.2.2.1. Rancangan Halaman Utama Pengguna

Logo

Sistem Informasi Perpustakaan Yayasan Insan Sembada

Usulan buku Pesan buku

cari ...

Pilih masukan :

Cari Buku Data Buku

Jumlah Judul

No Pengarang Penerbit Rak Keluar Stok

Gambar 3.27Halaman Pengguna

1.

3.2.2.2. Rancangan Halaman Usulan Buku Pengguna

(70)

3.2.2.3. Rancangan Halaman Login

Gambar 3.29HalamanLogin

3.2.2.4. Rancangan Halaman Utama Administrator

(71)

3.2.2.5. Rancangan Halaman Data Anggota

(72)

3.2.2.6. Rancangan Halaman Jabatan

Gambar 3.32Halaman Jabatan

3.2.2.7. Rancangan Halaman SubKategori Buku

(73)

3.2.2.8. Rancangan Halaman Data Buku

2.

(74)

3.2.2.9. Rancangan Halaman Usulan Buku

Gambar 3.35Halaman Usulan Buku

3.2.2.10. Rancangan Halaman Peminjaman Buku

(75)

3.2.2.11. Rancangan Halaman Pengembalian Buku

Gambar 3.37Halaman Pengembalian Buku

3.2.2.12. Rancangan Halaman Laporan Pengembalian Buku

(76)

3.2.2.13. Rancangan Halaman Laporan Data Buku

Gambar 3.39Halaman Laporan Data Buku

3.2.2.14. Rancangan Halaman Penerbit

(77)

3.2.2.15. Rancangan Halaman Pengarang

(78)

55

BAB IV

IMPLEMENTASI SISTEM

Pada bab ini akan dijelaskan lebih lanjut mengenai implementasi dari

perancangan “Sistem Informasi Perpustakaan LSM YIS BerbasisWeb” yang telah dibuat pada analisa dan perancangan sistem.

4.1. Karakteristik Sistem

Sistem yang dikembangkan merupakan sistem berbasis web dengan dua tampilan yaitu untuk pengguna dan administrator. Data yang terdapat pada sistem akan disimpan dalam database “yis_perpus”. Dalam tahapan implementasi, sistem akan menggunakan frameworkCodeIgniter yang menggunakan sistemmodel dancontroller,hal ini bertujuan untuk keamanan web, pengerjaan implementasi lebih ringkas bila masing-masing fungsi dikelompokkan sendiri-sendiri, dan dapat berjalan dengan baik padabrowser apapun. Adapun data yang dimasukkan kedalam sistem ini menggunakan contoh data fiktif yang dikumpulkan oleh penulis (kecuali data kategori, dan

buku).

4.2. Perangkat Kebutuhan Sistem

4.2.1. Perangkat Keras(hardware)

Spesifikasi perangkat keras yang digunakan adalah:

(79)

 Memory2 Gb  Harddisk80 Gb  Ethernet

 Monitor resolusi 1024 x 768

 KeyboarddanMouse

4.2.2. Perangkat Lunak(software)

Spesifikasi perangkat lunak yang digunakan adalah:

 Sistem Operasi Microsoft Windows XPservice pack2  Xamp1.8.1

 phpMyAdmin3.5.2.2  MySQL5.5

 SQLyog7.2

 PHP

 Netbeans6.9  Mozilla Firefox

4.3. ImplementasiDatabase

Langkah pertama yang harus dilakukan dalam bab ini adalah membuat

database. Software yang digunakan dalam pembuatan database sistem ini adalahSQLyogver7.2.

Dalam sistem ini terdapat 12 tabel yang dibuat sesuai dengan rancangan

(80)

Gambar 4.1Databaseyis_perpus 1. Tabelanggota, dibuat dengansyntax SQL

DROP TABLE IF EXISTS `anggota`;

CREATE TABLE `anggota` (

`id_anggota` int(10) NOT NULL AUTO_INCREMENT, `nama` varchar(100) DEFAULT NULL,

`id_jabatan` int(10) DEFAULT NULL,

`tempat_lahir` varchar(40) DEFAULT NULL, `tgl_lahir` date DEFAULT NULL,

`alamat` varchar(200) DEFAULT NULL, `kelamin` enum('L','P') DEFAULT 'L', `telepon` int(10) DEFAULT NULL,

`bacaan_fav` varchar(40) DEFAULT NULL, `username` varchar(40) DEFAULT NULL, `password` varchar(20) DEFAULT NULL, PRIMARY KEY (`id_anggota`)

) ENGINE=InnoDB AUTO_INCREMENT DEFAULT CHARSET=latin1 CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;

2. Tabelbuku, dibuat dengansyntax SQL

CREATE TABLE `buku` (

`kode_buku` varchar(40) NOT NULL,

`judul` varchar(200) DEFAULT NULL,

(81)

`id_subkat` int(10) DEFAULT NULL,

`kolasi` text,

`rak` varchar(40) DEFAULT NULL,

`jml_eksemplar` int(10) DEFAULT NULL,

`tahun` year(4) DEFAULT NULL,

`ISBN` varchar(40) DEFAULT NULL,

`harga_buku` double(10,2) DEFAULT NULL,

`tgl_input` date DEFAULT NULL,

`keterangan` date DEFAULT NULL,

PRIMARY KEY (`kode_buku`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 CHECKSUM=1

DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;

3. Tabelcopy_buku, dibuat dengansyntax SQL

CREATE TABLE `copy_buku` (

`id_copybuku` varchar(40) DEFAULT NULL,

`kode_buku` varchar(40) DEFAULT NULL,

`status` enum('Ada','Keluar') DEFAULT 'Ada'

) ENGINE=InnoDB DEFAULT CHARSET=latin1 CHECKSUM=1

DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;

4. Tabeldetail_peminjam, dibuat dengansyntax SQL

CREATE TABLE `detail_peminjam` (

`id_detpeminjam` int(10) NOT NULL AUTO_INCREMENT,

`id_pinjam` int(10) DEFAULT NULL,

`id_copybuku` varchar(40) DEFAULT NULL,

` kode_buku ` varchar(40) DEFAULT NULL,

PRIMARY KEY (`id_detpeminjam`)

) ENGINE=InnoDB AUTO_INCREMENT DEFAULT CHARSET=latin1

CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC

5. Tabeldetail_pengarang, dibuat dengansyntax SQL

(82)

`id_pengarang` int(10) NOT NULL,

`kode_buku` varchar(40) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

6. Tabeljabatan, dibuat dengansyntax SQL

CREATE TABLE `jabatan` (

`id_jabatan` int(10) NOT NULL AUTO_INCREMENT,

`nama_jabatan` varchar(40) DEFAULT NULL,

PRIMARY KEY (`id_jabatan`)

CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;

7. Tabelkategori_buku, dibuat dengansyntax SQL

CREATE TABLE `kategori_buku` (

`id_kategori` int(10) NOT NULL AUTO_INCREMENT,

`kode_kategori` varchar(10) DEFAULT NULL,

`nama_kategori` varchar(40) DEFAULT NULL,

PRIMARY KEY (`id_kategori`)

8. Tabelpeminjaman, dibuat dengansyntaxSQL

CREATE TABLE `peminjaman` (

`id_pinjam` int(10) NOT NULL AUTO_INCREMENT,

`id_anggota` int(10) DEFAULT NULL,

`tgl_pinjam` date DEFAULT NULL,

`tgl_jatuhtempo` date DEFAULT NULL,

`tgl_kembali` date DEFAULT NULL,

`denda` int(10) DEFAULT NULL,

`statuspinjam` enum('pinjam','kembali') DEFAULT

'pinjam',

(83)

9. Tabelpenerbit, dibuat dengansyntax SQL

CREATE TABLE `penerbit` (

`id_penerbit` int(10) NOT NULL AUTO_INCREMENT,

`nama_penerbit` varchar(50) DEFAULT NULL,

PRIMARY KEY (`id_penerbit`)

10. Tabelpengarang, dibuat dengansyntax SQL

CREATE TABLE `pengarang` (

`id_pengarang` int(10) NOT NULL AUTO_INCREMENT,

`nama_pengarang` varchar(50) DEFAULT NULL,

PRIMARY KEY (`id_pengarang`)

11. Tabelsub_kategori, dibuat dengansyntax SQL

CREATE TABLE `sub_kategori` (

`id_subkat` int(10) NOT NULL AUTO_INCREMENT,

`id_kategori` int(10) DEFAULT NULL,

`kode_sub_kategori` varchar(10) DEFAULT NULL,

`nama_sub_kategori` varchar(20) DEFAULT NULL,

PRIMARY KEY (`id_subkat`)

) ENGINE=InnoDB AUTO_INCREMENT DEFAULT CHARSET=latin1;

12. Tabelusulan_buku, dibuat dengansyntax SQL

CREATE TABLE `usulan_buku` (

`id_usulan` int(10) NOT NULL AUTO_INCREMENT,

(84)

`judul_buku` varchar(200) DEFAULT NULL,

`penerbit` varchar(40) DEFAULT NULL,

`pengarang` varchar(50) DEFAULT NULL,

`keterangan` text,

`tanggalusul` date DEFAULT NULL,

PRIMARY KEY (`id_usulan`)

) ENGINE=MyISAM AUTO_INCREMENT DEFAULT CHARSET=latin1;

4.4. Implementasi Antarmuka

Antarmuka(user interface) merupakan tampilan dari sistem yang nantinya akan berinteraksi langsung dengan pengguna (user).

4.4.1. Halaman Pengguna

4.4.1.1. Halaman Utama Pengguna

Gambar 4.2Halaman Utama Pengguna

(85)

berdasarkan pilihan pencarian yang telah dipilih. Halaman ini adalah halaman utama pengguna Pada halaman pengguna juga terdapat menu

usulan buku.

Misalkan pengguna ingin mencari data buku berdasarkan judul buku, maka pengguna memilih pencarian berdasarkan “Judul Buku”, kemudian mengetikkan kata kunci “Game” maka hasil yang akan muncul adalah sebagai berikut:

Gambar 4.3Halaman Hasil Pencarian Buku

4.4.1.2. Halaman Usulan Buku

(86)

Halaman ini adalah halaman usulan buku pengguna, dimana siapapun pengguna yang mengakses Sistem Informasi ini dapat mengusulkan buku kepada administrator. Didalamnya terdapat formmasukkan seperti nama pengusul, judul buku, penerbit, pengarang dan keterangan mengenai buku yang akan diusulkan.

4.4.1.3. HalamanLogin

Gambar 4.5HalamanLogin

Halamanloginini akan muncul jika pengguna memilih menulogin, fungsi dari halaman ini yaitu untuk login administrator.Administrator harus memasukkan username dan password untuk kemudian di validasi sistem lalu diteruskan kehalaman yang berkaitan dengan administrator. Berikut penggalansyntaxvalidasilogindari sistem

function setFormgetlogin() {

$this->load->helper('form');

$xBuff = '';

$xBuff.='<div id="login"><h4>Form Login</h4>';

$xBuff .='<label for="edUser" style="margin-left: 150px;

">User Name</label>' .

form_input('edUser', '', '100 id="edUser"') .

'<div class="clear"></div>';

$xBuff .='<label for="edPassword" style="margin-left:

(87)

form_password('edPassword', '', '100

id="edPassword"') . '<div class="clear"></div> ';

$xBuff.= form_button('btLogin', 'login',

'onclick="dologin();" style="margin-left: 250px;

width:150px;"');

$xBuff.=' </div>';

return $xBuff;

}

function dologin() {

$this->load->helper('json');

$edUser = $_POST['edUser'];

$edPassword = $_POST['edPassword'];

$this->load->model('modelanggota');

$rowuser = $this->modelanggota->getDataLogin($edUser,

$edPassword);

$this->json_data['data'] = false;

if (!empty($rowuser)) {

$this->session->set_userdata('user',

$rowuser-$this->json_data['data'] = true;

if($rowuser->id_anggota != 1){

$this->json_data['location'] = site_url() .

"/pemesananuser/";

}else

$this->json_data['location'] = site_url() .

"/home/";

}

echo json_encode($this->json_data);

}

(88)

function getDataLogin($xUser, $xPassword) {

$xStr = "SELECT * FROM anggota WHERE username = '" .

addslashes($xUser) . "' and password = '"

.addslashes($xPassword) . "'";

$query = $this->db->query($xStr);

$row = $query->row();

return $row;

}

Listing Program 4.2 Modelhome.php

function dologin(){

// alert( json.location);

if(json.data){

document.location = json.location;

}else

{

alert("Login Anda Salah Silahkan di ulangi");

}

},

error: function (xmlHttpRequest, textStatus, errorThrown) {

start = xmlHttpRequest.responseText.search("<title>") + 7;

end = xmlHttpRequest.responseText.search("</title>");

errorMsg = " ";

(89)

alert("Rangerti "+errorMsg +xmlHttpRequest.responseText+ "

[" + xmlHttpRequest.responseText.substring(start, end) +

"]");

else

alert("Error juga "+errorMsg+xmlHttpRequest.responseText);

}

});

}

Listing Program 4.3 Ajax home.js

4.4.2. Halaman Administrator

4.4.2.1. Halaman Utama Administrator

Gambar 4.6Halaman Utama Administrator

Gambar diatas ini adalah halaman utama administrator yang akan

muncul setelahloginsebagai administrator. Pada halaman ini terdapat 3 menu utama yaitu Kelola Anggota, Kelola Buku, dan Logout.Pada menu Kelola Anggota terdapat 2 Sub Menu yaitu Setting Jabatan dan

(90)

menu Logout berfungsi keluar dari halaman administrator menju halaman utama pengguna

4.4.2.2. HalamanSettingJabatan

Gambar 4.7HalamanSettingJabatan

Halaman ini adalah SubMenu dari Kelola Anggota. Pada tampilan menu, admin sudah bisa melihat jabatan apa saja yang sudah dimasukkan pada database. Pada halaman ini administrator dapat melakukan beberapa aksi pada halaman ini yaitu, menyimpan data jabatan baru, mengubah data jabatan, dan menghapus data jabatan.Berikut adalah penggalan syntax untuk menampilkan data jabatanyang telah terekam.

function getListJabatan($xstart, $search) {

$xend = 30;

$this->load->model('modeljabatan');

$this->load->helper('table');

(91)

$xquery = $this->modeljabatan->getListjabatan($xstart,

$xend, $search);

$xbuf = tbaddrow(tbaddcell('No', 'padding:10px;

width:15%', '') .

tbaddcell('Nama Jabatan', 'padding:10px; width:70%', '') .

tbaddcell('Edit / Hapus', 'padding:10px; width:5%', ''), '',

true);

foreach ($xquery->result()as $row) {

$btnedit = '<img src="' . base_url() .

'resource/css/images/edit.jpg" alt="Edit Data" onclick =

"doeditjabatan(\'' . $row->id_jabatan . '\');"

style="border:none;width:20px; cursor:pointer;"/>';

$xbtndelete = '<img src="' . base_url() .

'resource/css/images/delete.png" alt="Hapus Data" onclick =

"dodeletejabatan(\'' . $row->id_jabatan . '\',\'' .

substr($row->nama_jabatan, 0, 20) . '\');"

style="border:none;width:20px;cursor:pointer;">';

$xbuf.=tbaddrow(tbaddcell($no++) .

tbaddcell($row->nama_jabatan) .

tbaddcell($btnedit . ' / ' . $xbtndelete));

}

$xbuf .= tbaddrow(tbaddcell( ' ' , '', 'width=10%

height=35% colspan=2') .

tbaddcell('&nbsp&nbsp', '', 'width=50% height=35% colspan

=1'), '', TRUE);

$xbuf = tablegrid($xbuf);

return '<div id="tabledata" name ="tabledata" class="tc1"

style="width:100%;left:-25px;">' . $xbuf . '</div>';

}

Listing Program 4.4 Controller SettingJabatan.php

function getListjabatan($xAwal, $xLimit, $xSearch = '') {

(92)

$xSearch = "Where nama_jabatan like '%" . $xSearch

. "%'";

}

$xStr = "SELECT * FROM jabatan $xSearch order by

id_jabatan DESC limit " . $xAwal . "," . $xLimit;

$query = $this->db->query($xStr);

return $query;

}

Listing Program 4.5 ModelJabatan.php

4.4.2.3. HalamanSettingAnggota

Gambar 4.8Halaman Setting Anggota

(93)

mengubah data anggota, menghapus data anggota dan mencari anggota berdasarkan namanya. Berikut adalah penggalan syntax untuk menyimpan data anggota beserta hasilnya

function setFormAnggota() {

$xBuff = '';

$xBuff.='<div id="primary" style="width:977px;

margin:0px; "><h3 style=" text-align: left; color: #993300;

margin-left:20px;">Tambah Anggota</h3><div

class="clear"></div>';

$xBuff .= '<input type="hidden" name="id_anggota"

id="id_anggota" value="0" /></input>';

$xBuff.='<label for="ednamaanggota" style="margin-left:

30px; padding-right:50px; color: #993300;

font-size:14px;">Nama Anggota</label>' . form_input('ednamaanggota',

'', ' id="ednamaanggota" style="width:200px;"') . '<div

$xBuff.='<label for="jns_kelamin" style="margin-left:

30px;padding-right:38px; color: #993300;

font-size:14px;">Jenis Kelamin</label>' .

form_dropdown('jns_kelamin', $this->getJenisKelamin(), '',

'id="jns_kelamin" style="width:160px; margin-left:20px;" ') .

'<div class="clear"></div>';

$xBuff.='<label for="tmpt_lhr" style="margin-left:

30px; padding-right:59px; color: #993300;

font-size:14px;">Tempat Lahir</label>' . form_input('tmpt_lhr', '',

' id="tmpt_lhr" style="width:200px;"') . '<div

$xBuff.='<label for="tgl_lahir" style="margin-left:

(94)

font-size:14px;">Tanggal Lahir</label>' . form_input('tgl_lahir',

'', ' id="tgl_lahir" style="width:200px;"') . '<div

$xBuff.='<label for="ednamajabatan" style="margin-left:

font-size:14px;">jabatan </label>' . form_dropdown('ednamajabatan',

$this->modeljabatan->getArrayjabatan(), '', 'id="ednamajabatan"

style="width:160px; margin-left:20px;" ') . '<div

$xBuff.='<label for="tlp" style="margin-left: 30px;

padding-right:89px; color: #993300;

font-size:14px;">Telepon</label>' . form_input('telepon', '', '

id="tlp" style="width:200px;"') . '<div class="clear"></div>';

$xBuff.='<label for="alamat" style="margin-left:

font-size:14px;">Alamat</label>' . form_input('alamat', '', '

id="alamat" style="width:200px;"') . '<div

$xBuff.='<label for="bacaan" style="margin-left:

font-size:14px;">Bacaan Favorit</label>' . form_input('bacaan', '',

' id="bacaan" style="width:200px;"') . '<div

$xBuff.='<label for="username" style="margin-left:

font-size:14px;">Username</label>' . form_input('username', '', '

id="username" style="width:200px;"') . '<div

$xBuff.='<label for="password" style="margin-left:

(95)

id="password" style="width:200px;"') . '<div

$xBuff.= form_button('btnsimpan', 'Simpan',

'onclick="dosave();" style="margin-left: 25px;

width:150px;cursor:pointer;"') . form_button('btnbaru', 'Baru',

'onclick="doclear();" style="margin-left: 25px;

width:150px;cursor:pointer;"');

function save() {

$this->load->model('modelanggota');

$this->load->model('modeluser');

$this->load->helper('json');

$idanggota = $this->session->userdata('idpegawai');

if (!empty($_POST['id_anggota'])) {

$xidanggota = $_POST['id_anggota'];

} else {

$xidanggota = '0';

}

if (!empty($idanggota)) {

$ednamaanggota = $_POST['ednamaanggota'];

$jns_kelamin = $_POST['jns_kelamin'];

$tmpt_lhr = $_POST['tmpt_lhr'];

$tgl_lahir = $_POST['tgl_lahir'];

$ednamajabatan = $_POST['ednamajabatan'];

$tlp = $_POST['tlp'];

$alamat = $_POST['alamat'];

$bacaanfav = $_POST['bacaan'];

$username = $_POST['username'];

(96)

if

(!empty($_POST['ednamaanggota'])&&!empty($_POST['tmpt_lhr'])&&!

empty($_POST['tlp'])&&!empty($_POST['alamat'])&&!empty($_POST['

username'])&&!empty($_POST['password'])) {

if ($xidanggota != 0) {

$this->json_data['data'] = true;

$this->modelanggota->setUpdateAnggota($xidanggota, $ednamaanggota, $ednamajabatan,

$tmpt_lhr, $tgl_lahir, $alamat, $jns_kelamin, $tlp, $bacaanfav,

$username, $password);

} else {

$this->json_data['data'] = true;

$this->modelanggota->setInsertanggota($xidanggota, $ednamaanggota, $jns_kelamin,

$tmpt_lhr, $tgl_lahir, $ednamajabatan, $tlp, $alamat,

$bacaanfav, $username, $password);

$lastidanggota = @

$this->modelanggota->getLastanggota()->id_anggota;

if ($ednamajabatan != 1) {

$this->modeluser->setInsertUser('',

'9', $lastidanggota);

}

}else{

$this->json_data['data'] = false;

}

echo json_encode($this->json_data);

}

Listing Program 4.6 Controller anggota.php

function setInsertAnggota($id_anggota, $nama, $id_bagian,

$Tempat_lahir, $Tgl_lahir, $Alamat, $kelamin, $telepon,

$bacaan_fav, $username, $password) {

$xStr = "Insert into anggota( " .

"id_anggota," .

"nama," .