Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web

(1)

TUGAS AKHIR

EKO SULISTYO

112406050

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya

EKO SULISTYO

112406050

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(3)

PERSETUJUAN

Judul : Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web

Kategori : Tugas Akhir

Nama : Eko Sulistyo

Nomor Induk Mahasiswa : 112406050

Program Studi : D3 Teknik Infomatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, Juni 2014

Disetujui Oleh

Program Studi D3 Teknik Informatika Pembimbing FMIPA USU

Ketua,

Dr. Elly Rosmaini M.Si Drs. Rosman Siregar M.Si NIP. 196005201 198503 2 002 NIP : 19610107 198601 1 001


(4)

PERNYATAAN

SISTEM INFORMASI PERPUSTAKAAN SMA NEGERI 3 BINJAI BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2014

EKO SULISTYO 112406050


(5)

PENGHARGAAN

Puji dan syukur penulis ucapkan atas kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunia-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web”.

Terimakasih penulis sampaikan kepada Bapak Drs. Rosman Siregar M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir. Terimakasih kepada Ibu Dr. Elly Rosmaini M.Si selaku Ketua Progam Studi D3 Teknik Infomatikna FMIPA USU, Bapak Syahriol, S.Si, M.IT selaku Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua Departemen dan Sekertaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Teristimewa kepada kedua orang tua dan keluarga dan yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.


(6)

SISTEM INFORMASI PERPUSTAKAAN SMA NEGERI 3 BINJAI BERBASIS WEB

ABSTRAK

Kajian ini bertujuan untuk memberikan suatu aplikasi sistem yang dapat digunakan dengan mudah dalam melakukan pekerjaan. Aplikasi ini dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer yang sangat cepat, baik dari segi perangkat keras dan perangkat lunak.

Dengan demikian, perancangan suatu sistem informasi yang memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan sesuai yang diinginkan. Sistem ini meliputi modul-modul masukan data yang berkaitan dengan anggota, buku, peminjaman dan pengembalian buku. Tujuan dari sistem informasi ini adalah untuk mempermudah pegawai perpustakaan dalam menjalankan tugasnya dan meningkatkan efisiensi kerja. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah XAMPP Version 1.8.2 (terdiri dari apache server, PHP, dan MySQL) dan Adobe DreamweaverCS6 digunakan sebagai editor script.


(7)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

Bab 1 PENDAHULUAN

1.1. Latar Belakang 1

1.2. Perumusan Masalah 2

1.3. Batasan Masalah 3

1.4. Tujuan Penelitian 3

1.5. Metode Penelitian 4

1.6. Sistematika Penulisan 5

Bab 2 LANDASAN TEORI

2.1. Pengenalan Perpustakaan 7

2.1.1. Pengertian Perpustakaan 7

2.1.2. Jenis-Jenis Perpustakaan 9

2.1.3. Fungsi Perpustakaan 11

2.2. Pengertian Komputer 13

2.3. Pengertian Sistem Informasi 14

2.4. Pengenalan HTML 15

2.4.1. Pendahuluan HTML 15

2.4.2. Kerangka Dokumen HTML 16

2.4.3. Tag HTML 16

2.4.4. Atribut Tag 17

2.5. Pengenalan PHP 18

2.5.1. Sintaks Program PHP 19

2.5.2. Menggabungkan Kode PHP dengan Kode HTML 20 2.5.3. Memberikan Komentar pada Kode PHP 21

2.6. Pengenalan MySQL 22

2.7. Pengenalan Dreamweaver CS6 24

2.7.1. Ruang Kerja Dreamweaver CS6 25

2.7.2. Komponen Ruang Kerja 26

Bab 3 PERANCANGAN SISTEM

3.1. AnalisaSistem 31

3.2. PerancanganSistem 32


(8)

3.4. Basis Data (Database) 35

3.4.1. Tabel Administrator 36

3.4.2. Tabel Data Anggota 36

3.4.3. Tabel Data Buku 37

3.4.4. Tabel Transaksi Pinjam 38

3.5. Data Flowchart 39

Bab 4 IMPLEMENTASI SISTEM

4.1. Pengertian Implementasi Sistem 45

4.2. Tujuan Implementasi Sistem 45

4.3. Komponen Utama dalam Implementasi Sistem 46

4.3.1. Perangkat Keras (Hardware) 46

4.3.2. Perangkat Lunak (Software) 47

4.3.3. Unsur Manusia (Brainware) 48

4.4. Instalasi Software XAMPP Version 1.8.2 48

4.5. Pengujian Web di Browser 49

Bab 5 KESIMPULAN DAN SARAN

5.1. Kesimpulan 51

5.2. Saran 52

Daftar Pustaka


(9)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1. Simbol-Simbol Data Flow Diagram 33

3.2. Struktur Tabel Admin 36

3.3. Struktur Tabel Data Anggota 37

3.4. Struktur Tabel Data Buku 38

3.5. Struktur Tabel Transaksi Pinjam 39


(10)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

3.1. Data Flow Diagram Level 0 34

3.2. Data Flow Diagram Level 1 35

3.3. Flowchart Program 41

3.4 Alur Flowchart Menu Utama 42

3.5. Alur Flowchart Perpustakaan 43

3.6. Alur Flowchart Login Admin 44

4.1. Halaman Utama Website SMA N 3 Binjai 50


(11)

SISTEM INFORMASI PERPUSTAKAAN SMA NEGERI 3 BINJAI BERBASIS WEB

ABSTRAK

Kajian ini bertujuan untuk memberikan suatu aplikasi sistem yang dapat digunakan dengan mudah dalam melakukan pekerjaan. Aplikasi ini dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer yang sangat cepat, baik dari segi perangkat keras dan perangkat lunak.

Dengan demikian, perancangan suatu sistem informasi yang memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan sesuai yang diinginkan. Sistem ini meliputi modul-modul masukan data yang berkaitan dengan anggota, buku, peminjaman dan pengembalian buku. Tujuan dari sistem informasi ini adalah untuk mempermudah pegawai perpustakaan dalam menjalankan tugasnya dan meningkatkan efisiensi kerja. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah XAMPP Version 1.8.2 (terdiri dari apache server, PHP, dan MySQL) dan Adobe DreamweaverCS6 digunakan sebagai editor script.


