ANALISIS DAN PERANCANGAN Membangun E-Learning Menggunakan Metode Management System Sebagai Peningkatan Kualitas Proses Belajar Mengajar Pada SMA Yayasan Atikan Sunda

4. Bagi kepala sekolah dapat melihat siswa dalam pengerjaan soal yang diberikan guru, keaktifan siswa dan guru dalam forum diskusi dan keaktifan guru dalam memberikan materi dan tugas kepada siswa. 5. Menghasilkan media pembelajaran dengan suasana yang baru dalam proses belajar. 6. Terciptanya kondisi siswa sebagai pemeran utama dalam belajar, diamana siswa aktif dalam pembelajaran. 7. Fleksibel tempat dan waktu belajar yang digunakan. 8. Keuntungan kompetitif sekolah dalam upaya mengembangkan kegiatan belajar dibandingkan dengan sekolah lain. III.1.2 Analisis Masalah Pada SMA Yayasan Atikan Sunda, sistem pembelajaran yang digunakan masih berjalan secara tatap muka dengan metode pembelajaran konvensional. Metode pembelajaran tersebut dirasa masih memiliki kelemahan dalam penguasaan dan pemberdayaan materi seorang siswa. Sehingga timbul harapan agar siswa dapat bersifat kreatif dan mandiri dalam pembelajarannya. Metode tersebut juga memiliki keterbatasan terhadap waktu dan tempat, maka diperlukannya sebuah sistem untuk membantu proses belajar mengajar tersebut. Salah satunya adalah sistem e-learning berbasis web, dimana sistem ini dapat diakses kapan saja dan dimana saja, selama pengguna terhubung dengan jaringan internet. Lalu munculah beberapa masalah, yang kemudian diharapkan dapat terpecahkan masalah tersebut dengan dibangunnya sistem tersebut. Diantaranya : 1. Komunikasi dengan siswa dirasa kurang oleh sebagian guru, contohnya komunikasi di dalam kelas. Pada saat seorang guru menyampaikan materinya didalam kelas dan memberikan kesempatan seorang siswa untuk bertanya terhadap materi yang sedang diajarkan pada suatu waktu tentang pemahaman siswa tersebut. Menurut para guru, siswa yang bertanya merupakan siswa yang paham terhadap materi yang diajarkan sedangkan siswa yang diam adalah dia yang kurang memahami materi tetapi enggan untuk bertanya, entah dia malu atapun memang tidak tahu harus bertanya apa dan seperti apa. 2. Seorang guru yang berhalangan hadir untuk mengajar dengan keterangan tertentu, mengalami kesulitan untuk memberikan materi yang seharusnya diajarkan pada siswanya didalam kelas. Pada dasarnya guru yang tidak mengajar pada kesempatan tertentu, maka guru tersebut akan membahas dua materi pada pertemuan yang selanjutnya atau memberikan catatan materi kepada penjaga piket untuk dipelajari siswa. Sehingga dirasa dengan solusi tersebut seorang siswa akan mengalami kesulitan dalam pemahaman materi yang diajarkan, begitu pula dengan siswa yang tidak dapat mengikuti proses belajar mengajar dengan pengarahan dan pengawasan sehingga siswa mengalami kesulitan untuk memahami materi. 3. Terbatasnya waktu penyampaian materi di dalam kelas, sehingga siswa tidak dapat melakukan pemahaman secara luas terhadap materi yang diajarkan. Seperti halnya yang telah dijelaskan pada nomor 2 diatas, proses komunikasi cukup sulit diwujudkan di dalam kelas maupun di sekolah. Siswa yang cenderung memiliki kesulitan untuk bertanya kepada guru tentang materi yang diajarkan, serta guru yang ingin berkomunikasi atau berkumpul dengan siswa membahas materi dalam suatu waktu. Dalam hal ini guru maupun siswa mengalami kesulitan dengan dilakukan secara langsung ataupun tatap muka dengan keterbatasan waktu. III.1.3 Prosedur yang Berjalan Dari data-data yang dikumpulkan, dapat disimpulkan mengenai prosedur sistem pembelajaran konvensional yang sedang berjalan. Secara garis besar, terdapat 4 prosedur yang sedang berjalan dan ingin diperbaiki, yaitu antara lain : 1. Prosedur pemberian materi saat guru hadir, 2. Prosedur pemberian materi pembelajaran saat guru tidak hadir, 3. Prosedur pemberian tugas siswa saat guru hadir, 4. Prosedur pemberian tugas siswa saat guru tidak hadir, 5. Prosedur pelaksanaan ujian, 6. Prosedur pelaksanaan ulangan. Seluruh prosedur yang sedang berjalan tersebut, dapat digambarkan menggunakan flowmap. III.1.3.1 Prosedur Pemberian Materi Saat Guru Hadir Prosedur pemberian materi mata pelajaran yang sedang berjalan ini dilakukan oleh guru dan siswa. Pemberian materi tersebut dilakukan oleh guru kepada siswanya pada saat di dalam kelas. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat ringkasan dari materi yang akan diajarkan sebagai bahan pembelajaran di dalam kelas. 2. Ringkasan materi tersebut disampaikan oleh guru tersebut kepada siswa di dalam kelas. 3. Siswa mencatat materi pembelajaran yang disampaikan oleh guru. 4. Catatan materi yang telah dibuat oleh siswa, lalu disimpan oleh siswa sebagai arsip catatan materi. 5. Ringkasan materi yang telah dibuat oleh guru tersebut, akan dijadikan sebagai pengembangan materi untuk bahan mengajar selanjutnya. Aliran dokumen pemberian materi saat guru hadir digambarkan dalam bentuk flowmap seperti gambar III.1. Pemberian Materi Saat Guru Hadir Guru Siswa Buku Ajar Membuat ringkasan materi pelajaran Mencatat Materi Pelajaran Catatan Materi Pelajaran A3 A2 Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Buku Ajar A1 Gambar III.1 Flowmap Pemberian Materi Saat Guru Hadir Keterangan : A1 = Buku ajar guru. A2 = Catatan materi pelajaran siswa. A3 = Ringkasan materi pelajaran guru. III.1.3.2 Prosedur Pemberian Materi Saat Guru Tidak Hadir Prosedur pemberian materi saat guru tidak dapat hadir untuk mengajar diantaranya dilakukan oleh guru, guru piket dan siswa. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat ringkasan dari materi yang akan diajarkan ke dalam sebuah dokumen. 2. Dokumen yang telah dibuat oleh guru tersebut, akan diberikan kepada guru piket yang sedang menjaga di sekolah. 3. Guru piket akan menyampaikan dokumen tersebut kepada siswa untuk dipelajari di dalam kelas. 4. Siswa melakukan pencatatan materi yang berada pada dokumen yang diberikan oleh guru tersebut. 5. Dokumen yang telah dicatat oleh siswa tersebut dikembalikan kembali kepada guru piket untuk diberikan kembali kepada guru yang bersangkutan. 6. Sehingga guru dan siswa memiliki arsip tentang materi tersebut. Prosedur proses pemberian materi saat guru tidak hadir untuk mengajar, digambarkan dalam bentuk flowmap seperti gambar III.2. Pemberian Materi Saat Guru Tidak Hadir Siswa Ringkasan Materi Pelajaran Guru Petugas Piket Buku Ajar Membuat 2 Rangkap Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Mencatat Materi Pelajaran Catatan Materi Pelajaran A3 Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran Ringkasan Materi Pelajaran A2 Buku Ajar A1 Gambar III. 2 Flowmap Pemberian Materi Saat Guru Tidak Hadir Keterangan : A1 = Buku ajar guru. A2 = Catatan materi pelajaran siswa. A3 = Ringkasan materi pelajaran guru. III.1.3.3 Prosedur Pemberian Tugas Saat Guru Hadir Prosedur pemeberian tugas saat guru hadir ini dilakukan oleh guru dan siswa. Prosedur pemberian tugas ini biasanya dilakukan oleh guru kepada siswa saat setelah guru menyampaikan materi pembelajaran. Pemberian tugas ini sebagai bentuk evaluasi atau monitoring dalam pemahaman seorang siswa terhadap pembelajaran yang diberikan oleh guru tersebut. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat tugas untuk siswa yang berhubungan dengan materi pembelajaran yang telah diberikan sebelumnya. 2. Tugas tersebut akan diberikan kepada siswa di dalam kelas, yang sebelumnya siswa telah mendapatkan materi pembelajaran. 3. Siswa mendapatkan tugas yang diberikan oleh guru tersebut untuk diselesaikan. 4. Tugas yang telah diselesaikan akan diberikan kepada guru di dalam kelas pada waktu pembelajaran berlangsung maupun pemberian tugasnya pada ruang guru saat diluar waktu mengajar. 5. Guru melakukan pean pada tugas yang telah dikerjakan oleh para siswa. Setelah itu, guru akan memasukkan ke dalam arsip daftar tugas siswa. 6. Hasil tugas yang telah diperiksa dan diberi oleh guru tersebut, akan dikembalikan kepada siswa yang bersangkutan sebagai arsip siswa tersbut. Prosedur proses pemberian tugas saat guru hadir untuk mengajar, digambarkan dalam bentuk flowmap seperti gambar III.3. Pemberian Tugas Saat Guru Hadir Siswa 2 Soal Tugas Guru 2 Soal Tugas Materi yang Telah Diberikan Sebelumnya Pembuatan Soal Tugas Serta Jawabannya 1 Soal Tugas Jawaban Soal Tugas guru Mengerjakan Soal Tugas Jawaban Soal Tugas Jawaban Soal Tugas siswa Penilaian Soal Tugas A1 Jawaban Soal Tugas yang Telah di Nilai Memasukan Nilai Dalam Daftar Nilai Daftar Nilai Tugas Jawaban Soal Tugas yang Telah di Nilai Jawaban Soal Tugas yang Telah di Nilai A5 2 Soal Tugas Jawaban Soal Tugas guru A3 A2 A4 Gambar III. 3 Flowmap Pemberian Tugas Saat Guru Hadir Keterangan : A1 = Soal tugas 1 guru. A2 = Soal tugas 2 siswa. A3 = Daftar tugas guru A4 = Jawaban soal tugas yang telah di siswa III.1.3.4 Prosedur Pemberian Tugas Saat Guru Tidak Hadir Prosedur pemberian tugas saat guru tidak dapat hadir untuk mengajar diantaranya dilakukan oleh guru, guru piket dan siswa. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat tugas untuk siswa yang berhubungan dengan materi pembelajaran yang telah diberikan sebelumnya. 2. Tugas yang telah dibuat oleh guru tersebut, akan diberikan kepada guru piket yang sedang menjaga di sekolah. 3. Guru piket akan menyampaikan tugas tersebut kepada siswa untuk diselesaikan sesuai dengan amanat yang diberikan guru tersebut. 4. Siswa menyelesaikan tugas yang diberikan oleh guru tersebut. 5. Tugas yang telah selesai diberikan atau dikumpulkan kepada guru piket untuk diberikan kepada guru yang bersangkutan. Bisa juga tugas yang telah diselesaikan diberikan atau dikumpulkan pada saat pertemuan selanjutnya dengan guru hadir untuk mengajar. 6. Guru melakukan pean pada tugas yang telah dikerjakan oleh para siswa. Setelah itu, guru akan memasukkan ke dalam arsip daftar tugas siswa. 7. Hasil tugas yang telah diperiksa dan diberi oleh guru tersebut, akan dikembalikan kepada siswa yang bersangkutan sebagai arsip siswa tersebut. Prosedur proses pemberian tugas saat guru tidak hadir untuk mengajar, digambarkan dalam bentuk flowmap seperti gambar III.4. Pemberian Tugas Saat Guru Tidak Hadir Petugas Piket Siswa Guru A3 A1 A4 A5 Jawaban Soal Tugas yang Telah di Nilai Memasukan Nilai Dalam Daftar Nilai Jawaban Soal Tugas Daftar Nilai Tugas Jawaban Soal Tugas guru Jawaban Soal Tugas yang Telah di Nilai Pembuatan Soal Tugas Serta Jawabannya Jawaban Soal Tugas siswa Jawaban Soal Tugas yang Telah di Nilai Mengerjakan Soal Tugas Penilaian Soal Tugas Materi yang Telah Diberikan Sebelumnya Jawaban Soal Tugas 2 Soal Tugas 1 Soal Tugas 2 Soal Tugas 2 Soal Tugas 2 Soal Tugas A2 Jawaban Soal Tugas guru Gambar III. 4 Flowmap Pemberian Tugas Saat Guru Tidak Hadir Keterangan : A1 = Soal tugas 1 guru. A2 = Soal tugas 2 siswa. A3 = Jawaban soal tugas guru. A4 = Daftar tugas guru. A5 = Jawaban soal yang telah di siswa. III.1.3.5 Prosedur Pelaksanaan Ujian Prosedur pelaksanaan ujian diantaranya dilakukan oleh guru, panitia ujian dan siswa. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat soal ujian untuk siswa yang berhubungan dengan materi pembelajaran yang telah diberikan sebelumnya. 2. Soal ujian diberikan kepada panitia ujian. Panitia ujian akan membagikan soal ujian dan lembar jawaban kepada para siswa. 3. Siswa mengerjakan soal ujian tersebut dalam lembar jawaban dengan kurun waktu yang telah ditetapkan. 4. Setelah waktu ujian selesai, maka siswa wajib mengumpulkan soal ujian dan lembar jawaban tersebut. 5. Panitia ujian memberikan soal dan lembar-lembar jawaban yang telah diselesaikan oleh siswa kepada guru yang bersangkutan. 6. Lembar-lembar jawaban yang telah diterima oleh guru yang bersangkutan akan diperiksa dan diberikan pean dan dimasukkan pada daftar siswa. 7. Hasil ujian yang telah diperiksa dan diberi oleh guru, akan dikembalikan kepada siswa yang bersangkutan sebagai arsip siswa tersebut. Prosedur proses pelaksanaan ujian, digambarkan dalam bentuk flowmap seperti gambar III.5. Pelaksanaan Ujian Siswa 2 Soal Ujian Guru 2 Panitia Ujian A3 A1 Jawaban Soal Ujian yang Telah di Nilai Jawaban Ujian guru 1 Soal Ujian Memasukan Nilai Dalam Daftar Nilai Pembuatan Soal Ujian Serta Jawabannya Jawaban Soal Ujian yang Telah di Nilai Daftar Nilai Ujian Materi yang Telah Diberikan Sebelumnya 2 Soal Ujian Lembar Jawaban Kosong Lembar Jawaban Kososng Mengerjakan Soal Ujian Pada Lembar Jawaban Lembar Jawaban yang Telah diisi Lembar Jawaban yang Telah diisi Pemeriksaan dan Penilaian Jawaban Ujian Jawaban Soal Ujian yang Telah di Nilai Jawaban Soal Ujian yang Telah di Nilai Jawaban Ujian guru Jawaban Ujian guru Jawaban Ujian guru A4 A2 2 Soal Ujian A5 Gambar III. 5 Flowmap Pelaksanaan Ujian Keterangan : A1 = Soal ujian 1 guru. A2 = Soal ujian 2 siswa. A3 = Jawaban ujian guru. A4 = Daftar ujian guru. A5 = Jawaban soal ujian yang telah di siswa. III.1.3.6 Prosedur Pelaksanaan Ulangan Prosedur pelaksanaan ulangan diantaranya dilakukan oleh guru dan siswa. Adapun alur prosedurnya adalah sebagai berikut : 1. Guru membuat soal ulangan untuk siswa yang berhubungan dengan materi pembelajaran yang telah diberikan sebelumnya. 2. Siswa mengerjakan soal ulangan tersebut dengan kurun waktu yang telah ditetapkan. 3. Setelah waktu ulangan selesai, maka siswa wajib mengumpulkan soal ulangan tersebut. 4. Soal ulangan yang telah diterima oleh guru yang bersangkutan akan diperiksa dan diberikan pean dan dimasukkan pada daftar siswa. 5. Hasil ulangan yang telah diperiksa dan diberi oleh guru, akan dikembalikan kepada siswa yang bersangkutan sebagai arsip siswa tersebut. Prosedur proses pelaksanaan ulangan, digambarkan dalam bentuk flowmap seperti gambar III.6. 2 Soal Tugas Prosedur Pelaksanaan Ulangan Siswa Guru A1 A5 A3 A2 A4 Jawaban Ulangan siswa Daftar Nilai Ulangan Penilaian Soal Ulangan 2 Soal Ulangan Jawaban Soal Ulangan guru Mengerjakan Soal Ulangan 1 Soal Ulangan Jawaban Ulangan guru Jawaban Soal Ulangan yang Telah di Nilai Jawaban Soal Ulangan yang Telah di Nilai Memasukan Nilai Dalam Daftar Nilai Jawaban Soal Ulangan 2 Soal Ulangan Jawaban Soal Ulangan yang Telah di Nilai Pembuatan Soal Ulangan Serta Jawabannya Materi yang Telah Diberikan Sebelumnya Waktu Selesai dan Kumpulkan Gambar III.6 Flowmap Pelaksanaan Ulangan Keterangan : A1 = Soal ulangan 1 guru. A2 = Soal ulangan 2 siswa. A3 = Jawaban soal ulangan guru. A4 = Daftar ulangan guru. A5 = Jawaban soal ulangan yang telah di siswa. III.2 Analisis Kebutuhan Non-Fungsional Analisis kebutuhan non-fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai sistem tersebut dapat diimplementasikan. Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan. Kebutuhan non-fungsional yang diajukan adalah terdapatnya komputer yang terhubung dengan jaringan internet agar kinerjanya dapat berjalan secara maksimal serta memudahkan dalam hal pengolahan database. III.2.1 Analisis Pengguna Sistem Analisis pengguna dimaksudkan untuk mengetahui siapa saja pengguna yang terlibat dalam proses pembelajaran sehingga dapat diketahui tingkat pengalaman dan pemahaman pengguna komputer. Pada tabel III.2 akan dijabarkan tentang siapa saja pengguna yang terlibat pada sistem yang akan dibagun serta klasifikasi masing-masing pengguna yang terlibat antara lain : Tabel III.2 Klasifikasi Pengguna yang Terlibat Pengguna yang Terlibat Klasifikasi Kepala Tata Usaha a. Sebagai pengelola administrasi ketenagaan dan siswa. b. Jenjang pendidikan D3 Manajemen. c. Dapat menggunakan microsoft office dan web browser. Staf Bidang Kurikulum a. Mengatur pembelajaran kelas dan menyusun tugas mengajar guru. b. Jenjang pendidikan S1 Administrasi Negara. c. Dapat menggunakan microsoft office dan web browser. Kepala Sekolah a. Dapat mengoprasikan komputer dan menggunakan web browser. b. Jenjang pendidikan S2 Magister Ilmu Pemerintahan. Guru a. Rata-rata dapat mengoprasikan komputer dan menggunakan web browser. b. Memiliki jenjang pendidikan rata-rata S1. Siswa a. Rata-rata dapat mengoprasikan komputer dan menggunakan web browser. b. Memiliki jenjang pendidikan terakhir SMP. Orangtua Siswa Rata-rata dapat mengoprasikan komputer dan menggunakan web browser. Setiap pengguna dari e-learning memiliki pengaksesantugas yang berbeda dalam pengoprasian web e-learning tersebut. Penjelasan yang mudah terpahami akan dijabarkan sesuai dengan pengguna web e-learning. Dengan demikian dapat dengan mudah memahami karakteristik pengguna apa saja dalam pengoprasian web e-learning tersebut. Spesifikasi pengguna dapat dideskripsikan sebagai berikut : 1. Kepala tata usaha adalah pengguna yang melakukan pengelolaan pendataan guru, siswa, dan orang tua web e-learning ini. Dalam hal ini guru juga mendapatkan pembelajaran mengenai pengoprasian web e-leraning ini. Tabel III.3 Klasifikasi Pengguna Kepala Tata Usaha Pengguna Kepala Tata Usaha. Hak Akses Mengelola guru, siswa, orang tua, dan siswa naik kelas. Tingkat Pendidikan Minimal D3. Tingkat Kemampuan Memiliki pemahaman yang baik terhadap pengelolaan data dalam web e-learning serta memiliki kemampuan terhadap teknologi internet dan web browser. Pengalaman Pernah terlibat pada dunia komputer dan mengelola sebuah aplikasi. 2. Staf bagian kurikulum adalah pengguna yang melakukan pengelolaan pendataan tugas guru mengajar web e-learning ini. Dalam hal ini guru juga mendapatkan pembelajaran mengenai pengoprasian web e-leraning ini. Tabel III.4 Klasifikasi Pengguna Staf Bagian Kurikulum Pengguna Staf Bidang Kurukulum. Hak Akses Mengelola tahun ajaran, semester, kelas, mata pelajaran, dan mengajar. Tingkat Pendidikan Minimal D3. Tingkat Kemampuan Memiliki pemahaman yang baik terhadap pengelolaan data dalam web e-learning serta memiliki kemampuan terhadap teknologi internet dan web browser. Pengalaman Pernah terlibat pada dunia komputer dan mengelola sebuah aplikasi. 3. Kepala Sekolah adalah pengguna yang memonitoring kinerja atau aktivitas guru dan siswa. Dalam hal ini kepala sekolah juga mendapatkan pembelajaran mengenai pengoprasian web e-learning ini. Tabel III.5 Klasifikasi Pengguna Kepala Sekolah Pengguna Kepala Sekolah. Hak Akses Melihat kinerja guru dan siswa, serta dapat terlibat pada forum diskusi. Tingkat Pendidikan Minimal D3. Tingkat Kemampuan Memiliki kemampuan terhadap teknologi internet dan web browser. Pengalaman Pernah mengakses sebuah web. 4. Guru adalah pengguna yang memberikan materi pembelajaran, tugas dan ujian kepada siswa. Dalam hal ini guru juga mendapatkan pembelajaran mengenai pengoprasian web e-leraning ini. Tabel III.6 Klasifikasi Pengguna Guru Pengguna Guru. Hak Akses Menelola materi, tugas, soal, forum, dan pengumuman. Tingkat Pendidikan Minimal D3. Tingkat Kemampuan Memiliki penguasaan pengelolaan terhadap web e-learning, internet dan web browser. Pengalaman Pernah mengakses sebuah web dan mengelola web. 5. Orang tua siswa adalah pengguna yang memonitoring aktivitas siswanya yang sekolah pada SMA Yayasan Atikan Sunda Bandung. Dalam hal ini orang tua siswa juga mendapatkan pembelajaran mengenai pengoprasian web e-leraning ini. Tabel III.7 Klasifikasi Pengguna Orangtua Siswa Pengguna Orangtua siswa. Hak Akses Melihat laporan siswa, aktifitas siswa dalam forum dikusi, dan dapat mengikuti forum diskusi. Tingkat Pendidikan Minimal SMA atau sederajat. Tingkat Kemampuan Memiliki kemampuan terhadap teknologi internet dan web browser. Pengalaman Pernah mengakses sebuah web. 6. Siswa adalah pengguna yang mendapatkan materi dan tugas, mengerjakan ujian dan ulangan, serta dapat mengikuti forum diskusi. Dalam hal ini siswa juga mendapatkan pembelajaran mengenai pengoprasian web e-leraning ini. Tabel III.8 Klasifikasi Pengguna Siswa Pengguna Siswa Hak Akses Mengakses materi, tugas, ujian dan dapat mengikuti forum diskusi terhadap mata pelajaran yang terkait. Tingkat Pendidikan Minimal SMP atau sederajat. Tingkat Kemampuan Memiliki kemampuan pemahaman pengoprasian terhadap web e-learning, serta paham teknologi internet dan web browser. Pengalaman Pernah mengakses sebuah web. Dengan demikian diambil kesimpulan yang dapat dilihat dari klasifikasi pengguna yang terlibat yang telah dijelaskan diatas dan kalsifikasi pengguna dalam sistem yang telah dijelaskan diatas, setiap pengguna telah memiliki kemampuan yang cukup dalam mengoprasikan web e-learning yang akan dibangun. Namun agar pengoprasiannya berjalan dengan baik setiap pengguna dapat diberikan pelatihan penggunaan web e-learning sehingga fungsi web e- learning ini tercapai dengan baik. III.2.2 Analisis Pengkodean Kode merupakan penyajian dalam mengklasifikasikan data sehingga mudah dalam proses masukan ke dalam sistem. Penggunaan kode biasanya digunakan untuk mengidentifikasikan data, kode digunakan hampir pada semua proses yang ada kaitannya dengan data. Sistem yang berjalan saat ini hanya menggunakan satu kode dan menggunakan format angka dan huruf untuk kode berikut : III.2.2.1 Pengkodean Nomor Unik Pendidik dan Tnaga Kependidikan NUPTK NUPTK adalah singkatan dari Nomor Unik Pendidik dan Tenaga Kependidikan yang merupakan Nomor Induk bagi seorang Pendidik atau Tenaga Kependidikan. NUPTK diberikan kepada seluruh PTK baik PNS maupun Non- PNS sebagai Nomor Identitas yang resmi untuk keperluan identifikasi dalam berbagai pelaksanaan program dan kegiatan yang berkaitan dengan pendidikan dalam rangka peningkatan mutu pendidik dan tenaga kependidikan. NUPTK terdiri dari 16 angka yang bersifat tetap karena NUPTK yang dimiliki seorang PTK tidak akan berubah meskipun yang bersangkutan telah berpindah tempat mengajar, perubahan riwayat status kepegawaian dan atau terjadi perubahan data lainnya. III.2.2.2 Pengkodean Nomor Induk Siswa NIS Nomor induk siswa ditetapkan oleh pihak sekolah yang diberikan kepada siswa setelah siswa dinyatakan resmi menjadi siswa tetap di SMA YAS. Nomor induk siswa digunakan selama siswa tersebut masih aktif sebagai siswa dalam kegiatan belajar mengajar di SMA YAS. Nomor induk siswa pada SMA YAS terdiri dari Sembilan 9 digit angka. Berikut ini contoh Pengkodean Nomor Induk Siswa NIS. Tabel III.9 Nomor Induk Siswa Nama NIS Tahun Masuk Kelas No. Urut Agina Herawati 111210001 2011-2012 10 001 III.2.2.3 Pengkodean KelasTingkat Pengkodean kelas yang saat ini digunakan pada SMA YAS antara lain kelas X sepuluh, XI sebelas dan XIIduabelas. Pada setiap kelas XI dan XII memiliki penjurusan, penjurusan pada SMA YAS hanya memiliki 2 penjurusan adalah IPA dan IPS. Berikut ini contoh Pengkodean KelasTingkat. Tabel III.10 KelasTingkat Contoh Kelas KelasTingkat Jurusan No. Urut Kelas Kelas X :  X 1  X 2 X sepuluh - 1, 2, dst Kelas XI :  XI IPA 1  XI IPS 1 XI sebelas IPA dan IPS 1, 2, dst 1112 10 001 No. Urut Kelas Tahun Masuk Kelas XII :  XII IPA 1  XII IPS 1 XII duabelas IPA dan IPS 1, 2, dst Kelas X : X 1 No. Urut Kelas Tingkat Kelas XI : XI IPA 1 No. Urut Kelas Jurusan Tingkat Kelas XII : XII IPA 1 No. Urut Kelas Jurusan Tingkat III.2.3 Analisis Perangkat Keras Perangkat keras adalah suatu hal yang harus diperhatikan, karena tanpa perangkat keras yang memadai dengan dibutuhkannya, sistem yang akan dibangun tidak akan bisa beroperasi dengan baik bahkan tidak sama sekali beroperasi sekali pun. Berdasarkan analisis perangkat keras yang tersedia pada SMA YAS sesuai dengan pengguna yang terlibat dalam web e-learning hanya terdapat 3 pengguna yang memiliki fasilitas perangkat keras yaitu kepala tata usaha, staf bagian kurikulum dan kepala sekolah, spesifikasi perangkat keras yang digunakan adalah sebagai berikut : Tabel III.11 Perangkat Keras Kepala Tata Usaha Perangkat Spesifikasi Processor Intel LGA775 Dual Core E5400 2,70 GHz Memory DDR2 1GB Space Harddisk 160 GB VGA Intel HD Graphics Penunjang lainnya Keyboard, Mouse, Printer, Monitor, dan Local Area Network Tabel III.12 Perangkat Keras Staf Bagian Kurikulum Perangkat Spesifikasi Processor Intel LGA775 Dual Core E5400 2,70 GHz Memory DDR2 1GB Space Harddisk 160 GB VGA Intel HD Graphics Penunjang lainnya Keyboard, Mouse, Printer, Monitor, dan Local Area Network Tabel III.13 Perangkat Keras Kepala Sekolah Perangkat Spesifikasi Processor Intel LGA775 Dual Core E5400 2,70 GHz Memory DDR2 1GB Space Harddisk 160 GB VGA Intel HD Graphics Penunjang lainnya Keyboard, Mouse, Monitor, dan Local Area Network Sistem yang dibangun pada SMA YAS diimplementasikan secara langsung menggunakan jaringan internet. Berikut spesifikasi minimum perangkat keras yang dibutuhkan untuk menjalankan aplikasi web e-learning serta pengelolaannya. Berikut adalah keterangan tentang perangkat keras yang akan digunakan dari sisi server sebagai pengelola sistem dan client sebagai pengguna : Tabel III.14 Perangkat Keras Server Perangkat Spesifikasi Processor 1,0 Ghz Memory 256 MB Space Harddisk 80 GB VGA 128 MB Jaringan Internet Minimal 64 kbps Penunjang lainnya Keyboard, Mouse, ModemLANWifi, Printer, Monitor Tabel III.15 Perangkat Keras Client Perangkat Spesifikasi Processor 1,0 Ghz Memory 256 MB Space Harddisk 40 GB VGA 128 MB Jaringan Internet Minimal 64 kbps Penunjang lainnya Keyboard, Mouse, ModemLANWifi, Printer, Monitor Berdasarkan data-data tersebut, maka spesifikasi perangkat keras yang sedang digunakan kepala tata usaha, staf bagian kurikulum, dan kepala sekolah telah memadai untuk menggunakan sistem yang akan dibangun, sehingga tidak perlunya pengadaan perangkat lainnya. Selain itu, pada SMA YAS sudah memiliki jaringan internet menggunakan wireless. Jaringan internet yang dihasilkan cukup baik, sehingga akses internet dan penggunaan web e-learning dapat berjalan dengan baik. III.2.4 Analisis Perangkat Lunak Analisis perangkat lunak disini menjelaskan tentang berbagai kebutuhan yang diperlukan dalam membangun aplikasi web e-learning. Kebutuhan perangkat lunak adalah sebuah faktor penunjang yang penting dalam membangun aplikasi yang akan dibangun. Spesifikasi perangkat lunak komputer yang terdapat pada komputer kepala tata usaha, staf bagian kurikulum dan kepala sekolah adalah sebagai berikut : Tabel III.16 Perangkat Lunak Kepala Tata Usaha Perangkat Keterangan Sistem Operasi Window XP Media Penyimpanan Data Microsoft Excel Web Browser Internet Explorer, Mozilla Firefox, dan Google Chrome Tabel III.17 Perangkat Lunak Staf Bagian Kurikulum Perangkat Keterangan Sistem Operasi Window XP Media Penyimpanan Data Microsoft Excel Web Browser Internet Explorer, Mozilla Firefox, dan Google Chrome Tabel III.18 Perangkat Lunak Kepala Sekolah Perangkat Keterangan Sistem Operasi Window XP Web Browser Internet Explorer, Mozilla Firefox, dan Google Chrome Berikut adalah keterangan spesifikasi tentang perangkat lunak yang akan digunakan dari sisi server sebagai pembangun sistem dan client sebagai pengguna sistem : Tabel III.19 Perangkat Lunak Server Perangkat Keterangan Sistem Operasi Window XP atau sistem operasi diatasnya Web Browser Mozilla Firefox, Google Chrome Bahasa Pemrograman PHP, Javascript Web Server XAMPP Aplikasi Builder Adobe Dreamweaver CS5 Database Mysql 5.0.45 Tabel III.20 Perangkat Lunak Client Perangkat Keterangan Sistem Operasi Window XP atau sistem operasi diatasnya Web Browser Internet Explorer, Mozilla Firefox, dan Google Chrome Berdasarkan data-data tersebut, maka spesifikasi perangkat lunak yang terdapat pada komputer kepala tata usaha an staf bagian kurikulum sebagai server belum memadai, maka diperlukan installasi program-program yang dibutuhkan sedangkan kepala sekolah telah memadai untuk menggunakan sistem yang akan dibangun sehingga tidak perlunya pengadaan perangkat lainnya. III.2.5 Analisis Jaringan Pada dasarnya dalam analisis jaringan ini adalah menganalisa jaringan yang akan digunakan dalam mengakses web e-learning tersebut dan jaringan yang terdapat pada instansi yang bersangkutan. Jaringan yang ada pada SMA YAS sudah memiliki jaringan internet dengan menggunakan wireless dan LAN Local Area Netwok dengan topologi ring. Internet hub access point Wakasek. Bidang Kesiswaan Koordinator Lab. Komputer Kepala Sekolah web server Wakasek. Bidang Kurikulum WiFi ISP Gambar III.7 Arsitektur Jaringan SMA YAS Dengan arsitektur jaringan pada SMA Yayasan Atikan Sunda Bandung yang tersedia, maka telah memadai dalam pengoprasian web e-learning yang akan dibangun. III.3 Analisis Basis Data III.3.1 Entity Relationship Diagram ERD Entity Relationship Diagram ERD digunakan untuk menggambarkan relasi antar tabel dengan tujuan untuk memperjelas hubungan antar tabel suatu data. ERD dibutuhkan sebagai alur file basis data web e-learning. Entity relationship diagram, web e-learning ini seperti pada gambar III.8. guru kelas mengajar jadwal N N N N id_guru id_matpel id_jadwal id_kelas id_kelas id_guru id_mengajar mata_pelajaran id_matpel semester memiliki tahun_ajaran memiliki siswa memiliki tugas materi memiliki unggah_tugas memiliki detail_soal 1 N N 1 1 1 N N 1 1 1 memiliki N forum_tanya memiliki N 1 pengumuman memiliki N 1 N N N N forum_jawab memiliki N 1 1 orang_tua memiliki 1 N memiliki 1 1 memiliki N memiliki 1 N id_ortu id_ortu id_pengumuman id_jawab id_tanya id_jawab id_tanya id_tanya id_guru id_guru id_pengumuman id_guru id_jawab id_semester id_semester id_jadwal id_jadwal id_ajaran id_ajaran id_ajaran id_siswa id_siswa id_kelas id_siswa id_jadwal id_materi id_materi id_utugas id_utugas id_tugas id_tugas id_tugas id_materi id_detsoal id_siswa id_siswa id_jawab memiliki 1 N id_kelas id_ajaran memiliki 1 id_utugas memiliki N 1 id_matpel id_ajaran pengurus memiliki 1 N id_pengumuman id_pengurus id_pengurus hasil id_hasil id_siswa soal memiliki 1 id_detsoal id_soal id_soal id_siswa id_mengajar id_soal memiliki id_matpel id_soal 1 N memiliki id_guru id_soal 1 N Gambar III.8 Entity Relationship Diagram Keterangan : guru {id_guru, nama, password, kelamin, alamat, profil, telp, email, agama, tgl_lahir, tmp_lahir} siswa {id_siswa, nama, password, alamat, tgl_lahir, tmp_lahir, telp, email, agama, kelamin} orang_tua {id_ortu, nama, password, kelamin, alamat, sebagai, pekerjaan, telp, email, agama, tgl_lahir, tmp_lahir} pengurus { id_pengurus, jabatan, nama, password, kelamin, alamat, profil, telp, email, agama, tgl_lahir, tmp_lahir} tahun_ajaran {id_ajaran, tahun_ajaran} semester {id_semester, semester} matapelajaran {id_matpel, matapelajaran} kelas {id_kelas, kelas} mengajar {id_mengajar} jadwal {id_jadwal} materi {id_materi, materi, nama_file, ukuran, url, tgl, keterangan} tugas {id_tugas, tugas, nama_file, ukuran, url, tgl, keterangan} unggah_tugas {id_utugas, nama, nama_file, ukuran, url, tgl, keterangan} soal {id_soal, nama, keterangan, untuk, jumlahsoal, disajikan, opsi, metode, waktu} detail_soal {id_detsoal, pertanyaan, opsia, opsib, opsic, opsid, opsie, kunci, benar, salah, sisbenar, sissalah, ja, jb, jc, jd, je, jk} hasil {id_hasil, waktu, jenis_tes, benar, salah, , lama} pengumuman {id_pengumuman, judul, isi, tgl} forum_tanya {id_tanya, topik, detail, tgl, jml_lihat, jml_pengikut} forum_jawab {id_jawab, nama, jawab, tgl, sebagai} III.4 Analisis Kebutuhan Fungsional III.4.1 Diagram Konteks Alat pemodelan ini digunakan untuk menggambarkan interaksi sistem dengan lingkungan serta mendeskripsiskan fungsi sebuah sistem. Diagram konteks digambarkan dengan sebuah lingkaran yang terhubung dengan entitas luar yang terlibat dalam sistem tersebut. Diagram konteks, web e-learning ini seperti pada gambar III.9. E-learning SMA Yayasan Atikan Sunda Bandung Tata Usaha Orang Tua Guru Kepala Sekolah Siswa Data Login Tata Usaha Data Atur Profil Tata Usaha Data Lupa Passsword Data Guru Data Siswa Data Orang Tua Data Naik Kelas Info Login Tata Usaha Gagal Info Atur Profil Tata Usaha Info Lupa Passsword Info Guru Info Siswa Info Orang Tua Info Naik Kelas Info Login Orang Tua Gagal Info Atur Profil Orang Tua Info Lupa Passsword Info Hasil Info Aktifitas Diskusi Info Absensi Siswa Data Login Orang Tua Data Atur Profil Orang Tua Data Lupa Passsword Data Hasil Data Aktifitas Diskusi Data Absensi Siswa Info Login Kepala Sekolah Gagal Info Atur Profil Kepala Sekolah Info Lupa Passsword Info Hasil Info Aktifitas Guru Info Aktifitas Diskusi Data Login Kepala Sekolah Data Atur Profil Kepala Sekolah Data Lupa Passsword Data Hasil Data Aktifitas Guru Data Aktifitas Diskusi Info Login Guru Gagal Info Atur Profil Guru Info Lupa Passsword Info Materi Pelajaran Info Tugas Info Tugas Siswa Info Soal Info Hasil Info Forum Info Pengumuman Data Login Guru Data Atur Profil Guru Data Lupa Passsword Data Materi Pelajaran Data Tugas Data Tugas Siswa Data Soal Data Hasil Data Forum Data Pengumuman Info Login Siswa Gagal Info Atur Profil Siswa Info Lupa Passsword Info Materi Pelajaran Info Tugas Info Soal Info Hasil Info Forum Info Pengumuman Data Login Siswa Data Atur Profil Siswa Data Lupa Passsword Data Materi Pelajaran Data Tugas Data Soal Data Hasil Data Forum Data Pengumuman Kurikulum info Login Kurikulum info Atur Profil Kurikulum info Lupa Passsword info Tahun Ajaran info Semester info Kelas info Mata Pelajaran info Mengajar Info Jadwal Data Login Kurikulum Data Atur Profil Kurikulum Data Lupa Passsword Data Tahun Ajaran Data Semester Data Kelas Data Mata Pelajaran Data Mengajar Data Jadwal E-mail Data Lupa Password Info Lupa Password Gambar III.9 Diagram Konteks III.4.2 Data Flow Diagram DFD Data Flow Diagaram DFD menunjukan bagaimana aliran data dan menguraikan proses-proses yang terjadi dalam sistem sampai proses yang lebih detail. Pada diagram konteks aplikasi e-learning seperti pada gambar 3.8 dapat diuraikan menjadi beberapa DFD. III.4.2.1 DFD Level 1 Gambar III.10 DFD Level 1 berikut ini menjelaskan bahwa pengguna sistem dapat melakukan akses pada website dengan memilih menu yang tersedia ke dalam sistem sebagai tata usaha, kurikulum, guru, siswa, orang tua maupun kepala sekolah. Pada setiap pengguna sistem memiliki menu yang berbeda-beda sesuai hak akses pada setiap penggunanya. Tata Usaha Orang Tua Guru Kepala Sekolah Siswa 1 Pengolahan Data Master 3 Pengolahan Akun Pengguna 4 Pembelajaran 6 Pengolahan Forum 5 Pengolahan Pengumuman Data Siswa Data Guru Data Orang Tua Data Naik Kelas Data Login Tata Usaha Info Login Tata Usaha Gagal Info Login Guru Gagal Data Login Guru Info Atur Profil Tata Usaha Data Atur Profil Tata Usaha Data Atur Profil Guru Info Atur Profil Guru Inf o L ogi n Si s w a Gag al D a ta Log in Sis w a Data Login Orang Tua Info Login Orang Tua Gagal Info Login Kepala Sekolah Gagal Data Login Kepala Sekolah Data Atur Profil Kepala Sekolah Info Atur Profil Kepala Sekolah Tahun_Ajaran Semester Kelas Jadwal Data Materi Pelajaran Data Siswa Data Tugas Data Soal Data Hasil Info Materi Pelajaran Info Siswa Info Tugas Info Soal Info Hasil Data Materi Pelajaran Data Tugas Data Soal Data Hasil Info Materi Pelajaran Info Tugas Info Soal Info Hasil Data Hasil Data Siswa Info Hasil Info Siswa Data Pengumuman Info Pengumuman Data Forum Info Forum Data Pengumuman Info Pengumuman Data Forum Info Forum Data Forum Info Forum Data Forum Info Forum Mata_Pelajaran Guru Siswa Orang_Tua Data Tahun Ajaran Data Tahun Ajaran Data Semester Data Semester Data Kelas Data Kelas Data Jadwal Data Jadwal Data Mata Pelajaran Data Mata Pelajaran Data Guru Data Guru Data Siswa Data Siswa Data Orang Tua Info Siswa Info Guru Info Orang Tua Info Naik Kelas 2 Login Data Guru Data Guru Data Siswa Data Siswa Data Orang Tua Data Orang Tua Info Atur Profil Orang Tua Data Atur Profil Orang Tua Materi Tugas Unggah_Tugas Soal Detail_Soal Hasil Data Materi Data Materi Data Tugas Data Tugas Data Unggah Tugas Data Unggah Tugas Data Soal Data Soal Data Detail Soal Data Detail Soal Data Hasil Soal Data Hasil Soal Data Mata_Pelajaran Data Mata_Pelajaran Data Jadwal Data Jadwal Data Kelas Data Kelas Data Semester Data Semester Data Tahun Ajaran Data Tahun Ajaran Forum_Tanya Forum_Jawab Pengumuman Data Pengumuman Data Pengumuman Data Forum Tanya Data Forum Tanya Data Forum Jawab Data Forum Jawab Data Guru Data Guru Data Siswa Data Siswa Data Orang Tua Data Orang Tua Data Pengumuman Info Pengumuman Data Atur Profil Siswa Info Atur Profil Siswa Data Pengumuman Info Pengumuman Data Pengumuman Info Pengumuman D a ta J ad w al D at a J adw al Data Mata_Pelajaran Data Mata_Pelajaran Data Orang Tua Pengurus Data Pengurus Data Pengurus Data Guru Data Guru Data Pengurus Data Pengurus Data Guru Data Guru Data Guru Data Guru Data Pengurus Data Pengurus Data Guru Data Siswa Data Guru Data Siswa E-mail 7 Lupa Password Data Lupa Password Info Lupa Password Data Lupa Password Info Lupa Password Data Lupa Password Info Lupa Password Data Lupa Password Info Lupa Password Data Lupa Password Info Lupa Password Kurikulum Data Tahun Ajaran Data Semester Data Kelas Data Mata Pelajaran Data Jadwal Data Mengajar Info Tahun Ajaran Info Semester Info Kelas Info Mata Pelajaran Info Jadwal Info Mengajar Data Login Kurikulum Info Login Kurikulum Gagal Info Atur Profil Kurikulum Data Atur Profil Kurikulum Data Pengumuman Info Pengumuman Data Lupa Password Info Lupa Password Data Lupa Password Info Lupa Password Data Orang Tua Data Orang Tua Data Guru Data Guru Data Siswa Data Siswa Data Pengurus Data Pengurus Mengajar Data Mengajar Data Mengajar Data Mengajar Data Mengajar Data Siswa Data Siswa Data Mata_Pelajaran Data Mata_Pelajaran Gambar III.10 DFD Level 1 III.4.2.2 DFD Level 2 Dari penggambaran DFD level 1 pada gambar III.9, terdapat DFD level 2 yang merupakan hasil dekomposisi atau turunan dari DFD level 1 tertentu. Berikut ini adalah hasil dari dekomposisi dari dfd level 1.

