RANCANG BANGUN SISTEM INFORMASI DIGITAL LIBRARY ...

RANCANG BANGUN SISTEM INFORMASI DIGITAL LIBRARY BERBASIS WEBSITE

MENGGUNAKAN PDF FLIPBOOK PADA SMP NEGERI 8 SEMARANG

TUGAS AKHIR

OLEH :

CAHYANING RATRI

G.111.13.0020

PROGRAM STUDI S1 – SISTEM INFORMASI

JURUSAN TEKNOLOGI INFORMASI

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI

UNIVERSITAS SEMARANG

2019

ii

CA~l<ATRI NIM. r..11 J.1] oezo

Penulis,

"Saya menyatakan dan l>c11Mgg11111, jawab dengan sebcnarnya bahwa Tu~s Akhir (TA) ini nclolnh hnsil knryn seya scndiri kecuali euplikan Jan ri11~a$aJ1 y1111p,

musing- mo.~ine telah saya jclaskan sumbernya. Jika pada waktu selanjutnya ad~

pihak lain }1lng mengklaim bahwa Tugas Akhir (TA) ini sebagai karyauya, y~ug

disenai dengeu bukti-bukti yau3 cukup, maka saya bcrscdia untuk dibatalkan gclar Surjana Komputer .SA)'ll bcserta scgala hak dan kewejiban yang melekat pada gcll\J' tersebut."

CAHY A NTNG RATltl

Cr.111.13.002()

STSTEM IJ\'r'ORMASl

NA.1\-l·\

Nll'vl l'ROGllAM STI iDI

J'EH\ YATA,\:'l PE"IULTS TUGAS AKHIR

DENGAN Jl:I>UL

R.\NC\NG B:\..'IGUN SJST-F:M INFORM.ASJ HJGITAL LIB'JlAR}' BF..Rn.,\SIS

WEnSITF. lvtF..'.'1GGUNAK.At'I PDF FLll'liOOK l' ADA SM)' NEGERJ 8

Sl!:MARANG

- -----------· -·--

Ill

DE KAN

PEMBIM131 NG TCCAS AKlllll

KT<:TIJA PROGRAM S'l'Ul)I SI-SIS •,l\f INFORMASI

TcLAll DIPERTKSA DAN DlSETUJUI SEMARANQ,.~ .. <lg_r;,_r,rnr.L 201J

OJ.EH

NAMA : CAHYA.\.lNG R,'\TRT

NIM : G.11 t. lJ .0020

OlSlJSUN OALA.\1 RANGKA 1vllilvlt::NUHI SYAf{/\T GllNA

MF.l\.fPF.ROT.F.H GEL/\R SARJANA KOMl'U'l'bR

PROGRA,\1 STCDI Sl·SIST.t::M INFOR.."1,\ST Jl..1JU'.SAN TF.KKOI .001 l)JfORMASI

1'1\ KOLT AS TEKKOLOGI INFORNIASI DAN KO:Mtl).ll(ASI

lTNlVERSlTAS SF.MARANO

PE~GES,\11.'\l'i TUGAS AKHlll

DENGAN JUOLIL

l~CANC .BANGU::X SlSTEM INFOR:'\-tASJ DIGITAL I.I BllAll\" BERRA SIS

WEBSITE MENGGU:SAKA.N l'Ot' l<'Lll'800K PAT>A SMP :\'EGER! S SEMARA.NC

IV

Nl5. 06557003102082 2. Aria Hcndrawan, ST, :VI.Korn

Ni5. U6557U031U2159

»: Pcnguji Pcndarnping

.?, .. ··'··. ,\.· ti __ n ... _u,. o ... r ... '.. ::,..01 ~ 1. Tuis Handayani, :S.Kom, ~1.Cs tj /

Susanto, S.Kom, M.Kom NIS.06557060687098

Tunda Tangau ----~ 7'····························· #9',!,

/'"""

Tnngnnl

... 1 ... r e-L,,._ ~., · .. u , 5

Ketuu Tim Penguji:

Menurut pnnrlnngan kami, Tugas l\khir (TA) iui memadai dnri segaln kunlitns manpun kuantitas

unmk rujunti pengauugemhnn gefor Soo;jnnn Kompurer (S.Kom)

HnriSe~Tauggal .3.fJ.,.l.· .. 2oJJ

T elah diuji dnn dipertabankan dihadapan Dewan Pcuguji pada Sidang Tugas Akhir (TAJ

\ITM : G. I I I .13.0020

.'-IA,'vt<\. : CAHYANING .R.AT.R.I

Olch

RANC:\NC: fiANGl!ti SJSTEM ll'iFORMASI DIGITAL LIBRARY RT<:RRASIS

\VEBSJTE :\-1ENGGUNAKAN l'VF t<'Lll'BOOK l'AVA S.\11' l\!!:GUU 8 SEMAR..ANC

OF.NGAN .JUOUL

PE'.'fCESAHAS UJlAN TlJGAS AKJIIR

.,

vi

Pemhimhing Tugns Akhir

Kala kunci: Digita! library, Fllpboot:

Rnncang bangun sistcm inlormasi digitn) library saat ini tclah manjadi bagiau yang pcnting dalaru menyambut era modern saat iui, dnnana digital library merupakan pokok penring dnlam membangun pembelajaran kerja siswa Digital library yang manual menimbulken oany11k11i111 kesulitan bagi siswa untuk melakukan pembelajai an dirumah, meujadi masaluh penting dalnm mcmbangun kecerdasan belajar siswa dalam hal membaca. Keterlambntan pcugcmbalian huku sering t,~ijadi yang disebabkan peeumpukan dcnda siswa yang musih di input secara rnnnual. Selusi mengatakan untuk membuat rancang bangun sistem informusi d,giwl ilbrary yang terkomputerisasi unmk mempermudah pembelajaran membacn siswa.

Meuxle pengembnngan sistem ini d.ibangun dcngan pendekatan Sisten: Developmen: Lite Cycif. (',01.C) dengan bebcrapa tahapan yaitu annltsis, desain, implemcutasi, pc:ugujian dan pcmeliharaan. Rancangan diimplementasikan dcngan Uniji1.1il Moileiing language (U:V1L).

I lasil pcnclitian ini yaitu dihusilkanyu sistem digtto! library yang rcrmodulasi, mcmiliki standar aturan dnlam proses pengembangan program dan dengan tidak adanya ketergantungan antnra baginn sistem satu dcngan yang: lain sehinggn mudah untuk dipelihnra dnn dikcmbaugkan.

ABSTRAK

v

ABSTRACT

The design of digital library information systems is now an important part in

welcoming the modern era, where digital libraries are an important point in building

student work learning. The manual digital library raises many difficulties for students to

do home learning, an important problem in building students' learning intelligence in

reading. Delays in returning books often occur due to a buildup of student fines that are

still manually inputted. Solusi said to make a computerized digital library information

system design to facilitate student reading learning.

This system development method was built with the System Development Life Cycle

(SDLC) approach with several stages, namely analysis, design, implementation, testing

and maintenance. The design is implemented with the Unified Modeling Language

(UML).

The results of this research are the modulated digital library system, has standard

rules in the program development process and in the absence of dependency between

parts of the system with each other so that it is easy to maintain and develop.

Keywords: Digital library, Flipbook

vii

KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Allah SWT, yang telah

melimpahkan rahmat, taufik, serta hidayah-Nya sehingga penulis dapat

menyelesaikan Laporan Tugas Akhir ini. Tak lupa kami haturkan sholawat serta

salam kepada nabi besar kami Muhammad SAW, semoga kita mendapatkan

syafaatnya di hari akhir. Laporan Tugas Akhir dengan judul “RANCANG

BANGUN SISTEM INFORMASI DIGITAL LIBRARY BERBASIS WEBSITE

MENGGUNAKAN PDF FLIPBOOK PADA SMP NEGERI 8 SEMARANG”

disusun atas dasar memenuhi salah satu kewajiban dan sebagai syarat guna

menyelesaikan studi akhir jurusan Sistem Informasi program studi Strata Satu

(S1) Sistem Informasi Fakultas Teknologi Informasi dan Komunikasi Universitas

Semarang.

Atas tersusunnya Laporan Tugas Akhir ini penulis tidak lupa

menyampaikan ucapan terimakasih yang sebesar – besarnya kepada :

1. Bapak Andy Kridasusila SE, ME selaku Rektor Universitas Semarang.

2. Bapak Susanto, S.Kom, M.Kom selaku Dekan Fakultas Teknologi

Informasi dan Komunikasi Universitas Semarang.

3. Ibu Prind Triajeng Pungkasanti, S.Kom, M.Kom selaku Ketua Program

Studi S1 Sistem Informasi

4. Ibu Titis Handayani, S.Kom, M.Cs selaku Dosen Pembimbing yang telah

memberikan bimbingan kepada penulis sehingga penulis dapat

menyelesaikan laporan ini.

5. Ibu Nutriana Hidayati, S.Kom, M.Kom, selaku koordinator Tugas Akhir

Universitas Semarang.

6. Bapak Drs. Murgiyanta selaku Kepala Sekolah SMP Negeri 8 Semarang.

7. Bapak Djumarwi selaku pembimbing lapangan yang telah memberikan

arahan dalam pelaksanaan Tugas Akhir ini.

8. Ayah dan Ibu tercinta, nasihat dan semangat kalian akan selalu ada dalam

hati penulis.

viii

Pcnulis

CAl~<lRAnl,

J annari ·2,019 S cm a £1111('.,

)'ang mcmbacanya,

Pcnulis mengharap saran dan kritik yang bersifat membangun demi kesempumaan

Laporau 1'11ga~ Akhir ini. Semogn 11.p11. y~ng penulis buat ini berguna bagi semua

9. Serra temau - teman dan semua pihak yang mcmbcrikan duknngannya

pada penulis.

ix

DAFTAR ISI

HALAMAN JUDUL ............................................................................................... ...i

PERNYATAAN PENULIS .................................................................................... ..ii

PENGESAHAN TUGAS AKHIR .......................................................................... .iii

PENGESAHAN UJIAN TUGAS AKHIR………………………………………...iv

ABSTRACT ............................................................................................................. ..v

ABSTRAK…………………………………………………………………………..vi

KATA PENGANTAR…………………………………………………………..….vii

DAFTAR ISI………………………………………………………………………...ix

DAFTAR GAMBAR………………………………………………………………xiii

DAFTAR TABEL………………………………………………………………….xv

BAB I PENDAHULUAN ..................................................................................... ..1

1.1. Latar Belakang………………………………………………………...1

1.2. Perumusan Masalah…………………………………………………...2

1.3. Batasan Masalah………………………………………………………2

1.4. Manfaat Tugas Akhir .......................................................................... ..2

1.5. Tujuan Tugas Akhir……..…………………………………………......3

1.6. Metodologi Penelitian……………………………………………….....4

1.6.1 Pengumpulan Data.……………………………………………..4

1.6.2 Sumber Data…….……………………………………………....5

1.6.3 Metode Pengembangan Sistem………………………………….5

x

1.7. Sistematika Penulisan………………………………………………....7

BAB II TINJAUAN UMUM SMP NEGERI 8 SEMARANG ........................... ..9

2.1. Sejarah Singkat SMP Negeri 8 Semarang…...………………………...9

2.2. Visi, Misi dan Tujuan TK ABA 31 Semarang…….......……………....9

2.2.1 Visi ……………………………………………………………...9

2.2.2 Misi …………………………………………………………......9

2.2.3 Tujuan …………………………………………………………10

2.3. Lokasi ………………………………………………………………...10

2.4. Struktur Organisasi ………………………………………………….12

2.5. Tugas Jabatan Struktural……………………………………………...13

BAB III LANDASAN TEORI ............................................................................... .22

3.1. Data…………………………………………………………………...22

3.2. Informasi……………………………………………………………...22

3.3. Sistem..…...…………………………………………………………...22

3.4. Database……………………………………………………………....23

3.5. Perpustakaan ………………………………………………………....23

3.6. Digital Library……………………………………………..................24

3.7 PHP.......................................................................................................26

3.8 Dreamweaver........................................................................................26

3.9 Macam-macam Diagram UML.............................................................29

BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM ....... ..34

4.1. Perencanaan…………………………………………………………...34

4.2. Analisa Sistem.…………………………………………......................34

4.3 Analisa Kebutuhan Hardware………………………………………....35

4.4 . Analisa Kebutuhan Software…………………………...………….....35

4.5 Perancangan Sistem…………………………………………………..35

xi

4.5.1 Use Case Diagram……………………………………………..35

4.5.2 Skenario Use Case…………………………………………….36

4.5.3 Activity Diagram………………………………………………42

4.5.4 Sequance Diagram………………..,…………………………...46

4.5.5 Class Diagram............................................................................49

4.6. Perancangan Struktur Database………………………………………49

4.7 Desain Sistem ……...………………………………………................52

BAB V IMPLEMENTASI SISTEM .................................................................... ..56

5.1. .. Arsitektur Sistem…………………………………………………….56

5.2. .. Implementasi Sistem………………………………………………....57

5.3 Pengujian...………………………………………………...................64

5.4 Pemeliharaan Sistem………………………………………………....75

BAB VI PENUTUP…………………………………………………………………76

6.1 Kelebihan……………………………………………………………...76

6.2 Kekurangan…………………………………………………………....76

DAFTAR PUSTAKA……………………………………………………………….77

xiii

DAFTAR GAMBAR

Gambar 1.1 Model Waterfall...........................................................................................................6

Gambar 2.1 Peta lokasi SMP Negeri 8 Semarang……. …………………….….……..………...10

Gambar 2.2 SMP Negeri 8 Semarang………………….…………..….........................................11

Gambar 2.3 Ruang Kelas…………………………………….......................................................11

Gambar 2.4 Struktur Organisasi SMP Negeri 8 Semarang…………………................................12

Gambar 2.5 Struktur Organisasi Tata Usaha SMP Negeri 8 Semarang………………………....13

Gambar 3.1 Perpustakaan…………………………………………………………………..........24

Gambar 3.2 Digital Library...........................................................................................................25

Gambar 3.2 Menu Jendela Kerja Dreamweaver……………………………………………..….23

Gambar 3.3 Hypertext Preprocessor.............................................................................................26

Gambar 3.4 Menu Start Page.........................................................................................................27

Gambar 3.5 Menu Jendela Kerja Dreamweaver............................................................................28

Gambar 4.1 Use Case Diagram……………………………………………………………………..…..36

Gambar 4.2 Activity Diagram Entry Siswa………………………………………........................43

Gambar 4.3 Activity Diagram Entry Buku …………………………………................................43

Gambar 4.4 Activity Diagram Mengelola Peminjaman……………………………………….....44

Gambar 4.5 Activity Diagram View Buku……………………...………………………..............44

Gambar 4.6 Activity Diagram Edit Profil Siswa…………………………………………............45

Gambar 4.7 Activity Diagram Input Peminjaman………………………………..........................45

xiv

Gambar 4.8 Sequence Diagram Entry Siswa …………………………........................................46

Gambar 4.9 Sequence Diagram Entry Buku………………………………………......................46

Gambar 4.10 Sequence Diagram Mengelola Peminjaman……….………………………….......47

Gambar 4.11 Sequence Diagram Edit Profil Siswa ……………….…………………….............47

Gambar 4.12 Sequence Diagram View Buku……………………….…………………...............48

Gambar 4.13 Sequence Diagram Input peminjaman………………….………………………....48

Gambar 4.14 Class Diagram …………………………………………........................................49

Gambar 4.15 Desain Form Login…………………………………..............................................52

Gambar 4.16 Desain Menu Utama…………………………........................................................52

Gambar 4.17 Desain Menu Input Data Buku……………………………………........................53

Gambar 4.18 Desain Menu Input Data Siswa………………………………………………...….53

Gambar 4.19 Desain Menu Input Peminjaman…………………………………..........................54

Gambar 4.20 Desain Menu Profil Admin……………………………………………..................54

Gambar 4.21 Desain Menu Data Peminjaman……………………………………………...........55

Gambar 4.22 Desain Menu Laporan ……………………………………………….....................55

Gambar 5.1 Arsitektur Sistem………………………………………………………………...….56

Gambar 5.2 Form Login ……………………………………………………………...................57

Gambar 5.3 Form Menu Utama…………………………………………………………….........58

Gambar 5.4 Form Profil.................…………………………….………………………………...59

Gambar 5.5 Form Koleksi Buku…………………………………………………………….......59

Gambar 5.6 Form Tambah Buku Baru.........……………………………………………………60

Gambar 5.7 Form Daftar Siswa Baru….………………………………….……………….…….61

Gambar 5.8 Form Peminjaman Buku………………………………….......................................62

xv

Gambar 5.9 Form Data Edit Profil Admin……………………………………………….….......62

Gambar 5.10 Form Data Peminjaman……………………………..……….………………........63

Gambar 5.11 Form Data Koleksi Buku Siswa……………………….…………….....................63

Gambar 5.12 Bagan Alur Proses Peminjaman Buku………………………………………........65

Gambar 5.13 Grafik Peminjaman Buku…………………………………………………...........68

xv

DAFTAR TABEL

Tabel 3.1 Simbol Use Case Diagram………………………………………………….…….30

Tabel 3.2 Simbol Sequence Diagram………………………………………………….….….31

Tabel 3.3 Simbol Class Diagram………………………………………………………….…32

Tabel 3.4 Simbol Activity Diagram…………………………………………………………..33

Tabel 4.2 Skenario Use Case Mengelola Data Entry Buku……………………………….....37

Tabel 4.3 Skenario Use Case Mengelola Peminjaman……………………………………....38

Tabel 4.4 Skenario Use Case View Buku…………………………………………………....40

Tabel 4.5 Skenario Use Case Edit Profil Siswa………………………………………….......41

Tabel 4.6 Skenario Use Case Input Peminjaman………………………………….................42

Tabel 4.7 Tabel Admin............................................................................................................50

Tabel 4.8 Tabel Buku...............................................................................................................50

Tabel 4.9 Tabel Peminjaman....................................................................................................51

Tabel 4.10 Tabel Siswa............................................................................................................51

Tabel 5.1 Hasil Pengujian Kotak Hitam Login Administrator………………………....…….69

Tabel 5.2 Hasil Pengujian Kotak Hitam Data User………………...………….......................70

Tabel 5.3 Hasil Pengujian Kotak Hitam Data Peminjaman Buku...........................................70

Tabel 5.4 Hasil Pengujian Kotak Hitam Entry Buku...............................................................71

Tabel 5.5 Hasil Pengujian Kotak Hitam Edit Profil Siswa......................................................72

Tabel 5.6 Hasil Pengujian Kotak Hitam Data Pinjaman..........................................................73

Tabel 5.7 Hasil Pengujian Kotak Hitam Data Entry Siswa......................................................74

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Informasi merupakan salah satu kebutuhan didalam suatu instansi,

perusahaan, organisasi, lembaga serta lingkungan yang berada di luar sistem.

Informasi dianggap sangat penting, karena dengan adanya informasi dapat

memenuhi pengetahuan, mengurangi ketidakpastian dan resiko kegagalan

serta dapat membantu para pemimpin dalam mengambil suatu kesimpulan dan

keputusan yang efektif dan efisien.

Perkembangan ilmu pengetahuan dan teknologi saat ini semakin

berkembang dengan pesat dan telah membawa perubahan terhadap kehidupan

manusia, khususnya pada instansi pendidikan. Kemajuan teknologi disadari

bahwa teknologi mempunyai peran yang sangat penting dalam kehidupan

manusia. Pemanfaatan teknologi tentu diimbangi dengan kemampuan adaptasi

manusia sebagai pengguna. Dalam hal ini maka dibuatlah sistem informasi

digital library berbasis website. Sistem informasi digital library berbasis web

site merupakan rancangan program yang menggunakan media komputer

sebagai alat untuk menghasilkan sebuah program yang lebih baik sehingga

dapat memberikan manfaat yang nyata bagi para penggunanya.

Program digital library berbasis website menggunakan PDF flipbook

pada SMP Negeri 8 Semarang khususnya dalam hal pengolahan data buku,

mulai dari memasukan data (input), mengubah data, dan menampilkan data

(output). Sistem informasi digital library ini belum diterapkan pada SMP

Negeri 8 Semarang yang tergolong sekolah berkembang dan dirasa sangat

memerlukan sistem informasi digital library guna memberikan kemudahan

bagi para guru dan siswa dalam proses belajar dan membaca buku. Sehingga

guru dan siswa tidak perlu repot untuk meminjam dan mengembalikan buku

yang ada di perpustakaan, cukup dengan membuka website sekolah guru dan

siswa bisa langsung membaca buku yang diinginkan.

2

1.2 Perumusan Masalah

Berdasarkan uraian latar belakang tersebut maka permasalahan dalam

laporan ini adalah “Rancang Bangun Sistem Informasi Digital Library

Berbasis Website Menggunakan PDF Flipbook Pada SMP Negeri 8

Semarang”.

1.3 Batasan Masalah

Batasan masalah yang dibuat bertujuan untuk membatasi permasalahan

yang akan diselesaikan. Adapun batasan masalahnya adalah sebagai berikut:

1. Data yang akan diolah pada sistem informasi ini adalah data

peminjaman, data pengembalian, data jenis buku, dan data denda di

perpustakaan SMP Negeri 8 Semarang.

2. Pengambilan data untuk penelitian ini di peroleh langsung dari SMP

Negeri 8 semarang.

3. Perancangan Sistem dan Perancangannya tidak membahas keamanan

sistem informasi digital library di SMP Negeri 8 Semarang.

1.4 Manfaat Tugas Akhir

Manfaat yang diharapkan dari tugas akhir ini adalah :

a. SMP Negeri 8 Semarang

1) Mempermudah guru dan siswa di SMP Negeri 8 Semarang

dalam hal membaca buku digital dari perpustakaan.

2) Mempermudah Admin untuk membuat laporan rekapan buku

