MEMBANGUN PORTAL PERPUSTAKAAN DIGITAL Membangun Portal Perpustakaan Digital Di SMK Binawiyata Karangmalang Sragen Berbasis Web.

MEMBANGUN PORTAL PERPUSTAKAAN DIGITAL
DI SMK BINAWIYATA KARANGMALANG SRAGEN
BERBASIS WEB

SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I
Pada Program Studi Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta

Oleh :

NOVI ENDAH PERMATASARI
L200110019

PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2015

ii


iii

iv

PERSEMBAHAN

Puji Syukur kehadirat Allah SWT atas segala rahmat, nikmat dan karuniaNya yang
telah diberikan selama ini. Sebagai rasa syukur dan terima kasih saya persembahkan
karyaku ini kepada :
1.

Bapak dan Ibuku tercinta yang memberikan motivasi, pengorbanan serta doa
restunya. Terimakasih atas segala curahan dan kasih sayang yang telah diberikan
selama ini.

2.

Seluruh keluargaku nenek, sodara-sodaraku, serta keponakan-keponakanku
tersayang yang selalu mendukung dan mendoakan aku.Terimakasih semuanya.


3.

Luhur Satrio Nugroho, seseorang yang selalu menyemangatiku, memberikan
motivasi, dukungan dan mendoakanku, serta menemaniku di saat sedih atau
senang.

4.

Sahabat seperjuanganku Aulia, Dian, Rendi, Idha, Anggun, Fajar, Unun, Riza,
Yuni yang menyemangatiku. Terimakasih untuk kebersamaannya selama ini.

5.

Sahabat dan Teman yang berada di “Kos Maharani” Hanivah, Fitri dan lain-lain
yang tidak bisa disebutkan satu-persatu yang menyemangati dan menemaniku.

6.

Sahabat-sahabatku Intan, Rida, Rani, Yulia, Arum yang mendoakan dan
menyemangatiku.


7.

Teman-teman Teknik Informatika khususnya angkatan 2011 terimakasih telah
bersedia berbagi ilmu dan pengalamannya serta kebersamaannya.

8.

Semua pihak yang ikut turun tangan membantu dalam penyusunan skripsi ini
hingga selesai. Terimakasih.

v

KATA PENGANTAR
Assalamu’alaikum Wr.Wb.
Segala Puji syukur penulis panjatkan kehadirat Allah SWT atas segala rahmat,
hidayah serta karuniaNya sehingga penulis dapat menyeleseikan skripsi ini dengan
baik.
Skripsi ini berjudul “Membangun Portal Perpustakaan Digital di SMK
Binawiyata Karangmalang Sragen Berbasis Web”.

Skripsi ini disusun untuk memenuhi tugas dan syarat wajib untuk
menyelesaikan pendidikan jenjang Strata 1 pada Program Studi Informatika
Universitas Muhammadiyah Surakarta.
Penulis menyadari bahwa dalam menyusun skripsi ini banyak mengalami
hambatan dan kesulitan. Namun berkat bantuan dan dorongan dari berbagai pihak,
maka skripsi ini dapat terselesaikan. Oleh karena itu dalam kesempatan ini penulis
mengucapkan terimakasih yang sebesar-besarnya kepada :
1.

Bapak Husni Thamrin, S.T., M.T., Ph.D. selaku Dekan Fakultas Komunikasi dan
Informatika Universitas Muhammadiyah Surakarta.

2.

Bapak Dr. Heru Supriyono, S.T., M.Sc. selaku Ketua Jurusan Informatika
Universitas Muhammadiyah Surakarta.

3.

Bapak Drs. Sudjalwo, M.Kom. selaku Pembimbing Akademik yang telah

memberikan bekal ilmu, bimbingan, pengarahan dan motivasi selama penulis
menimba ilmu di Informatika Universitas Muhammadiyah Surakarta.

4.

Bapak Hernawan Sulistyanto, S.T., M.T. selaku Pembimbing Skripsi yang telah
memberikan bimbingan dan pengarahan kepada penulis sehingga dapat
menyelesaikan tugas akhir ini.