1. DFD Level 2 Proses 1 Pengolahan Data Master

Pada pengolahan data master terdapat 9 proses di dalamnya antara lain adalah pengolahan data tahun ajaran, pengolahan data semester, pengolahan data kelas, pengolahan data mata pelajaran, pengolahan data mengajar, pengolahan data guru, pengolahan data siswa, pengolahan data orang tua dan pengolahan data naik kelas. DFD level 2 proses 1 pengolahan data master ini ditunjukan pada gambar III.11. Kurikulum 1.1 Pengolahan Data Tahun Ajaran 1.2 Pengolahan Data Semester 1.3 Pengolahan Data Kelas 1.4 Pengolahan Data Mata Pelajaran 1.5 Pengolahan Data Mengajar 1.7 Pengolahan Data Guru 1.10 Pengolahan Data Naik Kelas 1.8 Pengolahan Data Siswa 1.9 Pengolahan Data Orang Tua Tahun_Ajaran Semester Kelas Mata Pelajaran Jadwal Guru Siswa Orang_Tua Data Tahun Ajaran Data Tahun Ajaran Data Semester Data Semester Data Kelas Data Kelas Data Mata Pelajaran Data Mata Pelajaran Data Jadwal Data Jadwal Data Guru Data Guru Data Siswa Data Siswa Data Orang Tua Data Orang Tua Info Tahun Ajaran Data Tahun Ajaran Data Guru Info Guru Info Mengajar Data Mengajar Data Semester Info Semester Info Kelas Data Kelas Info Mata Pelajaran Data Mata Pelajaran Info Siswa Data Siswa Info Orang Tua Data Orang Tua D at a Tahun Ajaran Da ta Tahun Ajaran Data Guru Data Guru Da ta S iswa D at a Sisw a D at a Kelas Da ta K e las Dat a Tahu n A jaran D at a Tahun Ajaran Dat a Semest e r Da ta S eme st er Da ta T ah un _ Ajaran Da ta Tah un _ Ajaran D at a Kelas D at a Kelas D at a Tahu n A jaran Dat a Tahu n A jaran Data Siswa Data Siswa Tata Usaha Info Naik Kelas Data Naik Kelas Data Kelas Data Kelas Mengajar Data Mengajar Data Mengajar 1.6 Pengolahan Data Jadwal Da ta Mengajar D at a Mengaja r Info Jadwal Data Jadwal Dat a Mat a P ela jaran D at a Mat a Pelaja ra n Gambar III.11 DFD Level 2 Proses 1 Pengolahan Data Master