baru.

3) Sebagai masukan, referensi sumbangan pemikiran serta bahan

pertimbangan yang dapat digunakan SMP Negeri 8 Semarang

sebagai sarana pengolahan data digital library secara

komputerisasi.

3

b. Bagi penulis

1) Dijadikan sebagai tolak ukur dalam mempraktekkan hasil belajar

dan sebagai penerapan materi pembelajaran di Fakultas

Teknologi Informasi dan Komunikasi Universitas Semarang.

2) Menambah wawasan dan pengetahuan tentang pembuatan sistem

informasi digital library pada SMP Negeri 8 Semarang.

3) Memperoeh pengalaman dalam dunia kerja.

c. Bagi Pembaca

1) Sebagai referensi pembuatan laporan.

2) Menambah pengetahuan dan referensi tentang pembuatan Sistem

Informasi digital library pada SMP Negeri 8 Semarang.

d. Bagi Akademik

1) Menambah literatur perpustakaan Fakultas Teknologi Informasi

dan Komunikasi Universitas Semarang.

2) Mengetahui sejauh mana kemampuan mahasiswa dalam

menguasai materi yang diterima selama mengikuti perkuliahan.

1.5 Tujuan Tugas Akhir

1. Membuat Sistem Informasi Digital Library Pada SMP Negeri 8

Semarang.

2. Memberikan gambaran sistem dan struktur kerja di lapangan serta

interaksinya dalam perusahaan.

3. Mengenal masalah yang terjadi dan usaha pemecahannya sesuai

dengan kendala yang ada.

4. Memperluas wawasan mahasiswa sebelum memasuki dunia kerja yang

sesungguhnya.

4

1.6 Metodelogi Penelitian

Metodologi penelitian adalah cara atau teknik yang sistematis untuk

mengerjakan atau menyelesaikan sesuatu. Adapun metode penelitian yang

digunakan penulis untuk menyelesaikan berbagai permasalahan yang tejadi

adalah:

1.6.1 Pengumpulan Data

a. Wawancara (Interview)

Penulis melakukan wawancara langsung dengan pihak yang

berperan penting di dalam rancang bangun sistem informasi digital

library berbasis web site menggunakan PDF flip book pada SMP

Negeri 8 Semarang, yaitu Bapak Drs. Murgiyanta selaku Kepala

Sekolah SMP Negeri 8 Semarang. Dalam hal ini, penulis ingin

mengetahui keadaan internal SMP Negeri 8 Semarang, kebutuhan

pembuatan program aplikasi dan sebagainya. Penulis menjelaskan

apa saja yang nantinya akan dibutuhkan dan dilakukan oleh penulis

dalam melakukan penelitian.

b. Pengamatan (Observation)

Metode dengan cara melakukan pengamatan dan pencatatan

kegiatan atau sistem yang berjalan saat ini, sebagai pertimbangan

membuat sistem yang baru yaitu dengan mengamati sistem

perpustakan di SMP Negeri 8 Semarang sebagai analisa kebutuhan.

c. Literatur

Studi Pustaka adalah metode pengumpulan data yang

dilakukan dengan memperoleh data yang dibutuhkan dari buku,

internet, jurnal, atau literature lain.

5

1.6.2 Sumber Data

Sumber data yang digunakan untuk membantu penulis dalam

penyelesaian Laporan Tugas Akhir ini adalah :

a. Data Primer

Adalah data yang didapat secara langsung dari narasumber yang

bersangkutan dengan penelitian tersebut, yaitu Bapak Drs.

Murgiyanta. Adapun data primer yang didapat pada penelitian ini

adalah arsip dokumen perpustakaan yang ada pada sekolah

tersebut.

b. Data Sekunder

Merupakan jenis data yang diperoleh secara tidak langsung,

dengan tujuan data diperoleh dari buku, jurnal, serta sumber -

sumber lain yang berkaitan dengan pembuatan aplikasi ini.

1.6.3 Metode Pengembangan Sistem

Pada metode pengembangan sistem laporan tugas akhir ini

penulis menggunakan metode Waterfall yang selalu digunakan

oleh penulis – penulis lain, sehingga sistem dilakukan secara

linear. Adapun tahapan tersebut meliputi :

1. Requirement Definition

Tahap pertama yang dilakukan adalah mengumpulkan

data – data dari SMP Negeri 8 Semarang.

2. System and Software Design

Penulis menguraikan fungsi dalam pembuatan website di

SMP Negeri 8 Semarang.

3. Implementasi and Unit Testing

Pembuatan desain website supaya menarik secara

keseluruhan.

6

4. Integration and System Testing

Menerapkan desain website yang telah dirancang dengan

melakukan pemrogaman hasil rancangan.

5. Operation and Maintenance

Pengujian/evaluasi merupakan tahap akhir dari seluruh

tahapan yang telah dilakukan, penulis menguji dan

mengevaluasi program apabila belum sesuai dengan

tahapan – tahapan tersebut.

Gambar 1.1 Model waterfall

Sumber : Sommerville, 2011

Requirements

Definition

System and

Software Design

and

Unit

7

1.7 Sistematika Penulisan

Secara garis besar Laporan Tugas Akhir ini terdiri dari 6 (enam) bab

dan beberapa lampiran. Adapun setiap bab dan sub-sub bab terdiri dari:

BAB I : PENDAHULUAN

Bab ini akan membahas Latar Belakang, Rumusan Masalah,

Batasan Masalah, Tujuan dan Manfaat Tugas Akhir, Metodologi

Penelitian dan Sistematika Penulisan.

BAB II : TINJAUAN UMUM SMP NEGERI 8 SEMARANG

Bab ini akan membahas Sejarah Singkat Sekolah, Visi, Misi dan

Tujuan, Struktur Organisasi, Fungsi dan Tugas Sekolah, Fungsi dan

Tugas Pengelola Sekolah.

BAB III : LANDASAN TEORI

Pada bab ini penulis akan menguraikan sekilas tentang Konsep

Dasar, Informasi dan Sistem Informasi, Sekilas tentang Database,

PHP (Hypertext Preprocessor).

BAB IV :PERENCANAAN DAN ANALISA PERANCANGAN

SISTEM

Bab ini berisi tentang Analisa Sistem, Komponen Utama Sistem,

Perancangan Sistem, dan Perancangan Database.

BAB V : IMPLEMENTASI SISTEM

Berisi hasil dari desain input dan output, hasil uji coba terhadap

analisa dan perancangan yang telah disusun, serta tampilan-

tampilan program.

8

BAB VI : PENUTUP

Berisi tentang kesimpulan hasil analisa dan saran untuk mendukung

rancangan sistem yang dibuat.

DAFTAR PUSTAKA

LAMPIRAN

9

BAB II