(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan ilmu pengetahuan dan teknologi pada saat sekarang ini mempunyai peranan yang sangat penting, salah satunya di bidang komputer. Terbukti dengan banyaknya lembaga/instansi yang menggunakan sistem komputerisasi sebagai alat bantu untuk mendapatkan informasi yang lebih cepat.

Pada perpustakaan SMA Negeri 3 Binjai yang dalam pengolahan datanya masih menggunakan program manual, misalnya dalam penulisan laporan data buku sekolah, belum menggunakan sistem komputerisasi secara menyeluruh, karena untuk penulisan data buku dan data peminjam buku sekolah yang diperuntukkan bagi siswa dan siswi masih bersifat manual. Pada sistem perpustakaan yang ada saat ini juga dapat berdampak negatif pada efisiensi kerja. Pegawai yang bertugas membuat laporan tersebut harus mencatat semua data buku dan nama siswa yang telah meminjam buku, sehingga dalam pelaksanaan pekerjaan tersebut kurang efisien dan menghabiskan waktu yang cukup banyak.


(13)

Dengan sistem seperti ini, informasi yang diterima menjadi kurang akurat. Hal ini disebabkan karena dalam pembuatan laporannya masih dikerjakan secara manual, seperti ditulis di dalam buku sehingga data tersebut dapat rusak ataupun hilang.

Untuk memudahkan dalam pencarian data buku yang ada di perpustakaan SMA Negeri 3 Binjai yang masih belum menggunakan komputerisasi yang akurat. Perlu diadakan pembuatan sistem informasi di dalamnya supaya memudahkan dalam pengambilan informasi tersebut. Oleh karena itu diperlukan program sistem informasi data secara online agar dalam pencarian data menjadi lebih efisien.

Dari uraian diatas penulis tertarik memilih judul “Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web”.

1.2 Perumusan Masalah

Dalam pembuatan tugas akhir telah terlebih dahulu dibuatkan perumusan masalah sesuai dengan latar belakang di atas. Adapun bentuk dari perumusan masalah tersebut, yaitu:

1. Bagaimana membangun sistem pengelolahan buku perpustakaan menjadi lebih efisien pada sistem informasi perpustakaan SMA Negeri 3 Binjai ?

2. Apakah dengan sistem informasi perpustakaan berbasis web ini dapat memudahkan siswa dan siswi dalam menggunakannya ?


(14)

1.3 Batasan Masalah

Sehubungan dengan keterbatasan waktu, biaya, kemampuan penulis dan banyaknya cakupan untuk menghindari kesimpangsiuran dalam penulisan agar judul dan latar belakang dapat dipahami dengan jelas, maka penulis membatasi ruang lingkup penelitian hanya menyangkut pembuatan program tentang sistem informasi perpustakaan SMA Negeri 3 Binjai.

1.4 Tujuan Penelitian

Tujuan penulis membuat Sistem Informasi SMA Negeri 3 Binjai adalah sebagai berikut:

1. Meningkatkan kecepatan dalam mendapatkan informasi buku secara online. 2. Membangun sistem informasi perpustakaan untuk mempermudah para

pegawai dan siswa dalam mengatasi peminjaman dan pengembalian buku. 3. Memperbaiki sistem manual yang telah ada menjadi sistem komputerisasi

agar lebih efisien dan memudahkan dalam pengelolahan data buku yang ada di perpustakaan.


(15)

1.5 Metode Penelitian

Dalam penyusunan tugas akhir ini, penulis mengumpulkan data yang diperlukan untuk membuat program tersebut dengan langkah-langkah sebagai berikut :

1. Penelitian lapangan

Penelitian ini penulis lakukan langsung di lapangan dengan menganalisa masalah terhadap objek yang telah dipilih. Dalam hal ini penulis mendahulukan penelitian (peninjauan) langsung ke SMA Negeri 3 Binjai. 2. Penelitian Pustaka

Penelitian yang dilakukan penulis dari buku-buku pemrograman web dan internet untuk mendapatkan bahan teoritis untuk membangun sistem informasi yang efektif dan efisien.

3. Pengumpulan Data

Pada tahap ini penulis mengumpulkan semua data yang telah diperoleh dan mengelompokan data ke dalam beberapa bagian, agar dapat mempermudah dalam perancangan sistem informasi perpustakaan SMA Negeri 3 Binjai. 4. Mendesain Sistem

Setelah terkumpul data, penulis akan mendesain sistem informasi sesuai dengan data-data yang telah diperoleh.

5. Menguji Sistem Informasi

Setelah sistem informasinya terbentuk, hal terakhir yang diperlukan adalah mengujinya. Pengujian adalah tahapan yang sangat penting, hal ini dikarenakan dari pengujian inilah diketahui apakah sistem informasi ini sudah berjalan


(16)

1.6 Sistematika Penulisan

Sistematika penulisan memberikan informasi secara umum tentang pembahasan yang terdapat dalam setiap bab, sehingga dalam pembahasannya akan lebih mudah dipahami. Adapun sistematika penulisan Tugas Akhir ini terdiri dari lima (5) bab yaitu:

BAB 1 PENDAHULUAN

Bab ini berisi tentang latar belakang, perumusan masalah, batasan masalah, tujuan penelitian, metode penelitian dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Bab ini berisi tentang pengenalan perpustakaan, pengertian komputer, pengertian sistem, PHP, HTML, MySQL, dan Adobe Dreamweaver CS6.

BAB 3 PERANCANGAN SISTEM

Bab ini berisi tentang analisis dan perancangan sistem, data flow diagram, database, flowchart, dan deskripsi sistem.

BAB 4 IMPLEMENTASI SISTEM

Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan implementasi sistem serta penjabaran-penjabaran elemen


(17)

sistem baik dari segi hardware, software, brainware, instalasi software, dan pengujian web di browser.

BAB 5 KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir yang berisi kesimpulan yang diperoleh serta saran-saran yang dapat diberikan untuk pengembangan sistem yang baik.


(18)

BAB 2

LANDASAN TEORI

2.1 Pengenalan Perpustakaan

2.1.1 Pengertian Perpustakaan

Perpustakaan adalah koleksi atau sekumpulan koleksi buku atau bahan lainnya yang diorganisasikan dan dipelihara untuk penggunaan/keperluan (membaca, konsultasi, belajar, meneliti) dikelola oleh pustakawan dan staf terlatih lainnya dalam rangka menyediakan layanan untuk memenuhi kebutuhan pengguna.

Ada dua unsur utama dalam perpustakaan yaitu buku dan ruangan. Dalam perkembangannya, koleksi sebuah perpustakaan tidak hanya terbatas dalam bentuk tercetak seperti buku, majalah atau jurnal, melainkan ada berbagai bahan perpustakaan lainnya yang dapat diterima di perpustakaan sebagai sumber informasi. Semua sumber daya informasi itu diorganisir, disusun teratur, sehingga ketika pengguna membutuhkan informasi, dapat dengan mudah menemukannya.


(19)

Melihat proses kerjanya, bahwa bahan perpustakaan yang berupa sumber daya informasi diorganisir, disusun secara teratur sehingga mudah untuk menemukannya kembali, maka perpustakaan adalah suatu unit kerja yang bertugas untuk mengumpulkan, menyimpan, mengorganisir berbagai bahan perpustakaan sistematis dan memeliharanya agar dapat digunakan oleh pengguna dengan baik.

Secara tradisional, perpustakaan sering disebut sebagai sebuah koleksi (kumpulan) buku dan majalah. Koleksi buku pribadi atau perseorangan pun juga sering disebut perpustakaan. Akan tetapi dalam ruang lingkup yang lebih umum perpustakaan dikenal sebagai sebuah koleksi besar yang diolah, diorganisasikan dengan sistem tertentu dan dapat dimanfaatkan atau dipakai oleh masyarakat yang menjadi penggunanya. Perpustakaan dibiayai dan diopersikan oleh institusi, lembaga, atau kantor.

Internasional Federation of Library Associations and Institusions (IFLA) mendefinisikan perpustakaan dengan pengertian yang sangat sederhana yaitu kumpulan bahan tercetak dan non cetak dan/atau sumber informasi dalam komputer yang disusun secara sistematis untuk kepentingan pemakai. Definisi perpustakaan sebagaimana dirumuskan IFLA ini mencakup tiga hal yaitu unsur koleksi (buku dan terbitan cetak dan non cetak), disimpan menurut sistem tertentu saja, untuk kepentingan pemakai. Dari definisi ini dapat dinyatakan bahwa untuk menyatakan sesuatu kumpulan koleksi atau institusi sebagai perpustakaan atau tidak, minimal dapat melihat 3 (tiga) aspek yaitu adanya bahan perpustakaan


(20)

(library materials), adanya proses penyimpanan yang mengacu kepada suatu sistem, dan memberikan layanan kepada pengguna.

Perpustakaan secara umum bertujuan untuk menciptakan masyarakat terpelajar dan terdidik, terbiasa membaca, berbudaya tinggi serta mendorong terciptanya pendidikan sepanjang hayat, dan juga melakukan layanan informasi literal kepada masyarakat. Karena tujuannya memberikan layanan informasi literal kepada masyarakat, maka tugas pokok adalah:

1. Menghimpun bahan pustaka yang meliputi buku dan non buku sebagai sumber informasi.

2. Mengolah dan merawat pustaka. 3. Memberikan layanan bahan pustaka.

2.1.2 Jenis-jenis Perpustakaan

Dalam perkembangannya setiap jenis perpustakaan memilki definisi dan kriteria tertentu yang membedakannya dari perpustakaan lain. Ada beberapa faktor atau kriteria yang sering digunakan untuk membedakan satu jenis perpustakaan dengan yang lainnya, beberapa diantaranya adalah koleksi, masyarakat yang dilayaninya dan institusi dimana perpustakaan itu berada. Adapun jenis-jenis perpustakaan adalah sebagai berikut:


(21)

1. Perpustakaan Umum

Perpustakaan umum adalah sebuah perpustakaan atau sistem perpustakaan yang menyediakan akses yang tidak terbatas kepada sumber daya perpustakaan dan layanan gratis kepada warga masyarakat di daerah atau wilayah tertentu, yang didukung penuh atau sebahagian dari dan masyarakat (pajak).

2. Perpustakaan Sekolah

Perpustakaan Sekolah adalah suatu perpustakaan yang berada pada jenjang sekolah dasar sampai dengan sekolah lanjutan baik milik pemerintah (negeri) maupun swasta yang melayani kebutuhan informasi siswanya, kebutuhan kurikulum dari guru dan staf; biasanya dikelola oleh pustakawan sekolah ataupun spesialis media. Koleksi suatu perpustakaan sekolah biasanya berupa buku, terbitan berkala, dan media pendidikan yang sesuai dengan pendidikan yang sesuai dengan jenjang pendidikan yang dilayaninya.

3. Perpustakaan Perguruan Tinggi

Perpustakaan Perguruan Tinggi adalah sebuah perpustakaan atau sistem perpustakaan yang dibangun, diadministrasikan dan didanai oleh sebuah universitas untuk memenuhi kebutuhan informasi, penelitian dan kurikulum dari mahasiswa, fakultas dan stafnya. Definisi ini menyatakan bahwa perpustakaan perguruan tinggi boleh berupa sebuah perpustakaan atau sistem perpustakaan. Sistem perpustakaan maksudnya adalah kemungkinan adanya berbagai perpustakaan baik perpustakaan pada tingkat universitas, fakultas, departemen/jurusan dan juga pada lembaga lain dibawah suatu perguruan tinggi. Artinya, pada sebuah perguruan tinggi dimungkinkan terdapat berbagai


(22)

perpustakaan yang dimaksudkan untuk mendukung perguruan tinggi itu sendiri.

4. Perpustakaan Khusus

Perpustakaan khusus adalah suatu perpustakaan yang di bangun dan didanai oleh suatu perusahaan komersial, asosiasi swasta, badan pemerintah, organisasi nirlaba atau kelompok interes khusus dalam rangka memenuhi atau mencapai misi dan tujuan organisasi tersebut.

2.1.3 Fungsi Perpustakaan

Fungsi dari perpustakaan adalah sebagai berikut: 1. Penyimpanan

Salah satu tugas pokok perpustakaan adalah menyimpan bahan perpustakaan yang diterimanya. Fungsi penyimpanan lebih terlihat pada perpustakaan nasional. Perpustakaan nasional meyimpan semua terbitan terutama yang tercetak yang diterbitkan di negaranya sendiri.

2. Pendidikan

Boleh dikatakan bahwa mayoritas masyarakat mengetahui bahwa perpustakaan adalah merupakan tempat belajar seumur hidup, terlebih-lebih bagi mereka yang sudah bekerja atau telah meninggalkan bangku sekolah ataupun putus sekolah. Bagaimana sekalipun perpustakaan selalu terkait dengan dunia pendidikan. Perpustakaan selalu dikaitkan dengan buku, sedangkan buku selalu


(23)

dikaitkan dengan kegiatan belajar dan kegiatan belajar adalah merupakan bahagian dari dunia pendidikan.

3. Penelitian

Kegiatan penelitian dipastikan berkaitan sangat erat dengan perputakaan. Kegiatan perpustakaan mutlak memerlukan jasa perpustakaan. Perpustakaan bertugas menyediakan bahan perpustakaan (penyedia materi) untuk keperluan penelitian. Kegiatan penelitian dilakukan oleh para pemakai perpustakaan. 4. Informasi

Pepustakaan adalah institusi pengelola informasi. Perpustakaan menyediakan Informasi bagi pemakai. Dalam kaitannya dengan informasi, perpustakaan juga bertugas menjawab pertanyaan yang diajukan oleh pemakainya baik mengenai topik tertentu maupun informasi ringkas.

5. Kultural

Perpustakaan bertugas menyimpan khasanah budaya bangsa khususnya yang berupa media yang merekam informasi, naskah, menuskrip dan/atau dokumen lainnya. Perpustakaan merupakan tempat untuk mendidik atau mengembangkan apresiasi budaya masyarakat. Dengan demikian, perpustakaan juga berperan dalam meningkatkan nilai dan apresiasi budaya dari masyarakat sekitar perpustakaan melalui penyediaan bahan bacaan. Fungsi kultural dilakukan perpustakaan dengan berbagai cara misalnya mengadakan pameran, ceramah, pertunjukkan kesenian daerah, penyediaan bahan bacaan bagi anggota perpustakaan.


(24)

6. Fungsi Rekreasi

Pengguna perpustakaan dapat menikmati rekreasi dengan cara membaca. Oleh karena itu, melalui bahan bacaan yang disediakan oleh perpustakaan juga terkandung aspek rekreasi terutama bacaan umum dan karya fiksi seperti novel, roman dan sebagainya. Juga melalui penyediaan bacaan ringan seperti surat kabar dan majalah umum. Fungsi rekreasi yang dimiliki oleh perpustakaan adalah melalui bahan perpustakaan dan fasilitasnya.

2.2 Pengertian Komputer

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.

Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama antara komponen satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada. Adapun komponen komputer adalah meliputi : Layar Monitor, CPU, Keyboard, Mouse dan Printer (sebagai pelengkap). Tanpa printer,


(25)

komputer tetap dapat melakukan tugasnya sebagai pengolah data, namun sebatas terlihat dilayar dan belum dalam bentuk print out (kertas).

2.3 Pengertian Sistem Informasi

Sistem adalah interaksi dari elemen-elemen yang saling berkaitan bekerja sama untuk mencapai tujuan. Elemen-elemen tersebut ialah elemen sistem konvensional (data, manusia dan prosedur) dan elemen sistem modern (data, manusia, prosedur, hardware, dan software). Sebuah sistem menerima masukan, memrosesnya, dan kemudian menghasilkan suatu keluaran. Sistem tersebut mampu bekerja karena komponen-komponen di dalamnya saling berinteraksi untuk menghasilkan keluaran. Dalam melakukan prosesnya, kinerja sistem sangat dipengaruhi oleh kondisi lingkungan di sekitarnya.

Informasi adalah hasil pengolahan data yang berguna bagi penerimanya. Sistem informasi ialah interaksi antara data, manusia dan prosedur (yang didukung oleh hardware dan software) untuk memberikan suatu penyelesaian berupa informasi yang dapat dipakai untuk mengambil suatu tindakan keputusan selanjutnya baik untuk jangka pendek, menengah atau panjang dalam sebuah organisasi. Dengan kata lain, sistem informasi juga adalah suatu kumpulan dari komponen-komponen yang saling berinteraksi untuk mengelola informasi pada suatu organisasi untuk mendukung kegiatan bisnis organisasi.


(26)

2.4 Pengenalan HTML

2.4.1 Pendahuluan HTML

HTML adalah singkatan dari HyperText Markup Language. HTML merupakan file teks yang ditulis menggunakan aturan-aturan kode tertentu untuk kemudian disajikan ke user melalui suatu aplikasi web browser. Setiap informasi yang tampil di web selalu dibuat menggunakan kode HTML. Oleh karena itu, dokumen HTML sering disebut juga sebagai web page (halaman web). Untuk membuat dokumen HTML, tidak bergantung pada aplikasi tertentu; karena dokumen HTML dapat dibuat menggunakan aplikasi Text Editor apa pun, bisa Notepad (untuk lingkungan MS Windows), Emacs atau Vi Editor (untuk lingkungan Linux), dan sebagainya.

Agar lebih mempermudah dalam pembuatan dokumen HTML, sekarang telah banyak tersedia aplikasi HTML Editor, yaitu suatu aplikasi Text Editor yang dikhususkan untuk pembuatan kode-kode HTML.

Kode HTML dari suatu halaman web dapat kita lihat dari aplikasi web browser yang sering kita gunakan, yaitu dengan cara memilih menu View Source (untuk Internet Explorer) dan View-Page Source (untuk Mozilla Firefox).


(27)

2.4.2 Kerangka Dokumen HTML

Secara umum, dokumen HTML, terbagi atas dua bagian, yaitu bagian header (kepala) dan body (badan). Bagian header diawali dengan tag <head> dan diakhiri dengan tag </head>, sedangkan bagian body diawali dengan tag <body> dan ditutup dengan tag </body>. Kedua bagian tersebut diapit oleh tag <html> dan </html>, yang digunakan untuk menandai bahwa dokumen yang kita buat adalah dokumen HTML. Untuk lebih jelasnya, berikut ini kerangka dari dokumen HTML: <html> <!--Tag untuk memulai dokumen HTML-->

<!--Bagian header --> <head>

<title>Judul halaman</title> </head>

<!--Bagian body--> <body>

Informasi yang akan ditampilkan pada web browser harus ditulis dalam bagian ini.

</body>

</html> <!--Tag untuk mengakhiri dokumen HTML -->

2.4.3 Tag HTML

Terdapat beberapa hal yang perlu diperhatikan dalam penggunaan tag didalam dokumen HTML, yaitu:


(28)

2. Meskipun kode HTML tidak bersifat case-sensitive (membedakan penggunaan huruf besar dan kecil), namun tag HTML sebaiknya ditulis dengan menggunakan huruf kecil, misalnya <html>, <head>, </head>, <title>, dan sebagainya. Ini merupakan cara yang direkomendasikan oleh W3C, Meskipun sebenarnya bisa saja ditulis dengan menggunakan huruf besar, seperti ,<HTML>, <HEAD>, </HEAD>, <TITLE>, dan sebagainya. 3. Tag HTML umumnya berpasangan, seperti : tag <html> berpasangan dengan

tag </html>, <head> berpasangan dengan tag </head>, dan masih banyak lagi contoh tag berpasangan lainnya.namun, ada juga beberapa tag yang tidak memiliki pasangan, misalnya tag <br>, <hr>, <input>, <meta>, dan lain-lain. Untuk menandai bahwa tag tersebut tidak memiliki pasangan, maka sebaiknya kita membubuhkan tanda slash (garis miring) di belakang tag tersebut, misalnya <br/>, <hr/>.

4. Untuk penggunaan tag bersarang, maka penulisannya harus terurut. Sebagai contoh, perhatikan kode berikut:

<b>Anda harus <i>belajar</i> dengan giat.</b>

2.4.4 Atribut Tag

Pada umumnya, tag-tag dalam HTML memiliki beberapa atribut yang nilainya bisa ditentukan sesuai keperluan. Atribut suatu tag harus ditulis di dalam tag bersangkutan (sebelum tanda >). Berikut ini contoh tag dengan beberapa atribut di dalamnya:


(29)

<body bgColor=”#fffeee” alink=”#cccccc”>

Dari contoh yang ditampilkan, dapat disimpulkan bahwa bentuk umum penulisan atribut dari suatu tag adalah sebagai berikut:

< nama tagatribut1=”NilaiAtribut1”atribut2=”Nilaiatribut2”… >

Berikut ini contoh kode yang akan menunjukkan penggunaan atribut bgColor di dalam tag <body>.

<html> <head>

<title>Atribut Tag</title> </head>

<body bgColor=”#fffeee”> Demo menggunakan atribut tag </body>

</html>

2.5 Pengenalan PHP

PHP adalah salah satu bahasa pemrograman skrip yang dirancang untuk membangun aplikasi web. Ketika dipanggil dari web browser, program yang ditulis dengan PHP akan di-parsing di dalam web server oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang selanjutnya akan ditampilkan kembali ke web browser. Karena pemrosesan web PHP dilakukan di lingkungan web server, PHP dikatakan sebagai bahasa sisi server (server-side). Oleh sebab


(30)

itu, seperti yang telah dikemukakan sebelumnya, kode PHP tidak akan terlihat pada saat user memilih perintah “View Source” pada web browser yang mereka gunakan. Selain menggunakan PHP, aplikasi web juga dapat dibangun dengan Java (JSP-JavaServer Pages dan Servlet), Perl, maupun ASP (Active Server Pages).

2.5.1 Sintaks Program PHP

PHP adalah bahasa yang dirancang untuk mudah diletakkan di dalam kode HTML. Banyak dijumpai kode PHP yang menyatu dengan kode HTML. Kode PHP diawali dengan tag <?php dan diakhiri dengan tag ?>. Apabila kita melakukan konfigurasi terhadap file php.ini untuk mengizinkan penggunaan tag pendek (short tag) dengan mengubah nilai short_open_tag menjadi on, maka tag tersebut dapat diganti dengan <? dan ?>. dalam PHP 5, nilai default dari short_open_tag adalah Off. Selain itu, PHP kita juga dapat menggunakan tag gaya ASP, <% dan %>, dengan mengubah nilai asp_tags dalam file php.ini menjadi On. Dalam hal ini, kita akan tetap menggunakan tag <?php dan ?> untuk menulis kode-kode PHP.

Berikut ini contoh kode PHP yang sangat sederhana: <?php

echo “Hello World”;


(31)

Perintah echo di dalam PHP berguna untuk mencetak nilai, baik teks ataupun numerik, ke layar web browser. Selain echo, kita juga dapat menggunakan perintah print, sehingga kode diatas dapat juga ditulis sebagai berikut.

<?php

print “Hello World”; ?>

Echo dan print juga memiliki bentuk penulisan yang lain, seperti layaknya pemanggilan fungsi. Berikut ini bentuk lain tersebut.

<?php

echo (“Hello World!”) ; // mencetak teks “Hello World!”

echo (1) ; // mencetak angka 1

print (“Hello World!”) ; // mencetak teks “Hello World1”

print (100) ; // mencetak angka 100

?>

Setiap perintah atau statement di dalam kode PHP harus diakhiri dengan tanda titik koma atau semicolon (;).

2.5.2 Menggabungkan Kode PHP dengan Kode HTML


(32)

<head>

<title>Kode PHP Dalam Kode HTML</title> </head>

<body>

<p>Paragraf 1: Teks dari kode HTML</p>

<!-- Menyisipkan kode PHP dalam kode HTML --> <?php

echo “<P>Paragraf 2: Teks dari kode PHP</p> ?>

<!-- akhir kode PHP -->

<P>Paragraf 3: Teks dari kode HTML</> </body>

</html>

2.5.3 Memberikan Komentar pada Kode PHP

Komentar berfungsi untuk memberikan informasi kepada orang yang membaca kode program yang kita buat, tapi baris-baris komentar tersebut akan diabaikan oleh PHP (tidak ikut terkompilasi sebagai kode program).

PHP menyediakan beberapa cara untuk memasukkan komentar ke dalam baris kode program, yang semuanya diadopsi dari bahasa yang telah ada sebelumnya seperti C/C++.

Contoh Menulis Komentar dalam kode PHP: <?php


(33)

/ / echo “Baris ini tidak akan ditampilkan”;

/ * echo “Baris ini juga tidak akan ditampilkan”; * / # echo “dan yang ini juga tidak akan ditampilkan”; ?>

2.6 Pengenalan MySQL

MySQL merupakan software yang tergolong kedalam DBMS yang bersifat open source menyatakan bahwa software ini dilengkapi bdengan source (kode yang dibuat untuk membuat MySQL), selain itu tentu saja bentuk executablenya atau kode yang dijalankan secara langsung dalam sistem operasi dan bisa diperoleh dengan cara mendownload di internet secara gratis.

MySQL termasuk jenis RDBMS (Relational Database Management System). Sehingga istilah seperti tabel, baris, dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung satu beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih kolom. Baris pada tabel sering disebut sebagai instance dari data sedangkan kolom sering disebut sebagai attributes atau field.


(34)

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning, MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed/unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah select dan where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.


(35)

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protocol TCP/IP, Unix Soket (UNIX), atau Named Pipes (NT).

10.Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk didalamnya.

11.Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

12.Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool) yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan penunjuk online.

