WEB PORTAL MUSIK UNTUK PENDATANG BARU DI YOGYAKARTA
WEB PORTAL MUSIK
UNTUK PENDATANG BARU DI YOGYAKARTA
Skripsi
Diajukan untuk Memenuhi Salah satu Syarat
Memperoleh Gelar Sarjana Teknik
Program Studi Teknik Informatika
Disusun oleh :
Nama : Wisnu WidodoNIM : 995314071
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
WEB PORTAL MUSIK
UNTUK PENDATANG BARU DI YOGYAKARTA
Skripsi
Diajukan untuk Memenuhi Salah satu Syarat
Memperoleh Gelar Sarjana Teknik
Program Studi Teknik Informatika
Disusun oleh :
Nama : Wisnu WidodoNIM : 995314071
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
MUSIC PORTAL WEB
FOR THE NEW COMERS IN YOGYAKARTA
Undergraduate Thesis
Presented as a Part to Fulfill of the Requirements
in the Degree of Sarjana Teknik
of Informatics Engineering Study Program
By :
Wisnu Widodo
995314071
INFORMATICS ENGINEERING STUDY PROGRAM
FACULTY OF ENGINEERING
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini
tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan
dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.Yogyakarta, Januari 2007 Penulis Wisnu Widodo
HALAMAN PERSEMBAHAN
Secara khusus yang amat ku cintai dan kasihi Bapak, Ibu, serta Adik,
Almarhumah Kakak dan Adik.
Ku persembahkan karya ini untuk mu.
Semoga dapat menjadikan periksa bahwa karya ini merupakan bagian
dari salah satu wujud tanggung jawab ku dalam menempuh pendidikan tinggi
di Universitas Sanata Dharma.
Secara umum kupersembahkan karya ini untuk Insan Musik.
Semoga berguna sebagai media informasi pendatang baru dunia musik di Yogyakarta
berbasis web yang dapat:
Membantu publikasi dunia musik di Yogyakarta terutama pada insan musik yang belum
sempat terpublikasi dalam industri musik nasional;
Membantu insan musik Indonesia dalam mendapatkan informasi pendatang baru dunia
musik di Yogyakarta secara berbasis web;
Melengkapi informasi pendatang baru dunia musik di Yogyakarta
yang telah tersaji secara berbasis web.
HALAMAN MOTTO
Pikiran bukanlah sebuah wadah untuk diisi, melainkan api yang harus dinyalakan.
Bebaskan diri dari pengalaman-pengalaman yang membelenggu pikiran, berfikirlah merdeka.
Suatu permasalahan tidak dapat dipecahkan dengan suatu pemikiran yang tercipta, ketika
permasalahan itu terjadi.
- - Albert Einstein -
Berkatalah orang-orang yang dianugerahi ilmu: "Kecelakaan yang besarlah bagimu, pahala
Allah adalah lebih baik bagi orang-orang yang beriman dan beramal saleh, dan tidak diperoleh
pahala itu kecuali oleh orang-orang yang sabar".
- - Surat Al Qashash, Ayat 80 -
Barangsiapa yang keluar rumah untuk belajar suatu bab dari ilmu pengetahuan, maka ia
telah berjalan fisabilillah sampai ia kembali ke rumahnya.
- - H.R. Tirmidzi dari Anas r.a. -
INTISARI
Perkembangan industri musik di Indonesia mempunyai dampak yang luas diseluruh Indonesia. Yogyakarta merupakan barometer yang berpengaruh karena ada
beberapa band lokal yang telah masuk industri rekaman nasional. Kebutuhan untuk
memberi pelayanan informasi pendatang baru dunia musik di Yogyakarta akan
membantu insan musik memperoleh informasi musik dengan cepat dan akurat.Mekanisme yang dipakai untuk menjembatani antar insan musik adalah
dengan membangun sebuah web portal musik bagi pendatang baru di Yogyakarta.
Tujuan dari pembuatan web portal adalah: membantu publikasi dunia musik di
Yogyakarta terutama pada insan musik yang belum terpublikasi dalam industri musik
nasional, membantu insan musik Indonesia dalam mendapatkan informasi pendatang
baru dunia musik di Yogyakarta dengan berbasis web, melengkapi informasi
pendatang baru dunia musik di Yogyakarta yang telah tersaji dengan berbasis web.Fasilitas web portal bersifat dinamis, dirancang dapat memenuhi fungsi-fungsi
antara lain: tambah data, edit data, hapus data, pencarian data dan mampu berkoneksi
dengan basis data. Web portal dibangun menggunakan bahasa pemrograman PHP
yang terintegrasi dengan HTML, CSS untuk pengaturan kerangka antar muka dan
didukung dengan perangkat lunak MySQL untuk sistem basis datanya.Hasil akhir dari penelitian ini adalah sebuah perangkat lunak berbasis web
yang dapat memberikan informasi tentang beberapa pendatang baru dunia musik di
Yogyakarta. Web portal didukung dengan kelengkapan fasilitas yang meliputi:
manajemen artikel, manajemen musik, manajemen tabltur, manajemen album foto,
manajemen opini, manajemen buku tamu, manajemen poling, manajemen links,
hubungi kami dan mesin pencari lokal. Web portal dapat diakses menggunakan media
komputer dengan sistem operasi berbasis GUI antara lain: Windows, Linux dan Mac
OS serta dapat diakses menggunakan media telpon genggam yang telah dilengkapi
dengan teknologi multimedia untuk memungkinkan berkoneksi dengan Internet.
ABSTRACT
The development of music industry in Indonesia has a wide impact over allthe country. Yogyakarta becomes a barometer that holds a very important site since
some of the local band signed up to the major label. Due to the situation, the need to
promote the new comers of the Yogyakarta music, in general, is the main goal of this
research. The website will provide informations as fast and accurate as possible about
the local Yogyakarta music dynamics.The mechanism applied to support the goals of it informations is based on the
music portal website for the new comer in Yogyakarta. The goal is publishing all the
information available unpublished article and music. It has a strong direction to both
the audiences and music industry information nationally for the new comer’s settle in
Yogyakarta.The dynamic website, which is designed to fulfill the function, will be able to
include user to: add, edit, delete and search data within the database. The website
itself is built by using PHP technology integrated with the HTML and CSS to
customize the user interface. MySQL is applied as database system for the data
storage.The goals of the research are website based software that will enable new
information about the new comer in Yogyakarta music industry. It may include all the
information available such as: article, music, tablature, photo gallery, opinion,
guestbook, polling, links, contact and search engine which is all together placed in a
single content management system. The website is accessible through Graphical User
Interface operation system for example: Windows, Linux, Mac OS and be accessible
for mobile technology.KATA PENGANTAR
Segala puji dan syukur kepada sumber dari suara-suara hati yang bersifat
mulia, sumber ilmu pengetahuan, sumber segala kebenaran, Sang Maha Pengasih dan
Maha Penyayang, Sang Maha Cahaya yang tak terbatas pencahayaan bagi umat-Nya,
Allah Subhanahu Wa Ta’ala, sehingga penulis dapat menyelesaikan tugas penulisan
skripsi ini dengan baik. Dalam skripsi ini penulis mengambil judul Web Portal Musik
untuk Pendatang Baru di Yogyakarta. Penelitian ini diajukan untuk memenuhi salah
satu syarat memperoleh gelar Sarjana Teknik Program Studi Teknik Informatika.Untuk itu pada kesempatan ini penulis mengucapkan rasa terima kasih
sebesar-besarnya terhadap semua pihak yang telah membantu dalam menyelesaikan
tugas penulisan skripsi ini, terutama kepada: 1.Bapak St. Yudianto Asmoro, S.T. selaku pembimbing akademik dan pembimbing II, yang telah membimbing penulis dengan baik dan sabar,
serta selalu menyediakan waktu dalam memberikan bimbingan.
2. Bapak Drs. Haris Sriwindono, M.Kom selaku pembimbing I, yang telah membimbing penulis dengan baik dan sabar, serta selalu menyediakan waktu dalam memberikan bimbingan.
3. Bapak JB. Budi Darmawan, S.T., M.Sc, Bapak H.Agung Hernawan, S.T. selaku panitia penguji pada ujian pendadaran penulis.
4. Keluarga seatap dan serumah: kedua orang tua dan adik tercinta.
5. Keluarga besar eyang tercinta di Salaman dan Purworejo.
6. Rektor Universitas Sanata Dharma yang telah memberi kesempatan kepada penulis untuk menimba ilmu.
7. Pengelola dan para dosen Program Studi Teknik Informatika yang telah membantu penulis sejak masa studi hingga selesainya skripsi ini.
8. Segenap staff bagian pengajaran Universitas dan Fakultas Teknik yang telah membantu penulis dalam kelancaran administratif.
9. Radix.sps, Mas_Pram.npr, Aradea.psd, Purna, Abi, Eko untuk persahabatannya yang tulus.
10. Ragil.php, yang telah membantu dan membimbing penulis dalam proses belajar berbahasa PHP.
11. Mas_Anto.avi beserta keluarga, terima kasih atas segala bantuannya.
12. Ibu Hariyanti beserta keluarga, terima kasih atas segala bantuannya.
13. Ony.cpp, Bowo.cgi, Dhany.3gp, Yustian.flp, Khoiri VENICE, Damar.crd,
Mas_Donni.wav, Mas_Denni.max, Mas Joko JACK HAMMER, Narko.js,
Dami.vb, Agus.xml, Maman, Angkringan Widhi, juga Bapak Sudarno beserta keluarga, terima kasih untuk semuanya.14. Imanta.prproj, Ary SDGR, Rhisma, Ayu UPN, Bimo, Dimas, Fahmi,
Komang, Nila, Nindi, Luvi, Digit, Doan, Yogi, Andia, Prista, Adi JUNO-
D, Ayu UII, Anindha, Nurul, Aldino, Yudhi N2, Oky, Heni, Ayu UGM,
yang selalu ada pada masa-masa sulit pembuatan skripsi; terima kasih
untuk persahabatannya selama ini, “Bersama mu aku jadi merasa muda
lagi, kalian memang orang-orang hebat ☺”.15. Yoga UII dan Raya, terima kasih atas pinjaman laptop-nya.
16. Rekan-rekan Program Studi Teknik Informatika ankatan 1999: Indra Kris, Viky, Hasto, Dimas, Nunung, Wisnu A, Nortoto, Kiki, Agus, Heri, Joko, Dwiarso Hestu, Arif, Aan, Nino, Rifan, Andi, Anna, Sandra, Kris, Wiwied, Agung, Bram, Shanti, Icha, Emi, Irena, Teguh, Wahyu, Wisnu Dj, Dito, Indra, Dinar, Yulius, Destya, Sumaryanta, Sigit, Krisno Adi, dan rekan-rekan lain yang tidak dapat disebut satu persatu terima kasih untuk persahabatannya selama ini “God Bless You,…Amen”.
17. Anton dan segenap staff Gong Production, terima kasih atas segala bantuannya.
18. Komunitas Jamz Rock, New Arrival, Reload, Warta Jazz, Othello.
19. My “Fire Guitar” dan PC-ku tercinta, terima kasih untuk kebersamaanmu dan segala bantuanmu selama ini.
Penulis menyadari masih banyak kekurangan yang terdapat pada penulisan
skripsi ini, oleh karena itu penulis mengharapkan kritik serta saran untuk dapat
diperbaiki di kemudian hari. Akhirnya semoga skripsi ini dapat bermanfaat bagi
pembaca.Penulis
DAFTAR ISI
HALAMAN JUDUL…………………………………………………………….. i HALAMAN PERSETUJUAN…………………………………………………… iii HALAMAN PENGESAHAN…………………………………………………… iv PERNYATAAN KEASLIAN KARYA…………………………………………. v HALAMAN PERSEMBAHAN………………………………………………….. vi
HALAMAN MOTTO……………………………………………………………. vii
1.1. Latar Belakang……………………………………………………… 1
1.2. Rumusan Masalah…………………………………………………..
2
1.3. Batasan Masalah…………………………………………………….
2
1.4. Tujuan Penelitian……………………………………………………
4
1.5. Metodologi Penelitian……………………………………………….. 5
1.6. Sistematika Penulisan……………………………………………….. 7
INTISARI………………………………………………………………………… viii
ABSTRACT……………………………………………………………………… ix
KATA PENGANTAR…………………………………………………………… xDAFTAR ISI……………………………………………………………………... xiii
DAFTAR GAMBAR…………………………………………………………….. xix
DAFTAR TABEL……………………………………………………………….. xxiii
BAB I. PENDAHULUAN
BAB II. LANDASAN TEORI
2.4. Web server …………………………………………………………… 10
2.5. HTML………………………………………………………………... 10
2.6. CSS………………………………………………………………….. 12
2.7. Modified Waterfall Model………………........................................... 12
2.3. HTTP………………………………………………………………… 9
2.2. WWW………………………………………………………………… 8
2.1. Internet………………………………………………………………. 8
2.8. Web Portal……………………………………………………………. 15
30
42 3.3.1.7. DAD Level 1 Proses 2…………………………..
41 3.3.1.6. DAD Level 1 Proses 1…………………………..
3.3.1.5. Diagram Overview………………………………
40
39 3.3.1.4. Diagram Berjenjang…………………………….
3.3.1.3. Contex Diagram…………………………………
3.3.1.2. Identifikasi Input dan Output ……..……………. 38
37
37 3.3.1.1. Identifikasi Entity…………………………….....
37 3.3.1. DAD (Diagram Arus Data)……………………………….
3.2.5. Arsitektur Client…………………………………………….. 36 3.3. Desain ………………….……………………………………………...
35
3.2.3. Software dan Hardware untuk Membangun Sistem……….. 34 3.2.4. Arsitektur Server…………………………………………….
27 3.2.2.2. Fasilitas Petugas…………………………………...
2.9. PHP…………………………………………………………………… 16
3.2.2.1. Fasilitas Pengunjung………………………………
3.2.2. Analisa Kebutuhan Fasilitas Sistem….…………………….. 27
3.2.1.2. Skenario Normal…………………………………. 25
3.2.1.1. Diagram Use Case Jogja Musik Box…………….. 24
3.2.1. Analisa User Sistem……………………………………….. 24
3.2. Analisis Kebutuhan dan spesifikasi…………………………………… 23
22
3.1.1. Alasan Pembuatan Sistem…………………………………. 22 3.1.2. Gambaran Umum Sistem…………………………………..
3.1. Definisi Masalah…………………………………………………….. 22
BAB III. ANALISI DAN PERANCANGAN SISTEM
2.13. Diagram Arus Data (DAD)…………………………………………. 20
2.12. Sistem Informasi Berbasis Web…………………………………….. 20
2.11. Apache………………………………………………………………. 19
2.10. MySQL……………………………………………………………… 18
43
3.3.1.8. DAD Level 1 Proses 3…………………………..
44 3.3.1.9. DAD Level 1 Proses 4…………………………..
45
3.3.1.10. DAD Level 1 Proses 5………………………… 46
3.3.1.11. DAD Level 1 Proses 6………………………… 47
3.3.1.12. DAD Level 2 Proses 2.1……………………… 48
3.3.1.13. DAD Level 2 Proses 2.2………………………. 48
3.3.1.14. DAD Level 2 Proses 2.3………………………. 59
3.3.1.15. DAD Level 2 Proses 2.4……………………… 59
3.3.1.16. DAD Level 2 Proses 2.5………………………. 50
3.3.1.17. DAD Level 2 Proses 2.6……………………….. 50
3.3.1.18. DAD Level 2 Proses 2.7……………………… 51
3.3.1.19. DAD Level 2 Proses 2.8……………………….. 51
3.3.1.20. DAD Level 2 Proses 2.9……………………….. 52
3.3.1.21. DAD Level 2 Proses 2.10.……………………... 52
3.3.1.22. DAD Level 2 Proses 2.11……………………… 53
3.3.1.23. DAD Level 2 Proses 3.1……………………….. 53
3.3.1.24. DAD Level 2 Proses 3.4………………………... 54
3.3.1.25. DAD Level 2 Proses 3.5……………………….. 54
3.3.1.26. DAD Level 2 Proses 3.6………………………. 54
3.3.1.27. DAD Level 2 Proses 3.7……………………….. 55
3.3.1.28. DAD Level 2 Proses 5.1……………………….. 55
3.3.1.29. DAD Level 2 Proses 5.2...……………………... 56
3.3.1.30. DAD Level 2 Proses 5.3..……………………… 56
3.3.1.23. DAD Level 2 Proses 5.4.………………………. 56
3.3.2. Desain Basis Data…………………………………………. 57
3.3.2.1. ER Diagram………………………………………
57
3.3.2.2. Struktur Tabel……………………………………
58 3.3. 3. Desain Struktur Menu……………………………………. 63
3.3.3.1. Desain Struktur Menu Pengunjung………………
63
3.3.3.2. Desain Struktur Menu Crew………...……………
G. Desain form pada fasilitas opini………………. 75
3.6.4.2.2. Desain Antarmuka Admin…… ………...
E. Desain form pada fasilitas Update opini…………………………….. 84
C. Desain form pada fasilitas update tablatur………………………… 83 D.Desain form pada fasilitas update foto … 83
80 A. Desain form pada fasilitas update artikel………………………….. 80 B. Desain form fasilitas update musik…………………………... 82
80 3.3.4.2.1. Desain Antarmuka Crew……………….
3.3.4.2. Desain Antarmuka Petugas………………………
I. Desain form pada fasilitas poling………………. 78 J. Desain form pada fasilitas hubungi kami………. 79 K. Desain form pada fasilitas links……………….. 79 L. Desain form cari data…………………………. 80
H. Desain form pada fasilitas buku tamu…………. 77
F. Desain form pada fasilitas album foto……........ 73
64
E. Desain form pada fasilitas tablatur...………….. 72
D. Desain form pada fasilitas musik……………… 71
68 C. Desain form pada fasilitas artikel ……….......... 68
B. Desain form regisrasi member…………………
66 A. Desain form index…………………………….. 66
3.3.4. Desain Antar Muka User… ……………………………….. 66 3.3.4.1. Desain Antarmuka Pengunjung………………….
65
3.3.3.3. Desain Struktur Menu Admin……………………
86 A. Desain form pada fasilitas
update user………………………….
87 B. Desain form pada fasilitas update kategori………………………… 88 C. Desain form pada fasilitas update buku tamu……………………… 88 D. Desain form pada fasilitas update poling…………………………… 89 E. Desain form pada fasilitas Update links.............................................. 90 F. Desain halaman menu utama control panel crew………………. …….. 91 G. Desain halaman menu utama control panel crew………………. ……. 92
H. Desain Form login petugas……………. 92
BAB IV IMPLEMENTASI SISTEM
4.1. Koneksi Database …………………………………………………….. 93
4.2. Implementasi Antarmuka Web Portal………………………………… 94
4.2.1. Implementasi Antarmuka Pengunjung……………………………… 94
4.2.2. Implementasi Antarmuka Petugas…………………………………..130
4.2.2.1. Antarmuka Crew…………………………………………………..130
4.2.2.2. Antarmuka Admin………………………………………………..158
BAB V ANALISA IMPLEMENTASI
5.1. Analisis Rilis Operasi………………………………………………... 177
5.1.1. Analisis Manfaat…………………………………………………… 177
5.1.2. Analisis Teknologi…………………………………………………. 178
5.1.2.1. Analisis Pemilihan Teknologi……………………………………. 178
5.1.2.2. Analisis Pemilihan Web Hosting..................................................... 181
5.1.2.3. Upload Web Portal Ke Web Server……………………………… 182
5.2. Analisis Cara Pemeliharaan………………………………………….. 183
5.2.1. Analisis Teknis……………………………………………………....183
5.2.2. Analisis Karakteristik Pengguna…………………………………….183
5.2.3. Analisis Kelebihan dan Kekurangan Web portal…………………... 184
5.2.3.1. Analisis Kelebihan Web portal…………………………………... 184
5.2.3.1.1. Fasilitas Pengunjung…………………………………………… 185
5.2.3.1.2. Fasilitas Petugas………………………………………………... 187
5.2.3.2. Analisis Kekurangan Web portal………………………………… 189
BAB VI PENUTUP
6.1. Kesimpulan…………………………………………………………... 190
6.2. Saran…………………………………………………………………. 191
DAFTAR PUSTAKA............................................................................................. xxiv
LAMPIRAN…………………………………………………………………….... xxv
DAFTAR GAMBAR
Gambar Keterangan Halaman
3.18. DAD Level 1 Proses 2.8: Proses Update Buku Tamu
3.21. DAD Level 2 Proses 3.1: Proses Akses Artikel
52
3.20. DAD Level 1 Proses 2.10: Proses Update Links
52
3.19. DAD Level 1 Proses 2.9: Proses Update Poling
51
51
3.22. DAD Level 2 Proses 3.4: Proses Akses Foto
3.17. DAD Level 1 Proses 2.7: Proses Update Opini
50
3.16. DAD Level 1 Proses 2.6: Proses Update Foto
50
3.15. DAD Level 1 Proses 2.5: Proses Update Tabulatur
49
3.14. DAD Level 1 Proses 2.4: Proses Update Musik
53
53
3.13. DAD Level 1 Proses 2.3: Proses Update Data Artikel
56
3.31. Desain Struktur Menu Pengunjung Secara Keseluruhan
57
3.30. Entity Relational Diagram
56
3.29. DAD Level 2 Proses 5.1: Proses Cari Data Foto
56
3.28. DAD Level 2 Proses 5.3: Proses Cari Data Tabulatur
3.27. DAD Level 2 Proses 5.2: Proses Cari Data Musik
3.23. DAD Level 2 Proses 3.5: Proses Akses Opini
55
3.26. DAD Level 2 Proses 5.1: Proses Cari Data Artikel
55
3.25. DAD Level 2 Proses 3.7: Proses Akses Poling
54
3.24. DAD Level 2 Proses 3.6: Proses Akses Buku Tamu
54
49
48
2.1. Skema Permintaan HTML
21
24
3.1. Diagram Use Case Jogja Music Box
21
2.7. Simbol Simpanan Data
21
2.6. Simbol Proses
2.5. Simbol Arus Data
39
21
2.4. Simbol Entity
17
2.3. Skema Permintaan PHP
13
2.2. Modified Waterfall Model
11
3.2. Contex Diagram Jogja Music Box
3.3. Diagram Berjenjang Jogja Music Box
3.12. DAD Level 1 Proses 2.2: Proses Update Kategori
3.8. DAD Level 1 Proses 4: Proses Aktualisasi
48
3.11. DAD Level 1 Proses 2.1: Proses Update Data User
47
3.10. DAD Level 1 Proses 6: Proses Logout
46
3.9. DAD Level 1 Proses 5: Proses Cari Data
45
44
40
3.7. DAD Level 1 Proses 3: Proses Akses Informasi
43
3.6. DAD Level 1 Proses 2: Proses Update Data
42
3.5. DAD Level 1 Proses 1: Proses Login
41
3.4. Diagram Overview Jogja Music Box
63
3.32. Desain Struktur Menu Crew
3.58. Desain Form Links
81
3.61. Desain Form Edit Artikel
81
3.60. Desain Form Periksa Artikel
80
3.59. Desain Form Cari Data
79
79
81
3.57. Desain Form Hubungi Kami
78
3.56. Desain Form Hasil Poling
78
3.55. Desain Form Poling
77
3.54. Desain Form Kirim Data Buku Tamu
3.62. Desain Form Tambah Artikel
3.63. Desain Form Periksa Musik
3.53. Desain Form Buku Tamu
83
3.72. Desain Form Periksa Topik Opini
84
3.71. Desain Form Edit Foto
84
3.70. Desain Form Tambah Foto
84
3.69. Desain Form Periksa Album Foto
3.68. Desain Form Edit Tabulatur
82
83
3.67. Desain Form Tambah Tabulatur
83
3.66. Desain Form Periksa Tabulatur
82
3.65. Desain Form Edit Musik
82
3.64. Desain Form Tambah Musik
77
76
64
69
3.41. Desain Form Musik
70
3.40. Desain Form Hasil Pencarian Artikel
70
3.39. Desain Form Kategori
69
3.38. Desain Form Baca Detail Artikel
3.37. Desain Form Kirim Artikel
3.42. Desain Form Kirim Musik
68
3.36. Desain Form Registrasi Member
67
3.35. Desain Halaman Index 2
66
3.34. Desain Halaman Index 1
65
3.33. Desain Struktur Menu Admin
71
71
3.52. Desain Form Kirim Tanggapan Opini
3.48. Desain Form Hasil Pencarian Foto
76
3.51. Desain Form Kirim Topik Opini
75
3.50. Desain Form Detail Opini
75
3.49. Desain Form Opini
74
74
3.43. Desain Form Hasil Pencarian Musik
3.47. Desain Form Detail Foto
73
3.46. Desain Form Album Foto
73
3.45. Desain Form Hasil Pencarian Tabulatur
72
3.44. Desain Form Tabulatur
72
85
3.73. Desain Form Edit Opini
99
3.91. Desain Halaman Menu Utama Control Panel Crew
91
3.92. Desain Halaman Menu Utama Control Panel Admin
92
3.93. Desain Form Login Petugas
92
4.1. Halaman Index 1
94
4.2. Halaman Index 2
96
4.3. Form Registrasi Member
97
4.4. Form Kirim Artikel
4.5. Form Baca Detail Artikel 102
3.90. Desain Form Edit Links
4.6. Form Kategori 103
4.7. Form Musik 105
4.8. Form Kirim Musik 106
4.9. Form Tabulatur 107
4.10. Form Album Foto 109
4.11. Form Opini 110
4.12. Form Detail Opini 112
4.13. Form Kirim Topik Opini 113
4.14. Form Kirim Tanggapan Opini 116
4.15. Form Buku Tamu 117
4.16. Form Kirim Data Buku Tamu 119
4.17. Form Poling 120
4.18. Form Hasil Poling 123
4.19. Form Hubungi Kami 124
91
91
85
3.81. Desain Form Tambah Kategori
3.74. Desain Form Tambah Topik Opini
85
3.75. Desain Form Detail Opini
86
3.76. Desain Form Edit Tanggapan Opini
86
3.77. Desain Form Periksa User
87
3.78. Desain Form Edit User
87
3.79. Desain Form Tambah User
87
3.80. Desain Form Periksa Kategori
88
88
3.89. Desain Form Tambah Links
3.82. Desain Form Edit Kategori
88
3.83. Desain Form Periksa Buku Tamu
89
3.84. Desain Form Edit Buku Tamu
89
3.85. Desain Form Tambah Poling
89
3.86. Desain Form Edit Poling
90
3.87. Desain Form Detail Poling
90
3.88. Desain Form Links
90
4.20. Form Links 126
4.21. Form Cari Data 127
4.47. Form Edit Kategori 165
4.41. Halaman Menu Utama Control Panel Admin 159
4.42. Form Periksa User 159
4.43. Form Edit User 161
4.44. Form Tambah User 162
4.45. Form Periksa Kategori 163
4.46. Form Tambah Kategori 165
4.48. Form Periksa Buku Tamu 167
4.39. Form Detail Opini 155
4.49. Form Edit Buku Tamu 168
4.50. Form Tambah Poling 169
4.51. Form Edit Poling 171
4.52. Form Detail Poling 172
4.53. Form Periksa Links 173
4.54. Form Tambah Links 175
4.40. Form Edit Tanggapan Opini 157
4.38. Form Tambah Topik Opini 154
4.22. Form Login Petugas 130
4.29. Form Edit Musik 141
4.23. Halaman Menu Utama Control Panel Crew 133
4.24. Form Periksa Artikel 133
4.25. Form Edit Artikel 135
4.26. Form Tambah Artikel 136
4.27. Form Periksa Musik 138
4.28. Form Tambah Musik 140
4.30. Form Periksa Tablatur 143
4.37. Form Edit Opini 153
4.31. Form Tambah Tablatur 144
4.32. Form Edit Tablatur 146
4.33. Form Periksa Album Foto 147
4.34. Form Tambah Foto 149
4.35. Form Edit Foto 150
4.36. Form Periksa Topik Opini 152
4.55. Form Edit Links 176
DAFTAR TABEL
Tabel Keterangan Halaman
62
61
3.10. Struktur Tabel Buku Tamu
61
3.11. Struktur Tabel Poling
61
3.12. Struktur Tabel Jwb Poling
3.13. Struktur Tabel User Poling
60
62
3.14. Struktur Tabel Links
62
3.15. Struktur Tabel Auth
62
5.1. Manfaat Penggunaan Web Portal 177
3.9. Struktur Tabel Tanggapan Opini
3.8. Struktur Tabel Topik Opini
2.1. Gaya Penulisan Tag pada PHP
58
18
3.1. Identifikasi Input dan Output
38
3.2. Stuktur Tabel Petugas
58
3.3. Struktur Tabel Kategori
3.4. Struktur Tabel Artikel
60
59
3.5. Struktur Tabel Musik
59
3.6. Struktur Tabel Tablatur
60