vi

5.

Bapak dan ibu dosen pengampu mata kuliah pada Program studi Informatika
yang memberikan ilmu, motivasi dan pengalamannya kepada penulis selama
masa perkuliahan di UMS.

6.

Bapak dan Ibuku yang memberikan doa restu serta semangat tanpa lelah.


7.

Teman-teman seperjuangan angkatan 2011 terimakasih atas kebersamaan dan
kerja samanya.

8.

Semua pihak yang tidak bisa penulis sebutkan satu persatu yang membantu
menyusun tugas akhir ini hingga selesai. Terimakasih atas semua bantuan yang
diberikan baik semangat, motivasi dan moral.
Penulis menyadari bahwa skripsi ini masih banyak kekurangan. Oleh karena

itu, segala saran dan kritik yang membangun akan penulis terima demi
kesempurnaan skripsi ini.
Mudah-mudahan skripsi ini dapat bermanfaat bagi penulis khususnya dan
orang lain untuk dikembangkan sehingga dapat menghasilkan penelitian yang lebih
baik dari penelitian sebelumnya.
Wassalamu’alaikum Wr.Wb


Surakarta, Mei 2015

Penulis

vii

ABTRAKSI

SMK Binawiyata Karangmalang Sragen merupakan salah satu sekolah
swasta di kota Sragen yang belum memiliki sarana dan prasarana yang cukup
memadai. Penyediaan sarana dan prasarana yang memadai di bidang akademik
maupun non akademik perlu ditingkatkan guna pengembangan sumber daya manusia
yang berkualitas. Implementasi perpustakaan virtual atau yang dikenal dengan
website perpustakaan digital seharusnya perlu disediakan oleh pihak sekolah.
Menjawab kebutuhan tersebut, maka penulis memberikan kontribusi untuk membuat
portal perpustakaan digital berbasis web untuk siswa dan guru SMK Binawiyata
Karangmalang Sragen sehingga diharapkan dapat membantu siswa dan guru dalam
mendapatkan informasi buku dan materi yang diperlukan.
Proses pembuatan website perpustakaan digital ini dimulai dengan
wawancara langsung dan observasi tempat, perancangan desain halaman website dan

database, perancangan data flow diagram, scripting menggunakan PHP dan
database MySQL.
Pada sistem ini juga dilakukan pengujian sebanyak 3 tahap yaitu pengujian
internal dengan metode white box menggunakan tool WAPT, pengujian eksternal
yaitu dengan menyebarkan kuisioner kepada guru dan siswa, dan pengujian web
browser. Website perpustakaan digital ini hanya dapat di akses melalui
komputer/laptop. Hasil yang di dapat dari perancangan portal perpustakaan digital ini
adalah berupa buku atau materi dalam bentuk digital yang dapat membantu siswa
dan guru SMK Binawiyata Karangmalang Sragen dalam mendapatkan informasi
buku dan materi yang diperlukan.
Kata Kunci: MySQL, Perpustakaan Digital, PHP, Web

viii

DAFTAR ISI

BAB I

BAB II


HALAMAN JUDUL ..............................................................

i

HALAMAN PERSETUJUAN ...............................................

ii

HALAMAN PENGESAHAN ...............................................

iii

DAFTAR KONTRIBUSI ......................................................

iv

PERSEMBAHAN .................................................................

v


KATA PENGANTAR ...........................................................

vi

ABSTRAKSI .........................................................................

viii

DAFTAR ISI ..........................................................................

ix

DAFTAR TABEL .................................................................

xiv

DAFTAR GAMBAR ............................................................

xv


DAFTAR LAMPIRAN .........................................................

xviii

PENDAHULUAN ................................................................

1

1.1

Latar Belakang ........................................................

1

1.2

Rumusan Masalah ....................................................

2

1.3

Batasan Masalah .....................................................

2

1.4

Tujuan Penelitian ....................................................

3

1.5

Manfaat Penelitian ..................................................

4

1.6

Sistematika Penelitian .............................................

4

TINJAUAN PUSTAKA ......................................................