13.Struktur Tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgresSQL atau Oracle.

2.7 Pengenalan Dreamweaver CS6

Dreamweaver merupakan software utama yang digunakan oleh desainer web dan programmer web untuk mengembangkan suatu situs web. Dreamweaver memiliki ruang kerja, fasilitas, dan kemampuan yang mampu meningkatkan produktivitas dan efektivitas, baik dalam desain maupun pembuatan situs web.


(36)

Dreamweaver memiliki peningkatan dalam kemampuan toolbar, yaitu dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan fungsi baru. Selain antarmuka pengguna baru, Dreamweaver CS6 memiliki kemampuan untuk menyunting kode dengan lebih baik. Dreamweaver CS6 juga dapat melakukan print kode pada jendela Code View, serta memiliki fasilitas Code Hints yang membantu dalam urutan tag-tag, serta Tag Inspector yang sangat berguna dalam menangani tag-tagHTML.

2.7.1 Ruang Kerja Dreamweaver CS6

Ruang kerja Dreamweaver CS6 memiliki komponen-komponen yang memberikan fasilitas dan ruang untuk menuangkan kreasi saat bekerja. Komponen-komponen yang disediakan oleh ruang kerja Dreamweaver CS6 antara lain Insert Bar, Document Toolbar, Jendela Dokumen, Panel Group, Tag Selector, Property Inspector, dan Site Panel.