2. DFD Level 2 Proses 4 Pembelajaran

Pada pengolahan pembelajaran terdapat 11 proses di dalamnya antara lain adalah unduh tugas siswa, pengolahan tugas, unduh tugas, pengolahan materi, unduh materi, buat soal, kumpulan soal, analisis butir soal, pengerjaan soal, hasil, dan aktifitas guru. DFD level 2 proses 4 Pembelajaran ini ditunjukan pada gambar III.12. Guru Siswa 4.4 Pengolahan Materi 4.5 Unduh Materi Materi Data Pengolahan Materi Data Unduh Materi Data Unduh Materi Data Unduh Materi Data Pengolahan Materi Data Pengolahan Materi Info Pengolahan Materi Info Unduh Materi Mengajar Data Mengajar Data Mengajar 4.2 Pengolahan Tugas 4.3 Unduh Tugas Tugas Data Pengolahan Tugas Data Unduh Tugas Data Unduh Tugas Data Unduh Tugas Data Tugas Data Tugas Info Pengolahan Tugas Info Unduh Tugas Unggah_Tugas Data Unggah Tugas Data Unggah Tugas 4.1 Unduh Tugas Siswa Data Unduh Kumpulan Tugas Info Unduh Kumpulan Tugas Data Unduh Kumpulan Tugas Data Unduh Kumpulan Tugas Data Materi Data Materi 4.6 Buat Soal 4.7 Kumpulan Soal 4.9 Pengerjaan Soal Detail_Soal Soal Hasil Data Soal yang Ditambah Data Soal yang Ditambah Data Soal Data Soal Data Soal yang Dikerjakan Data Soal yang Dikerjakan Data Soal yang Ditambah Data Soal yang Ditambah Data Soal yang Dikerjakan Data Soal yang Dikerjakan Data Soal_Hasil yang Dikerjakan Data Soal Hasil yang Dikerjakan Info Soal yang Ditambah Data Soal yang Ditambah Data Soal yang Diubah Info Soal yang Diubah Inf o Soal y ang D ik erjak an D at a Soal y a ng D ik erja k an 4.8 Analisis Butir Soal Data Soal_Hasil yang Dikerjakan Data Soal_Hasil yang Dikerjakan Data Soal yang Dianalisis Data Soal yang Dianalisis Data Soal yang Dianalisis Data Soal yang Dianalisis Info Soal yang Dianalisis Data Soal yang Dianalisis 4.10 Hasil Data Hasil Siswa Data Hasil Siswa Info Hasil Data Hasil Info Hasil Data Hasil Orang Tua Kepala Sekolah Info Hasil Data Hasil Info Hasil Data Hasil 4.11 Aktifitas Guru Data Aktifitas Guru Info Aktifitas Guru Data Tugas Data Tugas Data Materi Data Materi Guru Data Guru Data Guru D a ta G uru D at a G ur u Data Guru Data Guru Siswa Data Siswa Data Siswa Jadwal Data Jadwal Data Jadwal Mata Pelajaran Data Mata Pelajaran Data Mata Pelajaran Gambar III.12 DFD Level 2 Proses 4 Pembelajaran

3. DFD Level 2 Proses 5 Pengolahan Pengumuman

Pada pengolahan data pengumuman terdapat 3 proses di dalamnya antara lain adalah tambah data pengumuman, ubah data pengumuman, dan hapus data pengumuman. DFD level 2 proses 5 pengolahan pengumuman ini ditunjukan pada gambar III.13. Pengumuman 5.1 Tambah Data Pengumuman 5.2 Ubah Data Pengumuman 5.3 Hapus Data Pengumuman Guru Data Pengumuman yang Ditambah Data Pengumuman yang Ditambah Data Pengumuman yang Diubah Data Pengumuman yang Diubah Data Pengumuman yang Dihapus Data Pengumuman yang Dihapus Data Pengumuman yang Diubah Info Pengumuman yang Diubah Data Pengumuman yang Ditambah Info Pengumuman yang Ditambah Info Pengumuman yang Dihapus Data Pengumuman yang Dihapus Kurikulum Data Pengumuman yang Ditambah Info Pengumuman yang Ditambah Data Pengumuman yang Diubah Info Pengumuman yang Diubah Info Pengumuman yang Dihapus Data Pengumuman yang Dihapus Tata Usaha Data Pengumuman yang Ditambah Info Pengumuman yang Ditambah Data Pengumuman yang Diubah Info Pengumuman yang Diubah Info Pengumuman yang Dihapus Data Pengumuman yang Dihapus Pengurus Guru Data Guru Data Guru Data Pengurus Data Pengurus Gambar III.13 DFD Level 2 Proses 5 Pengolahan Pengumuman

4. DFD Level 2 Proses 6 Pengolahan Forum

Pada pengolahan forum terdapat 4 proses di dalamnya antara lain adalah tambah data forum, hapus data forum, tambah data komentar forum, dan hapus data komentar forum. DFD level 2 proses 6 pengolahan pengumuman ini ditunjukan pada gambar III.14. Forum_Tanya 6.1 Tambah Data Forum 6.2 Hapus Data Forum Guru Data Forum yang Ditambah Data Forum yang Ditambah Data Forum yang Dihapus Data Forum yang Dihapus Data Forum yang Dihapus Info Forum yang Dihapus Data Forum yang Ditambah Info Forum yang Ditambah Siswa 6.3 Tambah Data Komentar Forum Info Tambah Komentar Data Tambah Komentar Info Tambah Komentar Data Tambah Komentar Forum_Jawab Data Tambah Komentar Data Tambah Komentar Mata_Pelajaran Data Mata Pelajaran Data Mata Pelajaran 6.4 Hapus Data Komentar Forum Data Hapus Komentar Data Hapus Komentar Info Hap us K o men ta r Data Ha pus K ome ntar Data Komentar yang Dihapus Info Forum yang Dihapus Siswa Data Siswa Data Siswa Guru Data Guru Data Guru Data Guru Data Guru Gambar III.14 DFD Level 2 Proses 6 Pengolahan Forum III.4.2.3 DFD Level 3 Dari penggambaran masing-masing DFD level 2, terdapat DFD level 3 yang merupakan hasil dekomposisi atau turunan dari DFD level 2 tertentu. Berikut ini adalah hasil dari dekomposisi dari DFD level 2. 1. DFD Level 3 Proses 1.1 Pengolahan Data Tahun Ajaran Pada pengolahan data tahun ajaran terdapat 4 proses di dalamnya antara lain adalah tambah data tahun ajaran, ubah data tahun ajaran, dan hapus data tahun ajaran. DFD level 3 proses 1.1 pengolahan data tahun ajaran ini ditunjukan pada gambar III.15. Tahun_Ajaran 1.1.1 Tambah Data Tahun Ajaran 1.1.2 Ubah Data Tahun Ajaran 1.1.4 Aktifkan Tahun Ajaran Kurikulum Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Dirubah Data Tahun Ajaran yang Dirubah Data Tahun Ajaran yang Dihapus Data Tahun Ajaran yang Dihapus Data Tahun Ajaran yang Dirubah Info Tahun Ajaran yang Dirubah Data Tahun Ajaran yang Ditambah Info Tahun Ajaran yang Ditambah Info Tahun Ajaran yang Dihapus Data Tahun Ajaran yang Dihapus 1.1.3 Hapus Data Tahun Ajaran Info Tahun Ajaran yang Diaktifkan Data Tahun Ajaran yang Diaktifkan Data Tahun Ajaran yang Diaktifkan Data Tahun Ajaran yang Diaktifkan Gambar III.15 DFD Level 3 Proses 1.1 Pengolahan Data Tahun Ajaran

2. DFD Level 3 Proses 1.2 Pengolahan Data Semester

Pada pengolahan data semester terdapat 2 proses di dalamnya antara lain adalah tambah data semester, ubah data semester, dan hapus data semester. DFD level 3 proses 1.2 pengolahan data semester ini ditunjukan pada gambar III.16. 1.2.1 Ubah Data Semester 1.2.2 Aktifkan Semester Semester Kurikulum Data Semester yang Diubah Data Semester yang Diubah Data Semester yang Diaktifkan Data Semester yang Diaktifkan Data Semester yang Diubah Info Semester yang Diubah Info Semester yang Diaktifkan Data Semester yang Diaktifkan Gambar III.16 DFD Level 3 Proses 1.2 Pengolahan Data Semester

3. DFD Level 3 Proses 1.3 Pengolahan Data Kelas

Pada pengolahan data kelas terdapat 3 proses di dalamnya antara lain adalah tambah data kelas, ubah data kelas, dan hapus data kelas. DFD level 3 proses 1.3 pengolahan data kelas ini ditunjukan pada gambar III.17. 1.3.1 Tambah Data Kelas 1.3.2 Ubah Data Kelas 1.3.3 Hapus Data Kelas Kurikulum Data Kelas yang Ditambah Info Kelas yang Ditambah Data Kelas yang Diubah Info Kelas yang Diubah Info Kelas yang Dihapus Data Kelas yang Dihapus Kelas Data Kelas yang Dihapus Data Kelas yang Dihapus Data Kelas yang Diubah Data Kelas yang Diubah Data Kelas yang Ditambah Data Kelas yang Ditambah Tahun Ajaran Data Tahun Ajaran yang Diubah Data Tahun Ajaran yang Diubah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Gambar III.17 DFD Level 3 Proses 1.3 Pengolahan Data Kelas 4. DFD Level 3 Proses 1.4 Pengolahan Data Mata Pelajaran Pada pengolahan data mata pelajaran terdapat 3 proses di dalamnya antara lain adalah tambah data mata pelajaran, ubah data mata pelajaran, dan hapus data mata pelajaran. DFD level 3 proses 1.4 pengolahan data mata pelajaran ini ditunjukan pada gambar III.18. 1.4.1 Tambah Data Mata Pelajaran 1.4.2 Ubah Data Mata Pelajaran 1.4.3 Hapus Data Mata Pelajaran Mata Pelajaran Kurikulum Data Pelajaran yang Ditambah Data Pelajaran yang Ditambah Data Pelajaran yang Diubah Data Pelajaran yang Diubah Data Pelajaran yang Dihapus Data Pelajaran yang Dihapus Data Pelajaran yang Ditambah Info Pelajaran yang Ditambah Data Pelajaran yang Diubah Info Pelajaran yang Diubah Info Pelajaran yang Dihapus Data Pelajaran yang Dihapus Tahun Ajaran Data Tahun Ajaran yang Diubah Data Tahun Ajaran yang Diubah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Gambar III.18 DFD Level 3 Proses 1.4 Pengolahan Data Mata Pelajaran

5. DFD Level 3 Proses 1.5 Pengolahan Data Mengajar

Pada pengolahan data mengajar terdapat 4 proses di dalamnya antara lain adalah tambah data mengajar, ubah data mengajar, hapus data mengajar, dan cari data mengajar. DFD level 3 proses 1.5 pengolahan data mengajar ini ditunjukan pada gambar III.19. 1.5.1 Tambah Data Mengajar 1.5.2 Ubah Data Mengajar 1.5.3 Hapus Data Mengajar Kurikulum Data Mengajar yang Ditambah Info Mengajar yang Ditambah Data Mengajar yang Diubah Info Mengajar yang Diubah Info Mengajar yang Dihapus Data Mengajar yang Dihapus Guru Mengajar Kelas Data Guru yang Dirubah Data Guru yang Dirubah Data Guru yang Ditambah Data Guru yang Ditambah Data Mengajar yang Ditambah Data Mengajar yang Ditambah Data Mengajar yang Dirubah Data Mengajar yang Dirubah Data Mengajar yang Dihapus Data Mengajar yang Dihapus Data Kelas yang Ditambah Data Kelas yang Ditambah Data Kelas yang Dirubah Data Kelas yang Dirubah 1.5.4 Cari Data Mengajar Info Mengajar yang Dicari Data Mengajar yang Dicari Data Guru yang Dicari Data Guru yang Dicari Data Mengajar yang Dicari Data Mengajar yang Dicari Data Kelas yang Dicari Data Kelas yang Dicari Gambar III. 19 DFD Level 3 Proses 1.5 Pengolahan Data Mengajar

