• Tidak ada hasil yang ditemukan

Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

N/A
N/A
Protected

Academic year: 2019

Membagikan "Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika"

Copied!
126
0
0

Teks penuh

(1)

PERPUSTAKAAN UNIVERSITAS SANATA DHARMA

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

Program Studi Teknik Informatika

Oleh :

IGNATIUS SUNARTO

NIM : 065314093

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

(2)

AT SANATA DHARMA UNIVERSITY LIBRARY

A Thesis

Presented as Partial Fulfillment of the Requirements

To Obtain the Sarjana Komputer Degree

In Informatics Engineering

Oleh :

IGNATIUS SUNARTO

Student Number : 065314093

INFORMATICS ENGINEERING STUDY PROGRAM

FACULTY OF SCIENCE AND TECNOLOGY

SANATA DHARMA UNIVERSITY YOGYAKARTA

(3)
(4)
(5)

Dengan ini saya menyatakan bahwa tugas akhir yang saya tulis ini tidak memuat

karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan

daftar pustaka sebagaimana layaknya karya ilmiah.

Yogyakarta,

31

Januari

2011

Penulis,

(6)

Laporan ini saya persembahkan untuk :

Yesus Kristus, yang telah memberikan kemampuan, kekuatan serta talenta hingga saya

bisa hidup sampai hari ini.

Perpustakaan USD, yang telah memberikan saya kesempatan untuk belajar,

mengembangkan talenta dan keterampilan.

Kedua Orang Tua, yang telah mendidik dan membesarkan saya.

(7)

Perpustakaan Univeristas Sanata Dharma (PUSD) saat ini sudah memiliki sistem

informasi otomasi yaitu NCI Bookman 3.0. Sistem informasi ini menggunakan topologi

client-server

menggunakan

database

yang terpusat. Database

PUSD dikelola dan diatur

dalam sebuah server menggunakan SQL Server, sedangkan disisi client diinstall program

aplikasi NCI Bookman 3.0. Kelemahan dari sistem ini adalah sulit dikembangkan karena

program tersebut secara menyeluruh sudah ter-compile. Dari latar belakang tersebut maka

dibuat sistem informasi perpustakaan terpadu berbasis web yang dapat digunakan dalam

otomasi perpustakaan meliputi pengadaan koleksi, pengembangan koleksi, sirkulasi

koleksi dan keanggotaan. Permasalahan yang ingin diselesaikan disini adalah bagaimana

membuat sebuah sistem informasi perpustakaan terpadu berbasis web yang sesuai dengan

kebutuhan standar perpustakaan.

Adapun metodologi penelitian untuk menyelesaikan masalah yang ada adalah

studi kasus (case study) pada Perpustakaan Universitas Sanata Dharma, membangun

perangkat lunak dengan menggunakan PHP dan MySQL dan melakukan uji coba

pengguna sistem.

Hasil akhir yang diperoleh adalah sebuah sistem informasi perpustakaan terpadu

berbasis web yang memiliki kemampuan dalam pengadaan koleksi, pengolahan koleksi,

sirkulasi, keanggotaan dan usulan koleksi baru. Sistem ini memiliki kelebihan yaitu

anggota dapat melakukan pengecekan pinjaman, memperpanjang pinjaman koleksi dan

memberikan usulan koleksi baru secara online menggunakan jaringan internet.

(8)

Library University of Sanata Dharma (PUSD) is currently already have automated

information system that is NCI Bookman 3.0. This system uses a client-server topology

uses a centralized database. Database PUSD is managed and regulated in a server using

SQL Server, while the client side application program installed NCI Bookman 3.0. The

weakness of this system is difficult to develop because the program was thoroughly

compiled. From this background, the system created a web-based integrated library

information that can be used in library automation include the procurement of collection,

collection development, circulation and collection of membership. Problems that wants

resolved here is how to create an integrated library information system based on web in

accordance with the needs of library standards.

The research methodology to solve the problem that exists is a case study (case

study) at Sanata Dharma University Library, to build software using PHP and MySQL

and the user testing the system.

(9)
(10)

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, sehingga

penulis dapat menyelesaikan tugas akhir sebagai salah satu mata kuliah wajib dan

merupakan syarat akademik pada jurusan Teknik Informatika Universitas Sanata Dharma

Yogyakarta.

Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada pihak-pihak

yang telah banyak membantu penulis baik selama penelitian maupun pada saat penulisan

skripsi ini. Ucapan terima kasih penulis sampaikan diantaranya kepada :

1.

Agnes Maria Polina, S.Kom., M.Sc., sebagai Dosen Pembimbing Tugas Akhir

2.

Prof. Dr. Frans Susilo, SJ, selaku Kepala Perpustakaan USD sekaligus yang telah

memberikan dukungan dan kepercayaan untuk menempuh studi S1.

3.

Istri tercinta Galuh Agidta Debia Palupi yang telah dengan setia mendampingi dan

memberi semangat dalam penyelesaian tugas akhir.

4.

Seluruh staff Perpustakaan USD yang telah membantu penulis selama melakukan

penelitian dan memberi masukan yang luar biasa.

5.

Gugus Wahyu, yang telah membantu dan berbagi ilmu selama menempuh studi.

6.

Seluruh teman-teman TI’ 2006 yang tidak dapat saya sebutkan satu per satu yang

telah memberikan masukkan dan berbagi ilmu.

(11)

Saran dan kritik selalu penulis harapkan dari pembaca untuk perbaikan-perbaikan di masa

yang akan datang. Penulis berharap tulisan ini bisa bermanfaat bagi kemajuan dan

perkembangan perpustakaan dan berbagai pihak pengguna pada umumnya

Yogyakarta,

31

Januari

2011

(12)

DAFTAR ISI

HALAMAN JUDUL ...

i

HALAMAN PERSETUJUAN PEMBIMBING ... ii

HALAMAN PENGESAHAN ... iii

HALAMAN PERSEMBAHAN ... iv

PERNYATAAN KEASLIAN KARYA... v

ABSTRAKSI ... vi

ABSTRACT

... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... x

DAFTAR TABEL ... xiv

DAFTAR GAMBAR ... xiv

DAFTAR LISTING PROGRAM ...xviii

BAB I PENDAHULUAN ... 1

1.1 Latar

belakang ... 1

1.2 Rumusan

Masalah... 4

1.3 Tujuan ... 4

1.4 Batasan Masalah ... 4

(13)

BAB II LANDASAN TEORI ... 8

2.1 Pengertian Sistem, Informasi, dan Informasi Berbasis Web... 8

2.2

Use Case Diagram... 9

2.2.1

Simbol

Dasar

Use Case Diagram

... 9

2.2.2

Relasi

(Relationship)

... 9

2.3

Pemodelan

Proses ...

11

2.4

Pemodelan

Data ...

14

2.4.1

Conceptual

Diagram ...

14

2.4.2

Logical

Design...

15

2.4.3

Physical

Design ...

16

2.5 Definisi Pustaka, Perpustakaan, Pustakawan... 17

2.6

Personal Home Page tools: Hypertext Preprocessor (PHP) dan

mySQL... 17

2.7 HTML dan CSS ... 18

2.8

World Wide Web (WWW) dan HTTP (Hypertext Transfer

Protokol) ... 19

BAB III ANALISA DAN PERANCANGAN SISTEM ... 21

