BAB 3 PERANCANGAN SISTEM. Untuk membangun suatu sistem yang berupa Sistem Informasi Peminjaman

Transkripsi

1 BAB 3 PERANCANGAN SISTEM 3.1 Analisis Sistem Untuk membangun suatu sistem yang berupa Sistem Informasi Peminjaman Online Buku yang berbasis Web, terlebih dahulu penulis merencanakan bagaimana alur kerja dari sistem yang akan dibuat. Sehingga sistem yang dibangun nantiya dapat sesuai dengan kebutuhan dari user yang akan menggunakan layanan website ini. Sistem ini dibuat atas dasar untuk lebih mengefisienkan proses peminjaman buku diperpustakaan. Saat ini proses peminjaman buku khususnya diperpustakaan FMIPA-USU masih menggunakan cara tradisional yang artinya mengharuskan peminjam buku datang dan mencari sendiri buku yang hendak dipinjam. Hal ini tentu kurang mengefisienkan waktu. Selain itu saat ini banyak hal sudah diterapkan secara digital untuk lebih mendukung rutinitas manusia sehari-hari. Yang artinya sistem lama/cara konvensional mulai dialihkan ke sistem digital. Hal ini dilakukan karena banyak orang mengharapkan suatu proses/cara yang cepat dalam suatu hal, yang tentunya lebih mendukung rutinitas mereka. Berdasarkan hal tersebut penulis mencoba membangun sebuah Sistem Informasi Peminjaman Online Buku Berbasis Web yang dapat mempermudah dan mempercepat proses peminjaman buku diperpustakaan.

2 Perancangan Sistem/Website yang akan dibuat Perancangan sistem merupakan kegiatan mentransformasikan hasil analisis ke dalam suatu perencanaan untuk dapat diimplementasikan. Tujuannya untuk memenuhi kebutuhan user/pengguna mengenai gambaran perancangan sistem yang akan dibuat serta implementasinya. Pada sistem ini akan dirancang form-form yang akan dibuat dalam sistem informasi peminjaman online buku, diantaranya ada form utama yang memuat rancangan halaman utama web, form admin yang memuat proses penambahan, pengeditan serta penghapusan data ataupun informasi, selanjutnya form user yang memuat informasi data buku, layanan perpustakaan dan proses registrasi peminjaman buku Form Utama Pada halaman utama sistem terdapat menu-menu seperti home, profil, layanan, daftar, help, logout serta form login tempat login admin. Ketika menu home di klik kita akan tetap berada pada halaman utama sistem, menu profil di klik akan menampilkan informasi tentang sejarah FMIPA-USU, menu layanan di klik akan menampilkan informasi layanan perpustakaan FMIPA-USU, menu daftar di klik akan masuk ke pengisian anggota perpustakaan, serta menu help di klik akan menampilkan petunjuk penggunaan web. Form login sebagai tempat bagi admin untuk masuk ke halaman admin.

3 Form Admin Pada form admin terdapat menu-menu seperti home, profil, layanan, data buku, data peminjam, anggota dan logout. Ketika menu home di klik kita akan tetap berada pada halaman utama sistem, menu profil berisi informasi tentang sejarah FMIPA-USU dan memuat proses menambah, mengedit ataupun menghapus informasi. Menu layanan berisi informasi layanan perpustakaan FMIPA-USU dan memuat proses menambah, mengedit, serta menghapus informasi. Menu data buku berisi data koleksi buku dalam perpustakaan dan memuat proses menambah, mengedit, serta menghapus data buku. Menu data peminjam berisi data peminjam buku dalam perpustakaan dan memuat proses mengedit, serta menghapus data peminjam. Menu anggota berisi data anggota perpustakaan Form User Pada form user terdapat menu-menu seperti home, profil, layanan, daftar, help serta logout. Pada menu home memuat tampilan utama web, menu profil memuat informasi sejarah FMIPA-USU, menu layanan memuat informasi layanan perpustakaan, menu daftar memuat pengisian data anggota perpustakaan serta proses registrasi peminjaman buku, menu help berisi petunjuk penggunaan web.

4 Flowchart Program Flowchart merupakan sebuah diagram yang menyatakan aliran algoritma atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir atau bisa juga disebut sebagai proses yang menampilkan langkah-langkah/arus pekerjaan secara keseluruhan dari sistem yang dibangun. Flowchart menggunakan simbol-simbol grafis untuk menjelaskan urutan-urutan dari prosedur yang ada dalam sistem. Berikut simbol-simbol standar flowchart. Tabel 3.1. Simbol-Simbol Flowchart Simbol Nama Fungsi 1. Terminator Simbol untuk memulai dan mengakhiri suatu program. 2. Proses Simbol yang menunjukkan setiap proses pengolahan. 3. Decision Proses pengambilan keputusan untuk memilih kondisi yang tepat. 4. Input-Output Proses untuk memasukkan data atau menampilkan hasil dari suatu proses. 5. Predefined-Data Proses pemberian definisi awal dari suatu variabel atau data. 6. Connector Simbol penghubung dalam halaman kerja yang sama.

