INSTITUT TEKNOLOGI NASIONAL MALANG 2016

Transkripsi

1 CLIENT SERVER INSTITUT TEKNOLOGI NASIONAL MALANG 2016

2 Page i DAFTAR ISI DAFTAR ISI... i BAB I... 1 KONSEP DASAR SISTEM INFORMASI Pengertian Sistem Informasi Analisis Sistem Standart Operating Procedure Flowchart Contoh SOP beserta Flowchart Desain Sistem DFD BAB II DESAIN DATABASE Software Database Desain Database BAB III KONFIGURASI CLIENT SERVER Konfigurasi Sql Server 2005 (Client Server) BAB IV IMPLEMENTASI SISTEM INFORMASI New Project Koneksi Database Class Form Petugas Form Anggota Form Buku Form Kategori Form Peminjaman Form Pengembalian Crystal Report Laporan Peminjaman Laporan Pengembalian Kartu Anggota Nota Pengembalian... 97

3 Page ii 4.11 Form Utama Form Login Koneksi Database Server

4 Page 1 BAB I KONSEP DASAR SISTEM INFORMASI 1.1 Pengertian Sistem Informasi Sistem Informasi adalah suatu system yang mendukung fungsi operasi organisasi dengan kegiatan strategi untuk dapat menyediakan informasi yang diperlukan untuk pengambilan keputusan. System ini menyimpan, mengambil, mengubah, mengolah, dan mengkomunikasikan informasi yang diterima menggunakan system informasi. Adapun fungsi dari system informasi tersebut sebagai berikut: 1. Mendukung fungsi kepengurusan suatu organisasi. 2. Mendukung pengambilan keputusan. 3. Mendukung kegiatan operasional suatu organisasi. 1.2 Analisis Sistem Pada praktikum ini akan disusun suatu Sistem Informasi, langkah-langkah Analisis Sistem : A. Understand, yaitu memahami kerja dari sistem yang ada. Langkah ini dapat dilakukan dengan mempelajari secara terinci bagaimana sistem yang ada beroperasi. Langkah pemahaman sistem : 1. Memahami jenis sistem informasi. 2. Memahami komponen-komponen dalam sistem informasi tsb (sub systemnya). 3. Memahami tiap proses, pelaku, input-an data dan output-an informasi yang dihasilkan dalam tiap sub sistem tsb. 4. Menggambarkan prosedur kerja tiap sub sistem sesuai langkah poin 3, dengan menggunakan Standart Operating Procedure dan Flowchart. B. Identify, yaitu mengidentifikasi masalah. Masalah (problem) dapat didefinisikan sebagai suatu pertanyaan yang diinginkan untuk dipecahkan. Masalah inilah yang menyebabkan sasaran dari sistem tidak dapat dicapai. Langkah mengidentifikasi masalah : 1. Mengidentifikasi penyebab masalah. 2. Mengidentifikasi pengambilan keputusan yang menyebabkan masalah. 3. Mengidentifikasi personil dalam proses sistem yang menyebabkan masalah. C. How To Solve, yaitu memecahkan masalah. Langkah ini dilakukan berdasarkan data yang telah diperoleh dari hasil Identifikasi masalah.

5 Page Standart Operating Procedure Standard Operating Procedure merupakan serangkaian tatacara atau tahapan proses kerja tertentu. Isi Standard Operating Procedure : 1. Deskripsi, maksudnya memberikan keterangan tentang proses apa yang diuraikan. 2. Tujuan, maksudnya untuk kepentingan apa SOP ini dibuat. 3. Pihak-pihak yang terkait, maksudnya menjelaskan apa saja yang terkait dalam SOP. 4. Lampiran, dapat juga diberikan lampiran yang berisi semua hal yang berhubungan dengan SOP tersebut, misalnya: contoh formulir, contoh laporan,dokumen dan sebagainya. 5. Penjelasan Prosedur Kerja, yang dimaksud penjelasan disini bisa dituangkan dalam beberapa macam bentuk, ada dalam bentuk chart atau gambar, narasi, intruksi kerja sederhana. Hal ini bertujuan agar mengakomodasi semuakebutuhan pembaca SOP tersebut. 6. Diagram Alir, merupakan bagan yang menjelaskan secara rinci langkahlangkah dari proses program Flowchart Bagan alir system (flowchart) adalah bagan-bagan yang mempunyai arus dan menggambarkan langkah-langkah penyelesaian suatu masalah. Adapun tujuan memakai bagan alir system (flowchart) yaitu menggambarkan suatu tahapan penyelesaian masalah secara sederhana, terurai, rapi dan jelas menggunakan simbol-simbol standar. Beberapa macam simbol-simbol flowchart yaitu : FLOW DIRECTION SYMBOLS Simbol Keterangan Simbol arus / flow adalah menyatakan jalannya arus suatu proses. Simbol communication link menyatakan transmisi data dari satu lokasi ke lokasi lain Simbol connector menyatakan sambungan dari proses ke proses lainnya dalam halaman yang sama.

6 Page 3 Simbol offline connector menyatakan sambungan dari proses ke proses lainnya dalam halaman yang berbeda. PROCESSING SYMBOLS Simbol Keterangan Simbol process menyatakan suatu tindakan (proses) yang dilakukan oleh komputer. Simbol manual menyatakan suatu tindakan (proses) yang tidak dilakukan oleh komputer. Simbol decision menujukkan suatu kondisi tertentu yang akan menghasilkan dua kemungkinan jawaban : ya / tidak. Simbol predefined process menyatakan penyediaan tempat penyimpanan suatu pengolahan untuk memberi harga awal. Simbol terminal menyatakan permulaan atau akhir suatu Program. Simbol keying operation menyatakan segal jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard. Simbol offline-storage menunjukkan bahwa data dalam simbol ini akan disimpan ke suatu media tertentu. Simbol manual input memasukkan data secara manual dengan menggunakan online keyboard

7 Page 4 INPUT OUTPUT SYMBOLS Simbol Keterangan Simbol input/output menyatakan proses input atau output tanpa tergantung jenis peralatannya. Simbol punched card menyatakan input berasal dari kartu atau output. Simbol magnetic tape menyatakan input berasal dari pita magnetis atau output disimpan ke pita magnetis Simbol disk storage menyatakan input berasal dari dari disk atau output disimpan ke disk. Simbol document mencetak keluaran dalam bentuk dokumen (melalui printer). Simbol display mencetak keluaran dalam layar monitor Contoh SOP beserta Flowchart A. Pendataan Petugas Standart Operating Procedure Pendataan Petugas 1. Deskripsi Prosedur operasi ini menguraikan tata cara pendataan petugas pada Sistem. 2. Pihak yang Terkait 1. Petugas 2. Admin 3. Formulir yang digunakan 1. Formulir data diri petugas 4. Dokumen yang dihasilkan 1. Username dan password

8 Page 5 5. Prosedur kerja 1. Mulai 2. Petugas mengambil formulir pendaftaran. 3. Petugas mengisi formulir data diri sebagai acuan untuk memasukkan data ke sistem. 4. Formulir diserahkan pada admin. 5. Admin memasukkan data sesuai dengan form isian. 6. Admin memberikan username dan password ke petugas. 7. Proses selesai. Flowchart Pendataan Petugas Petugas Admin

9 Page 6 B. Pendataan Anggota Standart Operating Procedure Pendataan Anggota 1. Deskripsi Prosedur operasi ini menguraikan tata cara pendataan anggota pada Sistem. 2. Pihak yang Terkait 1. Anggota 2. Admin 3. Formulir yang digunakan 1. Kartu Tanda Mahasiswa (KTM) atau KTP 4. Dokumen yang dihasilkan 1. Kartu Anggota 5. Prosedur kerja 1. Mulai. 2. Anggota memberikan KTM atau KTP yang nantinya menjadikan acuan untuk memasukkan data ke sistem. 3. Admin memasukkan data sesuai dengan KTM atau KTP. 4. Admin mencetak kartu anggota perpustakaan yang baru. 5. Proses selesai.

10 Page 7 Flowchart Pendataan Anggota Anggota Admin C. Peminjaman Buku Standart Operating Procedure Peminjaman Buku 1. Deskripsi Prosedur operasi ini menguraikan tata cara peminjaman buku. 2. Pihak yang Terkait 1. Anggota 2. Petugas

