TUGAS AKHIR
EKO SULISTYO
112406050
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
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
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,
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
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”.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
(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
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
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
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
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
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
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
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
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
<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
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”;
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
<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:
/ / 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
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
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
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
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
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
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
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
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
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
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
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
Proses (Process)
Kegiatan hasil suatu arus data yang masuk
dalam proses untuk menghasilkan arus
data yang akan keluar (mengubah input
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
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 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
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
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
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
Flowchart Program
Di dalam program sistem informasi perpustakaan SMA Negeri 3 Binjai terdapat
alur-alur program yang dapat digambarkan dalam bentuk flowchart, sebagai
berikut:
a. Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar 3.4.
b. Flowchart Perpustakaan
Flowchart menu perpustakaan dapat dilihat pada gambar 3.5.
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.
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
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
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
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
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
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.
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
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
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.
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
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
<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 >
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>
</div>
</div>
</td>
<img
<link rel="stylesheet" type="text/css"
</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   : SMA NEGERI 3 BINJAI</p>