Perancangan Struktur Menu Perancangan Arsitektur

3.2 Perancangan Arsitektur

3.3.1 Perancangan Struktur Menu

Berikut adalah perancangan struktur menu web SMP Negeri 2 Banjar yang akan dibangun : 1. Struktur Menu Admin login Logout Data berita Data sekolah Data pengguna Data Mata pelajaran Data Materi Data Upload materi Data ekstrakulikuler Data galeri Data guru Data siswa Data alumni Data Orang tua Home User manager Gambar III.23 Struktur Menu Admin 2. Struktur Menu guru login Galeri Tentang Sekolah Forum Berita Home Ekstrakulikuler Artikel Menu Guru Contact Profile Sejarah Visi Misi Struktur Organisasi Kelas VII Kelas VII Kelas IX Input Materi Upload File Pesan Logout Compose Outbox Ibnox Input nilai Gambar III.24 Struktur Menu Guru 3. Struktur Menu Siswa login Galeri Tentang Sekolah Forum Berita Home Ekstrakulikuler Artikel Download Materi Contact Profile Sejarah Visi Misi Struktur Organisasi Kelas VII Kelas VII Kelas IX Pesan Logout Compose Outbox Ibnox Cek Nilai Gambar III.25 Struktur Menu Siswa 4. Struktur Menu Alumni login Galeri Tentang Sekolah Forum Berita Home Ekstrakulikuler Artikel Contact Profile Sejarah Visi Misi Struktur Organisasi Kelas VII Kelas VII Kelas IX Pesan Logout Compose Outbox Ibnox Gambar III.26 Struktur Menu Alumni 6. Struktur Menu Orang Tua login Galeri Tentang Sekolah Forum Berita Home Ekstrakulikuler Artikel Contact Profile Sejarah Visi Misi Struktur Organisasi Kelas VII Kelas VII Kelas IX Pesan Logout Compose Outbox Ibnox Menu Orang Tua Cek Nilai Data Siswa Nilai Siswa Gambar III.27 Struktur Menu Orangtua 3.3.2 Perancangan Antarmuka Menu utama ini adalah antarmuka pembuka aplikasi sekaligus menjadi antarmuka standar yang akan selalu ada pada antarmuka selanjutnya. Tampilan ini dihubungkan dari tampilan satu ke tampilan lain.

3.3.2.1 Menu Utama Pengunjung

1. Menu Home SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F001 Profile Sejarah Visi Misi Struktur Organisasi Kelas VII Kelas VII Kelas IX - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.28 Menu Home 2. Menu Profile SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F002 Profile SMP Negeri 2 Banjar - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.29 Menu Profile 3. Menu Sejarah SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F003 Sejarah SMP Negeri 2 Banjar - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.30 Menu Sejarah 4. Menu Visi Misi SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F004 Visi Misi - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.31 Menu Visi Misi 5. Menu Struktur Organisasi SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F005 Struktur Organisasi - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.32 Menu Struktur Organisasi 6. Menu Berita SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update news Berita login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F006 Berita - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.33 Menu Berita 7. Menu Forum SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Berita login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F007 Forum PHPBB - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Update news Gambar III.34 Menu Forum 8. Menu Galeri SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Berita login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F008 Paskibra Pramuka PMR OSIS image image image - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Update news Gambar III.35 Menu Galeri 9. Menu Ekstrakulikuler SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Berita login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F009 Paskibra Pramuka PMR OSIS Paskibra adalah……... - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Contact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Update news Gambar III.36 Menu Ekstrakulikuler 10. Menu Artikel Kelas VII SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F010 Artikel Kelas VII - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.37 Menu Artikel Kelas VII 11. Menu Artikel Kelas VIII SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F011 Artikel Kelas VIII - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.38 Menu Artikel Kelas VIII 12. Menu Artikel Kelas IX SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Update News news login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F012 Artikel Kelas IX - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Gambar III.39 Menu Artikel Kelas IX 13. Menu Contact SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Login Form Username Password Berita login Register | Forget Password Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F013 Kontak - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik Register menuju ke F018 - klik Forget Password menuju ke F019 Font : arial Color : black Size : default news Untuk surat, layangkan ke alamat: Jl.BKRpegadaian no 16 Atau kirim email melalui form Di bawah ini Nama : Email : subject Pertanyaansarankomentar kirim Update news Gambar III.40 Menu Contat 3.3.2.2 Menu Guru Pada dasarnya menu guru, siswa, alumni dan orangtua sama hanya tiap user mempunyai hak akses yang berbeda. Untuk menu tentang sekolah, berita, forum, galeri, ekstrakulikuler, artikel dan contact sama dengan menu pengunjung. Berikut adalah menu data guru dan hak aksesnya : SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita Message F014 Selamat datang di Website SMP Negeri 2 Banjar - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Compose Inbox 0 Outbox 0 Menu guru Inputupload materi Input nilai Update news Gambar III.41 Menu Guru 1. Menu Buat Pesan SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F020 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Guru Siswa Orang Tua Alumni Nama Guru Sebagai Pelajaran aaaaaaaaa bbbbbbb cccccccc Pilih nama guru yang mau anda kirim pesan Subject Message Send Menu guru Inputupload materi Input nilai Update news Message Compose Inbox 0 Outbox 0 Gambar III.42 Menu Buat Pesan