11 Page 8 3. Formulir yang digunakan 1. Kartu Anggota 4. Dokumen yang dihasilkan 1. Buku 2. Nota Peminjaman 5. Prosedur kerja 1. Mulai. 2. Anggota mencari buku yang akan dipinjam melalui komputer yang telah disediakan. 3. Anggota memberikan kartu anggota dan buku yang akan dipinjam kepada petugas untuk pendataan pinjaman buku. 4. Petugas memberikan buku beserta nota pengembalian buku. 5. Proses selesai.

12 Page 9 Flowchart Peminjaman Buku Anggota Petugas

13 Page Desain Sistem DFD DFD adalah suatu grafik yang menjelaskan sebuah system dengan menggunakan bentuk - bentuk atau symbol untuk menggambarkan aliran data dari proses - proses yang saling berhubungan. A. Notasi DFD 1. Terminator atau Entity Terminator atau Entity mewakili entitas eksternal yang berkomunikasi dengan system yang sedang dikembangkan. Terminator dapat berupa orang, sekelompok orang, organisasi, departemen di dalam organisasi,atau perusahaan yang sama tetapi di luar kendali system yang sedang dibuat modelnya. Terminator juga dapat berupa departemendivisi atau system diluar system yang berkomunikasi dengan system yang sedang dibuat modelnya dan biasanya menggunakan kata benda, misalnya bagian penjualan, anggota, petugas, admin dsb. Gambar Simbol Terminator/Entity 2. Process Merupakan kegiatan atau proses yang dilakukan oleh orang mauun computer. Proses inilah yang menerima masukan data dan mengeluarkan keluaran data lain yang telah diproses. Gambar Simbol Proses 3. Data flow atau aliran data Aliran yang menunjukkan perpindahan data dari satu bagian ke bagian lain dalam suatu sistem. Gambar Simbol Data flow 4. Data store Penyimpanan data dalam suatu sistem, baik secara manual maupun secara elektronik. Data store ini biasanya berkaitan dengan penyimpanan-penyimpanan, seperti file atau database yang berkaitan dengan penyimpanan secara komputerisasi, misalnya file disket, file harddisk, file pita magnetic,. Data store juga berkaitan dengan penyimpanan secara manual seperti buku alamat, file, folder,

14 Page 11 dan agenda. Data store diberi nama sesuai nama file penyimpanannya misalnya anggota, petugas, admin dsb. Data Store Gambar symbol Data Store B. DFD Level 0 (Berdasarkan Aplikasi yang dibuat)

15 Page 12 C. DFD Level 1 (Berdasarkan Aplikasi yang dibuat)

16 Page 13 D. DFD Level 2 (Berdasarkan Aplikasi yang dibuat) 1. DFD Level 2 dari proses Pendataan Petugas 2. DFD Level 2 dari proses Pendataan Anggota 3. DFD Level 2 dari proses Peminjaman

17 Page 14 BAB II DESAIN DATABASE 2.1 Software Database Software database yang digunakan untuk praktikum Sistem Informasi tersebut adalah SQL SERVER Penggunaan software SQL Server ini bertujuan untuk Sistem Informasi dengan penerapan Client Server. 2.2 Desain Database Sebelumnya membuat program aplikasi Sistem Informasi, maka terlebih dahulu membuat database yang nantinya akan dikoneksikan dengan aplikasi Sistem Informasi. Berikut ini tabel-tabel yang akan dibuat dalam database : A. Tabel Admin B. Tabel Petugas C. Tabel Anggota

18 Page 15 D. Tabel Kategori E. Tabel Buku F. Tabel Peminjaman G. Tabel Pengembalian

19 Page 16 Berikut ini untuk membuat view : A. Data Peminjaman CREATE VIEW data_peminjaman As SELECT a.id_anggota, a.kode_buku, b.judul_buku, b.penulis, a.tanggal_pinjam, a.tanggal_kembali, a.keterangan FROM tb_buku AS b INNER JOIN tb_peminjaman AS a ON b.kode_buku = a.kode_buku B. Data Pengembalian CREATE VIEW data_pengembalian AS SELECT b.id_anggota,b.kode_buku,b.judul_buku,b.kategori, a.tanggal_pinjam, b.jadwal_kembali,b.tanggal_kembali, b.terlambat,b.denda,a.keterangan FROM tb_peminjaman AS a INNER JOIN tb_pengembalian AS b ON a.id_anggota=b.id_anggota WHERE a.kode_buku=b.kode_buku AND a.keterangan='sudah Dikembalikan' AND a.tanggal_kembali=b.jadwal_kembali

20 Page 17 BAB III KONFIGURASI CLIENT SERVER 3.1 Konfigurasi Sql Server 2005 (Client Server) A. Langkah-langkah konfigurasi SQL Server 2005 : 1. Buka SQL Server Configuration Manager, setelah itu pilih SQL Server 2005 Network Configuration - Protocols for MSSQLSERVER. Kemudian pada protocol Named Pipes, TCP/IP, dan VIA ubah statusnya menjadi Enabled. 2. Buka SQL Server 2005 Surface Area Configuration. Lalu pilih Surface Area Configuration for Services and Connections.

21 Page Setelah itu pada daftar component pilih Remote Connections. Ubah pengaturan menjadi Local and remote connections dan pilih Using both TCP/IP and named pipes. 4. Setelah kembali pada home, pilih Surface Area Configuration for Features.

22 Page Pada tiap component Database Engine, centang pilihan Enable-nya.

23 Page Setelah melakukan setting pada Surface Area Configuration, buka SQL Server Management Studio Express. Kemudian klik kanan pada Server dan pilih Properties.

24 Page Pada daftar page, pilih Security. Lalu ubah pengaturan Server authentication menjadi SQL Server and Windows Authentication mode dan untuk Login auditing pilih None. 8. Kemudian restart database server-nya. klik kanan pada Server dan pilih Restart.

25 Page 22

26 Page 23 B. Langkah-langkah membuat login : 1. Untuk membuat login baru dengan cara pilih Security, kemudian klik kanan pada Logins, lalu pilih new login. 2. Mengisi login name dan pilih SQL Server authentication, kemudian isikan passwordnya serta uncentang pilihan Enforce password policy. Setelah itu pilih database yang akan digunakan untuk Default Database-nya.

27 Page Kemudian membuat user. Pada database pilih database yang terpilih sebagai default database. Setelah itu pilih Security, kemudian klik kanan pada New User.

28 Page Mengisi user name dan untuk login name isikan dengan login name yang telah dibuat sebelumnya. Lalu pada schemas owned by the user dan database role membership centang db_owner.

29 Page Kemudian restart database server-nya. klik kanan pada Server dan pilih Restart.

30 Page 27

31 Page 28 C. Langkah-langkah konfigurasi IP Address untuk LAN: 1. Setting IP pada Local Area Connection dengan memilih TCP/IPv4. Setelah melakukan konfigurasi pada SQL Server dan setting IP, maka pembuatan Database Server sudah selesai. Untuk tes koneksi apakah PC Client telah terkoneksi dengan Server, buka SQL Server Management Studio Express pada PC Client, lalu pada Server name isikan dengan [IP Address Server] dan pada Authentication pilih SQL Server Authentication. Lalu isikan Login dan Password yang telah dibuat untuk Client.

32 Page 29 BAB IV IMPLEMENTASI SISTEM INFORMASI 4.1 New Project Untuk membuat project baru bisa melalui icon new project seperti pada gambar dibawah atau tekan Ctrl+Shift+N pada keyboard. Cara lain yaitu melalui menu File New Project. 4.2 Koneksi Database Untuk membuat koneksi vb.net dengan sql server yaitu, klik menu project dan pilih add module seperti gambar berikut. Dan beri nama Koneksi.vb

33 Page 30 Kemudian tuliskan source code seperti dibawah ini : Server dan Database disesuaikan. Module Koneksi Public konek As New SqlClient.SqlConnection("Server=FUARPU; Database=Praktikum_SI_2016; Integrated Security=True") Public Sub connection() konek.close() konek.open() End Sub End Module 4.3 Class Untuk membuat class pada vb.net yaitu klik menu project dan pilih add class seperti pada gambar berikut. Buat 5 class seperti berikut: 1. Tampil_Data 2. Simpan_Data 3. Edit_Data 4. Hapus_Data 5. Cari_Data

34 Page Form Petugas Form ini digunakan untuk mendata Petugas, yang berisi tentang biodata lengkap petugas. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name Form Petugas Form_Petugas Label1 Text Id Petugas