TINJAUAN UMUM SMP NEGERI 8 SEMARANG

2.1 Sejarah Singkat SMP Negeri 8 Semarang

SMP Negeri 8 Semarang beralamat di Jl. Cinde Raya No. 18 Semarang.

Sebelum sekolah ini, telah berdiri Sekolah Teknis Negeri I (ST 1) yang terdiri

dari Jurusan Bangunan Gedung dan Bangunan Air.

ST Negeri 1 semula menempati gedung sekolah di jl. Dr.Cipto 93

Semarang. Pada tanggal 1 januari 1977 sekolah tersebut pindah dan

menempati bangunan gedung STM di Jl. Cinde Raya No. 18 Semarang.

Berdasarkan SK Mendikbud No. 030/V/1979 tanggal 17 April 1979, ada 8

sekolah kejuruan yang ada di kota semarang terhitung sejak 1 april 1979

diinteritas menjadi SMP Negeri 8 Semarang. Berhubung SK Mendikbud

tersebut mulai berlaku sejak 1 April 1979, maka secara Yuridis dan historis

lahirnya SMP Negeri 8 Semarang adalah pada tanggal 1 April 1979.

2.2 Visi, Misi, Tujuan SMP NEGERI 8 SEMARANG

2.2.1 Visi

Visi unggul dalam mutu, mantap meraih prestasi berdasarkan

iman dan taqwa.

2.2.2 Misi

a. Bertaqwa terhadap Tuhan yang maha esa.

b. Berbudi pekerti luhur.

c. Terampil, mandiri, dan memiliki daya jual.

d. Memberikan pelayanan prima.

e. Memiliki wawasan luas.

10

2.2.3 Tujuan

a. Menyiapkan siswa memasuki lapangan kerja serta mengembangkan

sikap profesionalisme.

b. Menyiapkan siswa agar mampu melatih karier, berkompetisi, dan

mampu mengembangkan diri.

c. Menyiapkan tenaga tingkat menengah untuk mengisi kebutuhan

dunia usaha dan industri pada saat ini maupun dimasa yang akan

datang.

d. Menyiapkan tamatan agar menjadi warga negara yang produktif,

adaptif dan kreatif.

2.3 Lokasi Sekolah

Gambar 2.1 Peta lokasi SMP Negeri 8 Semarang

11

Gambar 2.2 SMP Negeri 8 Semarang

Gambar 2.3 Ruang Kelas

12

2.4 Struktur Organisasi

Gambar 2.4 Struktur Organisasi SMP Negeri 8 Semarang

Periode : 2015-2020

INSTITUSI PASANGAN

ADHARI

Ka TATA ADMINISTRASI

DJUMARWI

WKS 4.HUMAS/ INDUSTRI

ADHARI WKS 3.SARPRAS &SDM

ADHARI WKS 2. KESISWAAN

R. TAUFIQ ISNAINI WKS 1. KURIKULUM

AGUNG SUSILO,S.Pd

KETUA KOMITE SEKOLAH

SUTIKNO,S.Pd

KEPALA SEKOLAH

Drs. MURGIYANTA

Dewan Guru &WaliKelas

Ka.BKK

AINUN,S.Pd

Ka.Prakerin

DAROJAT BAYU A, ST

Ka. TATA USAHA

SULISTYO R,S.Pd

Ka. ADM. PERKANTORAN

MOCH. TAUFIK,S.Pd

Ka. PEMASARAN

SUSILOWATI,SE

13

Gambar 2.5 Struktur Organisasi TATA USAHA SMP Negeri 8 Semarang

Periode : 2015-2020

Tugas :

Pengelolahaan teknik edukatif Program Diklat berdasarkan Visi dan

misi sekolah yaitu ;

a. Menjabarkan, melaksanakan dan mengembangkan Program

KBM berdasarkan kurikulum.

b. Mengelola unsur pokok-pokok manajemen sekolah: Man (guru,

karyawan, murid); Money (dana dari orangtua peserta didik dan

pemerintah), dan Material (fasilitas berupa: gedung, perabot

sekolah, alat-alat pelajaran teori dan praktik ).

KEPALA SEKOLAH

Drs. MURGIYANTA

Ka TATA ADMINISTRASI

DJUMARWI

BAGIAN .PERPUSTAKAAN

TARSINI BAGIAN SURAT MENYURAT

MUSRIAH

KA. NORMADA

NURUL CHOIRIYAH Pembina OSIS / STP2K

KUNARSIH

2.5 Tugas Jabatan Struktural

1. Kepala Sekolah (KS)

14

c. Mengadakan kerjasama dengan pihak luar, seperti orang tua,

pengguna produk (tamatan), jajaran pemerintah dll.

2. Wakil Kepala Sekolah Bidang Kurikulum (WKS 1)

Tugas :

a. Menjabarkan kurikulum menjadi program operasional Diklat di

sekolahan melalui analisis kurikulum, sinkronisasi, menetapkan

kurikulum validasi.

b. Menetapkan program pembelajaran, jadwal kegiatan, pembagian

tugas mengajar, jadwal pembelajaran dan bahan ajar.

c. Mengorganisasi/mengkoordinasi KBM baik teori maupun

praktik yang terdiri dari: Persiapan KBM, Pelaksanaan KBM,

Evaluasi Hasil Belajar, Analisis Hasil Evaluasi Belajar,

Perbaikan dan Pengayaan.

d. Mengelola administrasi pendidikan/pengajaran.

e. Merencanakan dan menyusun program pengembangan

kurikulum.

3. Wakil Kepala Sekolah Bidang Kesiswaan (WKS 2)

Tugas :

a. Menyusun program kegiatan kesiswaan dan mengkoordinasikan

pelaksanaannya.

b. Memonitor dan mengevaluasi seluruh kegiatan kesiswaan.

c. Merencanakan dan melaksanakan pendaftaran dan penerimaan

peserta didik baru.

d. Pembinaan OSIS dan ekstrakulikuler.

e. Mengelola administrasi kegiatan siswa.

f. Memperhatikan, memelihara, menjaga suasana sekolah

(keamanan, ketertiban, kebersihan, keindahan, kekeluargaan,

kenyamanan dan kerindangan).

g. Merencanakan, membuat dan merevisi Buku Pedoman Siswa.

h. Mengkoordinasikan program BP/BK.

i. Mengkoordinir pelaksanaan beasiswa.

15

4. Wakil Kepala Sekolah Bidang Sarana Prasarana dan Ketenagaan

(WKS 3)

Tugas :

a. Menyusun program pemberdayaan dan pengembangan sarana

prasarana.

b. Memberdayakan sarana prasarana agar berfungsi sebagaimana

mestinya.

c. Secara rutin menyampaikan hasil kerja kepada KS.

d. Memonitor dan mengevaluasi pelaksanaan perawatan, perbaikan

dan pengembangan sarana prasarana.

5. Wakil Kepala SekolahBidang Hubungan Masyarakat dan Hubungan

Industri (WKS 4)

Tugas :

a. Menyusun program kerjasama dengan dunia usaha dan Instansi

terkait.

b. Menjalin kerjasama dengan dunia usaha dan Instansi terkait.

c. Mempromosikan potensi sekolah.

d. Memonitor dan mengevaluasi pelaksanaan program yang

berkaitan dengan hubungan masyarakat.

6. Kepala Tata Administrasi (KTA)

Tugas :

a. Menjabarkan kebijakan Kepala Sekolah.

b. Mengkoordinasikan Administrasi Sekolah.

c. Melaksanakan administrasi Umum/korespondensi kedalam dan

keluar.

d. Mengelola Ketata Administrasian sekolah dan kerumah

tanggaan.

e. Mengelola administrasi kepegawaian dan Pensiun.

f. Mengelola Buku Induk Siswa termasuk Guru dan Pegawai

g. Menyusun program kerja Tata Administrasi.

h. Mengurus kebutuhan fasilitas Tata Administrasi.

16

i. Membina dan mengembangkan karir tenaga tata usaha sekolah.

j. Mengatur administrasi inventaris sekolah (alat. Perbotan, ATK).

k. Mengatur administrasi kesiswaan.

l. Membantu Kepala Sekolah dalam menyusun RAPBS dan

RENSTRA.

m. Menilai DP3 Staf Tata Administrasi.

n. Menyusun laporan.

7. Administrasi Pendidikan (AP)

Tugas :

a. Mengkoordinasikan pembagian tugas mengajar dan tugas

tambahan guru normatif dan adaptif.

b. Mengkoordinasikan pemenuhan kebutuhan alat dan bahan

pelajaran teori dan praktik guru normatif dan adaptif.

c. Membantu WKS1 dalam kelancaran dan ketertiban Proses

Belajar Mengajar.

d. Mengkoordinasikan kegiatan analisa kurikulum, MGMD atau

MGMP dan penilaian hasil belajar program normatif dan

adaptif.

e. Mengevaluasi Kegiatan Belajar Mengajar dan tugas lain dalam

bidang normatif dan adaptif.

f. Membuat laporan berkala dan insidental.

8. Wali Kelas

Tugas :

a. Mewakili KS dan orangtua dalam pembinaan siswa.

b. Membina kepribadian, ketertiban dan kekeluargaan.

c. Membantu pengembangan, peningkatan, kecerdasan, dan

keterampilan siswa.

d. Evaluasi nilai rapor dan kenaikan kelas.

e. Membantu WKS1 dan WKS2 dalam permasalahan yang terkait.

f. Membuat catatan tentang:

1. Situasi keluarga dan ekonomi.

17

2. Ketidakhadiran, pelanggaran, dan prilaku siswa.

3. Prestasi akademik masing-masing siswa.

9. Guru

Tugas :

a. Program Kegiatan Belajar Mengajar meliputi :

1. Persiapan meliputi analisis kurikulum, membuat Rancangan

Peraturan.

2. Pelaksanaan kegiatan belajar mengajar.

3. Evaluasi.

4. Analisis.

5. Perbaikan.

b. Pembinaan terhadap siswa.

c. Pengelolaan kelas.

10. Koordinator BK dan Kultur Sekolah

Tugas :

a. Menyusun program kerja BK untuk satu tahun (untuk calon

siswa SMP selama pendidikan dan pelayanan pada tamatan

untuk mencari pekerjaan/mandiri) dan melaksanakannya.

b. Memberikan penjelasan kepada calon siswa tentang macam-

macam program keahlian, kemampuan tamatan dan lapangan

kerja yang dapat dimasuki.

c. Menangani permasalahan yang berkaitan dengan kenakalan

siswa, penyimpangan disiplin dan gangguan belajar.

d. Memberikan bimbingan penyuluhan kepada siswa secara

individu yang berkaitan dengan hambatan hidup, latar belakang

social, pengaruh lingkungan, kesukaan belajar dan sebagainya.

e. Mengembangkan potensi siswa sesuai bakat dan minat siswa.

f. Membimbing siswa dalam pengenalan lingkungan dan dunia

kerja.

g. Memberi dorongan (motivasi) pada siswa secara klasikal

maupun individual untuk mencintai kerja.

18

h. Mengadakan kunjungan kepada orang tua siswa bagi yang

mempunyai masalah.

i. Menangani bea siswa.

j. Ikut memasarkan tamatan ke dunia kerja dan menelusuri

tamatan.

k. Membuat laporan berkala dan insidentil.

11. Ketua Praktek Kerja Industri

Tugas :

a. Mengurus dan mengkoordinasikan kegiatan kerja sama antara

sekolah dengan dunia usaha dan industri

b. Mengurus dan mengkoordinasikan kegiatan praktek kerja

industri.

c. Mengerjakan administrasi kegiatan dan administrasi keuangan

praktek kerja industry.

d. Membuat laporan berkala dan insidentil.

12. Ketua Bursa Kerja Khusus

Tugas :

a. Mengurus dan mengkoordinasikan kegiatan kerja sama antara

sekolah dengan dunia usaha dan industri

b. Mengurus dan mengkoordinasikan kegiatan bursa kerja.

c. Mengerjakan administrasi kegiatan dan administrasi keuangan

BKK.

d. Membuat laporan berkala dan insidentil.

13. Koordinator Sarana Prasarana

Tugas :

a. Membuat administrasi pembukuan sarana dan prasarana serta

penataan lingkungan sekolah.

b. Mengatur pembayaran atau pencairan dana pemeliharaan atau

pembangunan sarana dan prasarana sekolah dan lingkungan

sekolah.

19

c. Membuat laporan keuangan, ketenagaan, sarana dan prasarana

sekolah dan lingkungan sekolah.

d. Melakukan perbaikan dan perawatan sarana dan prasarana

sekolah untuk kelancaran kegiatan pembelajaran.

e. Melakukan pengolahan kegiatan kebersihan untuk mewujudkan

kondisi sekolah yang sehat, bersih, nyaman dan ramah

lingkungan.

14. Pembina OSIS

Tugas :

a. Seksi Bidang Ketaqwaan Terhadap Tuhan Yang Maha Esa.

1. Menyelenggarakan kegaiatan sholat Jum’at di sekolah.

2. Melaksanakan peringatan hari besar agama.

3. Menyelenggarakan pesantren kilat/Ramadhan.

4. Menyelenggarakan buka puasa bersama.

5. Mengkoordinasi infaq mushola.

6. Mengikuti berbagai lomba keagamaan.

7. Menyelenggarakan penyembelihan hewan qurban.

b. Seksi Bidang Kehidupan Berbangsa dan Bernegara.

1. Melaksanakan upacara bendera setiap Senin.

2. Melaksanakan apel siswa 1 minggu sekali

3. Mengkoordinasikan upacara hari besar nasional (Hari

Kemerdekaan, Kebangkitan Nasional, Pendidikan Nasional,

Pahlawan dan Sumpah Pemuda).

4. Melaksanakan bakti social/masyarakat.

c. Seksi Bidang Pendidikan dan Pendahuluan Bela Negara.

1. Melaksanakan tata tertib siswa/sekolah.

2. Pembinaan kepada siswa yang tidak mematuhi tata tertib.

3. Melaksanakan inspeksi mendadak (sidak) pada saat PBM

berlangsung.

4. Memberikan penyuluhan tentang bahaya Narkoba.

5. Melaksanakan baris berbaris/PASKIBRA.

20

d. Seksi Bidang Kepribadian dan Budi Pekerti Luhur.

1. Mengkoordinasikan kegiatan ekstra kulikuler PMR.

