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
60 4.1.2 Halaman Profil Sekolah
Gambar 4.2 Halaman profil sekolah
Keterangan:
- Pada bagian main column terdapat identitas sekolah SMPN 1 Ambarawa.
61 4.1.3 Halaman Tentang Kami / Sejarah Sekolah
Gambar 4.3 Halaman sejarah sekolah
Keterangan:
62 4.1.4 Halaman Visi Misi Sekolah
Gambar 4.4 Halaman visi misi sekolah
Keterangan:
63 4.1.5 Halaman Prestasi Sekolah
Gambar 4.5 Halaman prestasi sekolah
Keterangan:
64 4.1.6 Halaman Fasilitas dan Ekstrakurikuler
Gambar 4.6 Halaman fasilitas dan ekstrakurikuler
Keterangan:
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
66 4.1.8 Halaman Detail Berita
Gambar 4.8 Halaman detail berita
Keterangan:
67 4.1.9 Halaman Detail Artikel
Gambar 4.9 Halaman detail artikel
Keterangan:
68 4.1.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:
70 4.1.12 Halaman Buku Tamu
Gambar 4.12 Halaman buku tamu
Keterangan:
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:
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.
73 4.1.15 Halaman Input Berita
Gambar 4.15 Halaman input berita
Keterangan:
74 4.1.16 Halaman Detail Berita Admin
Gambar 4.16 Halaman detail berita admin
Keterangan:
75 4.1.17 Halaman Edit Berita
Gambar 4.17 Halaman edit berita
Keterangan:
76 4.1.18 Halaman Input Artikel
Gambar 4.18 Halaman input artikel
Keterangan:
77 4.1.19 Halaman Detail Artikel
Gambar 4.19 Halaman detail artikel
Keterangan:
78 4.1.20 Halaman Edit Artikel
Gambar 4.20 Halaman edit artikel
Keterangan:
79 4.1.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:
81 4.1.23 Halaman Edit pengumuman
Gambar 4.23 Halaman edit pengumuman
Keterangan:
82 4.1.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:
84 4.1.26 Halaman Edit Materi
Gambar 4.26 Halaman edit materi
Keterangan:
85 4.1.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
NO Fungsi yang diuji
Cara Pengujian
Hasil yang diharapkan
Hasil Pengujia n
1. Form
halaman beranda
Menampilka n halaman beranda
Menampilka n akses halaman beranda
OK
2. Form
halaman profil
Menampilka n halaman profil
Menampilka n akses halaman profil
OK
3. Form
halaman sejarah
Menampilka n halaman sejarah
Menampilka n akses halaman sejarah
OK
4. Form
halaman visi misi
Menampilka n halaman visi misi
Menampilka n akses halaman visi misi
OK
5. Form
halaman prestasi
Menampilka n halaman prestasi
Menmpilkan akses
halaman
87 prestasi
6. Form
halaman fasilitas dan ekstrakuriku ler
Menampilka n halaman fasilitas dan ekstrakurikul er
Menampilka n akses halaman fasilitas dan ekstrakurikul er
OK
7. Form
halaman berita dan artikel
Menampilka n halaman berita dan artikel
Menampilka n akses halaman berita dan artikel
OK
8. Form
halaman pengumuma n
Menampilka n halaman pengumuma n dan materi
Menampilka n akses halaman pengumuma n dan materi
OK
9. Form
halaman buku tamu
Menampilka n halaman buku tamu
dan login
admin
Menampilka n akses halaman buku tamu
dn login
admin
OK
10. Form
halaman
login admin
Menampilka n halaman
login admin
Menampilka n akses halaman
login admin
OK
11. Form
halaman
Menampilka n halaman
Menampilka n akses
88
index admin index admin halaman
index admin 12. Form
halaman
input berita dan artikel
Menampilka n halaman
input berita, data berita, dan artikel
Menampilka n akses halaman
input berita dan artikel
OK
13. Form
halaman detailberita
Menampilka n halaman data berita
Menampilka n akses halaman data berita
OK
14. Form
halaman
edit berita
Menampilka n halaman
edit berita
Menampilka n akses halaman edit
berita
OK
15. Form
halaman
input artikel
Menampilka n halaman
input artikel
Menampilka n akses halaman
input artikel
OK
16. Form
halaman detail artikel
Menampilka n halaman data artikel
Menampilka n akses halaman data artikel
OK
17. Form
halaman
edit artikel
Menampilka n halaman
edit artikel
Menampilka n akses halaman edit
artikel
OK
89 halaman
input
pengumuma n
n halaman
input
pengumuma n, data pengumuma n, dan input
materi
n akses halaman
input
pengumuma n, data pengumuma n, dan input
materi 19. Form
halaman detail pengumuma n
Menampilka n halaman detail
pengumuma n
Menampilka n akses halaman detail pengumuma n
OK
20. Form
halaman
edit
pengumuma n
Menampilka n halaman
edit
pengumuma n
Menampilka n akses halaman edit
pengumuma n
OK
21. Form
halaman
input materi
Menampilka n halaman
input materi
Menampilka n akses halaman
input materi
OK
22. Form
halaman detail materi
Menampilka n halaman detail materi
Menampilka n akses halaman detail materi
OK
23. Form
halaman
Menampilka n halaman
Menampilka n akses halaman edit
90
edit materi edit materi materi 24. Form
halaman buku tamu
Menampilka n halaman buku tamu
Menampilka n akses halaman buku tamu
OK