Institutional Repository | Satya Wacana Christian University: Sistem Informasi SMP N 1 Ambarawa Berbasis Web T0 562011043 BAB IV

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.

- 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

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

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:

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

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

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

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

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.

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

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.