2. Mengikuti Kejuaraan Pemberdayaan Rakyat.

3. Melaksanakan Donor Darah.

4. Melaksanakan kegiatan amal untuk yatim piatu, panti

asuhan, tertimpa bencan alam.

5. Pengadaan obat-obatan untuk PPPK.

e. Seksi Bidang Berorganisasi, Pendidikan Politik dan

Kepemimpinan.

1. Melaksanakan pemilihan pengurus OSIS dan MPK

2. Memantapkan panitia Masa Penerimaan Siswa Baru.

3. Melaksanakan kegiatan ekstrakulikuler Pramuka.

4. Menyelenggarakan Latihan Dasar Kepemimpinan untuk

pengurus OSIS dan MPK.

5. Mengikuti dan melaksanakan kegiatan kepramukaan

(DIKCADA, Ulang Janji, Pelantikan Bantara).

6. Menyelenggarakan ujian SKU

7. Mengkoordinasi iuran pramuka ke Kwarcab.

f. Seksi Bidang Keterampilan dan Kewiraswastaan.

1. Membantu penyelenggaraan koperasi siswa.

2. Melaksanakan praktek koperasi siswa.

g. Seksi Bidang Kesegaran Jasmani dan Daya Kreasi

1. Menyelenggarakan kegiatan ekstra kulikuler olahraga (Bola

volley, Basket, Sepak Bola, Beladiri).

2. Menyelenggarakan Liga SMP.

3. Mengikuti kegiatan POPDA.

4. Mengikuti turnamen bidang olahraga.

5. Menyelenggarakan penyuluhan penyalahgunaan narkoba.

6. Melaksanakan kebersihan lingkungan.

21

h. Seksi Bidang Persepsi, Apresiasi dan Kreasi Seni.

a. Menyelenggarakan kegiatan ekstrakulikuler seni musik.

b. Menyelenggarakan pentas seni.

c. Mengikuti lomba bidang seni.

d. Menyelenggarakan majalah dinding.

e. Mendokumentasikan berbagai kegiatan siswa.

15. Kepala Perpustakaan

Tugas :

Menyusun program dan mengkoordinasikan pelaksanaannya yang

meliputi :

a. Bersama dengan petugas urusan pelayanan dalam melaksanakan

kegiatan perpustakaan.

b. Membuat tata tertib perpustakaan.

c. Menentukan kebutuhan bahan dan perlengkapan yang

dibutuhkan perpustakaan.

d. Melaksanakan pengembangan perpustakaan.

22

BAB III

LANDASAN TEORI

3.1 Data

Data didefinisikan sebagai diskripsi dari suatu dan kejadian yang

kita hadapi. Data dapat berupa catatan dalam kertas, buku, atau

tersimpan sebagai file dalam suatu database. Data akan menjadi bahan

dalam suatu proses pengolahan data. Oleh karena itu, suatu data belum

dapat berbicara banyak sebelum diolah lebih lanjut (Anhar, 2014).

3.2 Informasi

Informasi merupakan data yang telah diproses sehingga mempunyai

arti tertentu bagi penerimanya. Sumber dari informasi adalah data,

sedangkan data itu sendiri adalah kenyataan yang menggambarkan suatu

kejadian, sedangkan kejadian itu merupakan suatu peristiwa yang terjadi

pada waktu tertentu. Dalam hal ini informasi dan data saling berkaitan

(Zainal Arifin, 2013).

3.3 Sistem

Sistem adalah sekumpulan elemen yang saling terkait atau

terpadu yang dimaksudkan untuk mencapai suatu tujuan (Abdul Kadir,

2014).

Sistem itu sendiri memiliki karakteristik atau beberapa sifat

tertentu, yaitu mempunyai komponen (components), batas sistem

(boundary), lingkaran luar sistem (environments), penghubung

(interface), masukan (input), keluaran (output), pengolahan (process),

dan sasaran suatu tujuan (goal).

23

3.4 Database

Basis Data (Database) atau sering pula di ejah basis data 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 query basis data disebut

sistem manajemen basis data (database management system).

Bahasa basis data merupakan bahasa yang digunakan oleh user

untuk berkomunikasi/berinteraksi dengan DBMS yang bersangkutan

misalnya: SQL, dBase, Oracle, dan sebagainya. Secara umum bahasa

basis data terdiri atas : Data Definition Language (DDL), merujuk pada

kesimpulan perintah yang digunakan untuk mendefinisikan objek-objek

basis data seperti penyimpanan data ke suatu tabel, kemudian

mengubahnya dan menghapusnya atau hanya sekedar menampilkannya

(Henderi, 2013).

3.5 Perpustakaan

Dalam arti tradisional, perpustakaan adalah sebuah koleksi

buku dan majalah. Walaupun dapat diartikan sebagai koleksi pribadi

perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah

koleksi besar yang dibiayai dan dioperasikan oleh sebuah kota atau

institusi, serta dimanfaatkan oleh masyarakat yang rata-rata tidak

mampu membeli sekian banyak buku atas biaya sendiri. Tetapi, dengan

koleksi dan penemuan media baru selain buku untuk menyimpan

informasi, banyak perpustakaan kini juga merupakan tempat

penyimpanan akses data cetak atau hasil seni lainnya, mikrofilm,

mikrofiche, tape audio, CD, tape video dan DVD. Selain itu,

perpustakaan juga menyediakan fasilitas umum untuk mengakses

gudang data CD-ROM dan internet.

https://id.wikipedia.org/wiki/Buku

https://id.wikipedia.org/wiki/Masyarakat

24

Perpustakaan dapat juga diartikan sebagai kumpulan informasi

yang bersifat ilmu pengetahuan, hiburan, rekreasi, dan ibadahyang

merupakan kebutuhan hakiki manusia. Oleh karena itu perpustakaan

modern telah didefinisikan kembali sebagai tempat untuk

mengakses informasi dalam format apa pun, apakah informasi itu

disimpan dalam gedung perpustakaan tersebut ataupun tidak. Dalam

perpustakaan modern ini selain kumpulan buku tercetak, sebagian buku

dan koleksinya ada dalam perpustakaan digital dalam bentuk data yang

bisa diakses lewat jaringan computer (Ade Kohar,2014).

Gambar 3.1 Perpustakaan

3.6 Digital Library

Perpustakaan digital atau digital library atau electronic library

atau virtual library adalah perpustakaan yang mempunyai koleksi buku

sebagian besar dalam bentuk format digital dan yang bisa diakses

dengan komputer. Jenis perpustakaan ini berbeda dengan jenis

perpustakaan konvensional yang berupa kumpulan buku tercetak, film

mikro (microform dan microfiche), ataupun kumpulan kaset audio,

video, dll. Isi dari perpustakaan digital berada dalam suatu komputer

https://id.wikipedia.org/wiki/Ibadah

https://id.wikipedia.org/wiki/Informasi

https://id.wikipedia.org/wiki/Perpustakaan_digital

25

server yang bisa ditempatkan secara lokal, maupun di lokasi yang jauh,

namun dapat diakses dengan cepat dan mudah lewat jaringan komputer.

Istilah perpustakaan digital pertama kali diperkenalkan lewat

proyek NSF/DARPA/NASA: Digital Libraries Initiative pada tahun

1994. Perpustakaan digital yang paling banyak dikenal saat ini adalah

Proyek Gutenberg, ibiblio dan Internet Archive, serta proyek yayasan

Wikimedia ini sendiri (termasuk wikisource, wikipedia, Wiktionary,

Wikiquote, Wikibooks, Wikinews, Wikispecies, Wikiversity,

Commons, Meta-Wiki, MediaWiki, dll). Definisi singkat dari

perpustakaan digital adalah bentuk perpustakaan yang keseluruhan

koleksinya memakai format digital yang disusun dalam sebuah

arsitektur komputerisasi. Arsitektur ini disusun dalam sebuah proyek

yaitu proyek perpustakaan digital. Penelitian proyek perpustakaan

digital menggunakan WWW (World Wide Web) yang dihubungkan

dengan jaringan internet sebagai media penyalur informasi utama.

WWW memiliki banyak kelebihan yang didukung berbagai macam

protokol komunikasi (HTTP, FTP, Gopher), penggunaan HTML

sebagai bahasa standar markup (Anhar,2015).

Gambar 3.2 Digital Library

26

3.7 PHP

Menurut Mulyana Sandi (2014), Hypertext Preprocessor yang

biasa disebut PHP adalah bahasa skrip yang dapat ditanamkan atau

disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram

situs web dinamis. PHP pertama kali dibuat oleh Rasmus Lerdorf pada

tahun 1995. Pada waktu itu, PHP masih bernama Form Interpreted (FI),

yang wujudnya berupa sekumpulan skrip yang digunakan untuk

mengolah data formulir dari web. Selanjutnya Rasmus merilis kode

sumber tersebut untuk umum dan menamakannya PHP/FI.

Gambar 3.3 Hypertext Preprocessor

3.8 Dreamweaver

Saat ini aktivitas membuat website sudah mulai menjadi tren

baru yang banyak dipelajari orang. Menggeser aktivitas membuat e-mail

beberapa waktu lalu. Apalagi, saat ini sudah banyak terdapat program

aplikasi web editor yang memudahkan orang untuk membuat website

dengan cepat, mudah, dan hasilnya pun menjadi sangat menarik dan

interaktif.

Dreamweaver dapat menggunakan ekstensi dari pihak ketiga

untuk memperpanjang fungsionalitas inti dari aplikasi, yang setiap

pengembang web bisa menulis (sebagian besar dalam HTML dan

javaScript). Dreamweaver didukung oleh komunitas besar pengembang

27

ekstensi yang membuat ekstensi yang tersedia (baik komersial maupun

yang gratis) untuk pengembangan web sederhana sampai full-featured

shopping cart. Pada saat menjalankan program Adobe Dreamweaver,

pertama kali akan muncul tampilan start page. Bagian atas terdiri dari

tiga bagian, yaitu Open a Recent Item, Create New dan Top Features

(videos). Sedangkan pada bagian bawah terdiri dari Getting Started,

New Features, Resources dan Dreamwaever Exchange (Adi Nugroho,

2010).

Gambar 3.4 Menu Start Page

Berikut penjelasan mengenai menu yang ada pada Start Page:

a. Open a Recent Item, merupakan pilihan untuk membuka file

ataupun recent file yang baru digunakan untuk membuka file

dengan menekan icon open.

b. Create New, merupakan pilihan untuk membuka halaman

baru. Terdapat beberapa macam tipe file untuk format

halaman website yang dapat dipilih.

28

c. Top Features (videos), digunakan untuk membuka beberapa

fitur yang telah disediakan melalui internet.

Interface dari Dreamweaver dari waktu ke waktu tidak banyak

mengalami pembaruan yang berbeda dari versi sebelumnya. Berikut

bagian-bagian yang terdapat pada jendela kerja Dreamweaver.

Insert Bar Document Toolbar Panel Group

Document Property

Gambar 3.5 Menu jendela kerja Dreamweaver

Berikut ini penjelasan mengenai menu yang di atas:

1. Insert Bar adalah kumpulan menu yang digunakan untuk memasukkan

sebuah objek atau fungsi lainya kedalam jendela dokumen. Insert Bar

mempunyai tujuh menu didalamnya, yaitu common, layout, form, data,

spry,text dan favorites.

29

2. Document Toolbar adalah tempat menampilkan file-file dokumen yang

anda buat berupa jendela dokumen (berbentuk tab). Document Toolbar

mempunyai tiga buah tab yang dapat membantu anda mendesain web

dengan mengubah tampilan dari jendela dokumen, yaitu code,split dan

design.

3. Panel Group adalah kumpulan panel-panel pelengkap lainya dan

berfungsi untuk mengorganisir, mengatur serta pelengkap website yang

akan dibuat. Contoh : panel CSS yang berfungsi untuk mempercantik

tampilan website yang dibuat.

4. Document Window berfungsi sebagai tempat meletakkan objek-objek

atau komponen untuk membuat dan merancang website.

5. Property Inspector berfungsi untuk mengetahui serta mengubah property

dari sebuah objek. Contoh: untuk penulisan sebuah teks anda dapat

mengubah jenis font, warna dan ukuran dari teks tersebut.

3.9 Macam – Macam Diagram UML

1. Use Case Diagram

Use Case diagram merupakan salah satu diagram untuk

memodelkan aspek perilaku sistem atau menggambarkan fungsionalitas

yang diharapkan pada sebuah sistem. Use Case adalah interaksi antara

aktor eksternal dengan sistem, hasil yang dapat diamati oleh aktor,

berorientasi pada tujuan, dideskrepsikan di diagram use case dan teks.

Use case menggambarkan sebuah pekerjaan tertentu, misalnya login ke

sistem, membuat daftar tamu, dan sebaganya.

Diagram use case melibatkan:

a. Sistem yaitu sesuatu yang akan kita bangun.

b. Aktor yaitu entitas-entitas luar yang berkomunikasi dengan sistem.

c. Use case adalah fungsionalitas yang dipersepsi oleh aktor.

d. Relasi adalah relasi antara aktor dengan use case.

30

Tabel 3.1 Simbol Use Case Diagram

Sumber : Menggunakan UML (Herlawati, 2013)

NO GAMBAR NAMA KETERANGAN

1

Actor

Orang atau pihak yang

akan mengelola sistem.

2

<<Include>>

Menunjuk bagian dari

elemen data sebelumnya

memicu eksekusi bagian

dari elemen berikutnya. 3

<<Extend>>

Menunjuk dari suatu

bagian elemen yang bisa

di sisipkan ke dalam

elemen berikutnya.

4 Association

Menggambarkan

hubungan yang khusus

dalam objek. 5

Use Case Semua urutan kegiatan

yang dilakukan actor

dan sistem untuk

mencapai suatu tujuan

tertentu.

2. Sequence Diagram

Diagram sequence digunakan untuk menggambarkan urutan

kejadian dari suatu kegiatan. Diagram sequence menunjukkan objek

sebagai garis vertikal dan tiap kejadian sebagai panah horisontal dari

objek pengirim ke objek penerima.

31

Tabel 3.2 Simbol Sequence Diagram



1

Actor Orang ataupun pihak yang

akan mengelola system

2

LifeLine

Menggambarkan sebuah objek

dalam sebuah sistem atau

salah satu komponennya.

3

Create

Message

Pembuatan sebuah message

