Perancangan Antarmuka Perangkat Lunak

Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Wiki Terakhir Foto Logo Info User Logout Judul simpan Nama Form : FG06 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG06 Deskripsi - Klik Data kelas, menuju FG02 - Klik data wiki menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik Simpan, jika data yang diinput Belum lengkap, muncul pesan M07, jika sudah lengkap muncul pesan M08, lalu menuju FG10 Ubah Data Akun Ubah Password Tambah detail submateri pada materi Unggah file submateri Browse Masukkan url Reset Gambar 3.28 Halaman Tambah Submateri Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Nama Form : FG07 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG07 - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - klik simpan, jika inputan masih kosong, muncul M10, Jika sudah lengkap, muncul pesan M06 Ubah Data Akun Ubah Password Tanbah pengumuman baru pada materi Judul Isi Info User reset simpan Gambar 3.29 Halaman Tambah Pengumuman Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Nama Form : FG08 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG08 - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - klik lanjutkan, jika inputan masih kosong, muncul M10, Jika sudah lengkap, menuju FG18 Ubah Data Akun Ubah Password Tanbah latihan pada materi Judul deskripsi lanjutkan Durasi waktu pengerjaan Gambar 3.30 Halaman Tambah Latihan Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Nama Form : FG08 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG09 - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 Ubah Data Akun Ubah Password Grafik Aktifitas Nama peserta Keterangan grafik Gambar 3.31 Halaman Statistik AktifitasGuru Data Kelas Halaman Utama Wiki Foto Akun Logo Info User Nama Form : FG10 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG10 - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik Ubah akun, jika ada inputan yang kosong, muncul pesan M10, Jika sudah lengkap, muncul pesan M11 NIP Nama Lengkap Tempat Lahir Alamat Lengkap Agama Jenis Kelamin Tanggal Lahir Email Ubah Akun Gambar 3.32 Halaman Ubah Data Akun guru Wiki Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Proses FG11 Nama Form : FG11 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam Materi Judul Materi Pengajar Masuk - Klik Data siswa, menuju FS02 - Klik Data guru, menuju FG03 - Klik wiki, menuju FG04 - Klik masuk, menuju FG05 - Klik ubah Password, jika Inputan tidak lengkap, maka Muncul pesan M10, jika Password salah, maka muncul pesan M12, jika berhasil muncul pesan M13, dan menuju FG01 Jumlah Pengumuman Jumlah Latihan Jumlah Sub Materi Jumlah Diskusi Masukkan Password Lama Masukkan Password Baru Ulangi Password Baru Gambar 3.33 Halaman Ubah Password Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Wiki Nama Form : FG12 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG12 - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 Ubah Data Akun Ubah Password Gambar Isi Perbaikan Gambar 3.34 Halaman Lihat Wiki Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FG13 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG13 Pelajaran - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik submateri, menuju FG14 - Klik Latihan, Menuju FG15 - Klik diskusi, menuju FG16 - Klik wiki, menuju FG03 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki List Pengumuman Gambar 3.35 Halaman Lihat Pengumuman Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FG14 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG14 Pelajaran - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik submateri, menuju FG14 - Klik Latihan, Menuju FG15 - Klik diskusi, menuju FG16 - Klik wiki, menuju FG03 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki List Submateri Gambar 3.36 Halaman List submateri Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FG15 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG15 Pelajaran - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik submateri, menuju FG14 - Klik Latihan, Menuju FG15 - Klik diskusi, menuju FG16 - Klik wiki, menuju FG03 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki List Latihan Gambar 3.37 Halaman List Latihan Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FG16 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG16 Pelajaran - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik submateri, menuju FG14 - Klik Latihan, Menuju FG15 - Klik diskusi, menuju FG16 - Klik wiki, menuju FG03 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki List Diskusi Gambar 3.38 Halaman List Diskusi Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FG17 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG17 Pelajaran - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik submateri, menuju FG14 - Klik Latihan, Menuju FG15 - Klik diskusi, menuju FG16 - Klik wiki, menuju FG03 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki List Wiki Gambar 3.39 Halaman List Wiki Guru Data Kelas Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Tambah Soal Latihan Nama Form : FG18 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FG18 Pertanyaan - Klik Data kelas, menuju FG02 - Klik wiki, menuju FG03 - Klik pengumuman, menuju FG13 - Klik Halaman Utama, menuju FG01 - Klik Logout, menuju F01 - Klik Tambahkan, jika inputan kosong muncul pesan M14, Jika sudah lengkap, muncul pesan M15 menuju FG18 No Ubah Data Akun Ubah Password Pilih GambarVideo Jawaban E D C B A Tambahkan Gambar 3.40 Halaman Tambah Soal Guru Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Daftar Siswa Nama Form : FS02 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS02 - Klik Data Siswa, menuju FS02 - Klik Data Guru, menuju FS03 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik Wiki, menuju FS04 - Klik ubah data akun, menuju FS06 - Klik ubah data Password, menuju FS07 - Klik Logout, menuju F01 Ubah Data Akun Ubah Password Nama Siswa NIS Nama Siswa Data Guru Gambar 3.41 Halaman Data Siswa Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Daftar Guru Nama Form : FS03 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS03 - Klik Data Siswa, menuju FS02 - Klik Data Guru, menuju FS03 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik Wiki, menuju FS04 - Klik ubah data akun, menuju FS06 - Klik ubah data Password, menuju FS07 - Klik Logout, menuju F01 Ubah Data Akun Ubah Password Nama Siswa NIP Nama Guru Data Guru Gambar 3.42 Halaman Data Guru Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Daftar wiki Nama Form : FS04 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS04 - Klik Data Siswa, menuju FS02 - Klik Data Guru, menuju FS03 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik Wiki, menuju FS04 - Klik ubah data akun, menuju FS06 - Klik ubah data Password, menuju FS07 - Klik Logout, menuju F01 - Klik Lihat wiki, menuju FS09 Ubah Data Akun Ubah Password isi Tanggal Judul Data Guru Isi Aksi Aksi Lihat Wiki Gambar 3.42 Halaman List Wiki Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS05 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS05 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru Gambar 3.43 Halaman materi siswa Data Guru Halaman Utama Wiki Foto Akun Logo Info User Nama Form : FS06 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS06 - Klik Data siswa, menuju FS02 - Klik Data guru, menuju FS03 - Klik wiki, menuju FS04 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik Ubah akun, jika ada inputan yang kosong, muncul pesan M10, Jika sudah lengkap, muncul pesan M11, menuju FS01 NIP Nama Lengkap Tempat Lahir Alamat Lengkap Agama Jenis Kelamin Tanggal Lahir Email Ubah Akun Data Siswa Gambar 3.44 Halaman Ubah Data Akun Siswa Wiki Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Proses FS07 Nama Form : FS07 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam Materi Judul Materi Pengajar Masuk Jumlah Pengumuman Jumlah Latihan Jumlah Sub Materi Jumlah Diskusi Masukkan Password Lama Masukkan Password Baru Ulangi Password Baru - Klik Data siswa, menuju FS02 - Klik Data guru, menuju FS03 - Klik wiki, menuju FS04 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik Proses jika ada inputan yang kosong, muncul pesan M10, Jika sudah lengkap, tapi password salah, muncul pesan M12, Jika sudah lengkap muncul pesan M13, menuju FS01 Gambar 3.45 Halaman Ubah Password Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Judul Wiki Nama Form : FS08 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS08 Unggah File - Klik Data Siswa, menuju FS02 - Klik Data guru, menuju FS03 - Klik wiki, menuju FS04 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik simpan, jika inputan belum lengkap, muncul pesan M10, jika inputan sudah lengkap muncul pesan M16, menuju FS04 Isi WIki Ubah Data Akun Ubah Password Data Guru Pilih File Reset Simpan Gambar 3.46 Buat wiki Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Judul Wiki Nama Form : FS09 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS09 Gambar - Klik Data Siswa, menuju FS02 - Klik Data guru, menuju FS03 - Klik wiki, menuju FS04 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 Isi WIki Ubah Data Akun Ubah Password Data Guru Wiki Gambar 3.47 Lihat wiki Siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS10 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS10 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru List pengumuman Gambar 3.48 Halaman Pengumuman siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS11 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS11 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru List Submateri Gambar 3.49 Halaman submateri siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS12 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS12 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru List Latihan Gambar 3.50 Halaman latihan siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS13 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS13 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru List diskusi Gambar 3.51 Halaman list diskusi siswa Data Siswa Halaman Utama Wiki Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout Materi pengumuman Nama Form : FS14 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam FS14 Pelajaran - Klik Data Siswa, menuju FS02 - Klik Data uru, menuju FS03 - Klik wiki, menuju FS04 - Klik pengumuman, menuju FS10 - Klik Halaman Utama, menuju FS01 - Klik Logout, menuju F01 - Klik submateri, menuju FS11 - Klik Latihan, Menuju FS12 - Klik diskusi, menuju FS13 - Klik wiki, menuju FS14 - Klik Logout, menuju F01 Kelas Ubah Data Akun Ubah Password submateri Latihan diskusi wiki Data Guru List Wiki Gambar 3.52 Halaman list wiki siswa wiki Data Guru Data Siswa Halaman utama Berita Sekolah Informasi Sekolah Online Tweets Terakhir Foto Logo Info User Logout FS15 Nama Form : FS15 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Hijau, Putih, Hitam Kerjakan Latihan - Klik Data siswa, menuju FS02 - Klik Data guru, menuju FS03 - Klik wiki menuju FS04 - Klik Logout, menuju F01 - Klik Simpan, jika pertanyaan belum dijawab, muncul pesan M17, jika sudah dijawab, menuju FS15 simpan Pertanyaan Jawaban A Jawaban B Jawaban C Jawaban D Kunci Jawaban A B C D Ubah Data Akun Ubah Password Waktu latihan Gambar 3.53 Halaman Kerjakan Latihan Soal Siswa FA03 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA03 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar Guru Urut Berdasarkan Pencarian Proses Tabel Daftar Guru Nip Nama Lengkap Tabel Daftar Guru Status Akun Tanggal Lahir Tempat Lahir Gambar 3.54 Halaman Daftar Guru Admin FA04 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA04 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar Siswa Urut Berdasarkan Pencarian Proses Nip Nama Siswa Tabel Daftar Siswa Status Akun Tanggal Lahir Tempat Lahir Gambar 3.55 Halaman Daftar Siswa Admin FA05 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA05 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar kelas Urut Berdasarkan Pencarian Proses Tabel Daftar kelas No Nama Kelas Gambar 3.56 Halaman Daftar Kelas Admin FA06 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA06 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar tahun ajaran Urut Berdasarkan Pencarian Proses Tabel tahun ajaran Status No Nama tahun ajaran Ubah status Gambar 3.57 Halaman Daftar Tahun Ajaran Admin FA07 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA07 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar berita Urut Berdasarkan Pencarian Proses Tabel Daftar berita No Tanggal Isi berita Judul Gambar 3.58 Halaman Daftar Berita Admin FA08 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA08 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Pencarian Daftar Detail Kelas Urut Berdasarkan Pencarian Proses Tabel Daftar detail Kelas Nip Nama Lengkap Tabel Daftar Detail Kelas Status Akun Tanggal Lahir Tempat Lahir Gambar 3.59 Halaman Daftar Detail Kelas Admin FA09 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA09 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Upload Data Guru Format Excel Silahkan Pilih File Excel Pilih FIle download NIP E-mail Tanggal Lahir Tempat Lahir Nama Lengkap Reset Submit Gambar 3.60 Halaman Tambah Guru Admin FA10 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA10 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Upload Data Sisa Format Excel Silahkan Pilih File Excel Pilih FIle download NIS E-mail Tanggal Lahir Tempat Lahir Nama Lengkap Reset Submit Gambar 3.61 Halaman Tambah Siswa Admin FA11 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA11 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Form Kelas Nama Kelas Reset Submit Gambar 3.62 Halaman Tambah Kelas Admin FA12 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA12 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Form Tahun Ajaran Tahun AJaran Reset Submit Gambar 3.63 Halaman Tambah Tahun Ajaran Admin FA13 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA13 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Form Berita Sekolah Judul Berita Sekolah Reset Submit Isi Berita Sekolah Gambar 3.64 Halaman Tambah Berita Admin FA14 Siswa Detail Kelas Berita Sekolah Tahun Ajaran Kelas Guru Daftar Siswa Tambah Daftar Detail Kelas Tambah Daftar Berita Tambah Daftar Tahun Ajaran Tambah Daftar Kelas Tambah Daftar Guru Tambah footer Logout Welcome Administrasi SMA DARUL HIKAM Nama Form : FA14 Ukuran Form : 1000 x 500 pixel Font : Times New Roman Warna : Biru, Putih, Ungu - Klik Daftar Guru, menuju FA03 - Klik Daftar Siswa, menuju FA04 - Klik Daftar Kelas, menuju FA05 - Klik Daftar Tahun Ajaran, menuju FA06 - Klik Daftar Berita, FA07 - Klik Daftar Detail Kelas, menuju FA08 - Klik Tambah Guru, menuju FA09 - Klik Tambah Siswa, menuju FA10 - Klik Tambah Kelas, menuju FA11 - Klik Tambah Tahun Ajaran, menuju FA12 - Klik Tambah Berita, FA13 - Klik Tambah Detail Kelas, menuju FA14 Klik Loguot, menuju F01 Form Detail Kelas Kelas Reset Submit Tahun Ajaran Guru Yang Mengajar Pilih Kelas Pilih Guru Pilih Tahun Ajaran Gambar 3.65 Halaman Tambah Detail Kelas Admin

