Rancang Bangun Aplikasi Perpustakaan Online berbasis Responsive Web SKRIPSI. Untuk Memenuhi Salah Satu Persyaratan Mencapai Derajat Sarjana Teknik

Transkripsi

1 Rancang Bangun Aplikasi Perpustakaan Online berbasis Responsive Web SKRIPSI Untuk Memenuhi Salah Satu Persyaratan Mencapai Derajat Sarjana Teknik Oleh : Muhammad Lutfi NIM : JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 KATA PENGANTAR Puji Syukur kepada Tuhan Yang Maha Esa yang melimpahkan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul Rancang Bangun Aplikasi Perpustakaan Online berbasis Responsive Web Pada penelitian ini menggunakan sebuah sistem yang dimana nantinya akan membantu pegawai dan anggota perpustakaan dalam mengelola data buku dan transaksi bagi pegawai dan memudahkan pemesanan buku bagi anggota perpustakaan. Penulis menyadari bahwa penelitian ini masih jauh dari sempurna. Oleh karena itu penulis mengharapkan saran dan kritik guna untuk menyempurnakan sistem ini kedepannya. Perangkat lunak ini juga masih membutuhkan pengembangan lebih lanjut sehingga dapat lebih bermanfaat. Akhir kata penulis mengucapkan terima kasih kepada semua pihak yang telah membantu hingga tugas akhir ini selesai. Malang, 3 Agustus 2015 Penulis Muhammad Lutfi i

3 DAFTAR ISI LEMBAR PERSETUJUAN... i LEMBAR PENGESAHAN... ii SURAT PERNYATAAN... iii PERSEMBAHAN... iv KATA PENGANTAR... v ABSTRACT... vi ABSTRAK... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xv BAB I PENDAHULUAN LATAR BELAKANG RUMUSAN MASALAH BATASAN MASALAH TUJUAN PENELITIAN METODOLOGI PENELITIAN SISTEMATIKA PENULISAN... 4 BAB II LANDASAN TEORI Responsive Web CodeIgniter Sistem CodeIgniter Kelebihan Framework CodeIgniter Konsep MVC PHP MySQL Unified Modelling Language Usecase Diagram ii

4 2.5.2 Sequence Diagram Activity Diagram Component Diagram Class Diagram BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Sistem Deskripsi Sistem Kebutuhan Sistem Fungsional Kebutuhan Non-Fungsional Use Case Activity Diagram Sequence Diagram Class Diagram Flowchart Usecase Diagram Perancangan Antarmuka Aplikasi Tampilan Admin Tampilan Anggota Tampilan Operator BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Kebutuhan Fungsional Implementasi Kode Program dan Antarmuka Antarmuka dan Kode Program Menu Login Antarmuka dan Kode Program Menu Buku Antarmuka dan Kode Program Pemesanan Buku Antarmuka dan Kode Program Kelola Member Antarmuka dan Kode Program Peminjaman Buku Antarmuka dan Kode Program Pengembalian Buku iii

5 Antarmuka dan Kode Program Perpanjangan Buku Antarmuka dan Kode Program Kelola Operator Antarmuka dan Kode Program Kelola Buku Antarmuka dan Kode Program Melihat Laporan Antarmuka dan Kode Program Memperbarui Denda Antarmuka dan Kode Program Melunasi Denda Antarmuka dan Kode Program Melihat Denda Pengujian Sistem Pengujian Black Box Pengujian Responsive Web Pengujian Kuisioner BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA iv

6 DAFTAR GAMBAR Gambar 3.1 UseCase Sistem Informasi Perpustakaan Gambar 3.2 Activity Diagram Mengelola Data Operator Gambar 3.3 Activity Diagram Create Data Operator Gambar 3.4 Activity Diagram Edit Data Operator Gambar 3.5 Activity Diagram Delete Data Operator Gambar 3.6 Activity Diagram Mengelola Data Buku Gambar 3.7 Activity Diagram Create Data Buku Gambar 3.8 Activity Diagram Edit Data Buku Gambar 3.9 Activity Diagram Delete Data Buku Gambar 3.10 Activity Diagram Mengelola Data Member Gambar 3.11 Activity Diagram Create Data Member Gambar 3.12 Activity Diagram Edit Data Member Gambar 3.13 Activity Diagram Delete Data Member Gambar 3.14 Activity Diagram Edit Denda Gambar 3.15 Activity Diagram Melihat Laporan Gambar 3.16 Activity Diagram Pelunasan Denda Gambar 3.17 Activity Diagram Memesan Buku Gambar 3.18 Activity Diagram Perpanjangan Buku Gambar 3.19 Activity Diagram Melihat Data Buku Gambar 3.20 Activity Diagram Melihat Jumlah Denda Gambar 3.21 Activity Diagram Kelola Transaksi Gambar 3.22 Activity Diagram Create Data Transaksi Gambar 3.23 Activity Diagram Edit Data Transaksi Gambar 3.24 Sequence Diagram Mengelola Data Operator Gambar 3.25 Sequence Diagram Create Data Operator Gambar 3.26 Sequence Diagram Edit Data Operator Gambar 3.27 Sequence Diagram Delete Data Operator Gambar 3.28 Sequence Diagram Mengelola Data Buku Gambar 3.29 Sequence Diagram Create Data Buku v

