Perancangan Antarmuka Perangkat Lunak

Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Judul simpan Nama Form : T17 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T17 Isi - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Simpan, menuju T25 Gambar 3.37 Halaman Tambah Pengumuman Guru Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Judul simpan Nama Form : T19 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T19 Deskripsi - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Simpan, menuju T25 File Gambar 3.38 Halaman Tambah Materi Guru Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Judul simpan Nama Form : T21 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T21 Isi - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Simpan, menuju T25 Gambar 3.39 Halaman Tambah Latihan Guru Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Judul simpan Nama Form : T23 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T23 Deskripsi - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Simpan, menuju T25 File Gambar 3.40 Halaman Tambah Tugas Guru Data materi Data Kelas Halaman Utama Forum Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T18 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T18 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Ubah, menuju T26 - Klik Hapus, menuju T18 Ubah Hapus Gambar 3.41 Halaman List Pengumuman Guru Data materi Data Kelas Halaman Utama Forum Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T20 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T20 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Ubah, menuju T28 - Klik Hapus, menuju T20 Ubah Hapus Gambar 3.42 Halaman List Materi Guru Data materi Data Kelas Halaman Utama Forum Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T22 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T22 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Ubah, menuju T32 - Klik Hapus, menuju T22 - Klik Tambah, menuju T30 Ubah Hapus Soal Gambar 3.43 Halaman List latihan Guru Data materi Data Kelas Halaman Utama Forum Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T24 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T24 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Ubah, menuju T32 - Klik Penilaian, menuju T33 - Klik Hapus, menuju T24 Ubah Hapus Penilaian Gambar 3.44 Halaman List Tugas Guru Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Pelajaran Proses Nama Form : T25 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Proses, menuju T10 T25 Kelas Tahun Gambar 3.45 Halaman Tambah Kelas Mengajar Guru Data materi Data Kelas Halaman Utama Forum Nama Judul pesan Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T14 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T14 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Komentar, menuju T40 - Klik Buat baru, menuju T38 komentar Buat baru Gambar 3.46 Halaman Forum Data materi Data Kelas Halaman Utama Forum Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password Nama Form : T40 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam T40 - Klik Data kelas, menuju T11 - Klik data materi, menuju T13 - Klik Forum, menuju T14 - Klik Halaman Utama, menuju T10 - Klik ubah data akun, menuju T15 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Simpan, menuju T14 Judul simpan Isi Gambar 3.47 Halaman Komentar Forum Daftar Materi Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Logo Info Berita Simpan Email Foto Telepon T41 Nama Form : T41 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik Simpan, menuju T34 Gambar 3.48 Halaman Ubah Akun Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Pengajar Pelajaran Kelas Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T42 Nama Form : T42 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik Gabung, menuju T42 Data Detail Kelas Gabung Gambar 3.49 Halaman Masuk Kelas Baru Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T43 Nama Form : T43 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 Masuk Pengumuman Tugas Gambar 3.50 Halaman Masuk Kelas Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Tanggal Judul Isi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T44 Nama Form : T44 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 Masuk Pengumuman Tugas Data Pengumuamn Gambar 3.51 Halaman List Pengumuman Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T45 Nama Form : T45 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 Masuk Pengumuman Tugas Data materi Download Gambar 3.52 Halaman List Materi Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T46 Nama Form : T46 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 - Klik Kerjakan, menuju T47 Masuk Pengumuman Tugas Data Latihan Kerjakan Gambar 3.53 Halaman List Latihan Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T47 Nama Form : T47 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 - Klik Simpan, menuju T47 Keluar Pengumuman Tugas simpan Pertanyaan Jawaban A Jawaban B Jawaban C Jawaban D Kunci Jawaban A B C D Gambar 3.54 Halaman Kerjakan Latihan Soal Siswa Forum Daftar Materi Data Guru Data Siswa Halaman utama Tanggal Judul Isi Aksi Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Ubah Data akun Ubah Password T49 Nama Form : T49 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam data detail kelas Materi Latihan - Klik Data siswa, menuju T35 - Klik Data guru, menuju T36 - Klik Data materi, menuju T37 - Klik Forum, menuju T14 - Klik ubah data akun, menuju T41 - Klik ubah password, menuju T16 - Klik Logout, menuju T01 - Klik keluar kelas, menuju T34 - Klik Pengumuman, menuju T44 - Klik Materi, menuju T45 - Klik Latihan, menuju T46 - Klik Tugas, menuju T49 Masuk Pengumuman Tugas Data materi Download Upload Gambar 3.55 Halaman List Tugas Siswa T51 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita NIP Nama Tempat Lahir Ubah Hapus footer Logout Welcome Admin | Nama Form : T51 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T66 - Klik Hapus, menuju T51 Data Guru Ubah Hapus Gambar 3.56 Halaman Daftar Guru Admin T52 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita NIS Nama Tempat Lahir Ubah Hapus footer Logout Welcome Admin | Nama Form : T52 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T67 - Klik Hapus, menuju T52 Data Siswa Ubah Hapus Gambar 3.57 Halaman Daftar Siswa Admin T53 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita NO KODE Nama jurusan Ubah Hapus footer Logout Welcome Admin | Nama Form : T53 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T68 - Klik Hapus, menuju T53 Data Jurusan Ubah Hapus Gambar 3.58 Halaman Daftar Jurusan Admin T54 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita KODE Kelas Jurusan Ubah Hapus footer Logout Welcome Admin | Nama Form : T54 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T69 - Klik Hapus, menuju T54 Data Kelas Ubah Hapus Gambar 3.59 Halaman Daftar Kelas Admin T55 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita KODE Tahun Ajaran Ubah Hapus footer Logout Welcome Admin | Nama Form : T55 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T70 - Klik Hapus, menuju T55 Data Tahun Ajaran Ubah Hapus Gambar 3.60 Halaman Daftar Tahun Ajaran Admin T56 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita NO KODE Mata Pelajaran Ubah Hapus footer Logout Welcome Admin | Nama Form : T56 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T71 - Klik Hapus, menuju T56 Data Mata Pelajaran Ubah Hapus Gambar 3.61 Halaman Daftar Matapelajaran Admin T57 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita NO KODE Berita Ubah Hapus footer Logout Welcome Admin | Nama Form : T57 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Ubah, menuju T72 - Klik Hapus, menuju T57 Data Berita Ubah Hapus Gambar 3.62 Halaman Daftar Berita Admin T73 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Upload Data Guru Logout Welcome Admin | Nama Form : T73 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T73 - Klik Proses, menuju T73 Masukkan File Excel Proses Form Guru NIP Nama Lengkap Tempat Lahir Tanggal Lahir Email Simpan Gambar 3.63 Halaman Tambah Guru Admin T74 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Upload Data Siswa Logout Welcome Admin | Nama Form : T74 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T74 - Klik Proses, menuju T74 Masukkan File Excel Proses Form Siswa NIS Nama Lengkap Tempat Lahir Tanggal Lahir Email Simapn Gambar 3.64 Halaman Tambah Siswa Admin T75 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T75 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T75 Form Jurusan Nama jurusan Simpan Gambar 3.65 Halaman Tambah Jurusan Admin T76 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T76 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T76 Form Kelas Nama Kelas Simpan Gambar 3.66 Halaman Tambah Kelas Admin T77 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T77 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T77 Form Tahun Ajaran Nama Ajaran Simpan Gambar 3.67 Halaman Tambah Tahun Ajaran Admin T78 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T78 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T78 Form mata Pelajaran Nama Mata Pelajaran Simpan Gambar 3.68 Halaman Tambah Matapelajaran Admin T79 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T79 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T79 Form Berita Judul Berita Simpan Isi Berita Gambar 3.69 Halaman Tambah Berita Admin T66 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T66 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T66 Form Guru NIP Nama Lengkap Tempat Lahir Tanggal Lahir Email Simpan Gambar 3.70 Halaman Edit Guru Admin T67 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T67 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T66 Form Siswa NIS Nama Lengkap Tempat Lahir Tanggal Lahir Email Simapn Gambar 3.71 Halaman Edit Siswa Admin T68 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T68 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T68 Form Jurusan Nama jurusan Simpan Gambar 3.72 Halaman Edit Jurusan Admin T69 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T69 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T69 Form Kelas Nama Kelas Simpan Gambar 3.73 Halaman Edit Kelas Admin T70 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T70 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T70 Form Tahun Ajaran Nama Ajaran Simpan Gambar 3.74 Halaman Edit Tahun Ajaran Admin T71 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T71 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T71 Form mata Pelajaran Nama Mata Pelajaran Simpan Gambar 3.75 Halaman Edit Matapelajaran Admin T71 Guru Siswa Jurusan Kelas Tahun Ajaran Mata Pelajaran Berita Tambah Daftar Guru Tambah Daftar Siswa Tambah Daftar Jurusan Tambah Daftar Kelas Tambah Daftar tahun Ajaran Tambah Daftar MataPelajaran Tambah Daftar Berita footer Logout Welcome Admin | Nama Form : T71 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju T51 - Klik Tambah Guru, menuju T52 - Klik Daftar Siswa, menuju T53 - Klik Tambah Siswa, menuju T54 - Klik Daftar Jurusan, menuju T55 - Klik Tambah Jurusan, menuju T56 - Klik Daftar Kelas, menuju T57 - Klik Tambah Kelas, menuju T58 - Klik Daftar Tahun Ajaran, menuju T59 - Klik Tambah Tahun Ajaran, menuju T60 - Klik Daftar MataPelajaran, menuju T61 - Klik Tambah Matapelajaran, menuju T62 - Klik Daftar Berita, menuju T63 - Klik Tambah Berita, menuju T64 - Klik Loguot, menuju T65 - Klik Simpan, menuju T71 Form Berita Judul Berita Simpan Isi Berita Gambar 3.76 Halaman Edit Berita Admin Nama Form : T81 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik login, menuju T81 T80 Username Password login Gambar 3.77 Halaman Login Kepala Sekolah Halaman Utama Data Guru Data Materi Data Latihan Data Tugas Logout Nama Form : T81 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data Guru, menuju T82 T81 Monitoring E-Learning Logo Statistik Data Login Guru Siswa Informasi Halaman Utama - Klik Data Materi, menuju T83 - Klik Data Tugas, menuju T84 - Klik Data Latihan, menuju T85 - Klik Logout, menuju T80 Gambar 3.78 Halaman Utama Kepala Sekolah Halaman Utama Data Guru Data Materi Data Latihan Data Tugas Logout NIP Nama Lengkap Tanggal Lahir E-Mail Nama Form : T82 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data Guru, menuju T82 T82 Monitoring E-Learning Logo Statistik Data Login Guru Siswa Informasi Data Guru - Klik Data Materi, menuju T83 - Klik Data Tugas, menuju T84 - Klik Data Latihan, menuju T85 - Klik Logout, menuju T80 Gambar 3.79 Halaman Data Guru Kepala Sekolah Halaman Utama Data Guru Data Materi Data Latihan Data Tugas Logout Grafik Batang Data Materi 3Nama Form : T82 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data Guru, menuju T82 T83 Monitoring E-Learning Logo Statistik Data Login Guru Siswa Informasi Data Materi - Klik Data Materi, menuju T83 - Klik Data Tugas, menuju T84 - Klik Data Latihan, menuju T85 - Klik Logout, menuju T80 Gambar 3.80 Halaman Data Materi Kepala Sekolah Halaman Utama Data Guru Data Materi Data Latihan Data Tugas Logout Grafik Batang Data Latihan 43Nama Form : T85 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data Guru, menuju T82 T85 Monitoring E-Learning Logo Statistik Data Login Guru Siswa Informasi Data Latihan - Klik Data Materi, menuju T83 - Klik Data Tugas, menuju T84 - Klik Data Latihan, menuju T85 - Klik Logout, menuju T80 Gambar 3.81 Halaman Data Latihan Kepala Sekolah Halaman Utama Data Guru Data Materi Data Latihan Data Tugas Logout Grafik Batang Data Tugas 43Nama Form : T84 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam - Klik Data Guru, menuju T82 T84 Monitoring E-Learning Logo Statistik Data Login Guru Siswa Informasi Data Tugas - Klik Data Materi, menuju T83 - Klik Data Tugas, menuju T84 - Klik Data Latihan, menuju T85 - Klik Logout, menuju T80 Gambar 3.82 Halaman Data Tugas Kepala Sekolah