3.1.

Analisa

Sistem ...

21

3.1.1. Gambaran Umum Sistem yang Lama... 21

3.1.2. Gambaran Sistem yang akan Dibangun... 22

(14)

3.1.5.

Entity Relations Model

... 32

3.2.

Perancangan

Sistem ...

33

3.2.1.

Disain

Database

(Logical Database Design)... 33

3.2.2.

Perancangan

Tabel...

34

3.2.3.

Perancangan

User Interface... 38

BAB IV IMPLEMENTASI SISTEM ... 49

4.1 Perangkat Lunak yang Digunakan dalam Pembuatan Sistem ... 49

4.2 Perangkat Keras yang Digunakan dalam Pembuatan Sistem ... 49

4.3 Implementasi Antar Muka ... 50

4.3.1

Antar

Muka

Front Office

... 50

4.3.2

Antar

Muka

Back Office

... 56

4.4

Koneksi

Database... 70

BAB V ANALISA HASIL IMPLEMENTASI ... 71

5.1

Kelebihan

Sistem ...

71

5.2

Kekurangan

Sistem ...

72

BAB VI PENUTUP ... 73

6.1

Kesimpulan ...

73

6.2

Saran ...

73

APPENDIX ...

74

1.

Gambaran Umum Sistem yang Dibangun ... 74

2.

Analisis dan Desain Sistem ... 76

(15)

2.3 Perancangan Sistem ... 81

2.3.1

Disain

Database ...

81

2.3.2

Perancangan

Tabel...

82

2.3.3 Perancangan User Interface ... 83

3.

Implementasi...

86

4.

Analisa

Hasil...

89

5.

Kesimpulan ...

89

DAFTAR PUSTAKA... 90

(16)

DAFTAR TABEL

Tabel 3.1 Tabel Library ... 34

Tabel 3.2 Tabel User_Account ... 35

Tabel 3.3 Tabel Loan ... 35

Tabel 3.4 Tabel Staff ... 36

Tabel 3.5 Tabel Staff_group ... 36

Tabel 3.6 Tabel Staff_privileges... 36

Tabel 3.7 Tabel Library_DataUnit ... 36

Tabel 3.8 Tabel Departement ... 37

(17)

DAFTAR GAMBAR

Gambar 2.1 Simbol Use Case Diagram

... 9

Gambar 2.2 Simbol kesatuan luar... 12

Gambar 2.3 Simbol arus data... 12

Gambar 2.4 Simbol aliran kontrol ... 12

Gambar 2.5 Simbol proses... 13

Gambar 2.6 Simbol simpan data... 13

Gambar 2.7 Notasi-notasi ERD ... 15

Gambar 3.1 Use Case Pengunjung ... 25

Gambar 3.2 Use Case Anggota ... 25

Gambar 3.3 Use Case Admin dan Pustakawan ... 26

Gambar 3.4 Context diagram

... 27

Gambar 3.5 Hierarchy Chart... 28

Gambar 3.6 Overview Diagram... 28

Gambar 3.7 Diagram level 1 proses 1... 29

Gambar 3.8 Diagram level 1 proses 3... 30

Gambar 3.9 Diagram level 2 proses 3.1... 31

Gambar 3.10 Entity Relational Diagram... 32

(18)

Gambar 3.13 Halaman Hasil Temuan Koleksi ... 39

Gambar 3.14 Hasil Temuan Koleksi Detail... 40

Gambar 3.15 Menu Register

... 41

Gambar 3.16 Menu Login

... 42

Gambar 3.17 Menu Admin ... 43

Gambar 3.18 Menu Tambah Bibliografi ... 44

Gambar 3.19 Menu Tambah Data Satuan... 45

Gambar 3.20 Menu Peminjaman 1 ... 46

Gambar 3.21 Menu Peminjaman 2 ... 47

Gambar 3.22 Menu Pengembalian ... 48

Gambar 3.23 Menu Tambah Anggota ... 48

Gambar 4.1 Menu halaman utama dan Basic Search... 51

Gambar 4.2 Pencarian Advance Search... 54

Gambar 4.3 Menu hasil temuan Basic Search... 54

Gambar 4.4 Form Register

... 55

Gambar 4.5 Menu Collection Index A-Z... 56

Gambar 4.6 Menu back office anggota ... 57

Gambar 4.7 Menu back office staff... 58

Gambar 4.8 Halaman indeks koleksi ... 62

Gambar 4.9 Menu form tambah bibliografi ... 62

Gambar 4.10 Detai bibliografi ... 63

(19)

Gambar 4.13 Peminjaman lanjut ... 66

Gambar 4.14 Pengembalian koleksi ... 67

Gambar 4.15 Pengembalian lanjut... 67

Gambar 4.16 Pemesanan koleksi ... 68

Gambar 4.17 Kalender... 68

Gambar 4.18 Halaman edit informasi... 69

Gambar 4.19 Atribut peminjaman ... 69

Gambar 4.20 Konfigurasi sistem ... 70

APPENDIX

Gambar 1. Use Case Anggota ... 76

Gambar 2. Use Case Admin ... 76

Gambar 3. Context Diagram... 77

Gambar 4. Hierarchy Chart... 77

Gambar 5. Overview Diagram... 78

Gambar 6 Entity Relationalship Diagram (ERD) ... 80

(20)

DAFTAR LISTING PROGRAM

Listing 1. Form Tambah Koleksi (view)... 92

Listing 2. Form Admin Koleksi (view)... 97

Listing 3. Suggestion (control)

...100

(21)

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Universitas adalah sebuah badan usaha/perusahaan yang

menyelenggarakan pendidikan akademik. Untuk menghasilkan lulusan yang

berkualitas, sebuah universitas harus menyediakan sebuah fasilitas atau tempat

untuk menyimpan dan mengelola berbagai macam sumber informasi baik

dalam bentuk buku, compact disk (CD) atau sejenisnya. Tempat inilah yang

sering disebut perpustakaan.

Perpustakaan universitas adalah institusi/lembaga yang menyediakan

koleksi bahan pustaka tertulis, tercetak dan terekam sebagai pusat sumber

informasi yang diatur menurut sistem dan aturan baku dan didayagunakan

untuk keperluan pendidikan, penelitian, dan rekreasi intelektual bagi sivitas

akademikanya.

(22)

protocol TCP/IP (Transmission Control Protocol/Internet Protokol). Koneksi

komputer client ke server database menggunakan layanan Open Database

Connectivity (ODBC) yang sudah disediakan oleh sistem operasi Microsoft.

Aplikasi NCI Bookman 3.0 adalah program aplikasi yang digunakan

untuk memenuhi kebutuhan standard perpustakaan yaitu :

1.

Pengadaan dan pengembangan koleksi

Dalam proses ini pustakawan melakukan pengadaan buku,

penginventarisasian buku baru dan penginputan buku baru lalu pemberian

nomor induk buku.

2.

Pengolahan Koleksi

Dalam proses ini pustakawan melakukan pengeditan bibliografi buku,

pembuatan subjek buku sesuai dengan standard pengklasifikasian Dewey

Decimal Clasification (DDC), pemberian call number buku, pembuatan

barcode buku sampai buku tersebut dapat dipinjam oleh pengguna.

3.

Sirkulasi

Sirkulasi merupakan suatu kegiatan dalam perpustakaan yang melayani

