BAB IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi 4.1.1. Halaman utama Web SMP N 1 Ambarawa Keterengan: Gambar 4.1 Halaman utama web smp n 1 ambarawa - Pada utama ini akan tampil sambutan dari kepala sekolah SMPN 1 Ambarawa beserta fotonya dan lokasi sekolah SMPN 1 Ambarawa. 59
4.1.2 Halaman Profil Sekolah Gambar 4.2 Halaman profil sekolah - Pada bagian main column terdapat identitas sekolah SMPN 1 Ambarawa. - Pada bagian sidebar terdapat menu-menu profil sekolah lainnya 60
4.1.3 Halaman Tentang Kami / Sejarah Sekolah Gambar 4.3 Halaman sejarah sekolah - Pada bagian main column menjelaskan tentang sejarah berdirinya sekolah SMPN 1 Ambarawa. 61
4.1.4 Halaman Visi Misi Sekolah Gambar 4.4 Halaman visi misi sekolah - Pada bagian main column terdapat Visi dan Misi dan dibagian sisdebar terdapat logo sekolah SMPN 1 Ambarawa. 62
4.1.5 Halaman Prestasi Sekolah Gambar 4.5 Halaman prestasi sekolah - Pada bagian main column menampilkan prestasi sekolah yang telah diraih oleh siswa siswi SMPN 1 Ambarawa. 63
4.1.6 Halaman Fasilitas dan Ekstrakurikuler Gambar 4.6 Halaman fasilitas dan ekstrakurikuler - Pada bagian main column menampilkan fasilitas dan ekstrakurikuler yang ada di sekolah SMPN 1 Ambarawa 64
4.1.7 Halaman Berita dan Artikel Gambar 4.7 Halaman berita dan artikel - Pada bagian main column terdapat berita dan di bagian sidebar terdapat artikel tentang SMPN 1 Ambarawa. 65
4.1.8 Halaman Detail Berita Gambar 4.8 Halaman detail berita - Pada bagian main column terdapat tampilan detail berita dari menu sebelumnya. 66
4.1.9 Halaman Detail Artikel Gambar 4.9 Halaman detail artikel - Pada bagian main column terdapat tampilan detail artikel dari menu sebelumnya. 67
4.1.10 Halaman Pengumuman Sekolah Gambar 4.10 Halaman pengumuman sekolah 68
- 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 - Pada bagian main column terdapat tampilan detail pengumuman dari menu sebelumnya. 69
4.1.12 Halaman Buku Tamu Gambar 4.12 Halaman buku tamu - Pada bagian main column menampilkan bukutamu untuk para siswa siswi yang ingin menyampaikan kritik dan 70
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 - Pada bagian main column menampilkan login admin. 71
4.1.14 Halaman utama menu admin Gambar 4.14 Halaman utama menu admin - Admin yang sudah login akan masuk ke home admin. - Disini admin bisa menambah, mengubah dan menghapus data. 72
4.1.15 Halaman Input Berita Gambar 4.15 Halaman input berita - Pada bagian main column terdapat form untuk menambah berita tentang sekolah SMPN 1 Ambarawa. Lalu pada bagian sidebar terdapat berita yang ada di database. 73
4.1.16 Halaman Detail Berita Admin Gambar 4.16 Halaman detail berita admin - Pada bagian main column terdapat detail berita yang sudah dipilih jika ingin mengubah, atau menghapus berita. 74
4.1.17 Halaman Edit Berita Gambar 4.17 Halaman edit berita - Pada bagian main column terdapat form untuk mengubah berita yang telah dipilih untuk diubah. 75
4.1.18 Halaman Input Artikel Gambar 4.18 Halaman input artikel - Pada bagian main column terdapat form untuk menambah artikel yang berhubungan dengan siswa, guru, atau pelajaran. 76
4.1.19 Halaman Detail Artikel Gambar 4.19 Halaman detail artikel - Pada bagian main column menampilkan detail artikel yang sudah dipilih jika ingin menghapus atau mengubah artikel. 77
4.1.20 Halaman Edit Artikel Gambar 4.20 Halaman edit artikel - Pada bagian main column terdapat form untuk mengubah artikel yang telah dipilih untuk diubah. 78
4.1.21 Halaman Input Pengumuman Gambar 4.21 Halaman input pengumuman 79
- 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 - Pada bagian main column menampilkan detail pengumuman yang sudah dipilih jika ingin menghapus atau mengubah pengumuman. 80
4.1.23 Halaman Edit pengumuman Gambar 4.23 Halaman edit pengumuman - Pada bagian main column terdapat form untuk mengubah pengumuman yang telah dipilih untuk diubah. 81
4.1.24 Halaman Materi Gambar 4.24 Halaman materi 82
- 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 - Pada bagian main column menampilkan detail materi yang sudah dipilih jika ingin menghapus atau mengubah materi. 83
4.1.26 Halaman Edit Materi Gambar 4.26 Halaman edit materi - Pada bagian main column terdapat form untuk mengubah materi yang telah dipilih utnuk diubah. 84
4.1.27 Halaman Buku Tamu Admin Gambar 4.27 Halaman buku tamu admin 85
- Pada bagian main column terdapat form bukutamu. Lalu pada bagian sidebar menampilkan kritik saran yang ada di database. 4.2 Hasil Pengujian NO Fungsi yang diuji Cara Pengujian Hasil yang diharapkan Hasil Pengujia n 1. Form beranda n beranda beranda 2. Form profil n profil profil 3. Form sejarah n sejarah sejarah 4. Form visi misi n visi misi visi misi 5. Form prestasi n prestasi Menmpilkan akses 86
prestasi 6. Form fasilitas dan ekstrakuriku ler n fasilitas dan ekstrakurikul er fasilitas dan ekstrakurikul er 7. Form berita dan artikel n berita dan artikel berita dan artikel 8. Form pengumuma n n pengumuma n dan materi pengumuma n dan materi 9. Form buku tamu n buku tamu dan login admin buku tamu dn login admin 10. Form login admin n login admin login admin 11. Form n 87
index admin index admin index admin 12. Form input berita dan artikel n input berita, data berita, dan artikel input berita dan artikel 13. Form detail berita n data berita data berita 14. Form edit berita n edit berita edit berita 15. Form input artikel n input artikel input artikel 16. Form detail artikel n data artikel data artikel 17. Form edit artikel n edit artikel edit artikel 18. Form 88
input pengumuma n n input pengumuma n, data pengumuma n, dan input materi input pengumuma n, data pengumuma n, dan input materi 19. Form detail pengumuma n n detail pengumuma n detail pengumuma n 20. Form edit pengumuma n n edit pengumuma n edit pengumuma n 21. Form input materi n input materi input materi 22. Form detail materi n detail materi detail materi 23. Form n edit 89
edit materi edit materi materi 24. Form buku tamu n buku tamu buku tamu 4.3 Analisis Berdasarkan hasil presentasi yang dilakukan, web ini dapat membantu dalam memberikan informasi yang dibutuhkan. Web ini mempermudah sekolah untuk mempromosikan agar dikenal lebih luas. 90