3.3.4 Perancangan Pesan

M01 OK Aktifasi Berhasil dilakukan silakan login M02 OK Data yang dimasukkan tidak valid M05 OK Anda berhasil keluar kelas M06 OK Pengumuman berhasil ditambah M07 OK Materi berhasil ditambah M08 OK Pengumuman berhasil diubah M09 OK Latihani berhasil ditambah M10 OK Materi berhasil diubah M12 OK Latihani berhasil diubah M16 OK Forum berhasil ditambah M18 OK Perubahan Akun Berhasil dilakukan M19 OK Perubahan Akun Berhasil dilakukan M20 OK Perubahan password Berhasil dilakukan

3.3.5 Perancangan Jaringan Semantik

T49 M02 T50 T51 T73 M07 T52 T74 M08 T53 T75 M09 T54 T76 M10 T56 T77 M11 T57 T78 M12 T66 T67 T68 T69 T70 T71 Gambar 3.83 Jaringan Semantik Admin T01 M01 T10 T15 M17 T16 M16 T17 M14 T21 M18 T20 M13 T14 M23 T18 M11 T28 M12 T22 M20 T26 M10 T19 M15 T21 M22 T24 M21 T32 M25 T13 M19 T40 M24 Gambar 3.84 Jaringan Semantik Guru T34 T15 M27 T16 M26 T42 M25 T20 M28 T34 T19 M29 T01 M01 T44 T45 T46 T47 T49 T48 Gambar 3.85 Jaringan Semantik Siswa T80 T81 T82 T83 T84 T85 Gambar 3.86 Jaringan Semantik Kepala Sekolah

3.3.6 Perancagan Prosedural

Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program ke dalam suatu deskripsi prosedural dari komponen-komponen perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut: 1. Proses Login Mulai username dan password Validasi username dan password Apakah username dan password tersedia ? Masuk ke dalam manu utama Selesai pesan “Login Gagal” Ya Tidak Gambar 3.87 Proses Login