6

2.1

Telaah Penelitian .....................................................

6

2.2

Landasan Teori ........................................................

9

Ebook ....................................................................

10

2.2.1

ix

BAB III

2.2.2

Pengertian PHP .....................................................

10

2.2.3

Pengertian MySQL ...............................................

11

2.2.4

Pengertian HTML .................................................

11

2.2.5

Pengertian CSS .....................................................

11

2.2.6

Pengertian Dreamweaver ......................................

11

2.2.7

Mozilla Firefox .....................................................

12

2.2.8

XAMPP ................................................................

12

METODE PENELITIAN ...................................................

13

3.1

Waktu dan Tempat Penelitian...............................

13

3.2

Peralatan Utama dan Pendukung ..........................

13

3.2.1

Perangkat Keras .....................................................

14

3.2.2

Perangkat Lunak ....................................................

14

3.2.3

Perangkat Pendukung ............................................

14

3.3

Alur Penelitian ......................................................

15

3.4

Diagram Alir Sistem .............................................

17

3.4.1

Diagram Alir Sistem Admin .................................

17

3.4.2

Diagram Alir Sistem Member ...............................

19

3.4.3

Diagram Alir Sistem Pengunjung .........................

20

3.4.4

Diagram Alir Sistem Search Engine ....................

21

3.4.5

Diagram Alir Secara Umum .................................

22

3.5

Use Case Diagram .................................................

24

3.5.1

Use Case Admin ....................................................

25

3.5.2

Use Case Member ..................................................

26

3.5.3

Use Case Pengunjung ............................................

26

3.6

Analisa Kebutuhan Sistem ....................................

27

x

3.6.1

Kebutuhan Hardware ...........................................

27

3.6.2

Kebutuhan Software ..............................................

28

3.6.3

Kebutuhan Admin .................................................

28

3.6.4

Kebutuhan Member ..............................................

29

3.6.5

Kebutuhan Pengunjung .........................................

29

3.7

Perancangan Sistem ..............................................

29

3.7.1

Metode Pengumpulan Data ...................................

29

3.7.1.1

Wawancara ............................................................

29

3.7.1.2

Studi Pustaka .........................................................

30

3.7.2

Desain Secara Umum ...........................................

30

3.7.2.1

DFD level 0............................................................

30

3.7.2.2

DFD level 1............................................................

31

3.7.2.3

DFD level 2 Proses 1 .............................................

32

3.7.2.4

DFD level 2 Proses 2 .............................................

32

3.7.2.5

DFD level 2 Proses 3 .............................................

33

3.7.2.6

DFD level 2 Proses 4 .............................................

33

3.7.3

Desain Basis Data .................................................

34

3.7.3.1

ERD (Entity Relationship Diagram) .....................

34

3.7.3.2

Tabel User .............................................................

35

3.7.3.3

Tabel Tag ...............................................................

35

3.7.3.4

Tabel Tag Materi ...................................................

36

3.7.3.5

Tabel Penulis .........................................................

36

3.7.3.6

Tabel Pdf................................................................

37

3.7.3.7

Tabel Menu ............................................................

37

3.7.3.8

Tabel Menu Materi ................................................

37

xi

3.7.3.9

BAB IV

Tabel Materi...........................................................

38

3.7.3.10 Tabel Kategori .......................................................

38

3.7.3.11 Tabel Kategori Materi............................................

39

3.7.3.12 Tabel Files .............................................................

39

3.7.3.13 Tabel Emateri.........................................................

39

3.7.3.14 Tabel Ebook ...........................................................

40

3.7.4

Desain Secara Terperinci ......................................

41

3.7.4.1

Halaman Administrator .........................................

41

3.7.4.2

Halaman Member dan Pengunjung .......................

42

3.7.4.3

Halaman Detail Buku ............................................

43

HASIL DAN PEMBAHASAN ...........................................

45

4.1

Hasil Penelitian .....................................................

45

4.2

Pembahasan ..........................................................

45

4.2.1

Halaman Utama ....................................................

45

4.2.2

Halaman Kategori Buku .......................................