2. Menu Kotak Masuk

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita Terkini Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F021 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Subject Date Status aaaaaaaaa Yyyy-mm-dd read delete Nama Guru Yyyy-mm-dd read aaaaaaaaa Yyyy-mm-dd unread Inputupload materi Input nilai Menu Guru Message Compose Inbox 0 Outbox 0 Gambar III.43 Menu Kotak Masuk 3. Menu Berita Terkirim SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F022 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Subject Date Status aaaaaaaaa Yyyy-mm-dd read delete Nama Guru Yyyy-mm-dd read aaaaaaaaa Yyyy-mm-dd unread Inputupload materi Input nilai Menu Guru Update news Message Compose Inbox 0 Outbox 0 Gambar III.44 Menu Berita Terkirim

4. Menu Input Materi

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F023 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Pilih Kelas Simpan Pilih Mata Pelajaran Subject Kelas Pelajaran Publish Yes No Inputupload materi Input nilai Menu Guru Update news Message Compose Inbox 0 Outbox 0 Gambar III.45 Menu Input Materi 5. Menu Input Nilai SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F024 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default No NIS Nama Kelas Action 1 08090001 xxxxxxxxxxx VIIA Input Nilai 2 08090002 xxxxxxxxxxx VIIA Input Nilai 3 08090003 xxxxxxxxxxx VIIA Input Nilai Daftar nama siswa kelas VIIA Inputupload materi Input nilai Menu Guru Update news Message Compose Inbox 0 Outbox 0 Gambar III.46 Menu Input Nilai

6. Menu Upload Materi

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F025 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Upload File Nama Deskripsi Kelas Matapelajaran File Pilih Kelas Pilih Matapelajaran Uploud Browse Inputupload materi Input nilai Menu Guru Update news Message Compose Inbox 0 Outbox 0 Gambar III.47 Menu Upload Materi 7. Menu Edit Profile SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as guru Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F026 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Edit User username E-mail Password Re-type Password Nama lengkap Update Alamat Tempat lahir Tanggal lahir Foto image Browse Inputupload materi Input nilai Menu Guru Update news Message Compose Inbox 0 Outbox 0 Gambar III.48 Menu Edit Profile

3.3.2.3 Menu Siswa

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as siswa Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F015 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F026 - klik cek nilai menuju ke F27 - klik download materi menuju ke F028 Font : arial Color : black Size : default Selamat datang di Website SMP Negeri 2 Banjar Menu Siswa Download Materi Lihat nilai Update news Message Compose Inbox 0 Outbox 0 Gambar III.49 Menu Siswa 1. Menu Lihat Nilai SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as siswa Edit Profile Update news Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F027 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F026 - klik cek nilai menuju ke F27 - klik download materi menuju ke F028 Font : arial Color : black Size : default Kode Matapelajaran Matapelajaran Nilai KM07001 a 100 KM07002 b 80 KM07003 c 90 Nama Nomor Induk Semester Kelas Menu Siswa Download Materi Lihat nilai no 1 2 3 Message Compose Inbox 0 Outbox 0 Gambar III.50 Menu Lihat Nilai

2. Menu Download Materi

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as siswa Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F028 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F026 - klik cek nilai menuju ke F27 - klik download materi menuju ke F028 Font : arial Color : black Size : default No Judul materi Kelas Matpel Download 1 aaaaaaaaaa VII a Download 2 bbbbbbbbbb VIII b Download 3 ccccccccccc IX c Download Menu Siswa Download Materi Lihat nilai Update news Message Compose Inbox 0 Outbox 0 Gambar III.51 Menu Download Materi 3.3.2.4 Menu Alumni SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as alumni Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F016 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Selamat datang di Website SMP Negeri 2 Banjar Update news Message Compose Inbox 0 Outbox 0 Gambar III.52 Menu Alumni

