DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir........................................................................................ i

Lembar Pernyataan Keaslian Tugas Akhir .............................................................. ii
Lembar Pernyataan Publikasi Karya Ilmiah ............................................................ iii
Lembar Persetujuan dan Pengesahan Tugas Akhir .................................................. iv
Lembar Konsultasi Tugas Akhir ...............................................................................v

Kata Pengantar ......................................................................................................... vi

Lembar Abstraksi .................................................................................................... vii
Daftar Isi................................................................................................................... ix
Daftar Simbol ........................................................................................................... xi
Daftar Gambar ......................................................................................................... xii
Daftar Tabel .............................................................................................................xv

BAB I PENDAHULUAN
1.1. Latar Belakang Masalah ....................................................................1
1.2. Maksud dan Tujuan ...........................................................................2
1.3. Metode Penelitian ..............................................................................3
1.4. Ruang Lingkup ..................................................................................6
1.5. Sistematika Penulisan ........................................................................6
BAB II LANDASAN TEORI
2.1. Konsep Dasar Web ............................................................................8
2.1.1. Pengertian Internet...................................................................8
2.1.2. Web Server...............................................................................8
2.1.3. Web Browser ...........................................................................8
2.1.4. Website ....................................................................................9
2.1.5. WWW (World Wide Web) .......................................................9
2.1.6. HTML (Hypertext Markup Language) ....................................9
2.1.7. PHP (PHP Hypertext Preprocessor) .......................................9
2.1.8. CSS (Cascading Style Sheet) ..................................................10
2.1.9. Javascript ...............................................................................10
2.1.10. XAMPP ................................................................................10
2.1.11. PhpMyAdmin .......................................................................11
2.1.12. Adobe Dreamweaver CS6 ....................................................11
2.1.13. Basis Data .............................................................................13
2.1.14. Model Pengembangan Perangkat Lunak ..............................13
2.2. Teori Pendukung ..............................................................................15
2.2.1. Struktur Navigasi ....................................................................15
2.2.2. ERD (Entity Relationship Diagram) ......................................18
2.2.3. LRS (Logical Record Structure) ............................................19
2.2.4. Pengujian Unit ........................................................................21

ix
BAB III PEMBAHASAN
3.1. Analisa Kebutuhan ...........................................................................22
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka ........................................................22
3.2.2. Rancangan Basis Data ..........................................................51
3.2.3. Rancangan Struktur Navigasi ...............................................64
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi ........................................................................66
3.3.2. Pengujian Unit ......................................................................99
BAB IV PENUTUP
4.1. Kesimpulan ......................................................................................114
4.2. Saran ................................................................................................115
DAFTAR PUSTAKA ............................................................................................116
DAFTAR RIWAYAT HIDUP .............................................................................117

x
 DAFTAR SIMBOL

Simbol Entity Relationship Diagram(ERD)

Entitas

Suatu objek yang dapat

diidentifikasi dalam lingkungan
pemakai

Relasi

Menunjukkan adanya hubungan

diantara sejumlah entitas yang
berbeda

Atribut

Mendeskripsikan karakter entitas

(atribut yang berfungsi sebagai
key diberi garis bawah)

Garis

Sebagai penghubung antar relasi

dengan entitas relasi dan entitas
dengan atribut

xi
 DAFTAR GAMBAR