sederhana antar elemen. Dan

juga mengidentifikasi

komunikasi antara objek.

4

Syncronous

Message

Message ini mengaktifkan

sebuah proses dan sampai

selesai , baru bisa mengirikan

message baru

5 Message to

self

Suatau hasil kembalian sebuah

operasi dan berjalan pada

objek itu sendiri

3. Class Diagram

Class diagram menunjukkan kelas-kelas yang ada di sistem dan

hubungan antar kelas-kelas itu, atribut dan operasi di kelas-kelas.

Diagram kelas menggambarkan keadaan suatu sistem, sekaligus

menawarkan pelayanan untuk memanipulasi keadaan tersebut (metode

fungsi).

32

Tabel 3.3 Simbol Class Diagram



1

Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku

dan struktur data dari objek

yang ada di atasnya objek

induk (ancestor).

2

Nary

Association

Upaya untuk menghindari

asosiasi dengan lebih dari 2

objek.

3

Class

Himpunan dari objek-objek

yang berbagi atribut serta

operasi yang sama.

4

Collaboration

Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang

menghasilkan suatu hasil yang

terukur bagi suatu actor

5

Realization

Operasi yang benar-benar

dilakukan oleh suatu objek.

6

Dependency

Hubungan dimana perubahan

yang terjadi pada suatu elemen

mandiri (independent) akan

mempegaruhi elemen yang

bergantung.

4. Activity Diagram

Pada dasarnya, diagram aktivity adalah diagram flowchart yang

diperluas yang menunjukkan aliran kendali suatu aktivitas ke aktivitas

yang lain. Diagram aktivity juga dapat menggambarkan proses pararel

yang mungkin terjadi pada beberapa eksekusi. Diagram aktivity berupa

operasi-operasi dan aktivitas-aktivitas dari use case.

33

Tabel 3.4 Simbol Activity Diagram


No Gambar Nama Keterangan

1

Initial State

Proses dimulai

pertama kali

didalam activity

2

State

Aktivitas yang

terjadi didalam

activity

3

Control Flow

Urutan

perpindahan

suatu aktivitas

4

Decision

Menggambarkan

cabang suatu

keutusan

5

Transition(Fork)

Kegiatan yang

dilakukan secara

parallel

6

Transition(Join)

Menunjukan

kegiatan yang

digabungkan

7

Final State

Proses terakhir

didalam activity

8

Activity

Aktivitas yang

terjadididalam

diagram activity

34

BAB IV

PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

4.1 Perencanaan

Perencanaan sistem dilakukan saat suatu kegiatan akan berjalan.

Perencanaan sistem digital library adalah suatu sistem perpustakaan digital pada

SMP Negeri 8 Semarang yang dapat diakses oleh murid dan guru. Sistem aplikasi

digital library ini hanya untuk SMP Negeri 8 Semarang.

Informasi yang dapat diakses oleh sekolah bersumber pada sebuah server

yang di dalamnya terdapat sistem dan database tempat menyimpan data. Sistem

dikelola oleh admin untuk melakukan proses pengisian, pengubahan, dan

penghapusan data. Sistem online ini dibangun mengunakan PHP dengan

menggunakan MySQL sebagai database yang berisi informasi-informasi yang

akan diakses. Perancangan database dilakukan agar penyimpanan data dapat

berjalan dengan optimal dan peristiwa redudansi atau pengulangan data dapat

diminimalisir.

4.2 Analisa Sistem

Analisa sistem merupakan kegiatan mengidentifikasi dan mengevaluasi

permasalahan yang terjadi pada suatu sistem yang akan dibuat. Sistem ini dibuat

untuk membantu siswa dalam belajar atau membaca buku yang ada pada

perpustakaan sekolah yang saat ini masih menggunakan sistem manual, yaitu jika

para siswa ingin membaca atau meminjam buku di perpustakaan sekolah harus

datang langsung ke perpustakaan sekolah, sehingga hal ini kuranglah efektif dan

efisien. Dalam menganalisa sistem yang akan dibuat, penulis akan menggunakaan

UML (Unified Modelling Language), yang meliputi pemodelan use case

diagram, class diagram, sequence diagram, dan activity diagram.

35

4.3 Analisa Kebutuhan Hardware

Berikut adalah spesifikasi hardware pada aplikasi yang akan dijalankan:

a. Prosessor Intel Dual Core

b. Memori (RAM) 1 GB

c. Harddisk 250 GB

d. Monitor VGA

e. Keyboard

4.4 Analisa Kebutuhan Software

Software atau Perangkat Lunak adalah data-data yang terdapat pada sebuah

komputer yang diformat kemudian disimpan secara digital. Bisa dikatakan bahwa

Software merupakan komponen yang tidak terlihat secara fisik, tetapi terdapat

dalam sebuah komputer.

Spesifikasi perangkat lunak yang dibutuhkan dalam pembuatan sistem yang

akan dibuat adalah sebagai berikut :

1. XAMPP ( Apache, PHP, MySQL )

2. Browser ( Mozzila Firefox dan Google chrome )

3. Notepad ++

4. Sistem Operasi ( Windows 7 pro )

4.5 Perancangan Sistem

4.5.1 Use Case Diagram

Dalam use case diagram ini terdapat 1 aktor yaitu admin yang harus

memasuki form login terlebih dahulu sebelum dapat mengakses form menu utama.

Selanjutnya setelah proses login selesai dilakukan, maka admin akan dihadapkan

pada form menu utama yang menampilkan menu dan submenu yang sudah

dikelompokkan menurut kategori, berikut selengkapnya:

36

Gambar 4.1 Use Case Diagram

4.5.2 Skenario Use Case

Skenario use case menjelaskan interaksi yang terjadi antara aktor

dengan use case dalam melakukan proses tertentu berikut ini adalah skenario

use case:

Tabel 4.1 Skenario Use Case Mengelola Data Entry Siswa

Nama Use Case Mengelola data entry siswa

Pelaku Sistem Admin

Diskripsi Proses ini merupakan fungsi untuk mengelola data

entry siswa. Admin menginput satu per satu nama

siswa yang akan melakukan peminjaman.

Kondisi Awal Admin telah login

Skenario Utama Kegiatan Aktor Respon Sistem

1. Masuk Ke menu Utama

dan Memilih sub menu

aplikasi data siswa.

2. Tampil Form

menu aplikasi

37

siswa.

3. Penginputan Data siswa.

4. Simpan data.

Alternatif pilihan

Edit

1. Pilih data edit kemudian

masukkan data yang ingin

di edit.

2. Menyimpan data

pada database.

Alternatif Pilihan

Hapus

1. Hapus data siswa yang akan

di hapus.

2. Data telah

dihapus pada

database

Tabel 4.2 Skenario Use Case Mengelola Data Entry Buku

Nama Use Case Data entry buku

Pelaku Sistem Admin

Diskripsi Proses ini merupakan proses untuk menginput data

entry buku. Satu persatu judul buku di input oleh

admin.

Kondisi Awal Admin harus login terlebih dahulu

Skenario utama Kegiatan Aktor Respon Sistem

1. Masuk ke menu data

entry buku.

2. Menampilkan

halaman utama.

38

Tabel 4.3 Skenario Use Case Mengelola Peminjaman

3. Memilih tombol tambah

data buku.

4. Memvalidasi data

masukan, jika data

valid maka data

disimpan pada

database, jika

tidak valid maka

akan menampilkan

pesan kesalahan

dan menampilkan

kembali form

tambah data.

Alternatif pilihan

Hapus

1. Pilih tombol hapus.

2. Data telah

dihapus pada

database.

Alternatif pilihan

Edit

1. Pilih tombol edit

kemudian

masukkan data

yang ingin di edit.

2. Menyimpan

data pada

database

Nama Use Case Data Entry Peminjaman

Pelaku Sistem Admin

39

Diskripsi Proses ini merupakan proses admin menginput semua

data peminjaman.

Kondisi Awal Admin harus login terlebih dahulu


1. Memilih menu data

peminjaman.

2. Menampilkan halaman.

3. Memilih tombol

tambah.

4. Menampilkan

peminjaman dengan

field-field terbuka dan

siap diisi data peminjam.

5. Mengisi field-field

peminjaman secara

lengkap, berurutan

tidak ada yang

terlewati atau

kosong dan

menekan tombol

simpan.

6. Selesai

Alternatif Pilihan

Hapus

1. Pilih hapus.

2. Data terhapus.

Alternatif Pilihan

Edit


kemudian masukan

data yang ingin di

edit.

2. Menyimpan data pada

40

Tabel 4.4 Skenario Use Case View Buku

database.

Nama use case View buku

Pelaku sistem Siswa

Diskripsi Siswa mengakses dengan membuka menu view buku

untuk mencari daftar buku yang di cari.

Kondisi awal Siswa harus login terlebih dahulu, peminjam sudah

disetujui admin.


1. Masuk menu

utama.

2. Tampil view buku.

3. Pilih view buku yang

di cari.

4. Simpan data buku.

Alternatif pilihan

Edit


kemudian masukkan

data yang ingin di

edit.

2. Menyimpan data pada

database.

Alternatif Pilihan

Hapus

41

Tabel 4.5 Skenario Use Case Edit Profil Siswa

Nama use case Edit profil siswa

Pelaku sistem Siswa

Diskripsi Proses ini merupakan fungsi untuk mengedit profil

siswa.

Kondisi awal Siswa harus login terlebih dahulu.


1. 1. Memilih menu

profil siswa.

2. Menampilkan halaman

profil.

3. 4. Memilih profil

siswa dan

melakukan input

data.

5. Selesai

Alternatif Pilihan

Edit

6. 1. Pilih tombol edit

kemudian masukan

data yang di edit

2. Profil siswa berhasil

disimpan di database.

Alternatif Pilihan

Hapus

3. 1. Pilih tombol hapus.

1. Pilih tombol hapus.

2. Data telah dihapus pada

database.

42

2. Data telah dihapus pada

database.

Tabel 4.6 Skenario Use Case Input Peminjaman

Nama use case Pengajuan pinjaman

Pelaku sistem Siswa

Diskripsi Proses ini merupakan fungsi untuk melakukan

pengajuan pinjaman buku sehingga siswa memilih

buku dan mengisi form peminjaman.

Kondisi awal Siswa harus login terlebih dahulu.


1. Masuk menu utama

2. Sistem merespon dengan

menampilkan menu

pengajuan pinjaman.

3. Memilih sub menu

pengajuan pinjaman

4. Tampil form menu

aplikasi pengajuan

pinjaman

5. Mengisi data pengajuan

peminjaman buku

6. Simpan dan menunggu

konfirmasi admin

4.5.3 Activity Diagram

Dalam activity diagram akan digambarkan bagaimana aktivitas-

aktivitas yang dilakukan oleh actor, dalam kasus ini admin melakukan

aktivitas-aktivitas yaitu entry siswa, entry buku, dan entry peminjaman.

43

a. Activity Diagram Entry Siswa

Gambar 4.2 Activity Diagram Entry Siswa

b. Activity Diagram Entry Buku

Gambar 4.3 Activity Diagram Entry buku

44

c. Activity Diagram Mengelola Peminjaman

Gambar 4.4 Activity Diagram Mengelola Peminjaman

d. Activity Diagram View Buku

Gambar 4.5 Activity Diagram View Buku

45

e. Activity Diagram Edit Profil Siswa

Gambar 4.6 Activity Diagram Edit Profil Siswa

f. Activity Diagram Input Peminjaman

Gambar 4.7 Activity Diagram Input Peminjaman

46

4.5.4 Sequence Diagram

Menggambarkan mengenai alur tiap proses, dimana nantinya

digambarkan melalui interface-interface berupa actor, boundary,

control, entity dan lain-lain.

a. Sequence Diagram Entry Siswa

Gambar 4.8 Sequence Diagram Entry Siswa

b. Sequence Diagram Entry Buku

Gambar 4.9 Sequence Diagram Entry Buku

47

c. Sequence Diagram Mengelola Peminjaman

Gambar 4.10 Sequence Diagram Mengelola Peminjaman

d. Sequence Diagram Edit Profil Siswa

Gambar 4.11 Sequence Diagram Edit Profil Siswa

48

e. Sequence Diagram View Buku

Gambar 4.12 Sequence Diagram View Buku

f. Sequence Diagram Input Peminjaman

Gambar 4.13 Sequence Diagram input Peminjaman

49

4.5.5 Class Diagram

Membahas mengenai rancangan class diagram dari keseluruhan

sistem informasi digital library berbasis web site menggunakan PDF

flipbook pada SMP Negeri 8 Semarang. Berupa entitas-entitas yang

digunakan dalam sistem beserta relasinya terhadap entitas lain.

Gambar 4.14 Class Diagram

4.6 Perancangan Struktur Database

Berikut ini adalah penjelasan mengenai struktur table dari database yang

terdapat pada Rancang Bangun Sistem Informasi Digital Library Berbasis

Website Menggunakan PDF Flip Book Pada SMP Negeri 8 Semarang. Tabel-

tabel yang digunakan dalam sistem ini antara lain:

50

1. Tabel Admin

Fungsi : Menyimpan User Admin

Nama file : Admin

Tabel 4.7 Tabel Admin

No. Nama Field Tipe Data Size Keterangan

1. Username Varchar 15 PrimaryKey

2. Password Varchar 30

3. Akses Varchar 100

2. Tabel Buku

Fungsi : Menyimpan profil buku

Nama file : Admin

Tabel 4.8 Tabel Buku


1. Id_buku Varchar 30 PrimaryKey

2. Nama_buku Varchar 100

3. Pengarang Varchar 100

4. Penerbit Varchar 100

5. Tahun Varchar 100

6. Kategori Varchar 30

7. Jurusan Varchar 100

8. Kode_buku Varchar 800

9. File Varchar 100

10. Tanggal_upl Date -

51

3. Tabel Peminjaman

Fungsi : Data peminjaman

Nama file : Siswa

Tabel 4.9 Tabel Peminjaman


1. Id_pinjam Varchar 10 PrimaryKey

2. Nis Varchar 10

3. Jumlah_buku Int 2

4. Status Char 30

5. Tanggal_pinjam Date -

6. Tanggal_offpinjam Date

4. Tabel Siswa

Fungsi : Data Siswa

Nama file : Siswa

Tabel 4.10 Tabel Siswa


1. Nis Char 5 PrimaryKey