peminjaman, perpanjangan, dan pengembalian buku.

4.

Katalog perpustakaan

(23)

Pada

dasarnya

program

aplikasi NCI Bookman 3.0 sudah beroperasi

dengan baik, namun di sisi lain program ini sulit untuk dikembangkan sesuai

dengan kebutuhan perpustakaan dalam mengelola informasi yang semakin

hari semakin kompleks. Aplikasi NCI Bookman 3.0 sulit dikembangkan

karena program tersebut secara menyeluruh sudah ter-compile. Selain itu data

non book material belum bisa dikelola menggunakan sistem ini. Masalah lain

yang sering terjadi adalah saat menelusur koleksi pada komputer terminal di

PUSD setelah click

detail ternyata keluar dari program. Selain itu beberapa

koleksi yang sudah dikembalikan saat ditelusur dari komputer terminal status

masih dipinjam.

Teknologi

informasi

dari

hari ke hari semakin meningkat dan

kebutuhan pengguna pun untuk mengakses informasi secara cepat juga

semakin hari semakin meningkat. Seiring dengan hal tersebut, Perpustakaan

Universitas Sanata Dharma (PUSD) dalam visi dan misinya selalu

mengedepankan kepuasan pengguna.

(24)

1.2 Rumusan Masalah

Bagaimana mengembangkan Sistem Informasi Perpustakaan Terpadu

berbasis

Web yang dapat melakukan input data bibliografi (book material

ataupun non book material), sirkulasi, dan penelusuran koleksi sesuai dengan

kebutuhan Perpustakaan Universitas Sanata Dharma Yogyakarta dengan

menggunakan bahasa pemrograman Personal Home Page (PHP) dan

menggunakan database MySQL.

1.3 Tujuan dan Manfaat

1.3.1 Tujuan

Tujuan

dikembangkannya

Sistem Informasi Perpustakaan Terpadu

Berbasis WEB ini adalah membangun sistem informasi perpustakaan terpadu

yang dapat digunakan dalam otomasi perpustakaan meliputi pengadaan

koleksi, pengembangan koleksi, sirkulasi koleksi dan keanggotaan.

1.3.2 Manfaat

Manfaat yang diperoleh membangun sistem informasi perpustakaan terpadu

antara lain :

a.

Memberikan informasi koleksi kepada pengguna secara cepat, Real Time

dan up to date.

(25)

1.4 Batasan

Masalah

Batasan masalah yang diambil dalam mengembangkan Sistem

Informasi Perpustakaan Terpadu ini yaitu yaitu dapat melakukan input data

bibliografi (book material ataupun non book material), sirkulasi, dan

penelusuran koleksi. Non book material yang dimaksudkan disini adalah CD

(Compact Disk), DVD dan kaset. Sistem Informasi yang dikembangkan

mengacu pada studi kasus di Perpustakaan Universitas Sanata Dharma

Yogyakarta.

1.5 Metodologi Penelitian

Metode yang digunakan penulis dalam pengembangan Sistem

Informasi Perpustakaan Universitas Sanata Dharma ini adalah studi kasus

dengan langkah-langkah sebagai berikut:

1.

Identifikasi kondisi sistem yang lama

a. Observasi

Untuk

memperoleh

sistem yang akurat dan baik

b.

Wawancara

Penulis melakukan wawancara dengan pustakawan agar dalam

mengembangkan sistem sesuai dengan kebutuhan standar pustakawan.

2.

Studi literatur

a. Mempelajari ilmu perpustakaan dan otomasi perpustakaan.

(26)

3. Mengembangkan sistem informasi perpustakaan dengan menggunakan

metode terstruktur (structure system analysis and design method).

a.

Analisis

sistem

-

Melakukan analisa sistem yang lama dan mengumpulkan

masalah-masalah yang sering terjadi.

-

Melakukan analisa kebutuhan pengguna.

b.

Desain

dan

perancangan

sistem

-

Mendesain

database.

- Membuat

desain

input output sistem.

c.

Implementasi

sistem.

Dalam tahap ini dilakukan implementasi sistem berdasarkan analisis

dan hasil desain dan perancangan sistem informasi.

d.

Uji

sistem

Dalam tahap ini dilakukan uji sistem dengan menggunakan browser

internet.

4. Uji coba pengguna sistem

Sistem informasi perpustakaan terpadu ini secara khusus diuji coba oleh

staff perpustakaan (Pustakawan).

1.6 Sistematika Penulisan

(27)

BAB I

PENDAHULUAN

Dalam bab ini dijelaskan secara umum beberapa hal diantaranya

latar belakang masalah, rumusan masalah, batasan masalah, tujuan

penulisan, metode penelitian, serta sistematika penulisan.

BAB II

LANDASAN TEORI

Bab ini mengemukakan teori-teori yang mendukung mengenai

teknologi yang mendasari pembuatan Sistem Informasi

Perpustakaan berbasis web, yaitu dengan pemrograman PHP serta

database engine mySQL.

BAB III

ANALISIS dan PERANCANGAN SISTEM

Bab ini membahas analisa sistem yang lama, analisa kebutuhan

pengguna, mendesain input – output dan merancang database.

BAB IV IMPLEMENTASI SISTEM

Bab ini membahas implementasi dalam bentuk program

berdasarkan analisa dan perancangan yang telah dilakukan.

BAB V

ANALISA HASIL IMPLEMENTASI

Bab ini berisi analisa hasil implementasi dari penggunaan PHP

untuk mengembangkan sistem informasi perpustakaan berbasis

web.

BAB

VI PENUTUP

(28)

BAB II

LANDASAN TEORI

Penulis menyadari bahwa dalam menyusun tugas akhir dengan judul Sistem

Informasi Perpustakaan pada Universitas Sanata Dharma diperlukan landasan

teori yang dapat memberikan gambaran berkaitan dengan gambaran

perkembangan pengetahuan yang mendasari penulisan.

2.1 Pengertian Sistem, Informasi, dan Informasi Berbasis

Web

Sistem adalah serangkaian komponen yang terkait satu sama lain dan

bekerja bersama-sama untuk mencapai tujuan tertentu. sedangkan Informasi

adalah data yang telah diolah dalam bentuk yang mempunyai arti dan bermanfaat

bagi manusia.

(29)

2.2

Use Case Diagram

Use Case Diagram adalah sebuah diagram yang mengambarkan interaksi

antara sistem dan ekternal sistem dan user. Dengan kata lain, use case diagram

mengambarkan secara gafikal tentang siapa yang akan menggunakan sistem dan

dengan cara bagaimana user berinteraksi dengan sistem. (Whitten et.al, 2004)

2.2.1 Simbol Dasar Use Case Diagram

Use case merupakan bagian dari seluruh fungsi sistem. Use case

digambarkan secara grafik dengan elips yang horisontal dengan nama dari

use case tertera, di bawah atau di dalam elips.

Use Case Symbol

Actor Symbol

Gambar 2.1 Simbol dasar Use Case Diagram

Actor merupakan segala sesuatu yang dibutuhkan untuk bertinteraksi

dengan sistem untuk mengubah informasi. Aktor dapat berupa orang,

organisasi atau sistem informasi yang lain atau juga suatu waktu kejadian.

2.2.2

Relasi (Relationship)

(30)

lainnnya tergantung pada bagaimana cara garis digambar dan tipe simbol