3.3.2.5 Menu Orangtua 1. Registrasi Orangtua Siswa

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F018 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik Input Artikel menuju ke F023 - klik Input Nilai menuju ke F024 - klik Upload Materi menuju ke F025 - klik edit profile menuju ke F026 Font : arial Color : black Size : default Menu Guru Registrasi Orangtua Nomor Induk Siswa nama alamat Re-type Password pekerjaan daftar email password username Login Form Username Password Update News news login Register | Forget Password news Gambar III.53 Menu Registrasi Orangtua 2. Menu Home SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as orang tua Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F017 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F026 - klik Data siswa menuju ke F029 - klik Nilai siswa menuju ke F030 Font : arial Color : black Size : default Selamat datang di Website SMP Negeri 2 Banjar Menu Orang tua Data Siswa Nilai Siswa Update news Message Compose Inbox 0 Outbox 0 Gambar III.54 Menu Home

3. Menu Data Siswa

SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as orang tua Edit Profile Update news Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F029 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F033 - klik Data siswa menuju ke F029 - klik Nilai siswa menuju ke F030 Font : arial Color : black Size : default Menu Orang tua Data Siswa Nilai Siswa image Nomor Induk Nama Kelas Wali Kelas Alamat Tempat, Tanggal Lahir Email xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Message Compose Inbox 0 Outbox 0 Gambar III.55 Menu Data Siswa 4. Menu Nilai Siswa SMP NEGERI 2 BANJAR Jl. BKRPegadaian no. 16 Telp.0265741124 image image Account Information Hi,………you logon as orang tua Edit Profile Berita logout Home Tentang Sekolah Contact Artikel Ekstrakulikuler Galeri Forum Berita F030 - klik Home menuju ke F001 - klik Profile menuju ke F002 - klik Sejarah menuju ke F003 - klik Visi Misi menuju ke F004 - klik Struktur Organisasi menuju ke F005 - klik Berita menuju ke F006 - klik Forum menuju ke F007 - klik Galeri menuju ke F008 - klik Ekstrakulikuler menuju ke F009 - klik Kelas VII menuju ke F010 - klik Kelas VIII menuju ke F011 - KLIK Kelas IX menuju ke F012 - klik Cotact menuju ke F013 - klik login menuju ke F014, F015, F016, F017 - klik logout menuju ke F001 - klik Compose menuju ke F020 - klik Inbox menuju ke F021 - klik Outbox menuju ke F022 - klik edit profile menuju ke F033 - klik Data siswa menuju ke F029 - klik Nilai siswa menuju ke F030 Font : arial Color : black Size : default Menu Orang tua Data Siswa Nilai Siswa No Kode Matapelajaran Matapelajaran Nilai 1 KM07001 a 100 2 KM07002 b 80 3 KM07003 c 90 Semester 1 Semester 2 Update news Message Compose Inbox 0 Outbox 0 Gambar III.56 Menu Nilai Siswa

3.3.2.6 Menu Login Administrator

F031 - klik login menuju ke f032 Font : times new roman Color : black Size : default LOGIN ADMINISTRATOR Username Password Login Gambar III.57 Menu Login 1. Menu Administrator F032 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Home Data berita Data Sekolah Data Pengguna Logout Matapelajaran Atur Materi Upload Materi Ekstrakulikuler Galeri Guru Orang tua Siswa Alumni User manager Gambar III.58 Menu Administrator

2. Menu User Manager

F062 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik tambah berita menuju f044 - klik edit berita menuju f045 - klik delete menuju f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator No nama email level Publish Action User maager 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager username ID 1 2 3 4 5 Gambar III.59 Menu User Manager 3. Menu Data Berita F033 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik tambah berita menuju f044 - klik edit berita menuju f045 - klik delete menuju f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator No Title Order Publish Action Tambah Berita 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.60 Menu Data Berita

4. Menu Tambah Berita

F044 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik tambah barita menuju f044 - klik edit berita menuju f045 - klik delete menuju f044 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Berita Title Publish Yes Ful Text No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.61 Menu Tambah Berita 5. Menu Ubah berita F045 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik tambah menuju f044 - klik edit berita menuju f045 - klik delete menuju f044 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Berita Title Publish Yes Ful Text No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.62 Menu Ubah Berita

6. Menu Data Matapelajaran