2. Nama_lengkap Varchar 20

3. Nama_panggilan Varchar 4

Keterangan: PrimaryKey

PrimaryKey adalah field kunci atau kunci utama dari suatu table yang

menunjukkan bahwa field yang menjadi kunci tersebut tidak bias diisi dengan data

yang sama atau dengan kata lain key field menjadikan tiap record memiliki identitas

sendiri-sendiri yang membedakan satu sama lain (unik). Key field berguna pada saat

menampilkan record hasil pencarian (searching), pengurutan (sorting), dan berbagai

operasi query lainya.

52

4.7 Desain Sistem

a. Form Login

Gambar 4.15 Desain Form Login

Keterangan:

Pada halaman ini user di haruskan Login terlebih dahulu untuk bisa mengakses

menu-menu yang ada di halaman utama. Form login ini berguna untuk

menyimpan keamanan sistem.

b. Menu Utama

Gambar 4.16 Desain Menu Utama

Keterangan:

Pada halaman ini user memilih menu-menu pilihan yang ada pada menu

utama. Di menu utama terdapat beberapa menu pilihan data buku, data siswa,

peminjaman, profil admin dan logout.

53

c. Menu Input Data Buku

Gambar 4.17 Desain Menu Input Data Buku

Keterangan:

Pada menu ini di gunakan untuk mengupload data buku baru. Form ini

berguna untuk mengisi data buku baru secara mendetail yang akan di upload.

d. Menu Input Data Siswa

Gambar 4.18 Desain Menu Input Data Siswa

Keterangan:

Pada menu ini di gunakan untuk menginput data siswa baru. Form daftar siswa

baru di gunakan untuk mengisi data-data siswa baru secara lengkap.

54

e. Menu Input Peminjaman

Gambar 4.19 Desain Menu Input peminjaman

Keterangan:

Pada menu ini digunakan siswa untuk menginput data peminjaman buku.

Form ini harus di isi dengan kode buku dan nis siswa yang sudah terdaftar.

f. Menu Profil Admin

Gambar 4.20 Desain Menu Profil Admin

Keterangan:

Pada menu ini digunakan untuk merubah mengedit pada data admin. Admin

dapat mengubah dengan memasukkan nis, password, dan nama lengkap

untuk mengubah keamanan sistem login.

55

g. Menu Data Peminjaman

Gambar 4.21 Desain Menu Data Peminjaman

Keterangan:

Pada menu ini muncul data-data nama peminjam yang masih aktif. Form

ini di gunakan untuk mengetahui data nama-nama siapa saja yang masih

aktif dalam peminjaman buku.

h. Menu Laporan

Gambar 4.22 Desain Menu Laporan

Keterangan:

Desain laporan digunakan admin untuk mencetak laporan data hasil

peminjaman siswa yang masih aktif dan off, terdapat juga fasilitas cetak

laporan.

56

BAB V

IMPLEMENTASI SISTEM

5.1 Arsitektur Sistem

Implementasi dari perancangan arsitektur Rancang Bangun Sistem

Informasi Digital Library Berbasis Website Menggunakan PDF Flipbook

Pada SMP Negeri 8 Semarang dapat dilihat pada gambar berikut :

Gambar 5.1 Arsitektur Sistem

Login

Data Siswa

Home

Data Buku Admin

dPenggajia

n

Logout

Profil Admin

Peminjaman

Siswa

Profil Siswa

Logout

Home

Buku Aktif

Koleksi Buku

Peminjaman

57

5.2 Implementasi Sistem

5.2.1 Tampilan Form Login

Form ini akan muncul bila program dijalankan. Form login

digunakan untuk membatasi pengguna lain yang tidak mempunyai hak

mengakses pada sistem dan yang mengetahui username dan password

tersebut hanyalah admin yang telah diberi hak untuk mengoperasikan

sistem.

Gambar 5.2 Form Login

Keterangan :

a. Admin memasukkan username dan password

b. Tekan tombol Login, jika Username dan Password benarakan

menampilkan Form Menu Utama, bila salah akan muncul pesan

"Login salah, periksa kembali username dan password !!!".

58

5.2.2 Tampilan Form Menu Utama

Form menu utama berfungsi memberikan pilihan kepada

Owner untuk dapat mengelola data yang disediakan.

Gambar 5.3 Form Menu Utama

Keterangan :

Di dalam form ini terdapat beberapa tombol, antara lain :

a. Tombol Profil menampilkan menu profil tentang sekolahan.

b. Tombol Koleksi Buku untuk menampilkan menu data buku per

setiap kelas.

c. Tombol Keanggotaan untuk menampilkan menu daftar anggota.

d. Tombol Login untuk masuk kedalam sistem.

e. Tombol Buku Terbaru untuk menampilkan daftar nama-nama

buku terbaru yang di upload oleh admin.

59

5.2.3 Tampilan Form Profil

Pada form ini, akan menampilkan profil sekolah.

Gambar 5.4 Form Profil

Keterangan :

Di dalam form profil ini hanya menampilkan galery foto-foto tentang

sekolahan SMP N 8 Semarang. Semua foto kegiatan maupun aktifitas

sekolah akan di upload oleh admin di menu profil.

5.2.4 TampilanForm Koleksi Buku

Pada form ini, admin dapat mengelola data buku baru.

s

Gambar 5.5 Form Koleksi Buku

60

Keterangan :

Di dalam form koleksi buku ini terdapat pilihan beragam jenis buku

yang dapat di lihat oleh semua murid yang nantinya bisa di pinjam

langsung sesuai buku yang di inginkan oleh murid.

5.2.5 Form Tambah Buku Baru

Pada form ini, Admin dapat menambah buku baru.

Gambar 5.6 Form Tambah Buku Baru

Keterangan :

Admin dapat menginput jenis buku dengan pilihan menu yang tersedia dan

memberikan keterangan jenis buku yang akan di upload ke dalam sistem.

Di dalam form ini terdapat beberapa tombol, antara lain :

a. Tombol choose file untuk menambah buku baru.

b. Tombol simpan untuk menyimpan data buku baru.

61

5.2.6 Tampilan Form Daftar Siswa Baru

Pada form ini, admin mendaftarkan data siswa baru untuk dapat

mengakses masuk ke dalam sistem.

Gambar 5.7 Form Daftar Siswa Baru

Keterangan :

Admin dapat mengisi nis, nama panggilan, nama lengkap, jurusan,

upload foto dan password siswa. Setelah itu admin dapat menyimpan

data siswa dengan cara klik simpad data. Didalam menu terdapat

beberapa tombol yaitu:

a. Tombol choose file untuk mengupload foto di database.

b. Tombol Simpan data untuk menyimpan data.

62

5.2.7 Tampilan Peminjaman Buku

Pada form ini, admin dapat mengecek nama siswa yang

meminjam buku aktif dan non aktif. Admin hanya mengisi nama

siswa yang akan di cek data.

Gambar 5.8 Form Peminjaman Buku

Keterangan :

a. Tombol cek data untuk membuka file database.

5.2.8 Tampilan Data Edit Profil Admin

Form ini berfungsi untuk mengedit data profil admin.

Gambar 5.9 Form Data Edit Profil Admin

63

5.2.9 Tampilan Data Peminjaman

Form ini berfungsi untuk melihat data peminjaman buku pada user

siswa.

Gambar 5.10 Form Data Peminjaman

Keterangan :

Siswa dapat melihat data peminjaman yang masih aktif atau non aktif

dengan masuk ke menu data peminjaman dan akan muncul seperti

tabel di atas ini.

5.2.10 Tampilan Data Koleksi Buku Siswa

Form ini berfungsi untuk minampilkan beberapa koleksi buku yang

dapat di pinjam oleh siswa dengan cara klik tombol pinjam buku.

Gambar 5.11 Form Data Koleksi Buku Siswa

64

Keterangan :

a. Tombol pinjam buku untuk meminjam buku.

b. Tombol Kategori Buku untuk menampilkan jenis buku.

5.3 Pengujian

Program yang telah berhasil diimplementasikan akan diuji. Metode

yang digunakan untuk menguji program adalah whitebox dan blackbox.

Metode whitebox ini adalah suatu metode desain testcase yang menggunakan

struktur control desain prosedural untuk memperoleh testcase. Sedangkan

metode blackbox merupakan pengujian userinterface atau penggunaan setelah

diberikan ke pengguna dapat dioperasikan atau tidak. Metode pengujian ini

akan diterapkan dengan menggunakan table referensi masukan keluaran

untuk menguji perilaku sistem saat diberikan masukan tertentu, apabila

keluaran yang dihasilkan sesuai yang diharapkan maka dapat dikatakan

bahwa sistem lolos dari pengujian black box.

5.3.1. Hasil pengujian White Box Testing

Untuk pengujian menggunakan metode whitebox testing adalah

pengujian berbasis path. Dengan menggunakan basis path ini

memungkinkan desainer testcase mengukur kompleksitas logis dari

desain procedural dan menggunakannya sebagai pedoman untuk

menetapakan basis set dari setiap jalur eksekusi. Testcase yang

dilakukan untuk menggunakan basis set tersebut dijamin untuk

menggunakan statemen di dalam program paling tidak sekali selama

pengujian. Sebagai contoh pengujian diambilkan dari program

peminjaman buku pada Rancang Bangun Sistem Informasi Digital

Library Berbasis Website Menggunakan PDF Flipbook Pada SMP

Negeri 8 Semarang.

5.3.2. Pengujian White Box Testing

Hasil rancangan dengan menggunakan pengujian kotak putih

pada alur program, struktur logika program dan prosedur programnya

65

dengan cara pemetaan flowchart ke dalam flowgraph, kemudian

menghitung besarnya jumlah edge dan node ini akan menentukan

besarnya cyclometic complexity.

Pengujian White Box dapat dilakukan sebagai berikur:

1. V (G) = E-N+2 hasilnya sama dengan V (G) = P+ 1

2. Flowgraph mempunyai region yang sama dengan jumlah V (G)

maka sistem dikatakan sudah terbukti efektif dan efisien.

a. Bagan Alur Proses Peminjaman Buku

T

T

Y

Gambar 5.12 Bagan Alur Proses Peminjaman Buku

start

Status

: wait

Status

: acc

Actor : acc

Tgl : tgl acc

Siswa baca &

download Tgl acc >

3 hari

Status : stop

end

Y

Y

T

66

b. Listing Program



<div class="pre-header">

<div class="container">

<div class="row">



<div class="col-md-6 col-sm-6 additional-shop-info">

<ul class="list-unstyled list-inline">

<li><i class="fa fa-phone"></i><span>(024) 831 5851</span></li>







<div class="header">

<div class="container">

<a class="site-logo" href="index.php">SMPN 8 Semarang</a>

<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>



<div class="header-navigation">



<ul class="dropdown-menu">

<li><a href="digilib.php">Digital Library SMP N 8 Semarang</a></li>

<li><a href="kontak.php">Kontak SMP N 8 </a></li>

</ul>



<?php $idp=$_GET['idp']; $tanggal=date("Y-m-d"); $tanggal2 = date('Y-m-d', strtotime('+3 days', strtotime($tanggal))); $sql = "UPDATE tb_peminjaman SET status='ON', tanggal_pinjam='$tanggal', tanggal_offpinjam='$tanggal2' WHERE id_pinjam='$idp'".mysql_error(); if(!mysql_query($sql).mysql_error()) { ?> <script> alert("Gagal mengedit Pesan error : <?php echo "Pesan error :" .mysql_error(); ?>") </script> <meta http-equiv="refresh" content="1 url=index.php?i=datapeminjaman"> <?php } else { ?> <script>alert("Berhasil mengedit ")</script>

<meta http-equiv="refresh" content="1 url=index.php?i=datapeminjaman">

<?php }

2

3

1

4

67

 Berikut Buku yang telah Anda pinjam. <?php echo $nomorinduk; ?> <div class="row product-list"> <?php //buka peminjaman $bp=mysql_query("Select * from tb_peminjaman where nis='$nomorinduk' AND status='ON'"); while($ibp=mysql_fetch_array($bp)) { $idp=$ibp['id_pinjam']; $bp2=mysql_query("Select * from tb_detailpinjam where id_pinjam='$idp'"); while($ibp2=mysql_fetch_array($bp2)) { $id_b=$ibp2['id_buku']; $b=mysql_query("select * from tb_buku where id_buku='$id_b'"); $ib=mysql_fetch_array($b); ?> } }

Hubungi Admin Perpustakaan untuk mendapatkan username dan password </div>

<span> </span> </div> <div class="col-md-4 steps-block-col"> <div> <h2>Klik Pinjam</h2>

Setelah berhasil login, Pilih Menu Pinjam pada halaman Siswa </div> <span> </span> </div> <div class="col-md-4 steps-block-col"> <div> <h2>Baca</h2> Baca buku yang sudah kamu pilih, secara online </div> </div>

$bkat=mysql_query("Select * from kategori");

while ($ibkat=mysql_fetch_array($bkat))

{?>

<li><i class="fa fa-angle-right"></i> <a

href="javascript:;"><?php echo $ibkat['kategori']; ?></a></li>

<?php } ?>

</ul>

</div>

<div class="product-page-cart">

<div class="product-quantity">

<input id="product-quantity" type="text" value="1" readonly

name="product-quantity" class="form-control input-sm">

</div>

<button class="btn btn-primary" type="submit">Add to cart</button>

<a href="shop-item.html" class="btn btn-default">More details</a>

</div>

</div>

5

6

7

8

68

c. Flow Graph Peminjaman Buku

Gambar 5.13 Grafik Peminjaman Buku

Kompleksitas siklomatis (pengukuran kuantitatif kompleksitas logis

program) untuk flowh graph dapat diperoleh dari perhitungan:

V (G) = E – N + 2

E = Jumlah busur pada flow graph

N = Jumah simpul pada flow graph

V (G) = 9 – 8 + 2= 3

d. Basis Set

Basis set yang dihasilkan dari jalur independen secara linier

adalah jalur :

Jalur 1 : 1-2-3-7-8

Jalur 2 : 1-2-4-5-6-7-8

Jalur 3 : 1-2-3-5-6-7-8

1

2

7

4

8

3 5 6

69

5.3.3. Hasil Pengujian Black Box

Pengujian selanjutnya dilakukan untuk memastikan masukan akan

menjalankan proses yang tepat dan menghasilkan output yang sesuai