Halaman
1. Gambar II.1. Adobe Dreamweaver CS.6 .....................................................12
2. Gambar II.2. Ilustrasi Model Waterfall ........................................................13
3. Gambar II.3. Ilustrasi Struktur Navigasi Linear ..........................................16
4. Gambar II.4. Ilustrasi Struktur Navigasi Hirarki .........................................16
5. Gambar II.5. Ilustrasi Struktur Navigasi Non-Linear ..................................17
6. Gambar II.6. Ilustrasi Struktur Navigasi Campuran (Composite)................18
7. Gambar III.1. Rancangan Antar Muka Beranda ..........................................23
8. Gambar III.2. Rancangan Antar Muka Feed ................................................24
9. Gambar III.3. Rancangan Antar Muka Album.............................................25
10. Gambar III.4. Rancangan Antar Muka Isi Album........................................26
11. Gambar III.5. Rancangan Antar Muka Detail Gambar ................................27
12. Gambar III.6. Rancangan Antar Muka Login Member ................................28
13. Gambar III.7. Rancangan Antar Muka Daftar Member ...............................29
14. Gambar III.8. Rancangan Antar Muka Halaman Utama Member ...............30
15. Gambar III.9. Rancangan Antar Muka Artikel ............................................31
16. Gambar III.10. Rancangan Antar Muka Detail Artikel................................32
17. Gambar III.11. Rancangan Antar Muka Hubungi Kami ..............................33
18. Gambar III.12. Rancangan Antar Muka Login ............................................34
19. Gambar III.13. Rancangan Antar Muka Halaman Utama Admin ...............34
20. Gambar III.14. Rancangan Antar Muka Tampil Album ..............................35
21. Gambar III.15. Rancangan Antar Muka Tambah Abum..............................35
22. Gambar III.16. Rancangan Antar Muka Edit Album ...................................36
23. Gambar III.17. Rancangan Antar Muka Tampil Artikel ..............................36
24. Gambar III.18. Rancangan Antar Muka Tambah Artikel ............................37
25. Gambar III.19. Rancangan Antar Muka Edit Artikel ...................................37
26. Gambar III.20. Rancangan Antar Muka Tampil Galeri Meme ....................38
27. Gambar III.21. Rancangan Antar Muka Tambah Gambar ...........................38
28. Gambar III.22. Rancangan Antar Muka Edit Gambar .................................39
29. Gambar III.23. Rancangan Antar Muka Tampil Galeri Meme Member .....39
30. Gambar III.24. Rancangan Antar Muka Edit Gambar Meme Member .......40
31. Gambar III.25. Rancangan Antar Muka Tampil Pesan Hubungi Kami .......40
32. Gambar III.26. Rancangan Antar Muka Balas Pesan Hubungi Kami..........41
33. Gambar III.27. Rancangan Antar Muka Tampil Iklan .................................41
34. Gambar III.28. Rancangan Antar Muka Tambah Iklan ...............................42
35. Gambar III.29. Rancangan Antar Muka Edit Iklan ......................................42
36. Gambar III.30. Rancangan Antar Muka Tampil Kategori ...........................43
37. Gambar III.31. Rancangan Antar Muka Tambah Kategori..........................43
38. Gambar III.32. Rancangan Antar Muka Edit Kategori ................................44
39. Gambar III.33. Rancangan Antar Muka Tampil Komentar .........................44
40. Gambar III.34. Rancangan Antar Muka Edit Komentar ..............................45

xii
41. Gambar III.35. Rancangan Antar Muka Tampil Member............................45
42. Gambar III.36. Rancangan Antar Muka Edit Member ................................46
43. Gambar III.37. Rancangan Antar Muka Tampil Menu/Modul ....................46
44. Gambar III.38. Rancangan Antar Muka Tambah Menu/Modul ..................47
45. Gambar III.39. Rancangan Antar Muka Edit Menu/Modul .........................47
46. Gambar III.40. Rancangan Antar Muka Tampil Review..............................48
47. Gambar III.41. Rancangan Antar Muka Edit Review ..................................48
48. Gambar III.42. Rancangan Antar Muka Tampil User .................................49
49. Gambar III.43. Rancangan Antar Muka Tambah User ................................49
50. Gambar III.44. Rancangan Antar Muka Edit User ......................................50
51. Gambar III.45. Entity Relationship Diagram...............................................51
52. Gambar III.46. Logical Record Structure ....................................................52
53. Gambar III.47. Struktur Navigasi Admin ....................................................64
54. Gambar III 48. Struktur Navigasi Pengunjung ............................................65
55. Gambar III.49. Implementasi Halaman Beranda .........................................67
56. Gambar III.50. Implementasi Halaman Feed ...............................................68
57. Gambar III.51. Implementasi Halaman Album............................................70
58. Gambar III.52. Implementasi Halaman Isi Album.......................................70
59. Gambar III.53. Implementasi Halaman Detail Gambar ...............................71
60. Gambar III.54. Implementasi Halaman Login Member ...............................72
61. Gambar III.55. Implementasi Halaman Daftar Member ..............................72
62. Gambar III.56. Implementasi Halaman Halaman Utama Member ..............73
63. Gambar III.57. Implementasi Halaman Artikel ...........................................74
64. Gambar III.58. Implementasi Halaman Detail Artikel.................................74
65. Gambar III.59. Implementasi Halaman Hubungi Kami ...............................75
66. Gambar III.60. Implementasi Halaman Login .............................................76
67. Gambar III.61. Implementasi Halaman Halaman Utama Admin ................76
68. Gambar III.62. Implementasi Halaman Tampil Album ...............................77
69. Gambar III.63. Implementasi Halaman Tambah Abum...............................78
70. Gambar III.64. Implementasi Halaman Edit Album ....................................78
71. Gambar III.65. Implementasi Halaman Tampil Artikel ...............................79
72. Gambar III.66. Implementasi Halaman Tambah Artikel .............................79
73. Gambar III.67. Implementasi Halaman Edit Artikel ....................................80
74. Gambar III.68. Implementasi Halaman Tampil Galeri Meme .....................81
75. Gambar III.69. Implementasi Halaman Tambah Gambar ............................82
76. Gambar III.70. Implementasi Halaman Edit Gambar ..................................82
77. Gambar III.71. Implementasi Halaman Tampil Galeri Meme Member ......83
78. Gambar III.72. Implementasi Halaman Edit Gambar Meme Member ........84
79. Gambar III.73. Implementasi Halaman Tampil Pesan Hubungi Kami ........85
80. Gambar III.74. Implementasi Halaman Balas Pesan Hubungi Kami...........85
81. Gambar III.75. Implementasi Halaman Tampil Iklan ..................................86
82. Gambar III.76. Implementasi Halaman Tambah Iklan ................................86
83. Gambar III.77. Implementasi Halaman Edit Iklan .......................................87
84. Gambar III.78. Implementasi Halaman Tampil Kategori ............................88
85. Gambar III.79. Implementasi Halaman Tambah Kategori...........................88