3.2.4 Perancangan Pesan

M01 OK Silahkan masukan Username dan password anda M02 OK Berita Berhasil Ditambahkan M03 OK Berita Berhasil Di Edit M04 OK Forum berhasil ditambah M05 OK Masukkan NIPNIS dan Password M06 OK Pengumuman berhasil ditambah M07 OK Materi berhasil ditambah M08 OK Latihan berhasil ditambah M09 OK Forum berhasil ditambah M10 OK Maaf, data yang anda inputkan belum lengkap Atau form masih kosong M11 OK Data Berhasil Di Ubah M12 OK Password yang anda masukkan salah M13 OK Password Berhasil DIubah M14 OK Soal yang dimaukkan belum lengkap M15 OK Soal berhasil ditambah M16 OK Wiki brhasil ditambah M17 OK Anda Belum Menjawb soal

3.2.5 Perancangan Jaringan Semantik

Gambar 3.66 Jaringan Semantik Admin F01 M05 FG01 FG09 FG06 M07 M08 FG05 M10 FG07 M10 FG04 FG02 M10 FG08 FG10 FG03 MO6 M07 M06 FG17 FG12 FG18 M15 M10 FG10 M10 M11 FG11 M13 M12 FG17 FG16 FG15 FG14 FG13 FG12 M14 Gambar 3.67 Jaringan Semantik Guru F01 M01 FA02 FA03 FA04 FA05 FA07 FA08 FA13 M10 FA10 FA14 M10 FA09 FA10 FA11 FA12 M10 M10 M10 M10 FS01 FS02 FS04 FS06 M10 FS03 FS05 M11 F01 M05 FS10 FS11 FS12 FS15 M17 FS09 FS07 M13 FS08 M16 FS13 FS14 M12 M10 Gambar 3.68 Jaringan Semantik Siswa