6. DFD Level 3 Proses 1.6 Pengolahan Data Jadwal

Pada pengolahan data jadwal terdapat 4 proses di dalamnya antara lain adalah tambah data jadwal, ubah data jadwal, hapus data jadwal, dan cari data jadwal. DFD level 3 proses 1.6 pengolahan data jadwal ini ditunjukan pada gambar III.20. 1.6.1 Tambah Data Jadwal 1.6.2 Ubah Data Jadwal 1.6.3 Hapus Data Jadwal Kurikulum Data Jadwal yang Ditambah Info Jadwal yang Ditambah Data Jadwal yang Diubah Info Jadwal yang Diubah Info Jadwal yang Dihapus Data Jadwal yang Dihapus Mengajar Jadwal Mata Pelajaran Data Mengajar yang Ditambah Data Mengajar yang Ditambah Data Mengajar yang Dirubah Data Mengajar yang Dirubah Data Jadwal yang Dihapus Data Jadwal yang Dihapus Data Jadwal yang Ditambah Data Jadwal yang Ditambah Data Jadwal yang Dirubah Data Jadwal yang Dirubah Data Mata Pelajaran yang Dirubah Data Mata Pelajaran yang Dirubah Data Mata Pelajaran yang Ditambah Data Mata Pelajaran yang Ditambah Semester Data Semester yang Ditambah Data Semester yang Ditambah Data Semester yang Dirubah Data Semester yang Dirubah Tahun Ajaran Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Dirubah Data Tahun Ajaran yang Dirubah 1.6.4 Cari Data Jadwal Info Jadwal yang Dicari Data Jadwal yang Dicari Data Mengajar yang Dicari Data Mengajar yang Dicari Data Jadwal yang Dicari Data Jadwal yang Dicari Data Mata Pelajaran yang Dicari Data Mata Pelajaran yang Dicari Data Semester yang Dicari Data Semester yang Dicari Data Tahun Ajaran yang Dicari Data Tahun Ajaran yang Dicari Gambar III. 20 DFD Level 3 Proses 1.6 Pengolahan Data Jadwal

7. DFD Level 3 Proses 1.7 Pengolahan Data Guru

Pada pengolahan data guru terdapat 5 proses di dalamnya antara lain adalah import data guru, tambah data guru, ubah data guru, hapus data guru, dan cari data guru. DFD level 3 proses 1.7 pengolahan data guru ini ditunjukan pada gambar III.21. 1.7.1 Import Data Guru 1.7.2 Tambah Data Guru 1.7.3 Ubah Data Guru 1.7.4 Hapus Data Guru Guru Tata Usaha Data Guru yang Diimport Data Guru yang Diimport Data Guru yang Ditambah Data Guru yang Ditambah Data Guru yang Diubah Data Guru yang Diubah Data Guru yang Dihapus Data Guru yang Dihapus Data Guru yang Diimport Info Guru yang Diimport Data Guru yang Ditambah Info Guru yang Ditambah Info Guru yang Diubah Data Guru yang Diubah Info Guru yang Dihapus Data Guru yang Dihapus 1.7.5 Cari Data Guru Data Guru yang Dicari Data Guru yang Dicari Info Guru yang Dicari Data Guru yang Dicari Gambar III.21 DFD Level 3 Proses 1.7 Pengolahan Data Guru

8. DFD Level 3 Proses 1.8 Pengolahan Data Siswa

Pada pengolahan data siswa terdapat 5 proses di dalamnya antara lain adalah import data siswa, tambah data siswa, ubah data siswa, hapus data siswa, dan cari data siswa. DFD level 3 proses 1.8 pengolahan data siswa ini ditunjukan pada gambar III.22. 1.8.1 Import Data Siswa 1.8.2 Tambah Data Siswa 1.8.3 Ubah Data Siswa 1.8.4 Hapus Data Siswa Siswa Tata Usaha Data Siswa yang Diimport Data Siswa yang Diimport Data Siswa yang Ditambah Data Siswa yang Ditambah Data Siswa yang Diubah Data Siswa yang Diubah Data Siswa yang Dihapus Data Siswa yang Dihapus Data Siswa yang Diimport Info Siswa yang Diimport Data Siswa yang Ditambah Info Siswa yang Ditambah Info Siswa yang Diubah Data Siswa yang Diubah Info Siswa yang Dihapus Data Siswa yang Dihapus 1.8.5 Cari Data Siswa Data Siswa yang Dicari Data Siswa yang Dicari Info Siswa yang Dicari Data Siswa yang Dicari Kelas Tahun Ajaran Data Kelas yang Ditambah Data Kelas yang Ditambah Data Kelas yang Diimport Data Kelas yang Diimport Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Diimport Data Tahun Ajaran yang Diimport Data Kelas yang Dihapus Data Kelas yang Dihapus Data Tahun Ajaran yang Dihapus Data Tahun Ajaran yang Dihapus Data Kelas yang Dicari Data Kelas yang Dicari Data Tahun Ajaran yang Dicari Data Tahun Ajaran yang Dicari Gambar III.22 DFD Level 3 Proses 1.8 Pengolahan Data Siswa

9. DFD Level 3 Proses 1.9 Pengolahan Data Orang Tua

Pada pengolahan data orang tua terdapat 5 proses di dalamnya antara lain adalah import data orang tua, tambah data orang tua, ubah data orang tua, hapus data orang tua, dan cari data orang tua. DFD level 3 proses 1.9 pengolahan data orang tua ini ditunjukan pada gambar III.23. 1.9.1 Tambah Data Orang Tua 1.9.2 Tambah Data Orang Tua 1.9.3 Ubah Data Orang Tua 1.9.4 Hapus Data Orang Tua Orang Tua Tata Usaha Data Orang Tua yang Ditambah Data Orang Tua yang Ditambah Data Orang Tua yang Ditambah Data Orang Tua yang Ditambah Data Orang Tua yang Diubah Data Orang Tua yang Diubah Data Orang Tua yang Dihapus Data Orang Tua yang Dihapus Data Orang Tua yang Ditambah Info Orang Tua yang Ditambah Data Orang Tua yang Ditambah Info Orang Tua yang Ditambah Info Orang Tua yang Diubah Data Orang Tua yang Diubah Info Orang Tua yang Dihapus Data Orang Tua yang Dihapus 1.9.5 Cari Data Orang Tua Data Orang Tua yang Dicari Data Orang Tua yang Dicari Info Orang Tua yang Dicari Data Orang Tua yang Dicari Siswa Data Siswa yang Ditambah Data Siswa yang Ditambah Data Siswa yang Ditambah Data Siswayang Ditambah Data Siswa yang Dihapus Data Siswa yang Dihapus Data Siswa yang Dicari Data Siswa yang Dicari Gambar III.23 DFD Level 3 Proses 1.9 Pengolahan Data Orang Tua

10. DFD Level 3 Proses 1.10 Pengolahan Data Naik Kelas

Pada pengolahan data naik kelas terdapat 4 proses di dalamnya antara lain adalah import data naik kelas, tambah data naik kelas, ubah data naik kelas, dan cari data naik kelas. DFD level 3 proses 1.10 pengolahan data naik kelas ini ditunjukan pada gambar III.24. 1.10.1 Import Data Siswa 1.10.2 Tambah Data Siswa 1.10.3 Ubah Data Siswa 1.10.4 Cari Data Siswa Siswa Tata Usaha Data Siswa yang Diimport Data Siswa yang Diimport Data Siswa yang Ditambah Data Siswa yang Ditambah Data Siswa yang Diubah Data Siswa yang Diubah Data Siswa yang Dicari Data Siswa yang Dicari Data Siswa yang Diimport Info Siswa yang Diimport Data Siswa yang Ditambah Info Siswa yang Ditambah Info Siswa yang Diubah Data Siswa yang Diubah Info Siswa yang Dicari Data Siswa yang Dicari Kelas Tahun Ajaran Data Kelas yang Ditambah Data Kelas yang Ditambah Data Kelas yang Diimport Data Kelas yang Diimport Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Ditambah Data Tahun Ajaran yang Diimport Data Tahun Ajaran yang Diimport Data Kelas yang Dicari Data Kelas yang Dicari Data Tahun Ajaran yang Dicari Data Tahun Ajaran yang Dicari Gambar III.24 DFD Level 3 Proses 1.10 Pengolahan Data Naik Kelas

11. DFD Level 3 Proses 4.2 Pengolahan Tugas

Pada pengolahan data tugas terdapat 5 proses di dalamnya antara lain adalah tambah data tugas, ubah data tugas, hapus data tugas, unggah data tugas, dan unduh data tugas. DFD level 3 proses 4.2 pengolahan tugas ini ditunjukan pada gambar III.25. Tugas 4.2.1 Tambah Data Tugas 4.2.2 Ubah Data Tugas 4.2.3 Hapus Data Tugas Guru Data Tugas yang Ditambah Data Tugas yang Ditambah Data Tugas yang Diubah Data Tugas yang Diubah Data Tugas yang Dihapus Data Tugas yang Dihapus Data Tugas yang Diubah Info Tugas yang Diubah Data Tugas yang Ditambah Info Tugas yang Ditambah Info Tugas yang Dihapus Data Tugas yang Dihapus Info Tugas yang Diunduh Data Tugas yang Diunduh Data Tugas yang Diunduh Data Tugas yang Diunduh 4.2.5 Unduh Data Tugas 4.2.4 Unggah Data Tugas Info Tugas yang Diunggah Data Tugas yang Diunggah Data Tugas yang Diunggah Data Tugas yang Diunggah Materi Data Materi Data Materi Data Materi Data Materi Guru Data Guru Data Guru Gambar III.25 DFD Level 3 Proses 4.2 Pengolahan Tugas

12. DFD Level 3 Proses 4.3 Unduh Tugas

Pada unduh tugas terdapat 2 proses di dalamnya antara lain adalah unduh data tugas dan unggah data tugas. DFD level 3 proses 4.3 unduh tugas ini ditunjukan pada gambar III.26. Unggah_Tugas 4.3.1 Unduh Data Tugas 4.3.2 Unggah Data Tugas Siswa Tugas Data Tugas yang Diunduh Info Tugas yang Diunduh Data Tugas yang Diunggah Info Tugas yang Diunggah Data Tugas yang Diunggah Data Tugas yang Diunggah Data Tugas yang Diunduh Data Tugas yang Diunduh Data Tugas yang Diunggah Data Tugas yang Diunggah Gambar III.26 DFD Level 3 Proses 4.3 Unduh Tugas

13. DFD Level 3 Proses 4.4 Pengolahan Materi

Pada pengolahan materi terdapat 5 proses di dalamnya antara lain adalah tambah data materi, ubah data materi, hapus data materi, unggah data materi, dan unduh data materi pelajaran. DFD level 3 proses 4.4 pengolahan materi ini ditunjukan pada gambar III.27. Materi 4.4.1 Tambah Data Materi 4.4.2 Ubah Data Materi 4.4.3 Hapus Data Materi Guru Data Materi yang Ditambah Data Materi yang Ditambah Data Materi yang Diubah Data Materi yang Diubah Data Materi yang Dihapus Data Materi yang Dihapus Data Materi yang Diubah Info Materi yang Diubah Data Materi yang Ditambah Info Materi yang Ditambah Info Materi yang Dihapus Data Materi yang Dihapus Info Materi yang Diunduh Data Materi yang Diunduh Data Materi yang Diunduh Data Materi yang Diunduh 4.4.5 Unduh Data Materi 4.4.4 Unggah Data Materi Info Materi yang Diunggah Data Materi yang Diunggah Data Materi yang Diunggah Data Materi yang Diunggah Mengajar Data Mengajar Data Mengajar Data Mengajar Data Mengajar Guru Data Guru Data Guru Jadwal Data Jadwal Data Jadwal Data Jadwal Data Jadwal Gambar III.27 DFD Level 3 Proses 4.4 Pengolahan Materi

14. DFD Level 3 Proses 4.7 Kumpulan Soal

Pada pengolahan materi terdapat 2 proses di dalamnya antara lain adalah tambah butir soal dan perbaiki butir soal. DFD level 3 proses 4.7 kumpulan soal ini ditunjukan pada gambar III.28. 4.7.1 Tambah Butir Soal 4.7.2 Perbaiki Butir Soal Detail_Soal Data Soal yang Ditambah Data Soal yang Ditambah Data Soal yang Diperbaiki Data Soal yang Diperbaiki Guru Info Soal yang Ditambah Data Soal yang Ditambah Data Soal yang Diperbaiki Info Soal yang Diperbaiki 4.7.3 Cetak Soal Info Soal yang Dicetak Data Soal yang Dicetak Data Soal yang Dicetak Data Soal yang Dicetak Gambar III.28 DFD Level 3 Proses 4.7 Kumpulan Soal III.4.2.4 DFD Level 4 Dari penggambaran masing-masing DFD level 3, terdapat DFD level 4 yang merupakan hasil dekomposisi atau turunan dari DFD level 3 tertentu. Berikut ini adalah hasil dari dekomposisi dari DFD level 3.

1. DFD Level 4 Proses 4.7.2 Perbaiki Butir Soal

