Struktur Menu Kepala Sekolah

7. Halaman Pengolahan Data Guru USER : admin - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - C : Content Bg : Putih - L : Label Bg : Biru Font : Lucida12pxputih - Logo Ukuran : disesuaikan - Icon Ukuran : disesuaikan - Foto Ukuran : disesuaikan F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna DATA GURU L H Logo e- Learning Keluar Foto L Admin E- learning FOTO Cari Masukan NIP atau Nama TH C Admin E-learning - Pilih icon profil untuk menuju ke F004 - Pilih icon upload data untuk menuju ke F005 - Pilih icon data siswa untuk menuju ke F006 - Pilih icon Data Pelajaran untuk menuju ke F008 - Pilih icon Data Mengajar untuk menuju ke F010 - Pilih icon Tahun Ajaran untuk menuju ke F012 - Pilih icon Forum untuk menuju ke F013 - Pilih cari untuk pencarian data guru berdasarkan NIP atau Nama kemudian enter F F007 NO NIP NAMA JABATAN TELP EMAIL HAPUS Icon Home Icon Profil Icon Upload Icon Data Siswa Icon DataGuru Icon Data Kelas Icon Data Pelajaran Icon Forum Icon Tahun Ajaran Gambar III. 37 Halaman Pengolahan Data Guru 8. Halaman Pengolahan Data Kelas USER : admin Pilih Kelas - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan - L : Label Bg : Biru Font : Lucida12pxputihbiru - MB : Menu bar Warna OnMouseOver : abu-abu OnMouseoUT : putih transparan e- Learning Logo Foto H Admin E- learning Keluar L TAHUN AJARAN L FOTO Admin E-learning F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna TH C - Pilih icon profil untuk menuju ke F004 - Pilih icon upload data untuk menuju ke F005 - Pilih icon Data Siswa untuk menuju ke F006 - Pilih icon Data Guru untuk menuju ke F007 - Pilih icon Data Pelajaran untuk menuju ke F008 - Pilih icon Data Mengajar untuk menuju ke F010 - Pilih icon Forum untuk menuju ke F013 - TH : Table Header Bg : Hitam Font : Lucida12pxputih F012 Tambah Kelas : Icon Home Icon Profil Icon Upload Icon Data Siswa Icon DataGuru Icon Data Kelas Icon Data Pelajaran Icon Forum Icon Tahun Ajaran Simpan Kelas X Kelas Jumlah Siswa Hapus Kelas XI Kelas Jumlah Siswa Hapus Kelas XII Kelas Jumlah Siswa Hapus Gambar III. 38 Pengolahan Data Kelas 9. Halaman Pengolahan Data Pelajaran USER : admin Icon Profil Icon Unggah Data Icon Data Siswa Icon Data Guru Icon Data Pelajaran Icon Data Mengajar Icon Tahun Ajaran Icon Forum - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan - L : Label Bg : Biru Font : Lucida12pxputihbiru - MB : Menu Bar - TH : Table Header Bg : Hitam Font : Lucida12pxputih e- Learning Logo Foto H Admin E- learning Keluar L L FOTO Admin E-learning F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna TH C DATA PELAJARAN - Pilih icon profil untuk menuju ke F004 - Pilih icon upload data untuk menuju ke F005 - Pilih icon data siswa untuk menuju ke F006 - Pilih icon data guru untuk menuju ke F007 - Pilih icon Data Mengajar untuk menuju ke F009 - Pilih icon Tahun Ajaran untuk menuju ke F012 - Pilih icon Forum untuk menuju ke F013 - Pilih edit untuk mengubah Kategori kelas dan menuju F009 F008 NO MATA PELAJARAN KATEGORI KELAS EDIT HAPUS Gambar III. 39 Halaman Pengolahan Data Pelajaran 10. Halaman Edit kategori kelas Mata Pelajaran : Simpan Perubahan F009 Kategori Kelas : Gambar III. 40 Halaman Edit Kategori Kelas 11. Halaman Pengolahan Data Mengajar USER : admin Icon Profil Icon Unggah Data Icon Data Siswa Icon Data Guru Icon Data Pelajaran Icon Data Mengajar Icon Tahun Ajaran Icon Forum - Pilih icon Profil untuk menuju ke F004 - Pilih icon upload data untuk menuju ke F005 -Pilih icon data siswa untuk menuju ke F006 - Pilih icon Data guru untuk menuju ke F007 - Pilih icon Data pelajaran untuk menuju ke F008 - Pilih icon Tahun Ajaran untuk menuju ke F012 - Pilih icon Forum untuk menuju ke F013 - Pilih Tambah untuk menuju F011, masukan nip atau nama guru kemudian simpan - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan - L : Label Bg : Biru Font : Lucida12pxputihbiru - TH : Table Header Bg : Hitam Font : Lucida12pxputih e- Learning Logo Foto H Admin E- learning Keluar L DATA MENGAJAR GURU L Tambah FOTO Admin E-learning F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna TH C F010 + NAMA GURU DATA MENGAJAR HAPUS Gambar III. 41 Halaman Pengolahan Data Mengajar 9. Halaman Tambah Data Mengajar F011 Masukan NIP atau Nama Guru NIP NAMA + Pilih Mata Pelajaran Gambar III. 42 Halaman Tambah Data Mengajar 10. Halaman Pengolahan Tahun Ajaran USER : admin - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan - L : Label Bg : Biru Font : Lucida12pxputihbiru - MB : Menu bar Warna OnMouseOver : abu-abu OnMouseoUT : putih transparan e- Learning Logo Foto H Admin E- learning Keluar L TAHUN AJARAN L FOTO Admin E-learning F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna TH C - Pilih icon profil untuk menuju ke F004 - Pilih icon upload data untuk menuju ke F005 - Pilih icon Data Siswa untuk menuju ke F006 - Pilih icon Data Guru untuk menuju ke F007 - Pilih icon Data Pelajaran untuk menuju ke F008 - Pilih icon Data Mengajar untuk menuju ke F010 - Pilih icon Forum untuk menuju ke F013 - TH : Table Header Bg : Hitam Font : Lucida12pxputih F012 TAHUN AJARAN YANG SEDANG BERLAKU Tahun Ajaran 2012 2013 Semester Genap Icon Home Icon Profil Icon Upload Icon Data Siswa Icon DataGuru Icon Data Kelas Icon Data Pelajaran Icon Forum Icon Tahun Ajaran Tahun Ajaran Semester Status TABEL TAHUN AJARAN Tambah tahun ajaran : No Aktifkan Keterangan : Gambar III. 43 Halaman Pengolahan Tahun Ajaran 11. Halaman Login Guru dan Siswa Logo e- Learning LOGIN Username : Password : Guru Siswa F014 Login Gambar III. 44 Halaman Login Guru dan Siswa 12. Halaman Lupa Password Guru dan Siswa Logo e- Learning LUPA PASSWORD Username : Email : Guru Siswa F015 Submit Gambar III. 45 Halaman Lupa Password Guru dan Siswa 13. Halaman Utama Guru - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon Tugas untuk menuju ke F019 - Pilih icon Ujian untuk menuju ke F022 - Pilih icon Soal untuk menuju ke F024 - Pilih icon Pengumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - C : Content Bg : Putih - L : Label Bg : Biru Font : Lucida12pxputih - Logo Ukuran : disesuaikan - Icon Ukuran : disesuaikan - Foto Ukuran : disesuaikan F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna H Logo e- Learning Nama Guru Logout Foto L Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Selamat Datang Guru 1. Menu Profil : Untuk mengolah data profil anda 2. Menu Materi : Untuk mengolah data materi 3. Menu Tugas : Untuk mengolah tugas siswa 4. Menu Ujian : Untuk mengolah ujian siswa 5. Menu Soal : Untuk mengolah soal ujian siswa 6. Menu Pengumuman : Untuk membuat beita 7. Menu Nilai Siswa : Untuk melihat grafik nilai siswa 8. Menu Forum : Untuk interaksi guru dan siswa F016 Gambar III. 46 Halaman Utama Guru 14. Halaman Profil Guru USER : Guru e- Learning F017 Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum - Pilih icon Materi untuk menuju ke F018 - Pilih icon Tugas untuk menuju ke F019 - Pilih icon Ujian untuk menuju ke F022 - Pilih icon Soal untuk menuju ke F024 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - Isi Ubah data diri dan tekan tombol simpan perubahan untuk perubahan data diri - Isi Ubah password dan tekan simpan untuk perubahan password H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN PROFIL FOTO UBAH DATA DIRI Foto : Pilih File Tidak ada file yang dipilih Nama : No. Telp : Email : Simpan Perubahan UBAH PASSWORD Password Lama : Password Baru : Konfirmasi Password : Simpan Nama No. Telp Email Username L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Alamat Tempat, Tanggal Lahir Jenis Kelamin NIP Email yang diperbolehkan : gmail, yahoo, ymail, rocketmail, hotmail Jenis Kelamin : Laki-Laki Perempuan Tempat Lahir : Tanggal Lahir : S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Logo Nama Guru Keluar Foto Gambar III. 47 Halaman Profil Guru 15. Halaman Pengolahan Materi USER : Guru Pilih Kelas Pilih Mata Pelajaran Pilih Mata Pelajaran Pilih Kelas Materi e- Learning F018 - Pilih icon profil untuk menuju ke F017 - Pilih icon Tugas untuk menuju ke F019 - Pilih icon Ujian untuk menuju ke F022 - Pilih icon Soal untuk menuju ke F024 - Pilih icon Pengumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - pilih kelas tujuan, mata pelajaran, semester, dan dan judul materi kemudian simpan - Unggah fle materi, pilih file kemudian isi deskripsi.pilih mata pelajaran, kelas tujuan dan materi kemudian simpan H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN MATERI FOTO Pilih File Tidak ada file yang dipilih Ganjil Judul Materi L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Semester Mata Pelajaran Kelas Tujuan INPUT MATERI Logo Nama Guru Keluar Foto Simpan UNGGAH FILE MATERI File Materi Deskripsi Mata Pelajaran Kelas Tujuan Materi DAFTAR MATERI YANG TELAH DISIMPAN DAFTAR MATERI YANG TELAH DIUNGGAH Simpan - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu TH - TH : Table Header Bg : Hitam Font : Lucida 12pxputih Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum NO Mata Pelajaran Judul Materi Semester Kelas Hapus 1 2 Mata Pelajaran Nama File Tanggal Upload Kelas Hapus Gambar III. 48 Halaman Pengolahan Materi 16. Halaman Pengolahan Tugas USER : Guru Daftar Tugas yang telah diunggah Daftar Tugas Siswa Pilih Mata Pelajaran Pilih Kelas Materi Pilih Mata Pelajaran Pilih Kelas Materi Pilih Judul Tugas e- Learning F019 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon Ujian untuk menuju ke F0122 - Pilih icon Soal untuk menuju ke F023 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F017 - Pilih icon Forum untuk menuju ke F028 H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN TUGAS FOTO Browse... Judul Materi L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Tugas INPUT TUGAS Logo Nama Guru Keluar Foto Deskripsi Pelajaran Kelas Tujuan Materi Filter Tugas Untuk menampilkan tugas silahkan lakukan penyeleksian sesuai dengan urutan dari kiri ke kanan yaitu mulai dari mata pelajaran sampai judul tugas Mata Pelajaran Kelas Materi Judul Tugas Tampilkan TUGAS TEPAT WAKTU TUGAS TERLAMBAT Simpan MB - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu Batas Waktu S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Jam Menit Nama Guru 00 00 Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Gambar III. 49 Halaman Pengolahan Tugas 17. Halaman Pengolahan Tugas 2 USER : Guru Daftar Tugas yang telah di-upload Daftar Tugas Siswa Pilih Mata Pelajaran Pilih Kelas Materi e- Learning F020 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon Ujian untuk menuju ke F0122 - Pilih icon Soal untuk menuju ke F023 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F017 - Pilih icon Forum untuk menuju ke F028 H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN TUGAS FOTO Browse... Judul Materi L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Tugas INPUT TUGAS Logo Nama Guru Keluar Foto Deskripsi Pelajaran Kelas Tujuan Materi Mata Pelajaran Kelas Materi Judul Tugas Simpan MB - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu Batas Waktu S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Jam Menit Nama Guru 00 00 Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Batas Waktu Gambar III. 50 Halaman Pengolahan Tugas 2 18. Halaman Pengolahan Ujian USER : Guru Pilih Mata Pelajaran Pilih Kelas e- Learning F022 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon tugas untuk menuju ke F0119 - Pilih icon Soal untuk menuju ke F024 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - Buat jadwal ujian terlebih dahulu, isi semua field kemudian simpan - Klik Daftar ujian untuk melihat jadwal ujian - Pilh tampilkan jadwal ujian yang sudah tidak berlaku untuk melihat masa aktif jadwal ujian - Pilih daftar soal untuk melihat semua daftar soal H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN UJIAN FOTO Judul L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih BUAT JADWAL UJIAN Logo Nama Guru Keluar Foto Waktu Ujian Pelajaran Kelas Tujuan Simpan MB - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu Waktu Mulai S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Jam Menit Nama Guru 00 00 Daftar Ujian Daftar Soal Tabel Daftar Jadwal Ujian Tampilkan Jadwal Ujian yang sudah tidak berlaku Klik untuk mengubah jadwal ujian Keterangan Keterangan icon Jadwal Ujian Aktif Jadwal Ujian yang sedang berlangsung Jadwal Ujian yang sudah tidak berlaku Klik untuk menduplikat soal pada jadwal tersebut ke jadwal lain yang ditunjuk Klik untuk menghapus jadwal ujian SOAL UJIAN Tanggal Ujian Waktu Selesai Menit 00 00 Jam Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Mata Pelajaran Judul Waktu Ujian Kelas Lama Menit Gambar III. 51 Halaman Pengolahan Ujian 19. Halaman Pengolahan Soal USER : Guru Pilih Mata Pelajaran Materi Pilihan Ganda Text e- Learning F024 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon tugas untuk menuju ke F019 - Pilih icon ujian untuk menuju ke F022 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - Buat jadwal ujian terlebih dahulu, isi semua field kemudian simpan - Klik Daftar ujian untuk melihat jadwal ujian - Pilh buat soal untuk membuat soal ujian dengan mengisikan field pada ketentuan soal kemudian klik buat soal - Pilih buat soal tanpa jadwal jika belum membuat jadwal ujian pada F015 H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN SOAL FOTO L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Guru Keluar Foto MB - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu Nama Guru Buat Soal Bank Soal Sola Ujian Untuk membuat soal ujian, silahkan pilih terlebih dahulu jadwal ujian yang digunakan pada tabel Daftar Jadwal Ujian di bawah ini atau pilih opsi Buat soal tanpa jadwal jika hanya ingin membuat soal ujian saja kemudian aturlah ketentuan soal ujian pada bagian Ketentuan Soal Daftar Jadwal Ujian Ketentuan Soal Pelajaran Materi Tipe Soal Tipe Jawaban Buat Soal Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Mata Pelajaran Judul Waktu Ujian Kelas Lama Menit Buat Soal Tanpa Jadwal Gambar III. 52 Halaman Pengolahan Soal 20. Halaman Pengolahan Soal 2 USER : Guru e- Learning F025 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon tugas untuk menuju ke F019 - Pilih icon ujian untuk menuju ke F022 - Pilih icon Pemgumuman untuk menuju ke F026 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - Buat jadwal ujian terlebih dahulu, isi semua field kemudian simpan - Klik Daftar ujian untuk melihat jadwal ujian - Pilh buat soal untuk membuat soal ujian dengan mengisikan field pada ketentuan soal kemudian klik buat soal - Pilih buat soal tanpa jadwal jika belum membuat jadwal ujian pada F015 H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN SOAL FOTO L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Guru Keluar Foto MB - MB : Menu bar Warna OnMouseOver : abu abu OnMouseOut : Abu abu Nama Guru Buat Soal Bank Soal Soal ini dibuat pada tanggal Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum Oleh Gambar III. 53 Halaman Pengolahan Soal 2 21. Halaman Pengolahan Pengumuman USER : Guru Pilih Kelas e- Learning F026 - Pilih icon profil untuk menuju ke F017 - Pilih icon Materi untuk menuju ke F018 - Pilih icon tugas untuk menuju ke F019 - Pilih icon ujian untuk menuju ke F022 - Pilih icon soal untuk menuju ke F024 - Pilih icon Nilai Siswa untuk menuju ke F027 - Pilih icon Forum untuk menuju ke F028 - Isi semua field pada halaman ini kemudian simpan H L F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN PENGUMUMAN FOTO L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Guru Keluar Foto Nama Guru Judul : Isi : Untuk Kelas : Simpan INPUT PENGUMUMAN DAFTAR PENGUMUMAN YANG TELAH DISIMPAN C Icon Profil Icon Materi Icon Tugas Icon Ujian Icon Soal Icon Pengumuman Icon Nilai Siswa Icon Forum No Judul Tanggal Post Kelas Status Hapus Gambar III. 54 Halaman Pengolahan Pengumuman 26. Halaman Utama Siswa - Pilih icon profil untuk menuju ke F030 - Pilih icon Materi untuk menuju ke F031 - Pilih icon Tugas untuk menuju ke F032 - Pilih icon ujian untuk menuju ke F033 -Pilih icon rapor untuk menuju ke F034 - Pilih icon Forum untuk menuju ke F035 - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - C : Content Bg : Putih - L : Label Bg : Biru Font : Lucida12pxputih - Logo Ukuran : disesuaikan - Icon Ukuran : disesuaikan - Foto Ukuran : disesuaikan F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna H Logo e- Learning Nama Siswa Keluar Foto L Icon Profil Icon Ujian Icon Materi Icon Tugas Icon Rapor Selamat datang di e-learning SMAN 1 Rancaekek 1. Menu Profil : Untuk mengolah data profil anda 2. Menu Materi : Untuk mengolah data materi 3. Menu Tugas : Untuk mengolah tugas siswa 4. Menu Ujian : Untuk mengolah ujian siswa 58. Menu Forum : Untuk interaksi guru dan siswa F029 Icon Forum Gambar III. 55 Halaman Utama Siswa 27. Halaman Profil Siswa USER : Siswa e- Learning F030 - Pilih icon Materi untuk menuju ke F030 - Pilih icon Tugas untuk menuju ke F031 - Pilih icon ujian untuk menuju ke F033 - Pilih icon rapor untuk menuju F034 - Pilih icon Forum untuk menuju ke F035 - Isi Ubah data diri dan tekan tombol simpan perubahan untuk perubahan data diri - Isi Ubah password dan tekan simpan untuk perubahan password H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN PROFIL FOTO UBAH DATA DIRI Foto : Pilih File Tidak ada file yang dipilih Nama : No. Telp : Email : Simpan Perubahan UBAH PASSWORD Password Lama : Password Baru : Konfirmasi Password : Simpan Nama No. Telp Email Username L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Alamat Tempat, Tanggal Lahir Jenis Kelamin NIS Email yang diperbolehkan : gmail, yahoo, ymail, rocketmail, hotmail Jenis Kelamin : Laki-Laki Perempuan Tempat Lahir : Tanggal Lahir : S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Logo Nama Siswa Keluar Foto Icon Profil Icon Ujian Icon Materi Icon Tugas Icon Rapor Icon Forum Gambar III. 56 Halaman Profil Siswa 28. Halaman Materi Siswa USER : Siswa e- Learning F031 - Pilih icon Profil untuk menuju ke F030 - Pilih icon Tugas untuk menuju ke F032 - Pilih icon ujian untuk menuju ke F033 - Pilih icon rapor untuk menuju F034 - Pilih icon Forum untuk menuju ke F035 H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan MATERI FOTO Mata Pelajaran : L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Siswa Keluar Foto Icon Profil Icon Ujian Icon Materi Icon Tugas Icon Rapor Icon Forum Pilih Mata Pelajaran PENGUMUMAN Gambar III. 57 Halaman Materi Siswa 29. Halaman Tugas Siswa USER : Siswa e- Learning F032 - Pilih icon Profil untuk menuju ke F030 - Pilih icon Materi untuk menuju ke F031 - Pilih icon ujian untuk menuju ke F033 - Pilih icon rapor untuk menuju F034 - Pilih icon Forum untuk menuju ke F035 H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan TUGAS FOTO Mata Pelajaran : L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Siswa Keluar Foto Icon Profil Icon Ujian Icon Materi Icon Tugas Icon Rapor Icon Forum Pilih Mata Pelajaran PENGUMUMAN Gambar III. 58 Halaman Tugas Siswa 30. Halaman Ujian Siswa USER : Siswa e- Learning F033 - Pilih icon Profil untuk menuju ke F030 - Pilih icon Materi untuk menuju ke F031 - Pilih icon tugas untuk menuju ke F032 - Pilih icon rapor untuk menuju F034 - Pilih icon Forum untuk menuju ke F035 H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan UJIAN ONLINE FOTO Pilih Mata Pelajaran : L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Logo Nama Siswa Keluar Foto Icon Profil Icon Ujian Icon Materi Icon Tugas Icon Rapor Icon Forum Pilih Mata Pelajaran PENGUMUMAN Gambar III. 59 Halaman Ujian Siswa 31. Halaman Utama Kepala Sekolah - Pilih icon profil untuk menuju ke F037 -Pilih icon Kelas X untuk menuju ke F038 - Pilih icon Kelas XI untuk menuju ke F039 - Pilih icon Kelas XII untuk menuju ke F040 - Pilih icon Forum untuk menuju ke F041 - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - C : Content Bg : Putih - L : Label Bg : Biru Font : Lucida12pxputih - Logo Ukuran : disesuaikan - Icon Ukuran : disesuaikan - Foto Ukuran : disesuaikan F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna H Logo e- Learning Nama Kepsek Keluar Foto L Icon Profil Icon Kelas XII Icon Kelas X Icon Kelas XI Icon Forum Selamat datang di e-learning SMAN 1 Rancaekek 1. Menu Profile : untuk mengolah data profil anda 2. Menu Kelas X : untuk melihat grafik nilai siswa kelas X yang dibagi per kelas 3. Menu Kelas XI : untuk melihat grafik nilai siswa kelas XI yang dibagi per kelas 4. Menu Kelas XII : untuk melihat grafik nilai siswa kelas XII yang dibagi per kelas F036 Gambar III. 60 Halaman Utama Kepala Sekolah 32. Halaman Profil Kepala Sekolah USER : Kepala Sekolah e- Learning F037 --Pilih icon Kelas X untuk menuju ke F038 - Pilih icon Kelas XI untuk menuju ke F039 - Pilih icon Kelas XII untuk menuju ke F040 - Pilih icon Forum untuk menuju ke F041 - Isi Ubah data diri dan tekan tombol simpan perubahan untuk perubahan data diri - Isi Ubah password dan tekan simpan untuk perubahan password H L C F Program ini dikembangkan oleh e-learning Developer Team Copyright e-learning SMAN 1 Rancaekek | Created by Oktivani Tenri Sanna - H : Header Bg : Biru Font : Lucidah1biruputih - F : Footer Bg : Biru = Header Font : Lucida12pxputih - Logo Ukuran : disesuaikan - C : Content Bg : Putih - Foto Ukuran : disesuaikan PENGOLAHAN PROFIL FOTO UBAH DATA DIRI Foto : Pilih File Tidak ada file yang dipilih Nama : No. Telp : Email : Simpan Perubahan UBAH PASSWORD Password Lama : Password Baru : Konfirmasi Password : Simpan Nama No. Telp Email Username L - L : Label Bg : Biru Font : Lucida12pxputihbiru - L : Label Bg : Biru Font : Lucida12pxputih Alamat Tempat, Tanggal Lahir Jenis Kelamin NIP Email yang diperbolehkan : gmail, yahoo, ymail, rocketmail, hotmail Jenis Kelamin : Laki-Laki Perempuan Tempat Lahir : Tanggal Lahir : S December 12 S R K J S M 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Logo Nama Kepsek Keluar Foto Icon Profil Icon Kelas XII Icon Kelas X Icon Kelas XI Icon Forum Gambar III. 61 Halaman Profil Kepala Sekolah III.2.3.3 Perancangan Pesan Perancangan pesan pada pembangunan e-learning ini meliputi pesan-pesan sebagai berikut: Apakah anda yakin akan mengubah data ini? M003 Ya Tidak Gambar III. 62 Perancangan Pesan Ubah Gambar III. 63 Perancangan Pesan Hapus Soal tidak dapat disimpan. Silahkan pastikan semua field yang diperlukan sudah terisi dan benar tidak ada yang sama M047 OK Gambar III. 64 Perancangan Pesan Buat Soal Apakah anda yakin akan menghapus data ini? Kegiatan anda akan menghapus seluruh tugas yang telah dikumpulkan siswa pada judul tugas ini M036 OK Cancel Gambar III. 65 Perancangan Pesan Hapus Tugas Tabel III. 31 Perancangan Pesan Kode Pesan Pesan No. Form M001 Silahkan isi semua field terlebih dahulu F001, F002, F014, F015 M002 Username atau password salah F001, F014 M003 Apakah anda yakin akan mengubah data ini? F004, F017, F030, F033 M004 Isi nama anda F004, F017, F030, F033 M005 Isi email anda F004, F017, F030, F033 M006 Masukan alamat email dengan benar F004, F017, F030, F033 M007 Gagal upload foto F004. F017,F030 M008 Foto sudah ada F004, F017, F028, F033 M009 Data berhasil diubah F004, F005, F028, F033 M0010 Password berhasil diubah F004, F017, F025, F033 M011 Password yang anda masukan tidak cocok F004, F017,F028, F033 M012 Password lama tidak cocok F004, F017,F028, F033 M013 Silahkan pilih file dengan ekstensi format file .xls F005 M014 Masukan mata pelajaran F009 M015 Data berhail disimpan. Jika ingin menambah data kembali silahkan isi kembali form tambahan data dibawah ini F009 M016 Kategori kelas untuk pelajaran „ „ berhasil diubah F009 M017 Isi field dengan benar F011 M018 Apakah anda yakin akan menghapus data ini? F009, F010, F018,F022 M019 Data berhasil disimpan F011 M020 Data mengajar berhasil dihapus F010 M021 Tahun ajaran berhasil diubah F012 M022 Rentang bulan tidak sesuai F013 M023 Materi berhasil disimpan, Jika ingin menambah data kembali silahkan isi kembali form input materi dibawah F008 M024 Pilih kelas tujuan F018, F019, F022, F026 M025 Pilih mata pelajaran F018, F019, F022, F026 M026 Masukan judul materi F018, F026 M027 File berhasil disimpan. Jika ingin menambah file materi baru silahkan isi kembali form UPLOAD FILE MATERI dibawah F018 M028 Materi berhasil dihapus F018 M029 File berhasil dihapus F018 M030 Isi judul tugas F019 M031 Isi batas waktu F019 M032 Pilih materi F019, F030 M033 Judul tugas tidak tersedia. Silahkan buat tugas telebih dahulu F019 M034 Belum ada siswa yang mengumpulkan tugas F019 M035 Duplikasi tugas berhasil F021 M037 Tugas dengan judul „ „ untuk kelas „ „ berhasil dihapus F020 Kode Pesan Pesan No. Form M038 Apakah anda yakin akan menghapus data ini? Kegiatan anda akan menghapus seluruh tugas yang telah dikumpulkan siswa pada judul tugas ini F020 M039 Isi judul ujian F022 M040 Isi tanggal ujian F022 M041 Waktu ujian harus = 45 menit F022 M042 Waktu ujian tidak benar F022 M043 Jadwal ujian berhasil disimpan F022 M044 Jadwal ujian dengan judul “” berhasil diubah F022 M045 Ujian berhasil dihapus F022 M046 Tambahkan soal ini ke jadwal F023 M047 Soal ujian belum tersedia, silahkan membuat soal pada menu soal F023 M048 Silahkan pilih opsi pada daftar jadwal ujian kemudian lengkapi ketentuan soal terlebih dahulu F024 M049 Soal berhasil disimpan F024 M050 Soal tidak dapat disimpan. Silahkan pastikan semua field yang diperlukan sudah terisi dan benar tidak ada yang sama F024 M051 Pengumuman berhasil disimpan jika ingin menambahkan pengumuman kembali, silahkan isi kembali form dibawah F026 M052 Pengumuman berhasil dihapus F026 M053 Tidak ada materi untuk pelajaran ini F029 M054 Tidak ada ujian yang tersedia F031 M055 Masukan judul tugas anda F030 M056 Masukan tugas anda F030 M056 Tugas berhasil di upload F030 M057 Tidak ada ujian yang tersedia F031 M058 Soal tidak dapat diisi FO31 III.2.3.4 Jaringan Semantik Jaringan semantik adalah jaringan yang menjelaskan alur dari setiap halaman. Jaringan semantik dari system e-learning di SMAN 1 Rancaekek dibagi menjadi 4, yaitu jaringan semantik admin, jaringan semantik guru, jaringan semantik siswa dan jaringan semantik kepala sekolah, berikut ini adalah jaringan semantik dari system e-learning. 1. Jaringan Semantik Admin F001 M001 M002 F004 M003 M004 M005 M007 M008 M009 M010 M011 M012 F005 M013 F006 F007 F008 F009 M014 M015 M016 M017 F010 F011 M018 M019 F012 M021 F010 F003 Gambar III. 66 Jaringan Semantik Admin 2. Jaringan Semantik Guru F014 M001 M002 F017 M003 M004 M005 M006 M007 M008 M010 M011 M012 F018 M017 M023 M024 M025 M026 M028 M029 F019 F022 F024 F020 F026 F023 F027 M021 F028 F016 F021 F025 M024 M025 M030 M031 M032 M033 M034 M036 M037 M035 M017 M024 M025 M037 M038 M039 M040 M041 M042 M045 M046 M047 M048 M049 M024 M025 M026 M050 Gambar III. 67 Jaringan Semantik Guru 3. Jaringan Semantik Siswa F014 M001 M002 F030 M003 M005 M006 M007 M008 M010 M011 M012 F031 M025 M052 F032 F033 F034 F035 F029 M032 M054 M055 M056 Gambar III. 68 Jaringan Semantik Siswa 4. Jaringan Semantik Kepala Sekolah F001 M001 M002 F037 M003 M005 M006 M007 M008 M010 M011 M012 F038 M025 M052 F039 F040 F041 F036 M025 M052 M025 M052 Gambar III. 69 Jaringan Semantik Kepala Sekolah III.2.3.5 Perancangan Prosedural Analisis Terstruktur Perancangan procedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan ke dalam suatu program. Perancangan proseedural menjelaskan tentang bagaimana program sistem berjalan. Perancangan procedural digambarkan dalam bentuk flowchart.