35 Page 32 Label2 Text Nama Label3 Text Kelamin Label4 Text No. Telp Label5 Text Password Label6 Text Tempat Lahir Label7 Text Tanggal Lahir Label8 Text Alamat TextBox1 Name txt_id TextBox2 Name txt_nama TextBox3 Name txt_nohp TextBox4 Name txt_password TextBox5 Name txt_tempat RichTextBox1 Name txt_alamat RadioButton1 RadioButton2 DateTimePicker1 Button1 Button2 Button3 Button4 Button5 Text Name Text Name Format Name Text Name Text Name Text Name Text Name Text Name Pria radiopria Wanita radiowanita Short txt_tanggal Reset btn_reset Simpan btn_simpan Edit btn_edit Hapus btn_hapus Cari btn_cari ListView1 Name list_petugas

36 Page 33 Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties. Buat 4 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Id Petugas Column Header 2 Text Password Column Header 3 Text Alamat Column Header 4 Text No. Telp C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Tulis source code berikut pada class Tampil_Data Imports System.Data.SqlClient Public Class Tampil_Data Public baca As SqlDataReader Public Sub data_petugas() connection() Dim tampil As New SqlCommand("Select * from tb_petugas", konek)

37 Page 34 baca = tampil.executereader End Sub End Class Double click form_petugas dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Petugas Dim id, nama, kelamin, tempat, tanggal, alamat, nohp, password As String Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data Dim edit As New Edit_Data Dim hapus As New Hapus_Data Dim cari As New Cari_Data Sub set_data() tampil.data_petugas() list_petugas.items.clear() Dim x As Integer = 0 Do While tampil.baca.read list_petugas.items.add(tampil.baca!id_petugas) list_petugas.items(x).subitems.add(tampil.baca!password) list_petugas.items(x).subitems.add(tampil.baca!alamat) list_petugas.items(x).subitems.add(tampil.baca!no_telp) x += 1 Loop End Sub End Class Kemudian Double click pada form_petugas dan panggil procedure set_data() yang sudah dibuat. 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Tulis source code berikut pada class Smpan_Data Imports System.Data.SqlClient Public Class Simpan_Data Public Sub data_petugas(byval id As String, ByVal nama As String, ByVal kelamin As String, ByVal tempat As String, ByVal tanggal As String, ByVal alamat As String, ByVal nohp As String, ByVal password As String) connection() Dim simpan As New SqlCommand("insert into tb_petugas values('" & id & "','" & nama & "','" & kelamin & "','" & tempat & "','" & tanggal & "','" & alamat & "','" & nohp & "','" & password & "')") simpan.connection = konek If id = "" Or nama = "" Or kelamin = "" Or tempat = "" Or tanggal = "" Or alamat = "" Or nohp = "" Or password = "" Then

38 Page 35 MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Petugas") Else Try simpan.executenonquery() MsgBox("Data berhasil disimpan") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub End Class Kemudian buat procedure get_data() pada form_petugas, berikut source code nya : Sub get_data() id = txt_id.text.toupper nama = txt_nama.text If radiopria.checked = True Then kelamin = "Pria" Else kelamin = "Wanita" End If tempat = txt_tempat.text tanggal = txt_tanggal.text alamat = txt_alamat.text nohp = txt_nohp.text password = txt_password.text End Sub Kemudian Double click pada button Simpan dan tuliskan source code berikut : get_data() simpan.data_petugas(id, nama, kelamin, tempat, tanggal, alamat, nohp, password) set_data() btn_reset.performclick() 3. Untuk mengedit data pada database, tuliskan source code berikut ini : Tulis source code berikut pada class Edit_Data Imports System.Data.SqlClient Public Class Edit_Data Public Sub data_petugas(byval id As String, ByVal nama As String, ByVal kelamin As String, ByVal tempat As String, ByVal tanggal As String, ByVal alamat As String, ByVal nohp As String, ByVal password As String) connection() Dim edit As New SqlCommand("update tb_petugas set nama='" & nama & "', kelamin='" & kelamin & "', tempat_lahir='" & tempat & "', tanggal_lahir='" & tanggal & "', alamat='" & alamat & "',no_telp='" & nohp & "', password='" & password & "' where id_petugas='" & id & "'") edit.connection = konek If id = "" Or nama = "" Or kelamin = "" Or tempat = "" Or tanggal = "" Or alamat = "" Or nohp = "" Or password = "" Then

39 Page 36 MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Petugas") Else Try edit.executenonquery() MsgBox("Data berhasil diedit") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub End Class Kemudian Double click pada button Edit dan tuliskan source code berikut : get_data() edit.data_petugas(id, nama, kelamin, tempat, tanggal, alamat, nohp, password) set_data() btn_reset.performclick() 4. Untuk mencari data pada database, tuliskan source code berikut ini : Tulis source code berikut pada class Cari_Data Imports System.Data.SqlClient Public Class Cari_Data Public baca As SqlDataReader Public Sub data_petugas(byval id As String) connection() Dim cari As New SqlCommand("Select * from tb_petugas where id_petugas='" & id & "'", konek) baca = cari.executereader End Sub End Class Kemudian buat procedure set_data2() pada form_petugas, berikut source code nya : Sub set_data2() If cari.baca.read Then txt_id.text = cari.baca!id_petugas txt_nama.text = cari.baca!nama kelamin = cari.baca!kelamin If kelamin = "Pria" Then radiopria.checked = True Else radiowanita.checked = True End If txt_tempat.text = cari.baca!tempat_lahir txt_tanggal.text = cari.baca!tanggal_lahir txt_alamat.text = cari.baca!alamat txt_nohp.text = cari.baca!no_telp txt_password.text = cari.baca!password Else MsgBox("Data tidak ditemukan") End If End Sub

40 Page 37 Kemudian Double click pada button Cari dan tuliskan source code berikut : get_data() cari.data_petugas(id) set_data2() 5. Untuk menghapus data pada database, tuliskan source code berikut ini : Tulis source code berikut pada class Hapus_Data Imports System.Data.SqlClient Public Class Hapus_Data Public Sub data_petugas(byval id As String) connection() Dim hapus As New SqlCommand("Delete from tb_petugas where id_petugas='" & id & "'", konek) If id = "" Then MsgBox("Data belum terpilih") Else If MsgBox("Apakah data akan dihapus?", MsgBoxStyle.YesNo) = MsgBoxResult.Yes Then Try hapus.executenonquery() MsgBox("Data berhasil dihapus") Catch ex As Exception MsgBox(ex.Message) End Try End If End If End Sub End Class Kemudian Double click pada button Hapus dan tuliskan source code berikut : get_data() hapus.data_petugas(id) set_data() btn_reset.performclick() 6. Untuk me-refresh form, tuliskan source code berikut ini : Double click pada button Reset dan tuliskan source code berikut : txt_id.clear() txt_nama.clear() kelamin = Nothing txt_tempat.clear() txt_tanggal.text = Today txt_alamat.clear() txt_nohp.clear() txt_password.clear()

41 Page Form Anggota Form ini digunakan untuk mendata Anggota, yang berisi tentang biodata lengkap Anggota. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name Form Anggota Form_Anggota Label1 Text Id Anggota Label2 Text Nama Label3 Text Kelamin Label4 Text No. Telp Label5 Text Tempat Lahir Label6 Text Tanggal Lahir Label7 Text Alamat TextBox1 Name txt_id TextBox2 Name txt_nama TextBox3 Name txt_nohp TextBox4 Name txt_tempat

42 Page 39 RichTextBox1 Name txt_alamat RadioButton1 RadioButton2 DateTimePicker1 Button1 Button2 Button3 Button4 Button5 Text Name Text Name Format Name Text Name Text Name Text Name Text Name Text Name Pria radiopria Wanita radiowanita Short txt_tanggal Reset btn_reset Simpan btn_simpan Edit btn_edit Hapus btn_hapus Cari btn_cari ListView1 Name list_anggota Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties.

43 Page 40 Buat 4 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Id Anggota Column Header 2 Text Nama Column Header 3 Text Alamat Column Header 4 Text No. Telp C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Buat procedure data_anggota() pada class Tampil_Data. berikut ini source code nya : Public Sub data_anggota() connection() Dim tampil As New SqlCommand("Select * from tb_anggota", konek) baca = tampil.executereader End Sub Double click form_anggota dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Anggota Dim id, nama, kelamin, tempat, tanggal, alamat, nohp As String Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data Dim edit As New Edit_Data Dim hapus As New Hapus_Data Dim cari As New Cari_Data Sub set_data() tampil.data_anggota() list_anggota.items.clear() Dim x As Integer = 0 Do While tampil.baca.read list_anggota.items.add(tampil.baca!id_anggota) list_anggota.items(x).subitems.add(tampil.baca!nama) list_anggota.items(x).subitems.add(tampil.baca!alamat) list_anggota.items(x).subitems.add(tampil.baca!no_telp) x += 1

