IMPLEMENTASI DIGITAL LIBRARY BERBASIS HTML 5 PADA SMKN-4 PALANGKARAYA
TUGAS AKHIR
Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh : MUHAMMAD INDRA JAYA 201010370311020
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015
IMPLEMENTASI DIGITAL LIBRARY BERBASIS HTML 5 PADA SMKN-4 PALANGKARAYA
TUGAS AKHIR
Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh : MUHAMMAD INDRA JAYA 201010370311020
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul :
IMPLEMENTASI DIGITAL LIBRARY BERBASIS HTML 5 PADA SMKN-4 PALANGKARAYA
Di dalam tulisan ini disajikan pokok-pokok bahasan yang meliputi Digital Library, Konsep MVC (Model, View, Controller), Framework PHP CodeIgniter, HTML 5 & CSS 3 (Responsive Web Design) yang akan digunakan sebagai acuan pembangunan aplikasi web digital library yang dinamai dengan SMILIB (SMIK Library).
Penulisan tugas akhir ini dimaksudkan sebagai salah satu syarat kelulusan dari pembelajaran jenjang S1 pada Program Studi Teknik Informatika di Universitas Muhammadiyah Malang.
Peneliti menyadari masih banyak kekurangan dan keterbatasan dalam penulisan tugas akhir ini. Untuk itu, penulis sangat mengharapkan saran yang membangun agar tulisan ini dapat berguna untuk perkembangan ilmu pengetahuan kedepan.
Malang, 14 April 2015 Penulis
Muhammad Indra Jaya
DAFTAR ISI
HALAMAN JUDUL ...........................................................................................
i
LEMBAR PERSETUJUAN ................................................................................
ii
LEMBAR PENGESAHAN ..................................................................................
iii
LEMBAR PERNYATAAN ................................................................................
iv
ABSTRAK ..........................................................................................................
v
ABSTRACT ........................................................................................................
vi
LEMBAR PERSEMBAHAN ..............................................................................
vii
KATA PENGANTAR .........................................................................................
viii
DAFTAR ISI .......................................................................................................
ix
DAFTAR GAMBAR ...........................................................................................
xii
DAFTAR TABEL ...............................................................................................
xiv
BAB I PENDAHULUAN ..................................................................................
1
1.1
Latar Belakang ...........................................................................................
1
1.2
Rumusan Masalah ......................................................................................
3
1.3
Tujuan ........................................................................................................
3
1.4
Batasan Masalah .........................................................................................
3
1.5
Metodologi .................................................................................................
3
1.5.1 Studi Literatur ...................................................................................
4
1.5.2 Perancangan ......................................................................................
4
1.5.3 Implementasi .....................................................................................
4
1.5.4 Pengujian ...........................................................................................
4
1.5.5 Sistematika Penulisan ........................................................................
5
BAB II LANDASAN TEORI ............................................................................
6
2.1
Digital Library (Perpustakaan Digital) .......................................................
6
2.1.1 Perkembangan Perpustakaan ............................................................
7
2.1.2 Dasar Pemikiran Perpustakaan Digital .............................................
7
2.1.3 Proses Digitalisasi File .....................................................................
9
2.1.4 Masalah Perpustakaan Digital ..........................................................
10
2.1.4.1 Digitalisasi Dokumen ...........................................................
10
2.1.4.2 Hak Cipta ..............................................................................
10
2.1.5 Infrastruktur Perpustakaan Digital ....................................................
10
MVC (Model, View, Controller) ...............................................................
11
2.2.1 Model ................................................................................................
12
2.2.2 View ..................................................................................................
12
2.2.3 Controller ..........................................................................................
12
Framework PHP CodeIgniter .....................................................................
13
2.3.1 Alur Proses Aplikasi .........................................................................
13
HTML 5 & CSS 3 (Responsive Web Design) .............................................
14
2.4.1 HTML 5 .............................................................................................
14
2.4.1.1 Penerapan Fitur HTML 5 ......................................................
16
2.4.2 CSS 3 .................................................................................................
17
2.4.2.1 Responsive Web Design .......................................................
18
2.4.2.2 Media Query ..........................................................................
19
Database MySQL .......................................................................................
22
2.5.1 Keuntungan Menggunakan Database MySQL .................................
22
BAB III ANALISA DAN PERANCANGAN SISTEM ..................................
24
3.1
Analisa Sistem ............................................................................................
24
3.1.1 Kebutuhan Fungsional ......................................................................
24
3.1.1.1 Analisa Pengujian .................................................................
25
3.1.2 Kebutuhan Non-Fungsional ..............................................................
27
3.1.2.1 Analisa Perangkat Keras .......................................................
27
3.1.2.2 Analisa Perangkat Lunak ......................................................
28
3.1.2.3 Analisa Pengguna .................................................................
29
Perancangan Sistem ...................................................................................
30
3.2.1 Use Case Diagram ............................................................................
30
3.2.1.1 Definisi Aktor .......................................................................
31
3.2.1.2 Definisi Use Case .................................................................
31
3.2.2 Activity Diagram ...............................................................................
32
3.2.2.1 Activity Diagram Siswa ........................................................
32
2.2
2.3
2.4
2.5
3.2
3.2.2.2 Activity Diagram Admin ......................................................
36
3.2.3 Sequence Diagram .............................................................................
41
3.2.3.1 Sequence Diagram Siswa .....................................................
41
3.2.3.2 Sequence Diagram Admin ....................................................
45
3.2.4 Perancangan Jaringan Intranet .........................................................
50
3.2.5 Perancangan Basis Data (Database) .................................................
50
3.2.5.1 Entity Relationship Diagram ................................................
50
3.2.5.2 Relasi Tabel ...........................................................................
51
3.2.6 Perancangan Antarmuka Pengguna (User Interface) .......................
51
3.2.6.1 Rancangan Halaman Siswa ...................................................
52
3.2.6.2 Rancangan Halaman Admin ..................................................
55
3.2.7 Perancangan Kuesioner ....................................................................
56
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM..............................
58
4.1
Implementasi Sistem ..................................................................................
58
4.1.1 Batasan Implementasi Sistem ...........................................................
58
4.1.2 Implementasi Antar Muka .................................................................
59
4.1.2.1 Antar Muka Siswa ................................................................
59
4.1.2.2 Antar Muka Admin ...............................................................
67
4.1.3 Implementasi Responsive Web Design .............................................
72
Pengujian Sistem .......................................................................................
77
4.2.1 Pengujian Fungsional .......................................................................
78
4.2.1.1 Pengujian Responsive Web Design .......................................
83
4.2.1.2 Kesimpulan Hasil Pengujian Fungsional ..............................
83
4.2.2 Pengujian Responden ........................................................................
83
4.2.2.1 Kesimpulan Hasil Pengujian Responden ..............................
86
BAB V PENUTUP .............................................................................................
87
5.1
Kesimpulan ................................................................................................
87
5.2
Saran ...........................................................................................................
88
DAFTAR PUSTAKA ........................................................................................
89
4.2
Lampiran Kuesioner .............................................................................................
91
DAFTAR GAMBAR
Gambar 2.1
Ilustrasi Alur Proses Data Pada CodeIgniter .............................
13
Gambar 2.2
Video Hasil Compile Tag