Keterangan dari komponen-komponen yang terdapat di dalam ruang kerja DreamweaverCS6 adalah:

1. Insert Bar berisi tombol-tombol untuk menyisipkan berbagai macam objek seperti image, tabel, dan layer ke dalam dokumen.

2. Document Toolbar berisi tombol-tombol dan menu pop up yang menyediakan tampilan berbeda dari jendela dokumen.


(37)

3. Coding Window berisi kode-kode HTML dan tempat untuk menuliskan kode-kode pemrograman, misalnya PHP atau ASP.

4. Panel Group berisi kumpulan panel yang saling berkaitan satu sama lainnya yang dikelompokkan di bawah satu judul.

5. Property Inspector digunakan untuk melihat dan mengubah berbagai property objek atau teks.

6. Jendela Dokumen digunakan untuk menampilkan dokumen saat dimana sedang bekerja.

7. Ruler mempermudah ukuran dalam mendesain halaman web.

8. Site Panel digunakan untuk mengatur file-file dan folder-folder yang membentuk situs web.

2.7.2 Komponen Ruang Kerja

Di dalam ruang kerja Dreamweaver CS6 terdapat beberapa komponen utama yang membentuk suatu ruang kerja Dreamweaver CS6 ini sehingga memberikan kesatuan tampilan antara menu utama, Panel, Property Inspector serta Tooolbar. Komponen yang terdapat pada ruang kerja Dreamweaver CS6 adalah:

1. Menu Utama

Sistem menu yang terdapat pada Dreamweaver CS6 sangat sederhana dan mudah untuk dipahami karena perintah-perintah yang terdapat pada hampir sebagian besar fungsi menu terdapat juga dalam Panel. Dengan demikian,


(38)

tidak akan menghabiskan banyak waktu dengan melakukan perintah yang terdapat pada menu, tetapi lebih banyak bekerja dengan mealakukan perintah yang terdapat pada menu dan lebih banyak bekerja dengan mengundang dan menggunakan perintah-perintah yang terdapat pada panel.

2. Document Toolbar

Document Toolbar berisikan tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari jendela dokumen. Tampilan jendela dokumen dapat diatur dalam bentuk Design View atau View atau kedua-duanya. Dapat juga memberikan judul jendela dokumen pada bagian title.

3. Insert Bar

Insert Bar terdiri dari tombol-tombol untuk membuat dan menyisipkan objek seperti tabel, layer dan gambar. Pada waktu menggulung pointer melewati sebuah tombol, sebuah kotak keterangan, akan tampak dan menampilkan nama tombol. Tombol-tombol tersebut mengatur beberapa kategori. Jika kategori tidak ingin ditampilkan, klik kategori Insert.

Insert Bar dikategorikan dan digunakan untuk mengatur beberapa pilihan sebagai berikut:

1. Kategori Common digunakan untuk membuat dan menyisipkan objek seperti gambar dan label.

2. Kategori Layout digunakan untuk menyisipkan tabel, div tag, layer, dan Frame. Dapat juga memilih salah satu dari tiga tampilan tabel, yaitu Standart (default), Expanded Tables, dan Layout. Ketika mode tampilan terpilih, dapat menggunakan tombol layout Dreamweaver, yakni Draw Layout Cell dan Draw Layout Table.


(39)

3. Kategori Form berisi tombol-tombol untuk membuat form dan menyisipkan elemen form.

4. Kategori Text digunakan untuk menyisipkan beberapa teks dan daftar formattag seperti b, em, p, h1, dan u1.

5. Kategori Favorites berguna untuk mengelompokkan tombol-tombol baris Insert yang digunakan dalam satu wadah.