apa yang disambungkan.

Ada beberapa jenis relasi yang digunakan untuk menggambarkan use

case diagram yaitu :

1.

Association adalah relasi antara actor dan sebuah use case di mana

terjadi interaksi di antara keduanya. Association

digambarkan dengan

garis lurus (solid line) yang menghubungkan antara actor dan use

case-nya.

Association dengan sebuah panah keluar dari actor

ke

use case

mengidentifikasikan bahwa use case di-initiate

oleh

actor. Sedangkan

association

dengan anak panah keluar dari use case menuju ke actor

berarti actor menerima use case.

2.

Extends yaitu sebuah relasi antara extension use case dan use case yang

di

extend.

Extension use case adalah sebuah use case yang berisi

langkah-langkah yang diekstrak dari sebuah use case yang lebih

kompleks agar menjadi use case yang lebih sederhana dan kemudian

diberikan tambahan fungsinya. Relasi digambarkan dengan garis anak

panah yang dimulai pada extension use case dan berakhir pada use case

yang di-extend. Setiap relasi extend diberi label ”<<extends>>”

3.

Uses atau

includes yaitu sebuah relasi anatara abstract use case dan use

case yang digunakan. Abstract use case adalah sebuah use case yang

(31)

dari

use case original menunjuk ke use case yang digunakan. setiap

garis yang menunjuk realsi uses diberi nama dengan ”<<uses>>”.

4.

Depend On yaitu sebuah relasi use case yang menentukan bahwa use

case yang lain harus dibuat sebelum current use case dan dapat

menentukan urutan dimana use case perlu untuk dikembangkan.

Digambarkan sebagai garis anak panah yang dimulai dari satu use case

dan menunjuk ke use case yang bergantung kepadanya. Setiap relasi

depends on diberi label ”<<depends on>>”.

5.

Inheritance

yaitu sebuah relasi use case yang tingkah laku pada

umumnya mengambarkan dua aktor yang menginisiasi use case yang

mana akan ditugaskan dan diekstrapolasi dalam abstrak aktor yang baru

untuk mengurangi redudansi. Aktor yang lain dapat menurunkan

interaksi dari abstrak aktor. Relasi ini digambarkan dengan garis anak

panah yang dimulai pada satu aktor dan menunjuk ke abstrak aktor yang

memiliki interkasi dengan turunan dari aktor yang pertama.

2.3 Pemodelan

Proses

(Jogiyanto, 1990; Whitten et.al, 2004)

(32)

Berikut adalah simbol-simbol yang digunakan dalam DFD :

1. Kesatuan luar (external agent/external entity), merupakan suatu kesatuan yang

berada di luar sistem yang sedang dikembangkan yang akan memberikan input

atau menerima output

dari sistem. Suatu kesatuan luar dapat di simbolkan

dengan notasi kotak bujur sangkar.

a

Admin

Gambar 2.2 Simbol kesatuan luar

2. Arus data

(data flow), yang mengalir di antara proses, penyimpanan data dan

kesatuan luar. Arus data adalah data yang menjadi input ke proses atau output

dari sebuah proses. Arus data dapat berbentuk formulir atau dokumen yang

digunakan perusahaan, laporan tercetak yang dihasilkan oleh sistem,

tampilan/output di layar komputer, surat/memo, blangko isian, transmisi data.

Arus data diberi simbol garis dengan anak panah.

Gambar 2.3 Simbol arus data

3. Aliran kontrol

(control flow) adalah kondisi atau kejadian non data yang

memicu proses. Aliran kontrol diberi simbol garis terputus-putus dengan anak

panah.

(33)

4. Proses, merupakan kegiatan atau kerja yang dilakukan orang, mesin atau

komputer dari suatu hasil arus data yang masuk ke dalam proses untuk

dihasilkan arus data yang keluar dari proses. Untuk proses PDFD dapat

dilakukan oleh orang, mesin, atau komputer, sedangkan untuk proses LDFD

hanya menunjukkan proses dari komputer. Suatu proses dapat ditunjukkan

dengan simbol lingkaran atau empat persegi panjang dengan sudut-sudut yang

tumpul.

Id entifikasi

Nama Proses

Pe mroses

Gambar 2.5 Simbol proses

5. Simpanan data

(Data Store), dapat berupa file/database di sistem komputer,

arsip/catatan manual, kotak tempat data di meja seseorang, tabel acuan

manual, agenda buku.

Media Nama data store

D1 Library

(34)

2.4 Pemodelan

Data

Pemodelan data merupakan sebuah teknik untuk mengidentifikasikan

kebutuhan bisnis untuk sebuah database. Pemodelan data sering disebut juga

sebagai pemodelan database karena model data selalu diimplementasikan sebagai

sebuah database.

Metodologi yang digunakan untuk mendisain database dibagi menjadi 3

fase yaitu conceptual design,

logical design, dan physical design (Atzeni, 2000).

Dalam fase conseptual design dilakukan untuk memindahkan kebutuhan user ke

dalam

database, sedangkan pada fase logical design dan

physical design lebih

menitikberatkan kepada bagaimana mengimplementasikan rancangan yang sudah

dibuat dalam fase pertama ke dalam keadaan yang sesungguhnya.

2.4.1

Conceptual Design

Hasil dari fase ini disebut sebagai conceptual schema dan dinyatakan

dalam

conceptual

data model yang menggunakan Entity Relationship

Diagram

(ERD). ERD merupakan alat yang digunakan untuk membantu

dalam proses pemodelan data. Dua komponen utama pembentuk ERD

adalah entitas dan relasi. Entitas adalah sebuah objek yang nyata ada dan

dibedakan dari sesuatu yang lain. Setiap entitas pasti memiliki atribut yang

mendeskripsikan karakteristik dari entitas tersebut. Sedangkan relasi adalah

hubungan antara entitas. Ada beberapa macam relasi yang dapat

digambarkan dalam ERD yaitu :

(35)

3.

Relasi banyak lawan banyak (Many to many Relationship)

Berikut adalah bentuk variasi bentuk notasi ERD :

Entitas

Relasi

Atribut

Atribut

kunci

Penghubung antara

entitas dan relasinya

Internal identifier

Internal identifier

External identifier

Gambar 2.7 Notasi-notasi ERD

2.4.2

Logical Design

Dalam fase ini dilakukan proses translasi dari conceptual schema

yang sudah dibuat pada fase sebelumnya. Hasil dari fase ini disebut sebagai

logical schema da dinyatakan dalam logical data model yang digambarkan

(36)

data-data yang ada. Teknik yang biasa digunakan untuk melakukan optimalisasi

ini dinamakan normalisasi. Sedangkan normalisasi adalah suatu proses

pengelompokan elemen data ke dalam sejumlah tabel yang

merepresentasikan sejumlah entitas dan relasinya.

Langkah normalisasi bertujuan :

roses prancangan database.

erulang-ulang

3.

apusan, dan

2.4.3

Physical Design

pastikan bahwa logical schema sudah dibuat pada

1.

Sebagai alat penolong dalam p

2.

Untuk meminimalkan grup elemen data yang sama dan b

(redundansi) dalam database

karena hal tersebut menyebabkan akses

menjadi lambat dan memboroskan tempat penyimpanan.

Untuk memudahkan proses penyisipan, pengh