dengan rancangan. Uji black box ini dilakukan pada program menu

utama dari Rancang Bangun Sistem Informasi Digital Library Berbasis

Website Menggunakan PDF Flipbook Pada SMP Negeri 8 Semarang

dengan hasil sebagai berikut :

1. Pengujian login dashboard

Table 5.1 Hasil Pengujian Kotak Hitam login Administrator

Masukan Harapan Pengamatan Kesimpulan

Salah satu input

data username,

password dan

level salah.

Menampilkan

pesan login anda

salah.

Pesan username

atau password

salah berhasil

ditampilkan.

Diterima

Salah satu input

data username,

password dan

level ada yang

kosong.

Menampilkan

pesan username,

password dan

level tidak boleh

kosong.

Pesan username,

password dan

level tidak boleh

kosong berhasil

ditampilkan.

Diterima

Data masuk

username,

password dan

level benar.

Menampilkan

halaman awal

dashboard

sistem.

User berhasil

masuk ke dalam

dashboard

sistem dan

berada di

halaman home.

Diterima

70

2. Pengujian pengelolaan data user

Table 5.2 Hasil Pengujian Kotak Hitam Data User


Tambah data

user

Menampilkan

isian form tambah

data user.

Form isian

tambah data

user berhasil di

tampilkan.

Diterima

Isian form data

tambah user

Menampilkan

pesan isian data.

Pesan isian data

belum lengkap.

Diterima

Tidak terisi

lengkap

Belum lengkap Berhasil

ditampilkan

Diterima

Isian form data

tambah user

lengkap

Menampilkan

data user sudah

tersimpan dalam

tabel user

Halaman

berhasil

ditampilkan

Diterima

Hapus salah

satu data user

Menampilkan

pesan konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data user

Menampilkan

form edit data

user

Halaman

berhasil

ditampilkan

Diterima

3. Pengujian pengelolaan data Peminjaman Buku

Tabel 5.3. Hasil Pengujian Kotak Hitam Data Peminjaman Buku


Tambah data

peminjaman

Menampilkan

isian form

tambah data

peminjaman

Form isian tambah

data peminjaman

buku berhasil

ditampilkan

Diterima

Isian form Menampilkan Pesan isian data Diterima

71

data tambah

peminjaman

tidak terisi

lengkap

pesan isian data

belum lengkap

belum lengkap

berhasil

ditampilkan

Isian form

data

peminjaman

buku lengkap

Menampilkan

data

peminjaman

sudah tersimpan

dalam tabel

bagian

Halaman berhasil

ditampilkan

Diterima

Hapus salah

satu data

peminjaman

Menampilkan

pesan

konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data

peminjaman

Menampilkan

form edit data

peminjaman

Halaman berhasil

ditampilkan

Diterima

4. Pengujian Entry Buku

Tabel 5.4. Hasil Pengujian Kotak Hitam Entry Buku


Tambah data buku Menampilkan

isian form

tambah data

buku

Form isian

tambah data

buku berhasil

ditampilkan

Diterima

Isian form data

tambah buku tidak

terisi lengkap

Menampilkan

pesan isian data

belum lengkap

Pesan isian

data belum

lengkap

berhasil

ditampilkan

Diterima

72

Isian form data

tambah buku

lengkap

Menampilkan

data buku sudah

tersimpan

dalam tabel

buku

Halaman

berhasil

ditampilkan

Diterima

Hapus salah satu

data buku

Menampilkan

pesan

konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data buku

Menampilkan

form edit data

buku

Halaman

berhasil

ditampilkan

Diterima

5. Pengujian pengelolaan Edit Profil Siswa

Tabel 5.5. Hasil Pengujian Kotak Hitam Edit Profil Siswa

Masukan harapan Pengamatan kesimpulan

Tambah data

profil siswa

Menampilkan

isian form profil

siswa

Form isian

tambah data

profil siswa

berhasil

ditampilkan

Diterima

Isian form data

tambah profil

siswa tidak terisi

lengkap

Menampilkan

pesan isian data

belum lengkap

Pesan isian data

belum lengkap

berhasil

ditampilkan

Diterima

Isian form data

tambah profil

siswa lengkap

Menampilkan

data profil siswa

sudah tersimpan

dalam tabel

absensi

Halaman

berhasil

ditampilkan

Diterima

73

Hapus salah satu

data profil siswa

Menampilkan

pesan konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data profil siswa

Menampilkan

form edit data

profil siswa

Halaman

berhasil

ditampilkan

diterima

6. Pengujian pengelolaan data pinjaman

Tabel 5.6. Hasil Pengujian Kotak Hitam Data Pinjaman

Masukan harapan pengamatan kesimpulan

Tambah data

pinjaman

Menampilkan

isian form

tambah data

pinjaman

Form isian

tambah data

pinjaman

berhasil

ditampilkan

Diterima

Isian form data

tambah pinjaman

tidak terisi lengkap

Menampilkan

pesan isian data

belum lengkap

Pesan isian data

belum lengkap

berhasil

ditampilkan

Diterima

Isian form data

tambah pinjaman

lengkap

Menampilkan

data pinjaman

sudah tersimpan

dalam tabel

pinjaman

Halaman

berhasil

ditampilkan

Diterima

Hapus salah satu

data pinjaman

Menampilkan

pesan konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data pinjaman

Menampilkan

form edit data

pinjaman

Halaman berhasil

ditampilkan

Diterima

74

7. Pengujian pengelolaan data Entry Siswa

Tabel 5.7. Hasil Pengujian Kotak Hitam Data Entry Siswa


Tambah data

entry siswa

Menampilkan

isian form

tambah data

entry siswa

Form isian

tambah data

entry siswa

berhasil

ditampilkan

Diterima

Isian form data

tambah entry

siswa tidak terisi

lengkap

Menampilkan

pesan isian data

belum lengkap

Pesan isian

data belum

lengkap

berhasil

ditampilkan

Diterima

Isian form data

entry siswa

lengkap

Menampilkan

data entry siswa

sudah tersimpan

dalam tabel

siswa

Halaman

berhasil

ditampilkan

Diterima

Hapus salah satu

data entry siswa

Menampilkan

pesan konfirmasi

penghapusan

Pesan berhasil

ditampilkan

Diterima

Edit salah satu

data entry siswa

Menampilkan

form edit data

entry siswa

Halaman

berhasil

ditampilkan

Diterima

5.4 Pemeliharaan Sistem

Untuk memelihara aplikasi ini dapat digunakan secara maksimal, maka

akan dilaksanakan pemeliharaan sistem. Pelaksanaan pemeliharaan sistem

mencakub tiga jenis pemeliharaan utama yaitu pemeliharaan korektif, adaptif,

dan preventif. Pemeliharaan dimaksutkan untuk menjaga sistem dari

75

kesalahan – kesalahan yang belum diketahui dan mengembangkan sistem

agar lebih efisien. Pemeliharaan tersebut meliputi:

a. Penggunaan sistem

Menggunakan sistem sesuai dengan fungsi tugasnya masing –

masing.

b. Audit sistem

Melakukan pemeriksaan terhadap sistem tentang seberapa baik

sistem itu bekerja.

c. Penjagaan sistem

Pemantauan untuk pemeriksaan rutin sehingga sistem tetap

beroperasi dengan baik selain itu juga menjaga kemutakhiran

sistem jika sewaktu – waktu terjadi perubahan lingkungan

sistem atau modifikasi rancangan software.

d. Perbaikan sistem

Melakukan perbaikan jika sistem terjadi kesalahan dalam

program atau kelemahan rancangan yang tidak terdeteksi saat

tahap pengujian sistem.

e. Peningkatan sistem

Melakukan modifikasi terhadap sistem apabila terjadi potensi

peningkatan sistem setelah sistem berjalan beberapa waktu.

f. Backup

Melakukan backup pada data secara berkala untuk menghindari

adanya kehilangan atau kerusakan data.

76

BAB VI

PENUTUP

6.1 Kesimpulan

Berdasarkan pembahasan analisa keperluan sistem dan hasil dari

Tugas Akhir maka penulis menyimpulkan:

1. Rancang Bangun Sistem Informasi Digital Library Berbasis Website

Menggunakan PDF Flipbook Pada SMP Negeri 8 Semarang ini akan

mempermudah pihak Admin dalam menginput sistem peminjaman buku

dalam mengelola, mengupload, serta meminjam buku.

2. Rancang Bangun Sistem Informasi Digital Library Berbasis Website

Menggunakan PDF Flipbook Pada SMP Negeri 8 Semarang didesain

secara sederhana dan dinamis sehingga dapat menambah atau mengurangi

menu. Serta untuk memudahkan pengguna menggunakan aplikasi.

Aplikasi ini dapat digunakan oleh admin.

6.2 Saran

Rancang Bangun Sistem Informasi Digital Library Berbasis Website

Menggunakan PDF Flipbook Pada SMP Negeri 8 Semarang masih diperlukan

pengembangan yang sesuai dengan lapangan. Berikut saran yang ingin

disampaikan penulis:

1. Penambahan hak akses pada administrator, sehingga keamanan serta

pengaturan sistem lebih terpusat.

2. Menambahkan kelengkapan Rancang Bangun Sistem Informasi Digital

Library Berbasis Website Menggunakan PDF Flipbook Pada SMP Negeri

8 Semarang untuk kedepannya, seperti Lebih spesifiknya dalam proses

penginputan data peminjaman buku, serta pencetakan laporan yang lebih

fleksibel.

77

Daftar Pustaka

Anhar, 2010, PHP & MySQL Secara Otodidak, Agromedia Pustaka, Jakarta

Arifin, Zainal, 2010, 36 Menit Belajar Komputer PHP dan MySQL, Elex Media

Komputindo, Jakarta

Henderi, 2011, Rekayasa Perangkat Lunak Dengan UML, Andi, Yogyakarta

Herlawati, 2013, Unified Modelling Language (UML), Informatika, Jakarta

Hidayat, S, 2012, Cara Mudah Membangun Website, Mediakom, Yogyakarta

Hidayatullah, P, 2014, Pemrograman Web, Mediakom, Bandung

Kadir, Abdul, 2014, Pengenalan Sistem Informasi Edisi Revisi, Andi, Yogyakarta

Nugroho, Adi, 2010, Rekayasa Perangkat Lunak Berorientasi Objek Dengan Metode

USDP, Andi, Yogyakarta

Rivai, 2011, Manajemen Sumber Daya Manusia Untuk Perusahaan, Raja Grafindo

Persada, Jakarta

Sandi, Mulyana, 2014, Bikin Website Dengan Aplikasi-Aplikasi Gratis, Mediakom,

Yogyakarta

Simonna, Erna, 2011, Definisi Absensi, Mediakom, Jakarta

Sommervile, 2011, Cara Membangun & Mengelola Website, Graha Ilmu, Surabaya

Yuhefizar, 2012, Cara Mudah & Murah Membangun & Mengelola Website, Graha Ilmu,

Surabaya

LAMPIRAN

') Item yang dikumpulkan ditenlukan oleh Ketua Tim Penguji dengan memberikan tanda centang yang nanlinya dipa.af oleh Koordlnator Tugas Akhir selelah dUerima

Semarang, <'f. 2.. .z.., , _g Ketu~uji,

a-~······· /

Item dlatas diserahkan kepada jurusan melalul Koordlnator Tugas Akhlr sebagai bentuk kelengkapan berkas Tugas Akhlr.

") Nama Item Paraf Koordlnator TA CDIOVD Laporan TA yang sudah direvlsi Jurnal TA Produk!Alal hasil Tugas Akhlr Lain-lain : .. ··· ..........................

yang disusu~h : • ~ . Nama : .,,. ~.'0.1 ~ .. NIM : .. '.7-.\~ .. ~'.?.::?.~.~---········ maka untuk selanjutnya diwajibkan mengumpulkan :

•

....................................................................................... ' ' "' ' , .

r ~ . Sesuai dengan hasil Sidang Tugas Akhir pada Hari .l).~flfR Tanggal ~~~~}?.,.? .. yang menyalakan LULUS (dengan/taAp8) revisi untuk Tugas Akhlr dengan judul :

LEMBARKELENGKAPANBERKAS PENDAFTARAN SIDANG TUGAS AKHIR

- - ·· tamplraTI-19 FORM TA 19

.. ? . : ... : .:t= : S' •:,

cit ~ :5\ =~ ~ :V1

: )") . :o . :s :- ~