F034 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik tambah mata pelajaran menuju ke f046 - klik edit mata pelajaran menuju ke f047 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Mata Pelajaran Pilih kelas No Nama Matapelajaran Kelas Status Action 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Kode Matapelajaran KM07001 Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.63 Menu Data Pelajaran 7. Menu Tambah Matapelajaran F046 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik tambah matapelajaran menuju ke f046 - klik edit mata pelajaran menuju ke f047 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Matapelajaran Status Kelas Kode Matapelajaran Nama Matapelajaran Yes No Pilih Kelas Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.64 Menu Tambah Matapelajaran

8. Menu Ubah Matapelajaran

F047 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - tambah matapelajaran menuju ke f046 - klik edit mata pelajaran menuju ke f047 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Matapelajaran Status Kelas Kode Matapelajaran Nama Matapelajaran Yes No Pilih Kelas Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.65 Menu Ubah Matapelajaran 9. Menu Data Materi F035 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Atur Materi No Title Order Publish Action 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 Matapelajaran xxxxx xxxxx xxxxx xxxxx xxxxx Pilih kelas Pilih Matapelajaran Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.66 Menu Data Materi

10. Menu Tambah Materi

F048 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik tambah materi menuju ke f048 - klik edit materi menuju ke f049 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator tambah materi Title Publish Yes Ful Text No Pilih kelas Pilih Matapelajaran Kelas Matapelajaran Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.67 Menu Tambah Materi 11. Menu Ubah Materi F049 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik tambah menuju f044 - klik edit berita menuju f045 - klik delete menuju f044 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik tambah materi menuju ke f048 - klik edit materi menuju ke f049 - klik delete materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Materi Title Publish Yes Ful Text No Pilih kelas Pilih Matapelajaran Kelas Matapelajaran Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.68 Menu Ubah Materi

12. Menu Upload Materi

F036 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik tambah apload materi menuju ke f050 - klik edit download materi menuju ke f051 - klik delete download materi menuju ke ff036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Upload Materi No Nama file Kelas Publish Action 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 1 xxxx 9 Matapelajaran xxxxx xxxxx xxxxx xxxxx xxxxx Pilih kelas Filetype 9 9 9 9 9 url 9 9 9 9 9 Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.69 Menu Upload Materi 13. Menu Tambah Upload Materi F050 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik tambah apload materi menuju ke f050 - klik edit download materi menuju ke f051 - klik delete download materi menuju ke ff036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Apload Materi Status Kelas File Matapelajaran Yes No Pilih Kelas Judul Pilih Kelas Browse Description Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.70 Menu Tambah Upload Materi

14. Menu Ubah Upload Materi

F051 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik tambah apload materi menuju ke f050 - klik edit Upload materi menuju ke f051 - klik delete download materi menuju ke ff036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Apload Materi Status Kelas File Matapelajaran Yes No Pilih Kelas Judul Pilih Kelas Browse Description Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.71 Menu Ubah Upload Materi 15. Menu Data Ekstrakulikuler F037 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik tambah ekstrakulikuler menuju ke f052 - klik edit ekstrakulikuler menuju ke f053 - klik delete ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Ekstrakelikuler No Nama Organisasi Action 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Pembimbing xxxx xxxx xxxx xxxx xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.72 Menu Data Ekstrakulikuler

16. Menu Tambah Ekstrakulikuler

F052 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik tambah ekstrakulikuler menuju ke f052 - klik edit ekstrakulikuler menuju ke f053 - klik delete ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Ekstrakulikuler Nama Ekstrakulikuler Pembimbing Keterangan Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.73 Menu Tambah Ekstrakulikuler 17. Menu Ubah Ekstrakulikuler F053 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik tambah ekstrakulikuler menuju ke f052 - klik edit ekstrakulikuler menuju ke f053 - klik delete ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Ekstrakulikuler Nama Ekstrakulikuler Pembimbing Keterangan Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.74 Menu Ubah Ekstrakulikuler

18. Menu Data Galeri

F038 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik tambah galeri menuju ke f054 - klik edit galeri menuju ke f055 - klik delete galeri menuju ke f037 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Galeri No Nama galeri Tanggal 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx File name xxxx xxxx xxxx xxxx xxxx Action publish Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.75 Menu Data Galeri 19. Menu Tambah Galeri F054 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik tambah galeri menuju ke f054 - klik edit galeri menuju ke f055 - klik delete galeri menuju ke f037 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Galeri Publish Kategori foto Foto Yes No Pilih Kategori Judul foto Browse Keterangan image Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.76 Menu Tambah Galeri

20. Menu Ubah Galeri

