301
4. Halaman Kelasku
Gambar 4.125 Hasil Jalannya Program Kelasku
Ketika siswa memilih pilihan pada tombol “Kelasku”, maka akan muncul halaman seperti gambar yang ada diatas. Di halaman ini akan ditampilkan semua pilihan mata pelajaran yang akan dipelajari siswa dan siswa tersebut dapat memilih pelajaran mana yang akan ia pilih. Sama seperti dihalaman HOME dari siswa, dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
302
5. Halaman Silabus Materi Pelajaran
Gambar 4.126 Hasil Jalannya Program Login Silabus
Setelah memilih mata pelajaran pada menu kelasku, maka akan menuju menu silabus materi pelajaran, dimana siswa dapat melihat materi-materi pelajaran yang akan didapat selama semester berjalan. Dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
303
6. Halaman Detail Silabus
Gambar 4.127 Hasil Jalannya Program Detail Silabus
Pada tampilan “Detail Silabus Mata Pelajaran” ini akan terlihat: judul dari bab yang telah ia pilih, deskripsi dari bab tersebut, link untuk melihat materi pokok dari bab tersebut , link untuk mengunduh soal tugas,link untuk mengumpulkan tugas yang diberikan, kapan waktu yang diberikan untuk mengumpulkan tugas, serta juga dapat melihat materi tambahan yang akan diberikan oleh guru kepada siswa tersebut. Siswa dapat mengunduh materi pokok yang ada di halaman ini dengan cara menekan link “download materi”. Pada link “Jawab Soal” siswa di berikan kesempatan untuk mengumpulkan jawaban atas soal yang diberikan dan akan di berikan kesempatan hingga pada suatu waktu tertentu. Jika siswa mengumpulkannya sesudah deadline pengumpulan tugas maka siswa sudah tidak dapat lagi mengumpulkan tugas tersebut. Selain itu, sama seperti dihalaman HOME dari siswa, dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku,
304
Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar. 7. Halaman Upload Tugas
Gambar 4.128 Hasil Jalannya Program Upload Tugas
Pada saat siswa ingin mengumpulkan tugas (upload tugas), maka akan muncul rancangan layar seperti diatas. Di tengah halaman ini terdapat tombol “Browse..” yang digunakan untuk mencari data yang akan dikumpulkan pada computer siswa tersebut. Jika data telah ditemukan dan dan dipilih maka siswa dapat mengumpulkan tugas tersebut dengan menekan tombol “Kirim!” Selain itu, sama seperti dihalaman HOME dari siswa, dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
305
8. Halaman Materi Tambahan
Gambar 4.129 Hasil Jalannya Program Materi Tambahan
Pada bagian link “Lihat Materi Tambahan” siswa dapat melihat materi tambahan pada bab tersebut jika guru yang mengajar mata pelajaran tersebut memberikan materi penunjang selain materi pokok yang diberikan dari sekolah. Jadi jika guru tersebut tidak memberikan materi tambahan atas bab tersebut, maka siswa tidak dapat mengakses materi tambahan. Selain itu, sama seperti dihalaman HOME dari siswa, dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
306
9. Halaman Data Pribadi
Gambar 4.130 Hasil Jalannya Program Data Pribadi
Pada layar tersebut terdapat informasi data pribadi dari siswa yang sedang login. Di halaman ini user dapat melihat data dirinya yang terdiri dari nama, tempat/ tanggal lahir, alamat, telepon, dan juga kelas siswa tersebut. Pada halaman data diri ini juga siswa dapat melihat atau mengakses forum dari kelas dimana siswa tersebut belajar. Jadi jika kelas siswa tersebut adalah kelas X maka siswa tersebut hanya dapat mengakses forum diskusi pada kelas X saja. Selain itu, sama seperti dihalaman HOME dari siswa, dihalaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
307
10. Halaman Forum Kelas
Gambar 4.131 Hasil Jalannya Program Forum Diskusi
Pada gambar tersebut akan terlihat thread mana saja yang telah di buat dan juga diberikan link “buat thread baru” jika siswa tersebut ingin membuat tread baru pada forum diskusi tersebut. Selain itu siswa tersebut juga dapat memberikan komentar atau melakukan posting pada thread yang sudah di buka dengan menekan link “post reply”. Dan apabila siswa tersebut ingin melihat isi dari thread, maka siswa dapat melakukanya dengan menekan link judul dari thread yang ingin siswa itu buka.
308
11. Halaman Detail Forum
Gambar 4.132 Hasil Jalannya Program Posting
Pada halaman ini terdapat detail forum pada kelas tersebut. Dimana pada halaman ini siswa dapat melihat secara detail isi dari suatu thread, dan juga dapat membalas thread yang bersangkutan dengan cara menekan tombol “post reply”. Selain itu juga terdapat tombol “kembali”, untuk kembali ke layar sebelumnya.
309
12. Halaman Reply Thread
Gambar 4.133 Hasil Jalannya Program Post Reply
Pada halaman ini siswa dapat melakukan perubahan pada tulisan yang ia buat sebelumnya dan jika siswa tersebut ingin memberikan komentar (melakukan post reply) pada postingan dari user yang sebelumnya. Jika user akan melakukan perubahan atau (edit) pada postingan yang telah ia buat maka tulisan yang ia buat pada postingan sebelumnya akan terlihat di layar, dan jika user tersebut melakukan post reply maka tidak ada terdaoat tulisan pada textbox posting. Disinilah terlihat perbedaan rancangan layar antara rancangan layar edit dan post reply.
310
13. Halaman Membuat Thread Baru
Gambar 4.134 Hasil Jalannya Program Buat Thread Baru
Jika siswa ingin membuat forum terbaru maka akan muncul rancangan layar seperti diatas dimana siswa tersebut di berikan 2 buah textbox yang akan digunakan untuk mengisi judul dari thread dan isi dari thread yang akan dibuat. Dan setelah user atau siswa selesai membuat thread tersebut maka rancangan layar akan kembali ke layar “forum diskusi” yang pertama tadi. Dan judul serta isi dari thread yang barusan di buat akan terlihat pada layar “forum diskusi” tersebut.
311
14. Halaman Jadwal Semester Berjalan
Gambar 4.135 Hasil Jalannya Program Jadwal
Pada tampilan ini siswa dapat melihat jadwal-jadwal pelajaran selama semester berjalan. Pada halaman ini terdapat link jadwal pelajran teori untuk menuju halaman jadwal pelajaran teori, link jadwal praktikum untuk menuju halaman jadwal praktikum, jadwal guru untuk menuju halaman jadwal guru, link kalender akademik untuk mengetahui kegiatan-kegiatan yang ada selama 1 tahun pelajaran. Selain itu di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
312
15. Halaman Jadwal Pelajaran Teori
Gambar 4.136 Hasil Jalannya Program Jadwal Teori
Pada tampilan ini siswa dapat melihat jadwal-jadwal pelajaran teori yang ada setiap harinya, selama 1 tahun ajaran, baik jam pelajaran, mata pelajaran ,serta guru yang mengajar. di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
313
16. Halaman Jadwal Praktikum
Gambar 4.137 Hasil Jalannya Program Jadwal Praktikum
Pada tampilan ini siswa dapat melihat jadwal-jadwal pelajaran praktikum yang ada setiap harinya, selama 1 tahun ajaran, baik jam pelajaran, mata pelajaran ,serta guru yang mengajar. di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
314
17. Halaman Jadwal Guru
Gambar 4.138 Hasil Jalannya Program Jadwal Guru
Pada tampilan ini siswa dapat melihat jadwal guru yang mengajar, dengan cara mengetik nama guru yang bersangkutan, kemudian menekan tombol “cari”. di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
315
18. Halaman Jadwal Ujian
Gambar 4.139 Hasil Jalannya Program Jadwal ujian
Pada tampilan ini siswa dapat melihat jadwal-jadwal ujian teori dengan menekan link jadwal ujian teori, dan jadwal ujian praktikum dengan menekan link jadwal ujian praktikum, jadwal ujian iniberlaku untuk semester yang sedang berjalan, di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
316
19. Halaman Jadwal Ujian Teori
Gambar 4.140 Hasil Jalannya Program Jadwal Ujian Teori
Pada tampilan ini siswa dapat melihat jadwal-jadwal ujian teori pada semester yang sedang berjalan. Baik tanggal, jam pelajaran, serta mata pelajaran ditampilkan disini agar dapat mempermudah siswa untuk melihat jadwal ujian teori. di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
317
20. Halaman Jadwal Ujian Praktikum
Gambar 4.141 Hasil Jalannya Program Jadwal Ujian Praktikum
Pada tampilan ini siswa dapat melihat jadwal-jadwal ujian praktikum pada semester yang sedang berjalan. Baik tanggal, jam pelajaran, serta mata pelajaran ditampilkan disini agar dapat mempermudah siswa untuk melihat jadwal ujian praktikum. di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
318
21. Halaman Nilai
Gambar 4.142 Hasil Jalannya Program Nilai
Pada tampilan halaman ini siswa dapat melihat nilai-nilai yang didapat siswa tersebut, namun yang ditampilkan disini hanya mata pelajaran, nilai tugas, nilai semester 1, dan nilai semester 2. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
319
22. Halaman Pertanyaan
Gambar 4.143 Hasil Jalannya Program Pertanyaan
Pada tampilan ini siswa dapat melihat FAQ (frequently asked question), yaitu pertanyaan yang sering ditanyakan dengan menekan link FAQ, dan layanan informasi siswa dengan menekan link jadwal ujian praktikum, jadwal ujian iniberlaku untuk semester yang sedang berjalan, di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
320
23. Halaman FAQ
Gambar 4.144 Hasil Jalannya Program FAQ
Pada tampilan halaman ini kita dapat melihat apa saja pertanyaan yang sering ditanyakan (FAQ) dimana apabila kita ingin melihat pertanyaan tersebut hanya dengan menekan link yang ada, kemudian akan diarahkan menuju pertanyaan tersebut. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
321
24. Halaman Layanan Informasi siswa
Gambar 4.145 Hasil Jalannya Program Layanan informasi Siswa
Pada tampilan halaman ini kita dapat melihat layanan informasi siswa, yaitu pertannyaan-pertanyaan yang tidak dimengerti dan ingin ditanyakan oleh siswa yang bersangkutan dengan memilih kategori pertanyaan dan mengisi text box pertanyaan kemudian menekan tombol simpan. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
322
25. Halaman Berita
Gambar 4.146 Hasil Jalannya Program Berita
Pada tampilan halaman ini kita dapat melihat berita-berita yang diberikan dari pihak sekolah, dan untuk memperjelas detail dari berita tersebut siswa dapat menekan link dari berita yang bersangkutan. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
323
26. Halaman News Feed
Gambar 4.147 Hasil Jalannya Program News Feed
Pada tampilan ini terdapat fitur tambahan “news feed” , seperti pada aplikasi twitter yang berfungsi bagi siswa dan guru yang bersangkutan dalam kelas tersebut untuk meng-”update” status-status mereka, dimana siswa dan guru yang bersangkutan dalam kelas tersebut juga dapat saling memberi komentar satu sama lain. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
324
27. Halaman Menanggapi komentar
Gambar 4.148 Hasil Jalannya Program Beri Komentar
Halaman ini merupakan detail dari status “news feed” satu siswa maupun guru, dimana siswa atau guru dapat memberi tanggapan maupun komentar pada status siswa atau guru yang bersangkutan dalam kelas tersebut. Di halaman ini juga terdapat pilihan menu di samping kiri dari layar seperti pilihan menu: Kelasku, Data Pribadi, Jadwal, Ujian, Nilai, Pertanyaan, Berita, dan News Feed. Di bagian atas di bawah banner terdapat pilihan menu: Halaman Utama, Ganti Password, dan Keluar.
325
28. Halaman Login Guru
Gambar 4.149 Hasil Jalannya Program Login Guru
Tampilan di atas adalah gambar layar pertama yang akan terlihat pada saat guru membuka dan mengakses website ini. Logo sekolah, nama sekolah serta visi dan misi sekolah akan telihat pada bagian banner. Di bagian tengah akan terdapat textbox untuk memasukkan kode pengguna serta textbox lainnya yang digunakan untuk memasukkan password dari user tersebut. Selain itu akan terdapat tombol submit yang digunakan untuk melakukan pengecekan password sehingga kode pengguna dan password pengguna akan sama dengan yang ada di dalam database user tersebut. Dan apabila kode pengguna dan password pengguna cocok maka user dapat masuk ke halaman berikutnya. Di bagian footer akan terdapat hak cipta e-learning berbasis web pada SMAK IPEKA TOMANG II.