Pada pengolahan materi terdapat 2 proses di dalamnya antara lain adalah ubah butir soal dan hapus butir soal. DFD level 4 proses 4.7.2 perbaiki butir soal ini ditunjukan pada gambar III.29. 4.7.2.1 Ubah Butir Soal 4.7.2.2 Hapus Butir Soal Detail_Soal Data Soal yang Diubah Data Soal yang Diubah Data Soal yang Dihapus Data Soal yang Dihapus Guru Info Soal yang Diubah Data Soal yang Diubah Data Soal yang Dihapus Info Soal yang Dihapus Gambar III.29 DFD Level 4 Proses 4.7.2 Perbaiki Butir Soal III.4.2.5 Spesifikasi Proses Spesifikasi proses digunakan untuk menggambarkan proses model aliran data yang terdapat pada Data Flow Diagram DFD. Spesifikasi proses dari gambaran DFD diatas akan dijelaskan pada tabel III.21. Tabel III.21 Spesifikasi Proses No Detail Keterangan 1 No. Proses 1 Nama Proses Pengolahan Data Master Deskripsi Mengelola data-data master Sumber Tata Usaha dan Kurikulum Masukan 1. Data Guru 2. Data Siswa 3. Data Orang Tua 4. Data Naik Kelas 5. Data Tahun Ajaran 6. Data Semester 7. Data Kelas 8. Data Mata Pelajaran 9. Data Mengajar Keluaran 1. Info Guru 2. Info Orang Tua 3. Info Naik Kelas 4. Info Tahun Ajaran 5. Info Semester 6. Info Kelas 7. Info Mata Pelajaran 8. Info Mengajar Tujuan Tata Usaha dan Kurikulum Logika Proses 1. Tata usaha atau kurikulum melakukan login 2. Sistem akan menampilkan halaman pengguna khusus tata usaha atau kurikulum 3. Tata usaha atau kurikulum memilih menu pilihan yang terdapat pada menu data master 4. Sistem akan menampilkan halaman pengguna sebagai proses pengolahan data master sesuai dengan yang dipilih oleh tata usaha atau kurikulum 2 No. Proses 2 Nama Proses Login Deskripsi Verifikasi data user yang digunakan untuk login pengguna Sumber Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Masukan 1. Data Pengurus 2. Data Guru 3. Data Siswa 4. Data Orang Tua Keluaran 1. Info Pengurus Gagal 2. Info Guru Gagal 3. Info Siswa Gagal 4. Info Orang Tua Gagal Tujuan Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memasukan data login pada halaman login 2. Pengguna menekan tombol login 3. Sistem memeriksa data login pengguna pada database terhadap tipe pengguna dan username dan password 4. Apabila login berhasil maka sistem akan memberikan tampilan halaman pengguna sesuai dengan permintaan login, apabila login gagal sistem akan memberikan informasi bahwa login gagal 4 No. Proses 4 Nama Proses Pembelajaran Deskripsi Menampilkan semua menu pembelajaran yang tersedia Sumber Kepala Sekolah, Guru, Siswa dan Orang Tua Masukan 1. Data Materi 2. Data Tugas 3. Data Soal 4. Data Hasil Keluaran 1. Info Materi 2. Info Tugas 3. Info Soal 4. Info Hasil Tujuan Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memilih menu pembelajaran yang tersedia 2. Data pembelajaran dimasukkan 3. Sistem akan memeriksa data pembelajaran yang dimasukkan oleh pengguna 4. Sistem akan mengolah data pembelajaran 5. Sistem akan menyimpan data pembelajaran yang diolah 5 No. Proses 5 Nama Proses Pengolahan Pengumuman Deskripsi Mengolah data pengumuman Sumber Tata Usaha, Kurikulum, dan Guru Masukan Data Pengumuman Keluaran Info Pengumuman Tujuan Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memilih menu pengolahan pengumuman 2. Sistem akan menampilkan halaman pengumuman 3. Pengguna mengelola data pengumuman 4. Sistem akan menyimpan data pengumuman 6 No. Proses 6 Nama Proses Pengolahan Forum Deskripsi Pengolahan data komentar dalam forum mata pelajaran Sumber Guru Masukan Data Forum Keluaran Info Forum Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih forum yang akan diikutinya atau yang akan diberikan komentar 2. Sistem akan menampilkan halaman forum yang dipilih 3. Pengguna memberikan komentar pada text area yang disediakan 4. Sistem menyimpan komentar 7 No. Proses 1.1 Nama Proses Pengolahan Data Tahun Ajaran Deskripsi Mengelola data tahun ajaran Sumber Kurikulum Masukan Data Tahun Ajaran Keluaran Info Tahun Ajaran Tujuan Kurikulum Logika Proses 1. Pengguna memilih menu tahun ajaran 2. Sistem mengampilkan halaman olah tahun ajaran 3. Pengguna melakukan pengolahan data tahun ajaran 4. Sistem menyimpan pengolahan tahun ajaran 8 No. Proses 1.2 Nama Proses Pengolahan Data Semester Deskripsi Mengelola data semester Sumber Kurikulum Masukan Data Semester Keluaran Info Semester Tujuan Kurikulum Logika Proses 1. Pengguna memilih menu semester 2. Sistem mengampilkan halaman pengolahan semester 3. Pengguna melakukan pengolahan data semester 4. Sistem menyimpan pengolahan semester 9 No. Proses 1.3 Nama Proses Pengolahan Data Kelas Deskripsi Mengelola data kelas Sumber Kurikulum Masukan 1. Data Kelas 2. Data Mengajar Keluaran 1. Info Kelas 2. Data Mengajar Tujuan Kurikulum Logika Proses 1. Pengguna memilih menu kelas 2. Sistem mengampilkan halaman pengolahan kelas 3. Pengguna melakukan pengolahan data kelas 4. Sistem menyimpan pengolahan kelas 10 No. Proses 1.4 Nama Proses Pengolahan Data Mata Pelajaran Deskripsi Mengelola data mata pelajaran Sumber Kurikulum Masukan Data Mata Pelajaran Keluaran Data Mata Pelajaran Tujuan Kurikulum Logika Proses 1. Pengguna memilih menu mata pelajaran 2. Sistem mengampilkan halaman pengolahan mata pelajaran 3. Pengguna melakukan pengolahan data mata pelajaran 4. Sistem menyimpan pengolahan mata pelajaran 11 No. Proses 1.5 Nama Proses Pengolahan Data Mengajar Deskripsi Mengelola data mengajar Sumber Kurikulum Masukan Data Mengajar Keluaran Info Mengajar Tujuan Kurikulum Logika Proses 1. Pengguna memilih menu mengajar 2. Sistem mengampilkan halaman pengolahan mengajar 3. Pengguna melakukan pengolahan data mengajar 4. Sistem menyimpan pengolahan mengajar 12 No. Proses 1.6 Nama Proses Pengolahan Data Guru Deskripsi Mengelola Data Guru Sumber Tata Usaha Masukan Data Guru Keluaran Info Guru Tujuan Tata Usaha Logika Proses 1. Pengguna memilih menu guru 2. Sistem mengampilkan halaman pengolahan guru 3. Pengguna melakukan pengolahan data guru 4. Sistem menyimpan pengolahan guru 14 No. Proses 1.7 Nama Proses Pengolahan Data Siswa Deskripsi Mengelola data siswa Sumber Tata Usaha Masukan Data Siswa Keluaran Info Siswa Tujuan Tata Usaha Logika Proses 1. Pengguna memilih menu siswa 2. Sistem mengampilkan halaman pengolahan data siswa 3. Pengguna melakukan pengolahan data siswa 4. Sistem menyimpan data siswa yang telah diolah 15 No. Proses 1.8 Nama Proses Pengolahan Data Orang Tua Deskripsi Mengelola data orang tua Sumber Tata Usaha Masukan Data Orang Tua Keluaran Info Orang Tua Tujuan Tata Usaha Logika Proses 1. Pengguna memilih menu orang tua 2. Sistem mengampilkan halaman pengolahan orang tua 3. Pengguna melakukan pengolahan data orang tua 4. Sistem menyimpan pengolahan orang tua 15 No. Proses 1.9 Nama Proses Pengolahan Data Naik Kelas Deskripsi Mengelola data naik kelas siswa Sumber Tata Usaha Masukan Data Naik Kelas Keluaran Info Naik Kelas Tujuan Tata Usaha Logika Proses 1. Pengguna memilih menu naik kelas 2. Sistem mengampilkan halaman pengolahan naik kelas 3. Pengguna melakukan pengolahan data naik kelas 4. Sistem menyimpan pengolahan naik kelas 18 No. Proses 4.1 Nama Proses Unduh Tugas Deskripsi Mengolah data tugas Sumber Guru Masukan Data tugas yang akan diunduh Keluaran Info tugas yang akan diunduh Tujuan Guru Logika Proses 1. Pengguna memilih menu unduh tugas 2. Pengguna melakukan pengunduhan tugas 3. Sistem akan memproses pengunduhan tugas 19 No. Proses 4.2 Nama Proses Pengolahan Tugas Deskripsi Mengolah data tugas Sumber Guru Masukan Data Tugas Keluaran Info Tugas Tujuan Guru Logika Proses 1. Sistem menampilkan halaman pengolahan tugas 2. Pengguna melakukan pengolahan data tugas 3. Sistem akan menyimpan pengolahan yang telah dilakukan 20 No. Proses 4.3 Nama Proses Pengolahan Unduh Tugas Deskripsi Mengolah data tugas Sumber Siswa Masukan Data tugas yang diunduh Keluaran Info tugas yang diunduh Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu unduh tugas 2. Pengguna melakukan pengunduhan tugas 3. Sistem akan memproses pengunduhan tugas 21 No. Proses 4.4 Nama Proses Pengolahan Materi Deskripsi Mengolah data materi Sumber Guru Masukan Data materi Keluaran Info materi Tujuan Guru dan Siswa Logika Proses 1. Sistem menampilkan halaman pengolahan materi 2. Pengguna melakukan pengolahan data materi 3. Sistem akan menyimpan pengolahan yang telah dilakukan 22 No. Proses 4.5 Nama Proses Unduh Materi Deskripsi Mengolah data materi Sumber Siswa Masukan Data materi yang diunduh Keluaran Info materi yang diunduh Tujuan Siswa Logika Proses 1. Sistem menampilkan halaman unduh materi 2. Pengguna melakukan pengunduhan data materi 3. Sistem akan memproses pengunduhan yang diminta 23 No. Proses 4.6 Nama Proses Buat Soal Deskripsi Mengolah data soal Sumber Guru Masukan Data soal Keluaran Info soal Tujuan Guru dan Siswa Logika Proses 1. Sistem menampilkan halaman buat soal 2. Pengguna melakukan pembuatan soal 3. Sistem akan menyimpan pengolahan yang telah dilakukan 24 No. Proses 4.7 Nama Proses Kumpulan Soal Deskripsi Mengolah data soal Sumber Guru Masukan Data soal Keluaran Info soal Tujuan Guru dan Siswa Logika Proses 1. Sistem menampilkan halaman kumpulan soal 2. Pengguna melakukan pengolahan data soal 3. Sistem akan menyimpan pengolahan yang telah dilakukan 25 No. Proses 4.8 Nama Proses Analisis Butir Soal Deskripsi Mengolah data soal Sumber Guru Masukan Data soal yang akan dianalisis Keluaran Info penganalisisan soal yang dipilih Tujuan Guru Logika Proses 1. Sistem menampilkan halaman analisis butir soal 2. Pengguna memilih soal yang akan dianalisis 3. Sistem menampilkan penganalisisan soal yang diminta 26 No. Proses 4.9 Nama Proses Pengerjaan Soal Deskripsi Mengolah data soal Sumber Siswa Masukan Data soal yang akan dikerjakan Keluaran Info soal yang telah dikerjakan Tujuan Siswa Logika Proses 1. Sistem menampilkan halaman pengerjaan soal 2. Pengguna memilih soal yang akan dikerjakan dan mengerjakan soal yang dipilih 3. Sistem akan menyimpan hasil pengerjaan soal yang telah dikerjakan 27 No. Proses 4.10 Nama Proses Deskripsi Mengolah data Sumber Siswa Masukan Data Keluaran Info Tujuan Guru, Siswa, Kepala Sekolah, Orang tua Logika Proses 1. Sistem menampilkan halaman 2. Pengguna melihat yang tersedia 28 No. Proses 4.11 Nama Proses Aktifitas Guru Deskripsi Dapat melihat aktifitas guru dari materi dan tugas yang tersedia Sumber Guru Masukan Data materi dan tugas Keluaran Info materi dan tugas Tujuan Kepala Sekolah Logika Proses 1. Sistem menampilkan halaman aktifitas guru 2. Pengguna melihat aktifitas guru yang tersedia 29 No. Proses 5.1 Nama Proses Tambah Data Pengumuman Deskripsi Menambah data pengumuman Sumber Tata Usaha, Kurikulum, dan Guru Masukan Data Pengumuman yang Ditambah Keluaran Info Pengumuman yang Ditambah Tujuan Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memilih menu pengumuman 2. Sistem menampilkan halaman pengelolaan pengumuman 3. Pengguna melakukan pengolahan data pengumuman 4. Sistem menyimpan data pengumuman yang telah dibuat 30 No. Proses 5.2 Nama Proses Ubah Data Pengumuman Deskripsi Mengubah data pengumuman Sumber Tata Usaha, Kurikulum, dan Guru Masukan Data Pengumuman yang Diubah Keluaran Info Pengumuman yang Diubah Tujuan Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memilih menu pengumuman 2. Sistem menampilkan halaman pengelolaan pengumuman 3. Pengguna merubah data pengumuman yang akan dirubah 4. Sistem memperbaharui data pengumuman 31 No. Proses 5.3 Nama Proses Hapus Data Pengumuman Deskripsi Menghapus data pengumuman Sumber Tata Usaha, Kurikulum, dan Guru Masukan Data Pengumuman yang Dihapus Keluaran Info Pengumuman yang Dihapus Tujuan Tata Usaha, Kurikulum, Kepala Sekolah, Guru, Siswa dan Orang Tua Logika Proses 1. Pengguna memilih menu pengumuman 2. Sistem menampilkan halaman pengelolaan pengumuman 3. Pengguna menghapus data pengumuman yang akan dihapus 4. Sistem menghapus data pengumuman yang telah dipilih 33 No. Proses 6.1 Nama Proses Tambah Data Forum Deskripsi Menambah data forum Sumber Guru Masukan Data Forum yang Ditambah Keluaran Info Forum yang Ditambah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu forum 2. Sistem menampilkan halaman pengelolaan forum 3. Pengguna melakukan pengolahan data forum 4. Sistem menyimpan data forum yang telah dibuat 34 No. Proses 6.2 Nama Proses Hapus Data Forum Deskripsi Menghapus data forum Sumber Guru Masukan Data Forum yang Dihapus Keluaran Info Forum yang Dihapus Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu forum 2. Sistem menampilkan halaman pengelolaan forum 3. Pengguna menghapus data forum yang akan dihapus 4. Sistem menghapus data forum yang telah dipilih 36 No. Proses 6.3 Nama Proses Tambah Data Komentar Forum Deskripsi Menambah data komentar forum Sumber Kepala Sekolah, Guru, Siswa dan Orang Tua Masukan Data Tambah Komentar Keluaran Info Tambah Komentar Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu forum 2. Sistem menampilkan halaman forum yang dipilih 3. Pengguna memberikan komentar pada forum 4. Sistem menyimpan komentar 36 No. Proses 6.4 Nama Proses Hapus Data Komentar Forum Deskripsi Menghapus data komentar forum Sumber Guru dan Siswa Masukan Data yang Dihapus Komentar Keluaran Info yang Dihapus Komentar 37 No. Proses 4.2.1 Nama Proses Tambah Data Tugas Deskripsi Menambah data tugas Sumber Guru Masukan Data tugas yang ditambah Keluaran Info tugas yang ditambah Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu tambah tugas 2. Pengguna memasukkan data tugas 3. Sistem menyimpan data tugas yang telah dimasukkan 38 No. Proses 4.2.2 Nama Proses Ubah Data Tugas Deskripsi Mengubah data tugas Sumber Guru Masukan Data tugas yang diubah Keluaran Info tugas yang diubah Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu ubah tugas 2. Pengguna memasukkan data yang diubahnya 3. Sistem mengubah data tugas yang telah dimasukkan 39 No. Proses 4.2.3 Nama Proses Hapus Data Tugas Deskripsi Menghapus data tugas Sumber Guru Masukan Data tugas yang dihapus Keluaran Info tugas yang dihapus Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu hapus tugas 2. Sistem menghapus data tugas yang telah dipilih 40 No. Proses 4.2.4 Nama Proses Unggah Data Tugas Deskripsi Mengunggah data tugas Sumber Guru Masukan Data tugas yang diunggah Keluaran Info tugas yang diunggah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu unggah tugas 2. Pengguna mengunggah data tugas 3. Sistem menyimpan data tugas yang telah diunggah 41 No. Proses 4.2.5 Nama Proses Unduh Data Tugas Deskripsi Mengunduh data tugas Sumber Guru Masukan Data tugas yang diunduh Keluaran Info tugas yang diunduh Tujuan Guru Logika Proses 1. Pengguna memilih menu unduh tugas 2. Pengguna mengunduh data tugas 3. Sistem menyajikan data tugas yang diunduh 43 No. Proses 4.3.1 Nama Proses Unduh Data Tugas Deskripsi Mengunduh data tugas Sumber Siswa Masukan Data tugas yang diunduh Keluaran Info tugas yang diunduh Tujuan Siswa Logika Proses 1. Pengguna memilih menu unduh tugas 2. Pengguna mengunduh data tugas 3. Sistem menyajikan data tugas yang diunduh 44 No. Proses 4.3.2 Nama Proses Unggah Data Tugas Deskripsi Mengunggah data tugas Sumber Siswa Masukan Data tugas yang diunggah Keluaran Info tugas yang diunggah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu unggah tugas 2. Pengguna mengunggah data tugas 3. Sistem menyimpan data tugas yang telah diunggah 45 No. Proses 4.2.1 Nama Proses Tambah Data Tugas Deskripsi Menambah data tugas Sumber Guru Masukan Data tugas yang ditambah Keluaran Info tugas yang ditambah Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu tambah tugas 2. Pengguna memasukkan data tugas 3. Sistem menyimpan data tugas yang telah dimasukkan 46 No. Proses 4.2.2 Nama Proses Ubah Data Tugas Deskripsi Mengubah data tugas Sumber Guru Masukan Data tugas yang diubah Keluaran Info tugas yang diubah Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu ubah tugas 2. Pengguna memasukkan data yang diubahnya 3. Sistem mengubah data tugas yang telah dimasukkan 47 No. Proses 4.2.3 Nama Proses Hapus Data Tugas Deskripsi Menghapus data tugas Sumber Guru Masukan Data tugas yang dihapus Keluaran Info tugas yang dihapus Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu hapus tugas 2. Sistem menghapus data tugas yang telah dipilih 48 No. Proses 4.2.4 Nama Proses Unggah Data Tugas Deskripsi Mengunggah data tugas Sumber Guru Masukan Data tugas yang diunggah Keluaran Info tugas yang diunggah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu unggah tugas 2. Pengguna mengunggah data tugas 3. Sistem menyimpan data tugas yang telah diunggah 49 No. Proses 4.2.5 Nama Proses Unduh Data Tugas Deskripsi Mengunduh data tugas Sumber Guru Masukan Data tugas yang diunduh Keluaran Info tugas yang diunduh Tujuan Guru Logika Proses 1. Pengguna memilih menu unduh tugas 2. Pengguna mengunduh data tugas 3. Sistem menyajikan data tugas yang diunduh 51 No. Proses 4.4.1 Nama Proses Tambah Data Materi Deskripsi Menambah data materi Sumber Guru Masukan Data tugas yang dimateri Keluaran Info tugas yang dimateri Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu tambah materi 2. Pengguna memasukkan data materi 3. Sistem menyimpan data materi yang telah dimasukkan 52 No. Proses 4.4.2 Nama Proses Ubah Data Materi Deskripsi Mengubah data materi Sumber Guru Masukan Data materi yang diubah Keluaran Info materi yang diubah Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu ubah materi 2. Pengguna memasukkan data yang diubahnya 3. Sistem mengubah data materi yang telah dimasukkan 53 No. Proses 4.4.3 Nama Proses Hapus Data Materi Deskripsi Menghapus data materi Sumber Guru Masukan Data materi yang dihapus Keluaran Info materi yang dihapus Tujuan Kepala Sekolah, Guru dan Siswa Logika Proses 1. Pengguna memilih menu hapus materi 2. Sistem menghapus data materi yang telah dipilih 54 No. Proses 4.4.4 Nama Proses Unggah Data Materi Deskripsi Mengunggah data materi Sumber Guru Masukan Data materi yang diunggah Keluaran Info materi yang diunggah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu unggah materi 2. Pengguna mengunggah data materi 3. Sistem menyimpan data materi yang telah diunggah 55 No. Proses 4.4.5 Nama Proses Unduh Data Materi Deskripsi Mengunduh data materi Sumber Guru Masukan Data materi yang diunduh Keluaran Info materi yang diunduh Tujuan Guru Logika Proses 1. Pengguna memilih menu unduh materi 2. Pengguna mengunduh data materi 3. Sistem menyajikan data materi yang diunduh 57 No. Proses 4.7.1 Nama Proses Tambah Butir Soal Deskripsi Menambah data soal Sumber Guru Masukan Data soal yang ditambah Keluaran Info soal yang ditambah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu tambah butir soal 2. Pengguna memasukkan data butir soal 3. Sistem menyimpan data butir soal yang dimasukkan 58 No. Proses 4.7.2 Nama Proses Perbaiki Butir Soal Deskripsi Memperbaiki butir soal yang tersedia Sumber Guru Masukan Data soal yang diperbaiki Keluaran Info soal yang diperbaiki Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih perbaiki butir soal 2. Sistem menampilkan data soal yang akan diperbaiki 59 No. Proses 4.7.2.1 Nama Proses Ubah Butir Soal Deskripsi Mengubah data soal Sumber Guru Masukan Data soal yang diubah Keluaran Info soal yang diubah Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menu ubah butir soal 2. Pengguna mengubah data butir soal 3. Sistem menyimpan data butir soal yang dimasukkan 60 No. Proses 4.7.2.2 Nama Proses Hapus Butir Soal Deskripsi Menghapus butir soal yang tersedia Sumber Guru Masukan Data soal yang dihapus Keluaran Info soal yang dihapus Tujuan Guru dan Siswa Logika Proses 1. Pengguna memilih menghapus butir soal 2. Sistem menghapus butir soal yang akan dihapus III.4.2.6 Kamus Data Kamus data merupakan deskripsi formal untuk menjelaskan semua data yang tercangkup dalam DFD, maka digunakan kamus data. Kamus data untuk sistem web e-learning ini akan diuraikan pada tabel III.22. Tabel III.22 Kamus Data No Detail Keterangan 1 Nama Data Login Tata Usaha dan Kurikulum Deskripsi Berisi data yang digunakan untuk proses login Struktur Data NUPTK + Password + Level NUPTK Password Level {0..9|a.z|A..Z} {0..9|a.z|A..Z} {Kepala Sekolah | Kurikulum | Tata Usaha} 2 Nama Data Login Guru Deskripsi Berisi data yang digunakan untuk proses login Struktur Data NUPTK + Password + Level NUPTK Password Level {0..9} {0..9|a.z|A..Z} {Guru | Siswa | Orang Tua} 3 Nama Data Login Siswa Deskripsi Berisi data yang digunakan untuk proses login Struktur Data NIS + Password + Level NIS Password Level {0..9} {0..9|a.z|A..Z} {Guru | Siswa | Orang Tua} 4 Nama Data Login Orang Tua Deskripsi Berisi data yang digunakan untuk proses login Struktur Data NIS + Password + Level NIS Password Level {0..9} {0..9|a.z|A..Z} {Guru | Siswa | Orang Tua} 5 Nama Data Login Kepala Sekolah Deskripsi Berisi data yang digunakan untuk proses login Struktur Data NUPTK + Password + Level NUPTK Password Level {0..9} {0..9|a..z|A..Z} {Kepala Sekolah | Kurikulum | Tata Usaha} 6 Nama Data Profil Kepala Sekolah Deskripsi Berisi data profil kepala sekolah Struktur Data Id_Pengurus + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Telp + Email + Password Id_Pengurus Nama Kelamin Agama Tmp_Lahir Tgl_Lahir Alamat Telp Email Password {0..9} {a..z|A..Z} {L|P} {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} 7 Nama Data Profil Tata Usaha Deskripsi Berisi data profil tata usaha Struktur Data Id_Pengurus + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Telp + Email + Password Id_Pengurus Nama Kelamin Agama Tmp_Lahir Tgl_Lahir Alamat Telp Email Password {0..9} {a..z|A..Z} {L|P} {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} 8 Nama Data Profil Kurikulum Deskripsi Berisi data profil kurikulum Struktur Data Id_Pengurus + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Telp + Email + Password Id_Pengurus Nama Kelamin Agama Tmp_Lahir Tgl_Lahir Alamat Telp Email Password {0..9} {a..z|A..Z} {L|P} {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} 9 Nama Data Profil Guru Deskripsi Berisi data profil guru Struktur Data Id_Guru + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Telp + Email + Password Id_Guru Nama Kelamin {0..9} {a..z|A..Z} {L|P} Agama Tmp_Lahir Tgl_Lahir Alamat Telp Email Password {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} 10 Nama Data Profil Siswa Deskripsi Berisi data profil siswa Struktur Data Id_Siswa + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Telp + Email + Password + Id_kelas + Id_ajaran Id_Siswa Nama Kelamin Agama Tmp_Lahir Tgl_Lahir Alamat Telp Email Password Id_kelas Id_ajaran {0..9} {a..z|A..Z} {L|P} {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} {0..9} {0..9} 11 Nama Data Profil Orang Tua Deskripsi Berisi data profil orang tua Struktur Data Id_ortu + Id_siswa + Nama + Kelamin + Agama + Tmp_Lahir, Tgl_Lahir + Alamat + Sebagai + Pekerjaan + Telp + Email + Password Id_ortu Id_siswa Nama Kelamin Agama Tmp_Lahir Tgl_Lahir Alamat Sebagai Pekerjaan Telp Email Password {0..9} {0..9} {a..z|A..Z} {L|P} {Islam|Katolik|Protestan|Hindu|Budha} {0..9|a..z|A..Z } {date} {0..9} {Ayah|Ibu|Wali} {Wiraswasta|Pegawai Negeri Sipil|Aparat|Lainnya} {a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z} 12 Nama Data Olah Tahun Ajaran Deskripsi Berisi keterangan olah tahun ajaran Struktur Data Id_ajaran + Tahun_ajaran Id_ajaran Tahun_ajaran Aktif {0..9} {0..9|symbol } {0|1} 13 Nama Data Olah Semester Deskripsi Berisi keterangan olah semester Struktur Data Id_semester + Semester Id_semester Semester Aktif {0..9} {Semester 1|Semester 2} {0|1} 14 Nama Data Olah Kelas Deskripsi Berisi keterangan olah kelas Struktur Data Id_kelas + Kelas + Id_ajaran Id_kelas Kelas Id_ajaran {0..9} {0..9|a..z|A..Z} {0..9} 15 Nama Data Olah Mata Pelajaran Deskripsi Berisi keterangan olah mata pelajaran Struktur Data Id_matpel + Matapelajaran + Id_ajaran Id_matpel Matapelajaran Id_ajaran {0..9} {0..9|a..z|A..Z} {0..9} 16 Nama Data Olah Mengajar Deskripsi Berisi keterangan olah mengajar Struktur Data Id_mengajar + Id_guru + Id_kelas Id_mengajar Id_guru Id_kelas {0..9} {0..9} {0..9} 17 Nama Data Olah Jadwal Deskripsi Berisi keterangan olah jadwal Struktur Data Id_jadwal + Id_mengajar + Id_semester + Id_ajaran + Id_matpel Id_jadwal Id_mengajar Id_semester Id_ajaran Id_matpel {0..9} {0..9} {0..9} {0..9} {0..9} 18 Nama Data Olah Materi Pelajaran Deskripsi Berisi keterangan olah materi pelajaran Struktur Data Id_materi + Id_jadwal + Materi + Nama_file + Ukuran + Url + Keterangan + Tgl Id_materi Id_jadwal Materi Nama_file Ukuran Url Keterangan Tgl {0..9} {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z|symbol} {datetime} 19 Nama Data Olah Tugas Deskripsi Berisi keterangan olah tugas Struktur Data Id_tugas + Id_materi + Tugas + Nama_file + Ukuran + Url + Tgl + Keterangan Id_tugas Id_materi Tugas Nama_file Ukuran Url Keterangan Tgl {0..9} {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z|symbol} {datetime} 20 Nama Data Olah Unggah Tugas Deskripsi Berisi keterangan olah unggah tugas Struktur Data Id_utugas + Id_tugas + Id_siswa + Nama + Nama_file + Url + Tgl + Keterangan Id_utugas Id_tugas Id_siswa {0..9} {0..9} {0..9} Nama Nama_file Ukuran Url Keterangan Tgl {0..9|a..z|A..Z} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z|symbol} {0..9} {0..9|a..z|A..Z|symbol} {datetime} 21 Nama Data Olah Soal Deskripsi Berisi keterangan olah keterangan soal Struktur Data Id_soal + Id_matpel + Id_siswa + Untuk + Keterangan + Jmlsoal + Disajikan + Opsi + Metode + Waktu Id_soal Id_matpel Id_siswa Untuk Keterangan Jmlsoal Disajikan Opsi Metode Waktu {0..9} {0..9 } {0..9} {Latihan|Ulangan Harian|Soal Tengah Semester|Tryout} {0..9|a..z|A..Z|symbol} {0..9} {0..9} {3..5} {acak|berurutan} {0..9|a..z|A..Z|symbol} 22 Nama Data Olah Detail Soal Deskripsi Berisi keterangan olah soal Struktur Data Id_detsoal + id_soal + Pertanyaan + Opsia + Opsib + Opsic + Opsid + Opsie + Kunci + Benar + Salah + Sisbenar + Sissalah + Ja + Jb + Jc + Jd + Je + Jk Id_detsoal Id_soal Pertanyaan Opsia Opsib Opsic Opsid Opsie Kunci Benar Salah Sisbenar Sissalah Ja Jb Jc Jd Je Jk {0..9} {0..9} {0..9|a..z|A..Z|symbol} {a} {b} {c} {d} {e} {a..e} {0..9} {0..9} {0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z|symbol} {0..9} {0..9} {0..9} {0..9} {0..9} {0..9} 24 Nama Data Olah Hasil Deskripsi Berisi keterangan olah Struktur Data Id_hasil + Id_soal + Jenis_tes + Id_siswa + Benar + Salah + + Lama Id_hasil Id_soal Jenis_tes NIS Benar Salah Nilai Lama {0..9} {0..9} {Latihan|Ulangan Harian|Soal Tengah Semester|Tryout} {0..9} {0..9} {0..9} {0..9} {0..9|sysmbol} 25 Nama Data Olah Pengumuman Deskripsi Berisi keterangan olah pengumuman Struktur Data Id_pengumuman + Judul + Tgl + Wkt + Isi + Id_pengurus + Id_guru Id_pengumuman Judul Tgl Isi Id_pengurus Id_guru {0..9} {0..9|a..z|A..Z} {datetime} {0..9|a..z|A..Z|sysmbol} {0..9|a..z|A..Z} {0..9|a..z|A..Z} 26 Nama Data Olah Forum Tanya Deskripsi Berisi keterangan olah forum tanya Struktur Data Id_tanya + Topik + Keterangan + Id_guru + Jml_lihat + Jml_pengikut + Id_matpel Id_tanya Topik Keterangan Id_guru keterangan tgl Jml_lihat Jml_pengikut Id_matpel {0..9} {0..9|a..z|A..Z|symbol} {0..9a..z|A..Z|symbol} {0..9 } {0..9a..z|A..Z|symbol} {datetime} {0..9} {0..9} {0..9} 27 Nama Data Olah Forum Jawab Deskripsi Berisi keterangan olah forum jawab Struktur Data Id_jawab + Id_siswa + id_guru + Id_tanya + Jawab + Tgl + Sebagai Id_jawab Id_siswa id_guru Id_tanya Jawab Tgl Sebagai {0..9} {0..9} {0..9} {0..9} {0..9|a..z|A..Z|symbol} {datetime} {a..z|A..Z} III.4.3 Perancangan Sistem Perancangan akan terbentuk setelah melalui tahap analisis sebuah keadaan dengan menghasilkan rangkuman sistem yang akan diimplementasikan. Perancangan diidentifikasi sebagai proses aplikasi sistem yang memiliki teknik dan prinsip bagi tujuan yang akan dicapai, mampu memberikan sistem yang mudah untuk digunakan pada saat menggunakannya serta memadai dari tujuan yang diinginkan. Perancangan digambarkan berupa proses multi langkah dimana representasi struktur info, struktur program, karakteristik interface, dan detail prosedur. III.4.3.1 Diagram Relasi Untuk menggambarkan keterhubungan tabel dalam sistem secara terperinci atau jelas, maka digunakannya diagram relasi, diagram relasi akan dijelaskan pada gambar III.30. guru PK id_guru nama alamat kelamin tlp agama email password tmp_lahir tgl_lahir profil siswa PK id_siswa nama alamat tmpt_lhr tgl_lhr kelamin tlp agama email password orang_tua PK id_ortu nama alamat kelamin tlp agama email password tmp_lahir tgl_lahir sebagai pekerjaan FK1 id_siswa tahun_ajaran PK id_ajaran tahun_ajaran semester PK id_semester semester kelas PK id_kelas kelas FK2 id_ajaran mata_pelajaran PK id_matpel matapelajaran FK3 id_ajaran mengajar PK id_mengajar FK3 id_guru FK2 id_kelas Materi PK id_materi materi nama_file ukuran url tgl keterangan FK1 id_jadwal tugas PK id_tugas tugas keterangan nama_file ukuran url tgl FK1 id_materi unggah_tugas PK id_utugas nama keterangan nama_file ukuran url tgl FK2 id_siswa FK1 id_tugas soal PK id_soal untuk keterangan jmlsoal disajikan opsi metode waktu FK2 id_matpel detail_soal PK id_detsoal FK1 id_soal pertanyaan opsia opsib opsic opsid opsie kunci benar salah sisbenar sissalah ja jb jc jd je jk hasil PK id_hasil jenis_test benar salah nilai lama waktu FK1 id_siswa FK2 id_soal pengumuman PK id_pengumuman judul tgl isi FK1 id_guru FK2 id_pengurus forum_tanya PK id_tanya topik keterangan jml_lihat jml_pengikut FK1 id_guru forum_jawab PK id_jawab nama jawab sebagai tgl FK2 id_ortu FK1 id_tanya pengurus PK id_pengurus jabatan nama alamat kelamin tlp agama email password tmp_ahir tgl_lahir profil jadwal1 PK id_jadwal FK1 id_mengajar FK2 id_matpel FK3 id_semester FK4 id_ajaran Gambar III.30 Diagram Relasi III.4.3.2 Struktur Tabel Pada tahap perancangan struktur table akan dijelaskan mengenai perancangan infobase yang akan digunakan dalam sistem dalam pengolahan data. Penyusunan struktur tabel ini akan mempermudah dalam pemasukan data sesuai dengan pengelompokan dari data atau informasi tersebut. Berikut ini adalah rincian masing-masing tabel yang akan dibangun. 1. pengurus Tabel III.23 Tabel Pengurus Field Tipe Panjang Kunci Keterangan id_pengurus bigint 17 primary key not null jabatan varchar 20 - not null nama varchar 50 - not null alamat text - - - telp varchar 15 - null kelamin enum ‘L’,’P’ - not null agama enum Islam,Protestan,Katolik ,Hindu,Budha - not null tmp_lahir varchar 20 - null tgl_lahir varchar 15 - null email varchar 30 - not null password varchar 50 - not null 2. Guru Tabel III.24 Tabel Guru Field Tipe Panjang Kunci Keterangan id_guru bigint 17 primary key not null nama varchar 50 - not null alamat text - - - telp varchar 15 - null kelamin enum ‘L’, ‘P’ - not null agama enum Islam,Protestan,Katolik, Hindu,Budha - not null tmp_lahir varchar 20 - null tgl_lahir varchar 15 - null profil text - - - email varchar 50 - not null password varchar 50 - not null 3. siswa Tabel III.25 Tabel Siswa Field Tipe Panjang Kunci Keterangan id_siswa int 11 primary key not null id_kelas int 5 FK, ref kelas id_kelas not null id_ajaran int 5 FK, ref not null tahun_ajaran id_ajaran tmp_lhr varchar 20 - null tgl_lhr varchar 15 - null nama varchar 50 - not null alamat text - - - telp varchar 15 - null kelamin enum ‘L’, ‘P’ - not null agama enum Islam,Protestan,Katolik, Hindu,Budha - not null email varchar 50 - not null password varchar 50 - not null 4. orang_tua Tabel III.26 Tabel Orang_Tua Field Tipe Panjang Kunci Keterangan id_ortu int 11 primary key not null id_siswa int 11 FK, ref siswa id_siswa not null nama varchar 50 - not null kelamin enum ‘L’, ‘P’ - not null agama enum Islam, Protestan, Katolik, Hindu, Budha - not null tmp_lahir varchar 20 - null tgl_lahir varchar 15 - null alamat text - - - telp varchar 15 - null sebagai enum Ayah,Ibu,Wali - not null pekerjaan enum Wiraswasta,Pegawai Negeri Sipil,Aparat,Lainnya - not null email varchar 50 - not null password varchar 50 - not null 5. tahun_ajaran Tabel III.27 Tabel Tahun_Ajaran Field Tipe Panjang Kunci Keterangan id_ajaran Int 5 primary key not null tahun_ajaran varchar 20 - not null aktif enum ‘0’, ‘1’ - not null 6. semester Tabel III.28 Tabel Semester Field Tipe Panjang Kunci Keterangan id_semester Int 5 primary key not null semester enum Semester 1,Semester - not null 2 aktif enum ‘0’, ‘1’ - not null 7. kelas Tabel III.29 Tabel Kelas Field Tipe Panjang Kunci Keterangan id_kelas int 5 primary key not null kelas varchar 15 - not null id_ajaran int 5 FK, ref tahun_ajaran id_ajaran not null 8. matapelajaran Tabel III.30 Tabel Matapelajaran Field Tipe Panjang Kunci Keterangan id_matpel int 5 primary key not null matpel varchar 100 - not null id_ajaran int 5 FK, ref tahun_ajaran id_ajaran not null 9. mengajar Tabel III.31 Tabel Mengajar Field Tipe Panjang Kunci Keterangan id_mengajar int 5 primary key not null id_guru bigint 17 FK, ref guru id_guru not null id_kelas int 5 FK, ref kelas id_kelas not null 10. jadwal Tabel III.32 Tabel Jadwal Field Tipe Panjang Kunci Keterangan id_jadwal int 5 primary key not null id_matpel int 5 FK, ref matapelajaran id_matpel not null id_ajaran int 5 FK, ref tahun_ajaran id_ajaran not null id_semester int 5 FK, ref semester is_semester not null 11. materi Tabel III.33 Tabel Materi Field Tipe Panjang Kunci Keterangan id_materi int 5 primary key not null id_jadwal int 5 FK, ref jadwal id_jadwal not null materi varchar 100 - not null keterangan text - - - nama_file varchar 200 - not null ukuran varchar 20 - not null url varchar 200 - not null tgl date - - not null 12. tugas Tabel III.34 Tabel Tugas Field Tipe Panjang Kunci Keterangan id_tugas int 5 primary key not null id_materi int 5 FK, ref materi id_materi not null tugas varchar 100 - not null keterangan text - - not null nama_file varchar 200 - not null ukuran varchar 20 - not null url varchar 200 - not null tgl date - - not null 13. unggah_tugas Tabel III.35 Tabel Unggah_Tugas Field Tipe Panjang Kunci Keterangan id_utugas Int 5 primary key not null id_tugas Int 5 FK, ref tugas id_tugas not null nama varchar 100 - not null keterangan text - - not null nama_file varchar 200 - not null ukuran Int 20 - not null url varchar 200 - not null tgl datetime - - not null 14. soal Tabel III.36 Tabel Soal Field Tipe Panjang Kunci Keterangan id_soal Int 5 primary key not null id_matpel Int 5 FK, ref matapelajaran id_matpel not null untuk enum Latihan,Ulangan Harian,Ujian Tengah Semester,Tryout - not null keterangan text - - - jumlahsoal varchar 20 - not null disajikan int 3 - not null opsi enum ‘3’, ‘4’, ‘5’ - not null metode enum ‘acak’, ‘urut’ - not null waktu tinyint 4 - not null 15. detail_soal Tabel III. 37 Tabel Detail Soal Field Tipe Panjang Kunci Keterangan id_detsoal int 5 primary key not null id_soal int 5 FK, ref soal id_soal not null pertanyaan text - - not null opsia text - - not null opsib text - - not null opsic text - - not null opsid text - - not null opsie text - - not null kunci char 2 - not null benar int 5 - not null salah int 5 - not null sisbenar text - - not null sissalah text - - not null ja int 6 - not null jb int 6 - not null jc int 6 - not null jd int 6 - not null je int 6 - not null jk int 6 - not null 16. hasil Tabel III.38 Tabel Keterangan Hasil Field Tipe Panjang Kunci Keterangan id_soal int 5 primary key not null id_detsoal int 5 FK, ref soal id_detsoal not null id_siswa int 11 FK, ref siswa id_siswa not null jenis_soal enum Latihan, Ulangan Harian, Ujian Tengah Semester, Tryout - not null benar int 3 - not null salah int 3 - not null nilai int 3 - not null lama varchar 10 - not null 17. pengumuman Tabel III.39 Tabel Keterangan Pengumuman Field Tipe Panjang Kunci Keterangan id_pengumuman int 5 primary key not null id_guru bigint 17 FK, ref guru id_guru default null id_pengurus bigint 17 Fk, ref pengurus default null id_pengurus judul varchar 100 - not null isi text - - - tgl datetime - - not null 18. forum_tanya Tabel III.40 Tabel Keterangan Forum Tanya Field Tipe Panjang Kunci Keterangan id_tanya int 10 primary key not null id_guru bigint 17 FK, ref guru id_guru default null id_matpel int 5 FK, ref matapelajaran id_matpel default null topik varchar 100 - not null keterangan text - - - tgl datetime - - not null jml_lihat int 10 - not null jml_pengikut int 10 - not null 19. forum_jawab Tabel III.41 Tabel Keterangan Forum Jawab Field Tipe Panjang Kunci Keterangan id_jawab int 10 primary key not null id_guru bigint 17 FK, ref guru id_guru default null id_siswa int 11 FK, ref siswa id_siswa default null id_tanya int 10 FK, ref forum_tanya id_tanya not null nama varchar 50 - not null jawab text - - - tgl datetime - - not null sebagai varchar 10 - not null III.4.3.3 Perancangan Struktur Menu Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi yang akan digunakan dalam aplikasi yang akan dibangun. Banyaknya jumlah struktur menu yang akan dirancang sesuai dengan jumlah pengguna yang terkait atau pengguna yang memiliki hak akses. Dalam aplikasi e-learning ini pengguna yang memilki hak akses terdapat 6 pengguna antara lain struktur menu halaman utama, struktur menu kurikulum, struktur menu tata usaha, struktur menu kepala sekolah, struktur menu guru, struktur menu siswa, dan struktur menu orang tua. 1. Struktur Halaman Utama E_learning SMA YAS Unduh Materi Unduh Pengumuman Tampil Tampil Forum Diskusi Tambah Komentar Hapus Komentar Gambar III.31 Struktur Menu Halaman Utama 2. Struktur Menu Tata Usaha E_learning SMA YAS Login Tata Usaha Olah Guru Olah Siswa Olah Orang Tua Olah Pengumuman Tambah Hapus Ubah Import Hapus Ubah Import Hapus Ubah Import Hapus Ubah Cari Cari Cari Olah Naik Kelas Import Tambah Ubah Cari Tambah Tambah Tambah Profil Simpan Perubahan Gambar III.32 Struktur Menu Tata Usaha 3. Struktur Menu Kurikulum E_learning SMA YAS Login Kurikulum Olah Tahun Ajaran Olah Semester Olah Kelas Olah Mata Pelajaran Olah Mengajar Olah Pengumuman Tambah Hapus Ubah Aktifkan Ubah Tambah Hapus Ubah Tambah Hapus Ubah Tambah Hapus Ubah Tambah Hapus Ubah Aktifkan Cari Cari Profil Simpan Perubahan Gambar III.33 Struktur Menu Kurikulum 4. Struktur Menu Guru E_learning SMA YAS Login Guru Buat Soal Hasil Ujian Analisis Soal Pengolahan Materi Pengolahan Tugas Tambah Ubah Hapus Rubah Hapus Rubah Pengumuman Tambah Hapus Rubah Tambah Hapus Rubah Topik Forum Unduh Tambah Tambah Tampil Cetak Profil Simpan Perubahan Unduh Tugas Siswa Unduh Kumpulan Soal Memulai Masukkan Soal Masukkan Soal Tambah Ubah Tambah Gambar III.34 Struktur Menu Guru 5. Struktur Menu Siswa E_learning SMA YAS Login Siswa Pilih Soal Unduh Materi Unduh Tugas Unggahan Tugas Latihan Ulangan Harian Ujian Tengah Semester Tryout Unduh Unduh Unggah Rubah Hapus Profil Simpan Perubahan Nilai Cetak Gambar III.35 Struktur Menu Siswa 6. Struktur Menu Kepala Sekolah E_learning SMA YAS Login Kepala Sekolah Nilai Siswa Tampil Aktifitas Guru Tampil Tampil Aktifitas Forum Profil Simpan Perubahan Lihat Grafik Aktifitas Diskusi Lihat Grafik Aktifitas Guru Gambar III.36 Struktur Menu Kepala Sekolah 7. Struktur Menu Orang Tua E_learning SMA YAS Login Orang Tua Nilai Siswa Cetak Tampil Absensi Siswa Profil Simpan Perubahan Tampil Aktifitas Forum Tampil Gambar III.37 Struktur Menu Orang Tua III.4.3.4 Perancangan Antarmuka Dengan dijabarkannya perancangan antarmuka ini, tidak lain memiliki tujuan agar mempermudah perogramer untuk melakukan pembuatan aplikasi yang dirancang. Diharapkan rancangan antarmuka ini bermaksud agar para pengguna tidak kesulitan pada saat pengoprasian aplikasi ini dan nyaman dalam penggunaannya. 1. Perancangan Antarmuka Halaman Utama Beranda Masuk Profil e-learning Unduh Materi Pengumuman Forum T01 Ukuran Form 1024 x 768 Warna Background Cream Font Arial, Helvetica, sans-serif Ukuran 11pt - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik Pengumuman maka akan menuju T59 - Klik Forum maka akan menuju T55 - Klik Materi maka akan menuju T61 Gambar III.38 Perancangan Antarmuka Halaman Utama 2. Perancangan Antarmuka Login Pengurus T02 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Login Admin Halaman Web NUPTK Password Masuk - Klik Halaman Web maka akan menampilkan T01 - Klik Masuk Maka akan menuju T03 Sebagai Gambar III.39 Perancangan Antarmuka Login Pengurus 3. Perancangan Antarmuka Kurikulum Halaman Web Keluar T03 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman Profil Kurikulum - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Guru maka akan menuju T09 - Klik Pengolahan Siswa maka akan menuju T10 - Klik Pengolahan Orang Tua maka akan menuju T11 - Klik Pengolahan Pengumuman maka akan menuju T09 Profil Gambar III.40 Perancangan Antarmuka Kurikulum 4. Perancangan Antarmuka Tahun Ajaran Halaman Web Keluar T04 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Tahun Ajaran Simpan No Tahun Ajaran Aksi Ubah | Hapus - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T04 -Klik Aktifkan maka akan menuju T04 Profil Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman Aktifkan Gambar III.41 Perancangan Antarmuka Tahun Ajaran 5. Perancangan Antarmuka Semester Halaman Web Keluar T05 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Semester Simpan No Semester Aksi Ubah | Hapus Profil Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman Aktifkan - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T05 -Klik Aktifkan maka akan menuju T05 Gambar III.42 Perancangan Antarmuka Semester 6. Perancangan Antarmuka Kelas Halaman Web Keluar T06 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Kelas Simpan No Tahun Ajaran Aksi Ubah | Hapus Profil Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman Cari Kelas Pilih Katergori Pencarian Tahun Ajaran Kelas Kelas Cari - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T06 -Klik Cari maka akan menuju T06 Gambar III.43 Perancangan Antarmuka Kelas 7. Perancangan Antarmuka Mata Pelajaran Halaman Web Keluar T07 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Mata Pelajaran Simpan Profil No Tahun Ajaran Aksi Ubah | Hapus Mata Pelajaran Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T07 Gambar III.44 Perancangan Antarmuka Mata Pelajaran 8. Perancangan Antarmuka Mengajar Halaman Web Keluar T08 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Mata Pelajaran Guru Simpan No Mata Pelajaran Kelas Aksi Ubah | Hapus Kelas Tahun Ajaran Tahun Ajaran Semester Profil Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman 20112012 Semester 1 Cari Mengajar Pilih Katergori Pencarian Cari Mata Pelajaran Guru Kelas Tahun Ajaran Semester Guru Semester - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T08 -Klik Cari maka akan menuju T08 Gambar III.45 Perancangan Antarmuka Mengajar 9. Perancangan Antarmuka Pengolahan Data Pengumuman Halaman Web Keluar T09 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Simpan No Judul Isi Aksi ubah | hapus Isi Tahun Ajaran Semester Kelas Mata Pelajaran Mengajar Pengumuman - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Pengumuman maka akan menuju T09 -Klik Simpan maka akan menuju T09 Gambar III.46 Perancangan Antarmuka Pengolahan Data Pengumuman 10. Perancangan Antarmuka Profil Tata Usaha Halaman Web Keluar T10 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Siswa Profil Tata Usaha - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T10 - Klik Pengolahan Guru maka akan menuju T11 - Klik Pengolahan Siswa maka akan menuju T12 - Klik Pengolahan Orang Tua maka akan menuju T13 - Klik Pengolahan Naik Kelas maka akan menuju T14 - Klik Pengolahan Pengumuman maka akan menuju T15 Guru Orang Tua Pengumuman Profil Naik Kelas Gambar III.47 Perancangan Antarmuka Pengolahan Data Pengumuman 11. Perancangan Antarmuka Pengolahan Data Guru Halaman Web Keluar T11 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No NUPTK Nama Aksi Ubah | Hapus Password Profil Siswa Guru Orang Tua Pengumuman Naik Kelas NUPTK Nama Simpan Cari Data Guru Pilih Katergori Pencarian Cari NUPTK Nama Masukkan Data Guru Tambah Data Guru Import Data Guru Browse... Unduh Format Import Import - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T10 - Klik Pengolahan Guru maka akan menuju T11 - Klik Pengolahan Siswa maka akan menuju T12 - Klik Pengolahan Orang Tua maka akan menuju T13 - Klik Pengolahan Naik Kelas maka akan menuju T14 - Klik Pengolahan Pengumuman maka akan menuju T15 - Klik Impot maka akan menuju T11 - Klik Simpan maka akan menuju T11 - Klik Cari maka akan menuju T11 Gambar III.48 Perancangan Antarmuka Pengolahan Data Guru 12. Perancangan Antarmuka Pengolahan Data Siswa Halaman Web Keluar T12 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No NIS Nama Aksi Ubah | Hapus Password Kelas Tahun Ajaran Profil NIS Nama Simpan Cari Data Siswa Pilih Katergori Pencarian Cari NIS Nama Masukkan Data Siswa Tambah Data Siswa Import Data Siswa Browse... Unduh Format Import Import Kelas Tahun Ajaran 20112012 Kelas Tahun Ajaran Siswa Guru Orang Tua Pengumuman Naik Kelas - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T10 - Klik Pengolahan Guru maka akan menuju T11 - Klik Pengolahan Siswa maka akan menuju T12 - Klik Pengolahan Orang Tua maka akan menuju T13 - Klik Pengolahan Naik Kelas maka akan menuju T14 - Klik Pengolahan Pengumuman maka akan menuju T15 - Klik Impot maka akan menuju T12 - Klik Simpan maka akan menuju T12 - Klik Cari maka akan menuju T12 Gambar III.49 Perancangan Antarmuka Pengolahan Data Siswa 13. Perancangan Antarmuka Pengolahan Data Orang Tua Halaman Web Keluar Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No NIS Nama Aksi Ubah | Hapus Password Kelas Tahun Ajaran - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 - Klik Simpan maka akan menyimpan data mata pelajaran - Klik Ubah maka akan menuju T12 dengan value data yang akan diUbah - Klik Hapus maka akan menghapus data yang dipilih - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 -Klik Sub Kelas maka akan menuju T07 - Klik Mata Pelajaran maka akan menuju T08 - Klik Mengajar maka akan menuju T09 - Klik Pengolahan Data Pengguna maka akan menuju T10 Halaman Web Keluar T13 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No NIS Nama Aksi Ubah | Hapus Password Profil NIS Nama Simpan Cari Orang Tua Pilih Katergori Pencarian Cari NIS Nama Masukkan Data Orang Tua Tambah Data Orang Tua Import Data Orang Tua Browse... Unduh Format Import Import Siswa Guru Orang Tua Pengumuman Naik Kelas - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T10 - Klik Pengolahan Guru maka akan menuju T11 - Klik Pengolahan Siswa maka akan menuju T12 - Klik Pengolahan Orang Tua maka akan menuju T13 - Klik Pengolahan Naik Kelas maka akan menuju T14 - Klik Pengolahan Pengumuman maka akan menuju T15 - Klik Impot maka akan menuju T13 - Klik Simpan maka akan menuju T13 - Klik Cari maka akan menuju T13 Gambar III.50 Perancangan Antarmuka Pengolahan Data Orang Tua 14. Perancangan Antarmuka Pengolahan Data Naik Kelas Halaman Web Keluar T13 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Profil No NIS Nama Aksi Ubah Password Kelas Tahun Ajaran Tahun Ajaran Kelas Simpan Cari Data Siswa Pilih Katergori Pencarian Cari NIS Nama Masukkan Data Naik Kelas Tambah Data Naik Kelas Import Data Naik Kelas Browse... Unduh Format Import Import Pilih Siswa Naik Kelas Kelas Tahun Ajaran Siswa Guru Orang Tua Pengumuman Naik Kelas - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T10 - Klik Pengolahan Guru maka akan menuju T11 - Klik Pengolahan Siswa maka akan menuju T12 - Klik Pengolahan Orang Tua maka akan menuju T13 - Klik Pengolahan Naik Kelas maka akan menuju T14 - Klik Pengolahan Pengumuman maka akan menuju T15 - Klik Impot maka akan menuju T14 - Klik Simpan maka akan menuju T14 - Klik Cari maka akan menuju T14 Gambar III.51 Perancangan Antarmuka Pengolahan Data Naik Kelas 15. Perancangan Antarmuka Tambah Pengumuman Halaman Web Keluar T15 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Judul Simpan No Judul Isi Aksi ubah | hapus - Klik Halaman Web maka akan menampilkan T01 - Klik Keluar maka akan menuju T01 - klik Profil maka akan menuju T03 - Klik Tahun Ajaran maka akan menuju T04 - Klik Semester maka akan menuju T05 - Klik Kelas maka akan menuju T06 - Klik Mata Pelajaran maka akan menuju T07 - Klik Mengajar maka akan menuju T08 - Klik Pengolahan Guru maka akan menuju T09 - Klik Pengolahan Siswa maka akan menuju T10 - Klik Pengolahan Orang Tua maka akan menuju T11 - Klik Pengolahan Pengumuman maka akan menuju T12 -Klik Simpan maka akan menuju T12 -Klik Rubah maka akan menuju T13 Isi Profil Siswa Guru Orang Tua Pengumuman Naik Kelas Gambar III.52 Perancangan Antarmuka Tambah Pengumuman 16. Perancangan Antarmuka Guru Keluar Beranda T16 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Profil Guru Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa Gambar III.53 Perancangan Antarmuka Guru 17. Perancangan Antarmuka Buat Soal Keluar T17 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Soal Untuk Keterangan Simpan Materi Pelajaran Jumlah Soal Disajikan Lama Waktu Pengerjaan Jumlah Pilihan 3 4 5 Soal Disajikan Secara acak berurutan Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.54 Perancangan Antarmuka Buat Soal 18. Perancangan Antarmuka Memulai Memasukkan Soal Keluar T18 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Mulai Memasukkan Soal ? Ya Tidak Data Soal yang Sebelumnya Dimasukkan Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.55 Perancangan Antarmuka Memulai Memasukkan Soal 19. Perancangan Antarmuka Memasukkan Soal Keluar T19 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Soal ... Simpan Akhiri No. Soal ... Pertanyaan Opsi a Opsi b Opsi c Opsi d Opsi e Kunci Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.56 Perancangan Antarmuka Memasukkan Soal 20. Perancangan Antarmuka Kumpulan Soal Keluar T20 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Tipe Soal Materi Aksi Tambah | Rubah Jenis Soal Yang Disajikan Soal Yang Ada Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.57 Perancangan Antarmuka Kumpulan Soal 21. Perancangan Antarmuka Pengolahan Butir Soal Keluar T19 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Selesai Perubahan Pertanyaan a. Opsi a b. Opsi b c. Opsi c d. Opsi d e. Opsi e Kunci Jawaban Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Perbaiki Materi Tambah Materi Tambah Tugas Perbaiki Tugas Buat Forum Buat Pengumuman rubah | hapus Identitas Soal - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T14 - Klik Buat Soal maka akan menuju T15 - Klik Olah Butir Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T22 - Klik Analisis Soal maka akan menuju T23 - Klik Tambah Materi maka akan menuju T25 - Klik Perbaiki Materi maka akan menuju T26 - Klik Tambah Tugas maka akan menuju T27 - Klik Perbaiki Tugas maka akan menuju T29 - Klik Buat Forum maka akan menuju T31 - Klik Buat Pengumuman maka akan menuju T33 Beranda Profil Gambar III.58 Perancangan Antarmuka Pengolahan Butir Soal 22. Perancangan Antarmuka Ubah Butir Soal Keluar T21 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Selesai Perubahan Pertanyaan a. Opsi a b. Opsi b c. Opsi c d. Opsi d e. Opsi e Kunci Jawaban rubah | hapus Identitas Soal Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.59 Perancangan Antarmuka Ubah Butir Soal 23. Perancangan Antarmuka Tambah Butir Soal Keluar T22 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Soal ... Simpan Akhiri No. Soal ... Pertanyaan Opsi a Opsi b Opsi c Opsi d Opsi e Kunci Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.60 Perancangan Antarmuka Tambah Butir Soal 24. Perancangan Antarmuka Hasil Ujian Keluar T23 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No NIS Siswa Nilai Materi Jenis Tes Kelas Lama Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.61 Perancangan Antarmuka Hasil Ujian 25. Perancangan Antarmuka Analisis Soal Keluar T24 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No. Tipe Soal Materi Jenis Soal yang Disajikan Soal yang Ada Tampikan dengan butir soal tanpa butir soal Lanjutkan Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.62 Perancangan Antarmuka Analisis Soal 26. Perancangan Antarmuka Hasil Analisis Soal Keluar T25 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Form Analisis Soal yang Dipilih Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.63 Perancangan Antarmuka Hasil Analisis Soal 27. Perancangan Antarmuka Tambah Materi Keluar T26 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama Materi Dokumen Simpan No Data Mengajar Materi Tanggal Keterangan Nama Dokumen Browser Data Mengajar Beranda Profil Aksi Ubah | Hapus Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.64 Perancangan Antarmuka Tambah Materi 28. Perancangan Antarmuka Ubah Materi Keluar T27 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama Materi Dokumen Simpan Keterangan Browser Data Mengajar Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.65 Perancangan Antarmuka Ubah Materi 29. Perancangan Antarmuka Tambah Tugas Keluar T28 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama Tugas Dokumen Simpan Keterangan Browser Data Materi Beranda Profil No Data Mengajar Tugas Tanggal Nama Dokumen Aksi Ubah | Hapus Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.66 Perancangan Antarmuka Tambah Tugas 30. Perancangan Antarmuka Ubah Tugas Keluar T29 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama Tugas Dokumen Simpan Keterangan Browser Data Materi Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.67 Perancangan Antarmuka Ubah Tugas 31. Perancangan Antarmuka Buat Forum Keluar T30 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Topik Keterangan Simpan No Mata Pelajaran Topik Aksi ubah | hapus Keterangan Mata Pelajaran Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.68 Perancangan Antarmuka Buat Forum 32. Perancangan Antarmuka Ubah Forum Keluar T31 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Topik Keterangan Simpan Mata Pelajaran Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.69 Perancangan Antarmuka Ubah Forum 33. Perancangan Antarmuka Tambah Pengumuman Keluar T32 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Judul Simpan No Judul Isi Aksi ubah | hapus Isi Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.70 Perancangan Antarmuka Tambah Pengumuman 34. Perancangan Antarmuka Ubah Pengumuman Keluar T33 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Judul Simpan Isi Beranda Profil Buat Soal Kumpulan Soal Hasil Ujian Analisis Soal Pengolahan Tugas Pengolahan Materi Buat Forum Buat Pengumuman Tugas Siswa - Klik Beranda maka akan menampilkan T01 - Klik Keluar Maka akan menuju T01 Klik Profil maka akan menuju T16 - Klik Buat Soal maka akan menuju T17 - Klik Kumpulan Soal maka akan menuju T20 - Klik Hasil Ujian maka akan menuju T23 - Klik Analisis Soal maka akan menuju T24 - Klik Pengolahan Materi maka akan menuju T26 - Klik Pengolahan Tugas maka akan menuju T28 - Klik Buat Forum maka akan menuju T30 - Klik Buat Pengumuman maka akan menuju T32 Gambar III.71 Perancangan Antarmuka Ubah Pengumuman 35. Perancangan Antarmuka Siswa Beranda Keluar T34 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Profil Siswa Gambar III.72 Perancangan Antarmuka Siswa 36. Perancangan Antarmuka Pilih Kategori Soal Beranda Keluar T35 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Menu Soal : Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Latihan Ulangan Harian Ujian Tengah Semester Tryout - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.73 Perancangan Antarmuka Pilih Kategori Soal 37. Perancangan Antarmuka Pilih Soal Beranda Keluar T36 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Berwarna Merah : Sudah Dikerjakan Berwarna Biru : Belum Dikerjakan Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Soal 1 Soal 2 - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.74 Perancangan Antarmuka Pilih Soal 38. Perancangan Antarmuka Memulai Pengerjaan Soal Beranda Keluar T37 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Identitas Soal Kerjakan Soal - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.75 Perancangan Antarmuka Memulai Pengerjaan Soal 39. Perancangan Antarmuka Mengerjakan Soal T39 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Identitas Soal Waktu Ujian Sisa Waktu Waktu Sekarang Pertanyaan Opsi a Opsi b Opsi c Opsi d Opsi e Selesai - Klik Selesai maka akan menampilkan T40 Gambar III.76 Perancangan Antarmuka Mengerjakan Soal 40. Perancangan Antarmuka Selesai Mengerjakan Soal T38 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Identitas Soal Waktu Ujian Sisa Waktu Waktu Sekarang Pertanyaan Opsi a Opsi b Opsi c Opsi d Opsi e Selesai - Klik Selesai maka akan menampilkan T39 Gambar III.77 Perancangan Antarmuka Selesai Mengejakan Soal 41. Perancangan Antarmuka Hasil Pengerjaan Soal Beranda Keluar T39 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Identitas Hasil Pengerjaan Soal - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.78 Perancangan Antarmuka Hasil Pengerjaan Soal 42. Perancangan Antarmuka Siswa Keluar T40 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Beranda No Tanggal Materi Lama Nilai Jenis Tes - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.79 Perancangan Antarmuka Siswa 43. Perancangan Antarmuka Unduh Materi Keluar T41 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Beranda No Tugas Ukuran byte Keteragan Tanggal Unggah Nama File Unduh - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.80 Perancangan Antarmuka Unduh Materi 44. erancangan Antarmuka Unduh Tugas Dan Balas Tugas Keluar T42 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Beranda Unggah Tugas Unggah No Tugas Ukuran byte Keteragan Tanggal Unggah Nama File Unduh - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.81 Perancangan Antarmuka Unduh Tugas dan Balas Tugas 45. Perancangan Antarmuka Balas Tugas Keluar T43 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Beranda Nama Tugas Dokumen Simpan Keterangan Browser Materi ...... - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.82 Perancangan Antarmuka Balas Tugas 46. Perancangan Antarmuka Unggahan Tugas Keluar T44 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pilih Soal Nilai Unduh Materi Unduh Tugas Unggahan Tugas Beranda No Unggah Tugas Materi Tanggal Nama Dokumen Aksi ubah | hapus - Klik Beranda maka akan menampilkan T01 - Klik Profil Maka akan menuju T35 - Klik Keluar Maka akan menuju T01 - Klik Pilih Soal maka akan menuju T35 - Klik Nilai maka akan menuju T40 - Klik Unduh Materi maka akan menuju T41 - Klik Unduh Tugas maka akan menuju T42 - Klik Unggahan Tugas maka akan menuju T44 Gambar III.83 Perancangan Antarmuka Unggahan Tugas 47. Perancangan Antarmuka Orang Tua Keluar Beranda T45 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Profil Orang Tua Profil - Klik Beranda maka akan menampilkan T01 -Klik Profil maka akan menuju T45 - Klik Keluar Maka akan menuju T01 - Klik Niliai Siswa maka akan menuju T46 - Klik Aktifitas Diskusi Siswa maka akan menuju T47 - Klik Absensi Siswa maka akan menuju T48 Aktifitas Dikusi SIswa Nilai SIswa Absensi Siswa Gambar III.84 Perancangan Antarmuka Orang Tua 48. Perancangan Antarmuka Siswa Keluar T46 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama NIS No Waktu Materi Nilai Jenis Tes Beranda Profil Lama - Klik Beranda maka akan menampilkan T01 -Klik Profil maka akan menuju T46 - Klik Keluar Maka akan menuju T01 - Klik Niliai Siswa maka akan menuju T47 - Klik Aktifitas Diskusi Siswa maka akan menuju T48 Aktifitas Dikusi SIswa Nilai SIswa Absensi Siswa Gambar III.85 Perancangan Antarmuka Siswa 49. Perancangan Antarmuka Aktifitas Diskusi Siswa Keluar T47 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Mata Pelajaran Topik Forum Beranda Profil Jumlah - Klik Beranda maka akan menampilkan T01 -Klik Profil maka akan menuju T46 - Klik Keluar Maka akan menuju T01 - Klik Niliai Siswa maka akan menuju T47 - Klik Aktifitas Diskusi Siswa maka akan menuju T48 Aktifitas Dikusi SIswa Nilai SIswa Absensi Siswa Gambar III.86 Perancangan Antarmuka Aktifitas Diskusi Siswa 50. Perancangan Antarmuka Absensi Siswa Keluar T48 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Tanggal Kehadiran Beranda Profil - Klik Beranda maka akan menampilkan T01 -Klik Profil maka akan menuju T46 - Klik Keluar Maka akan menuju T01 - Klik Niliai Siswa maka akan menuju T47 - Klik Aktifitas Diskusi Siswa maka akan menuju T48 Aktifitas Dikusi SIswa Nilai SIswa Absensi Siswa Dari Tanggal sd Tanggal Tampilkan Gambar III.87 Perancangan Antarmuka Absensi Siswa 51. Perancangan Antarmuka Kepala Sekolah Keluar T49 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt - Klik Beranda maka akan menampilkan T01 - Klik Profil maka akan menuju T49 - Klik Keluar Maka akan menuju T01 - Klik Nilai Siswa maka akan menuju T50 - Klik Aktifitas Diskusi maka akan menuju T51 - Klik Aktifitas Guru maka akan menuju T52 Beranda Profil Aktifitas Guru Aktifitas Diskusi Nilai Siswa Profil Kepala Sekolah Gambar III.88 Perancangan Antarmuka Kepala Sekolah 52. Perancangan Antarmuka Siswa Keluar T50 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Siswa Mata Pelajaran Nilai Jenis Tes Lama Beranda Profil Materi - Klik Beranda maka akan menampilkan T01 - Klik Profil maka akan menuju T49 - Klik Keluar Maka akan menuju T01 - Klik Nilai Siswa maka akan menuju T50 - Klik Aktifitas Diskusi maka akan menuju T51 - Klik Aktifitas Guru maka akan menuju T52 Aktifitas Guru Aktifitas Diskusi Nilai Siswa Gambar III.89 Perancangan Antarmuka Siswa 53. Perancangan Antarmuka Aktifitas Diskusi Keluar T51 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Mata Pelajaran Guru Siswa Orang Tua Beranda Profil Topik Lihat Statistik - Klik Beranda maka akan menampilkan T01 - Klik Profil maka akan menuju T49 - Klik Keluar Maka akan menuju T01 - Klik Nilai Siswa maka akan menuju T50 - Klik Aktifitas Diskusi maka akan menuju T51 - Klik Aktifitas Guru maka akan menuju T52 Aktifitas Guru Aktifitas Diskusi Nilai Siswa Gambar III.90 Perancangan Antarmuka Aktifitas Diskusi 54. Perancangan Antarmuka Aktifitas Guru Keluar T52 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Pengajar Banyak Materi Beranda Profil Lihat Statistik Banyak Tugas - Klik Beranda maka akan menampilkan T01 - Klik Profil maka akan menuju T49 - Klik Keluar Maka akan menuju T01 - Klik Nilai Siswa maka akan menuju T50 - Klik Aktifitas Diskusi maka akan menuju T51 - Klik Aktifitas Guru maka akan menuju T52 Aktifitas Guru Aktifitas Diskusi Nilai Siswa Gambar III.91 Perancangan Antarmuka Aktifitas Guru 55. Perancangan Antarmuka Login Masuk NUPTKNIS User Password Masuk T53 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt - Klik Masuk maka akan menampilkan halaman hak akses tertentu, sesuai dengan User yang dipilih Gambar III.92 Perancangan Antarmuka Login 56. Perancangan Antarmuka Kategori Forum T54 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Mata Pelajaran Kategori Forum Diskusi Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik Kategori Forum maka akan menuju T55 Gambar III.93 Perancangan Antarmuka Kategori Forum 57. Perancangan Antarmuka Kumpulan Forum T55 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt No Topik Kumpulan Forum Diskusi Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik Topik Forum maka akan menuju T56 Gambar III.94 Perancangan Antarmuka Kumpulan Forum 58. Perancangan Antarmuka Forum Tanpa Hak Akses T56 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Identitas Pembuat dan Topik Nama Topik Beranda Masuk Komentar Nama Pengkomentar - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 Gambar III.95 Perancangan Antarmuka Forum Tanpa Hak Akses 59. Perancangan Antarmuka Forum Dengan Hak Akses T57 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Nama Topik Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik simpan untuk membuat komentar baru - klik hapus untuk menghapus komentar yang tersedia Komentar Nama Pengkomentar Kometar Simpan | hapus Identitas Pembuat dan Topik Gambar III.96 Perancangan Antarmuka Forum Dengan Hak Kases 60. Perancangan Antarmuka Pengumuman T58 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Pengumuman Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik Selengkapnya untuk menuju T59 Judul Pembuat dan tanggal Isi dari pengumuman “Selengkapnya” Gambar III.97 Perancangan Antarmuka Pengumuman 61. Perancangan Antarmuka Detail Pengumuman T59 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Judul Pengumuman Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 Isi lengkap dari pengumuman Gambar III.98 Perancangan Antarmuka Detail Pengumuman 62. Perancangan Antarmuka Unduh Materi T60 Ukuran Form 1024 x 768 Warna Bacground Cream Font Arial, Helvetica, sans-serif Ukuran 11pt Unduh Materi Pelajaran Beranda Masuk - Klik Beranda maka akan menuju T01 - Klik Masuk maka akan menuju T54 - Klik Nama Materi untuk mengunduh materi Nama Materi Pembuat dan tanggal Keterangan Gambar III.99 Perancangan Antarmuka Unduh Materi III.4.3.5 Perancangan Pesan Berikut adalah perancangan pesan yang digunakan dalam sistem yang akan dibangun. Pesan x Data Telah Berhasil Disimpan OK Pesan M1 Pesan x Data Telah Tersedia OK Pesan M6 Pesan x Data Berhasil Diubah OK Pesan M2 Pesan x Login Gagal OK Pesan M7 Pesan x Data Berhasil Dihapus OK Pesan M3 Pesan x Data Tidak Sesuai Format OK Pesan M9 Pesan x NUPTKNIS dan Password Tidak Boleh Kosong OK Pesan M4 Pesan x Data yang Anda Masukkan Belum Lengkap OK Pesan M5 Gambar III.100 Perancangan Pesan III.4.3.6 Jaringan Semantik Struktur aplikasi dijelaskan secara terperinci dengan dibuat menjadi modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi. Dalam Pembuatan aplikasi ini menggunakan bantuan bagan struktural yang disebut juga jaringan semantik. Berikut adalah jaringan semantik yang menggambarkan struktur dalam aplikasi ini. 1. Jaringan Semantik Halaman Utama T01 T60 T54 T55 T58 T59 T56 Gambar III.101 Jaringan Semantik Halaman Utama 2. Jaringan Semantik Kurikulum T02 T03 T01 T04 T05 T06 T07 T08 T09 M7,M4 M1, M2, M6, M3 M1, M2, M6, M3 M1, M2, M6, M3 M1, M2, M6, M3 M1, M2, M6, M3 M1, M2, M6, M3 M1 Gambar III.102 Jaringan Semantik Kurikulum 3. Jaringan Semantik Tata Usaha T02 T10 T01 T14 T13 M7,M4 T11 M1, M2, M6, M3 T12 M1, M2, M6, M3 T15 M1, M2, M6, M3 M1, M2, M6, M3 M1, M2, M6, M3 M1 Gambar III.103 Jaringan Semantik Tata Usaha 4. Jaringan Semantik Guru T01 T16 T17 T20 T23 T26 T28 T30 T32 T33 M7,M4 T53 T21 T24 T29 M1, M6 T18 T19 T22 T22 T25 T27 T31 M1, M6 M1, M6 M1, M6 M3 M1, M2, M6 M3 M1, M2, M6 M3 M1, M2, M6 M1, M2, M6 M3 M3 M1 Gambar III.104 Jaringan Semantik Guru 5. Jaringan Semantik Siswa T34 T35 T41 T42 T43 T44 M1, M6 T01 M7,M4 T53 T36 T37 T38 T39 T40 M1, M2, M6, M3 M1 Gambar III.105 Jaringan Semantik Siswa 6. Jaringan Semantik Orang Tua T45 T46 T47 T01 M7,M4 T53 T48 M1 Gambar III.106 Jaringan Semantik Orang Tua 7. Jaringan Semantik Kepala Sekolah T49 T50 T51 T52 T01 M7,M4 T53 M1 Gambar III.107 Jaringan Semantik Kepala Sekolah III.4.3.7 Prosedural Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program ke dalam suatu deskripsi prosedural dari komponen-komponen perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut: 1. Prosedural Login Prosedural login merupakan prosedur yang terjadi ketika pengguna akan mengakses halaman haknya sebagai pengguna tertentu. Mulai Masukkan NISNUPTK, password dan tipe pengguna Pengecekan data masukkan Data masukkan belum lengkap Membandingkan NISNUPTK, password dan tipe pengguna dengan yang terdapat pada database Halaman hak akses pengguna NISNUPTK, password dan tipe pengguna valid Tampil pesan data belum lengkap Tampil pesan data data login salah Tidak Ya Tidak Ya Selesai Gambar III.108 Prosedur Login 2. Prosedural Tambah Prosedural tmabah merupakan prosedur yang dilakukan pengguna pada saat akan melakukan penambahan data yang diinginkan. Mulai Masukkan data yang akan ditambah Pengecekan data masukkan Data masukkan belum lengkap Simpan data NISNUPTK, password dan tipe pengguna valid Tampil pesan data belum lengkap Tampil pesan data sudah tersimpan Tidak Ya Selesai Gambar III.109 Prosedur Tambah 3. Prosedural Ubah Prosedural ubah merupakan prosedur yang dilakukan pengguna saat akan melakukan perubahan pada data yang diinginkan pengguna. Mulai Data yang akan dirubah Ini data yang akan dirubah Cek data valid Cek informasi rubah data Rubah Tampil pesan data valid Tidak Ya Selesai Simpan data Tampil pesan data sudah tersimpan Tampil pesan data tidak tersimpan Gambar III.110 Prosedur Ubah 4. Prosedural Hapus Prosedural Hapus merupakan prosedur yang dilakukan pengguna saat akan melakukan penghapusan pada data yang diinginkan pengguna. Mulai Data yang akan dihapus Ini data yang akan dihapus Cek data valid Cek informasi penghapusan data Hapus Tampil pesan data valid Tidak Ya Selesai Data dihapus Tampil pesan data sudah terhapus Tampil pesan data tidak terhapus Gambar III.111 Prosedur Hapus 181

