x
Halaman
Gambar 2.1. Model umum suatu sistem ……... 10
Gambar 2.2. Model umum sistem ... 10
Gambar 3.1. Struktur organisasi Dinas Pendidikan Tasikmalaya ……….…. 28
Gambar 3.2. Siklus hidup model prototype ………. 47
Gambar 4.1. Use Case Diagram sistem informasi dinas pendidikan Tasikmalaya ………...…..
55 Gambar 4.2. Activity diagram sistem Dinas Pendidikan Tasikmalaya …..
62 Gambar 4.3. Use Case Sistem Informasi Web yang diusulkan ………...
66 Gambar 4.4. Squence diagram manajemen link terkait…....……….. 89
Gambar 4.5. Squence diagram manajemen pengajuan dokumen (administrator)……….89
Gambar 4.6. Squence diagram manajemen pengajuan dokumen (user)...90
Gambar 4.7. Squence diagramlogin administrator…………..……….. 90
Gambar 4.8. Squence diagramlogin administrator ………. 91
Gambar 4.9. Squence diagram manajemen modul ………. 91
Gambar 4.10. Squence diagram manajemen profil ……… 92
Gambar 4.11. Squence diagram manajemen agenda ……… 92
Gambar 4.12. Squence diagram manajemen kategori ………. 93
Gambar 4.13. Squence diagram manajemen berita....…. .……… 93
Gambar 4.14. Squence diagram manajemen tag(label) ……... 94
Gambar 4.15. Squence diagram manajemen komentar... 94
Gambar 4.16. Squence diagram manajemen download………. 95
Gambar 4.17. Squence diagram manajemen banner…………... 95
xi
Gambar 4.21. Squence diagramlogin member... 97
Gambar 4.22. Squence diagram manajemen berita oleh user ... 98
Gambar 4.23. Squence diagram daftar member……….……... 98
Gambar 4.24. Squence diagram lupa password……….. 99
Gambar 4.25. Squence diagram hubungi kami……….. 99
Gambar 4.26. Squence diagramdownload……… 100
Gambar 4.27. Squence diagram poling………..……….. 100
Gambar 4.28. Squence diagram hasil poling………... 101
Gambar 4.29. Squence diagram berita………... 101
Gambar 4.30. Squence diagram komentar……….. 102
Gambar 4.31. Squence diagram indeks berita………... 102
Gambar 4.32. Squence diagram pencarian………... 103
Gambar 4.33. Squence diagram kategori………... 103
Gambar 4.34. Squence diagram profil………..………….. 104
Gambar 4.35. Squence diagram agenda……….……… 104
Gambar 4.36. Squence diagramshoutbox………..…… 105
Gambar 4.37. Squence diagrambanner………. 105
Gambar 4.38. Squence diagram RSS..………... 106
Gambar 4.39. Collaboration Diagramlogin administrator………….…… 106
Gambar 4.40. Collaboration Diagram manajemen user……….…… 107
Gambar 4.41. Collaboration Diagram manajemen modul….……….…… 107
Gambar 4.42. Collaboration Diagram manajemen profil………..……… 108
Gambar 4.43. Collaboration Diagram manajemen agenda….………. 108
Gambar 4.44. Collaboration Diagram manajemen kategori……… 109
Gambar 4.45. Collaboration Diagram manajemen tag(label)……… 109
Gambar 4.46. Collaboration Diagram manajemen berita ……… 110
Gambar 4.47. Collaboration Diagram manajemen komentar ……… 110
Gambar 4.48. Collaboration Diagram manajemen download ……… 111
Gambar 4.49. Collaboration Diagram manajemen poling ………..………… 111
Gambar 4.50. Collaboration Diagram manajemen shoutbox …..……… 112
xii
Gambar 4.54. Collaboration Diagram daftar member ………...………113
Gambar 4.55. Collaboration Diagram manajemen berita oleh user………… 114
Gambar 4.56. Collaboration Diagram lupa password …….………..…… 114
Gambar 4.57. Collaboration Diagram hubungi kami.. ………...……… 114
Gambar 4.58. Collaboration Diagram berita………..……… 115
Gambar 4.59. Collaboration Diagram komentar.. ………...……… 115
Gambar 4.60. Collaboration Diagram pencarian………..………… 116
Gambar 4.61. Collaboration Diagram indeks berita.. ………...……… 116
Gambar 4.62. Collaboration Diagram kategori………..………… 116
Gambar 4.63. Collaboration Diagram RSS…..………..………… 117
Gambar 4.64. Collaboration Diagram poling………..………..………… 117
Gambar 4.65. Collaboration Diagram hasil poling………..………… 118
Gambar 4.66. Collaboration Diagram profil…..………..………… 118
Gambar 4.67. Collaboration Diagram agenda………..………..……… 118
Gambar 4.68. Collaboration Diagramdownload………..………… 119
Gambar 4.69. Collaboration Diagramshoutbox……..………..…………119
Gambar 4.70. Collaboration Diagrambanner…..………..……… 119
Gambar 4.71. Component Diagram administrator ………..………… 120
Gambar 4.72. Component Diagram user ……..……..………..………… 120
Gambar 4.73. Deployment diagram web Disdik Tasikmalaya..…………..… 121
Gambar 4.74. Class Diagram aplikasi web Disdik Tasikmalaya………….… 122
Gambar 4.75. Perancangan antar muka web Dinas Pendidikan Tasikmalaya... 123
Gambar 4.76. Form loginuser atau administrator ………..………… 124
Gambar 4.77. Pencarian data berita, sekolah, guru, dan NEM.……… 124
Gambar 4.78. Daftar user ……….. ………..………… 125
Gambar 4.79. Indeks berita………...……… 125
Gambar 4.80. Mini chat atau shoutbox………..……… 126
Gambar 4.81. Komentar berita ……….. ………..………… 126
Gambar 4.82. Hubungi kami………...……… 126
Gambar 4.83. Input data profil oleh administrator…………...……… 127
xiii
Gambar 4.87. Tambah filedownload oleh administrator…...……… 128
Gambar 4.88. Tambah banner oleh administrator.. ………..………… 128
Gambar 4.89. Tambah pilihan poling oleh administrator…...……… 128
Gambar 4.90. Tambah data guru oleh administrator………...……… 129
Gambar 4.91. Tambah data sekolah oleh administrator….………..………… 129
Gambar 4.92. Tambah agenda oleh administrator………..…...……… 129
Gambar 4.93. Tambah berita………...…...……… 130
Gambar 4.94. Tambah kategori jabatan oleh administrator...……… 130
Gambar 4.95. Detail profil..………...…...……… 130
Gambar 4.96. Detail agenda.………...…...……… 131
Gambar 4.97. Detail berita dan komentar berita…….…...…...……… 131
Gambar 4.98. Detail filedownload………...…...……… 132
Gambar 4.99. Detail hasil pencarian sekolah atau NEM...…...……… 132
Gambar 4.100. Detail hasil pencarian guru……… 133
Gambar 4.101. Output nama dan pesan mini chat atau shoutbox……… 133
Gambar 5.1. Halaman Utama website ……….. 155
Gambar 5.2. Proses hubungi kami ……… 156
Gambar 5.3. Proses pencarian data berita, sekolah, guru, dan NEM……… 156
Gambar 5.4. Proses indeks berita……….……… 157
Gambar 5.5. Proses Poling………..……… 157
Gambar 5.6. Proses mini chat………….………. 158
Gambar 5.7. Proses Login……….……….. 158
Gambar 5.8. Proses daftar member ………... 159
Gambar 5.9. Menu user………. 159
Gambar 5.10. Proses manajemen berita pada menu user………….…………. 160
Gambar 5.11. Proses tambah dan edit berita user……….. 160
Gambar 5.12. Proses menu sekolah dan guru………. 161
Gambar 5.13. Menu administrator………... 161
Gambar 5.14. Proses manajemen user………. 162
xiv
Gambar 5.18. Proses manajemen agenda……….. 163
Gambar 5.19. Proses tambah dan edit agenda………..…. 163
Gambar 5.20. Proses manajemen kategori……….. 164
Gambar 5.21. Proses tambah dan edit kategori..………..…. 164
Gambar 5.22. Proses manajemen tag (label)……….. 165
Gambar 5.23. Proses tambah dan edit tag (label)………..…. 165
Gambar 5.24. Proses manajemen berita pada menu administrator………….. 165
Gambar 5.25. Proses tambah dan edit berita………..…. 166
Gambar 5.26. Proses manajemen komentar……….. 166
Gambar 5.27. Proses edit komentar………..…. 167
Gambar 5.28. Proses manajemen download……….. 167
Gambar 5.29. Proses tambah dan edit data download………..…. 167
Gambar 5.30. Proses manajemen banner……….. 168
Gambar 5.31. Proses tambah dan edit banner………..…. 168
Gambar 5.32. Proses manajemen poling……….. 169
Gambar 5.33. Proses tambah dan edit poling………..…. 169
Gambar 5.34. Proses manajemen shoutbox……….. 169
Gambar 5.35. Proses edit shoutbox……….………..…. 170
Gambar 5.36. Proses manajemen sekolah……….. 170
Gambar 5.37. Proses tambah dan edit sekolah………..…. 170
Gambar 5.38. Proses manajemen jabatan……….. 171
Gambar 5.39. Proses tambah dan edit jabatan………..…. 171
Gambar 5.40. Proses manajemen guru……….. 172
Gambar 5.41. Proses tambah dan edit guru………..…. 172
Gambar 5.42. Halaman forum………….……….. 173
vi
LEMBAR PENGUJIAN LEMBAR PENGESAHAN
LEMBAR PERNYATAAN KEASLIAN
ABSTRAK ... i
ABSTRACT ... ii
KATA PENGANTAR ... v
DAFTAR ISI ... vi
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xvi
DAFTAR SIMBOL ...xvii
BAB I. PENDAHULUAN ... 1
1.1. Latar Belakang Penelitian ... 1
1.2. Identifikasi dan Rumusan Masalah ... 4
1.2.1. Identifikasi ... 4
1.2.2. Perumusan Masalah ... 5
1.3. Maksud dan Tujuan Penelitian ... 5
1.3.1. Maksud Penelitian ... 5 1.3.2. Tujuan Penelitian ... 6 1.4. Kegunaan Penelitian ... 6 1.4.1. Kegunaan Praktis ... 6 1.4.2. Kegunaan Akademis ... 7 1.5. Batasan Masalah ... 7
1.6. Lokasi dan Waktu / Jadwal Penelitian ... 8
BAB II. LANDASAN TEORI ... 10
2.1. Sistem... 10
2.1.1. Pengertian Sistem... 10
2.1.2. Elemen dan karakteristik Sistem... 11
vii
2.2.1. Karakteristik Informasi……... 12
2.2.2. Konsep sistem Informasi... 13
2.3. Web………... 13
2.4. PHP BB………... 14
2.5. Dinas Pendidikan ... 15
2.5.1. Pengertian Dinas Pendidikan... 15
2.5.2. Renstra Dinas Pendidikan Indonesia... 15
2.5.3. Tujuan dan fungsi………... 16
2.5.4. Dasar hukum…….………... 16
2.6. Perangkat lunak pendukung ………. 17
2.6.1. Macromedia Dreamweaver 8 …... 17
2.6.2. XAMPP 2.1…….………... 17
2.6.3. MySql ………..……….. 18
2.7. Alat bantu permodelan ……….. 20
2.7.1. UML ………... 20
2.7.2. Komponen UML……… 21
BAB III. OBJEK DAN METODE PENELITIAN ... 24
3.1. Objek Penelitian ... 24
3.1.1. Sejarah Singkat Perusahaan ... 24
3.1.2. Visi dan Misi Perusahaan ... 26
3.1.3. Struktur Organisasi Perusahaan ... 28
3.1.4. Deskripsi Tugas ... 28
3.2. Metode Penelitian ... 43
3.2.1. Desain Penelitian ... 44
3.2.2. Jenis dan Metode Pengumpulan Data ... 44
3.2.2.1. Sumber Data Primer ... 44
3.2.2.2. Sumber Data Sekunder ... 45
3.2.3. Metode Pendekatan dan Pengembangan Sistem ... 46
3.2.3.1. Metode Pendekatan Sistem ... 46
3.2.3.2. Metode Pengembangan Sistem ... 47
viii
BAB IV. ANALISIS DAN PERANCANGAN SISTEM ... 52
4.1. Analisis Sistem Yang Berjalan ... 52
4.1.1. Analisis Prosedur yang sedang berjalan ... 52
4.1.2. Gambaran Prosedur sistem yang sedang berjalan... 55
4.1.2.1. Use case diagram ……….. 55
4.1.2.2. Activity diagram ………... 62
4.1.3. Evaluasi Sistem yang sedang berjalan ... 63
4.2. Perancangan Sistem ... 63
4.2.1. Tujuan Perancangan Sistem ... 64
4.2.2. Gambaran Umum Sistem yang Diusulkan ... 64
4.2.3. Perancangan Prosedur yang Diusulkan ... 65
4.2.3.1. Use case diagram ... 66
4.2.3.2. Squence diagram ... 89
4.2.3.3. Collaboration diagram... 106
4.2.3.4. Component diagram ... 120
4.2.3.5. Deployment diagram... 121
4.2.3.6. Class diagram ………... 122
4.2.4. Perancangan Antar Muka ... 123
4.2.4.1. Perancangan Input ... 124
4.2.4.2. Perancangan Output ... 130
BAB V. IMPLEMENTASI DAN PENGUJIAN SISTEM ... 134
5.1. Implementasi ... 134
5.1.1. Batasan Implementasi ... 134
5.1.2. Implementasi Perangkat Lunak ... 134
5.1.3. Implementasi Perangkat Keras ... 135
5.1.4. Implementasi Basis Data ... 135
5.1.5. Implementasi Antar Muka ... 155
5.1.5.1. Implementasi Halaman Pengunjung ... 156
5.1.5.2. Implenentasi Halaman Administrator ... 161
5.1.6. Implementasi Instalasi Program ... 174
ix
5.2.2. Kasus dan Hasil Pengujian ... 178
5.2.2.1. Pengujian Halaman Pengunjung ... 179
5.2.2.2. Pengujian Halaman Administrtor ... 185
5.2.3. Kesimpulan dan Hasil Pengujian ... 193
BAB VI. KESIMPULAN DAN SARAN ... 194
6.1. Kesimpulan ... 194
6.2. Saran ... 195
DAFTAR PUSTAKA
Buku:
Jogiyanto, MBA,Ph.D. 2005. Analisis dan Desain Sistem Informasi.Andi.Yogyakarta.
Jogiyanto, HM,MBA.,Akt.1999.Pengenalan Komputer Dasar Ilmu Komputer,
Pemograman, Sistem Informasi dan Intelegensi Buatan.Andi.Yogyakarta.
Roger S. Presman.2002. Rekayasa Perangkat Lunak:Pendekatan Praktis (Buku
I).Andi Yogyakarta.Yogyakarta.
Budhi Irawan.2005. Jaringan Komputer.GRAHA ILMU,Yogyakarta.
Harianto Kristanto.2007.Konsep dan Perancangan Database.Andi.Yogyakarta.
Citra Noviyasari.2002.Materi Perkuliahan Testing dan Implementasi Sistem
Al-Bahra bin Ladjamuddin. Analisis dan Desain Sistem Informasi
Buku pedoman Dinas Pendidikan Tasikmalaya.2007
Internet :
http://setia.staff.gunadarma.ac.id/Downloads/files/6039/MateriSuplemenUml.pdf.14 November 2009
http://nurrahmanarif.files.wordpress.com/2009/05/ 14 November 2009 http://www.search-ebooks.com/ebook-viewer.php?url=http://www.search-ebooks.com/download/dl/klasifikasi-sistem-informasi-.pdf 14 November 2009 http://id.wikipedia.org/wiki/Situs_web 15 November 2009 http://fery2008.blogspot.com/ 15 November 2009 http://www.gramediashop.com/book/detail/9789792706659/Macromedia-Dreamweaver-8 16 November 2009 id.wikipedia.org/wiki/MySQL 16 November 2009 http://www.docstoc.com/docs/20596922/VALIDASI-PERANGKAT-LUNAK- DENGAN-METODE-HYBRID-BERBASIS-UML 16 November 2009
xvii
1. CLASS DIAGRAM
Nama
Komponen Keterangan Simbol
Class Class adalah blok - blok pembangun pada pemrograman berorientasi obyek.
Sebuah class digambarkan sebagai
sebuah kotak yang terbagi atas 3 bagian. Bagian atas adalah bagian nama
dari class. Bagian tengah
mendefinisikan property/atribut class.
Bagian akhir mendefinisikan
method-method dari sebuah class.
Nama Class + atribut + atribut + atribut + method + method
Association Sebuah asosiasi merupakan sebuah
relationship paling umum antara 2 class
dan dilambangkan oleh sebuah garis
yang menghubungkan antara 2 class.
Garis ini bisa melambangkan tipe-tipe
relationship dan juga dapat
menampilkan hukum-hukum
multiplisitas pada sebuah relationship.
(Contoh: One-to-one, one-to-many,
many-to-many).
Composition Jika sebuah class tidak bisa berdiri sendiri dan harus merupakan bagian dari class yang lain, maka class tersebut
memiliki relasi Composition terhadap
class tempat dia bergantung tersebut.
Sebuah relationship composition
digambarkan sebagai garis dengan ujung berbentuk jajaran genjang berisi/solid.
Dependency Kadangkala sebuah class menggunakan class yang lain. Hal ini disebut
dependency. Umumnya penggunaan
dependency digunakan untuk
menunjukkan operasi pada suatu class
yang menggunakan class yang lain.
Sebuah dependency dilambangkan
sebagai sebuah panah bertitik-titik.
Aggregation Aggregation mengindikasikan
keseluruhan bagian relationship dan
biasanya disebut sebagai relasi
xviii
Component Sebuah komponen melambangkan
sebuah entitas software dalam sebuah
sistem.
Sebuah komponen dinotasikan sebagai sebuah kotak segiempat dengan dua kotak kecil tambahan yang menempel disebelah kirinya.
Dependency Sebuah Dependency digunakan untuk
menotasikan relasi antara dua
komponen.
Notasinya adalah tanda panah putus-putus yang diarahkan kepada komponen
tempat sebuah komponen itu
bergantung.
3. DEPLOYMENT DIAGRAM
Nama
Komponen Keterangan Simbol
Component Pada deployment diagram, komponen- komponen yang ada diletakkan didalam node untuk memastikan keberadaan posisi mereka.
Node Node menggambarkan bagian-bagian
hardware dalam sebuah sistem. Notasi
untuk node digambarkan sebagai sebuah kubus 3 dimensi.
Association Sebuah association digambarkan sebagai sebuah garis yang menghubungkan dua
node yang mengindikasikan jalur
komunikasi antara komponen-komponen
hardware.
4. USE CASE DIAGRAM
Nama
xix
didalam elips tersebut.
Actor Actor adalah pengguna sistem. Actor tidak terbatas hanya manusia saja, jika sebuah sistem berkomunikasi dengan
aplikasi lain dan membutuhkan input
atau memberikan output, maka aplikasi
tersebut juga bisa dianggap sebagai actor.
Association Asosiasi digunakan untuk
menghubungkan actor dengan usecase.
Asosiasi digambarkan dengan sebuah
garis yang menghubungkan antara Actor
dengan UseCase.
5. SEQUENCE DIAGRAM
Nama
Komponen Keterangan Simbol
Object Object merupakan instance dari sebuah
class dan dituliskan tersusun secara
horizontal. Digambarkan sebagai sebuah
class (kotak) dengan nama object
didalamnya yang diawali dengan sebuah titik koma.
Actor Actor juga dapat berkomunikasi dengan object , maka actor juga dapat diurutkan
sebagai kolom. Simbol Actor sama
dengan simbol pada Actor Use Case
Diagram.
5. SEQUENCE DIAGRAM (Lanjutan)
Nama