pengembangan database.

Dalam fase ini di

(37)

2.5 Definisi Pustaka, Perpustakaan, Pustakawan

an kertas atau bahan sejenis

erisi

mpat buku

miliki

.6

Personal Home Page tools: Hypertext Preprocessor

(PHP) dan mySQL

b,

Pustaka atau buku atau kitab merupakan kumpul

b

hasil tulisan atau cetakan, dijilid menjadi satu agar mudah membacanya

serta berjumlah sedikitnya 48 halaman. Dari kata pustaka terbentuklah kata

turunan antara lain perpustakaan, pustakawan, dan kepustakawanan.

Perpustakaan adalah kumpulan buku atau bangunan fisik te

dikumpulkan, disusun menurut sistem tertentu untuk kepentingan pemakai.

Pustakawan adalah orang yang bekerja di perpustakaan dan me

pendidikan perpustakaan (minimal D2 dalam bidang Ilmu Perpustakaan).

Sedangkan Kepustakawanan adalah penerapan Ilmu Perpustakaan dalam hal

pengadaan, pengolahan, pendayagunaan dan penyebaran bahan pustaka di

perpustakaan.

2

Pemograman PHP sangat cocok dikembangkan dalam lingkungan we

karena PHP bisa diletakan pada script

HTML atau sebaliknya. PHP biasanya

digunakan untuk pengembangan web

dinamis. Maksudnya, PHP mampu

menghasilkan website secara terus menerus hasilnya bisa berubah-ubah sesuai

dengan pola yang diberikan. Hal tersebut tergantung pada permintaan client

browser-nya (misalnya menggunakan mozilla firefox,

internet explorer, opera,

google chrome, dan lain-lain). Pada umumnya pembuatan web dinamis

(38)

side scripting). Ini berarti bahwa semua script PHP terlebih dahulu diletakkan di

server dan diterjemahkan oleh web server terlebih dahulu, kemudian hasil

terjemahan itu dikirim ke browser client

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

crip

.7 HTML

(Hypertext Markup Language)

dan CSS

(Cascading Sytle Sheets)

<

html

>

(S

t Query Language) atau DBMS (Database Management Sistem) yang

multithread, multi-user. MySQL tersedia sebai perangkat lunak gratis dibawah

lisensi GNU General Public License (GPL).

2

HTML adalah bahasa standar yang dipakai pada halaman web. Berdasarkan

standar inilah browser bisa memahami suatu dokumen yang berasal dari

webserver. HTML bekerja menggunakan HTTP (Hypertext Transfer Protocol),

yaitu protokol komunikasi yang memungkinkan web server berkomukasi dengan

web browser. Berikut contoh kode HTML secara umum :

<

head

><

title

>

Latihan HTML

</

title

></

head

>

<

body

>

Selamat belajar html

</

body

>

</

html

>

CSS merupakan bahasa yang digunakan untuk mengatur/mendesain

mp

(39)

bahwa setiap deklarasi style

yang berbeda dapat diletakkan secara berurutan yang

kemudian akan membentuk hubungan parent-child pada setiap style.

Berikut beberapa keuntungan CSS dalam sebuah website :

a. Dengan menggunakan CSS memungkinkan mendapatkan file

yang kecil

h dan di import ke

b.

dari sebuah halaman website yang

c.

halaman website.

ri seluruh

d.

ikan

content dari browser

.8

World Wide Web

(WWW) dan HTTP (

Hypertext Transfer Protokol

)

alah

World Wide Web (WWW) atau sering disingkat dengan Web. Protokol yang

sehingga web desain akan diperoleh file yang lebih kecil.

Hal ini karena pengaturan style

oleh CSS dibuat terpisa

dalam

file utama. Halaman dengan script

sedikit berarti akan akan diperoleh

file yang lebih kecil pula. Beberapa sumber dari SEO komunitas, bahwa

mereka setuju untuk tidak membuat halaman web lebih dari 100kb.

Kecepatan akses akan jauh lebih cepat.

Pada waktu membuka pertama kali

menggunakan CSS maka file yang disimpan sebagai external file

akan

disimpan sebagai cache (temporary data) dalam komputer browser dan untuk

membuka halaman selanjutnya akan lebih cepat.

Lebih mudah untuk mengontrol style dari seluruh

Dengan menggunakan CSS akan sangat mudah mengontrol style da

halaman, hal ini dikarenakan kita hanya merubah satu halaman untuk merubah

seluruh style dari sebuah website.

CSS

memungkinkan

menyembuny

2

(40)

dugunakan untuk layanan WWW ini adalah HTTP (Hypertext Transfer Protokol).

Web menawarkan paradigma baru dalam hal penyebaran dan penerimaan

(41)

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1 Analisa Sistem

3.1.1

Gambaran Umum Sistem yang Lama

Perpustakaan Univeristas Sanata Dharma (PUSD) saat ini sudah memiliki

sistem informasi otomasi yang dinamai NCI Bookman 3.0. Sistem informasi ini

menggunakan topologi client-server menggunakan database yang terpusat.

Database PUSD dikelola dan diatur dalam sebuah server menggunakan SQL

Server, sedangkan disisi

client diinstall program aplikasi NCI Bookman 3.0.

Seluruh komputer di PUSD terhubung pada

Local Area Network

(LAN),

komputer-komputer yang terhubung ke

Local Area Network berkomunikasi

dengan menggunakan protocol TCP/IP

(Transmission Control Protocol/Internet

Protokol). Koneksi komputer client ke server database menggunakan layanan

Open Database Connectivity (ODBC) yang sudah disediakan oleh sistem operasi

Microsoft.

Sebagai gambaran sistem yang sudah ada yaitu aplikasi NCI Bookman 3.0

adalah program aplikasi yang digunakan untuk memenuhi kebutuhan standard

perpustakaan yaitu : Pengadaaan dan Pengembangan Koleksi, Pengolahan

Koleksi, Sirkulasi, Katalog/Penelusuran Koleksi.

(42)

kompleks. Aplikasi NCI Bookman 3.0 sulit dikembangkan karena program

tersebut secara menyeluruh sudah ter-compile. Selain itu data

non book material

belum bisa dikelola menggunakan sistem ini. Masalah yang sering terjadi juga

pada saat menelusur koleksi pada komputer terminal di PUSD setelah

click detail

tiba-tiba keluar dari program. PUSD juga sudah mengembangkan sistem

penelusuran berbasis web tetapi informasi status koleksi tidak

up to date/terkini

dan tidak

real time, hal ini menyebabkan informasi yang diberikan kepada

pengguna kurang akurat /tidak

valid.

3.1.2

Gambaran Umum Sistem yang Dibangun

Kebutuhan akses internet pada saat ini semakin tinggi dan sangat mudah,

oleh karena itu PUSD terus menurus meningkatkan layanan yang dapat

memberikan informasi kepada pengguna secara cepat dan informasi yang akurat.

Atas dasar inilah penulis ingin mengembangkan Sistem Informasi Perpustakaan

Terpadu Berbasis WEB dan bersifat

Open Source sehingga mudah untuk

dikembangkan sesuai dengan kebutuhan jaman.

Sistem

Informasi

Perpustakaan

Terpadu

Berbasis

WEB

yang

dikembangkan ini adalah aplikasi atau program otomasi perpustakaan yang

dijalankan menggunakan

