• Tidak ada hasil yang ditemukan

Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Perpustakaan SMA Negeri 3 Binjai Berbasis Web"

Copied!
86
0
0

Teks penuh

(1)

TUGAS AKHIR

EKO SULISTYO

112406050

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(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

(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,

(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

(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”.

(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

(7)

DAFTAR ISI

Bab 1 PENDAHULUAN

1.1. Latar Belakang 1

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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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:

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(45)

Proses (Process)

Kegiatan hasil suatu arus data yang masuk

dalam proses untuk menghasilkan arus

data yang akan keluar (mengubah input

(46)

1.2

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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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

(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.

(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

(67)

<html>

<head>

<title>SMA Negeri 3 Binjai</title>

<link rel="stylesheet" type="text/css"

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">

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

<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;

<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"> tahun 1967.</p><p> Sekolah ini beralamat di Jalan Padang Sidempuan No.24 Binjai.</p>

&nbsp;

</div>

</div>

</td>

(69)

<img

<link rel="stylesheet" type="text/css"

(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

<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;

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> style="padding:30px; margin:0px; font-size:18px;">

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

Gambar

Gambar Simbol
Gambar 3.1 Data Flow Diagram level 0
Gambar 3.2 Data Flow Diagram level 1
Tabel 3.2 Struktur Tabel Admin
+7

Referensi

Dokumen terkait

Dengan mengucapkan puji dan syukur kehadirat Allah SWT karena berkat rahmat dan hidayah-Nya sehingga penulis dapat melaksanakan penelitian skripsi dan menyelesaikan

Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunia-Nya penulis dapat menyelesaikan

Alhamdulillah, Puji dan syukur penulis panjatkan kehadirat Allah SWT berkat rahmat dan karunia-Nya penulis dapat menyelesaikan Laporan Akhir ini yang

Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan rahmat serta karunia-Nya sehingga penulis dapat menyelesaikan skripsi yang berjudul

Puji syukur kita panjatkan kehadiran Allah SWT karena atas berkat rahmat dan hidayah-Nya, penulis dapat menyelesaikan Laporan Tugas Akhir yang berjudul “Pembuatan

Dengan mengucapkan puji dan syukur kehadirat Allah SWT karena berkat rahmat dan hidayah-Nya sehingga penulis dapat melaksanakan penelitian skripsi dan menyelesaikan

Dengan mengucapkan puji dan syukur kehadirat Allah SWT karena berkat rahmat taufiq hidayah serta inayah-Nya yang telah dilimpahkan kepada penulis, sehingga

vii KATA PENGANTAR Puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya serta melimpahkan berkat dan karunia-Nya sehingga penulis dapat menyelesaikan skripsi