BAB II LANDASAN TEORI
4.2 Perancangan Antar Muka
4.2.2 Perancangan input
Rancangan ini dirancang untuk menerima masukan dari pengguna sistem. Rancangan ini harus dapat memberikan penjelasan dari pemakai, baik dari bentuk maupun dari masukan yang harus di isi. Berikut ini adalah rancangannya.
1. Antar muka login admin
Gambar 4.11 Antar Muka Login Admin
2. Antar muka login guru dan siswa
Gambar 4.12 Antar Muka Login Guru dan Siswa
E LEARNING
2015 SMA NASIONAL BANDUNG
LOGIN
username
password
MASUK
E LEARNING
2015 SMA NASIONAL BANDUNG
LOGIN
Username : Password :
Guru Siswa
3. Antar muka menu admin
Gambar 4.13 Antar Muka Menu Admin
4. Antar muka menu admin tambah guru
Gambar 4.14 Antar Muka Menu Admin Tambah Guru 2015 SMA NASIONAL BANDUNG
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
SELAMAT DATANG DI
HALAMAN WAKASEK SARANA DAN PRASARANA
NIP Nama Wali Kelas Alamat Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Email No Telepon
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NIP Nama --Pilih Kelas-- Simpan Cancel Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Alamat lengkap Email No Telepon … ... X
5. Antar muka menu admin tambah siswa
Gambar 4.15 Antar Muka Menu Admin Tambah Siswa
6. Antar muka menu admin tambah kelas
Gambar 4.16 Antar Muka Menu Admin Tambah Kelas NIS Nama Wali Kelas Alamat Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Email No Telepon
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NIS Nama --Pilih Kelas-- Simpan Cancel Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Alamat lengkap Email No Telepon … ... X
2015 SMA NASIONAL BANDUNG
2015 SMA NASIONAL BANDUNG
Kelas Wali Kelas
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
Kelas
--Pilih Wali Kelas--
7. Antar muka menu admin tambah mata pelajaran
Gambar 4.17 Antar Muka Menu Admin Tambah Mata Pelajaran
8. Antar muka halaman admin data guru
Gambar 4.18 Antar Muka Halaman Admin Data Guru 2015 SMA NASIONAL BANDUNG
Mata Pelajaran Kelas Wali Kelas Ruangan Jumlah Siswa
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
-- Pilih Kelas -- -- Pilih Guru-- Ruang Simpan Cancel Jumlah Siswa Mata Pelajaran
2015 SMA NASIONAL BANDUNG
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NO NIP Nama Email Aksi
Hapus Edit
tambah data guru
Detail Guru
9. Antar muka halaman admin data siswa
Gambar 4.19 Antar Muka Admin Halaman Data Siswa
10. Antar muka halaman admin data kelas
Gambar 4.20 Antar Muka Admin Halaman Data Kelas
2015 SMA NASIONAL BANDUNG
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NO NIS Nama Email Aksi
Hapus Edit tambah data siswa
Detail Siswa
detail Kelas
2015 SMA NASIONAL BANDUNG
Wakasek Saran Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NO Kelas Wali Kelas Aksi
Hapus Edit
11. Antar muka halaman admin data mata pelajaran
Gambar 4.21 Antar Muka Halaman Admin Data Mata Pelajaran
12. Antar muka halaman guru
Gambar 4.22Antar Muka Halaman Guru
2015 SMA NASIONAL BANDUNG
Wakasek Sarana Prasarana Guru Siswa Kelas Mata Pelajaran Logout
NO Mata Pelajaran Kelas Ruangan Aksi
Hapus Edit tambah data mata pelajaran
Jumlah Siswa
List Siswa Guru
2015 SMA NASIONAL BANDUNG
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
SELAMAT DATANG DI HALAMAN GURU
13. Antar muka halaman guru tambah materi
Gambar 4.23 Antar Muka Halaman Guru Tambah Materi
14. Antar muka halaman guru tambah tugas
Gambar 4.24 Antar Muka Halaman Guru Tambah Tugas 2015 SMA NASIONAL BANDUNG
Tanggal Materi Pilih Kelas Judul Materi Data Materi
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
Tanggal Materi ---Pilih Kelas--- Pilih File Upload Cancel Ketentuan … ... X Judul Materi
2015 SMA NASIONAL BANDUNG Tanggal Awal Tanggal Akhir Pilih Kelas Judul Tugas Data Materi
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
Tanggal Awal Tugas
---Pilih Kelas--- Pilih File Upload Cancel Ketentuan … ... X Judul Tugas
15. Antar muka halaman guru hasil tugas siswa
Gambar 4.25Antar Muka Halaman Guru Hasil Tugas Siswa
16. Antar muka halaman guru penilaian tugas siswa
Gambar 4.26 Antar Muka Halaman Guru Penilaian Tugas Siswa
2015 SMA NASIONAL BANDUNG
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
NO Judul Tugas Siswa Nama Siswa Data Tugas Siswa
data tugas
Tanggal Diterima Tugas Nilai siswa
beri nilai edit nilai
2015 SMA NASIONAL BANDUNG Nilai
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
nilai
17. Antar muka halaman guru data materi
Gambar 4.27Antar Muka Halaman Guru Data Materi
18. Antar muka halaman guru data tugas
Gambar 4.28Antar Muka Halaman Guru Data Tugas
2015 SMA NASIONAL BANDUNG
2015 SMA NASIONAL BANDUNG
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
NO Judul Materi Tanggal Materi Data Materi Aksi
tambah materi baru
tambah materi baru
Data materi
Data materi editedit hapushapus
2015 SMA NASIONAL BANDUNG
GURU Materi Tugas Hasil Tugas Siswa List Siswa Logout
NO Judul Tugas Tanggal Akhir Tugas Data Tugas Aksi
tambah tugas baru
data tugas edit hapus
19. Antar muka halaman siswa
Gambar 4.29Antar Muka Halaman Siswa
20. Antar muka halaman siswa data materi
Gambar 4.30Antar Muka Halaman Siswa Data Materi
2015 SMA NASIONAL BANDUNG
SISWA Materi Tugas Hasil Tugas Siswa Logout
SELAMAT DATANG DI HALAMAN SISWA
2015 SMA NASIONAL BANDUNG
Siswa Materi Tugas Hasil Tugas Siswa Logout
NO Judul Materi Data Materi
data materi Tanggal Materi
21. Antar muka halaman siswa data tugas
Gambar 4.31Antar Muka Halaman Siswa Data Tugas
22. Antar muka halaman siswa hasil tugas siswa
Gambar 4.32Antar Muka Halaman Siswa Hasil Tugas Siswa
2015 SMA NASIONAL BANDUNG
Siswa Materi Tugas Hasil Tugas Siswa Logout
NO Judul Tugas Data Materi
data materi Tanggal Akhir Tugas
Nama Guru Upload Hasil Tugas
upload Tanggal Awal Tugas
2015 SMA NASIONAL BANDUNG
Siswa Materi Tugas Hasil Tugas Siswa Logout
NO Judul Tugas Siswa Data Tugas Siswa Nilai Siswa Keterangan
data tugas
Tanggal Tugas Diupload Aksi
23. Antar muka halaman siswa upload tugas siswa
Gambar 4.33Antar Muka Halaman Siswa Upload Tugas Siswa
24. Antar muka halaman siswa laporan nilai siswa
Gambar 4.34Antar Muka Halaman Siswa Laporan Nilai Siswa
2015 SMA NASIONAL BANDUNG
Data Tugas Siswa
SISWA Materi Tugas Hasil Tugas Siswa Logout
Pilih File
Upload Cancel
Ketentuan
2015 SMA NASIONAL BANDUNG
Siswa Materi Tugas Hasil Tugas Siswa Logout
NO Judul Tugas Siswa Data Tugas Siswa Nilai Siswa Keterangan
data tugas
Tanggal Tugas Diupload Aksi