browser yang mempunyai kemampuan dan

fasilitas-fasilitas sebagai berikut :

a. Mampu mengolah koleksi

book material ataupun

non book material, meliputi:

-

Menginput koleksi bibliografi : judul, pengarang, subyek, call number,

(43)

volume, deskripsi, kata kunci, material koleksi, tempat koleksi, perolehan,

kolasi, gambar koleksi.

-

Mengedit bibliografi yang sudah diinputkan.

-

Mengupdate dan menghapus koleksi.

b. Mampu melakukan kegiatan sirkulasi, meliputi :

-

Peminjaman koleksi

-

Perpanjangan koleksi

-

Pengembalian koleksi

-

Pengelolaan denda untuk koleksi yang terlambat dalam pengembalian.

c. Mampu mengolah keanggotaan, meliputi :

-

Menambah dan mengurangi keanggotaan

-

Mengedit dan mengupdate profile anggota

-

Mengaktifkan dan menonaktifkan keanggotaan

-

Anggota dapat melakukan registrasi secara

online

-

Anggota dapat melakukan perpanjangan pinjaman koleksi secara

online

sebanyak 1 kali perpanjangan

d. Koleksi mampu ditelusur dari komputer mana saja yang sudah terhubung

dengan jaringan Internet yang meliputi :

-

Penelusuran koleksi sederhana/Basic Search

-

Penelusuran koleksi lebih detil/Advance Search

(44)

Adapun user yang terlibat dalam penggunaan sistem informasi ini antara

lain:

1. Pengunjung

Sistem yang dibangun dapat diakses oleh semua orang melalui jaringan

internet untuk memperoleh informasi Perpustakaan Universitas Sanata

Dharma, terutama informasi koleksi yang dimiliki perpustakaan. Selain itu

bagi pengujung yang ingin melakukan pendaftaran dapat dilakukan secara

on-line.

2. Anggota/member

Anggota adalah orang telah mendaftarkan diri menjadi anggota PUSD.

Anggota dapat mengakses sistem informasi ini untuk melihat dan mengubah

data pribadi, melihat daftar pinjaman anggota yang bersangkutan dan

melakukan pesanan buku secara

on-line.

3. Pustakawan

Pustakawan Pengolahan adalah orang yang berada di pengolahan yang

menjalankan aplikasi

Back Office yaitu menambah, mengedit dan menghapus

bibliografi.

Pustakawan Pelayanan adalah orang yang bertugas melayani mahasiswa dan

menjalankan aplikasi

Back Office

yaitu melayani peminjaman, pengembalian,

dan perpanjangan koleksi.

3. Admin

(45)

3.1.3

Use Case Diagram

Gambar 3.1

Use Case Pengunjung

Gambar 3.2

Use Case Anggota

Membaca Informasi

<<depend on>>

<<depend on>>

Memasukkan kata kunci

Melihat hasil temuan

Melihat detil temuan

Melihat daftar index buku

Pengunjung

Anggota

Registrasi anggota

login

Lihat daftar peminjaman

Lihat profile

Edit profile

Ubah password

Lihat koleksi yg telah dipinjam

Perpanjangan pinjaman

Lihat daftar pemesanan

kontak

<<depend on>>

<<depend on>>

(46)
(47)

3.1.4

Pemodelan Proses (Data Flow Diagram)

a.

Context Diagram

Context Diagram merupakan diagram yang digunakan untuk

mengambarkan sistem secara umum atau secara garis besar. Berikut ini

adalah context diagram untuk sistem informasi perpustakaan yang akan

dibuat.

Gambar 3.4

Context diagram

b. Diagram berjenjang

(48)

Gambar 3.5

Hierarchy Chart

c. Sketsa DAD level 0

(Overview Diagram)

DAD

level 0 ini digambarkan berdasarkan pada proses diagram

berjenjang dari diagram

level

0

Penelusuran

D1 Library(Koleksi)

(49)

d.

DFD level 1 untuk proses 1

(50)

e. DFD level 1 proses 3

(51)

f.

DFD level 2 proses 3.1

(52)
(53)

3.2 Perancangan Sistem

3.2.1

Disain Database

(Logical Database Design)

Dalam tahap ini akan dilakukan proses translasi dari

Conceptual Database

Design

(ERD) yang sudah dibuat pada gambar 3.8 menjadi

Logical Database

Design yang digambarkan menggunakan

relational model.

(54)

3.2.2

Perancangan Tabel

Dari pemodelan sistem dalam bentuk diagram ER, terdapat 6 tabel yang

akan dibuat dalam aplikasi sistem informasi perpustakaan ini. Yaitu : Library,

Loan, User_Account, Staff, dan Staff_Group. Berikut rancangan masing-masing

tabel :

Tabel 3.1 Tabel Library

No

Field Name

Data Type

1

libraryID

int(8)

2

title

tinytext

3

subTitle

tinytext

4

author

varchar(255)

5

additionalAuthor

varchar(255)

6

edition

varchar(50)

7

cityPublish

varchar(255)

8

yearPublish

year(4)

9

subject

varchar(255)

10

keyword

varchar(255)

11

series

tinytext

12

staffAccountEdit

varchar(255)

13

materialType

varchar(50)

14

collection

varchar(255)

15

callNumber

varchar(255)

16

gain

varchar(255)

17

ISBN

varchar(255)

18

kolasi

varchar(255)

19

image

blob

(55)

Tabel 3.3 Tabel User_Account

No

Field Name

Data Type

1

userID

int(11) unsigned

2

departmentID

smallint(4) unsigned

3

userType

enum(’ ’)

4

userAccount

varchar(50)

5

userPassword

varchar(32)

6

activationCode

varchar(10)

7

lastUpdate

timestamp

8

lastLogin

timestamp

9

userName

varchar(75)

10

userInterest

varchar(150)

11

userReligion

enum(’ ’)

12

userSex

enum(’ ’)

13

userBirthDay

date

14

userBirthPlace

varchar(20)

15

userAddress

varchar(255)

16

userPhone

varchar(20)

17

userEmail

varchar(75)

18

userImage

blob

19

userImageName

varchar(255)

Tabel 3.3 Tabel Loan

No

Field Name

Data Type

1

loanID

int(10)

2

userAccount

varchar(50)

3

loanDate

datetime

4

returnDate

datetime

5

returnedDate

datetime

6

libraryMainNumber

varchar(255)

7

loanType

enum

(’ ’)

8

staffID

int(11)

9

staffReturn

int(11)

(56)

Tabel 3.4 Tabel Staff

No

Field Name

Data Type

1

staffID

int(11) unsigned

2

staffGroupID

smallint(3)

3

staffAccount

varchar(50)

4

staffPassword

varchar(32)

5

lastUpdate

varchar(14)

6

lastLogin

varchar(14)

7

staffName

varchar(75)

8

staffAddress

varchar(255)

9

staffPhone

varchar(20)

10

staffEmail

varchar(75)

Tabel 3.5 Tabel Staff_group

No

Field Name

Data Type

1

staffGroupID

smallint(3)

2

staffGroupName

varchar(75)

3

staffGroupDesc

tinytext

Tabel 3.6 Staff_privileges

No

Field Name

Data Type

1

staffGroupID

smallint(3)

2

fileAccessed

varchar(50)

Tabel 3.7 Tabel Library Data Unit

No