BAB IV 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 sistem selanjutnya.

IV.1 Implementasi

Setelah sistem dinalisis dan didesain secara rinci, maka selanjutnya akan menuju tahap implementasi. Tujuan implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.

IV.1.1 Kebutuhan Perangkat Keras

Perangkat keras yang diperlukan untuk mengimplementasikan perangkat lunak sistem web e-learning, adalah sebagai berikut : Tabel IV.1 Spesifikasi Perangkat Keras Perangkat Keras Yang digunakan Yang dibutuhkan Processor Intel LGA775 Dual Core Dual Core 2.70 GHz E5400 2,70 GHz RAM DDR2 1GB 1GB Harddisk 160 GB 160 GB VGA Intel HD Graphics Intel Monitor 15.6” 15.6”

IV.1.2 Kebutuhan Perangkat Lunak

Perangkat lunak yang digunakan untuk mengimplementasikan sistem web e-learning ini adalah sebagai berikut : Tabel IV.2 Spesifikasi Perangkat Lunak Perangkat Lunak Yang digunakan Yang dibutuhkan Sistem Operasi Window XP Window XP Bahasa Pemrograman PHP PHP Web Server XAMPP XAMPP Database Server MySQL MySQL Web Server Mozilla dan Google Chrome Mozilla dan Google Chrome Code Editor Adobe Dreamweaver CS3 Adobe Dreamweaver CS3