4. Jendela Dokumen

Jendela dokumen merupakan bagian yang digunakan untuk mendesain halaman situs web. Dalam jendela dokumen, dapat menyisipkan teks, image, serta objek lain yang mendukung pembuatan situs web atau tempat untuk membuat desain web.Dreamweaver memuat dokumen-dokumen yang sedang dibuka dalam jendela yang sama. Jika memperhatikan sebuah dokumen yang terbuka dalam jendela yang sama, dokumen akan disimpan dalam tab-tab seperti lembar kerja pada Microsoft Excel. Dengan demikian, dapat dengan mudah berpindah antar dokumen tanpa harus menutup tampilan jendela yang sudah terbuka dengan jalan mengklik tab dokumen yang diinginkan.

5. Panel Group

Panel Group adalah kumpulan panel yang dikelompokkan bersama di bawah satu judul. Kumpulan panel tersebut antara lain Design, Code, Application, dan Files. Untuk menguraikan panel Group, bisa mengklik tanda panah expander di sebelah kiri nama group. Dapat juga memisahkan panel group yang tersusun tersebut dengan cara menggeser mouse pada bagian pojok kiri dari judul group sampai panel tersebut terlepas dari panelGroup.


(40)

6. Panel CSS

CSS merupakan pendukung HTML dalam mendesain web. Perintah-perintah yang sering digunakan dapat dikumpulkan dalam CSS sehingga dapat digunakan kembali dalam mendesain web dan tidak perlu mengulang perintah dari awal. Dalam panel CSS, dapat membuat, mengedit, atau menampung seluruh perintah CSS.

7. Panel Files

Dalam panel files terdapat toolbar yang membantu dalam membangun web. Dalam panel ini, dapat melihat file-file yang ada dalam web dan menentukan lokasi dari situs yang dibuat. Dalam Panel Files juga disediakan tombol untuk koneksi atau diskoneksi dari Remote Host.

8. Panel Snippets

Panel Snippets merupakan kode yang sering digunakan dan disisipkan pada dokumen. Kode snappets built-in yang ada di dalam bagian snippet dapat diambil dengan cara menentukan terlebih dahulu kode apa yang akan disisipkan ke dalam dokumen seperti bila ingin membuat sebuah judul beserta menu, maka harus memilih Header. Selanjutnya, juga bisa menentukan kode-kode yang lain, seperti footer, layout navigasi, fungsi JavaScript, dan masih banyak lagi yang dapat dilihat pada hierarki.

9. Tag Inspector

Dalam tag inspector, terdapat struktur hierarki tag dan atribut-atribut yang dapat ditambahkan atau diedit.


(41)

10.Tag Selector

Tag Selector terdapat pada bagian bawah jendela dokumen atau pada bagian status bar. Fungsi dari tag selector adalah untuk menampilkan hierarki tag pada Design View yang aktif. Secara otomatis, pada saat mengaktifkan jendela dokumen, maka pada bagian status bar akan muncul indicator <body>.

11.Property Inspector

Property Inspector digunakan untuk melihat dan mengubah berbagai property objek dan teks yang terpilih. Setiap objek dan teks mempunyai property yang berbeda-beda, misalnya untuk teks yang terpilih maka akan menampilkan properti-properti teks. Pada bagian property terdapat beberapa pengatur format untuk jenis font, ukuran font, perataan, dan sebagainya. Sementara itu, pada Property Image akan menampilkan pengatur ukuran image, nama image.


(42)

BAB 3

PERANCANGAN SISTEM

3.1 Analisis Sistem

Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efisiensi kerja dan waktu, maka sistem yang ada saat ini masih manual, harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi.

Untuk memulai membangun suatu program yang berupa aplikasi mengenai Sistem Informasi Perpustakaan, terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan user yang akan menggunakan aplikasi basis data ini. Aplikasi sistem informasi perpustakaan ini diperbuat atas dasar kebutuhan perpustakaan SMA Negeri 3 Binjai. Berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan pada perpustakaan sekolah ini adalah masih ditemui kendala diantaranya yaitu, lambatnya proses pengolahan data, tingkat akurasi yang rendah, dan data yang tidak dapat cepat diperbarui. Mengetahui kendala yang ada, maka penulis mecoba merancang sebuah sistem informasi perpustakaan sekolah untuk menjawab persoalan tersebut.


(43)

3.2 Perancangan Sistem

Berdasarkan studi lapangan dan analisis yang dilakukan , orang yang terlibat pada sistem ini adalah sebagai berikut :

1. User Internal

Userinternal yang termasuk dalam kelompok ini adalah:

a. Pustakawan adalah seorang yang diberi tanggung jawab untuk mengelola perpustakaan

b. Administrator adalah seorang yang bertanggung jawab untuk memelihara sistem informasi yang telah dibuat.

c.Kepala sekolah adalah seorang yang mempunyai peran dalam pengembangan ruang baca sekolah.

2. User Eksternal

User eksternal adalah semua orang yang tidak termasuk dalam userinternal. Usereksternal ini dibagi menjadi dua bagian antara lain:

a. Anggota, yang termasuk dalam hal ini adalah guru dan siswa/siswi b. Non anggota


(44)

3.3 Data Flow Diagram (DFD)

DFD (Data Flow Diagram) adalah sebuah alat yang menggambarkan aliran data sampai sebuah sistem selesai, dan kerja atau proses dilakukan dalam sistem tersebut. Dalam DFD (Data Flow Diagram ) terdapat 4 komponen utama, yaitu:

1. External Agents mendefiniskan orang atau sebuah unit organisasi, sistem lain, atau organisasi yang berada di luar sistem proyek tapi dapat mempengaruhi kerja sistem.

2. Process adalah penyelenggaraan kerja atau jawaban, datangnya aliran atau kondisinya.

3. Data Stores adalah penyimpanan data

4. Data Flow mempresentasikan sebuah input data ke dalam sebuah proses atau output dari data (atau informasi) pada sebuah proses.

Adapun simbol-simbol dari Data Flow Diagram , yaitu:

Tabel 3.1 Simbol-Simbol Data Flow Diagram

Gambar Simbol Fungsi

Kesatuan Luar (Eksternal Entity)

Kesatuan diluar lingkungan sistem yang dapat berupa seseorang atau organisasi yang dapat mengirimkan data atau menerima data dari sistem.

Aliran Data (Data Flow)

Data mengalir melalui sistem dimulai dengan input dan diubah/diproses menjadi output.


(45)

Proses (Process)

Kegiatan hasil suatu arus data yang masuk dalam proses untuk menghasilkan arus data yang akan keluar (mengubah input menjadi output).

Penyimpanan Data (Data Storage)

Tempat penyimpanan data yang ada dalam sistem.

Anggota

Administrator

Input

Data

Pembuatan Laporan Anggota

F1

F2

F3

F4 Data Buku

Admin Data Transaksi Transaksi Data

Anggota

Jangka Waktu Peminjaman

Data Peminjam/ pengembalian

Buku


(46)

1.2 Data Peminjam/ Pengembalian

Administrator

1.2 Data Buku

dan Data Anggota

1.1 Data Angggota

Pembuatan Laporan Anggota

F2 F1

F3 F4 Data Buku

Anggota

Peminjam Pengembalian

Gambar 3.2 Data Flow Diagram level 1

3.4 Basis Data (Database)

Basis data (database) adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi. Database merupakan kumpulan beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung didalamnya.


(47)

3.4.1 Tabel Administrator

Tabel Administrator adalah tabel yang berisi data-data tentang admin perpustakaan SMA Negeri 3 Binjai. Para admin dapat login dengan username dan password yang dimlikinya. Berikut ini adalah field-field tabel login yang dapat dilihat sebagai berikut:

Tabel 3.2 Struktur Tabel Admin

Field Name Type and Width Description

id Int(2) Id Admin (Primary Key)

username Varchar(30) Nama Admin

password Varchar(20) Password Admin

hak_akses Int(2) Hak Akses Admin

3.4.2 Tabel Data Anggota

Tabel ini berisi tentang data-data anggota perpustakaan. Berikut adalah field-field tabel data anggota yang dapat dilihat sebagai berikut:


(48)

Tabel 3.3 Struktur Tabel Data Anggota

Field Name Type and Width Description

id Int(4) Id Anggota (Primary Key)

no_induk Varchar(5) Nomor Induk Anggota

nama Varchar(50) Nama Anggota

jk Varchar(2) Jenis Kelamin Anggota

kelas Varchar(5) Kelas anggota

ttl Varchar(60) Tempat, Tanggal Lahir

alamat Varchar(100) Alamat Anggota

3.4.3 Tabel Data Buku

Tabel Data Buku berisi tentang semua buku-buku yang tersedia di perpustakaan SMA Negeri 3 Binjai. Berikut ini adalah field-field tabel data buku yang dapat dilihat sebagai berikut:


(49)

Tabel 3.4 Struktur Tabel Data Buku

Field Name Type and Width Description

id Int(5) No Id Buku (Prima Key)

judul Varchar(100) Judul Buku

pengarang Varchar(100) Nama Pengarang Buku

th_terbit Varchar(4) Tahun Terbit Buku

penerbit Varchar(50) Nama Penerbit Buku

isbn Varchar(25) I S B N Buku

