T0__BAB IV Institutional Repository | Satya Wacana Christian University: Perancangan Website Sekolah Menengah Pertama Negeri 5 Boyolali T0 BAB IV
BAB IV
HASIL DAN ANALISIS
Hasil Karya / Implementasi
4.1
Page User
Pageuser adalah page yang bisa diakses oleh
semua masyarakat tanpa harus terdaftar ke sistem
website.Di dalam page ini terdapat menu - menu
diantaranya :
4.2
Page Beranda
Gambar 1Page Beranda
Pada pageberanda berisi tentang penyambutan
oleh kepala sekolah SMP N 5 Boyolali.Dan page beranda
terdapat menu - menu dan submenu disini semua
masyarakat
sekolah
atau
103
masyarakat
umum
bisa
104
mengaksesnya tanpa harus login atau mendaftar ke
sistem.Menu - menu yang ada dipageberanda antara lain
page beranda sebagai halaman utama, page profil
didalamnya terdapat 2 submenu yaitu visi dan misi, dan
sejarah tentang SMPN 5 Boyolali, page berita, page PSB
dan yang terahkir adalah page Contact Us. Pada page ini
juga terdapat menu pencarian berita yang berada disebelah
bawah logo SMPN 5.
4.3
PageProfil SMPN 5 Boyolali
Gambar 2Page Profil
Pada pageprofil berisi tentang profil tentang
sekolah SMP N 5 Boyolali, di dalam menu profil terdapat 2
sub menu yaitu menu Sejarah dan visi dan misi.
105
Gambar 3Page Sejarah
Pada page ini berisi tentang Sejarah Sekolah SMP
N 5 Boyolali, dan page ini berada di menu profil.
Gambar 4Page Visi Dan Misi
Page ini berada di sub menu yang sama seperti
sejarah, berada di dalam menu profil. danpage ini berisi
tentang visi dan misi SMP N 5 Boyolali
106
4.4
PageBerita
Gambar 5Page Berita
Pada page ini berisi tentang informasi berita yang
ditulis admin, guru, dan juga siswa.seperti yang terlihat
diatas disamping kiri terdapat beberapa contoh berita.
diberita pertama terdapat judul dan tanggal pembuatan
berita dan dibawahnya terdapat foto tentang berita tersebut,
disamping foto juga terdapat sekelias informasi tentang
berita nantinya jika kita menekan tombol selengkapnya atau
kita mengklik judul kita akan menuju ke berita tersebut. dan
sebelah kanan terdapat kategori setiap berita, kategori ini
seperti filter pada setiap berita jika kita mengklik ketegori
hiburan maka nanti yang akan muncul adalah semua berita
yang bertema hiburan.
107
4.5
PagePSB
Gambar 6Page PSB
Page Pendaftaran siwa baru, pada menu ini
terdapat 3 sub menu yaitu Registrasi siswa baru, daftar
calon siswa baru (siswa yang sudah diterima) dan syarat
pendaftaran siswa baru.
Gambar 7Page PSB
108
Page pendaftaran berisi form yang isinya tentang
informasi siswa baru yang mendaftar nantinya informasi
tersebut akan ditinjau oleh admin untuk menentukan siswa
yang masuk dalam seleksi pendaftaran.
Gambar 8Page Daftar Calon Siswa Baru
Page daftar calon siswa baru berisi semua data
para pendaftar pada form PSB disini calon siswa bisa
melihat apakah mereka diterima atau tidak.
Gambar 9PagePersyaratan PSB
109
Page syarat pendaftaran berisi tentang semua
persyaratan pendaftaran calon siswa.
4.6
PageContact Us
Gambar 10PageContact US
Page contact us berisi from yang digunakan oleh
semua masyarakat guna memberikan umpan balik atau bisa
juga digunakan untuk menghubungi SMPN 5 boyolali
secara online via website.
110
4.7
PageSiswa
4.8
Gambar 11Page Siswa Login
Pagelogin adalah page utama untuk siswa yang
sudah terdaftar didalam sistem websitetentunya siswa yang
sudah terdaftar bisa menakses page sebelumnya yaitu page
untuk user yang sudah disebutkan diatas. Pada page login
siswa terdapat 2 textboxdan 1 buah button login, textbox
pertama adalah untuk isian username, dan textbox
selanjutnya adalah untuk isian passwordyang nantinya diisi
oleh setiap siswa yang terdaftar gunanya untuk menakses
ke page selanjuntnya setelah page login.
111
Gambar 12Page Gagal Login
Jika user
yang tidak terdaftar atau siswa
melakukan kesalahan dalam menuliskan username atau
password maka mereka akan langsung masuk ke dalam
page gagal login.
4.9
Page Beranda Siswa
Gambar 13Page Beranda Siswa
112
Page beranda penyambutan setiap siswa yang
berhasil melakukan login ke sistem, dipageterdapat view
web yang digunakan untuk melihat web user dan juga
terdapat menu logout
Gambar 14Page Logout
Page logout adalah sesi dimana user yang telah
keluar dari sistem, nantinya jika user tersebut akan
mengakses kembali menu - menu yang ada dalam page
siswa user tersebut harus login kembali sebelum masuk ke
dalam sistem, dan didalam page beranda juga terdapat
menu - menu yang dapat diakses oleh siswa antara lain.
113
4.10 PageManagement User
Gambar 15Page Management User
Page management user berisi data username, nama
lengkap dan pada page ini digunakan untuk menganti
password untuk login ke dalam sistem.
Gambar 16Page Edit User
Page edit user berisi form yang digunakan untuk
mengedit password siswa yang telah masuk kedalam
114
sistem, tentunya hanya siswa yang lain tidak bisa mengedit
infromasi siswa yang lain. dan Edituser ini hanya bisa
dilakukan oleh 2 user yang mempunyai status administrator
dan user itu sendiri.
4.11 Page Berita Siswa
Gambar 17Page Berita Siswa
Setiap siswa yang sudah terdaftar mereka bisa
membuat berita tentang SMPN 5 Boyolali atau mereka bisa
membuat berita yang lain tentunya setiap berita yang dibuat
oleh siswa, siswa yang lain tidak akan bisa menedit berita
milik siswa yang lain, setiap siswa hanya bisa menedit
berita milik mereka sendiri. Danpageberitahanya bisa
diakses oleh 2 user yang mempunyai status administrator
dan user itu sendiri. Setiap berita yang dibuat oleh siswa
nantinya juga akan muncul di berita page awal, dan setiap
berita yang dibuat oleh user hanya administrator yang bisa
115
menghapus setiap berita yang sudah dibuat oleh setiap
siswa.
Pada
page
berita
terdapat
beberapa
menu
antaralain tambah berita yang digunakan setiap siswa untuk
menambahkan berita, menu view tag digunakan untuk
memberikan tag setiap berita, menu pencarian berita, dan
juga pada page berita menampilkan setiap berita yang
sudah dibuat oleh siswa, disetiap berita mempunyai menu
edit, menu edit ini digunakan untuk mengedit berita
tentunya hanya berita yang dibuat oleh siswa tersebut.
Gambar 18 Page Tambah Berita
Page tambah berita berisi form antara lain judul
berita, kategori berita, headline digunakan untuk menfilter
setiap berita apakah akan ditampilkan dihalam user atau
tidak, isi berita, gambar, tag.
116
Gambar 19Page Tag Berita
Page tag berita terdapat menu tambah tag dan juga
menampilkan tag yang sudah ada didalam sistem.
Gambar 20Page Tambah Tag
Page tambah tag digunakan untuk menambahkan
tag berita.
117
4.12 Page Jadwal
Gambar 21Page Jadwal
Page jadwal setiap siswa, jadwal ini diperoleh dari
masing - masing siswa per kelas.
4.13 Page Nilai
Gambar 22Page Nilai
118
Page nilai berisi nilai setiap mata pelajaran seperti
yang telah kita lihat diatas terdapat beberapa nilai pada
setiap mata pelajaran.
4.14 Page Guru
Gambar 23Page Guru
Page guru berisi sebuah form yang digunakan
untuk login setiap guru pengajar sebelum masuk ke dalam
sistem.Guru juga mempunyai akses tersendiri yang berbeda
dari siswa.
119
4.15 Page Beranda Guru
Gambar 24Page Beranda Guru
Page beranda guru berisi menu - menu untuk
mengedit informasi guru, menambah berita, melihat jadwal
mengajar dan menambahkan nilai pada setiap siswa.
4.16 Pageedit user guru
Gambar 25Page Edit guru
120
Page editguru berisi informasi guru dan digunakan
untuk mengedit data informasi guru tersebut.
4.17 Page berita guru
Gambar 26Page Berita guru
Pageberita guru berisi berita - berita guru yang
login ke sistem, pada page berita guru juga terdapat tambah
guru yang digunakan untuk menambahkan berita, edit
berita, dan hapus berita.
121
Gambar 27Page Tambah kategori
Page tambah kategori berada pada menu berita,
digunakan
untuk
membuat
kategori
yang
nantinya
digunakan untuk setiap berita sebagai penanda berita
tersebut.
Gambar 28Page Tag
Page tag berisi nama - nama tag yang digunakan
setiap berita.
122
Gambar 29Page Komentar Berita
Page komentar digunakan guru untuk melihat
komentar - komentar yang telah ditulis para pembaca berita,
mengedit komentar tersebut, menghapus komentar dan
komentar tersebut akan ditampilkan atau tidak.
4.18 Page Jadwal Mengajar Guru
Gambar 30Page Jadwal Mengajar
123
Page Jadwal Mengajar digunakan oleh guru untuk
melihat jadwal mengajar dan pada page ini tidak ada menu
tambahan seperti edit atau hapus karena jadwal diatur oleh
administrator.
4.19 Page Nilai Siswa
Gambar 31Page Nilai
Page Nilai siswa berisi mata pelajaran setiap kelas
nantinya didalam mata pelajaran tersebut terdapat daftar daftar nilai siswa yang harus diisi setiap guru sesuai mata
pelajaran yang diambil.
124
Gambar 32PageView Nilai
Page view nilai adalah page lanjutan dari page
nilai berisi sebuah form yang berisi daftar ruang kelas
sesuai matapelajaran guru,digunakan setiap guru pengajar
sebelum melakukan penilaian dalam sistem. Jadi Sebelum
melakukan penilaian guru harus memilih matapelajaran
terlebih dahulu lalu memilih ruang kelas.Guru juga
mempunyai akses tersendiri yang berbeda dari siswa.
Gambar 33Page Nilai Per Kelas
125
Page nilai per kelas adalah page lanjutan dari page
view nilai berisi sebuah form yang berisi daftar siswa
didalam setiap kelas dan mempunyai mata pelajaran yang
dipilih guru di page view nilai pada page ini digunakan
setiap guru pengajar untuk memilih siswa yang akan
diberikan nilai. Guru juga mempunyai akses tersendiri yang
berbeda dari siswa.
Gambar 34PageEdit Nilai
Page nilai per kelas adalah page lanjutan dari page
nilai per kelas berisi sebuah form yang digunakan setiap
guru pengajar untuk mengisi penilaian tiap siswa.Guru juga
mempunyai akses tersendiri yang berbeda dari siswa.
126
4.20 Page Beranda Admin
Gambar 35Page Beranda Admin
Page beranda admin berisi menu menu yaitu
setting web digunkan untuk menganti informasi user dalam
sistem,
menu
berita
untuk
membuat,
mengedit,
menambahikan berita, menu kesiswaan untuk mengatur
nilai, jadwal dan jadwal mengajar guru, menu warga
sekolah untuk menambahkan,mengedit data guru dan siswa
dan menu psb, page beranda merupakan menu awal ketika
admin berhasil login ke dalam sistem pada page ini juga
terdapat form untuk mengatur komentar terbaru dan berita
terbaru dan juga menu control. Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
127
4.21 Page Management User Admin
Gambar 36Page Management User Admin
Page setting web adalah page yang berisi sebuah
form daftar user yang ada didalam sistem guru, siswa
maupun admin juga ada di dalam form ini, digunakan
admin untuk mengedit informasi user maupun mengati
level user, level disini terdiri dari yang pertama adalah
admin, guru dan siswa. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
128
Gambar 37Page Tambah User Admin
Page tambah user adalah page lanjutan dari page
management user ketika admin menklik tambah user pada
page tersebut dan pada page tambah user berisi sebuah
form yang digunakan admin untuk menambahkan user ke
dalam sistem. Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
Gambar 38PageEdit User Admin
129
Pageedit user berisi sebuah form yang digunakan
admin untuk mengedit informasi maupun level user. Admin
juga mempunyai akses tersendiri yang berbeda dari guru
dan siswa.
4.22 Page Berita Admin
Gambar 39Page Berita Admin
Page berita berisi sebuah form, menu tambah
berita dan menu pencarian yang digunakan admin untuk
mengedit, menambahkan dan menghapus berita dalam
sistem.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
130
Gambar 40Page Tambah Berita Admin
Page tambah berita berisi sebuah form yang
digunakan admin untuk membuat berita.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 41Page Edit Berita Admin
Pageedit berita berisi sebuah form yang digunakan
admin untuk mengedit berita dan admin juga bisa mengedit
131
berita siswa dan berita guru. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
4.23 Page Jadwal Pelajaran Admin
Gambar 42Page Jadwal Pelajaran Admin
Page jadwal pelajaran berisi sebuah form dan
menu tambah jadwal yang digunakan admin untuk
menambah jadwal mengajar guru dan secara otomatis
ketika jadwal guru sudah dibuat maka jadwal pelajaran
siswa juga akan bertambah tentunya sebelum mengakses
jadwal pelajaran pada page ini yang pertama diperlukan
adalah ruang kelas, mata pelajaran dan guru pengajar.
Admin juga mempunyai akses tersendiri yang berbeda dari
guru dan siswa.
132
Gambar 43PageView Jadwal Pelajaran Admin
Pageview jadwal pelajaran adalah page lanjutan
ketika admin mengklik setiap ruang kelas pada page view
jadwal berisi form jadwal mengajar guru.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 44Page Tambah Jadwal Pelajaran Admin
133
Page tambah jadwal pelajaran berisi sebuah form
yang digunakan admin membuat jadwal mengajar guru,
pada form tambah pelajaran terdapat ruang kelas, mata
pelajaran dan guru pengajar ketiganya hanya admin yang
bisa menambahkan field tersebut.Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
4.24 Page Ruang Kelas Admin
Gambar 45Page Ruang Kelas Admin
Page ruang kelas berita berisi sebuah form dan
menu tambah ruang kelas yang digunakan admin untuk
mengedit, menambahkan ruang kelas nantinya ruang kelas
akan digunakan dalam page jadwal untuk menentukan kelas
setiap siswa. Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
134
Gambar 46Page View Ruang
Page view ruang berita berisi sebuah form yang
yang didalamnya secara otomatis terdapat beberapa daftar
siswa, karena ketika admin membuat user yang berlevel
siswa admin juga memilih daftar ruang kelas pada setiap
user yang berlevel siswa.Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 47PageEdit Ruang Kelas
135
Pageedit ruang kelas berisi sebuah form yang
digunakan admin untuk mengedit ruang kelas. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 48Page Tambah Ruang Kelas
Page tambah ruang kelas berisi sebuah form yang
digunakan admin untuk membuat ruang kelas.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
136
4.25 Page Mata Pelajaran Admin
Gambar 49Page Mata Pelajaran
Page mata pelajaran berisi sebuah form yang
digunakan
admin
untuk
menambahkan,
mengadit,
menghapus mata pelajaran, mata pelajaran juga digunakan
dalam pembuatan jadwal mengajar.Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
Gambar 50Page Tambah Mapel
137
Pagetambah mata pelajaran berisi sebuah form
yang
digunakan
admin
untuk
membuat
mata
pelajaran.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
Gambar 51PageEdit Mapel
Pageeditmata pelajaran berisi sebuah form yang
digunakan admin untuk mengedit mata pelajaran. Admin
juga mempunyai akses tersendiri yang berbeda dari guru
dan siswa.
138
4.26 Page Nilai Admin
Gambar 52Page Nilai Siswa
Page nilai berisi sebuah form yang digunakan
admin untuk melihat daftar ruang kelas siswa.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 53PageView Daftar Nilai Siswa
139
Pageview daftar nilai siswa adalah page lanjutan
dari page nilai siswa ketika admin mengklik menu view
pada daftar ruang kelas. Pada page ini terdapat daftar siswa
yang mempunyai kelas yang sama ketika admin mengklik
ruang kelas view pada page nilai siswa. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 54Page Transkrip Nilai
Pagetranskip nilai berisi sebuah daftar nilai
siswa.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
140
4.27 Page Warga Sekolah Admin
Gambar 55Page Daftar Guru
Page daftar guru berisi sebuah form yang
digunakan admin untuk mengedit, menambahkan dan
menghapus guru.Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
Gambar 56Page Tambah Guru
141
Page tambah guru sebuah form yang digunakan
admin untuk menambahkan guru kedalam sistem, dan
secara otomatis ketika guru berhasil ditambahkan maka
NIK yang digunakan akan menjadi USERNAME ketika
user yang berlevel guru itu akan masuk kedalam sistem dan
juga PASSWORD awal ketika user guru akan melakukan
login adalah NIK nantinya pengantian informasi atau
pengantian password bisa dilakukan oleh masing masing
user tersebut. Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
Gambar 57Page Edit Guru
Pageeditguru berisi sebuah form yang digunakan
admin untuk mengedit informasi tentang guru dari alamat
sampai gambar foto wajah guru, pada page ini admin tidak
bisa menganti password karena untuk menganti password
admin harus pindah ke menu setting management user pada
142
page ini hanya informasi yang bisa diganti. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 58Page Daftar Siswa
Page daftar siswa berisi sebuah form yang
digunakan admin untuk mengedit, menambahkan dan
menghapus daftar siswa.Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 59Page Tambah Siswa
143
Page tambah siswa berisi sebuah form yang
digunakan admin untuk menambahkan daftar siswa, dan
sama halnya pada page guru pada page ini secara otomatis
akan menambakan user ketika tambah siswa berhasil, siswa
akan mempunyai username dan password sesuai NIM
mereka masing - masing. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 60PageEdit Siswa
Pageedit siswa berisi sebuah form yang digunakan
admin untuk mengedit informasi tentang siswa dan pada
page ini digunakan oleh admin utnuk menentukan ruang
kelas oleh setiap siswa nantina jika terdapat siswa yang
belum mempunyai ruang kelas pada page daftar siswa dan
page daftar siswa akan muncul pemberitahuan siswa yang
belum
mendapatkan
ruang
kelas
gunanya
untuk
menentukan jadwal setiap siswa jadi ketika jadwal mengjar
guru berhasil dibuat maka otomatis setiap siswa akan
144
mempunyai ruang kelas yang sama dengan ruang kelas
guru pengajar. Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
4.28 PagePSB Admin
Gambar 61Page Daftar PSB
PagePSB berisi sebuah form yang digunakan
admin untuk mengedit calon pendaftar baru. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
145
Gambar 62Page Edit PSB
PageeditPSB berisi sebuah form yang digunakan
admin untuk menentukan calon siswa pendaftar akan
diterima, ditolak maupun dicandangkan. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
4.29 Hasil Pengujian
Pada tahap ini sistem yang penulis buat secara
langsung diuji dan diberi penilaian oleh rekan - rekan dan
dosen konsentrasi Multimedia.
4.30 Analisis
Perancangan WebsiteSekolah Menangah Pertama
Negeri 5 Boyolali dapat diakses dan digunakan oleh semua
user dari masyarakat luar yang ingin mengetahui informasi
tentang SMPN 5 Boyolali dan keluarga masyarakat
146
sekolah. Dalam permasalahan ini masyarakat luar sekolah
dan keluarga masyarakat sekolah akan memperoleh
kemudahan
dalam
memperoleh
informasi
dan
juga
diharapkan infromasi yang disajikan dapat bermanfaat dari
segi berita maupun layanan.
HASIL DAN ANALISIS
Hasil Karya / Implementasi
4.1
Page User
Pageuser adalah page yang bisa diakses oleh
semua masyarakat tanpa harus terdaftar ke sistem
website.Di dalam page ini terdapat menu - menu
diantaranya :
4.2
Page Beranda
Gambar 1Page Beranda
Pada pageberanda berisi tentang penyambutan
oleh kepala sekolah SMP N 5 Boyolali.Dan page beranda
terdapat menu - menu dan submenu disini semua
masyarakat
sekolah
atau
103
masyarakat
umum
bisa
104
mengaksesnya tanpa harus login atau mendaftar ke
sistem.Menu - menu yang ada dipageberanda antara lain
page beranda sebagai halaman utama, page profil
didalamnya terdapat 2 submenu yaitu visi dan misi, dan
sejarah tentang SMPN 5 Boyolali, page berita, page PSB
dan yang terahkir adalah page Contact Us. Pada page ini
juga terdapat menu pencarian berita yang berada disebelah
bawah logo SMPN 5.
4.3
PageProfil SMPN 5 Boyolali
Gambar 2Page Profil
Pada pageprofil berisi tentang profil tentang
sekolah SMP N 5 Boyolali, di dalam menu profil terdapat 2
sub menu yaitu menu Sejarah dan visi dan misi.
105
Gambar 3Page Sejarah
Pada page ini berisi tentang Sejarah Sekolah SMP
N 5 Boyolali, dan page ini berada di menu profil.
Gambar 4Page Visi Dan Misi
Page ini berada di sub menu yang sama seperti
sejarah, berada di dalam menu profil. danpage ini berisi
tentang visi dan misi SMP N 5 Boyolali
106
4.4
PageBerita
Gambar 5Page Berita
Pada page ini berisi tentang informasi berita yang
ditulis admin, guru, dan juga siswa.seperti yang terlihat
diatas disamping kiri terdapat beberapa contoh berita.
diberita pertama terdapat judul dan tanggal pembuatan
berita dan dibawahnya terdapat foto tentang berita tersebut,
disamping foto juga terdapat sekelias informasi tentang
berita nantinya jika kita menekan tombol selengkapnya atau
kita mengklik judul kita akan menuju ke berita tersebut. dan
sebelah kanan terdapat kategori setiap berita, kategori ini
seperti filter pada setiap berita jika kita mengklik ketegori
hiburan maka nanti yang akan muncul adalah semua berita
yang bertema hiburan.
107
4.5
PagePSB
Gambar 6Page PSB
Page Pendaftaran siwa baru, pada menu ini
terdapat 3 sub menu yaitu Registrasi siswa baru, daftar
calon siswa baru (siswa yang sudah diterima) dan syarat
pendaftaran siswa baru.
Gambar 7Page PSB
108
Page pendaftaran berisi form yang isinya tentang
informasi siswa baru yang mendaftar nantinya informasi
tersebut akan ditinjau oleh admin untuk menentukan siswa
yang masuk dalam seleksi pendaftaran.
Gambar 8Page Daftar Calon Siswa Baru
Page daftar calon siswa baru berisi semua data
para pendaftar pada form PSB disini calon siswa bisa
melihat apakah mereka diterima atau tidak.
Gambar 9PagePersyaratan PSB
109
Page syarat pendaftaran berisi tentang semua
persyaratan pendaftaran calon siswa.
4.6
PageContact Us
Gambar 10PageContact US
Page contact us berisi from yang digunakan oleh
semua masyarakat guna memberikan umpan balik atau bisa
juga digunakan untuk menghubungi SMPN 5 boyolali
secara online via website.
110
4.7
PageSiswa
4.8
Gambar 11Page Siswa Login
Pagelogin adalah page utama untuk siswa yang
sudah terdaftar didalam sistem websitetentunya siswa yang
sudah terdaftar bisa menakses page sebelumnya yaitu page
untuk user yang sudah disebutkan diatas. Pada page login
siswa terdapat 2 textboxdan 1 buah button login, textbox
pertama adalah untuk isian username, dan textbox
selanjutnya adalah untuk isian passwordyang nantinya diisi
oleh setiap siswa yang terdaftar gunanya untuk menakses
ke page selanjuntnya setelah page login.
111
Gambar 12Page Gagal Login
Jika user
yang tidak terdaftar atau siswa
melakukan kesalahan dalam menuliskan username atau
password maka mereka akan langsung masuk ke dalam
page gagal login.
4.9
Page Beranda Siswa
Gambar 13Page Beranda Siswa
112
Page beranda penyambutan setiap siswa yang
berhasil melakukan login ke sistem, dipageterdapat view
web yang digunakan untuk melihat web user dan juga
terdapat menu logout
Gambar 14Page Logout
Page logout adalah sesi dimana user yang telah
keluar dari sistem, nantinya jika user tersebut akan
mengakses kembali menu - menu yang ada dalam page
siswa user tersebut harus login kembali sebelum masuk ke
dalam sistem, dan didalam page beranda juga terdapat
menu - menu yang dapat diakses oleh siswa antara lain.
113
4.10 PageManagement User
Gambar 15Page Management User
Page management user berisi data username, nama
lengkap dan pada page ini digunakan untuk menganti
password untuk login ke dalam sistem.
Gambar 16Page Edit User
Page edit user berisi form yang digunakan untuk
mengedit password siswa yang telah masuk kedalam
114
sistem, tentunya hanya siswa yang lain tidak bisa mengedit
infromasi siswa yang lain. dan Edituser ini hanya bisa
dilakukan oleh 2 user yang mempunyai status administrator
dan user itu sendiri.
4.11 Page Berita Siswa
Gambar 17Page Berita Siswa
Setiap siswa yang sudah terdaftar mereka bisa
membuat berita tentang SMPN 5 Boyolali atau mereka bisa
membuat berita yang lain tentunya setiap berita yang dibuat
oleh siswa, siswa yang lain tidak akan bisa menedit berita
milik siswa yang lain, setiap siswa hanya bisa menedit
berita milik mereka sendiri. Danpageberitahanya bisa
diakses oleh 2 user yang mempunyai status administrator
dan user itu sendiri. Setiap berita yang dibuat oleh siswa
nantinya juga akan muncul di berita page awal, dan setiap
berita yang dibuat oleh user hanya administrator yang bisa
115
menghapus setiap berita yang sudah dibuat oleh setiap
siswa.
Pada
page
berita
terdapat
beberapa
menu
antaralain tambah berita yang digunakan setiap siswa untuk
menambahkan berita, menu view tag digunakan untuk
memberikan tag setiap berita, menu pencarian berita, dan
juga pada page berita menampilkan setiap berita yang
sudah dibuat oleh siswa, disetiap berita mempunyai menu
edit, menu edit ini digunakan untuk mengedit berita
tentunya hanya berita yang dibuat oleh siswa tersebut.
Gambar 18 Page Tambah Berita
Page tambah berita berisi form antara lain judul
berita, kategori berita, headline digunakan untuk menfilter
setiap berita apakah akan ditampilkan dihalam user atau
tidak, isi berita, gambar, tag.
116
Gambar 19Page Tag Berita
Page tag berita terdapat menu tambah tag dan juga
menampilkan tag yang sudah ada didalam sistem.
Gambar 20Page Tambah Tag
Page tambah tag digunakan untuk menambahkan
tag berita.
117
4.12 Page Jadwal
Gambar 21Page Jadwal
Page jadwal setiap siswa, jadwal ini diperoleh dari
masing - masing siswa per kelas.
4.13 Page Nilai
Gambar 22Page Nilai
118
Page nilai berisi nilai setiap mata pelajaran seperti
yang telah kita lihat diatas terdapat beberapa nilai pada
setiap mata pelajaran.
4.14 Page Guru
Gambar 23Page Guru
Page guru berisi sebuah form yang digunakan
untuk login setiap guru pengajar sebelum masuk ke dalam
sistem.Guru juga mempunyai akses tersendiri yang berbeda
dari siswa.
119
4.15 Page Beranda Guru
Gambar 24Page Beranda Guru
Page beranda guru berisi menu - menu untuk
mengedit informasi guru, menambah berita, melihat jadwal
mengajar dan menambahkan nilai pada setiap siswa.
4.16 Pageedit user guru
Gambar 25Page Edit guru
120
Page editguru berisi informasi guru dan digunakan
untuk mengedit data informasi guru tersebut.
4.17 Page berita guru
Gambar 26Page Berita guru
Pageberita guru berisi berita - berita guru yang
login ke sistem, pada page berita guru juga terdapat tambah
guru yang digunakan untuk menambahkan berita, edit
berita, dan hapus berita.
121
Gambar 27Page Tambah kategori
Page tambah kategori berada pada menu berita,
digunakan
untuk
membuat
kategori
yang
nantinya
digunakan untuk setiap berita sebagai penanda berita
tersebut.
Gambar 28Page Tag
Page tag berisi nama - nama tag yang digunakan
setiap berita.
122
Gambar 29Page Komentar Berita
Page komentar digunakan guru untuk melihat
komentar - komentar yang telah ditulis para pembaca berita,
mengedit komentar tersebut, menghapus komentar dan
komentar tersebut akan ditampilkan atau tidak.
4.18 Page Jadwal Mengajar Guru
Gambar 30Page Jadwal Mengajar
123
Page Jadwal Mengajar digunakan oleh guru untuk
melihat jadwal mengajar dan pada page ini tidak ada menu
tambahan seperti edit atau hapus karena jadwal diatur oleh
administrator.
4.19 Page Nilai Siswa
Gambar 31Page Nilai
Page Nilai siswa berisi mata pelajaran setiap kelas
nantinya didalam mata pelajaran tersebut terdapat daftar daftar nilai siswa yang harus diisi setiap guru sesuai mata
pelajaran yang diambil.
124
Gambar 32PageView Nilai
Page view nilai adalah page lanjutan dari page
nilai berisi sebuah form yang berisi daftar ruang kelas
sesuai matapelajaran guru,digunakan setiap guru pengajar
sebelum melakukan penilaian dalam sistem. Jadi Sebelum
melakukan penilaian guru harus memilih matapelajaran
terlebih dahulu lalu memilih ruang kelas.Guru juga
mempunyai akses tersendiri yang berbeda dari siswa.
Gambar 33Page Nilai Per Kelas
125
Page nilai per kelas adalah page lanjutan dari page
view nilai berisi sebuah form yang berisi daftar siswa
didalam setiap kelas dan mempunyai mata pelajaran yang
dipilih guru di page view nilai pada page ini digunakan
setiap guru pengajar untuk memilih siswa yang akan
diberikan nilai. Guru juga mempunyai akses tersendiri yang
berbeda dari siswa.
Gambar 34PageEdit Nilai
Page nilai per kelas adalah page lanjutan dari page
nilai per kelas berisi sebuah form yang digunakan setiap
guru pengajar untuk mengisi penilaian tiap siswa.Guru juga
mempunyai akses tersendiri yang berbeda dari siswa.
126
4.20 Page Beranda Admin
Gambar 35Page Beranda Admin
Page beranda admin berisi menu menu yaitu
setting web digunkan untuk menganti informasi user dalam
sistem,
menu
berita
untuk
membuat,
mengedit,
menambahikan berita, menu kesiswaan untuk mengatur
nilai, jadwal dan jadwal mengajar guru, menu warga
sekolah untuk menambahkan,mengedit data guru dan siswa
dan menu psb, page beranda merupakan menu awal ketika
admin berhasil login ke dalam sistem pada page ini juga
terdapat form untuk mengatur komentar terbaru dan berita
terbaru dan juga menu control. Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
127
4.21 Page Management User Admin
Gambar 36Page Management User Admin
Page setting web adalah page yang berisi sebuah
form daftar user yang ada didalam sistem guru, siswa
maupun admin juga ada di dalam form ini, digunakan
admin untuk mengedit informasi user maupun mengati
level user, level disini terdiri dari yang pertama adalah
admin, guru dan siswa. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
128
Gambar 37Page Tambah User Admin
Page tambah user adalah page lanjutan dari page
management user ketika admin menklik tambah user pada
page tersebut dan pada page tambah user berisi sebuah
form yang digunakan admin untuk menambahkan user ke
dalam sistem. Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
Gambar 38PageEdit User Admin
129
Pageedit user berisi sebuah form yang digunakan
admin untuk mengedit informasi maupun level user. Admin
juga mempunyai akses tersendiri yang berbeda dari guru
dan siswa.
4.22 Page Berita Admin
Gambar 39Page Berita Admin
Page berita berisi sebuah form, menu tambah
berita dan menu pencarian yang digunakan admin untuk
mengedit, menambahkan dan menghapus berita dalam
sistem.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
130
Gambar 40Page Tambah Berita Admin
Page tambah berita berisi sebuah form yang
digunakan admin untuk membuat berita.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 41Page Edit Berita Admin
Pageedit berita berisi sebuah form yang digunakan
admin untuk mengedit berita dan admin juga bisa mengedit
131
berita siswa dan berita guru. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
4.23 Page Jadwal Pelajaran Admin
Gambar 42Page Jadwal Pelajaran Admin
Page jadwal pelajaran berisi sebuah form dan
menu tambah jadwal yang digunakan admin untuk
menambah jadwal mengajar guru dan secara otomatis
ketika jadwal guru sudah dibuat maka jadwal pelajaran
siswa juga akan bertambah tentunya sebelum mengakses
jadwal pelajaran pada page ini yang pertama diperlukan
adalah ruang kelas, mata pelajaran dan guru pengajar.
Admin juga mempunyai akses tersendiri yang berbeda dari
guru dan siswa.
132
Gambar 43PageView Jadwal Pelajaran Admin
Pageview jadwal pelajaran adalah page lanjutan
ketika admin mengklik setiap ruang kelas pada page view
jadwal berisi form jadwal mengajar guru.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 44Page Tambah Jadwal Pelajaran Admin
133
Page tambah jadwal pelajaran berisi sebuah form
yang digunakan admin membuat jadwal mengajar guru,
pada form tambah pelajaran terdapat ruang kelas, mata
pelajaran dan guru pengajar ketiganya hanya admin yang
bisa menambahkan field tersebut.Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
4.24 Page Ruang Kelas Admin
Gambar 45Page Ruang Kelas Admin
Page ruang kelas berita berisi sebuah form dan
menu tambah ruang kelas yang digunakan admin untuk
mengedit, menambahkan ruang kelas nantinya ruang kelas
akan digunakan dalam page jadwal untuk menentukan kelas
setiap siswa. Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
134
Gambar 46Page View Ruang
Page view ruang berita berisi sebuah form yang
yang didalamnya secara otomatis terdapat beberapa daftar
siswa, karena ketika admin membuat user yang berlevel
siswa admin juga memilih daftar ruang kelas pada setiap
user yang berlevel siswa.Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 47PageEdit Ruang Kelas
135
Pageedit ruang kelas berisi sebuah form yang
digunakan admin untuk mengedit ruang kelas. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 48Page Tambah Ruang Kelas
Page tambah ruang kelas berisi sebuah form yang
digunakan admin untuk membuat ruang kelas.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
136
4.25 Page Mata Pelajaran Admin
Gambar 49Page Mata Pelajaran
Page mata pelajaran berisi sebuah form yang
digunakan
admin
untuk
menambahkan,
mengadit,
menghapus mata pelajaran, mata pelajaran juga digunakan
dalam pembuatan jadwal mengajar.Admin juga mempunyai
akses tersendiri yang berbeda dari guru dan siswa.
Gambar 50Page Tambah Mapel
137
Pagetambah mata pelajaran berisi sebuah form
yang
digunakan
admin
untuk
membuat
mata
pelajaran.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
Gambar 51PageEdit Mapel
Pageeditmata pelajaran berisi sebuah form yang
digunakan admin untuk mengedit mata pelajaran. Admin
juga mempunyai akses tersendiri yang berbeda dari guru
dan siswa.
138
4.26 Page Nilai Admin
Gambar 52Page Nilai Siswa
Page nilai berisi sebuah form yang digunakan
admin untuk melihat daftar ruang kelas siswa.Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 53PageView Daftar Nilai Siswa
139
Pageview daftar nilai siswa adalah page lanjutan
dari page nilai siswa ketika admin mengklik menu view
pada daftar ruang kelas. Pada page ini terdapat daftar siswa
yang mempunyai kelas yang sama ketika admin mengklik
ruang kelas view pada page nilai siswa. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 54Page Transkrip Nilai
Pagetranskip nilai berisi sebuah daftar nilai
siswa.Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
140
4.27 Page Warga Sekolah Admin
Gambar 55Page Daftar Guru
Page daftar guru berisi sebuah form yang
digunakan admin untuk mengedit, menambahkan dan
menghapus guru.Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
Gambar 56Page Tambah Guru
141
Page tambah guru sebuah form yang digunakan
admin untuk menambahkan guru kedalam sistem, dan
secara otomatis ketika guru berhasil ditambahkan maka
NIK yang digunakan akan menjadi USERNAME ketika
user yang berlevel guru itu akan masuk kedalam sistem dan
juga PASSWORD awal ketika user guru akan melakukan
login adalah NIK nantinya pengantian informasi atau
pengantian password bisa dilakukan oleh masing masing
user tersebut. Admin juga mempunyai akses tersendiri yang
berbeda dari guru dan siswa.
Gambar 57Page Edit Guru
Pageeditguru berisi sebuah form yang digunakan
admin untuk mengedit informasi tentang guru dari alamat
sampai gambar foto wajah guru, pada page ini admin tidak
bisa menganti password karena untuk menganti password
admin harus pindah ke menu setting management user pada
142
page ini hanya informasi yang bisa diganti. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
Gambar 58Page Daftar Siswa
Page daftar siswa berisi sebuah form yang
digunakan admin untuk mengedit, menambahkan dan
menghapus daftar siswa.Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 59Page Tambah Siswa
143
Page tambah siswa berisi sebuah form yang
digunakan admin untuk menambahkan daftar siswa, dan
sama halnya pada page guru pada page ini secara otomatis
akan menambakan user ketika tambah siswa berhasil, siswa
akan mempunyai username dan password sesuai NIM
mereka masing - masing. Admin juga mempunyai akses
tersendiri yang berbeda dari guru dan siswa.
Gambar 60PageEdit Siswa
Pageedit siswa berisi sebuah form yang digunakan
admin untuk mengedit informasi tentang siswa dan pada
page ini digunakan oleh admin utnuk menentukan ruang
kelas oleh setiap siswa nantina jika terdapat siswa yang
belum mempunyai ruang kelas pada page daftar siswa dan
page daftar siswa akan muncul pemberitahuan siswa yang
belum
mendapatkan
ruang
kelas
gunanya
untuk
menentukan jadwal setiap siswa jadi ketika jadwal mengjar
guru berhasil dibuat maka otomatis setiap siswa akan
144
mempunyai ruang kelas yang sama dengan ruang kelas
guru pengajar. Admin juga mempunyai akses tersendiri
yang berbeda dari guru dan siswa.
4.28 PagePSB Admin
Gambar 61Page Daftar PSB
PagePSB berisi sebuah form yang digunakan
admin untuk mengedit calon pendaftar baru. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
145
Gambar 62Page Edit PSB
PageeditPSB berisi sebuah form yang digunakan
admin untuk menentukan calon siswa pendaftar akan
diterima, ditolak maupun dicandangkan. Admin juga
mempunyai akses tersendiri yang berbeda dari guru dan
siswa.
4.29 Hasil Pengujian
Pada tahap ini sistem yang penulis buat secara
langsung diuji dan diberi penilaian oleh rekan - rekan dan
dosen konsentrasi Multimedia.
4.30 Analisis
Perancangan WebsiteSekolah Menangah Pertama
Negeri 5 Boyolali dapat diakses dan digunakan oleh semua
user dari masyarakat luar yang ingin mengetahui informasi
tentang SMPN 5 Boyolali dan keluarga masyarakat
146
sekolah. Dalam permasalahan ini masyarakat luar sekolah
dan keluarga masyarakat sekolah akan memperoleh
kemudahan
dalam
memperoleh
informasi
dan
juga
diharapkan infromasi yang disajikan dapat bermanfaat dari
segi berita maupun layanan.