5 28 Tabel 3.1. Lanjutan 7. Predifinedproses 8. Off-page Connector Untuk menyatakan kumpulan langkah-langkah proses. Penghubung halaman pada halaman yang berbeda. 9. Magnetic Disk Untuk menyimpan data. 10. Data Storage Untuk menunjukkan input/output menggunakan disket. 11. Display Untuk output yang ditujukan ke suatu device seperti monitor. 12. Document Simbol untuk data yang berbentuk informasi. 13. Arus atau flow Arah alir suatu prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, kiri ke kanan atau kanan ke kiri.

6 Rancangan Flowchart Program Start Buka Halaman Utama Halaman Utama Menu Header Home Profil Layanan Daftar Help Logout Finish Gambar 3.1. Flowchart Halaman Awal

7 Start 30 Halaman Utama Home Informasi Umum Profil Sejarah Layanan Informasi Layanan Perpus MIPA Daftar Form Pendaftaran Anggota Help Penjelasan Menu Utama Finish Gambar 3.2. Flowchart Menu Halaman Utama

8 31 Start Daftar Data Anggota Pinjam Buku Data Buku Yang Tersedia Pilih Buku Registrasi Pinjam Buku Database Hasil Peminjaman Buku Finish Gambar 3.3. Flowchart Peminjaman Buku

9 32 Start Input Username Password Login Tampilan Menu Home Informasi Umum Profil Sejarah Layanan Informasi Layanan Perpus Data Buku Edit Buku Tambah Buku Hapus Buku Data base Data Peminjam Edit Peminjam Hapus Peminjam Print Peminjam Data base Data Anggota Edit Anggota Hapus Anggota Print Anggota Data base Finish Gambar 3.4. Flowchart Halaman Administrator

10 Data Flow Diagram (DFD) Data Flow Diagram atau DFD adalah gambaran model sistem secara logika. Data flow diagram dapat digunakan baik pada tahap analisis maupun tahap desain, namun diagram ini lebih cocok digunakan untuk tahap desain karena dapat memberikan batasan ruang lingkup, sehingga pekerjaan pengembangan sistem dapat lebih terfokuskan. Berikut rancangan Data Flow Diagram sistem: Data Koleksi Buku dan data Hasil Registrasi Peminjaman Buku USER Data Anggota dan Peminjaman buku 0 Sistem Informasi Peminjaman Online buku Data Anggota dan Peminjaman buku ADMIN Data Koleksi Buku Registrasi Peminjaman Buku Data Anggota dan Peminjaman Buku Gambar 3.5. Diagram Konteks Sistem Informasi Peminjaman Online Buku

11 34 Input User data anggota 1.1 Proses Daftar Anggota Data Anggota M1 Anggota Data Anggota Input data 1.2 peminjama buku Hasil Registrasi Peminjaman Buku Proses Peminjaman Buku Data Peminjam M2 Peminjaman Data Hasil Registrasi Peminjaman Buku Data Peminjaman Buku Admin Gambar 3.6. DFD Level 1 Sistem Infomasi Peminjaman Online Buku 3.5 Rancangan Database Database terdiri dari dua kata yaitu Data dan Base. Data dapat diartikan sebagai representasi fakta yang mewakili suatu objek seperti benda, manusia, kejadian,

12 35 aktivitas, keadaan dan sebagainya. Sedangkan Base dapat diartikan sebagai gudang atau tempat penyimpanan data. Secara umum database terdiri dari sekumpulan file (tabel) yang saling berkaitan antara file yang satu dengan file yang lainnya yang memungkinkan pemakai dapat mengakses dan memanipulasi file-file tersebut. Struktur database digunakan untuk menentukan file database yang digunakan seperti field, tipe data dan ukuran data. Dalam perancangan Website Sistem Informasi Peminjaman Online Buku, desain sistem ini terdiri dari 2 tabel. Adapun rancangan database yang digunakan adalah: 1. Tabel Buku Tabel ini digunakan untuk mengisi dan menyiman data-data buku yang ada diperpustakaan. Tabel 3.2. Tabel Buku Field Type Key Extra id_buku int(10) PRI Auto_Increment judul_buku kode_buku pengarang penerbit tahun isbn status varchar(50) varchar(10) varchar(50) varchar(50) year varchar(50) varchar(10)