: ('I :'I

i(- 1:::1 e -· 5 ~ ..

.§'. f =: -·. 0: Ir ! ,,. : i

- - ... ' 2: 0

~ z Cl

I : C'.·

I ;s. . r

. :': ;J, ,..., l'l'i cl ~ > 7. C')

= ~ 0 z v, i:: ~ ~

,(/)

~ -

I ~

.

1

R - N ,,.. 1':' N7 ~ 8 e- - \\ l! ,;,-, i N -

-s-1 "1 "5Z ··~ c::: ~. ~ ' ~ 2: ' .,

::l ~

:, § ' - - .,.;

~ ~ - 1--0 - <, . ..., ~ " I 't ~

-;::j ~~fa:: ..p ~ :;fl" ! ~ ~

<;:l. es: <:;: -e: ~ ~ .,,.. ~ ~ sr -:s- . c ~ "'1 ..b ?, 1 4 ;.,:, I ~ -'!" ... "", - ',\.f.2.,., v) ~ ~ ~ ~

-· c. ct! "'(' ~ .,.__ ss, -.., 'sl.. Q ~ ;g ~i ~ ~ _, rt - \('~;,; I ~ :)

~ f ~ ~ ~ i ;/; ~ ~ ';) ,,., c ~ .. ~ -- - ·i? 1

~ ~· t I ' ~ .~ > z

' I ~ -·- ... ~ ::c- ~ ~ ,~ ...,, ...,,

I 0

I j ...

·i=r-

- ~

\,.:._ __

Aria Hcndrawan, S'l , M.Kon, l\tu11u

'1'!l1$: Hnnt1:,y;u11 ,..;, t\r,,n tvt,r:,,,

PE:'iGUJl PEND;\)frl.r'iG l

Nam a f I. k, I.J

5tt.,£11HO, S.Kun~ \1.Kutll (/ ~ /2

................... ;/ IWT llA l'lM J~llG.l.!Jl

Tangga: lJj:~n Mater, Yr<nA Direvlsi

· ,AH)'.\NING RATRI . G. I J l.lJ..0020

R~tncang r;~u:,tun Sisiem Inforuu1s.i !Jig.it.a.I Libt~1y rlc1hu:-.1s \!\11:!1i,.,J~1.: ~lcng~un11kw1 !'DI' Flipbock Pada SMP Kcgori 8 Semsrnng

~.·H;?,:~~~;.'.'.~n .. ~?';1~1 ~.}f":~.,. , · ("':.'~·· .. , ~ .. (.}~ .. ,/~ . ./

l\acu~ \'1:thit . .;ls\l.::, NlM Judu 1 Skripsi

L.E.\.18AR PERSETU.JUAN RF.VTSI

YA Y AS AN A I. I' M xr ll 1' f YER S I r AS D II' 0 1' E r: 0 RO U !\ I V F.: R S I T A S S E M A R A N r;

!\e,krtr~nii1r : JI SOfS.::\rao f~iHta ·nei~1),;s ri Sen11iriu,17: 5/t l 9h 1·1.~lp.f Ol.:I )670l':'S? F :.1x.(Ol4 ;6702z·;2

"'-' -

' '"

Nnn,a

.... ' . Susauto, ~.Korn. M l(nm Nnrnu

1\·l•h dircvi~i nleh :vlatrnslswn y;111a hcYson~'kton llun tclah cli.<Nujui nlc'ti Tim r .. ,~ujl:

... .. ..

• l<.aocang Hi111glin SL ... (em lnfonnu-i D1g!1:d l.;.lJfi.tl> n..-,hH.S \ Vl .. ·Uc,.ltt" i\lenH~UIUL{·~HI

r-or rtipb,,,1k f'au• <; \1 L·' Nc;1cn s S.:n1arang Sxasn. 2 9 Ja11uali l(l! 9 • <, . (J 1-,,,J ,• t·G·€; ..... ~~-\~.\~{-·""~~ !;t)°..!.:~.n. . ' .. ..1:~~'~.':' '.1.~'.... ' '..~ ~ .. :~ . . .... l~t o 1 °..'"Cl'\ .. t.') J 1~,:,,19.or i;;I t ,~11, r _1 ..

kAf o. r~.~ \:{,~~~~ t~ I'(.:.. .. .

T:mggal U i [au Maieri Yaug Direvisi

CAH\' ANING RATR! (,,JI I I 1.1102li

I\ arua l\-fahas1sw" Nlv! Judul Sknp.si

LE~fBAR PERSETlJJUAN REVlSl

'\ -' Y .\ S A'\ A L \I '.1-1 N 1 ll ~ I VE R S I TA S D 11' 0 ~ E G O RO GNIVICRSITAS SEMARANG

Sd:r•"'rfal: .n, Soek>nw Hnn• 1'logv,uri Sem•r••~ 5-0196 Telp.jUl4161l1!1~7 Fo.tU24)b702~H

..... :fr ~ .. Tanda Taoggau

Aria Ilendrawn», ST, M.Kon, Nnno,

CENGJJ.U L>EISJUM f'I M, 2

............................................. T:mda Tanggan

'l'Jl.u; Handayani, S.Kom, M.C~ Nama

.e&~llJl PENDAMPING I

T auda T anggau

~u•anrl'I, S.Koll\, M.Kom Nam a

KEIJJA TIM J'RNCi!J.11

Tebth dircvisi oleh :\'lohlllswo yang b~.rsangkt1111 d•n tclab disctujnl nlth Tim P.~11ii.11Ji ;

T .mggaf Ujian MAt~ri Yang Direvisi

: CAHYANDIG R. ... TRI : G. ll l.l 3.fj020 : Rancang Hangun Sisrcm lnfurmasi. Digital Library Berbnsis Webshe Mcnggunakan

l'DF Pl iphnnk Pad a SMI' Ncgcri 8 Semarang : Selasa, 2'1 Januari 2019

: ~·: .. ,ff,,.,:;~··'· 'r=. . .... . &, ·ft~~":;:_:y'.::""::f/t~:f!. ~-·~ .. {;;,-::; .. :1p,T;;:t;;::::· .. ···· .,. .. \2 ,, .

Nama Mahasiswa NIM .ludul Skripsi

L~IBAR PERSF.TlJJLIAN REVTSJ

YAYASA.N ALUMNI UNIVERSITAS DlPONEGORO UN'IVERSlTAS SEMARANG

Sekretoiiilt: JI. So.:klrno Hatta TiogoS3t1SelDar1U1g 5@196 Ttlp.{024)6702?~1 l'ax.(ll24)G702272

/1

i •

Dltetapkan di : Semara~g Pad9 tang!;Jal : 26 Oktober 2C18

Sure.t lzin riset ini, untuk dapat dlper;iunakan satagalmana ·11estlnya.

dengen n,empe·hatikan hal·hal sebaga• berlkirt; 1. Saal nset 11dak mengganggi: croses l<egia!an t:e:ajar mengajar pada SM? Negeri 8

Semarang, 2. M::r.aa1i perl!luran can ketentuan yang berlaku pada SMPN Negerl S Se111erariil, 3. Has II rtset tldak dfpL1bllkasikan cntuk rnencart keuntunga1111<epe11lin11an lain 4. Kegietan riaet dilakaanakan paca bulQll Nov.imber 2018, 6. Menyampaikan laporan kepa:a Kep~l::i Dlnas Pendld:kan Kota Serra·a,;i se~era setelah

sefesal metaksanakan nset

Temp.it Rlsot

CArlYA'llNG RATRI : G.111.13 0020 : Unlversi:os Somsrang : Rancang Bangun Slstem lnformasi Digital Library Berbasls Website Menggunakan PDF r'llpcook

: SMP Negeri 8 Semarar,g

Kepada rnabasswa · Nam a NIM FergurL1an Tinggl Jcidul

MEMBERIKAN IZJN

Daea· . S•Jrat dari Wakil D&kan I rakul1as Teknotcgl lnfonnasl d•m ··Komunlka~I Universltas .Sem11rang Ncmor: 3732/USM.H5.FTIK/1120018 tanggal 22 Oktober 2018 ~rih& permohonan ijin rise:, dengan ini Kepala Dinas Per,didikan K.o:a Semarang.

TENT ANG IZIN RISET

Nemer : 071 I 8668

SUR.A.T IZIN KEPALO:,. DINAS PENDIDIKAN KOTA SEMA,:U..NG

PEMERINTAH KOTA SEMARANG DINAS PENDIDIKAN

Jalan Dr. Wahidin No. 118, Telp. (024) 8412180, Fax. (024) 8317752 Semarang - 50254

website: w,,:w.disdik.semarangkota.go.id, e-mat: [email protected]

Tembu"1n: 1. Ylll. Koordinator TA 2. Mahasiswa

Ketua Program .Studi Sistem lnformasi

'

Mengelsnul, · a.n. Dekan

Wakil De~.an I I, /'"i j": b'"" I -r: - - ., : .,) ,,t'' - --- ··-·-·'" > l /7

-- ,I ·-·;,. s - .·.• 'S.K:im .. M. om NIS.0655700310208 . '

''. \\

Demikian unlUk menjadikan pedksa, a.as b1mbingan den ke~asamanya diucapkan lllfimakasih.

Dapat diberlka~ bimblngan dalam pembiiatan T ugas Akhir berupa konsultasl dan asrstensl Perlu kaml sampalkan bahwa penyetesaian Tugas Akhir paling lama 1 tahun 1erhiluo9 sejak dllakukan pembayaran T~,gas AKhlr. Apabila daiam Jangka waklu loraebut beiorn salesal, maka harus mengurus Perpanjangan T ugas Akhir dengan Judul dan pemblmbing yang ditetapkan ulang oleh Kooroinalor T ugas Akhir Perpanjangan dilakukan paling banyak 2 ( dua J kall ~riode.

Tatum Akademik

Cahyaning Ratri G.111.13.0020 Slstem l,1forrnasi Rancang Banguri Slstem lnformasi Digital Library Bertlasis Website MenggunHkan PDF Flip!>ook caca 6MP Negeri 9 Semarang Gasa1°2018i201S

Nama NIM P~ram Sludi JudulTA

Dengan hormal, Unluk menempuh mate kulfah Tugas Akhir pade Program S1 -Sistsm lnfom,asi, mohon kepeda rnanastswa y:lng tersebul di bawah lni :

Kepada Ylh. Bapak / lbu Dosen Pembimbing Tugas Ak~ir Titis Handayani, S.Kom.,M.Ce Jvrusan Teknolcgi lniormasi UNI\/ERSITAS SEMARANG Di Semarang

: 7'1 il 1USM.H5. "TIK/1/2019 : Form Niiai : Bimbingan Tugu M.hir

Nom~r lzmpirar Hi::f

Q l OCT 20i6 SURAT PENUNJUKAN PEMBIMBING

TITIS HANDAYANI, S.Kom. M.Cs NIS.06557003102082

Tonda tanqon & nama t:erong pembimbing fl Tanda tangan & nama t:erong pembimbing f

Pembimbing II IIngl Mengetahui, Tanda t:Dngan & nama terang mabasiswa

' z..019 Semarang. I

Demikian pernyataan ini saya buat dengan sebenarnya.

Kategori Upload Jaringan Lokal USM Jaringan Internet rm

Full Document Full Document

cv( [judul, Halaman Persetujuan, Surat [judul, Halaman Persetujuan, Surat Keaslian Keaslian (Orisinalitas), Abstrak (Orisinalitas ), Abstrak (lndonesia-Inggris ),

Publish (lndonesia-Inggris), Daftar Isi, Bab I, Daftar lsi, Bab I, Bab II, Bab III, Bab IV, Bab V, Bab II, Bab Ill, Bab IV, Bab V, Bab Bab Penutup, Daftar Pustaka, Lembar Penutup, Daftar Pustaka, Lembar Konsultasi, dan Lem bar Publish) Konsultasi, dan Lem bar Publish) Full Document Half Document

cVJ [ludul, Halaman Persetujuan, Surat (Judul, Abstrak [Indonesla-Inggris), Halaman Keaslian ( Orisinalitas ), Abstrak Persetujuan, Surat Keaslian (Orisinalitas),

Approve [Indonesia-Inggris], Daftar Isl, Bab I, Daftar Isi, Bab Penutup, Daftar Pustaka) Bab II, Bab III, Bab IV, Bab V, Bab Penutup, Daftar Pustaka, Lembar Kon.sultasi, dan Lembar Publish l

Dengan ini saya menyerahkan hak non-eksk/usif* kepada UPT Perpustakaan Universitas Semarang untuk menyimpan, mengatur aRses serta melakulean pengelolaan terhadap Rarya saya mi dengan mengacu pada ketentuan akses SKRIPSI/TA elektronik sebagai berikut (beri tanda (0) pada kotak yang sesuai):

Judul SKRIPSI/TA : RANCANG RANGJJN SISIEM INEQRMASI DIGJTAT, LIBRARY BER BASIS WEBSIIE MENGGUNAKAN PDF FLIPBOOK PADA SMP NEGERI 8 SEMARANG

Program Studi: SISIEM JNEQRMASJ Fakultas

: [email protected] Email : G.111.13.0020

:TIK

NIM

: CAHYANTNG RAIRI Nama

Saya yang bertanda tangan di bawah ini:

PERNY AT AAN PERSETUJUAN PUBLISH

Sekretarian : JI. Soekamo-Hatta, Tlogosari, Semarang 50196 Telp. (024) 6702757 Fax (024) 6702272 Website: http://eskripsi.usm.ac.id e_mail: [email protected] USM

YA Y ASAN ALUMNI UNIVERSITAS DIPONEGORO UNIVERSITAS SEMARANG

UPT PERPUSTAKAAN

Tembusan: I Mahasiswa ybs. 2. Arsip.

Dernikian permohonan in( kami sampaikan, aras perhaua« dao bantuannya kanu ucupkan terimukasih

Tcmpat Risct TA Wuktu Peh1k.'Wna11n

C11byonin~ Batel G.t 11 :t3.002o Sistcm Jrif11r111asi Rancunl! Baogun Sislem lnformaNi .Oi~itlll Lihrnry Berrn,sis \Veh~it.e Mcoggun11kl111 PDF Flipbooi. pitda Sl\'U' \lcgcrl 8 Semanmg .SMP ISegeri II Scmara11g .l\fcoyesualknn SMP Nt:ge-.ri 8 Semurang

Naorn N(M Progrum Sludl .Judul Skri11si

Dengan horrnat, Bahwa dalam rangka meoyclc.~ui.kan tugus-tnga~ dan mcmenuhi syarut syarat guna mcnydesaikan Program Studi SI hagi mahasiswa rahap ukhir diw11jibkao unruk mcnyusun TA ( Tugas Akhir ), maka dalam penyusunan lerscbul mahasisw, perlu 111en¥udalcan Riser i Pcnel itioo. Schunuogoo dengnn haJ tersebut d1111ns, karni mchon hcrkeo1111 sekirmJva mahasiswa kumi tcrsebut dibawah ini, dibcri ijin untuk mengaJakan Risci ! Pcnclirian dili11g~tmgnn Jnstansi yang Bapak/Ibu Pirnpin. Adapun mahasiswa yang Akan melukukan Riset" Pcucliuan sebagai berikut :

Kepada Yth. Kepalu SMP Negeri 8 Semarang

Jalan Cindc Raya No 18 Jomblang Cilldesan

O 2 OCT 2018 1~ \r /USM.ll5.FTIK/l/2018

Pcrmohonan Jjin Riset I Pcneli(ian

VAYASAN ALUMNI UNIVERSITAS DIPONEGORO UNIV·ERSITAS SEMARANG

FAKULTAS TEKNOLOGI .INFORMASI DAN KOMUNIKASI s~kr~1ariat: JI. $(>ekaroo Haua Tloyo,;,,ri Serr1arar!g ov.1~U T~lp. (02~) e7027.s1 Fax (024) 6702272

\'l,'cb site : ·., .... , ... ,,.·.u~111.nr..111 ::.-111:>tl: un,v_$·ng@ui:nli ae.id

Nomor Lampiran Hal

RANCANG BANGUN SISTEM INFORMASI DIGITAL LIBRARY ...

Documents

Transcript of RANCANG BANGUN SISTEM INFORMASI DIGITAL LIBRARY ...