kategori Varchar(30) Kategori Pelajaran Buku

jumlah_buku Int (2) Jumlah Buku Masuk

lokasi Varchar(20) Letak Buku

asal Varchar(30) Asal Buku

tgl_input Varchar(20) Tanggal dan Waktu Penginputan Buku

3.4.4 Tabel Transaksi Pinjam

Tabel transaksi pinjam berisi data-data transaksi peminjaman buku di perpustakaan SMA Negeri 3 Binjai. Berikut ini adalah field –field tabel transaksi pinjam yang dapat dilihat sebagai berikut:


(50)

Tabel 3.5 Struktur Tabel Transaksi Pinjam

Field Name Type and Width Description

id Int(5) Id Nomor (Primary Key)

judul_buku Varchar(100) Judul Buku

Id_peminjam Varchar(4) Id Peminjam

nama_peminjam Varchar(50) Nama Peminjam tgl_pinjam Varchar(15) Tanggal Peminjaman tgl_kembali Varchar(15) Tanggal Pengembalian

status Varchar(10) Status Buku

ket Varchar(100) Keterangan

3.5 Data Flowchart

Flowchart merupakan penggambaran secara grafik dari langkah-langkah dan urutan prosedur suatu program. Biasanya mempermudah penyelesaian masalah khususnya yang perlu dipelajari dan dievaluasi lebih lanjut. Simbol-simbol flowchart yang umum digunakan adalah sebagai berikut:


(51)

Tabel 3.6 Simbol-Simbol Flowchart

Gambar Simbol Keterangan

Proses/Langkah

Menyatakan kegiatan yang akan ditampilkan dalam diagram alir.

Titik Keputusan

Proses/Langkah dimana perlu adanya keputusan atau adanya kondisi tertentu. Di titik ini selalu ada dua keluaran untuk melanjutkan aliran kondisi yang berbeda.

Masukan/Keluaran Data

Digunakan untuk mewakili data masuk, atau data keluar.

Terminasi

Menunjukkan awal atau akhir sebuah proses.

Garis alir

Menunjukkan arah aliran proses atau algoritma.

Kontrol/Inspeksi

Menunjukkan proses/langkah dimana ada inspeksi atau pengontrolan.


(52)

Flowchart Program

Di dalam program sistem informasi perpustakaan SMA Negeri 3 Binjai terdapat alur-alur program yang dapat digambarkan dalam bentuk flowchart, sebagai berikut:


(53)

a. Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar 3.4.


(54)

b. Flowchart Perpustakaan

Flowchart menu perpustakaan dapat dilihat pada gambar 3.5.


(55)

c. Flowchart Login Administrator

Halaman Administrator hanya dapat diakses oleh orang-orang yang berhak dalam pengelolaan admin perpustakaan. Data login yang terdiri dari username dan password dari seorang admin dan harus sesuai dengan data yang ada pada table administrator. Jika data username dan password sesuai, maka admin akan menuju tampilan halaman indeks admin. Jika proses login gagal, maka kembali lagi ke halaman awal web. Flowchartlogin administrator dapat dilihat pada gambar 3.6.


(56)

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 menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat untuk membuat tugas. 2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem


(57)

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konvensi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

4.3 Komponen Utama dalam Implementasi Sistem

Agar sistem perancangan yang telah dikerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware), perangkat lunak (Software) dan perangkat manusia (Brainware). Pada website Sistem Informasi Perpustakaan SMA Negeri 3 Binjai ini dibutuhkan komponen-komponen yang mencakup seperti di atas.

4.3.1 Perangkat Keras (Hardware)

Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi:

1. Monitor.

2. CPU (Central Processing Unit).

3. Harddisk 500 GB sebagai tempat sistem beroperasi dan media penyimpanan.


(58)

4. Memori 2 GB. 5. Keyboard dan mouse

4.3.2 Perangkat Lunak (Software)

Software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perangkat website adalah:

1. Sistem Operasi Windows 7.

2. XAMPP Version 1.8.2 sebagai server yang terdiri atas Apache, MySQL, FileZilla, Mercury, dan Tomcat.

3. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL. 4. Adobe Dreamweaver CS6 sebagai editor pendesainannya.

5. PHP sebagai bahasa pemrograman server side.

6. Browser sebagai tempat media tampilan halaman website, Seperti: Google Chrome.


(59)

4.3.3 Unsur Manusia (Brainware)

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor manusia yanag dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan unsur manusia itu adalah sebagai berikut:

1. Analisis Sistem, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem atau program.

2. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

3. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan dan menghasilkan informasi.

4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

4.4 Instalasi Software XAMPP Version 1.8.2

Software XAMPP dapat diperoleh dari situs https://www.apachefriends.org . XAMPP version 1.8.2 memberikan paket-paket , diantaranya:

1. Apache version 2.4.4 2. PHP version 5.4.16 3. MySQL version 5.5.32 4. phpMyAdmin version 4.0.4


(60)

Dengan menginstal XAMPP secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP, dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.

4.5 Pengujian Web di Browser

Setelah selesai menginstal XAMPP, maka aplikasi website sudah dapat diuji di komputer. Adapun cara menjalankan aplikasi websitenya adalah sebagai berikut:

1. Buat folder di dalam htdocs. Dalam hal ini penulis membuat folder dengan nama "TA_perpus". Kemudian letakkan file-file website ke dalam folder tersebut.

2. Buka XAMPP Control Panel, kemudian aktifkan Apache dan MySQL. 3. Buka browserMozilla Firefox atau lainnya.

4. Pada kotak URL ketikan http://localhost/TA_perpus. Setelah aplikasi dijalankan, maka akan tampil halaman utama website seperti pada gambar4.1.


(61)

Gambar 4.1 Halaman Utama Website SMA Negeri 3 Binjai

5. Terdapat beberapa menu pada website tersebut, diantaranya adalah menu perpustakaan. Pada saat menu perpustakaan dipilih, maka akan tampil halaman website seperti pada gambar 4.2.


(62)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam Penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan pada sistem perpustakaan SMA Negeri 3 Binjai. Maka ada beberapa kesimpulan yang penulis dapatkan, yaitu:

a. Sistem Informasi Perpustakaan ini dirancang untuk dapat memberikan informasi yang lengkap dan akurat mengenai transaksi di perpustakaan, karena di dalamnya terdapat data buku, data anggota, serta data transaksi yang tujuannya memudahkan anggota dalam mencari informasi yang diperlukan. b. Pengolahan data perpustakaan di SMA Negeri 3 Binjai yang bersifat

komputerisasi dapat mempermudah bagi pegawai (Administrator) dalam mengolah data seperti penambahan, pengeditan maupun pengahapusan data-data di perpustakaan maka pegawai akan lebih mudah dan cepat dalam melakukan tugasnya.


(63)

c. Pembuatan program dengan menggunakan PHP dan MySQL lebih memudahkan dalam hal perancangan maupun untuk hasil akhirnya (output) dan lebih mudah dimengerti.

5.2 Saran

Setelah meneliti dan menganalisis proses transaksi perpustakaan yang ada di SMA Negeri 3 Binjai yang selama ini digunakan maka penulis menyarankan:

a. Perpustakaan SMA Negeri 3 Binjai sebaiknya menggunakan jasa komputer, karena dengan memakai sistem informasi yang telah dirancang dapat meningkatkan efiensi kerja.

b. Penulis berharap adanya pengembangan lebih lanjut dari sistem informasi yang terpadu untuk menanggulangi dan mengolah data yang lebih besar dimasa yang akan datang.

c. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.


(64)

DAFTAR PUSTAKA

Hasugian, Jonner. 2009. Dasar-dasar Ilmu Perpustakaan dan Informasi. USUpress. Medan.

Indrajani, S.Kom., MM. 2011. Perancangan Basis Data dalam All In 1. PT Elex Media Komputindo.Jakarta.

Kadir, Abdul. 2008. Dasar Pemrograman WEB Dinamis Menggunakan PHP. Penerbit Andi. Yogyakarta

Raharjo Budi, Heryanto Imam, dan RK Enjang. 2010. Modul Pemrograman WEB (HTML, PHP, & MySQL). Modula.Bandung.

Sulistya, Christianus Sigit. 2013. Adobe Dreamweaver CS6. Penerbit Andi dengan ELCOM. Yogyakarta.

Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2014. Dokumen Nomor: Akad/05/2005. Medan, Fakultas Matematika dan Pengetahuan Alam Universitas Sumatera Utara.

Wimatra A, Simanullang P, Sunardi, dan Saputro R. 2008. Dasar-dasar Komputer. Medan.

islachcomputer.files.wordpress.com/.../buku-dasar-dasar-komputer.pdf.[9 juli 2014].

http://www.gadjahmada.edu/~fransiscady/ADSI-MODUL.pdf. Diakses pada tanggal 9 juli 2014.

http://id.wikipedia.org/wiki/Sejarah_komputer. Diakses pada tanggal 11 juli 2014. http://id.wikipedia.org/wiki/Flowchart. Diakses pada tanggal 11 juli 2014.


(65)

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan – 20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama : Eko Sulistyo

Nomor Induk Mahasiswa : 112406050

Judul Tugas Akhir : Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web.

Dosen Pembimbing : Drs. Rosman Siregar, M.Si Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No. Tanggal Bimbingan