13 36 2. Tabel Anggota Tabel ini digunakan untuk mengisi data diri anggota perpustakaan. Tabel 3.3. Tabel Anggota Field Type Key Extra id_peminjam int(10) PRI Auto_Increment nama varchar(50) nim int(20) jurusan varchar(50) 3. Tabel Peminjam Tabel ini digunakan untuk mengisi dan menyimpan regitrasi peminjaman buku. Tabel 3.4. Tabel Peminjam Field Type Key Extra id_peminjam int(10) PRI Auto_Increment nama nim jurusan judul tanggal_pinjam tanggal_kembali varchar(20) int(15) varchar(20) varchar(50) date date

14 BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji dan memulai sistem yang baru. Implementasi sistem mempunyai 4 tahap, yaitu: 1. Menentukan Perangkat Keras (Hardware) dan Perangkat Lunak (Software) yang tepat serta sesuai untuk merancang sistem. 2. Merancang sistem. 3. Membuat laporan, menguji dan mendokumentasikan program. 4. Mendapatkan persetujuan. 4.2 Komponen Utama dalam Implementasi Sistem Agar sistem perancangan yang telah dikerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap ssitem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (Hardware), perangkat lunak (Software) dan perangkat manusia (Brainware).

15 Perangkat Keras (Hardware) Perangkat keras atau hardware merupakan komponen yang terlihat secara fisik artinya dapat dilihat dan digunakan yang saling bekerja sama dalam pengolahan data. Perangkat keras atau hardware yang digunakan meliputi: 1. Monitor. 2. CPU (Central Processing Unit). 3. Hardisk sebagai media penyimpanan. 4. Memori minimal 256 MB. 5. Keyboard dan Mouse Perangkat Lunak (Software) Perangkat lunak atau software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini perangkat lunak atau software yang digunakan adalah: 1. Sistem Operasi Windows Adobe Dreamweaver CS6. 3. XAMPP dimana di dalamnya terdapat Apache sebagai server, PHP sebagai bahasa pemrograman yang digunakan dan MySQL sebagai software pembuatan database. 4. Google Chrome sebagai browser tempat menjalankan program yang telah dirancang.

16 39 5. Aplikasi Photoshop Perangkat Manusia (Brainware) Brainware merupakan faktor yang menangani fasilitas komputer yang ada. Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi: 1. Analisa Sistem yaitu orang yang membentuk dan membangun fasilitas rancangan sistem atau program. 2. Programmer yaitu orang yang digunakan dalam membangun suatu program. 3. Operator (Administrator) yaitu orang yang mengoprasikan sistem, seperti melakukan masukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya. 4. Public yaitu orang yang akan memakai sistem yang telah dirancang untuk memperoleh suatu informasi. 4.3 Tampilan Desain Program Subbab ini akan menampilkan tampilan program yang telah dibuat dari tahap perancangan sebelumnya.

17 40 Gambar 4.1. Halaman Index Gambar 4.2. Halaman Utama

18 41 Gambar 4.3. Halaman Profil Gambar 4.4. Halaman Layanan Perpustakaan

19 42 Gambar 4.5. Halaman Daftar Anggota Gambar 4.6. Halaman Help

20 43 Gambar 4.7. Halaman Admin Gambar 4.8. Halaman Data Buku

21 44 Gambar 4.9. Halaman Data Peminjam Gambar Halaman Data Anggota

22 45 Gambar Halaman Peminjaman Buku Gambar Halaman Hasil Peminjaman Buku

23 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Dari hasil perancangan, pembuatan sampai implementasi dari Sistem Informasi Peminjaman Online buku Berbasis Web, kesimpulan yang diperoleh adalah sebagai berikut: 1. Sistem yang dirancang merupakan sistem informasi berbasis web yang dapat memberikan informasi secara online juga mempermudah proses menginput data, mengedit data, menghapus data dan mencetak data yang diinginkan. 2. Dengan adanya sistem informasi peminjaman online buku berbasis web, user tidak perlu mengalami kesulitan memperoleh akses informasi data pustaka dan proses peminjaman data pustaka dapat dilakukan secara online. 3. Sistem Informasi Peminjaman Online Buku mempermudah pekerjaan admin dalam pemasukan data peminjam, karena hal tersebut dilakukan sendiri oleh user, selain itu pengelolaan data pustaka perpustakaan juga menjadi lebih cepat dan tepat sehingga pembuatan laporan lebih efisien.

24 Saran Untuk pengembangan sistem lebih lanjut, adapun saran yang dapat penulis sampaikan adalah sebagai berikut: 1. Untuk pengembangan sistem lebih lanjut, diharapkan agar ruang lingkup sistem informasi yang dibuat dapat lebih luas dalam memberikan informasi yang dibutuhkan. 2. Mengenalkan sistem ini kepada user (mahasiswa/i) bahwa dalam proses peminjaman buku, dapat dilakukan secara online sehingga lebih mempermudah. 3. Diharapkan desain Website dapat diperbaharui menjadi lebih baik lagi agar user (mahasiswa/i) lebih tertarik untuk mengunjungi website ini.