7 Gambar 3.30 Sequence Diagram Edit Data Buku Gambar 3.31 Sequence Diagram Delete Data Buku Gambar 3.32 Sequence Diagram Mengelola Data Member Gambar 3.33 Sequence Diagram Create Data Member Gambar 3.34 Sequence Diagram Edit Data Member Gambar 3.35 Sequence Diagram Delete Data Member Gambar 3.36 Sequence Diagram Edit Data Denda Gambar 3.37 Sequence Diagram Melihat Data Laporan Gambar 3.38 Sequence Diagram Pelunasan Denda Gambar 3.39 Sequence Diagram Memesan Buku Gambar 3.40 Sequence Diagram Perpanjangan Buku Gambar 3.41 Sequence Diagram Melihat Data Buku Gambar 3.42 Sequence Diagram Melihat Jumlah Denda Gambar 3.43 Sequence Diagram Mengelola Data Transaksi Gambar 3.44 Sequence Diagram Create Data Transaksi Gambar 3.45 Sequence Diagram Edit Data Transaksi Gambar 3.46 Class Diagram Sistem Informasi Perpustakaan Gambar 3.47 Tampilan Data Operator Gambar 3.48 Tampilan Tambah Data Operator Gambar 3.49 Tampilan Mengubah Data Operator Gambar 3.50 Tampilan Data Buku Gambar 3.51 Tampilan Tambah Data Buku Gambar 3.52 Tampilan Mengubah Data Buku Gambar 3.53 Tampilan Melihat Laporan Gambar 3.54 Tampilan Data Member Gambar 3.55 Tampilan Tambah Data Member Gambar 3.56 Tampilan Mengubah Data Member Gambar 3.57 Tampilan Memperbarui Denda Gambar 3.58 Tampilan Pelunasan Denda Gambar 3.59 Tampilan Memesan Buku Gambar 3.60 Tampilan Perpanjangan Buku vi

8 Gambar 3.61 Tampilan Melihat Buku Gambar 3.62 Tampilan Melihat Jumlah Denda Gambar 3.63 Tampilan Menambah Transaksi Gambar 3.64 Tampilan Mengubah Transaksi Gambar 4.1 Class-Class pada View Admin Gambar 4.2 Class-Class pada View Operator Gambar 4.3 Class-Class pada View Member Gambar 4.4 Tampilan Menu Login Gambar 4.5 Potongan Code untuk Menampilkan Menu Login Gambar 4.6 Tampilan Menu Melihat Buku Gambar 4.7 Potongan Code untuk Menampilkan Menu Buku Gambar 4.8 Tampilan Menu Pemesanan Buku Gambar 4.9 Potongan Code untuk Memesan Buku Gambar 4.10 Tampilan Insert Member Baru Gambar 4.11 Tampilan Update Member Gambar 4.12 Tampilan Delete Member Gambar 4.13 Potongan Code untuk Insert Data Member Gambar 4.14 Potongan Code untuk Update Data Member Gambar 4.15 Potongan Code untuk Delete Data Member Gambar 4.16 Tampilan Menu Peminjaman Gambar 4.17 Potongan Code untuk Meminjam Buku Gambar 4.18 Tampilan Menu Pengembalian Gambar 4.19 Potongan Code untuk Pengembalian Buku Gambar 4.20 Tampilan Menu Perpanjangan Buku Gambar 4.21 Potongan Code untuk Perpanjangan Transaksi Gambar 4.22 Tampilan Insert Operator Gambar 4.23 Tampilan Update Operator Gambar 4.24 Tampilan Delete Operator Gambar 4.25 Potongan Code untuk Insert Data Operator Gambar 4.26 Potongan Code untuk Update Data Operator Gambar 4.27 Potongan Code untuk Delete Data Operator vii