46

4.2.3

Halaman Kategori Materi .....................................

47

4.2.4

Login Member .......................................................

47

4.2.5

Menu Pencarian (Search Engine) ..........................

48

4.2.6

Halaman Detail Buku ...........................................

48

4.2.7

Menu Admin .........................................................

49

4.2.7.1

Halaman Beranda...................................................

50

4.2.7.2

Halaman Penulis ....................................................

50

4.2.7.3

Halaman Kelola User ............................................

52

4.2.7.4

Halaman Kelola Menu ...........................................

54

4.2.7.5

Halaman Digital Ebook .........................................

61

xii

BAB V

4.2.8

Implementasi Menu Pencarian ..............................

72

4.3

Pengujian Sistem ..................................................

73

4.3.1

Pengujian Internal .................................................

74

4.3.2

Pengujian Eksternal ..............................................

77

4.3.3

Pengujian Web Browser ........................................

82

PENUTUP ............................................................................

85

5.1

Kesimpulan ............................................................

85

5.2

Saran .....................................................................

85

DAFTAR PUSTAKA ..........................................................

87

LAMPIRAN .........................................................................

89

xiii

DAFTAR TABEL

Tabel 3.1 Tabel User ................................................................................

35

Tabel 3.2 Tabel Tag .................................................................................

35

Tabel 3.3 Tabel Tag Materi ......................................................................

36

Tabel 3.4 Tabel Penulis ............................................................................

36

Tabel 3.5 Tabel Pdf ..................................................................................

37

Tabel 3.6 Tabel Menu ..............................................................................

37

Tabel 3.7 Tabel Menu Materi ..................................................................

38

Tabel 3.8 Tabel Materi .............................................................................

38

Tabel 3.9 Tabel Kategori ..........................................................................

38

Tabel 3.10 Tabel Kategori Materi ............................................................

39

Tabel 3.11 Tabel Files ..............................................................................

39

Tabel 3.12 Tabel Emateri .........................................................................

40

Tabel 3.13 Tabel Ebook ...........................................................................

40

Tabel 4.1 Hasil Pengujian ........................................................................

78

Tabel 4.2 Bentuk Pernyataan Skala Likert ...............................................

78

xiv

DAFTAR GAMBAR

Gambar 3.1 Diagram Alir Penelitian .......................................................

15

Gambar 3.2 Diagram Alir Sistem Admin ................................................

17

Gambar 3.3 Diagram Alir Sistem Member ..............................................

19

Gambar 3.4 Diagram Alir Sistem Pengunjung ........................................

20

Gambar 3.5 Diagram Alir Sistem Search Engine ....................................

21

Gambar 3.6 Diagram Alir Secara Umum .................................................

23

Gambar 3.7 Use Case Admin ..................................................................

25

Gambar 3.8 Use Case Member ................................................................

26

Gambar 3.9 Use Case Pengunjung ..........................................................

27

Gambar 3.10 Data Flow Diagram (DFD) Level 0 ...................................

30

Gambar 3.11 Data Flow Diagram (DFD) Level 1 ..................................

31

Gambar 3.12 Data Flow Diagram (DFD) Level 2 Proses 1 ....................

32

Gambar 3.13 Data Flow Diagram (DFD) Level 2 Proses 2 ....................

32

Gambar 3.14 Data Flow Diagram (DFD) Level 2 Proses 3 ....................

33

Gambar 3.15 Data Flow Diagram (DFD) Level 2 Proses 4 ....................

33

Gambar 3.16 ERD (Entity Relationship Diagram) ..................................

34

Gambar 3.17 Rancangan Login Administrator ........................................

41

Gambar 3.18 Rancangan Halaman Administrator ...................................

42

Gambar 3.19 Rancangan Halaman Member dan Pengunjung .................

43

Gambar 3.20 Rancangan Halaman Login Member ..................................

43

Gambar 3.21 Rancangan Halaman Detail Buku ......................................

44

Gambar 4.1 Halaman Utama ....................................................................

46

Gambar 4.2 Halaman Kategori Buku ......................................................