IV.1.3 Implementasi Basis Data

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut : Tabel IV.3 Implementasi Basis Data No Nama Tabel Hasil Pembangkitan 1 detail_soal CREATE TABLE IF NOT EXISTS `detail_soal` `id_detsoal` int5 NOT NULL AUTO_INCREMENT, `id_soal` int5 NOT NULL, `pertanyaan` text NOT NULL, `opsia` text NOT NULL, `opsib` text NOT NULL, `opsic` text NOT NULL, `opsid` text NOT NULL, `opsie` text NOT NULL, `kunci` char1 NOT NULL DEFAULT , `benar` int5 NOT NULL, `salah` int5 NOT NULL, `sisbenar` text NOT NULL, `sissalah` text NOT NULL, `ja` int6 NOT NULL, `jb` int6 NOT NULL, `jc` int6 NOT NULL, `jd` int6 NOT NULL, `je` int6 NOT NULL, `jk` int6 NOT NULL, PRIMARY KEY `id_detsoal`, KEY `id_soal` `id_soal`, ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=41 ; ALTER TABLE `detail_soal` ADD CONSTRAINT `detail_soal_ibfk_1` FOREIGN KEY `id_soal` REFERENCES `soal` `id_soal` ON DELETE CASCADE ON UPDATE CASCADE; 2 forum_jawab CREATE TABLE IF NOT EXISTS `forum_jawab` `id_jawab` int10 NOT NULL AUTO_INCREMENT, `id_tanya` int10 NOT NULL, `id_guru` bigint17 DEFAULT NULL, `id_siswa` int11 DEFAULT NULL, `nama` varchar50 NOT NULL, `jawab` text, `tgl` datetime NOT NULL, `sebagai` varchar10 NOT NULL, PRIMARY KEY `id_jawab`, KEY `id_guru` `id_guru`, KEY `id_siswa` `id_siswa`, KEY `id_tanya` `id_tanya` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=24 ; ALTER TABLE `forum_jawab` ADD CONSTRAINT `forum_jawab_ibfk_1` FOREIGN KEY `id_tanya` REFERENCES `forum_tanya` `id_tanya` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT `forum_jawab_ibfk_2` FOREIGN KEY `id_guru` REFERENCES `guru` `id_guru` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT `forum_jawab_ibfk_3` FOREIGN KEY `id_siswa` REFERENCES `siswa` `id_siswa` ON DELETE CASCADE ON UPDATE CASCADE; 3 forum_tanya CREATE TABLE IF NOT EXISTS `forum_tanya` `id_tanya` int10 NOT NULL AUTO_INCREMENT, `id_guru` bigint17 NOT NULL, `id_matpel` int5 NOT NULL, `topik` varchar100 NOT NULL, `detail` text, `tgl` datetime NOT NULL, `jml_lihat` varchar10 NOT NULL, `jml_pengikut` varchar10 NOT NULL, PRIMARY KEY `id_tanya`, KEY `id_matpel` `id_matpel`, KEY `id_guru` `id_guru` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ; ALTER TABLE `forum_tanya` ADD CONSTRAINT `forum_tanya_ibfk_2` FOREIGN KEY `id_matpel` REFERENCES `matapelajaran` `id_matpel` ON DELETE CASCADE ON UPDATE CASCADE, ADD CONSTRAINT `forum_tanya_ibfk_1` FOREIGN KEY `id_guru` REFERENCES `guru` `id_guru` ON DELETE CASCADE ON UPDATE CASCADE; 4 guru CREATE TABLE IF NOT EXISTS `guru` `nama` varchar50 COLLATE latin1_general_ci NOT NULL DEFAULT , `id_guru` bigint17 NOT NULL, `password` varchar50 COLLATE latin1_general_ci NOT NULL, `kelamin` enumL,P COLLATE latin1_general_ci DEFAULT NULL, `alamat` text COLLATE latin1_general_ci NOT NULL, `profil` text COLLATE latin1_general_ci NOT NULL, `telp` varchar15 COLLATE latin1_general_ci DEFAULT NULL, `email` varchar50 COLLATE latin1_general_ci NOT NULL, `agama` enumIslam,Protestan,Katolik,Hindu,Budha COLLATE latin1_general_ci NOT NULL, `tgl_lahir` varchar15 COLLATE latin1_general_ci NOT NULL DEFAULT , `tmp_lahir` varchar20 COLLATE latin1_general_ci DEFAULT NULL, PRIMARY KEY `id_guru` ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci; 5 hasil CREATE TABLE IF NOT EXISTS `hasil` `id_hasil` int5 NOT NULL AUTO_INCREMENT, `waktu` varchar20 NOT NULL DEFAULT , `id_detsoal` int5 NOT NULL, `id_materi` int5 NOT NULL, `jenis_tes` enumLatihan,Ulangan Harian,Ujian Tengah Semester,Tryout NOT NULL, `id_siswa` int11 NOT NULL, `benar` int3 NOT NULL DEFAULT 0, `salah` int3 NOT NULL DEFAULT 0, `nilai` int3 NOT NULL DEFAULT 0, `lama` varchar10 NOT NULL DEFAULT 0, PRIMARY KEY `id_hasil`, KEY `id_siswa` `id_siswa`, KEY `id_detsoal` `id_detsoal` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=23 ;