F055 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik tambah galeri menuju ke f054 - klik edit galeri menuju ke f055 - klik delete galeri menuju ke f037 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Galeri Publish Kategori foto Foto Yes No Pilih Kategori Judul foto Browse Keterangan image Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.77 Menu Ubah Galeri 21. Menu Data Guru F039 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Guru No Nama Mengajar 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx matapelajaran xxxx xxxx xxxx xxxx xxxx Action publish NIP Tempat tanggal lahir xxxx xxxx xxxx xxxx xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.78 Menu Data Guru

22. Menu Tambah Data Guru

F056 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik tambah guru menuju ke f056 - klik edit data gur menuju ke f057 - klik delete data guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Guru NIP Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Mengajar di Kelas Matapelajaran Jabatan Guru Jenis Guru Tugas Tambahan Wali Kelas Publish Laki-laki Perempuan Yes No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.79 Menu Tambah Guru 23. Menu Ubah Data Guru F057 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik tambah guru menuju ke f056 - klik edit data gur menuju ke f057 - klik delete data guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Guru NIP Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Mengajar di Kelas Matapelajaran Jabatan Guru Jenis Guru Tugas Tambahan Wali Kelas Publish Laki-laki Perempuan Yes No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.80 Menu Ubah Data Guru

24. Menu Data Siswa

F042 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik tambah siswa menuju ke f060 - klik edit siswa menuju ke f061 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Siswa No Nama 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Action Publish Tempat Tanggal lahir xxxx xxxx xxxx xxxx xxxx Kelas xxxx xxxx xxxx xxxx xxxx NIS xxxx xxxx xxxx xxxx xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.81 Menu Data Siswa 25. Menu Tambah Data Siswa F060 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik tambah siswa menuju ke f060 - klik edit siswa menuju ke f061 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Siswa NIS Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Publish Laki-laki Perempuan Yes No Kelas Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.82 Menu Tambah Data Siswa

26. Menu Ubah Data Siswa

F061 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f042 - klik tambah siswa menuju ke f060 - klik edit siswa menuju ke f061 - klik alumni menuju ke f041 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Edit Siswa NIS Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Publish Laki-laki Perempuan Yes No Kelas Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.83 Menu Ubah Data Siswa 27. Menu Data Alumni F041 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik siswa menuju ke f041 - klik alumni menuju ke f041 - klik tambah alumni menuju ke f058 - klik edit alumni menuju ke f059 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Alumni No Nama 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Action publish NIS Tempat tanggal lahir xxxx xxxx xxxx xxxx xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.84 Menu Data Alumni

28. Menu Tambah Data Alumni

F058 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik alumni menuju ke f041 - klik tambah alumni menuju ke f058 - klik edit alumni menuju ke f059 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Tambah Alumni NIS Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Publish Laki-laki Perempuan Yes No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.85 Menu Tambah Data Alumni 29. Menu Ubah Data Alumni F059 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik alumni menuju ke f041 - klik tambah alumni menuju ke f058 - klik edit alumni menuju ke f059 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Ubah Alumni NIS Nama Lengkap Tempat Lahir Jenis Kelamin Tanggal Lahir Email Foto Alamat Browse Publish Laki-laki Perempuan Yes No Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.86 Menu Ubah Data Alumni

30. Menu Data Orangtua

F040 - klik home menuju ke f032 - klik pengaturan berita menuju ke f033 - klik matapelajaran menuju ke f034 - klik atur materi menuju ke f035 - klik upload materi menuju ke f036 - klik ekstrakulikuler menuju ke f037 - klik galeri menuju ke f038 - klik guru menuju ke f039 - klik orang tua menuju ke f040 - klik logout menuju ke f031 Font : times new roman Color : black Size : default SMP N 2 BANJAR panel Administrator Data Orang Tua No Nama Orangtua 1 xxxx 1 xxxx 1 xxxx 1 xxxx 1 xxxx Action Kelas xx xx xx xx xx Nama Siswa xxxx xxxx xxxx xxxx xxxx NIS xxxx xxxx xxxx xxxx xxxx Home Data berita Data Sekolah Data Pengguna Logout User manager Gambar III.87 Menu Data Orangtua 3.3.3 Perancangan Pesan Perancangan pesan dari web SMP Negeri 2 Banjar adalah sebagai berikut: The page at http:localhost says: Username atau password masih kosong OK The page at http:localhost says: Username atau password salah OK The page at http:localhost says: Maaf, siswa dengan nomor induk tidak terdaftar OK The page at http:localhost says: Maaf kode KM07001 sudah terdaftar OK The page at http:localhost says: NIP 132116573 sudah terdaftar OK The page at http:localhost says: NIS 132116573 sudah terdaftar OK M01 M02 M03 M04 M05 M06 Gambar III.88 Menu Pesan

3.3.4 Jaringan Semantik