Pembahasan Pada Bimbingan Mengenai, Pada Bab :

Paraf Dosen

Pembimbing Keterangan

 Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

Diketahui : Disetujui,

Program Studi D3 Teknik Infomatika Pembimbing Utama/

FMIPA USU Penanggung Jawab


(66)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program D3 Teknik Informatika:

Nama : EKO SULISTYO

NIM : 112406050

Program Studi : D3 Teknik Informatika

Judul Tugas Akhir : SISTEM INFOMASI PERPUSTAKAAN SMA NEGERI 3 BINJAI BERBASIS WEB

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……….

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014 Dosen Pembimbing

Drs. Rosman Siregar, M.Si NIP : 19610107 198601 1 001


(67)

<html> <head>

<title>SMA Negeri 3 Binjai</title>

<link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <script type="text/javascript"> <!-->

var image1=new Image() image1.src="images/a.png" var image2=new Image() image2.src="images/b.jpg" var image3=new Image() image3.src="images/c.jpg" var image4=new Image() image4.src="images/d.jpg" var image5=new Image() image5.src="images/e.jpg" var image6=new Image() image6.src="images/f.jpg" var image7=new Image()

<div id="main"> <div id="header"> <img src="images/header1.jpg" /> </div> <div id="menu"> <li><a href="index.php">Home</a></li> <li><a href="profil/profil.php">Profil< /a></li> <li><a

href="profil/visi.php">Visi & Misi</a></li>

<li><a href="perpus/perpustakaan.php?pa ge=perpus">Perpustakaan</a></li>

</div>

<table border=0 width="100%" bgcolor="#CCCCCC" cellpadding=2 cellspacing=2 >


(68)

onMouseOut="this.start();"><font color="#00FFCC"> <<>>Selamat datang di Website SMA Negeri 3 Binjai<<>></font></marquee>

</td> </tr>

<td width="20%" valign="top">

<h2 style=" text-align:center; color:#000066; font-family:Lucida Handwriting; padding:10px 10px 0px 10px; margin:0px;"><b>Waktu</b></h2>

<div align="center" style=" padding:5px 5px 0px 5px; margin:0px;"> <?php include"include/jam.php"; include"include/bulan.php"; ?> </div>

<div align="center" style="font-size: 12px; color: #009;"><p><i><u>SMA Negeri 3 Binjai</u></i><br><b>Jl.Padang Sidempuan No.24</b></a><br>Telp : <b>061-8822360</b></p></div>

</td>

<h4 style="border: 2px solid; padding: 5px; margin:0; font-family:Lucida Handwriting; text-align:center; ">SMA NEGERI 3 BINJAI</h4>

<div id="content_menu" align="center" style="height: auto;"><p>Website SMA Negeri 3 Binjai</p>

<div

style="border: 8px solid #333; background-color:#C90;

width:640; height:400;"><img src="images/a.png" name="slide" width="640" height="400">

</div> <div><p>SMA

Negeri 3 Binjai adalah salah satu sekolah menengah atas yang ada di kota binjai.</p><p> SMA Negeri 3 Binjai didirikan pada tahun 1967.</p><p> Sekolah ini beralamat di Jalan Padang Sidempuan No.24 Binjai.</p>

&nbsp; </div>

</div> </td>


(69)

<img src="images/footer.jpg" /> </div> </div> <script type="text/javascript"> <!-- var step=1 function slideit(){ document.images.slide.src=eval(" image"+step+".src") if(step<7) step++ else step=1 setTimeout("slideit()",4000) } slideit() //--> </script> </body> </html> profil.php Binjai</title>

<link rel="stylesheet" type="text/css" href="../css/style.css"/> </head> <body> <div id="main"> <div id="header"> <img src="../images/header1.jpg" /> </div> <div id="menu"> <li><a href="../index.php">Home</a></li > <li><a href="profil.php">Profil</a></li > <li><a

href="visi.php">Visi & Misi</a></li>


(70)

</div>

<table border=0 width="100%" bgcolor="#CCCCCC" cellpadding=2 cellspacing=2 >

<tr>

<td colspan=2

bgcolor="#000066"

bordercolor="#00FFCC"><marquee onMouseOver="this.stop();" behavior="alternate"

onMouseOut="this.start();"><font color="#00FFCC"> <<>>Selamat datang di Website SMA Negeri 3 Binjai<<>></font></marquee>

</td> </tr>

<td width="20%" valign="top">

<h2 style=" text-align:center; color:#000066; font-family:Lucida Handwriting; padding:10px 10px 0px 10px; margin:0px;"><b>Waktu</b></h2>

<div align="center" style=" padding:5px 5px 0px 5px; margin:0px;">

<?php

include"../include/jam.php";

include"../include/bulan.php";

style="font-size: 12px; color: #009"><p><i><u>SMA Negeri 3 Binjai</u></i><br><b>Jl.Padang Sidempuan No.24</b></a><br>Telp : <b>061-8822360</b></p></div>

</td>

<td width="80%" valign="top">

<h4 style="border: 2px solid; padding: 5px; margin:0; font-family:Lucida Handwriting; text-align:center; ">SMA NEGERI 3 BINJAI</h4>

<div id="content_menu" align="center" style="height:auto; color:#006"><p style="padding:30px; margin:0px;"><font size="10">Profil Sekolah</font></p>

<div align="left" style="padding:30px; margin:0px; font-size:18px;">

<p>Nama Sekolah &nbsp&nbsp;: SMA NEGERI 3 BINJAI</p>

<p>Alamat

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n bsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbs p;: Jalan Padang Sidempuan No.24 Binjai</p>


(71)

<p>Visi

&nbsp;: </p>

<p>&nbsp&nbsp;* Unggul dalam prestasi, terampil dalam perbuatan dilandasi keimanan

yang kokoh serta

&nbsp&nbsp&nbsp&nbsp&nbsp;berakh lak mulia.</p>

<p>Misi

&nbsp;: </p>

<p>&nbsp&nbsp;1. Menciptakan siswa yang cerdas dalam seluruh bidang Mata Pelajaran.</p>

<p>&nbsp&nbsp;2. Menumbuh kembangkan semangat keunggulan secara Intensif kepada seluruh

warga Sekolah

&nbsp&nbsp&nbsp&nbsp; & masyarakat.</p>

<p>&nbsp&nbsp;3. Meningkat Kompetensi Guru & Pegawai dalam melaksanakan kegiatan belajar mengajar.</p>

<p>&nbsp&nbsp;4. Menjadi

Model Sekolah berbudaya

lingkungan.</p>

<p>&nbsp&nbsp;5. Membekali Siswa sejak dini dengan nilai keagamaan.</p>

<p>Moto

&nbsp;: </p>

<p>&nbsp&nbsp;* Dengan meningkatkan kualitas pelayanan pendidikan siswa maka akan

menciptakan siswa-siswi

<p>Maklumat Pelayanan Publik : </p>

<p>&nbsp&nbsp;1. SMA Negeri 3 Binjai menciptakan anak didik yang beretika, bermoral, cerdas dan berkarakter.</p>

<p>&nbsp&nbsp;2. Lingkungan Sekolah Nyaman, Kelas Bersih. Jadi sangat cocok untuk belajar.</p>

<p>&nbsp&nbsp;3. Para Tenaga Pendidik dan Tenaga Kependidikan sangat berdedikasi tinggi,

sehingga dapat

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;m embuat siswa menjadi merasa ingin belajar.</p> &nbsp; </div> </div> </td> </table> <div id="footer"> <img src="../images/footer.jpg" /> </div> </div>


(72)

visi.php <html> <head>

<title>SMA Negeri 3 Binjai</title>

<link rel="stylesheet" type="text/css" href="../css/style.css"/> </head> <body> <div id="main"> <div id="header"> <img src="../images/header1.jpg" /> </div> <div id="menu"> <li><a href="../index.php">Home</a></li > <li><a href="profil.php">Profil</a></li <li><a href="../perpus/perpustakaan.php ?page=perpus">Perpustakaan</a></ li> </div>

<table border=0 width="100%" bgcolor="#CCCCCC" cellpadding=2 cellspacing=2 >

<tr>

<td colspan=2

bgcolor="#000066"

bordercolor="#00FFCC"><marquee onMouseOver="this.stop();" behavior="alternate"

onMouseOut="this.start();"><font color="#00FFCC"> <<>>Selamat datang di Website SMA Negeri 3 Binjai<<>></font></marquee>

</td> </tr>

<td width="20%" valign="top">

<h2 style=" text-align:center; color:#000066; font-family:Lucida Handwriting; padding:10px 10px 0px 10px; margin:0px;"><b>Waktu</b></h2>

<div align="center" style=" padding: 5px 5px 0px 5px; margin:0px;">


(1)

<td style="padding: 10px 20px 0px 20px;" >9.&nbsp Bagi siswa

dan siswi yang mencoret,

mengoyak buku tidak diberikan lagi meminjam buku</td>

</tr>

<tr align="justify">

<td style="padding: 10px 20px 20px 20px;" >10. Bagi yang melanggar peraturan diatas di kenakan sanksi</td>

</tr> </table> </body> </html>

lihat_anggota.php

<?php

include

"include/koneksi_db.php";

//memanggil file koneksi_db.php include "include/config.php"; //memanggil file fungsi.php