Field Name

Data Type

1

libraryMainNumber

varchar(20)

2

libraryID

int(8)

3

staffAccount

varchar(255)

4

libraryPrice

double

5

libraryOrderDate

date

6

libraryArriveDate

date

7

libraryLocation

varchar(255)

8

libraryCondition

varchar(50)

9

dateUpdate

timestamp

(57)

Tabel 3.8 Tabel Departement

No

Field Name

Data Type

1

departementID

int(8)

2

departementName

varchar(150)

3

departementDesc

varchar(255)

Tabel 3.9 Tabel Fine_log (Denda)

No

Field Name

Data Type

1

loanID

bigint(11)

2

userAccount

varchar(255)

3

staffAccount

varchar(255)

4

libraryMainNumber

varchar(255)

5

loanPaid

timestamp

(58)

3.2.3

Perancangan User Interface

Perancangan User Interface meliputi suatu halaman yang interaktif dan

bersifat dinamis sehingga interaksi antara pengguna dengan komputer lebih

memudahkan pengguna dalam aplikasinya.

a. Rancangan Halaman Utama

HOME / CONTACT / LOGIN WELC OME

Online Library Services Universitas Sanat a Dharma

Bas ic Search Go

Wor d/s Ph ras e

Adv ance Searc h

C lic k he re

Menu

R eg iste r C ol le cti on Ind ex A-Z

Link s

U ni vers itas Sa n ata D ha rma Skr ips i Onl in e

[FOOTER] [HEADER]

(59)

b. Rancangan Halaman hasil Temuan Koleksi

HOME / CONTACT / LOGIN WELC OME

Online Library Services Universitas Sanat a Dharma

Bas ic Search Go

Wor d/s Ph ras e

Adv ance Searc h

C lic k he re

Menu

R eg iste r C ol le cti on Ind ex A-Z

Link s

U ni vers itas Sa n ata D ha rma Skr ips i Onl in e

[FOOTER] [HEADER]

Result for : (yang dicari) Total : __

(yang dicari) [ ]

Aut hor : _________________ Key word : _________________ Subject : _________________ Call Number : _________________

det il

(yang dicari) [ ]

Aut hor : _________________ Key word : _________________ Subject : _________________ Call Number : _________________

det il

(60)

c. Rancangan Hasil Temuan Koleksi Detail

HO ME / CONTACT / LOG IN WELC OME

O nline Library Services Universitas Sanat a Dharma

Bas ic Search

(61)

d. Rancangan Menu Register

HO ME / CONTACT / LOG IN WELC OME

O nline Library Services Universitas Sanat a Dharma

Menu

(62)

e. Rancangan Menu Login

HOME / CONTACT / LOGIN WELC OME

Online Library Services Universitas Sanat a Dharma

Menu

R eg iste r C ol le cti on Ind ex A-Z

Link s

U ni vers itas Sa n ata D ha rma Skr ips i Onl in e

[FOOTER] [HEADER]

LOGIN

Ent er Your username & password Login I D

Pas sword User Type

Go

Wor d/s

Bas ic Search

Ph ras e

Adv ance Searc h

C lic k he re

Go

Me mb er Staff

(63)

f.

Rancangan Menu Admin

PROF ILE ANGGOTA / LOGOUT WELC OME

Back Of fice Online Library Services Universitas Sanat a Dharma

(64)

g. Rancangan Menu Tambah Bibliografi

PROF ILE ANG G OTA / LOG OU T WELC OME

Back O ffice O nline Library Services U niversitas Sanata Dharma

Menu

Type gambar JPG/ JPEG

v

v v

B rowse ...

Subm it

(65)

h. Rancangan Menu Tambah Data Satuan (eksemplar)

PROF ILE ANGGOTA / LOGOU T WELC OME

Back Office Online Library Services U niversitas Sanata Dharma

Menu

(66)

i.

Rancangan Menu Peminjaman 1

PROF ILE ANGGOTA / LOGOUT WELC OME

Back Of fice Online Library Services Universitas Sanat a Dharma

Menu

(67)

j.

Rancangan Menu Peminjaman 2

PROF ILE ANGGOTA / LOGOUT WELC OME

Back Of fice Online Library Services Universitas Sanat a Dharma

Menu

Nomor Induk /ID Koleksi Simpan Batal

In fo rmasi Pem injam

Nama Type Anggota Nomor ID Department

(68)

k. Rancangan Menu Pengembalian Koleksi

PROF ILE ANG G OTA / LOG OU T WELC OME

Back O ffice O nline Library Services Universitas Sanata Dharma

Menu Pen gam balian Koleksi

Nomor Induk /ID Koleksi Simpan Batal

Gambar 3.22 Menu Pengembalian

l.

Rancangan Halaman Tambah Anggota

PROF ILE ANGGOTA / LOGOUT WELC OME

Back Office Online Library Services U niversitas Sanata Dharma

Menu

(69)

BAB IV

IMPLEMENTASI SISTEM

Dalam tahap ini penulis mengimplementasikan hasil dan rancangan yang

dibuat pada bab sebelumnya dalam bentuk sebuah aplikasi

Online Library Service

berbasis

web

.

4.1

Perangkat Lunak yang Digunakan dalam Pembuatan Sistem

Dalam membangun sebuah sistem informasi perpustakaan berbasis web ini

tidak terlepas dari perangkat lunak yang digunakan. Berikut perangkat lunak yang

digunakan dalam membangun sistem informasi perpustakaan adalah :

-

Sistem Operasi Windows XP Profesional

-

Apache Web Server

-

MySQL

-

PHP (

Personal Home Page

) :

script

utama

-

HTML, JavaScript, dan CSS :

script

penunjang

-

Notepad++

-

Macromedia Dreamweaver

4.2

Perangkat Keras yang Digunakan dalam Pembuatan Sistem

Selain perangkat lunak yang digunakan, perangkat keras juga dibutuhkan

dalam pembuatan sistem informasi perpustakaan berbasis web ini. Berikut

spesifikasi perangkat keras yang digunakan :

(70)

-

Memory 512MB

-

Hardisk 80GB

-

NIC Gigabyte ethernet

-

Monitor resolusi 1024x768

-

Keyboard dan mouse

4.3 Implementasi

Antar

Muka

Sistem Informasi Perpustakaan berbasis Web ini memiliki dua buah antar

muka utama yang berbeda yaitu antar muka

Front Office

dan antar muka

Back

Office

.

4.3.1

Antar muka

FrontOffice

Yaitu antar muka halaman utama merupakan halaman indeks yang

langsung dapat diakses oleh pengguna melalui

browser internet

tanpa harus login

terlebih dahulu. Menu halaman utama ini berada di sebelah kiri terdiri dari menu

Basic Search, Advance Search, Register, Collection Index A-Z

dan menu

links

.

a.

Basic Search

Menu Basic Search merupakan fasilitas bagi pengunjung yang ingin

melakukan penelusuran koleksi secara cepat. Dalam menu ini pengguna dapat

(71)

Gambar 4.1 Menu halaman utama dan

Basic Search

Berikut adalah isi

file

index.php yang diakses pertama kali oleh sebuah

browser internet

:

<?

/**************************************************************

* index.php

* ---

**************************************************************/

if (!file_exists('data/sql/install.lck'))

{ header("Location: install_check.php"); }

require_once