44 Page 41 Loop End Sub End Class Kemudian Double click pada form_anggota dan panggil procedure set_data() yang sudah dibuat. 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Buat procedure data_anggota() pada class Simpan_Data. berikut ini source code nya : Public Sub data_anggota(byval id, ByVal nama, ByVal kelamin, ByVal tempat, ByVal tanggal, ByVal alamat, ByVal nohp) connection() Dim simpan As New SqlCommand("insert into tb_anggota values('" & id & "','" & nama & "','" & kelamin & "','" & tempat & "','" & tanggal & "','" & alamat & "','" & nohp & "')") simpan.connection = konek If id = "" Or nama = "" Or kelamin = "" Or tempat = "" Or tanggal = "" Or alamat = "" Or nohp = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Anggota") Else Try simpan.executenonquery() MsgBox("Data berhasil disimpan") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub Kemudian buat procedure get_data() pada form_anggota, berikut source code nya : Sub get_data() id = txt_id.text.toupper nama = txt_nama.text If radiopria.checked = True Then kelamin = "Pria" Else kelamin = "Wanita" End If tempat = txt_tempat.text tanggal = txt_tanggal.text alamat = txt_alamat.text nohp = txt_nohp.text End Sub Kemudian Double click pada button Simpan dan tuliskan source code berikut : get_data() simpan.data_anggota(id, nama, kelamin, tempat, tanggal, alamat, nohp) set_data() btn_reset.performclick()

45 Page Untuk mengedit data pada database, tuliskan source code berikut ini : Buat procedure data_anggota() pada class Edit_Data. berikut ini source code nya : Public Sub data_anggota(byval id, ByVal nama, ByVal kelamin, ByVal tempat, ByVal tanggal, ByVal alamat, ByVal nohp) connection() Dim edit As New SqlCommand("update tb_anggota set nama='" & nama & "', kelamin='" & kelamin & "', tempat_lahir='" & tempat & "', tanggal_lahir='" & tanggal & "', alamat='" & alamat & "',no_telp='" & nohp & "' where id_anggota='" & id & "'") edit.connection = konek If id = "" Or nama = "" Or kelamin = "" Or tempat = "" Or tanggal = "" Or alamat = "" Or nohp = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Anggota") Else Try edit.executenonquery() MsgBox("Data berhasil diedit") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub Kemudian Double click pada button Edit dan tuliskan source code berikut : get_data() edit.data_anggota(id, nama, kelamin, tempat, tanggal, alamat, nohp) set_data() btn_reset.performclick() 4. Untuk mencari data pada database, tuliskan source code berikut ini : Buat procedure data_anggota() pada class Cari_Data. berikut ini source code nya : Public Sub data_anggota(byval id) connection() Dim cari As New SqlCommand("Select * from tb_anggota where id_anggota='" & id & "'", konek) baca = cari.executereader End Sub Kemudian buat procedure set_data2() pada form_anggota, berikut source code nya : Sub set_data2() If cari.baca.read Then txt_id.text = cari.baca!id_petugas txt_nama.text = cari.baca!nama kelamin = cari.baca!kelamin If kelamin = "Pria" Then radiopria.checked = True Else radiowanita.checked = True End If txt_tempat.text = cari.baca!tempat_lahir txt_tanggal.text = cari.baca!tanggal_lahir

46 Page 43 End Sub txt_alamat.text = cari.baca!alamat txt_nohp.text = cari.baca!no_telp Else MsgBox("Data tidak ditemukan") End If Kemudian Double click pada button Cari dan tuliskan source code berikut : get_data() cari.data_anggota(id) set_data2() 5. Untuk menghapus data pada database, tuliskan source code berikut ini : Buat procedure data_anggota() pada class Hapus_Data. berikut ini source code nya : Public Sub data_anggota(byval id) connection() Dim hapus As New SqlCommand("Delete from tb_anggota where id_anggota='" & id & "'", konek) If id = "" Then MsgBox("Data belum terpilih") Else If MsgBox("Apakah data akan dihapus?", MsgBoxStyle.YesNo) = MsgBoxResult.Yes Then Try hapus.executenonquery() MsgBox("Data berhasil dihapus") Catch ex As Exception MsgBox(ex.Message) End Try End If End If End Sub Kemudian Double click pada button Hapus dan tuliskan source code berikut : get_data() hapus.data_anggota(id) set_data() btn_reset.performclick() 6. Untuk me-refresh form, tuliskan source code berikut ini : Double click pada button Reset dan tuliskan source code berikut : txt_id.clear() txt_nama.clear() kelamin = Nothing txt_tempat.clear() txt_tanggal.text = Today txt_alamat.clear() txt_nohp.clear()

47 Page Form Buku Form ini digunakan untuk mendata Buku, yang berisi tentang data buku. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name Form Buku Form_Buku Label1 Text Kode Buku Label2 Text Judul Buku Label3 Text Penulis Label4 Text Penerbit Label5 Text Tahun Terbit Label6 Text Tanggal Masuk Label7 Text Kategori Label8 Text Stok TextBox1 Name txt_kode TextBox2 Name txt_judul TextBox3 Name txt_penulis TextBox4 Name txt_penerbit

48 Page 45 TextBox5 Name txt_tahun TextBox6 Name txt_stok ComboBox1 DateTimePicker1 Button1 Button2 Button3 Button4 Button5 Button6 Text Name Format Name Text Name Text Name Text Name Text Name Text Name Text Name Pilih Kategori : cmb_kategori Short txt_tanggal Reset btn_reset Simpan btn_simpan Edit btn_edit Hapus btn_hapus Cari btn_cari + btn_tambah ListView1 Name list_buku Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties.

49 Page 46 Buat 6 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Kode Buku Column Header 2 Text Judul Buku Column Header 3 Text Penulis Column Header 4 Text Tahun Terbit Column Header 5 Text Kategori Column Header 6 Text Stok C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Buat procedure data_buku() pada class Tampil_Data. berikut ini source code nya : Public Sub data_buku() connection() Dim tampil As New SqlCommand("Select * from tb_buku order by kategori, tanggal_masuk desc", konek) baca = tampil.executereader End Sub

50 Page 47 Double click form_buku dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Buku Dim kode, judul, penulis, penerbit, tanggal, kategori, tahun, stok As String Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data Dim edit As New Edit_Data Dim hapus As New Hapus_Data Dim cari As New Cari_Data Sub set_data() tampil.data_buku() list_buku.items.clear() Dim x As Integer = 0 Do While tampil.baca.read list_buku.items.add(tampil.baca!kode_buku) list_buku.items(x).subitems.add(tampil.baca!judul_buku) list_buku.items(x).subitems.add(tampil.baca!penulis) list_buku.items(x).subitems.add(tampil.baca!tahun_terbit) list_buku.items(x).subitems.add(tampil.baca!kategori) list_buku.items(x).subitems.add(tampil.baca!stok) x += 1 Loop End Sub End Class Kemudian Double click pada form_buku dan panggil procedure set_data() yang sudah dibuat. 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Buat procedure data_buku() pada class Simpan_Data. berikut ini source code nya : Public Sub data_buku(byval kode, ByVal judul, ByVal penulis, ByVal penerbit, ByVal tahun, ByVal tanggal, ByVal kategori, ByVal stok) connection() Dim simpan As New SqlCommand("insert into tb_buku values('" & kode & "','" & judul & "','" & penulis & "','" & penerbit & "','" & tahun & "','" & tanggal & "','" & kategori & "','" & stok & "')") simpan.connection = konek If kode = "" Or judul = "" Or penulis = "" Or penerbit = "" Or tahun = "" Or tanggal = "" Or kategori = "" Or stok = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Buku") Else Try simpan.executenonquery() MsgBox("Data berhasil disimpan") Catch ex As Exception MsgBox(ex.Message)