include "anggota/link.php";

$per_halaman =10;

$hal =

isset($_GET['hal']) ?

$_GET['hal'] : "";

if ($hal==""||$hal==1) { $awal=0;

} else {

$awal=($hal*$per_halaman)-$per_halaman;

}

$batas=$per_halaman;

//$batas=($hal*2)+$per_halaman;

$query=mysql_query("SELECT * FROM data_anggota ORDER BY id LIMIT $awal,$batas", $konek); $query2=mysql_query("SELECT * FROM data_anggota");

$jumlah_anggo=mysql_num_rows($qu ery2);

$jum_halaman=ceil($jumlah_anggo/ $per_halaman);

//echo $jum_halaman;

echo "<center><font size='3px'>Halaman : </font>"; for ($i=1; $i<=$jum_halaman; $i++) {

if ($i==$hal) {

echo "<font size='4px' color='green'>[<a

href='?page=anggota&hal=$i'><b>$ i</b></a>] </font>";

} else {

echo "<font size='2px' color='red'><a


(2)

href='?page=anggota&hal=$i'><b>$ i</b></a> </font>";

} }

echo "</center>"; ?>

<hr>

<table class="table-data" border=2 width=100% border=0 > <tr><td class="td-data" colspan="6"><b>Jumlah

Keseluruhan Anggota : <?php echo

$jumlah_anggo; ?>

orang</b></td></tr>

<tr><td class="head-data">No_induk</td><td

class="head-data">Nama</td><td class="head-data">JK</td><td class="head-data">Kelas</td><td class="head-data">T T L</td><td

class="head-data">Alamat</td></tr> <?php

while

($hasil=mysql_fetch_array($query )) {

echo "

<tr> <td class='td-data'>$hasil[no_induk]</td>

<td

class='pinggir-data'>$hasil[nama]</td>

<td class='td-data'>$hasil[jk]</td>

<td class='td-data'>$hasil[kelas]</td>

<td class='td-data'>$hasil[ttl]</td>

<td class='td-data'>$hasil[alamat]</td>

</tr>"; }

?>

</table>

lihat_transaksi.php

<?php

include

"include/koneksi_db.php";

//memanggil file koneksi_db.php include "include/fungsi.php"; include "transaksi/link.php";

$query=mysql_query("SELECT *

FROM trans_pinjam WHERE

status='pinjam' ORDER BY id", $konek);

?>

<table border="2" width=100% class="table-data">

<tr><td class="head-data">No</td><td class="head-data">Judul Buku</td><td class="head-data">Id

Buku</td><td class="head-data">Nama Peminjam</td><td class="head-data">Tgl.


(3)

Pinjam</td><td class="head-data">Tgl Kembali</td><td class="head-data">Status<td

class="head-data">Terlambat</td></tr> <?php

$no=0; while

($hasil=mysql_fetch_array($query )) {

$no++; echo "<tr>

<td

class='td-data'>$no</td>

<td class='pinggir-data'>$hasil[1]</td>

<td

class='td-data'>$hasil[2]</td>

<td

class='td-data'>$hasil[3]</td>

<td

class='td-data'>$hasil[4]</td>

<td

class='td-data'>$hasil[5]</td>

<td

class='td-data'>$hasil[6]</td>

<td class='td-data'>";

$tgl_dateline=$hasil['tgl_kembal i'];

$tgl_kembali=date('d-m-Y');

$lambat=terlambat($tgl_date line, $tgl_kembali);

$denda=$lambat*$denda1; if ($lambat>0) {

echo "<font color='red'>$lambat hari<br>(Rp $denda)</font>";

} else {

echo $lambat." hari"; }

} ?>

</table>

lihat_buku.php

<?php

include "buku/link.php"; include

"include/koneksi_db.php";

//memanggil file koneksi_db.php include "include/config.php"; //memanggil file fungsi.php

//tampilkan form pencarian

//echo "<center><form action='' method='post'><input type='text' name='cari' value='Pencarian...' onfocus=\"this.value='';\"


(4)

onblur=\"if(this.value=='') this.value='Pencarian...';\">&nb sp;&nbsp;<input type='submit' value='go'

name='go'>&nbsp;&nbsp;&nbsp;*) masukkan nama pengarang ATAU judul buku</form></scenter>";

//variabel _GET /

$hal = isset($_GET['hal']) ? $_GET['hal'] : "";

//variabel _POST

$cari = isset($_POST['cari']) ? $_POST['cari'] : "";

$go = isset($_POST['go']) ? $_POST['go'] : "";

$per_halaman = 10; // jumlah record data per halaman

if ($hal==""||$hal==1) { $awal=0;

} else {

$awal=($hal*$per_halaman)-$per_halaman;

}

$batas=$per_halaman;

$batas=($hal*2)+$per_halaman;

if ($go == "go" && $cari != "Pencarian...") {

$query =

mysql_query("SELECT * FROM data_buku WHERE pengarang LIKE

'%$cari%' OR judul LIKE

'%$cari%'", $konek);

$j_cari =

mysql_num_rows($query); $jm_cari =

ceil($j_cari/$per_halaman);

} else if ($go == "" || $cari == "Pencarian...") {

$query

=mysql_query("SELECT * FROM data_buku ORDER BY id LIMIT $awal,$batas", $konek);

$j_cari =

mysql_num_rows($query); $jm_cari =

ceil($j_cari/$per_halaman); }

$query2=mysql_query("SELECT * FROM data_buku");

$jumlah_buku=mysql_num_rows($que ry2);

$jum_halaman=ceil($jumlah_buku/$ per_halaman);


(5)

if ($jum_halaman==1) { // ||$jm_cari<=10

echo ""; } else {

echo "<center><font size='3px'>Halaman : </font>"; for ($i=1; $i<=$jum_halaman; $i++) {

if ($i==$hal) {

echo "<font size='4px' color='green'>[<a

href='?page=buku&hal=$i'><b>$i</ b></a>]</font>";

} else {

echo "<font size='2px' color='red'>[<a

href='?page=buku&hal=$i'><b>$i</ b></a>]</font>";

} }

echo "</center><hr>"; }

?>

<table class="table-data" border=2 width=100% border=0 > <tr><td class="td-data" colspan="5"><b>Jumlah Pencarian : <?php if ($j_cari==0) {echo "0";} else { echo $j_cari; } ?> eks. | Jumlah Keseluruhan Buku : <?php echo $jumlah_buku; ?> eks.</b></td></tr>

<tr><td data">Judul</td><td class="head-data">Pengarang</td><td

class="head-data">Penerbit</td><td

class="head-data">Jumlah</td><td

class="head-data">Lokasi</td></tr> <?php

while

($hasil=mysql_fetch_array($query )) {

echo "<tr><td class='pinggir-data'><a

href='?page=detil_buku&judul=$ha sil[judul]'>$hasil[judul]</a></t d>

<td

class='td-data'>$hasil[pengarang]</td>

<td

class='td-data'>$hasil[penerbit]</td>

<td

class='td-data'>$hasil[jumlah_buku]</td>

<td

class='td-data'>$hasil[lokasi]</td> </tr>";

} ?>

</table>

detil_buku.php

<?php

include


(6)

include "../buku/link.php";

$judul =

isset($_GET['judul']) ?

$_GET['judul'] : "";

$query=mysql_query("SELECT *

FROM data_buku WHERE

judul='$judul'", $konek);

$hasil=mysql_fetch_array($query) ;

?>

<table class="table-data" width=100% border=1>

<tr><td colspan="2" class="head-data">Data Detail Buku : "<?php echo $judul; ?>"</td></tr>

<tr><td class="pinggir-data">Judul</td><td

class="pinggir-data"><?php echo $hasil[1]; ?></td></tr>

<tr><td class="pinggir-data">Pengarang</td><td

class="pinggir-data"><?php echo $hasil[2]; ?></td></tr>

<tr><td class="pinggir-data">Tahun Terbit</td><td class="pinggir-data"><?php echo $hasil[3]; ?></td></tr>

<tr><td class="pinggir-data">Penerbit</td><td

class="pinggir-data"><?php echo $hasil[4]; ?></td></tr>

<tr><td class="pinggir-data">I S B N</td><td

class="pinggir-data"><?php echo $hasil[5]; ?></td></tr>

<tr><td class="pinggir-data">Jumlah Halaman</td><td class="pinggir-data"><?php echo

$hasil[6]; ?>

<b>halaman</b></td></tr>

<tr><td class="pinggir-data">Kategori</td><td

class="pinggir-data"><?php echo $hasil[7]; ?></td></tr>

<tr><td class="pinggir-data">Jumlah Buku</td><td class="pinggir-data"><?php echo $hasil[8]; ?></td></tr>

<tr><td class="pinggir-data">Lokasi</td><td

class="pinggir-data"><?php echo $hasil[9]; ?></td></tr>

<tr><td class="pinggir-data">Asal Perolehan</td><td class="pinggir-data"><?php echo $hasil[10]; ?></td></tr>

<tr><td class="pinggir-data">Jumlah Sementara</td><td class="pinggir-data"><?php echo $hasil[11]; ?></td></tr>

<tr><td class="pinggir-data">Tgl. Input</td><td class="pinggir-data"><?php echo $hasil[12]; ?></td></tr>