3. Struktur menu wakasek kesiswaan
Login Kesiswaan
Ubah data siswa Cari data siswa
Tambah Data Siswa
Data Kelas Data Siswa
Ubah data kelas Cari data kelas
Tambah data kelas
Hapus data kelas Logout
E-Learning SMA Negeri 3 Karawang
Data Detail Kelas Data Guru
Ubah data guru Cari data guru
Tambah Data Guru
Ubah data detail kelas
Cari data detail kelas
Tambah Data detail kelas
Hapus data detail kelas
Aktifasi data siswa Aktifasi data guru
Gambar 3.32 Struktur Menu Wakasek Kesiswaan
4. Struktur menu kurikulum
Login Kurikulum
Ubah data tahun ajaran
Cari data Tahun Ajaran
Tambah Data Tahun Ajaran
Data Mengajar Data Tahun Ajaran
Ubah data mengajar
Cari data mengajar
Tambah data mengajar
Hapus data tahun ajaran
Hapus data mengajar
Logout E-Learning SMA
Negeri 3 Karawang
Data KBM Data Mata
Pelajaran
Ubah data matapelajaran
Cari data matapelajaran
Tambah Data Matapelajaran
Hapus data matapelajaran
Ubah data KBM Cari data KBM
Tambah Data KBM
Hapus data KBM Aktifasi Data
Tahun Ajaran
Gambar 3.33 Struktur Menu Wakasek Kurikulum
5. Struktur menu kepala sekolah
Login Kepsek
Data Latihan Data Materi
Logout E-Learning SMA
Negeri 3 Karawang
Data Tugas Data Guru
Indikator
Gambar 3.34 Struktur Menu Kepala Sekolah
6. Struktur menu guru
Halaman Utama Daftar Siswa Online
Daftar Guru Online Daftar Kelas Online
Akun Pilih kelas mengajar
E-Learning SMA Negeri 3 Karawang
Ubah Profil Ubah Password
Login Guru Logout
Tambah Pengumuman
Tambah Materi
Tambah Forum Diskusi
Tambah Tugas Tambah Latihan
Gambar 3.35 Struktur Menu Guru
7. Struktur menu siswa
Halaman Utama Daftar Siswa Online
Daftar Guru Online Daftar Kelas Online
Akun Pilih kelas yang
diajar E-Learning SMA
Negeri 3 Karawang
Ubah Profil Ubah Password
Login Siswa Logout
Lihat Pengumuman
Download materi
Tambah Forum Diskusi
Kirim tugas Kerjakan Latihan
Gambar 3.36 Struktur Menu Siswa
3.2.11 Perancangan Antar Muka
Interface atau antarmuka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan
menyediakan antarmuka yang mudah dipahami dan digunakan oleh user.
1. Perancangan antarmuka halaman utama
Banner SMA Negeri 3 Karawang
FOTO statistik
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka akan
meuju T01
Klik Daftar Kelas Online maka akan
menuju T03
Klik Daftar Guru Online maka akan
menuju T04
Klik Daftar Siswa Online maka akan
menuju T05 Halaman Utama
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender username
password Pilih Sebagai
Login Reset
T01
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Berita
Gambar 3.37 Perancangan antarmuka halaman utama
2. Perancangan antarmuka aktifasi akun
Banner SMA Negeri 3 Karawang
Data aktifasi
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan meuju T01
Klik Aktifasi Akun maka akan
menuju T02
Klik Daftar Kelas Online maka
akan menuju T03
Klik Daftar Guru Online maka
akan menuju T04
Klik Daftar Siswa Online maka
akan menuju T05 Halaman Utama
Aktifasi Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender username
password Pilih Sebagai
Login Reset
T02
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Gambar 3.38 Perancangan antarmuka aktifasi akun
3. Perancangan antarmuka daftar kelas online
Banner SMA Negeri 3 Karawang
Daftar Kelas Online
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan meuju T01
Klik Daftar Kelas Online maka
akan menuju T03
Klik Daftar Guru Online maka
akan menuju T04
Klik Daftar Siswa Online maka
akan menuju T05 Halaman Utama
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender username
password Pilih Sebagai
Login Reset
T03
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Gambar 3.39 Perancangan antarmuka daftar kelas online
4. Perancangan antarmuka daftar guru online
Banner SMA Negeri 3 Karawang
Daftar Guru Online
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan meuju T01
Klik Daftar Kelas Online maka
akan menuju T03
Klik Daftar Guru Online maka
akan menuju T04
Klik Daftar Siswa Online maka
akan menuju T05 Halaman Utama
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender username
password Pilih Sebagai
Login Reset
T04
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Gambar 3.40 Perancangan antarmuka daftar guru online
5. Perancangan antarmuka daftar siswa online
Banner SMA Negeri 3 Karawang
Daftar Siswa Online
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan meuju T01
Klik Daftar Kelas Online maka
akan menuju T03
Klik Daftar Guru Online maka
akan menuju T04
Klik Daftar Siswa Online maka
akan menuju T05 Halaman Utama
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender username
password Pilih Sebagai
Login Reset
T05
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Gambar 3.41 Perancangan antarmuka daftar siswa online
6. Perancangan antarmuka halaman admin
Banner SMA Negeri 3 Karawang
Selamat datang admin silahkan melakukan login terlebih dahulu agar dapat melakukan aktifitas dihalaman admin ini.
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik login sebagai admin maka akan
menuju T07
Klik login sebagai wakasek
kesiswaan maka akan menuju T14
Klik login sebagai
wakasek kurikulum maka
akan menuju T26
Klik login sebagai kepala sekolah
maka akan menuju T39
Agenda Kalender username
password Pilih Sebagai
Login Reset
T06
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Gambar 3.42 Perancangan antarmuka halaman admin
7. Perancangan antarmuka login admin
Banner SMA Negeri 3 Karawang
Selamat datang administrator E-Learning Sma Negeri 3 Karawang Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data User maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik Data Tahun
Ajaran maka akan menuju T02
Agenda Kalender Logout
T07
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data User
Data Berita Data Tahun Ajaran
Gambar 3.43 Perancangan antarmuka login admin
8. Perancangan antarmuka data user
Banner SMA Negeri 3 Karawang
No Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data user maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik tambah
admin pengguna maka akan
menuju T10
Klik ubah maka akan menuju T12
Klik Data tahun
ajaran maka akan menuju T29
Agenda Kalender Logout
T08
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data User
Data Tahun Ajaran
Tambah User Pencarian
Master Data User
username Proses
Username Nama
Level Pengguna Proses
ubah Data Berita
Gambar 3.44 Perancangan antarmuka data user
9. Perancangan antarmuka data berita
Banner SMA Negeri 3 Karawang
No Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data User maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik tambah
berita sekolah maka akan
menuju T11
Klik ubah maka akan menuju T13
Klik Data Tahun
Ajaran makan akan menuju T29
Agenda Kalender Logout
T09
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data User
Data Tahun Ajaran
Tambah Berita Sekolah Pencarian
Master Data Berita Sekolah
judul Proses
Kode Berta Isi Berita
Proses ubah hapus
Data Berita
Gambar 3.45 Perancangan antarmuka data berita
10. Perancangan antarmuka tambah data user
Banner SMA Negeri 3 Karawang
Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data user maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik submit maka
akan meuju T08
Klik Data Tahun Ajaran maka
akan menuju T29 Agenda Kalender
Logout T10
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data User
Data Tahun Ajaran
Form User
Username Email
Nama Lengkap Tahun Ajaran
Sebagai Pilih Sebagai
Reset Submit
Data Berita
Gambar 3.46 Perancangan antarmuka tambah data user
11. Perancangan antarmuka tambah berita
Banner SMA Negeri 3 Karawang
Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik DataUser maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik submit maka
akan meuju T09
Klik Data Tahun Ajaran maka
akan menuju T29 Agenda Kalender
Logout T11
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Dta User
Data Tahun Ajaran
Form Berita
Judul Berita Sekolah Isi
Reset Submit
Data Berita
Gambar 3.47 Perancangan antarmuka tambah berita
12. Perancangan antarmuka ubah data user
Banner SMA Negeri 3 Karawang
Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data User maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik submit maka
akan meuju T08
Klik Data Tahun Ajaran maka
akan menuju T29 Agenda Kalender
Logout T12
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Dta User
Data Tahun Ajaran
Form Edit User
Username Email
Nama Lengkap Tahun Ajaran
Sebagai Pilih Sebagai
Submit Data Berita
Gambar 3.48 Perancangan antarmuka ubah data user
13.Perancangan antarmuka ubah berita
Banner SMA Negeri 3 Karawang
Selamat datang admin
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data user maka akan
menuju T08
Klik Data Berita maka akan meuju
T09
Klik logout maka akan menuju T06
Klik submit maka
akan meuju T09
Klik Data Tahun Ajaran maka
akan menuju T29 Agenda Kalender
Logout T13
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data User
Data Tahun Ajaran
Form Berita
Judul Berita Sekolah Isi
Submit Data Berita
Gambar 3.49 Perancangan antarmuka ubah berita
14. Perancangan antarmuka login wakasek kesiswaan
Banner SMA Negeri 3 Karawang
Selamat datang administrator E-Learning Sma Negeri 3 Karawang Selamat datang wakasek
kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T15
Klik data siswa maka akan
menuju T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Agenda Kalender Logout
T14
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Berita Detail Kelas
Data Kelas
Gambar 3.50 Perancangan antarmuka login wakasek kesiswaan
15. Perancangan antarmuka data guru
Banner SMA Negeri 3 Karawang
No Selamat datang wakasek
kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik tambah guru
maka akan menuju T19
Klik ubah maka
akan menuju T32 Agenda Kalender
Logout T15
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Tambah Guru Pencarian
Master Data Guru
NIP Proses
NIP Nama Guru
TTL Proses
ubah Email
Aktif Detail Kelas
Data Kelas
Gambar 3.51 Perancangan antarmuka data guru
16. Perancangan antarmuka data siswa
Banner SMA Negeri 3 Karawang
No Selamat datang wakasek
kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik tambah
siswa maka akan menuju T20
Klik ubah maka
akan menuju 24 Agenda Kalender
Logout T16
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Tambah Siswa Pencarian
Master Data Siswa
NIS Proses
NIS Nama Siswa
TTL Proses
ubah Email
Status Detail Kelas
Data Kelas
Gambar 3.52 Perancangan antarmuka data siswa
17. Perancangan antarmuka data kelas
Banner SMA Negeri 3 Karawang
No Selamat datang wakasek
kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik tambah kelas
maka akan menuju T21
Klik ubah maka
akan menuju 25 Agenda Kalender
Logout T17
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Tambah Kelas Pencarian
Master Data Kelas
Kelas Proses
Kelas Proses
ubah hapus Detail Kelas
Data Kelas
Gambar 3.53 Perancangan antarmuka data kelas
18. Perancangan antarmuka detail kelas
Banner SMA Negeri 3 Karawang
No Selamat datang wakasek
kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik tambah detail
kelas maka akan menuju T22
Klik ubah maka
akan menuju 26 Agenda Kalender
Logout T18
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Tambah Kelas Pencarian
Master Data Kelas
Kelas Proses
Kelas Proses
ubah hapus Detail Kelas
Data Kelas
Gambar 3.54 Perancangan antarmuka detail kelas
19. Perancangan antarmuka tambah guru
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T15 Agenda Kalender
Logout T19
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Form Guru
NIP Nama Lengkap
Tempat Lahir Tanggal Lahir
E-mail Reset
Submit Data Kelas
Detail Kelas
Form Upload Guru
Silahkan Pilih file excel Format Excel
Choose File download
No file choosen
Proses
Gambar 3.55 Perancangan antarmuka tambah guru
20. Perancangan antarmuka tambah siswa
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T16 Agenda Kalender
Logout T20
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Form Siswa
NIS Nama Lengkap
Tempat Lahir Tanggal Lahir
E-mail Reset
Submit Data Kelas
Detail Kelas
Form Upload Siswa
Silahkan Pilih file excel Format Excel
Choose File download
No file choosen
Proses
Gambar 3.56 Perancangan antarmuka tambah siswa
21. Perancangan antarmuka tambah kelas
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T17 Agenda Kalender
Logout T21
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Reset Submit
Data Kelas Detail Kelas
Form Kelas
Nama Kelas
Gambar 3.57 Perancangan antarmuka tambah kelas
22. Perancangan antarmuka tambah detail kelas
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T18 Agenda Kalender
Logout T22
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Reset Submit
Data Kelas Detail Kelas
Form Detail Kelas
Kelas Tahun Ajaran
Gambar 3.58 Perancangan antarmuka tambah detail kelas
23. Perancangan antarmuka ubah data guru
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T15 Agenda Kalender
Logout T23
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Form Edit Guru
NIP Nama Lengkap
Tempat Lahir Tanggal Lahir
E-mail Submit
Data Kelas Detail Kelas
Gambar 3.59 Perancangan antarmuka ubah data guru
24. Perancangan antarmuka ubah data siswa
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T15 Agenda Kalender
Logout T24
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Form Edit Siswa
NIS Nama Lengkap
Tempat Lahir Tanggal Lahir
E-mail Submit
Data Kelas Detail Kelas
Gambar 3.60 Perancangan antarmuka ubah data siswa
25. Perancangan antarmuka ubah data kelas
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T17 Agenda Kalender
Logout T25
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Submit Data Kelas
Detail Kelas
Form Edit Kelas
Nama Kelas
Gambar 3.61 Perancangan antarmuka ubah data kelas
26. Perancangan antarmuka ubah detail kelas
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kesiswaan
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik Data guru maka akan
menuju T15
Klik Data siswa maka akan meuju
T16
Klik data kelas maka akan
menuju T17
Klik detail kelas maka akan
menuju T18
Klik logout maka akan menuju T06
Klik submit maka
akan menuju T18 Agenda Kalender
Logout T26
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Siswa
Reset Submit
Data Kelas Detail Kelas
Form Edit Detail Kelas
Kelas Tahun Ajaran
Gambar 3.62 Perancangan antarmuka ubah detail kelas
27. Perancangan antarmuka login wakasek kurikulum
Banner SMA Negeri 3 Karawang
Selamat datang administrator E-Learning Sma Negeri 3 Karawang Selamat datang wakasek
kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06 Agenda Kalender
Logout T27
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Gambar 3.63 Perancangan antarmuka login wakasek kurikulum
28. Perancangan antarmuka data matapelajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik tambah mata pelajaran maka
akan menuju T32
Klik ubah maka akan menuju T36
Agenda Kalender Logout
T28
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
No Tambah Mata Pelajaran
Pencarian
Master Data Mata Pelajaran
Nama Pelajaran
Proses Nama
Pelajaran Proses
ubah hapus
Gambar 3.64 Perancangan antarmuka data matapelajaran
29. Perancangan antarmuka data tahun ajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik tambah tahun ajaran
maka akan menuju T33
Klik ubah maka
akan menuju T37 Agenda Kalender
Logout T29
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
No Tambah Tahun Ajaran
Pencarian
Master Data Tahun Ajaran
Kode Tahun Ajaran
Proses Tahun ajaran
Proses ubah hapus
Status Tahun Ajaran
aktifkan
Gambar 3.65 Perancangan antarmuka data tahun ajaran
30. Perancangan antarmuka data mengajar
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik tambah mengajar maka
akan menuju T34
Klik ubah maka akan menuju T38
Agenda Kalender Logout
T30
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
No Tambah Mengajar
Pencarian
Master Data Mengajar
Kode Mengajar
Proses Nama Guru
Proses hapus
Mata Pelajaran ubah
Gambar 3.66 Perancangan antarmuka data mengajar
31. Perancangan antarmuka data kbm
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik tambah kbm maka akan
menuju T35
Klik ubah maka akan menuju T39
Agenda Kalender Logout
T31
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Tambah KBM Pencarian
Master Data KBM
Kode KBM
Proses Data Mengajar
Proses hapus
Data Detail Kelas ubah
Gambar 3.67 Perancangan antarmuka data kbm
32. Perancangan antarmuka tambah matapelajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT28
Agenda Kalender Logout
T32
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Form Matapelajaran
Nama Mata Pelajaran Reset
Submit
Form Upload Matapelajaran
Silahkan Pilih file excel Format Excel
Choose File download
No file choosen
Proses
Gambar 3.68 Perancangan antarmuka tambah matapelajaran
33. Perancangan antarmuka tambah data tahun ajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT29
Agenda Kalender Logout
T33
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Form Tahun Ajaran
Nama Tahun Ajaran Reset
Submit
Gambar 3.69 Perancangan antarmuka tambah data tahun ajaran
34. Perancangan antarmuka tambah data mengajar
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT30
Agenda Kalender Logout
T34
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Nama Guru Reset
Submit
Form Mengajar
Nama Pelajaran
Gambar 3.70 Perancangan antarmuka tambah data mengajar
35. Perancangan antarmuka tambah data kbm
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT31
Agenda Kalender Logout
T35
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Data Mengajar Reset
Submit
Form KBM
Data Detail Kelas
Pilih data mengajar Pilih data detail kelas
Gambar 3.71 Perancangan antarmuka tambah data kbm
36. Perancangan antarmuka ubah matapelajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT28
Agenda Kalender Logout
T36
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Form Edit Mata Pelajaran
Nama Pelajaran Submit
Gambar 3.72 Perancangan antarmuka ubah matapelajaran
37. Perancangan antarmuka ubah tahun ajaran
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT29
Agenda Kalender Logout
T37
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Form Edit Tahun Ajaran
Nama Tahun Ajaran Submit
Gambar 3.73 Perancangan antarmuka ubah tahun ajaran
38. Perancangan antarmuka ubah data mengajar
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT30
Agenda Kalender Logout
T38
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Nama Guru Submit
Form Edit Mengajar
Nama Pelajaran
Gambar 3.74 Perancangan antarmuka ubah data mengajar
39. Perancangan antarmuka ubah data kbm
Banner SMA Negeri 3 Karawang
Selamat datang wakasek kurikulum
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data matapelajaran
maka akan menuju T28
Klik data tahun
ajaran maka akan menuju T29
Klik data
mengajar maka akan menuju T30
Klik data kbm
maka akan menuju T31
Klik Logout maka
akan menuju T06
Klik submit maka akan menujuT31
Agenda Kalender Logout
T39
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Matapelajaran
Data Tahun Ajaran Data KBM
Data Mengajar
Data Mengajar Reset
Submit
Form Edit KBM
Data Detail Kelas
Pilih data mengajar Pilih data detail kelas
Gambar 3.75 Perancangan antarmuka ubah data kbm
40. Perancangan antarmuka login kepala sekolah
Banner SMA Negeri 3 Karawang
Selamat datang administrator E-Learning Sma Negeri 3 Karawang Selamat datang Kepala
Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik Indikator maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T40
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan Indikator
Gambar 3.76 Perancangan antarmuka login kepala sekolah
41. Perancangan antarmuka data monitoring guru
Banner SMA Negeri 3 Karawang
Selamat datang Kepala Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik Indikator Maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T41
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan
No NIP
Nama Guru TTL
Email
Data Guru
Indikator
Gambar 3.77 Perancangan antarmuka data monitoring guru
42. Perancangan antarmuka data monitoring materi
Banner SMA Negeri 3 Karawang
Grafik Diagram Batang Unggah Materi Selamat datang Kepala
Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik indikator maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T42
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan Indikator
Indikator
Gambar 3.78 Perancangan antarmuka data monitoring materi
43. Perancangan antarmuka data monitoring latihan
Banner SMA Negeri 3 Karawang
Grafik Diagram Batang Unggah Latihan Selamat datang Kepala
Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik indikator maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T43
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan indikator
Indikator
Gambar 3.79 Perancangan antarmuka data monitoring latihan
44. Perancangan antarmuka monitoring tugas
Banner SMA Negeri 3 Karawang
Grafik Diagram Batang Unggah Tugas Selamat datang Kepala
Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik indikator maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T44
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan Indikator
Indikator
Gambar 3.80 Perancangan antarmuka monitoring tugas
45. Perancangan antarmuka login guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kelas yang anda ajar maka
akan menuju T48 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T45
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Kelas Pengumuman
Materi Tugas
Latihan
Aktifitas anda di E-learning ini :
Kelas yang anda ajar :
Data akun
Gambar 3.81 Perancangan antarmuka login guru
46. Perancangan antarmuka ubah profil guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik ubah data maka akan
menuju T45 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T46
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Data Pribadi
NIP Nama lengkap wajib diisi
Tempat Lahir wajib diisi Tanggal lahir wajib diisi
Jenis kelamin wajib diisi
Ubah data Agama
Alamat Email
Foto sekarang Pendidikan
Upload foto baru Choose file
Telepon
Gambar 3.82 Perancangan antarmuka ubah profil guru
47. Perancangan antarmuka ubah password guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik proses maka akan menuju T45
Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T47
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Masukkan password lama wajib diisi
Masukkan password baru wajib diisi Ulangi password baru wajib diisi
Proses
Gambar 3.83 Perancangan antarmuka ubah password guru
48. Perancangan antarmuka masuk kelas ajar
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kelas yang anda ajar maka
akan menuju T48
Klik pengumuman
maka akan menuju T49
Klik materi maka
akan menuju T50
Klik Tugas maka akan menuju T51
Klik Latihan Maka
akan menuju T52
Klik Diskusi maka akan menuju T53
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T48
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Kelas Pengumuman
Materi Tugas
Latihan
Aktifitas anda di E-learning ini :
Kelas yang anda ajar :
Data akun
Pengumuman Materi
Tugas Latihan
Diskusi
Gambar 3.84 Perancangan antarmukamasuk kelas ajar
49. Perancangan antarmuka pengumuman guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan, edit, hapus maka akan
menuju T49 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T49
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Judul Pengumuman
Isi Pengumuman
Kelas yang di ajar Form Pengumuman
Simpan Pengumuman
Daftar pengumuman
Judul Aksi
hapus Isi
ubah Tanggal
Gambar 3.85 Perancangan antarmuka pengumuman guru
50. Perancangan antarmuka materi guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan, edit, hapus,download
maka akan menuju T50
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T50
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Judul materi
Deskripsi Materi
Kelas yang di ajar Form materi
SimpanMateri
Daftar Materi
Judul Aksi
hapus Deskripsi
ubah Tanggal
Choose file File Materi
download
Gambar 3.86 Perancangan antarmuka materi guru
51. Perancangan antarmuka tugas guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan, edit, hapus,download
maka akan menuju T51
Klik daftar tugas
siswa maka akan menuju T54
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T51
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Judul Tugas
Deskripsi Tugas
Kelas yang di ajar Form Tugas
Simpan Tugas
Daftar Tugas
Judul Aksi
Daftar Siswa Deskripsi
Hapus Tanggal
Choose file File Tugas
download ubah
Gambar 3.87 Perancangan antarmuka tugas guru
52. Perancangan antarmuka latihan guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik tambah soal maka akan
menuju T55
Klik Ubah soal maka akan
menuju 56
Klik Hapus maka akan menuju T52
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T52
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Judul Latihan
Isi Latihan
Kelas yang di ajar Form Latihan
Simpan Latihan
Daftar Latihan
Judul Aksi
Ubah soal Isi
Ubah Judul Tanggal
hapus Tambah Soal
Durasi waktu pengerjaan
Gambar 3.88 Perancangan antarmuka latihan guru
53. Perancangan antarmuka diskusi guru
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik tambah soal maka akan
menuju T55
Klik Ubah soal maka akan
menuju 56
Klik Hapus maka akan menuju T52
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T52
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun Judul Latihan
Isi Latihan
Kelas yang di ajar Form Latihan
Simpan Latihan
Daftar Latihan
Judul Aksi
Ubah soal Isi
Ubah Judul Tanggal
hapus Tambah Soal
Gambar 3.89 Perancangan antarmuka diskusi guru
54. Perancangan antarmuka daftar tugas siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan, edit, hapus,download
maka akan menuju T51
Klik daftar tugas
siswa maka akan menuju T54
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T54
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun
Kelas yang di ajar Form Tugas
Daftar Tugas Siswa
Simpan Tugas
Daftar Tugas
Judul Aksi
Daftar Siswa Deskripsi
hapus Tanggal
download ubah
Gambar 3.90 Perancangan antarmuka daftar tugas siswa
55. Perancangan antarmuka tambah soal latihan
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan maka akan menuju T52
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T55
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun
Kelas yang di ajar Form Latihan
SOAL LATIHAN Choose file
Gambar 3.91 Perancangan antarmuka tambah soal latihan
56. Perancangan antarmuka ubah soal latihan
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik ubah maka akan menuju T55
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T56
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun
Kelas yang di ajar Form Latihan
SOAL LATIHAN
Daftar Soal Yang Ingin Di ubah
Ubah Hapus
Gambar 3.92 Perancangan antarmuka ubah soal latihan
57. Perancangan antarmuka tambah forum diskusi
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan maka akan menuju T53
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T57
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun
Kelas yang anda ajar Forum Diskusi
Isi Reset
Judul Simpan
Gambar 3.93 Perancangan antarmuka tambah forum diskusi
58. Perancangan antarmuka tambah komentar
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan maka akan menuju T58
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T58
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIP
Nama guru Logout
Data akun
Kelas yang anda ajar Forum Diskusi
Isi Reset
Judul Simpan
Tambah Komentar
Judul Pesan
Komentar
Tanggal Nama
Judul Pesan
Gambar 3.94 Perancangan antarmuka tambah komentar
59. Perancangan antarmuka login siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kelas yang anda ikuti maka
akan menuju T62 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T59
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Kelas yang anda ikuti :
Data akun
Gambar 3.95 Perancangan antarmuka login siswa
60. Perancangan antar muka ubah profil siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik ubah data maka akan
menuju T59 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender 60
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama SIswa Logout
Data akun
Data Pribadi
NIS Nama lengkap wajib diisi
Tempat Lahir wajib diisi Tanggal lahir wajib diisi
Jenis kelamin wajib diisi
Ubah data Agama
Alamat Email
Foto sekarang Upload foto baru
Choose file Telepon
Gambar 3.96 Perancangan antarmuka ubah profil siswa
61. Perancangan antarmuka ubah password siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik ubah data maka akan
menuju T59 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T61
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun Masukkan password lama wajib diisi
Masukkan password baru wajib diisi Ulangi password baru wajib diisi
Proses
Gambar 3.97 Perancangan antarmuka ubah password siswa
62. Perancangan antarmuka masuk kelas ajar
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik pengumuman
maka akan menuju T63
Klik Materi maka
akan menuju T64
Klik Tugas maka akan menuju T65
Klik latihan maka
akan menuju T66
Klik diskusi maka akan menuju T67
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T62
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Kelas yang anda ikuti
Data akun Pengumuman
Materi Tugas
Latihan Diskusi
Gambar 3.98 Perancangan antarmuka masuk kelas ajar
63. Perancangan antarmuka pengumuman siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kembali maka akan
menuju T62 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T63
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Daftar Pengumuman
Data akun
Kelas yang anda ikuti Form Pengumuman
kembali
Gambar 3.99 Perancangan antarmuka pengumuman siswa
64. Perancangan antarmuka materi siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kembali maka akan
menuju T62 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T64
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Daftar Materi
Data akun
Kelas yang anda ikuti Form Materi
kembali
Gambar 3.100 Perancangan antarmuka materi siswa
65. Perancangan antarmuka tugas siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kirim tugas maka akan
menuju T68 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T65
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Daftar Tugas
Data akun
Kelas yang anda ikuti Form Tugas
download Kirim tugas
Gambar 3.101 Perancangan antarmuka tugas siswa
66. Perancangan antarmuka latihan siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik kerjakan latihan maka
akan menuju T69 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T66
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Daftar Latihan
Data akun
Kelas yang anda ikuti Form Latihan
Kerjakan Latihan
Gambar 3.102 Perancangan antarmuka latihan siswa
67. Perancangan antarmuka diskusi siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik buat forum diskusi baru
maka akan menuju T70
Klik masuk
diskusi maka akan menuju T71
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T67
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun
Kelas yang anda ikuti Form Diskusi
Judul Aksi
Isi Diskusi Tanggal
Masuk Diskusi Ini
Buat Forum Diskusi Baru
Gambar 3.103 Perancangan antarmuka diskusi siswa
68. Perancangan antarmuka kirim tugas siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T68
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun
Kelas yang anda ikuti Form Tugas
Daftar Tugas
download Kirim tugas
Nama Tugas File Tugas
Choose file Simpan tugas
Gambar 3.104 Perancangan antarmuka kirim tugas siswa
69. Perancangan antarmuka kerjakan latihan
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01 Halaman Utama
Akun Daftar Kelas Online
Daftar Guru Online Daftar Siswa Online
Agenda Kalender T69
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun
Soal Latihan Pertanyaan
selesai berikutnya
Jawaban
sebelumnya Sisa waktu
mulai waktu
Gambar 3.105 Perancangan antarmuka kerjakan latihan
70. Perancangan antarmuka tambah forum diskusi
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T59
Klik Akun pilih ubah profil maka
akan menuju T60
Klik akun pilih ubah password
maka akan menuju T61
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan maka akan menuju T67
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T70
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun
Kelas yang anda ikuti Forum Diskusi
Isi Reset
Judul Simpan
Gambar 3.106 Perancangan antarmuka tambah forum diskusi
71. Perancangan antarmuka tambah komentar siswa
Banner SMA Negeri 3 Karawang
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik halaman utama maka
akan menuju T45
Klik Akun pilih ubah profil maka
akan menuju T46
Klik akun pilih ubah password
maka akan menuju T47
Klik Daftar Kelas
Online maka akan menuju T03
Klik Daftar Guru
Online maka akan menuju T04
Klik Daftar Siswa
Online maka akan menuju T05
Klik logout maka
akan menuju T01
Klik simpan maka akan menuju T71
Halaman Utama Akun
Daftar Kelas Online Daftar Guru Online
Daftar Siswa Online
Agenda Kalender T71
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo
Foto NIS
Nama Siswa Logout
Data akun
Kelas yang anda ikuti Forum Diskusi
Isi Reset
Judul Simpan
Tambah Komentar
Judul Pesan
Komentar
Tanggal Nama
Judul Pesan
Gambar 3.107 Perancangan antarmuka tambah komentar siswa
72. Perancangan antarmuka Indikator Kepala Sekolah
Banner SMA Negeri 3 Karawang NO
Selamat datang Kepala Sekolah
Copyright © 2013 SMA Negeri 3 Karawang. Design By SMA Negeri 3 Karawang
Klik data guru maka akan
menuju T41
Klik indikator maka akan
menuju T72
Klik data materi maka akan
menuju T42
Klik data latihan maka akan
menuju T43
Klik data tugas maka akan
menuju T44
Klik logout maka akan menuju T06
Agenda Kalender Logout
T72
-Ukuran form 1024 x 768, warna background abu-abu -Fonts Times New Roman ukuran 12
logo Data Guru
Data Materi Data Tugas
Data Latihan Indikator
Keterangan Nilai
Indikator ubah
Gambar 3.108 Perancangan antarmuka data monitoring materi
Perancangan Pesan
Pesan x
Username, password dan hak akses tidak sesuai
OK Pesan
x Data berhasil di hapus
OK Pesan
x Anda yakin menghapus data ini ?
OK Pesan
x Perubahan data berhasil
dilakukan OK
Pesan x
Password anda berhasil di ubah OK
Pesan x
Anda yakin mengubah data ini ? OK
Pesan x
Penambahan pengumuman berhasil dilakukan
OK Pesan
x Penambahan materi berhasil
dilakukan OK
Pesan x
Penambahan tugas berhasil dilakukan
OK Pesan
x Penambahan latihan berhasil
dilakukan OK
Pesan x
Anda yakin menambah soal pada latihan ini ?
OK Pesan
x Anda yakin mengubah soal pada
latihan ini ? OK
Pesan x
Penambahan forum tanya berhasil dilakukan
OK Pesan
x Latihan berhasil di hapus
OK Pesan
x Penambahan komentar berhasil
dilakukan OK
Pesan M1
Pesan M15 Pesan M14
Pesan M13 Pesan M12
Pesan M10 Pesan M9
Pesan M8 Pesan M7
Pesan M6 Pesan M5
Pesan M4 Pesan M3
Pesan M2
Pesan M11
Pesan x
Username dan password tidak sesuai
OK
Pesan M16
Gambar 3.109 Perancangan pesan
3.2.12 Jaringan Semantik
Jaringan semantik pada sistem e-learning SMA Negeri 3 Karawang adalah sebagai berikut:
a. Jaringan semantik admin
T07
T09 T08
M01
M02 M0 2 M03
Gambar 3.110 jaringan semantik admin
b. Jaringan wakasek kesiswaan
T14 M01
T15
M02 M03 M04 M06
T16
M02 M03 M04 M06
T17
M02 M03 M04 M06
18
M02 M03 M04 M06
Gambar 3.111 jaringan semantik wakasek Kesiswaan
c. Jaringan semantik wakasek kurikulum
T27 M01
T28
M02 M03 M04 M06
T29
M02 M03 M04 M06
T30
M02 M03 M04 M06
T31
M02 M03 M04 M06
Gambar 3.112 jaringan semantik wakasek kurikulum
d. Jaringan semantik Kepala sekolah
T40 M01
T41 T42
T43 T44
Gambar 3.113 jaringan semantik kepala sekolah
e. Jaringan semantik guru
T45 M16
T46
M06
T47
M07
T03 T05
T48
T49
M06 M07
T50 M06 M08
T51 M06 M09
T52
M06 M10 M11M12 M13
T53
M14 M15
T04
Gambar 3.114 jaringan semantik guru
f. Jaringan semantik siswa
T59 M16
T60
M06
T61
M07
T03 T05
T62
T63 T64
T65 T66
M06 M10 M11M12 M13
T67
M14 M15
T04
Gambar 3.115 jaringan semantik siswa
3.2.13 Perancangan prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan kedalam suatu program.
Adapun perancangan prosedural untuk sistem e-learning SMA Negeri 3 Karawang yang akan dibangun adalah sebagai berikut :
1. Prosedural login guru dan siswa, merupakan prosedur yang terjadi ketika guru atau siswa akan mengakses aplikasi.
mulai
selesai username
dan password
Valid?
ya tidak
Verifikasi username dan password
Tampil pesan login gagal
Tampil halaman beranda
Gambar 3.116 Prosedur login
2. Prosedural tambah, prosedur ini dilakukan ketika penggunaakan melakukan penambahan data.
mulai
selesai tambah
data
Valid? ya
tidak Cek data
simpan data pesan data
gagal ditambahkan
pesan data berhasil
ditambahkan
Gambar 3.117 Prosedur Penambahan Data
3. Prosedural ubah, prosedur ini dilakukan ketika pengguna akan melakukan perubahan data.
mulai
selesai Data
ditemukan ? ya
tidak Pencarian data
Data berhasil Diubah?
ya tidak
Ubah data
Pesan data tidak
ditemukan
Data gagal diubah
Data telah diubah
Data yang akan diubah
Data yang dicari
Gambar 3.118 Prosedur Pengubahan Data
4. Prosedural hapus, prosedur ini dilakukan ketika user akan melakukan penghapusan data.
mulai
selesai Data
ditemukan ? ya
tidak Pencarian data
Data berhasil dihapus?
ya tidak
hapus data
Pesan data tidak
ditemukan
Data yang akan dihapus
Data gagal dihapus
Data telah dihapus
Data yang dicari
Gambar 3.119 Prosedur Penghapusan Data
5. Prosedural cari, prosedur ini dilakukan ketika user akan melakukan
pencarian data.
mulai
selesai Data
ditemukan? ya
tidak Pencarian data
pesan data yang dicari tidak
ditemukan
Tampil data yang dicari
data yang dicari
Gambar 3.120 Prosedur Pencarian Data
183
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan
selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru
dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan selanjutnya.
4.1 Implementasi Sistem
Implementasi sistem merupakan tahap pembanagunan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap
dimana sistem siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi perancangan, sistem sehingga pengguna dapat memberi masukan
pada pengembangan sistem yang sedang dibangun.
4.1.1 Kebutuhan Perangkat Keras
Spesifikasi kebutuhan perangkat keras yang digunakan untuk
pembangunan aplikasi e-learning sebagai sarana proses belajar mengajar di SMA Negeri 3 Karawang adalah sebagai berikut:
Tabel 4.1 Spesifikasi Perangkat Keras Perangkat Keras
Yang Digunakan Yang Dibutuhkan
Processor Kecepatan 2.70 GHz
Kecepatan 2.70 GHz RAM
DDR2 1 GB 1 GB
Harddisk 160 GB
160 GB VGA
128 Mb 128 Mb
Koneksi Internet 64 Kbps
64 Kbps Lan Card
10100 Mbps 10100 Mbps
184
4.1.2 Kebutuhan Perangkat Lunak
Spesifikasi kebutuhan perangkat keras yang digunakan untuk
pembangunan aplikasi e-learning sebagai sarana proses belajar mengajar di SMA Negeri 3 Karawang adalah sebagai berikut:
Tabel 4. 2 Spesifikasi Perangkat Lunak No
Perangkat Lunak Keterangan
1 Sistem Operasi
Windows XP 2
Bahasa Pemrograman PHP, Javascript,CSS
3 Web Server
XAMPP 1.7.4 4
Database Server MySql
5.0.51a 5
Web Browser Google Chrome, Mozilla Firefox
6 Code Editor
Macromedia Dreamweaver 8
4.1.3 Implementasi Basis Data
Basis data yang digunakan dalam pembangunan aplikasi e-learning di SMA Negeri 3 Karawang menggunakan aplikasi DBMS MYSQL. Implementasi
dalam bahasa SQL adalah sebagai berikut:
185
Tabel 4. 3 Implementasi Basis Data No
Nama Tabel Hasil Pembangkitan
1 Admin
CREATE TABLE IF NOT EXISTS `admin` `username` varchar50 NOT NULL,
`password` varchar50 NOT NULL, `email` varchar 100 Not Null
`nama` varchar50 NOT NULL, `level` int 11 NOT NULL,
`kode_tahun_ajaran int 11 NOT NULL, PRIMARY KEY `username`
ENGINE=InnoDB DEFAULT CHARSET=latin1 2
Guru CREATE TABLE IF NOT EXISTS `guru`
`nip` varchar15 NOT NULL DEFAULT , `password` varchar50 DEFAULT NULL,
`nama` varchar30 DEFAULT NULL, `tempat_lahir` varchar30 DEFAULT NULL,
`tanggal_lahir` varchar15 DEFAULT NULL, `jenis_kelamin` enumpria,wanita
DEFAULT NULL, `agama`
enumislam,katolik,protestan,hindu, budha DEFAULT NULL,
`status` varchar15 DEFAULT NULL, `alamat` varchar50 DEFAULT NULL,
`email` varchar30 DEFAULT NULL, `foto` varchar30 DEFAULT NULL,
`telepon` varchar15 DEFAULT NULL, `pendidikan` varchar5 DEFAULT NULL,
PRIMARY KEY `nip` ENGINE=InnoDB DEFAULT CHARSET=latin1;
3 Siswa
CREATE TABLE IF NOT EXISTS `siswa` `nis` varchar15 NOT NULL,
`password` varchar50 NOT NULL, `nama` varchar30 NOT NULL,
`tempat_lahir` varchar30 NOT NULL, `tanggal_lahir` varchar20 NOT NULL,
`jenis_kelamin` enumpria,wanita NOT NULL,
`agama` enumislam,katolik,protestan,hindu,
budha NOT NULL, `alamat` varchar50 NOT NULL,
`kota` varchar30 NOT NULL, `email` varchar30 NOT NULL,
`telepon` varchar15 NOT NULL,
186
`foto` varchar30 NOT NULL, `status` varchar15 NOT NULL,
PRIMARY KEY `nis`, UNIQUE KEY `email` `email`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
4 KBM
CREATE TABLE IF NOT EXISTS `kbm` `kode_kbm` varchar30 NOT NULL,
`kode_mengajar` varchar45 NOT NULL, `kode_detail_kelas` int11 NOT NULL,
`nama_detail_kelas` varchar45 NOT NULL,
`sebagai` varchar20 DEFAULT NULL, PRIMARY KEY `kode_kbm`,
KEY `fk_kbm_mengajar1` `kode_mengajar`,
KEY `fk_kbm_detail_kelas1` `kode_detail_kelas`,`nama_detail_kelas`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `kbm`
ADD CONSTRAINT `fk_kbm_detail_kelas1` FOREIGN KEY `kode_detail_kelas`,
`nama_detail_kelas` REFERENCES `detail_kelas` `kode_detail_kelas`,
`nama_detail_kelas` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_kbm_mengajar1` FOREIGN KEY `kode_mengajar` REFERENCES
`mengajar` `kode_mengajar` ON DELETE CASCADE ON UPDATE CASCADE;
5 Log_login
CREATE TABLE IF NOT EXISTS `log_login` `ip` varchar20 NOT NULL AUTO_INCREMENT,
`tanggal ` date NOT NULL, ‘hits’ int10 NOT NULL,
‘online’ varchar225 NOT NULL, PRIMARY KEY `ip`,
KEY `fk_log_login_guru1` `user_id`, KEY `fk_log_login_siswa1` `user_id`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `log_login`
ADD CONSTRAINT `fk_log_login_guru1` FOREIGN KEY `user_id` REFERENCES `guru`
`nip` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT `fk_log_login_siswa1`
FOREIGN KEY `user_id` REFERENCES `siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE;
6 Detail_kelas
CREATE TABLE IF NOT EXISTS `detail_kelas`
`kode_detail_kelas` int11 NOT NULL AUTO_INCREMENT,
187
`nama_detail_kelas` varchar45 NOT NULL,
`kode_kelas` int11 NOT NULL, `nis` varchar15 DEFAULT NULL,
`kode_tahun_ajaran` int11 NOT NULL, PRIMARY KEY
`kode_detail_kelas`,`nama_detail_kelas` ,
KEY `fk_detail_kelas_jurusan1` `kode_jurusan`,
KEY `fk_detail_kelas_tahun_ajaran1` `kode_tahun_ajaran`,
KEY `fk_detail_kelas_kelas1` `kode_kelas`,
KEY `fk_detail_kelas_siswa1` `nis` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=114 ; ALTER TABLE `detail_kelas`
ADD CONSTRAINT `fk_detail_kelas_siswa1` FOREIGN KEY
`nis` REFERENCES `siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_detail_kelas_kelas1` FOREIGN KEY
`kode_kelas` REFERENCES `kelas` `kode_kelas` ON DELETE CASCADE ON
UPDATE CASCADE, ADD CONSTRAINT
`fk_detail_kelas_tahun_ajaran1` FOREIGN KEY `kode_tahun_ajaran` REFERENCES
`tahun_ajaran` `kode_tahun_ajaran` ON DELETE CASCADE ON UPDATE CASCADE;
7 Kelas
CREATE TABLE IF NOT EXISTS `kelas` `kode_kelas` int11 NOT NULL
AUTO_INCREMENT, `kelas` varchar30 NOT NULL,
PRIMARY KEY `kode_kelas` ENGINE=InnoDB DEFAULT CHARSET=latin1;
8 Matapelajaran
CREATE TABLE IF NOT EXISTS `matapelajaran` `kode_pelajaran` int11 NOT NULL
AUTO_INCREMENT, `nama_pelajaran` varchar45 NOT NULL,
PRIMARY KEY `kode_pelajaran` ENGINE=InnoDB DEFAULT CHARSET=latin1;
9 Detail_Tugas
CREATE TABLE IF NOT EXISTS `detail_tugas` `kode_detail_tugas` varchar50 NOT NULL,
`kode_tugas` varchar50 NOT NULL, `nis` varchar15 NOT NULL,
`nama` varchar50 DEFAULT NULL,
188
`tanggal_mengumpulkan` date DEFAULT NULL, `file` varchar100 DEFAULT NULL,
`nilai` int3 DEFAULT NULL, PRIMARY KEY `kode_detail_tugas`,
KEY `fk_detail_tugas_tugas1` `kode_tugas`,
KEY `fk_detail_tugas_siswa1` `nis` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `detail_tugas` ADD CONSTRAINT `fk_detail_tugas_siswa1`
FOREIGN KEY `nis` REFERENCES `siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_detail_tugas_tugas1` FOREIGN KEY `kode_tugas` REFERENCES
`tugas` `kode_tugas` ON DELETE CASCADE ON UPDATE CASCADE;
10 Detail_latihan
CREATE TABLE IF NOT EXISTS `detail_latihan` `kode_detail_latihan` varchar50 NOT
NULL, `kode_latihan` varchar50 NOT NULL,
`nis` varchar100 NOT NULL, `tanggal_mengerjakan` date DEFAULT NULL,
`nilai` int3 DEFAULT NULL, PRIMARY KEY `kode_detail_latihan`,
KEY `fk_detail_latihan_latihan1` `kode_latihan`,
KEY `fk_detail_latihan_detail_siswa1` `nis`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `detail_latihan`
ADD CONSTRAINT `detail_latihan_ibfk_1` FOREIGN KEY `nis` REFERENCES `siswa`
`nis` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT
`fk_detail_latihan_latihan1` FOREIGN KEY `kode_latihan` REFERENCES `latihan`
`kode_latihan` ON DELETE CASCADE ON UPDATE CASCADE;
11 Mengajar
CREATE TABLE IF NOT EXISTS `mengajar` `kode_mengajar` varchar50 NOT NULL,
`nip` varchar15 NOT NULL, `kode_pelajaran` int11 NOT NULL,
PRIMARY KEY `kode_mengajar`, KEY `fk_mengajar_guru1` `nip`,
KEY `fk_mengajar_matapelajaran1` `kode_pelajaran`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `mengajar`
ADD CONSTRAINT `fk_mengajar_guru1` FOREIGN KEY `nip` REFERENCES `guru` `nip` ON
DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT
`fk_mengajar_matapelajaran1` FOREIGN KEY `kode_pelajaran` REFERENCES
`matapelajaran` `kode_pelajaran` ON DELETE
189
CASCADE ON UPDATE CASCADE; 12
Tahun_ajaran CREATE TABLE IF NOT EXISTS `tahun_ajaran`
`kode_tahun_ajaran` int11 NOT NULL AUTO_INCREMENT,
`nama_tahun_ajaran` varchar45 NOT NULL, `status` varchar1 NOT NULL,
PRIMARY KEY `kode_tahun_ajaran` ENGINE=InnoDB DEFAULT CHARSET=latin1;
13 Materi
CREATE TABLE IF NOT EXISTS `materi` `kode_materi` varchar50 NOT NULL,
`kode_kbm` varchar30 NOT NULL, `tanggal` date DEFAULT NULL,
`judul` varchar100 DEFAULT NULL, `isi` text,
`file` text, PRIMARY KEY `kode_materi`,
KEY `fk_materi_kbm1` `kode_kbm` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `materi` ADD CONSTRAINT `fk_materi_kbm1`
FOREIGN KEY `kode_kbm` REFERENCES `kbm` `kode_kbm` ON DELETE CASCADE ON
UPDATE CASCADE;
14 Pengumuman
CREATE TABLE IF NOT EXISTS `pengumuman` `kode_pengumuman` varchar50 NOT
NULL, `kode_kbm` varchar30 NOT NULL,
`tanggal` date DEFAULT NULL, `judul` varchar100 DEFAULT NULL,
`isi` text, PRIMARY KEY `kode_pengumuman`,
KEY `fk_pengumuman_kbm1` `kode_kbm` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `pengumuman` ADD CONSTRAINT `fk_pengumuman_kbm1`
FOREIGN KEY `kode_kbm` REFERENCES `kbm` `kode_kbm` ON DELETE CASCADE ON
UPDATE CASCADE;
15 Tugas
CREATE TABLE IF NOT EXISTS `tugas` `kode_tugas` varchar50 NOT NULL,
`kode_kbm` varchar30 NOT NULL, `tanggal` date DEFAULT NULL,
`judul` varchar100 DEFAULT NULL, `isi` text,
`file` varchar100 DEFAULT NULL, PRIMARY KEY `kode_tugas`,
KEY `fk_tugas_kbm1` `kode_kbm`
190
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `tugas`
ADD CONSTRAINT `fk_tugas_detail_kelas1` FOREIGN KEY `kode_kbm` REFERENCES
`detail_kelas` `kode_kbm` ON DELETE CASCADE ON UPDATE CASCADE;
16 Latihan
CREATE TABLE IF NOT EXISTS `latihan` `kode_latihan` varchar50 NOT NULL,
`kode_kbm` varchar30 NOT NULL, `tanggal` date DEFAULT NULL,
`judul` varchar100 DEFAULT NULL, `isi` text,
`waktu` int2NOT NULL PRIMARY KEY `kode_latihan`,
KEY `fk_latihan_kbm1` `kode_kbm` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `latihan` ADD CONSTRAINT `fk_latihan_kbm1`
FOREIGN KEY `kode_kbm` REFERENCES `kbm` `kode_kbm` ON DELETE CASCADE ON
UPDATE CASCADE;
17 soal
CREATE TABLE IF NOT EXISTS `soal` `kode_soal` varchar50 NOT NULL,
`kode_latihan` varchar50 DEFAULT NULL, `pertanyaan` text,
`jawaban_a` varchar200 DEFAULT NULL, `jawaban_b` varchar200 DEFAULT NULL,
`jawaban_c` varchar200 DEFAULT NULL, `jawaban_d` varchar200 DEFAULT NULL,
`jawaban_e` varchar200 DEFAULT NULL, `jawaban` varchar1 DEFAULT NULL,
`file` varchar 500 DEFAULT NULL PRIMARY KEY `kode_soal`,
KEY `fk_soal_latihan1` `kode_latihan` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `soal` ADD CONSTRAINT `fk_soal_latihan1` FOREIGN
KEY `kode_latihan` REFERENCES `latihan` `kode_latihan` ON DELETE CASCADE ON UPDATE
CASCADE;
18 Forum_tanya
CREATE TABLE IF NOT EXISTS `forum_tanya` `kode_forum` int11 NOT NULL
AUTO_INCREMENT, `sebagai` varchar20 DEFAULT NULL,
`tanggal` date NOT NULL, `user_id` varchar15 NOT NULL,
`judul` varchar100 DEFAULT NULL, `isi` text,
`kode_kbm` varchar30 NOT NULL PRIMARY KEY `kode_forum`,
KEY `fk_forum_kbm1` `kode_kbm`, KEY `fk_forum_guru1` `user_id`,
KEY `fk_forum_siswa1` `user_id` ENGINE=InnoDB DEFAULT CHARSET=latin1;
191
ALTER TABLE `forum_tanya` ADD CONSTRAINT `fk_forum_kbm1` FOREIGN KEY
`kode_kbm` REFERENCES `detail_kelas` `kode_detail_kelas` ON DELETE CASCADE ON
UPDATE CASCADE, ADD CONSTRAINT `fk_forum_guru1` FOREIGN
KEY `user_id` REFERENCES `guru` `nip` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_forum_siswa1` FOREIGN KEY `user_id` REFERENCES `siswa` `nis`
ON DELETE CASCADE ON UPDATE CASCADE;
19 Berita
CREATE TABLE IF NOT EXISTS `berita` `kode_berita` int11 NOT NULL
AUTO_INCREMENT, `tanggal` date NOT NULL,
`judul` varchar100 NOT NULL, `isi` text,
`username` varchar50 NOT NULL, PRIMARY KEY `kode_berita`,
KEY `fk_berita_admin1` `username` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `berita` ADD CONSTRAINT `fk_berita_admin1` FOREIGN
KEY `username` REFERENCES `admin` `username` ON DELETE NO ACTION ON UPDATE
NO ACTION;
20 Forum_jawab
CREATE TABLE IF NOT EXISTS `forum_jawab` `kode_forum_jawab` int11 NOT NULL
AUTO_INCREMENT, `kode_forum` int11 NOT NULL,
`sebagai` varchar20 DEFAULT NULL, `tanggal` date NOT NULL,
`user_id` varchar15 NOT NULL, `judul` varchar100 DEFAULT NULL,
`isi` text, DEFAULT NULL PRIMARY KEY `kode_forum_jawab`,
KEY `fk_pesan_forum_forum1` `kode_forum`,
KEY `fk_Pesan_forum_guru1` `user_id`, KEY `fk_Pesan_forum_siswa1` `user_id`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `Pesan_forum`
ADD CONSTRAINT `fk_pesan_forum_forum1` FOREIGN KEY `kode_forum` REFERENCES
`Pesan_forum` `kode_forum` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_Pesan_forum_guru1` FOREIGN KEY `user_id` REFERENCES `guru`
`nip` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT `fk_Pesan_forum_siswa1`
FOREIGN KEY `user_id` REFERENCES `siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE;
21 Log_soal
CREATE TABLE IF NOT EXISTS `log_soal`
192
`kode_log_soal` int11
NOT NULL
AUTO_INCREMENT, `kode_soal` varchar50 NOT NULL,
`kode_latihan` varchar50 NOT NULL, `nis` varchar15 NOT NULL,
`pertanyaan` text, `jawaban_a` varchar200 DEFAULT NULL,
`jawaban_b` varchar200 DEFAULT NULL, `jawaban_c` varchar200 DEFAULT NULL,
`jawaban_d` varchar200 DEFAULT NULL, `jawaban_e` varchar200 DEFAULT NULL,
`jawaban` varchar1 DEFAULT NULL, `file` varchar500 DEFAULT NULL,
PRIMARY KEY `kode_log_soal`, KEY `fk_log_soal_soal1` `kode_soal`,
KEY `fk_log_soal_latihan1`
`kode_latihan`, KEY `fk_log_soal_siswa1` `nis`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `log_soal`
ADD CONSTRAINT
`fk_log_soal_latihan1` FOREIGN
KEY `kode_latihan`
REFERENCES `latihan` `kode_latihan` ON DELETE CASCADE
ON UPDATE CASCADE, ADD
CONSTRAINT `fk_log_soal_siswa1`
FOREIGN KEY
`nis` REFERENCES
`siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE,
ADD CONSTRAINT `fk_log_soal_soal1` FOREIGN KEY `kode_soal` REFERENCES `soal`
`kode_soal` ON DELETE CASCADE ON UPDATE CASCADE;
22 Indikator
CREATE TABLE IF NOT EXISTS `indikator` `id_indikator` int11 NOT NULL
`nama`enum`materi`,`latihan`,`tugas`NOT NULL
`nilai` in11 NOT NULL `keterangan`
enum‘diatas’,`samadengan`,`dibawah`NOT NULL
`kesimpulan` varchar 100 NOT NULL PRIMARY KEY `id_indikator`,
193
4.1.4 Implementasi Antarmuka
Implementasi antarmuka dilakukan dengan setiap halaman e-learning SMA Negeri 3 Karawang yang dibuat. Berikut ini adalah implementasi antarmuka
untuk admin, wakasek kurikulum, wakasek kesiswaan, kepsek, guru, dan siswa. Adapun untuk tampilan implementasi pembangunan e-learning SMA Negeri 3
Karawang akan dilampirkan pada halaman lampiran A. 1. Implementasi Antarmuka Admin
Implementasi antarmuka yang terdapat pada perangkat lunak yang ditujukan untuk admin dapat dilihat pada tabel 4.4 berikut ini:
Tabel 4. 4 Antarmuka Admin
Fungsi Deskripsi
Proses File
Login Untuk menangani
login admin
1 login Index.php
Data User Untuk mengolah data
user
2
pengolahan Data User
index.php?admin
Data Tahun Ajaran
Untuk mengolah data tahun ajaran
11 Pengolahan data
tahun ajaran Index.php?tahun_ajar
an
Data Berita Untuk mengolah data
Berita 13 Pengolahan Data
Berita index.php?berita
2. Implementasi Antarmuka Wakasek Kurikulum Implementasi antarmuka yang terdapat pada perangkat lunak yang ditujukan
untuk admin dapat dilihat pada tabel 4.5 berikut ini:
Tabel 4. 5 Antarmuka Wakasek Kurikulum
Fungsi Deskripsi
Proses File
Login Untuk menangani proses login
guru 1 login
Index.php
194
Data Matapelajar
an Untuk mengolah data
matapelajaran 10 Data Matapelajaran index.php?
matapelajar an
Data Tahun Ajaran
Untuk mengolah data tahun ajaran
11 Data Tahun Ajaran index.php?t
ahun_ajara n
Data mengajar
Untuk mengolah data mengajar
14 Pengolahan Data Mengajar
index.php? mengajar
Data KBM Untuk mengolah data kbm
9 Pengolahan Data KBM
index.php? kbm
3. Implementasi Antarmuka Wakasek Kesiswaan Implementasi antarmuka yang terdapat pada perangkat lunak yang ditujukan
untuk admin dapat dilihat pada tabel 4.6 berikut ini:
Tabel 4. 6 Antarmuka Wakasek Kesiswaan
Fungsi Deskripsi
Proses File
Login Untuk menangani proses login
guru 1 login
Index.php Data Guru
Untuk mengolah data guru 3 Data Guru
index.php? guru
Data Siswa Untuk mengolah data siswa
4 Data Siswa index.php?
siswa Data Kelas
Untuk mengolah data Kelas 16 Pengolahan Data
Kelas index.php?
kelas Detail_kelas
Untuk mengolah Detail_kelas 15 Pengolahan Detail
Kelas index.php?
detail_kela s
4. Implementasi Antarmuka Kepala Sekolah Implementasi antarmuka yang terdapat pada perangkat lunak yang
ditujukan untuk kepala sekolah dapat dilihat pada tabel 4.7 berikut ini:
Tabel 4. 7 Antarmuka Kepala Sekolah
Fungsi Deskripsi
Proses File
Login untuk menangani proses login
kepala sekolah 1 login
Login.php
195
Data guru Untuk menampilkan data guru 3 Pengolahan monitoring
data guru Guru.php
Indikator Untuk mengolah data
Indikator 17 Pengolahan indikator
Indikator. php
Data materi Untuk menampilka data materi
guru 5Pengolahan monitoring
data materi Materi.ph
p Data tugas
Untuk menampilka data tugas guru
6 Pengolahan monitoring data tugas
Tugas.php Data latihan Untuk menampilka data
latihan guru 7 Pengolahan monitoring
data latihan Latihan
.php
5. Implemetasi Antarmuka Guru Implementasi antarmuka yang terdapat pada perangkat lunak yang
ditujukan untuk guru dapat dilihat pada tabel 4.8 berikut ini:
Tabel 4. 8 Antarmuka Guru
Fungsi Deskripsi
Proses File
Login Untuk menangani proses login
guru 1 login
guru.php Ubah Profil
Untuk mengubah profil pengguna
12.1 Ubah profil akun Akun_guru
.php Ubah
password Untuk mengubah password
pengguna 12.2 Ganti Password
Akun Password_
guru.php Kelas
mengajar Untuk mengolah data kelas
mengajar 14 Pengolahan Kelas
Mengajar guru2.php?
kbm Materi
Untuk mengolah data materi 5 Pengolahan Materi
materi_gur u.php
Tugas Untuk mengolah data tugas
6 Pengolahn Tugas List_tugas.
php Unduh tugas
siswa Untuk mengelola data tugas
siswa 6.1.5 unduh tugas
Tugas_gur u.php
Latihan Untuk mengelola data latihan
7 Pengolahan latihan Latihan_gu
ru.php Pengumuman
Untuk mengelola data pengumuman
13 Pengolahan Pengumuman
Pengumum an_guru.ph
p
196
Diskusi Untuk mengelola data diskusi
8 Pengolahan diskusi Diskusi_gu
ru.php
6. Implementasi Antarmuka Siswa Implementasi antarmuka yang terdapat pada perangkat lunak yang
ditujukan untuk siswa dapat dilihat pada tabel 4.9 berikut ini:
Tabel 4. 9Antarmuka Siswa
Fungsi Deskripsi
Proses File
Login Untuk menangani
proses login siswa 1 login
siswa.php Ubah Profil
Untuk mengubah profil pengguna
12.1 Ubah profil akun Akun
siswa.php Ubah password Untuk mengubah
password pengguna
12.2 Ganti Password Akun Password_sis wa.php
Masuk kelas yang diikuti
Untuk melakukan proses belajar
14 Masuk Kelas Mengajar siswa2.php?kb
m
Unduh materi Untuk mengolah data
materi 5.1.4 unduh materi
materi_siswa. php?kp
Unduh tugas Untuk mengolah data
tugas 6.1.5 unduh tugas
tugas_siswa.p hp?kp
Diskusi Untuk mengelola data
Diskusi 8 Pengolahan diskusi
diskusi_siswa. php?kp
4.2 Pengujian Sistem
Agar hasil implementasi benar-benar memenuhi kebutuhan maka dilakukan pengujian terhadap e-learning yang dibangun. Pengujian yang akan
dilakukan menggunakan pengujian black box dan pengujian beta.
4.2.1 Rencana Pengujian
Pengujian black box difokuskan pada persyaratan fungsional perangkat lunak yang dibangun. Rencana pengujian selengkapnya dapat dilihat pada tabel
4.10.
197
Tabel 4. 10 Rencana Pengujian Aplikasi e-learning Bagian Admin
Item Uji Detail Pengujian
Jenis Pengujian Login
Verifikasi username dan password Black Box
Pengolahan data user
Tambah data user Black Box
Ubah data user Black Box
Cari data User Black Box
Pengolahan Indikator
Ubah Indikator Black Box
Pengolahan data berita
Tambah data berita Black Box
Ubah data berita Black Box
Cari data berita Black Box
Hapus data berita Black Box
Tabel 4. 11 Rencana Pengujian Aplikasi e-learning Bagian Wakasek
Kurikulum
Item Uji Detail Pengujian
Jenis Pengujian Login
Verifikasi username dan password Black Box
Pengolahan data mata pelajaran
Tambah Data mata pelajaran Black Box
Ubah Data mata pelajaran Black Box
Cari data mata pelajaran Black Box
Hapus Data mata pelajaran Black Box
Pengolahan data tahun ajaran
Tambah Data tahun ajaran Black Box
Ubah Data tahun ajaran Black Box
Cari Data tahun ajaran Black Box
Hapus data tahun ajaran Black Box
Pengolahan data mengajar
Tambah data mengajar Black Box
Ubah data mengajar Black Box
Cari data mengajar Black Box
Hapus data mengajar Black Box
Pengolahan data kbm
Tambah data kbm Black Box
Ubah data kbm Black Box
Cari data kbm Black Box
198
Item Uji Detail Pengujian
Jenis Pengujian Hapus data kbm
Black Box
Tabel 4. 12 Rencana Pengujian Aplikasi e-learning Bagian Wakasek
Kesiswaan
Item Uji Detail Pengujian
Jenis Pengujian Login
Verifikasi username dan password Black Box
Pengolahan data guru
Import data guru
Black Box Tambah data guru
Black Box Ubah data guru
Black Box Cari data guru
Black Box Aktifasi data guru
Black Box Pengolahan data
siswa Import
data siswa Black Box
Tambah Data siswa Black Box
Ubah Data siswa Black Box
Cari Data siswa Black Box
Aktifasi Data siswa Black Box
Pengolahan data kelas
Tambah Data kelas Black Box
Ubah Data kelas Black Box
Cari Data kelas Black Box
Hapus Data kelas Black Box
Pengolahan data detail kelas
Tambah data detail kelas Black Box
Ubah data detail kelas Black Box
Cari data detail kelas Black Box
Hapus data detail kelas Black Box
Tabel 4. 13 Rencana Pengujian Aplikasi e-learning Bagian Guru
Item Uji Detail Pengujian
Jenis Pengujian Login
Verifikasi username dan password Black Box
199
Item Uji Detail Pengujian
Jenis Pengujian Ubah profil
Ubah profil Pengguna Black Box
Ubah password Ubah password pengguna
Black Box Pengolahan materi
Tambah data materi Black Box
Ubah data materi Black Box
Hapus data materi Black Box
Download data materi Black Box
Pengolahan tugas Tambah tugas
Black Box Ubah data tugas
Black Box Hapus tugas
Black Box Daftar tugas siswa
Black Box Download tugas
Black Box Pengolahan Latihan
Tambah Data Latihan Black Box
Ubah Data Latihan Black Box
Hapus Data Latihan Black Box
Tambah soal latihan Black Box
Ubah soal latihan Black Box
Pengolahan pengumuman
Tambah Data pengumuman Black Box
Ubah Data pengumuman Black Box
Hapus Data pengumuman Black Box
Diskusi Tambah forum diskusi
Black Box Tambah komentar
Black Box
Tabel 4. 14 Rencana Pengujian Aplikasi e-learning Bagian Siswa
Item Uji Detail Pengujian
Jenis Pengujian Login
Verifikasi username dan password Black Box
200
Item Uji Detail Pengujian
Jenis Pengujian Ubah profil
Ubah profil Pengguna Black Box
Ubah password Ubah password pengguna
Black Box Materi
Unduh Materi Black Box
Tugas Unduh Tugas
Black Box Kirim Tugas
Black Box Latihan
Kerjakan Latihan Black Box
Diskusi Tambah forum diskusi
Black Box Tambah komentar
Black Box
4.2.2 Kasus dan Hasil Pengujian
Berdasarkan rencana pengujian, maka dapat dilakukan pengujian Alpha pada aplikasi e-learning di SMA Negeri 3 Karawang sebagai berkut:
1. Pengujian Login bagian Admin
a. Login
Tabel 4. 15 Pengujian Login Admin
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Username: admin
Password: admin Sebagai : admin
Masuk ke menu admin yang
diinginkan Sistem menampilkan
menu admin sesuai yang di inginkan.
[ ] Diterima
[ ] Ditolak
Kasus Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Username : Kosong
Password: Kosong Sebagai : Kosong
Tidak dapat masuk dan menampilkan
pesan “Username dan
password tidak boleh kosong
” Halaman
admin tidak dapat di akses
dan menampilkan
pesan “Username
tidak boleh kosong ”
kembali ke tampilan login admin.
[ ] Diterima
[ ] Ditolak
Username : Kosong
Tidak dapat masuk dan menampilkan
Halaman admin
tidak dapat di akses [
] Diterima
201
Password: admin Sebagai : admin
pesan “Username
tidak boleh kosong ”
dan menampilkan
pesan “Username
tidak boleh kosong ”
kembali ke tampilan login admin.
[ ] Ditolak
Username: admin Password: admin
Sebagai: wak.kesiswaan
Tidak dapat masuk dan menampilkan
pesan “hak akses tidak sesuai”
Tidak dapat masuk dan menampilkan
pesan “hak akses tidak sesuai”
[ ] Diterima [
] Ditolak
Username : admin
Password: Kosong Sebagai : admin
Tidak dapat masuk dan menampilkan
pesan “Password tidak boleh kosong”
Halaman admin
tidak dapat di akses dan
menampilkan pesan
“Username tidak boleh kosong”
kembali ke tampilan login admin.
[ ] Diterima
[ ] Ditolak
Username : Salah
Password: Salah Sebagai : admin
Tidak dapat masuk dan menampilkan
pesan “Username ,Password dan hak
akses tidak sesuai”
Halaman admin
tidak dapat di akses dan
menampilkan pesan
“Username ,Password dan hak
akses tidak sesuai” kembali ke tampilan
login admin. [
] Diterima [ ] Ditolak
b. Pengujian Pengolahan data user
a. Pengujian Tambah Data User, yang dijelaskan pada tabel 4.16
Tabel 4. 16 Pengujian Tambah Data User
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan username : kepsek
Password : 12345 Ulangi Password :
12345 Nama Lengkap: Nedi
Sebagai : Kepala sekolah
Data user disimpan. Kembali ke form
data user. Tampil pesan sukses :
“Data User Berhasil ditambah
.” Data user disimpan.
Kembali ke form data user. Tampil pesan
sukses : “data user berhasil ditambah .
” [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapakan Pengamatan
Kesimpulan
202
username :kosong Password : kosong
Ulangi Password : kosong
Nama Lengkap: kosong Sebagai : kosong
Akan menampilkan pesan “username
tidak boleh k
osong”,”passwordti dak boleh
kosong”,”Nama tidak boleh
kosong”,”sebagai tidak boleh kosong
Akan menampilkan pesan “username tidak
boleh kosong”,”passwordtid
ak boleh kosong”,”Nama tidak
boleh kosong”,”sebagai
tidak boleh kosong [
] Diterima [ ] Ditolak
username :kosong Password : 12345
Ulangi Password : 12345
Nama Lengkap: Nedi Sebagai : Kepala
sekolah Akan menampilkan
pesan “Username tidak boleh kosong”
Akan menampilkan pesan “username
tidakboleh kosong” [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapakan Pengamatan
Kesimpulan username :kepsek
Password : kosong Ulangi Password :
kosong Nama Lengkap: Nedi
Sebagai : Kepala sekolah
Akan menampilkan pesan “password
tidak boleh kosong” Akan menampilkan
pesan “password tidak boleh kosong”
[ ] Diterima
[ ] Ditolak
username :kepsek Password : 12345
Ulangi Password : 12345
Nama Lengkap: kosong Sebagai : Kepala
sekolah Akan menampilkan
pesan “nama tidak boleh kosong
” Akan menampilkan
pesan “nama tidak boleh kosong
” [
] Diterima [ ] Ditolak
203
username :kepsek Password : 12345
Ulangi Password 12345:
Nama Lengkap: Nedi
Sebagai : Kosong
Akan Menampilkan pesan “sebagai tidak
boleh kosong ”
Akan Menampilkan pesan “sebagai tidak
boleh kosong ”
[ ] Diterima
[ ] Ditolak
username :kepsek Password : 12345
Ulangi Password: salah Nama Lengkap: Nedi
Sebagai : Kosong Jika password
berbeda dengan yang di atas maka akan
menampilkan pesan “ password harus sama
dengan yang si atas” Jika password berbeda
dengan yang di atas maka akan
m enampilkan pesan “
password harus sama dengan yang si atas”
[ ] Diterima
[ ] Ditolak
b. Pengujian Cari Data user yang dijelaskan pada tabel 4.17
Tabel 4. 17 Pengujian Cari Data user
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Masukan Nama: Nedi
Menampilkan username,
nama,dan level pengguna
Menampilkan data user yang dicari sesuai yang
diharapkan [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan
Pengamatan Kesimpulan
Masukan Nama: kosong
Menampilkan pesan “kolom
pencarian tidak boleh kosong”.
Menampilkan pesan “kolom pencarian tidak
boleh kosong” [
] Diterima [ ] Ditolak
Masukan Nama: Robi tidak ada di
database Tidak
menampilkan data dan
menampilkan
pesan “Data user Tidak
Tersedia. ”
Tidak menampilkan nama “Robi” di data user dan
menampilkan pesan “Data User
Tidak Tersedia.” [
] Diterima [ ] Ditolak
c. Pengujian Ubah Data User, yang dijelaskan pada tabel 4.18
204
Tabel 4. 18 Pengujian Ubah User
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan username : kepsek
Password : 12345 Ulangi Password :
12345 Nama Lengkap: Nedi
Sebagai : Kepala sekolah
Data User disimpan. Kembali ke form
daftar data user. Tampil pesan
sukses : “data user berhasil di ubah
.” Data User disimpan.
Kembali ke form daftar data user.
Tampil pesan sukses :
“data user berhasil di ubah .”
[ ] Diterima
[ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapakan Pengamatan
Kesimpulan username : kosong
Password : kosong Ulangi Password :
kosong Nama Lengkap: kosong
Sebagai : kosong Akan menampilkan
pesan “username tidak boleh
kosong”,”passwordti dak boleh
kosong”,”Nama tidak boleh
kosong”,”sebagai tidak boleh kosong
Akan menampilkan pesan “username tidak
boleh kosong”,”password
tidak boleh kosong”,”Nama tidak
boleh kosong”,”sebagai
tidak boleh kosong [
] Diterima [ ] Ditolak
username :kosong Password : 12345
Ulangi Password : 12345
Nama Lengkap: Nedi Sebagai : Kepala
sekolah Akan menampilkan
pesan “Username tidak boleh kosong”
Akan menampilkan pesan “Username
tidak boleh kosong” [
] Diterima [ ] Ditolak
205
username :kepsek Password : kosong
Ulangi Password : kosong
Nama Lengkap: Nedi Sebagai : Kepala
sekolah Akan menampilkan
pesan “password tidak boleh kos
ong” Akan menampilkan
pesan “password tidak boleh kosong”
[ ] Diterima
[ ] Ditolak
username :kepsek Password : 12345
Ulangi Password : 12345
Nama Lengkap: kosong Sebagai : Kepala
sekolah
Akan menampilkan pesan “nama tidak
boleh kosong” Akan menampilkan
pesan “nama tidak boleh kosong
” [
] Diterima [ ] Ditolak
username :kepsek Password : 12345
Ulangi Password 12345:
Nama Lengkap: Nedi Sebagai : Kosong
Akan Menampilkan pesan “sebagai tidak
boleh kosong ”
Akan Menampilkan pesan “sebagai tidak
boleh kosong ”
[ ] Diterima
[ ] Ditolak
username :kepsek Password : 12345
Ulangi Password: salah Nama Lengkap: Nedi
Sebagai : Kosong Jika password
berbeda dengan yang di atas maka akan
menampilkan pesan “ password harus sama
dengan yang si atas” Jika password berbeda
dengan yang di atas maka akan
menampilkan pesan “ password harus sama
dengan yang si atas” [
] Diterima [ ] Ditolak
d. Pengujian Tambah Berita, yang dijelaskan pada tabel 4.19
Tabel 4. 19 Pengujian Tambah Berita
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Judul Berita Sekolah
: Selamat Data Berita Sekolah
disimpan. Tampil pesan sukses : “Data berita
Data Berita Sekolah disimpan. Tampil pesan
sukses : “Data berita [
] Diterima [ ] Ditolak
206
Menunaikan Ibadah Puasa
Isi: Mendekatkan diri pada Allah SWT
sekolah berhasil ditambah.”
sekolah berhasil ditambah.”
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Judul Berita Sekolah
: kosong Isi: kosong
Akan Menampilkan Pesan “judul berita
harus diisi ”, “Isi berita harus diisi”
Akan Menampilkan Pesan “judul berita
harus diisi ”, “Isi berita harus diisi”
[ ] Diterima
[ ] Ditolak
Judul Berita Sekolah : kosong
Isi: Berdoa dan Berusaha
Akan Menampilkan Pesan “judul berita
har us diisi ”
Akan Menampilkan Pesan “judul berita harus
diisi ” [
] Diterima [ ] Ditolak
Judul Berita Sekolah : Selamat
Menunaikan Ibadah Puasa
Isi: kosong Akan Menampilkan
Pesan “isi berita harus diisi ”
Akan Menampilkan Pesan “isi berita harus
diis i ”
[ ] Diterima
[ ] Ditolak
Judul Berita Sekolah : Selamat
Menunaikan Ibadah Puasa
Isi: Mendekatkan diri pada Allah SWT
Akan Menampilkan Pesan “Data berita
telah terdaftar” Akan Menampilkan
Pesan “Data berita telah terdaftar”
[ ] Diterima
[ ] Ditolak
e. Pengujian Ubah Berita, yang dijelaskan pada tabel 4.20
Tabel 4. 20 Pengujian Ubah Berita
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Judul Berita Sekolah
: Selamat Menunaikan Ibadah
Puasa
Isi: Mendekatkan diri pada Allah SWT
Data Berita Sekolah disimpan. Tampil pesan
sukses : “Perubahan data berita berhasil
dilakukan.” Data Berita Sekolah
disimpan. Tampil pesan sukses : “Perubahan data
berita berhasil dilakukan.”
[ ] Diterima
[ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan
207
Judul Berita Sekolah : Selamat
Menunaikan Ibadah Puasa
Isi: kosong Akan Menampilkan
Pesan “judul berita harus diisi ”, “Isi berita
harus diisi” Akan Menampilkan
Pesan “judul berita harus diisi ”, “Isi berita
harus diisi” [
] Diterima [ ] Ditolak
Judul Berita Sekolah : kosong
Isi: Mendekatkan diri pada Allah SWT
Akan Menampilkan Pesan “judul berita
harus diisi ” Akan Menampilkan
Pesan “judul berita harus diisi ”
[ ] Diterima
[ ] Ditolak
Judul Berita Sekolah: Selamat Menunaikan
Ibadah Puasa
Isi: kosong Akan Menampilkan
Pesan “isi berita harus diisi ”
Akan Menampilkan Pesan “isi berita harus
diisi ” [
] Diterima [ ] Ditolak
Judul Berita Sekolah: Selamat Menunaikan
Ibadah Puasa
Mendekatkan diri pada Allah SWT
Akan Menampilkan Pesan “Data berita
telah terdaftar” Akan Menampilkan
Pesan “Data berita telah terdaftar”
[ ] Diterima
[ ] Ditolak
f. Pengujian Cari Berita, yang dijelaskan pada tabel 4.21
Tabel 4.21 Pengujian Cari Berita
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Masukan judul :
Selamat Menunaikan Ibadah
Puasa Menampilkan No,
Judul dan isi berita Menampilkan data berita
yang dicari sesuai yang diharapkan
[ ] Diterima
[ ] Ditolak Kasus dan Hasil Uji Data Salah
Data masukan Yang diharapkan
Pengamatan Kesimpulan
Masukan judul: kosong
Menampilkan pesan “kolom pencarian
tidak boleh kosong”. Menampilkan pesan
“kolom pencarian tidak boleh kosong”
[ ] Diterima
[ ] Ditolak Masukan judul:
Study tour tidak ada di database
Tidak menampilkan data dan menampilkan
pesan “Data berita Tidak Tersedia.
” Tidak menampilkan
nama “Semangat” di data berita dan
menampilkan pesan “Data berita tidak
Tersedia.” [
] Diterima [ ] Ditolak
g. Pengujian Hapus Berita, yang akan dijelaskan pada tabel 4.22
208
Tabel 4. 22 Pengujian Hapus Berita
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Pilih Data berita dan
klik Hapus. Tampil form
konfirmasi “Anda Yak
in ?” Pilih Iya atau Batal Tekan
Iya tampil pesan sukses :”data
berhasil dihapus”, Tekan Batal
kembali ke Form Data berita
Tampil form konfirmasi “Anda Yakin ?” Pilih
Iya atau Batal Tekan Iya tampil pesan sukses
:”data berhasil dihapus”, Tekan Batal
kembali ke Form Data berita
[ ] Diterima
[ ] Ditolak
2. Pengujian Login bagian Wakasek Kurikulum
a. login
Tabel 4. 23 Pengujian Login Wakasek Kurikulum
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Username:
kurikulum Password:
kurikulum Sebagai:
wak.kurikulum Masuk ke menu
wakasek kurikulum yang diinginkan
Sistem menampilkan menu wakasek
kurikulum sesuai yang di inginkan.
[ ] Diterima
[ ] Ditolak
Kasus Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Username : Kosong
Password: Kosong Sebagai:
wak.kurikulum Tidak dapat masuk
dan menampilkan pesan “Username dan
password tidak boleh kosong”
Halaman wakasek
kurikulum tidak
dapat di akses dan menampilkan pesan
“Username tidak
boleh kosong”
kembali ke tampilan login admin.
[ ] Diterima
[ ] Ditolak
Username: kurikulum Password: kurikulum
Sebagai: wak.kesiswaan
Tidak dapat masuk dan menampilkan
pesan “hak akses tidak sesuai”
Tidak dapat masuk dan menampilkan
pesan “hak akses tidak sesuai”
[ ] Diterima [
] Ditolak
Username : Kosong
Tidak dapat masuk Halaman
wakasek [ ] Diterima
209
Password: kurikulum Sebagai:
wak.kurikulum dan menampilkan
pesan “Username tidak boleh kosong”
kurikulum tidak
dapat di akses dan menampilkan pesan
“Username tidak
boleh kosong”
kembali ke tampilan login admin.
[ ] Ditolak
Username : kurikulum
Password: Kosong Sebagai:
wak.kurikulum Tidak dapat masuk
dan menampilkan pesan “Password tidak
boleh kosong” Halaman
wakasek kurikulum
tidak dapat di akses dan
menampilkan pesan “Username
tidak boleh
kosong” kembali ke tampilan
login admin. [
] Diterima [ ] Ditolak
Username : Salah
Password: Salah Sebagai:
wak.kurikulum Tidak dapat masuk
dan menampilkan pesan “Username
,Password dan hak akses
tidak sesuai” Halaman
wakasek kurikulum
tidak dapat di akses dan
menampilkan pesan “Username
,Password dan hak akses tidak sesuai”
kembali ke tampilan login admin.
[ ] Diterima
[ ] Ditolak
b. Pengujian Tambah Mata Pelajaran, yang dijelaskan pada tabel 4.24
Tabel 4. 24 Pengujian Tambah Data Mata Pelajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Mata Pelajaran :
Biologi Data Mata Pelajaran
disimpan. Tampil pesan sukses : “Data mata
pelajaran berhasil ditambah.”
Data Mata Pelajaran disimpan. Tampil
pesan sukses : “Data mata pelajaran
berhasil ditambah.” [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Mata Pelajaran :
kosong Akan Menampilkan
Pesan “Matapelajaran har
us diisi ” Akan
Menampilkan Pesan
“matapelajaran harus diisi ”
[ ] Diterima
[ ] Ditolak
Nama Mata Pelajaran : Akan Menampilkan Akan
[ ] Diterima
210
Biologi Pesan “Data pelajaran
telah terdaftar” Menampilkan
Pesan “Data pelajaran telah
terdaftar” [ ] Ditolak
c. Pengujian Ubah Mata Pelajaran, yang dijelaskan pada tabel 4.25
Tabel 4. 25 Pengujian Ubah Data Mata Pelajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Mata Pelajaran
: BIologi Data Mata Pelajaran
disimpan. Tampil pesan sukses : “Data
mata pelajaran berhasil diubah.”
Data Mata Pelajaran disimpan. Tampil
pesan sukses : “Data mata pelajaran
berhasil diubah.” [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Mata Pelajaran
: kosong Akan Menampilkan
Pesan “Nama Matapelajaran harus
diisi ” Akan Menampilkan
Pesan “Nama Matapelajran harus
diisi ” [
] Diterima [ ] Ditolak
Nama Mata Pelajaran : Biologi
Akan Menampilkan Pesan “matapelajaran
telah terdaftar” Akan Menampilkan
Pesan “matapelajaran telah terdaftar”
[ ] Diterima
[ ] Ditolak
d. Pengujian Cari Mata Pelajaran, yang dijelaskan pada tabel 4.26
Tabel 4. 26 Pengujian Cari Data Mata Pelajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Masukan Nama
Pelajaran : Biologi Menampilkan No,
Nama Pelajaran Menampilkan data
pelajaran yang dicari sesuai yang diharapkan
[ ] Diterima
[ ] Ditolak Kasus dan Hasil Uji Data Salah
Data masukan Yang diharapkan
Pengamatan Kesimpulan
Masukan Nama Pelajaran: kosong
Menampilkan pesan “kolom pencarian
tidak boleh kosong”. Menampilkan pesan
“kolom pencarian tidak boleh kosong”
[ ] Diterima
[ ] Ditolak Masukan Nama
Tidak menampilkan data dan menampilkan
Tidak menampilkan nama “Astronomi” di [] Diterima
211
Pelajaran: Astronomi tidak ada di
database pesan “Data
matapelajaran Tidak Tersedia.
” data matapelajaran
dan menampilkan pesan “Data
matapelajaranTidak Tersedia.”
[ ] Ditolak
e. Pengujian Hapus Data Mata Pelajaran, yang dijelaskan pada tabel 4.27
Tabel 4. 27 Pengujian Hapus Data Mata Pelajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Pilih Data
matapelajaran dan klik Hapus.
Tampil form konfirmasi “Anda
Yakin ?” Pilih Iya atau Batal Tekan
Iya tampil pesan sukses :”data
berhasil dihapus”, Tekan Batal
kembali ke Form Data matapelajaran
Tampil form konfirmasi “Anda Yakin ?” Pilih
Iya atau Batal Tekan Iya tampil pesan sukses
:”data berhasil dihapus”, Tekan Batal
kembali ke Form Data matapelajaran
[ ] Diterima
[ ] Ditolak
b. Pengujian pengolahan data tahun ajaran a. Pengujian Tambah Tahun Ajaran, yang dijelaskan pada tabel 4.28
Tabel 4. 28 Pengujian Tambah Tahun Ajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Tahun Ajaran :
20122013 Tersimpan dalam
database dan dapat menampilkan data
tahun ajaran Dapat
menampilkan data tahun ajaran
[ ] Diterima
[ ] Ditolak Kasus dan Hasil Uji Data Salah
Data masukan Yang diharapkan
Pengamatan Kesimpulan
Tahun Ajaran : kosong
menampilkan “Tahun ajaran
harus diisi ” menampilkan “Tahun
ajaran harus diisi ” [
] Diterima [ ] Ditolak
Tahun Ajaran : 20112012
menampilkan “Tahun ajaran
sudah terdaftar ” menampi
lkan “Tahun ajaran sudah terdaftar
” [
] Diterima [ ] Ditolak
b. Pengujian Ubah Tahun Ajaran, yang dijelaskan pada tabel 4.29
212
Tabel 4. 29 Pengujian Ubah Tahun Ajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Tahun Ajaran :
20122013 Tersimpan dalam
database dan dapat menampilkan data
tahun ajaran Dapat
menampilkan data tahun ajaran
[ ] Diterima
[ ] Ditolak Kasus dan Hasil Uji Data Salah
Data masukan Yang diharapkan
Pengamatan Kesimpulan
Tahun Ajaran : kosong
menampilkan “Tahun ajaran
harus diisi ” menampilkan “Tahun
ajaran harus diisi ” [
] Diterima [ ] Ditolak
Tahun Ajaran : 20112012
menampilkan “Tahun ajaran
sudah terdaftar ” menampilkan “Tahun
ajaran sudah terdaftar ”
[ ] Diterima
[ ] Ditolak
c. Pengujian Cari Data Tahun Ajaran, yang dijelaskan pada tabel 4.30
Tabel 4. 30 Pengujian Cari Tahun Ajaran
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Masukan Nama tahun
ajaran : 20112012 Menampilkan No,
nama tahun ajaran Menampilkan data
kelas yang dicari sesuai yang
diharapkan [
] Diterima [ ] Ditolak
Kasus dan Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Masukan Nama tahun
ajaran: kosong Menampilkan
pesan “kolom pencarian tidak
boleh kosong”. Menampilkan pesan
“kolom pencarian tidak boleh kosong”
[ ] Diterima
[ ] Ditolak Masukan nama tahun
ajaran: 200 tidak ada di database
Tidak menampilkan data dan
menampilkan pesan “Data tahun ajaran
Tidak Tersedia. ”
Tidak menampilkan nama “Kuda Laut” di
data tahun ajaran dan menampilkan pesan
“Data tahun ajaran Tidak Tersedia.”
[ ] Diterima
[ ] Ditolak
d. Pengujian Hapus Tahun Ajaran, yang dijelaskan pada tabel 4.31
Tabel 4. 31 Pengujian Hapus Tahun Ajaran
213
Kasus dan Hasil Uji Data Normal Data masukan
Yang diharapkan Pengamatan
Kesimpulan Pilih Data Tahun
Ajaran dan klik Hapus.
Tampil form konfirmasi “Anda
Yakin ?” Pilih Iya
atau Batal Tekan Iya tampil pesan
sukses :”data berhasil dihapus”,
Tekan Batal kembali ke Form
Data Tahun ajaran Tampil form konfirmasi
“Anda Yakin ?” Pilih Iya atau Batal Tekan
Iya tampil pesan sukses :”data berhasil
dihapus”, Tekan Batal
kembali ke Form Data Tahun ajaran
[ ] Diterima
[ ] Ditolak
c. Pengujian pengolahan data mengajar
a. Pengujian tambah data mengajar, yang dijelaskan pada tabel 4.32
Tabel 4. 32 Pengujian Tambah Mengajar
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan
Pengamatan Kesimpulan
Nama Guru: Sukmawati
Mata Pelajaran: Bahasa Indonesia
Terdapat pesan “Penambahan
mengajar berhasil
dilakukan” Terdapat pesan
“Penambahan mengajar berhasil
dilakukan”. Dapat menampilkan data
mengajar. [
] Diterima [ ] Ditolak
Kasus Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Guru: kosong
Mata Pelajaran: kosong Akan
menampilkan pesan
“Pilih nama guru dengan
benar ” dan “pilih
pelajaran dengan benar”
Akan menampilkan pesan
“Pilih nama guru dengan benar
” dan “pilih pelajaran
dengan benar” [
] Diterima [ ] Ditolak
214
Nama Guru: Sukmawati
Mata Pelajaran: kosong Akan
menampilkan pesan “Pilih
pelajaran dengan benar”
Akan menampilkan pesan “Pilih
pelajaran dengan benar”
[ ] Diterima
[ ] Ditolak
Nama Guru: kosong Mata Pelajaran: Bahasa
Indonesia Akan
menampilkan pesan “Pilih
nama guru den
gan benar” Akan menampilkan
pesan “Pilih nama guru
dengan benar” [
] Diterima [ ] Ditolak
Nama Guru: Sukmawati
Mata Pelajaran: Bahasa Indonesia
Terdapat pesan “Penambahan
mengajar tidak bisa dilakukan
karena sudah
tersedia” Terdapat pesan
“Penambahan mengajar tidak bisa
dilakukan karena sudah tersedia”.
Dapat menampilkan data
mengajar. [
] Diterima [ ] Ditolak
b. Pengujian ubah mengajar, yang dijelaskan pada tabel 4.33
Tabel 4. 33 Pengujian Ubah Data Mengajar
Kasus Hasil Uji Data Normal Data masukan
Yang diharapkan
Pengamatan Kesimpulan
Nama Guru: Sukmawati
Mata Pelajaran: Bahasa Indonesia
Terdapat pesan “Perubahan
mengajar berhasil
dilakukan” Terdapat pesan
“Perubahan mengajar berhasil
dilakukan”. [
] Diterima [ ] Ditolak
Kasus Hasil Uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan Nama Guru: kosong
Mata Pelajaran: kosong Akan
menampilkan pesan
“Pilih nama guru
dengan benar ”
dan “pilih pelajaran dengan
benar” Akan menampilkan
pesan “Pilih nama
guru dengan benar ”
dan “pilih pelajaran
dengan benar” [
] Diterima [ ] Ditolak