'conf/config.php';

// Load class

require_once

'class/user.cls.php';

require_once

'class/config.cls.php';

require_once

'class/template.cls.php';

require_once

'class/form.cls.php';

require_once

'class/sql.cls.php';

require_once

'class/date.cls.php';

require_once

'class/general.cls.php';

require_once

'class/paginator.cls.php';

require_once

'class/calendar.cls.php';

// Create object

$cTpl

= new template;

$cUsr

=

new

user;

(72)

$cSQL

= new SQL;

$themes = $cTpl->setThemes();

$cTpl->title = "$rowconf[swName] | Trial Version by N@rt0";

session_start();

include

$cCfg->setLanguage($_SESSION['userID'],

$_SESSION['userType'], $_GET[lang]);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link rel="icon" href="icon.jpg" type="image/x-icon" />

<link rel="alternate" type="application/rss+xml" title="Library Collection"

href="library_rss.php" />

<?

$cTpl->setTitle();

$cTpl->includeCSS('style.css');

?>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

</head>

<body>

<div class="fluid fluidtop">

<div class="wrap"><div id="top" class="clearboth">

<div class="floatleft">

<div class="block"> <a href="home.php"><strong> WELCOME</strong></a></div>

</div>

<hr />

<div class="centerright floatright">

<div class="floatleft">

<a href="home.php"><?=$lang['home']?></a> /

<a

<div class="clearboth"></div>

</div></div>

</div>

(73)

<div class="wrap">

<div id="header" class="header">

<div id="headerimg" class="center floatleft">

</div>

<div id="welcome" class="center floatright">

<h2>Online Library Services <br>Universitas Sanata Dharma</h2>

</div>

<div class="clearboth"></div>

</div>

<div class="clearboth"></div>

</div>

</div>

<div class="fluid fluidmain">

<div class="wrap">

<div id="main" class="main">

<div id="nav" class="left floatleft">

<? include "nav.php"; ?>

</div>

<hr />

<div id="content" class="centerright floatright"><div class="node">

<?

$fileName = strtolower($_GET[menu]).".php";

if($_GET[menu] && is_file($fileName)) include "$fileName";

else include "info_content.php";

?>

</div></div>

<div class="clearboth"></div>

</div></div>

</div>

<hr />

<div class="fluid fluidfooter">

<div class="wrap"><div id="footer">

<div class="centerleft floatleft">

<div class="block"><? include "footer.php"; ?></div>

</div>

<hr />

<div class="floatright">

<div class="block"><a href="#top">Top ^</a></div>

</div>

<div class="clearboth"></div>

</div>

<div class="clearboth">&nbsp;</div>

</div>

(74)

Gambar 4.2 Pencarian

Advance Search

Setelah pengguna melakukan pencarian

Basic Search

dan

Advance Search

ini

maka diperoleh hasil temuan sesuai dengan inputan yang diberikan dengan

tampilan sebagai berikut :

(75)

b. Menu

Register

Untuk melakukan registrasi secara online, calon anggota harus mengisikan

data pribadi pada form register.

(76)

c. Menu

Collection Index A-Z

Menu ini untuk menampilkan seluruh judul koleksi berdasarkan alphabet dari

huruf A-Z, dan bilangan 0-9.

Gambar 4.5 Menu

Collection Index A-Z

d. Menu

link

Menu

link

ini berfungsi untuk membawa pengguna ke halaman

web

baru yang

dihubungkan sehingga pengguna lebih mudah dan cepat untuk mendapatkan

informasi

web

yang terkait.

4.3.2 Antar

muka

BackOffice

Yaitu antar muka yang dapat diakses oleh pengguna dengan melakukan

login

terlebih dahulu dan memiliki

account

dalam sistem informasi perpustakaan.

Halaman antar muka ini dibagi menjadi dua bagian yaitu

back office member

(77)

a.

Back Office Member

(Anggota)

Antar

muka

back office

member

ini diperuntukkan untuk anggota saja yang

memiliki fasilitas sebagai berikut :

-

Anggota mampu melihat dan mengedit

profile

keanggotaan

-

Anggota dapat melihat koleksi yang sedang dipinjam dan koleksi yang

telah dipinjam

-

Anggota mampu melakukan perpajangan koleksi secara mandiri sebanyak

1 kali perpanjangan

-

Anggota dapat melakukan pemesanan koleksi

Berikut adalah antar muka halaman utama

back office

anggota :

Gambar 4.6 Menu

back office

halaman anggota

Anggota dapat memilih menu pada kolom sebelah kiri dan kolom sebelah

(78)

b.

Back Office Staff

(Pustakawan)

Antar

muka

back office

staff

ini diperuntukkan untuk pustakawan saja setelah

melakukan login pada sistem maka akan keluar halaman utama

back office.

Gambar 4.7 Menu

Back Office Staff

Halaman

Back office

ini dikelola menggunakan sebuah

file

home.php. Berikut

isi

file

home.php :

<?

/**************************************************************

* home.php

* ---

* fungsi

: File ini digunakan setelah berhasil melakukan login

* author : (C) 2009 Ignatius Sunarto

**************************************************************/

if (!file_exists('data/sql/install.lck'))

{ header("Location: install.php"); }

ob_start();

session_start();

if(!isset($_SESSION['userID']) || !isset($_SESSION['userSess']) ||

!isset($_SESSION['passwdSess'])) header("Location:index.php");

// Read configuration

require_once 'conf/config.php';

// Load class

Gambar

Tabel 3.1 Tabel Library ............................................................................................
Gambar 2.1 Simbol dasar Use Case Diagram
Gambar 2.2 Simbol kesatuan luar
Gambar 2.5 Simbol proses
+7

Referensi

Dokumen terkait

Dengan menggunakan metode ekonometrika melalui persamaan data panel pada periode tahun 2001–2010, studi ini menemukan bahwa kebijakan desentralisasi fiskal dapat mendorong

Jika aplikasi Sistem Perhitungan Angka Kredit Kumulatif ini digunakan dalam Universitas Kristen Maranatha, maka akan memberikan jauh lebih banyak kemudahan dibandingkan dengan

Menyatakan bahwa Tugas Akhir Skripsi yang berjudul “Pembelajaran Matematika Menggunakan Metode Inkuiri Untuk meningkatkan Minat Belajaran Siswa Pada Materi Himpunan Di

lalu demikian, pada sistem penulisan skripsi yang wajib digunakan di Universitas Pendidikan Indonesia terdiri dari unsur- unsur sebagai berikut: Judul, halaman pengesahan

Pengelolaan Wilayah Pesisir dan Pulau-Pulau Kecil terpadu merupakan pendekatan yang memberikan arah bagi pemanfaatan Sumber Daya Pesisir dan Pulau-Pulau Kecil secara

Penelitian yang sudah dilakukan bertujuan untuk membuat suatu sistem berbasis web yang dapat digunakan dalam pengolahan data pelayanan pendataan tumbuh kembang

Sistem Administrasi Badan Hukum yang selanjutnya disingkat SABH adalah pelayanan jasa hukum pengesahan badan Perseroan, Yayasan dan Perkumpulan dengan

Berdasarkan uraian di atas menunjukkan bahwa untuk meningkatkan konsentrasi, maka seseorang perlu mengembangkan sikap dan perilaku jujur terhadap penutur apabila ia mempunyai