1. Flowchart Login

Flowchart login menggambarkan proses login dari awal sampai akhir. Flowchart login tampak pada gambar III.68 Mulai Memasukan username dan password Validasi username dan password Valid? Masuk ke dalam sistem Selesai Tampil pesan “Login Gagal” Ya Tidak Gambar III. 70 Flowchart Login

2. Flowchart Penambahan Data

Flowchart penambahan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan proses penambahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penambahan data dapat dilihat pada gambar III.69. Mulai Masukan data yang akan ditambah Data lengkap ? Simpan data Tampilkan data yang sudah ditambah dan disimpan Selesai Tampilkan data belum lengkap Ya Tidak Gambar III. 71 Flowchart Penambahan Data

3. Flowchart Pengubahan Data

Flowchart pengubahan data menggambarkan langka-langkah yang dilakukan oleh pengguna untuk melakukan perubahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses pengubahan data dapat dlihat pad gambar III.70. Mulai Data yang akan diubah Pesan sukses Ubah data Ubah Data Ya Valid ? Pesan gagal mengubah data Tidak Ya Selesai Gambar III. 72 Flowchart Pengubahan Data

4. Flowchart Penghapusan Data

Flowchart penghapusan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan penghapusan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penghapusan data dapat dilihat pada gambar III.71. Mulai Pilih data yang akan dihapus Hapus Data Disetujui ? Hapus Data Menampilkan pesan data berhasil dihapus Selesai Ya berhasil Tidak Gambar III. 73 Flowchart Hapus Data

5. Flowchart Pencarian Data

Flowchart pencarian data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan pencarian data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses pencarian data dapat dilihat pada gambar III.72..