9 Gambar 4.28 Tampilan Insert Buku Gambar 4.29 Tampilan Update Buku Gambar 4.30 Tampilan Delete Buku Gambar 4.31 Potongan Code untuk Insert Data Buku Gambar 4.32 Potongan Code untuk Update Data Buku Gambar 4.33 Potongan Code untuk Delete Data Buku Gambar 4.34 Tampilan Menu Laporan Gambar 4.35 Potongan Code untuk Insert Data Buku Gambar 4.36 Tampilan Memperbarui Denda Gambar 4.37 Potongan Code untuk Memperbarui Denda Gambar 4.38 Tampilan Pelunasan Denda Gambar 4.39 Potongan Code untuk Melunasi Denda Gambar 4.40 Tampilan Melihat Denda Gambar 4.41 Potongan Code untuk Melihat Denda Gambar 4.42 Tampilan Login Gambar 4.43 Tampilan Dashboard Gambar 4.44 Tampilan Menu Buku Gambar 4.45 Tampilan Pemesanan Gambar 4.44 Tampilan Ganti Password viii

10 DAFTAR TABEL Tabel 3.1 Kebutuhan Fungsional Perpustakaan Online Tabel 3.2 Kebutuhan Non-Fungsional Perpustakaan Online Tabel 3.3 Skenario Mengelola Data Operator Tabel 3.4 Skenario Create Data Operator Tabel 3.5 Skenario Edit Data Operator Tabel 3.6 Skenario Delete Data Operator Tabel 3.7 Skenario Mengelola Data Buku Tabel 3.8 Skenario Create Data Buku Tabel 3.9 Skenario Edit Data Buku Tabel 3.10 Skenario Delete Data Buku Tabel 3.11 Skenario Mengelola Data Member Tabel 3.12 Skenario Create Data Member Tabel 3.13 Skenario Edit Data Member Tabel 3.14 Skenario Delete Data Member Tabel 3.15 Skenario Edit Denda Tabel 3.16 Skenario Melihat Laporan Tabel 3.17 Skenario Pelunasan Denda Tabel 3.18 Skenario Pemesanan Buku Tabel 3.19 Skenario Perpanjangan Buku Tabel 3.20 Skenario Melihat Buku Tabel 3.21 Skenario Melihat Jumlah Denda Tabel 3.22 Skenario Mengelola Data Transaksi Tabel 3.23 Skenario Create Data Transaksi ix

11 Tabel 3.24 Skenario Edit Data Transaksi Tabel 4.1 Spesifikasi Perangkat Keras untuk Implementasi Tabel 4.2 Spesifikasi Perangkat Lunak untuk Implementasi Tabel 4.3 Pengujian Menu Perpustakaan Online Tabel 4.4 Jawaban Kuesioner Tabel 4.5 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.6 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.7 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.8 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.9 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.10 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.11 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.12 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.13 Hasil Pengujian Kuesioner Soal Nomor Tabel 4.14 Hasil Pengujian Kuesioner Soal Nomor x

12 Daftar Pustaka [1] Syachbana, Akib Zulkarnain. Perancangan Website Menggunakan Responsive Web Design. Vol.2, No [2] Tri W. Puguh. Aplikasi Perpustakaan Online Menggunakan Content Management Sistem (CMS). Jurnal Teknik Elektro Universitas Diponegoro, Semarang. [3] Herbowo Rahmat Agus. Web Responsive Design untuk Situs Berita Menggunakan Framework CodeIgniter. Universitas Gunadarma [4] Syachbana, Akib Zulkarnain. Perancangan Website Menggunakan Responsive Web Design. Vol.2, No [5] Herbowo Rahmat Agus. Web Responsive Design untuk Situs Berita Menggunakan Framework CodeIgniter. Universitas Gunadarma [6] Ardhana Kusuma. Pemrograman PHP CodeIgniter Black Box [7] Ardhana Kusuma. Pemrograman PHP CodeIgniter Black Box [8] Ardhana Kusuma. Pemrograman PHP CodeIgniter Black Box [9] Andika Radenal. Penerapan CI dalam Pengembangan Sistem Informasi Manajemen Surat dan Pengarsipan. Universitas Islam Negeri Syarif Hidayatullah Jakarta. [10] Murphy Indra Beny. Fasilitas Sistem Informasi Akademik berbasis Web untuk SMA Negerioleh PT. XL AXIATA, Tbk Palembang. Jurusan Sistem Informasi. STMIK GI MDP. [11] Ramadha Mukhlis. Desain Web dengan PHP. Vol. 6. No. 1. Januari [12] Putri Rizky Winda. Pemrograman Web. Politeknik Negeri Semarang xi

13 [13] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [14] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [15] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [16] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [17] Mahdiana Deni. Analisa dan Rancangan Sistem Informasi Pengadaan Barang dengan Metodologi Berorientasi Obyek: Studi Kasus PT. Liga Indonesia. Vol 3. No 2. September [18] Mahdiana Deni. Analisa dan Rancangan Sistem Informasi Pengadaan Barang dengan Metodologi Berorientasi Obyek: Studi Kasus PT. Liga Indonesia. Vol 3. No 2. September [19] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [20] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari [21] Haviluddin. Memahami Penggunaan UML. Vol 6. No 1. Februari xii