51 Page 48 End Sub End Try End If Kemudian buat procedure get_data() pada form_buku, berikut source code nya : Sub get_data() kode = txt_kode.text judul = txt_judul.text penulis = txt_penulis.text penerbit = txt_penerbit.text tahun = txt_tahun.text tanggal = txt_tanggal.text kategori = cmb_kategori.text stok = txt_stok.text End Sub Kemudian Double click pada button Simpan dan tuliskan source code berikut : get_data() simpan.data_buku(kode, judul, penulis, penerbit, tahun, tanggal, kategori, stok) set_data() btn_reset.performclick() 3. Untuk mengedit data pada database, tuliskan source code berikut ini : Buat procedure data_buku() pada class Edit_Data. berikut ini source code nya : Public Sub data_buku(byval kode, ByVal judul, ByVal penulis, ByVal penerbit, ByVal tahun, ByVal tanggal, ByVal kategori, ByVal stok) connection() Dim edit As New SqlCommand("update tb_buku set judul_buku='" & judul & "', penulis='" & penulis & "', penerbit='" & penerbit & "', tahun_terbit='" & tahun & "', tanggal_masuk='" & tanggal & "', kategori='" & kategori & "', stok='" & stok & "' where kode_buku='" & kode & "' ") edit.connection = konek If kode = "" Or judul = "" Or penulis = "" Or penerbit = "" Or tahun = "" Or tanggal = "" Or kategori = "" Or stok = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Buku") Else Try edit.executenonquery() MsgBox("Data berhasil diedit", MsgBoxStyle.Information, "Data Buku") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub

52 Page 49 Kemudian Double click pada button Edit dan tuliskan source code berikut : get_data() edit.data_buku(kode, judul, penulis, penerbit, tahun, tanggal, kategori, stok) set_data() btn_reset.performclick() 4. Untuk mencari data pada database, tuliskan source code berikut ini : Buat procedure data_buku() pada class Cari_Data. berikut ini source code nya : Public Sub data_buku(byval kode, ByVal kategori) connection() Dim cari As New SqlCommand("Select * from tb_buku where kode_buku='" & kode & "' or kategori='" & kategori & "'", konek) baca = cari.executereader End Sub Kemudian buat procedure set_data2() pada form_buku, berikut source code nya : Sub set_data2() If cari.baca.read Then txt_kode.text = cari.baca!kode_buku txt_judul.text = cari.baca!judul_buku txt_penulis.text = cari.baca!penulis txt_penerbit.text = cari.baca!penerbit txt_tahun.text = cari.baca!tahun_terbit txt_tanggal.text = cari.baca!tanggal_masuk cmb_kategori.text = cari.baca!kategori txt_stok.text = cari.baca!stok Else MsgBox("Data tidak ditemukan") End If End Sub Kemudian Double click pada button Cari dan tuliskan source code berikut : kode = txt_kode.text kategori = Nothing cari.data_buku(kode, kategori) set_data2() 5. Untuk menghapus data pada database, tuliskan source code berikut ini : Buat procedure data_buku() pada class Hapus_Data. berikut ini source code nya : Public Sub data_buku(byval kode) connection() Dim hapus As New SqlCommand("Delete from tb_buku where kode_buku='" & kode & "'", konek) If kode = "" Then MsgBox("Data belum terpilih") Else If MsgBox("Apakah data akan dihapus?", MsgBoxStyle.YesNo) = MsgBoxResult.Yes Then Try hapus.executenonquery()

53 Page 50 End Sub MsgBox("Data berhasil dihapus") Catch ex As Exception MsgBox(ex.Message) End Try End If End If Kemudian Double click pada button Hapus dan tuliskan source code berikut : get_data() hapus.data_buku(kode) set_data() btn_reset.performclick() 6. Untuk me-refresh form, tuliskan source code berikut ini : Double click pada button Reset dan tuliskan source code berikut : txt_kode.clear() txt_judul.clear() txt_penulis.clear() txt_penerbit.clear() txt_tahun.clear() txt_tanggal.text = Today cmb_kategori.text = "Pilih Kategori :" txt_stok.clear() 7. Untuk menambahkan kategori yaitu dengan membuka Form Kategori, untuk membuka Form Kategori tuliskan source code berikut ini : Double click pada button + dan tuliskan source code berikut : Form_Kategori.ShowDialog() Form_Kategori.txt_kode_kategori.Focus()

54 Page Form Kategori Form ini digunakan untuk mendata kategori, yang berisi tentang kategori buku. Form ini terkait dengan Form Buku. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name FormBorderStyle Form Kategori Form_Kategori None Label1 Text Kode Kategori Label2 Text Kategori Label3 Text X TextBox1 Name txt_kode_kategori TextBox2 Name txt_kategori Button1 Text Name Tambah btn_tambah ListView1 Name list_kategori Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties.

55 Page 52 Buat 2 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Kode Kategori Column Header 2 Text Kategori C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Buat procedure data_kategori() pada class Tampil_Data. berikut ini source code nya : Public Sub data_kategori() connection() Dim tampil As New SqlCommand("Select * from tb_kategori", konek) baca = tampil.executereader End Sub Double click form_kategori dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Kategori Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data

56 Page 53 Sub set_data() tampil.data_kategori() list_kategori.items.clear() Form_Buku.cmb_kategori.Items.Clear() Dim x As Integer = 0 Do While tampil.baca.read list_kategori.items.add(tampil.baca!kode_kategori) list_kategori.items(x).subitems.add(tampil.baca!kategori) Form_Buku.cmb_kategori.Items.Add(tampil.baca!kategori) x += 1 Loop End Sub End Class Kemudian Double click pada form_kategori dan panggil procedure set_data() yang sudah dibuat. Kemudian untuk menampilkan data kategori pada combobox yang ada pada form_buku, tambahkan source code berikut ini pada Form_Buku_Load. Dengan cara double click pada form buku : tampil.data_kategori() cmb_kategori.items.clear() Dim x As Integer = 0 Do While tampil.baca.read cmb_kategori.items.add(tampil.baca!kategori) x += 1 Loop 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Buat procedure data_buku() pada class Simpan_Data. berikut ini source code nya : Public Sub data_kategori(byval kode, ByVal kategori) connection() Dim simpan As New SqlCommand("insert into tb_kategori values('" & kode & "','" & kategori & "')") simpan.connection = konek If kode = "" Or kategori = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Kategori") Else Try simpan.executenonquery() MsgBox("Data berhasil ditambahkan") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub Kemudian Double click pada button Tambah dan tuliskan source code berikut : simpan.data_kategori(txt_kode_kategori.text, txt_kategori.text) set_data() txt_kode_kategori.clear()

57 Page 54 txt_kategori.clear() txt_kode_kategori.focus() 3. Untuk menutup Form Kategori, tuliskan source code berikut ini : Double click pada label X dan tuliskan source code berikut : Me.Close() 4.8 Form Peminjaman Form ini digunakan untuk mendata peminjam buku, yang berisi tentang data anggota dan data buku yang akan dipinjam. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name Form Peminjaman Form_Peminjaman Label1 Text Kode Buku Label2 Text Judul Buku Label3 Text Penulis Label4 Text Terbit Label5 Text Kategori

58 Page 55 Label6 Text Id Anggota Label7 Text Nama Label8 Text Tanggal Pinjam Label9 Text Tanggal Kembali TextBox1 Name txt_kode TextBox2 Name txt_judul TextBox3 Name txt_penulis TextBox4 Name txt_tahun TextBox5 Name txt_kategori TextBox6 Name txt_id TextBox7 Name txt_nama DateTimePicker1 DateTimePicker2 Button1 Button2 Button3 Button4 Format Name Format Name Text Name Text Name Text Name Text Name Short txt_tanggal_pinjam Short txt_tanggal_kembali Reset btn_reset Simpan btn_simpan Cek btn_cek_kode Cek btn_cek_id ListView1 Name list_peminjaman Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties.

59 Page 56 Buat 6 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Id Anggota Column Header 2 Text Kode Buku Column Header 3 Text Judul Buku Column Header 4 Text Tanggal Pinjam Column Header 5 Text Tanggal Kembali Column Header 6 Text Keterangan C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Buat procedure data_peminjaman() pada class Tampil_Data. berikut ini source code nya : Public Sub data_peminjaman() connection() Dim tampil As New SqlCommand("Select * from tb_peminjaman where keterangan='belum Dikembalikan' order by tanggal_pinjam desc, kode_buku", konek) baca = tampil.executereader