xiii
86. Gambar III.80. Implementasi Halaman Edit Kategori .................................89
87. Gambar III.81. Implementasi Halaman Tampil Komentar ..........................89
88. Gambar III.82. Implementasi Halaman Edit Komentar ...............................90
89. Gambar III.83. Implementasi Halaman Tampil Member.............................90
90. Gambar III.84. Implementasi Halaman Edit Member .................................91
91. Gambar III.85. Implementasi Halaman Tampil Menu/Modul .....................92
92. Gambar III.86. Implementasi Halaman Tambah Menu/Modul ...................93
93. Gambar III.87. Implementasi Halaman Edit Menu/Modul ..........................93
94. Gambar III.88. Implementasi Halaman Tampil Review...............................94
95. Gambar III.89. Implementasi Halaman Edit Review ...................................95
96. Gambar III.90. Implementasi Halaman Tampil User...................................95
97. Gambar III.91. Implementasi Halaman Tambah User .................................96
98. Gambar III.92. Implementasi Halaman Edit User .......................................96

xiv
 DAFTAR TABEL

Halaman

1. Tabel III.1. Spesifikasi File Album ..............................................................53

2. Tabel III.2. Spesifikasi File Artikel..............................................................54
3. Tabel III.3. Spesifikasi File Gallery .............................................................55
4. Tabel III.4. Spesifikasi File Kategori ...........................................................56
5. Tabel III.5. Spesifikasi File Komentar .........................................................57
6. Tabel III.6. Spesifikasi File Member ...........................................................58
7. Tabel III.7. Spesifikasi File Users ................................................................59
8. Tabel III.8. Spesifikasi File Hubungi ...........................................................60
9. Tabel III.9. Spesifikasi File Iklan .................................................................60
10. Tabel III.10. Spesifikasi File Modul ............................................................61
11. Tabel III.11. Spesifikasi File Review ...........................................................62
12. Tabel III.12. Spesifikasi File Statistik ..........................................................63
13. Tabel III.13. Hasil Pengujian Black Box Texting Pada Form Login ............99
14. Tabel III.14. Hasil Pengujian Black Box Texting Pada Form
Daftar Member. ......................................................................100
15. Tabel III.15. Hasil Pengujian Black Box Texting Pada Form
Upload Karya .........................................................................101
16. Tabel III.16. Hasil Pengujian Black Box Texting Pada Form
Isi Komentar ...........................................................................102
17. Tabel III.17. Hasil Pengujian Black Box Texting Pada Form
Cari Artikel ............................................................................103
18. Tabel III.18. Hasil Pengujian Black Box Texting Pada Form
Hubungi Kami ........................................................................103
19. Tabel III.19. Hasil Pengujian Black Box Texting Pada Form
Isi Review Pengunjung ...........................................................105
20. Tabel III.20. Hasil Pengujian Black Box Texting Pada Form
Login Admin ..........................................................................106
21. Tabel III.21. Hasil Pengujian Black Box Texting Pada Form
Tambah Album ......................................................................107
22. Tabel III.22. Hasil Pengujian Black Box Texting Pada Form
Tambah Artikel ......................................................................108
23. Tabel III.23. Hasil Pengujian Black Box Texting Pada Form
Tambah Gambar Galeri Meme ..............................................109
24. Tabel III.24. Hasil Pengujian Black Box Texting Pada Form
Edit Gambar Galeri Meme Member ......................................110
25. Tabel III.25. Hasil Pengujian Black Box Texting Pada Form
Balas Pesan ............................................................................110
26. Tabel III.26. Hasil Pengujian Black Box Texting Pada Form
Tambah Iklan .........................................................................111

xv
27. Tabel III.27. Hasil Pengujian Black Box Texting Pada Form
Tambah Kategori....................................................................112
28. Tabel III.28. Hasil Pengujian Black Box Texting Pada Form
Tambah Menu/Modul ............................................................112
29. Tabel III.29. Hasil Pengujian Black Box Texting Pada Form
Tambah User ..........................................................................113

xvi