46

xv

Gambar 4.3 Halaman Kategori Materi ....................................................

47

Gambar 4.4 Halaman Login Member .......................................................

48

Gambar 4.5 Menu Pencarian (Search Engine) .........................................

48

Gambar 4.6 Halaman Detail Buku ...........................................................

49

Gambar 4.7 Menu Admin ........................................................................

49

Gambar 4.8 Halaman Beranda .................................................................

50

Gambar 4.9 Halaman Penulis ...................................................................

50

Gambar 4.10 Menu Tambah Penulis ........................................................

51

Gambar 4.11 Menu Edit Penulis ..............................................................

52

Gambar 4.12 Halaman Kelola User .........................................................

52

Gambar 4.13 Menu Tambah User ............................................................

53

Gambar 4.14 Menu Edit User ..................................................................

54

Gambar 4.15 Halaman Kelola Menu .......................................................

55

Gambar 4.16 Menu Tambah Kategori Ebook ..........................................

55

Gambar 4.17 Menu Edit Kategori Ebook .................................................

56

Gambar 4.18 Menu Tambah Kategori Materi ..........................................

57

Gambar 4.19 Menu Edit Kategori Materi ................................................

57

Gambar 4.20 Tambah Menu Ebook .........................................................

58

Gambar 4.21 Edit Menu Ebook ................................................................

59

Gambar 4.22 Tambah Menu Materi .........................................................

60

Gambar 4.23 Edit Menu Materi ...............................................................

60

Gambar 4.24 Menu Digital Ebook ...........................................................

61

Gambar 4.25 Menu Tambah Tag Label Ebook ........................................

62

Gambar 4.26 Menu Edit Tag Label Ebook ..............................................

62

Gambar 4.27 Menu Tambah Tag Label Materi .......................................

63

xvi

Gambar 4.28 Menu Edit Tag Label Materi ..............................................

64

Gambar 4.29 Menu Tambah Files Ebook ................................................

65

Gambar 4.30 Menu Edit Files Ebook .......................................................

65

Gambar 4.31 Menu Tambah Files Materi ................................................

66

Gambar 4.32 Menu Edit Files Materi ......................................................

67

Gambar 4.33 Menu Tambah Files Download ..........................................

68

Gambar 4.34 Menu Edit Files Download ................................................

68

Gambar 4.35 Menu Tambah Ebook .........................................................

69

Gambar 4.36 Menu Edit Ebook ................................................................

70

Gambar 4.37 Menu Tambah Emateri .......................................................

71

Gambar 4.38 Menu Edit Emateri .............................................................

71

Gambar 4.39 Menu Pencarian Berdasarkan Judul Buku .........................

72

Gambar 4.40 Menu Pencarian Berdasarkan Nama Penulis .....................

73

Gambar 4.41 Menu Pencarian Berdasarkan Kata ....................................

73

Gambar 4.42 Grafik Hasil Pengujian Response Time ..............................

74

Gambar 4.43 Grafik Hasil Pengujian Processing Time ...........................

75

Gambar 4.44 Grafik Hasil Pengujian Download Time ............................

75

Gambar 4.45 Grafik Hasil Pengujian Pages per Second .........................

76

Gambar 4.46 Grafik Hasil Pengujian Sent ...............................................

76

Gambar 4.47 Grafik Hasil Pengujian Received ........................................

77

Gambar 4.48 Grafik Kuisioner .................................................................

80

Gambar 4.49 Tampilan dengan Web Browser Mozilla Firefox ...............

82

Gambar 4.50 Tampilan dengan Web Browser Google Chrome ...............

83

Gambar 4.51 Tampilan dengan Web Browser Opera ...............................

83

Gambar 4.52 Tampilan dengan Web Browser Internet Explorer .............

84

xvii

DAFTAR LAMPIRAN

A

Contoh Source Code Program (Script) Portal Perpustakaan Digital Berbasis
Web

B

Hasil Kuesioner

C

Foto Saat Penelitian Di SMK Binawiyata Karangmalang Sragen

D

Surat Keterangan Penelitian

xviii