Sistem Informasi SMP N 1 Ambarawa Berbasis Web
Diajukan kepada Fakultas Teknologi Informasi
Untuk Memperoleh Gelar Ahli Madya Komputer
Oleh:
Niken Wijaya Laxmi
562011043
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
i
Sistem Informasi SMP N 1 Ambarawa Berbasis Web
Laporan Tugas Akhir
Oleh:
Niken Wijaya Laxmi
562011043
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
v
KATA PENGANTAR
Segala puji syukur penulis panjatkan kehadiran Tuhan
Yang Maha Esa atas segala berkat dan anugerahnya yang
Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis
ingin menyampaikan terimakasih kepada :
1. Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas Teknologi
Informasi, Universitas Kristen Satya Wacana.
3. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs yang telah
berkenan meluangkan waktu untuk memberikan bimbingan
vi
4. Orang tua dan keluarga tercinta, yang memberikan dukungan
baik moril maupun materil kepada penulis untuk selalu berusaha
mencapai hasil yang terbaik.
5. Semua teman-teman D3 Teknik Informatika 2011 yang telah
memberikan doa, dukungan, serta kebersamaannya selama ini.
6. Serta semua pihak yang tidak dapat penulis sebutkan satu
persatu.
Salatiga, 19 Agustus 2014
vii Daftar Isi
Judul ... i
Lembar Pengesahan ... ii
Lembar Bebas Plagiasi ... iii
Lembar Pernyataan Persetujuan Publikasi ... iv
Kata Pengantar ... v
Daftar Isi... vii
Daftar Gambar ... ix
Daftar Tabel ... xii
Daftar Lampiran ... xiii
BAB I. Pendahuluan ... 1
BAB II. Tinjauan Pustaka ... 6
2.1 Penelitian Terdahulu ... 6
2.2 Landasan Teori ... 7
BABIII. Perancangan Sistem ... 10
3.1 DFD ... 10
3.2 Sitemap ... 13
viii
3.5 Perancangan Antarmuka ... 17
BABIV. Hasil dan Analisis ... 59
4.1 Hasil Karya ... 59
4.2 Hasil Penguji ... 86
4.3 Analisis ... 90
BABV. Penutup ... 91
5.1 Kesimpulan ... 91
5.2 Saran ... 91
Daftar Pustaka ... 92
ix Daftar Gambar
Gambar 3.1 DFD Level 0 ... 11
Gambar 3.2 DFD Level 1 ... 12
Gambar 3.3 Sitemap ... 13
Gambar 3.4 LKT Halaman Utama Web ... 17
Gambar 3.5 LKT Halaman Profil... 19
Gambar 3.6 LKT Halaman Sejarah ... 20
Gambar 3.7 LKT Halaman Visi Misi ... 21
Gambar 3.8 LKT Halaman Prestasi ... 22
Gambar 3.9 LKT Halaman Fasilitas dan Ekstrakurikuler ... 24
Gambar 3.10 LKT Halaman Berita dan Artikel ... 25
Gambar 3.11 LKT Halaman Detail Berita ... 27
Gambar 3.12 LKT Halaman Detail Artikel... 28
Gambar 3.13 LKT Halaman Pengumuman dan Materi ... 30
Gambar 3.14 LKT Halaman Detail Pengumuman ... 31
Gambar 3.15 LKT Halaman Buku Tamu ... 33
Gambar 3.16 LKT Halaman Login ... 35
Gambar 3.17 LKT Halaman Utama Admin ... 36
Gambar 3.18 LKT Halaman Input Berita ... 38
Gambar 3.19 LKT Halaman Detail Berita ... 40
Gambar 3.20 LKT Halaman Edit Berita ... 41
Gambar 3.21 LKT Halaman Input Artikel ... 43
Gambar 3.22 LKT Halaman Detail Artikel... 44
Gambar 3.23 LKT Halaman Edit Artikel ... 46
x
Gambar 3.25 LKT Halaman Detail Pengumuman ... 48
Gambar 3.26 LKT Halaman Edit Pengumuman ... 50
Gambar 3.27 LKT Halaman Input Materi... 52
Gambar 3.28 LKT Halaman Detail Materi ... 54
Gambar 3.29 LKT Halaman Edit Materi ... 56
Gambar 3.30 LKT Halaman Buku Tamu ... 57
Gambar 4.1 Halaman Utama ... 59
Gambar 4.2 Halaman Profil ... 60
Gambar 4.3 Halaman Sejarah ... 61
Gambar 4.4 Halaman Visi Misi ... 62
Gambar 4.5 Halaman Prestasi ... 63
Gambar 4.6 Halaman Fasilitas dan Ekstrakurikuler ... 64
Gambar 4.7 Halaman Berita dan Artikel... 65
Gambar 4.8 Halaman Detail Berita ... 66
Gambar 4.9 Halaman Detail Artikel ... 67
Gambar 4.10 Halaman Pengumuman dan Materi ... 68
Gambar 4.11 Halaman Detail Pengumuman ... 69
Gambar 4.12 Halaman Buku Tamu ... 70
Gambar 4.13 Halaman Login ... 71
Gambar 4.14 Halaman Utama Admin ... 72
Gambar 4.15 Halaman Input Berita ... 73
Gambar 4.16 Halaman Detail Berita ... 74
Gambar 4.17 Halaman Edit Berita ... 75
Gambar 4.18 Halaman Input Artikel ... 76
xi
Gambar 4.20 Halaman Edit Artikel ... 78
Gambar 4.21 Halaman Input Pengumuman ... 79
Gambar 4.22 Halaman Detail Pengumuman ... 80
Gambar 4.23 Halaman Edit Pengumuman ... 81
Gambar 4.24 Halaman Input Materi ... 82
Gambar 4.25 Halaman Detail Materi ... 83
Gambar 4.26 Halaman Edit Materi ... 84
xii Daftar Tabel
Tabel 3.1 Tabel Admin ... 14
Tabel 3.2 Tabel Berita ... 14
Tabel 3.3 Tabel Artikel ... 15
Tabel 3.4 Tabel Pengumuman... 15
xiii Daftar Lampiran
