59
BAB IV. HASIL DAN ANALISIS
4.1 Hasil Karya Implementasi
4.1.1. Halaman utama Web SMP N 1 Ambarawa
Gambar 4.1
Halaman utama web smp n 1 ambarawa
Keterengan: -
Pada halaman utama ini akan tampil sambutan dari kepala sekolah SMPN 1 Ambarawa beserta fotonya dan lokasi
sekolah SMPN
1 Ambarawa.
60 4.1.2
Halaman Profil Sekolah
Gambar 4.2 Halaman profil sekolah
Keterangan: -
Pada bagian main column terdapat identitas sekolah SMPN 1 Ambarawa.
- Pada bagian sidebar terdapat menu-menu profil sekolah
lainnya
61 4.1.3
Halaman Tentang Kami Sejarah Sekolah
Gambar 4.3 Halaman sejarah sekolah
Keterangan: -
Pada bagian main column menjelaskan tentang sejarah berdirinya sekolah SMPN 1 Ambarawa.
62 4.1.4
Halaman Visi Misi Sekolah
Gambar 4.4
Halaman visi misi sekolah
Keterangan: -
Pada bagian main column terdapat Visi dan Misi dan dibagian sisdebar terdapat logo sekolah SMPN 1
Ambarawa.
63 4.1.5
Halaman Prestasi Sekolah
Gambar 4.5 Halaman prestasi sekolah
Keterangan: -
Pada bagian main column menampilkan prestasi sekolah yang telah diraih oleh siswa siswi SMPN 1 Ambarawa.
64 4.1.6
Halaman Fasilitas dan Ekstrakurikuler
Gambar 4.6 Halaman fasilitas dan ekstrakurikuler
Keterangan: -
Pada bagian main column menampilkan fasilitas dan ekstrakurikuler yang ada di sekolah SMPN 1 Ambarawa
65 4.1.7
Halaman Berita dan Artikel
Gambar 4.7 Halaman berita dan artikel
Keterangan: -
Pada bagian main column terdapat berita dan di bagian sidebar terdapat artikel tentang SMPN 1 Ambarawa.
66 4.1.8
Halaman Detail Berita
Gambar 4.8 Halaman detail berita
Keterangan: -
Pada bagian main column terdapat tampilan detail berita dari menu sebelumnya.
67 4.1.9
Halaman Detail Artikel
Gambar 4.9 Halaman detail artikel
Keterangan: -
Pada bagian main column terdapat tampilan detail artikel dari menu sebelumnya.
68 4.1.10
Halaman Pengumuman Sekolah
Gambar 4.10 Halaman pengumuman sekolah
69 Keterangan:
- Pada bagian main column menampilkan pengumuman
sekolah. Lalu pada bagian sidebar menampilkan materi pelajaran.
4.1.11 Halaman Detail Pengumuman
Gambar 4.11
Halaman detail pengumuman
Keterangan: -
Pada bagian main column terdapat tampilan detail pengumuman dari menu sebelumnya.
70 4.1.12
Halaman Buku Tamu
Gambar 4.12 Halaman buku tamu
Keterangan: -
Pada bagian main column menampilkan bukutamu untuk para siswa siswi yang ingin menyampaikan kritik dan
71 saran untuk sekolah. Lalu pada bagian sidebar
menampilkan kritik saran yang ada di database.
4.1.13 Halaman Login Admin
Gambar 4.13
Halaman login admin
Keterangan: -
Pada bagian main column menampilkan login admin.
72 4.1.14
Halaman utama menu admin
Gambar 4.14 Halaman utama menu admin
Keterangan: -
Admin yang sudah login akan masuk ke halaman home admin.
- Disini admin bisa menambah, mengubah dan menghapus
data.
73 4.1.15
Halaman Input Berita
Gambar 4.15 Halaman input berita
Keterangan: -
Pada bagian main column terdapat form untuk menambah berita tentang sekolah SMPN 1 Ambarawa. Lalu pada
bagian sidebar terdapat berita yang ada di database.
74 4.1.16
Halaman Detail Berita Admin
Gambar 4.16 Halaman detail berita admin
Keterangan: -
Pada bagian main column terdapat detail berita yang sudah dipilih jika ingin mengubah , atau menghapus
berita.
75 4.1.17
Halaman Edit Berita
Gambar 4.17 Halaman edit berita
Keterangan: -
Pada bagian main column terdapat form untuk mengubah berita yang telah dipilih untuk diubah.
76 4.1.18
Halaman Input Artikel
Gambar 4.18 Halaman input artikel
Keterangan: -
Pada bagian main column terdapat form untuk menambah artikel yang berhubungan dengan siswa, guru, atau
pelajaran.
77 4.1.19
Halaman Detail Artikel
Gambar 4.19 Halaman detail artikel
Keterangan: -
Pada bagian main column menampilkan detail artikel yang sudah dipilih jika ingin menghapus atau mengubah
artikel.
78 4.1.20
Halaman Edit Artikel
Gambar 4.20 Halaman edit artikel
Keterangan:
-
Pada bagian main column terdapat form untuk mengubah artikel yang telah dipilih untuk diubah.
79 4.1.21
Halaman Input Pengumuman
Gambar 4.21 Halaman input pengumuman
80 Keterangan:
-
Pada bagian main column terdapat form untuk menambah pengumuman sekolah. Lalu pada bagian sidebar
menampilkan pengumuman yang ada di databse. 4.1.22
Halaman Detail Pengumuman
Gambar 4.22 Halaman detail pengumuman admin
Keterangan: -
Pada bagian main column menampilkan detail pengumuman yang sudah dipilih jika ingin menghapus
atau mengubah pengumuman.
81 4.1.23
Halaman Edit pengumuman
Gambar 4.23 Halaman edit pengumuman
Keterangan:
-
Pada bagian main column terdapat form untuk mengubah pengumuman yang telah dipilih untuk diubah.
82 4.1.24
Halaman Materi
Gambar 4.24 Halaman materi
83 Keterangan:
-
Pada bagian main column terdapat form untuk menambah materi pelajaran. Lalu pada bagian sidebar menampilkan
materi pelajaran yang ada di database 4.1.25
Halaman Detail Materi
Gambar 4.25 Halaman detail materi
Keterangan: -
Pada bagian main column menampilkan detail materi yang sudah dipilih jika ingin menghapus atau mengubah
materi.
84 4.1.26
Halaman Edit Materi
Gambar 4.26 Halaman edit materi
Keterangan: -
Pada bagian main column terdapat form untuk mengubah materi yang telah dipilih utnuk diubah.
85 4.1.27
Halaman Buku Tamu Admin
Gambar 4.27 Halaman buku tamu admin
86 Keterangan:
- Pada bagian main column terdapat form bukutamu. Lalu
pada bagian sidebar menampilkan kritik saran yang ada di database.
4.2 Hasil Pengujian