60 Page 57 End Sub Double click form_peminjaman dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Peminjaman Dim id, nama, kode, judul, penulis, tahun, kategori, tanggal_pinjam, tanggal_kembali, keterangan As String Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data Dim edit As New Edit_Data Dim cari As New Cari_Data Sub set_data() tampil.data_peminjaman() list_peminjaman.items.clear() Dim x As Integer = 0 Do While tampil.baca.read list_peminjaman.items.add(tampil.baca!id_anggota) list_peminjaman.items(x).subitems.add(tampil.baca!kode_buku) list_peminjaman.items(x).subitems.add(tampil.baca!judul_buku) list_peminjaman.items(x).subitems.add(tampil.baca!tanggal_pinjam) list_peminjaman.items(x).subitems.add(tampil.baca!tanggal_kembali ) list_peminjaman.items(x).subitems.add(tampil.baca!keterangan) x += 1 Loop End Sub End Class Kemudian Double click pada form_peminjaman dan panggil procedure set_data() yang sudah dibuat. 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Buat procedure data_peminjaman() pada class Simpan_Data. berikut ini source code nya : Public Sub data_peminjaman(byval id, ByVal nama, ByVal kode, ByVal judul, ByVal penulis, ByVal tahun, ByVal kategori, ByVal tanggal_pinjam, ByVal tanggal_kembali, ByVal keterangan) connection() Dim simpan As New SqlCommand("insert into tb_peminjaman values('" & id & "','" & nama & "','" & kode & "','" & judul & "','" & penulis & "','" & tahun & "','" & kategori & "','" & tanggal_pinjam & "','" & tanggal_kembali & "','" & keterangan & "')") simpan.connection = konek If id = "" Or nama = "" Or kode = "" Or judul = "" Or penulis = "" Or tahun = "" Or kategori = "" Or tanggal_pinjam = "" Or tanggal_kembali = "" Or keterangan = "" Then

61 Page 58 MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Peminjaman") Else Try simpan.executenonquery() MsgBox("Data berhasil disimpan") Catch ex As Exception MsgBox(ex.Message) End Try End If End Sub Kemudian buat procedure get_data() pada form_peminjaman, berikut source code nya : Sub get_data() id = txt_id.text nama = txt_nama.text kode = txt_kode.text judul = txt_judul.text penulis = txt_penulis.text tahun = txt_tahun.text kategori = txt_kategori.text tanggal_pinjam = txt_tanggal_pinjam.text tanggal_kembali = txt_tanggal_kembali.text keterangan = "Belum Dikembalikan" End Sub Kemudian buat procedure kurangi_stok() pada class Edit_Data untuk mengurangi stok buku yang dipinjam. Berikut ini source code nya : Public Sub kurangi_stok(byval kode) connection() Dim edit As New SqlCommand("update tb_buku set stok=stok- 1 where kode_buku='" & kode & "'") edit.connection = konek Try edit.executenonquery() Catch ex As Exception MsgBox(ex.Message) End Try End Sub Kemudian Double click pada button Simpan dan tuliskan source code berikut : get_data() simpan.data_peminjaman(id, nama, kode, judul, penulis, tahun, kategori, tanggal_pinjam, tanggal_kembali, keterangan) edit.kurangi_stok(kode) set_data() btn_reset.performclick() 3. Untuk mengecek data buku pada database, tuliskan source code berikut ini : Untuk cek data buku, double click pada button Cek dan tuliskan source code berikut : Dim cek_stok As Integer

62 Page 59 kode = txt_kode.text kategori = Nothing cari.data_buku(kode, kategori) If cari.baca.read Then cek_stok = cari.baca!stok txt_kode.text = cari.baca!kode_buku txt_judul.text = cari.baca!judul_buku txt_penulis.text = cari.baca!penulis txt_tahun.text = cari.baca!tahun_terbit txt_kategori.text = cari.baca!kategori If cek_stok = 0 Then MsgBox("Stok buku habis") btn_simpan.enabled = False End If Else MsgBox("Data tidak ditemukan", MsgBoxStyle.Information, "Data Buku") End If 4. Untuk mengecek data anggota pada database, tuliskan source code berikut ini : Untuk cek data anggota, double click pada button Cek dan tuliskan source code berikut : get_data() cari.data_anggota(id) If cari.baca.read Then txt_id.text = cari.baca!id_anggota txt_nama.text = cari.baca!nama Else MsgBox("Data tidak ditemukan", MsgBoxStyle.Information, "Data Anggota") End If 5. Untuk me-refresh form, tuliskan source code berikut ini : Double click pada button Reset dan tuliskan source code berikut : btn_simpan.enabled = True txt_id.clear() txt_nama.clear() txt_kode.clear() txt_judul.clear() txt_penulis.clear() txt_tahun.clear() txt_kategori.clear() txt_tanggal_pinjam.text = Today txt_tanggal_kembali.text = Today keterangan = Nothing 4.9 Form Pengembalian Form ini digunakan untuk mendata pengembalian buku, yang berisi tentang data pengembalian beserta denda jika dikenakan denda. A. Design Form

63 Page 60 B. Table Properties Object Name Properties Values Form1 Text Name Form Pengembalian Form_Pengembalian Label1 Text Kode Buku Label2 Text Judul Buku Label3 Text Kategori Label4 Text Jadwal Label5 Text Tanggal Kembali Label6 Text Terlambat/hari Label7 Text Denda TextBox1 Name txt_id TextBox2 Name txt_kode TextBox3 Name txt_judul TextBox4 Name txt_kategori TextBox5 Name txt_terlambat TextBox6 Name txt_denda DateTimePicker1 Format Short

64 Page 61 DateTimePicker2 Button1 Button2 Button3 Name Format Name Text Name Text Name Text Name txt_jadwal Short txt_tanggal Reset btn_reset Simpan btn_simpan Cek btn_cek_kode ListView1 Name list_pengembalian Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan dan kiri, pada tab kiri akan tampil Members sedangkan yang kanan akan muncul ColumnHeader Properties.

65 Page 62 Buat 7 buah members ColumnHeader dengan cara click add (yang ada pada bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box member kalian ganti propertiesnya seperti dibawah ini. Object Name Properties Values Column Header 1 Text Id Anggota Column Header 2 Text Kode Buku Column Header 3 Text Tanggal Pinjam Column Header 4 Text Tanggal Kembali Column Header 5 Text Terlambat (hari) Column Header 6 Text Denda C. Source Code 1. Untuk menampilkan data yang ada didalam database pada ListView, tulis source code berikut ini : Buat procedure data_pengembalian() pada class Tampil_Data. berikut ini source code nya : Public Sub data_pengembalin() connection() Dim tampil As New SqlCommand("Select * from data_pengembalian order by tanggal_kembali desc", konek) baca = tampil.executereader End Sub

66 Page 63 Double click form_pengembalian dan tulis source code berikut dibawah public class atau diatas private sub. Public Class Form_Pengembalian Dim id, kode, judul, jadwal, tanggal, kategori As String Dim terlambat, denda As Integer Dim tampil As New Tampil_Data Dim simpan As New Simpan_Data Dim edit As New Edit_Data Dim cari As New Cari_Data Sub set_data() tampil.data_pengembalin() list_pengembalian.items.clear() Dim x As Integer = 0 Do While tampil.baca.read list_pengembalian.items.add(tampil.baca!id_anggota) list_pengembalian.items(x).subitems.add(tampil.baca!kode_buku) list_pengembalian.items(x).subitems.add(tampil.baca!tanggal_pinja m) list_pengembalian.items(x).subitems.add(tampil.baca!tanggal_kemba li) list_pengembalian.items(x).subitems.add(tampil.baca!terlambat) list_pengembalian.items(x).subitems.add(tampil.baca!denda) x += 1 Loop End Sub End Class Kemudian Double click pada form_peminjaman dan panggil procedure set_data() yang sudah dibuat. 2. Untuk menyimpan data pada database, tuliskan source code berikut ini : Buat procedure data_pengembalian() pada class Simpan_Data. berikut ini source code nya : Public Sub data_pengembalian(byval id, ByVal kode, ByVal judul, ByVal kategori, ByVal jadwal, ByVal tanggal, ByVal terlambat, ByVal denda) connection() Dim simpan As New SqlCommand("insert into tb_pengembalian values('" & id & "','" & kode & "','" & judul & "','" & kategori & "','" & jadwal & "','" & tanggal & "','" & terlambat & "','" & denda & "')") simpan.connection = konek If id = "" Or kode = "" Or judul = "" Or kategori = "" Or jadwal = "" Or tanggal = "" Then MsgBox("Data belum lengkap", MsgBoxStyle.Information, "Data Pengembalian") Else Try

67 Page 64 End Sub simpan.executenonquery() MsgBox("Data berhasil disimpan") Catch ex As Exception MsgBox(ex.Message) End Try End If Kemudian buat procedure get_data() pada form_pengembalian, berikut source code nya : Sub get_data() id = txt_id.text kode = txt_kode.text judul = txt_judul.text kategori = txt_kategori.text jadwal = txt_jadwal.text tanggal = txt_tanggal.text terlambat = txt_terlambat.text denda = txt_denda.text End Sub Kemudian buat procedure tambah_stok() pada class Edit_Data untuk menambah stok buku yang sudah dikembalikan. Berikut ini source code nya : Public Sub tambah_stok(byval kode) connection() Dim edit As New SqlCommand("update tb_buku set stok=stok+1 where kode_buku='" & kode & "'") edit.connection = konek Try edit.executenonquery() Catch ex As Exception MsgBox(ex.Message) End Try End Sub Kemudian Double click pada button Simpan dan tuliskan source code berikut : get_data() simpan.data_pengembalian(id, kode, judul, kategori, jadwal, tanggal, terlambat, denda) edit.tambah_stok(kode) edit.data_peminjaman(id) set_data() btn_reset.performclick() 3. Untuk mengecek atau mencari data peminjaman pada database, tuliskan source code berikut ini : Untuk cek data peminjaman yang akan melakukan pengembalian, double click pada button Cek dan tuliskan source code berikut : get_data() cari.data_peminjaman(id) If cari.baca.read Then txt_id.text = cari.baca!id_anggota txt_kode.text = cari.baca!kode_buku

68 Page 65 txt_judul.text = cari.baca!judul_buku txt_kategori.text = cari.baca!kategori txt_jadwal.text = cari.baca!tanggal_kembali Else MsgBox("Data tidak ditemukan", MsgBoxStyle.Information, "Data Peminjaman") End If 4. Untuk me-refresh form, tuliskan source code berikut ini : Double click pada button Reset dan tuliskan source code berikut : btn_simpan.enabled = True btn_cek.enabled = True txt_id.clear() txt_kode.clear() txt_judul.clear() txt_kategori.clear() txt_jadwal.text = Today txt_tanggal.text = Today txt_terlambat.text = 0 txt_denda.text = 0 Untuk me-refresh total denda menjadi 0 (awal), double click pada form_pengembalian dan tuliskan source code berikut : txt_terlambat.text = 0 txt_denda.text = 0 5. Untuk menghitung denda, tuliskan source code berikut ini : Tambahkan source code berikut ini pada txt_terlambat dengan menggukan event KeyPress : If e.keychar = Chr(Keys.Enter) Then txt_denda.text = CInt(txt_terlambat.Text) * 1000 btn_simpan.focus() End If 4.10 Crystal Report Crystal report merupakan salah satu paket program yang digunakan untuk membuat dan menganalisa informasi yang ada pada database dalam bentuk laporan. Pembuatan laporan dengan crystal report tidak terlalu rumit karena pada Visual Studio 2008 sudah disediakan Crystal Report nya Laporan Peminjaman A. DataSet Peminjaman 1. Buat DataSet baru dengan cara sebagai berikut : Klik menu Project - Add New Item - Pilih DataSet - DataSet - Add.

69 Page Setelah itu muncul tampilan awal dari DataSet, seperti di bawah ini : 3. Klik Kanan pada daerah ruang kosong disekitar teks, kemudian Pilih Add - Tabel Adapter.

70 Page Setelah itu muncul TableAdapter Configuration Wizard. Lalu klik New Connection. 5. Setelah itu pada data source ubah menjadi Microsoft SQL Server. Kemudian klik Ok. 6. Kemudian pilih Server dan database yang akan digunakan.

71 Page Kemudian Klik Test Connection, jika berhasil maka akan muncul gambar seperti dibawah ini : 8. Setelah itu klik Next.

72 Page Setelah melakukan proses diatas, pilih Use SQL Statements. Lalu klik Next. 10. Setelah itu akan muncul tampilan dimana kita bisa memberikan query yang akan kita gunakan nanti. Berikan perintah query sebagai berikut dan setelah itu klik Next : SELECT b.id_anggota, b.kode_buku, a.judul_buku, a.penulis, a.penerbit, a.tahun_terbit, b.tanggal_pinjam, b.tanggal_kembali, b.keterangan FROM tb_buku AS a INNER JOIN tb_peminjaman AS b ON a.kode_buku = b.kode_buku

73 Page Kemudian klik Finish. B. Design Report 1. Klik menu Project - Add New Item - Pilih Reporting - Crystal Report - Add.

74 Page Kemudian muncul Crystal Reports Gallery. Pilih As a Blank Report, lalu klik Ok. 3. Setelah itu klik kanan pada Database Fields lalu pilih Database Expert.

75 Page Akan muncul tampilan baru, buka Project Data buka ADO.NET DataSets buka SI.Data_Peminjaman pilih DataTable1. Setelah itu klik tanda panah ke kanan. Lalu klik Ok. 5. Setelah itu desain Laporan Peminjaman seperti pada gambar berikut ini :

76 Page Dan untuk mengambil data dapat diambil (drag and drop) dari field-field seperti pada gambar berikut ini : C. Form Laporan Peminjaman 1. Buat form baru dengan cara sebagai berikut : Klik menu Project - Add Windows Form - Add.

77 Page Setelah itu pilih Reporting pada Toolbox, kemudian pilih CrystalReportViewer. Tarik CrystalReportViewer kedalam form yang masih kosong. Seperti pada gambar berikut : 3. Hingga tampilan form anda menjadi seperti pada gambar berikut :

78 Page Lalu klik CrystalReportViewer1, pada properties pilih ReportSource. Kemudian pilih SI.Laporan_Peminjaman. 5. Setelah itu saat di-running maka akan tampil seperti pada gambar berikut: 6. Tambahkan beberapa source code berikut ini : Buat procedure laporan_peminjaman() pada class Tampil_Data. berikut ini source code nya : Public Sub laporan_peminjaman() connection() Dim tampil As New SqlCommand("Select * from data_peminjaman order by tanggal_pinjam desc, kode_buku", konek) baca = tampil.executereader End Sub

79 Page 76 Double click form_laporan_peminjaman dan tulis source code berikut ini pada form_peminjaman_load : Dim tampil As New Tampil_Data Dim report As New Laporan_Peminjaman Dim data As New DataTable tampil.laporan_peminjaman() data.clear() Data.Load(tampil.baca) report.setdatasource(data) CrystalReportViewer1.ReportSource = report CrystalReportViewer1.Show() Laporan Pengembalian A. DataSet Pengembalian 1. Buat DataSet baru dengan cara sebagai berikut : Klik menu Project - Add New Item - Pilih DataSet - DataSet - Add. 2. Setelah itu muncul tampilan awal dari DataSet, seperti di bawah ini :

80 Page Klik Kanan pada daerah ruang kosong disekitar teks, kemudian Pilih Add - Tabel Adapter. 4. Setelah itu muncul TableAdapter Configuration Wizard. Lalu klik New Connection. 5. Setelah itu pada data source ubah menjadi Microsoft SQL Server. Kemudian klik Ok.

81 Page Kemudian pilih Server dan database yang akan digunakan. 7. Kemudian Klik Test Connection, jika berhasil maka akan muncul gambar seperti dibawah ini :

82 Page Setelah itu klik Next. 9. Setelah melakukan proses diatas, pilih Use SQL Statements. Lalu klik Next.

83 Page Setelah itu akan muncul tampilan dimana kita bisa memberikan query yang akan kita gunakan nanti. Berikan perintah query sebagai berikut dan setelah itu klik Next : SELECT b.id_anggota, b.kode_buku, b.judul_buku, b.kategori, a.tanggal_pinjam, b.jadwal_kembali, b.tanggal_kembali, b.terlambat, b.denda FROM tb_peminjaman AS a INNER JOIN tb_pengembalian AS b ON a.id_anggota = b.id_anggota

84 Page Kemudian klik Finish. B. Design Report 1. Klik menu Project - Add New Item - Pilih Reporting - Crystal Report - Add. 2. Kemudian muncul Crystal Reports Gallery. Pilih As a Blank Report, lalu klik Ok.

85 Page Setelah itu klik kanan pada Database Fields lalu pilih Database Expert. 4. Akan muncul tampilan baru, buka Project Data buka ADO.NET DataSets buka SI.Data_Pengembalian pilih DataTable1. Setelah itu klik tanda panah ke kanan. Lalu klik Ok.

86 Page Setelah itu desain laporan pengembalian seperti pada gambar berikut ini : 6. Dan untuk mengambil data dapat diambil (drag and drop) dari field-field seperti pada gambar berikut ini :

87 Page 84 C. Form Laporan Pengembalian 1. Buat form baru dengan cara sebagai berikut : Klik menu Project - Add Windows Form - Add. 2. Setelah itu pilih Reporting pada Toolbox, kemudian pilih CrystalReportViewer. Tarik CrystalReportViewer kedalam form yang masih kosong. Seperti pada gambar berikut :

88 Page Hingga tampilan form anda menjadi seperti pada gambar berikut : 4. Lalu klik CrystalReportViewer1, pada properties pilih ReportSource. Kemudian pilih SI.Laporan_Pengembalian. 5. Setelah itu saat di-running maka akan tampil seperti pada gambar berikut:

89 Page Tambahkan beberapa source code berikut ini : Double click form_laporan_peminjaman dan tulis source code berikut ini pada form_pengembalian_load : Dim tampil As New Tampil_Data Dim report As New Laporan_Pengembalian Dim data As New DataTable tampil.data_pengembalin() data.clear() data.load(tampil.baca) report.setdatasource(data) CrystalReportViewer1.ReportSource = report CrystalReportViewer1.Show() Kartu Anggota A. DataSet Anggota 1. Buat DataSet baru dengan cara sebagai berikut : Klik menu Project - Add New Item - Pilih Data - DataSet - Add.

90 Page Setelah itu muncul tampilan awal dari DataSet, seperti di bawah ini : 3. Klik Kanan pada daerah ruang kosong disekitar teks, kemudian Pilih Add - Tabel Adapter.

91 Page Setelah itu muncul TableAdapter Configuration Wizard. Lalu klik New Connection. 5. Setelah itu pada data source ubah menjadi Microsoft SQL Server. Kemudian klik Ok. 6. Kemudian pilih Server dan database yang akan digunakan.

92 Page Kemudian Klik Test Connection, jika berhasil maka akan muncul gambar seperti dibawah ini : 8. Setelah itu klik Next.

93 Page Setelah melakukan proses diatas, pilih Use SQL Statements. Lalu klik Next. 10. Setelah itu akan muncul tampilan dimana kita bisa memberikan query yang akan kita gunakan nanti. Berikan perintah query sebagai berikut dan setelah itu klik Next : SELECT *FROM tb_anggota

94 Page Kemudian klik Finish. B. Design Report 1. Klik menu Project - Add New Item - Pilih Reporting - Crystal Report - Add.

95 Page Kemudian muncul Crystal Reports Gallery. Pilih As a Blank Report, lalu klik Ok. 3. Setelah itu klik kanan pada Database Fields lalu pilih Database Expert.

96 Page Akan muncul tampilan baru, buka Project Data buka ADO.NET DataSets buka SI.Data_Anggota pilih tb_anggota. Setelah itu klik tanda panah ke kanan. Lalu klik Ok. 5. Setelah itu desain kartu anggota seperti pada gambar berikut ini :

97 Page Dan untuk mengambil data dapat diambil (drag and drop) dari field-field seperti pada gambar berikut ini : C. Form Kartu Anggota 1. Buat form baru dengan cara sebagai berikut : Klik menu Project - Add Windows Form - Add.

98 Page Setelah itu pilih Reporting pada Toolbox, kemudian pilih CrystalReportViewer. Tarik CrystalReportViewer kedalam form yang masih kosong. Seperti pada gambar berikut : 3. Dan tambahkan Label1 (Text = ID Anggota), TextBox1 (Name = txt_id), Button1 (Name = btn_ok, Text = Ok). Hingga tampilan form anda menjadi seperti pada gambar berikut :

99 Page Lalu klik CrystalReportViewer1, pada properties pilih ReportSource. Kemudian pilih SI.Kartu_Anggota. 5. Setelah itu saat di-running maka akan tampil seperti pada gambar berikut: 6. Tambahkan beberapa source code berikut ini : Double click form_kartu_anggota dan tulis source code berikut ini pada form_kartu_anggota_load : txt_id.clear() Double click button Ok dan tulis source code berikut ini : Dim id As String Dim report As New Kartu_Anggota

100 Page 97 Dim data As New DataTable Dim cari As New Cari_Data id = txt_id.text cari.data_anggota(id) data.clear() data.load(cari.baca) report.setdatasource(data) CrystalReportViewer1.ReportSource = report CrystalReportViewer1.Show() Nota Pengembalian A. Design Report 1. Klik menu Project - Add New Item - Pilih Reporting - Crystal Report - Add. 2. Kemudian muncul Crystal Reports Gallery. Pilih As a Blank Report, lalu klik Ok.

101 Page Setelah itu klik kanan pada Database Fields lalu pilih Database Expert. 4. Akan muncul tampilan baru, buka Project Data buka ADO.NET DataSets buka SI.Data_Peminjaman pilih DataTable1. Setelah itu klik tanda panah ke kanan. Lalu klik Ok.

102 Page Setelah itu desain nota seperti pada gambar berikut ini : 6. Dan untuk mengambil data dapat diambil (drag and drop) dari field-field seperti pada gambar berikut ini :

103 Page 100 B. Form Nota 1. Buat form baru dengan cara sebagai berikut : Klik menu Project - Add Windows Form - Add. 2. Setelah itu pilih Reporting pada Toolbox, kemudian pilih CrystalReportViewer. Tarik CrystalReportViewer kedalam form yang masih kosong. Seperti pada gambar berikut :

104 Page Dan tambahkan label, TextBox (txt_id), Button (btn_ok). Hingga tampilan form anda menjadi seperti pada gambar berikut : 4. Lalu klik CrystalReportViewer1, pada properties pilih ReportSource. Kemudian pilih SI.Nota. 5. Setelah itu saat di-running maka akan tampil seperti pada gambar berikut:

105 Page Tambahkan beberapa source code berikut ini : Double click form_nota dan tulis source code berikut ini pada form_nota_load : txt_id.clear() Double click button Ok dan tulis source code berikut ini : Dim id As String Dim report As New Nota Dim data As New DataTable Dim cari As New Cari_Data id = txt_id.text cari.data_peminjaman(id) data.clear() data.load(cari.baca) report.setdatasource(data) CrystalReportViewer1.ReportSource = report CrystalReportViewer1.Show() 4.11 Form Utama Form ini merupakan form utama dari Sistem Informasi Perpustakaan, form ini akan muncul setelah melakukan login. Form ini lah terdapat beberapa menu dalam bentuk buttonbutton untuk masuk ke aplikasi yang ada pada Sistem Informasi.

106 Page 103 A. Design Form B. Table Properties Object Name Properties Values Form1 MenuStrip1 Text Name StartPosition FormBorderStyle Size AutoSizeMod Text Sub Menu Form Utama Form_Utama CenterScreen None 1145, 300 GrowAndShrink Data - Data Petugas - Data Anggota - Data Buku MenuStrip1 Text Pencarian MenuStrip1 MenuStrip1 MenuStrip1 Text Sub Menu Text Sub Menu Text Sub Menu Transaksi - Peminjaman - Pengembalian Cetak - Cetak Kartu Anggota - Cetak Nota Laporan - Laporan Peminjaman - Laporan Pengembalian MenuStrip1 Text Keluar

107 Page 104 C. Source Code 1. Tambahkan beberapa source code berikut ini : Pada sub menu Data Petugas : Form_Petugas.ShowDialog() Pada sub menu Data Anggota : Form_Anggota.ShowDialog() Pada sub menu Data Buku : Form_Buku.ShowDialog() Pada menu Pencarian : Form_Pencarian.ShowDialog() Pada sub menu Peminjaman : Form_Peminjaman.ShowDialog() Pada sub menu Pengembalian : Form_Pengembalian.ShowDialog() Pada sub menu Cetak Kartu Anggota : Form_Kartu_Anggota.ShowDialog() Pada sub menu Cetak Nota : Form_Nota.ShowDialog() Pada sub menu Laporan Peminjaman : Form_Laporan_Peminjaman.ShowDialog() Pada sub menu Laporan Pengembalian : Form_Laporan_Pengembalian.ShowDialog() Pada menu Keluar: Form_Login.Visible = True Form_Login.txt_id.Clear() Form_Login.txt_password.Clear Form_Login.Show() Form_Login.txt_id.Focus() Me.Close()

108 Page Form Login Form ini merupakan form login yang digunakan untuk login ke Aplikasi Sistem Informasi Perpustakaan. Form ini juga digunakan untuk menentukan hak akses dan juga konten-konten yang dapat diakses. A. Design Form B. Table Properties Object Name Properties Values Form1 Text Name StartPosition FormBorderStyle Form Login Form_Login CenterScreen None UsernameLabel Text &User name PasswordLabel Text &Password UsernameTextBox Name txt_id PasswordTextBox Name txt_password Button1 Button2 Text Name Text Name &Ok Ok &Cancel Cancel C. Source Code 1. Tambahkan beberapa source code berikut ini : Global Variable Dim id, password As String