37 BAB 4
ANALISIS DAN PERANCANGAN SISTEM YANG DIUSULKAN
4.1. Gambaran Sistem Yang Diusulkan
4.1.1. Activity Diagram Back – End Admin
Gambar 4.1 Activity Diagram Back-End Admin
Pada activity diagram ini, hal pertama yang harus dilakukan oleh admin adalah melakukan login dengan username dan password. Kemudian dilanjutkan dengan mengisikan data guru atau murid untuk langsung didaftarkan. Selanjutnya admin akan membuat jadwal pelajaran yang berbeda untuk setiap kelas. Kemudian admin akan membuat jadwal Ulangan Umum, membuat pengumuman, mengupdate status pembayaran, membuat history.
4.1.2. Activity Diagram Pelajaran
Gambar 4.2 Activity Diagram Pelajaran
Guru melakukan login untuk memilih pelajaran dan memilih topik lalu memasukkan materi pelajaran serta materi multimedia. Setelah guru memasukkan kedua materi tersebut, kemudian guru memberikan pelatihan berupa tugas-tugas untuk murid dan logout. Murid dapat login untuk mengakses materi serta tugas yang telah di input oleh guru sebelumnya.
4.1.3. Activity Diagram Nilai
Gambar 4.3 Activity Diagram Nilai
Guru login aplikasi, kemudian dilanjutkan dengan memasukkan nilai yang telah diperiksa sebelumnya berdasarkan hasil ulangan atau tugas latihan. Kemudian murid dapat login dan melihat nilai yang telah di publikasikan.
4.1.4. Activity Diagram Forum
Gambar 4.4 Activity Diagram Forum
Guru dan murid login untuk membuat topik baru di dalam forum. Kemudian guru dan murid login dan dapat langsung mengakses serta membalas topik yang dibuat sebelumnya.
4.1.5. Activity Diagram Absen
Gambar 4.5 Activity Diagram Absen
Guru login dan mengabsen murid setiap sebelum pelajaran dimulai. Dengan mengetikkan status kehadiran pada setiap murid di dalam sistem. Murid login untuk dapat melihat daftar kehadiran mereka selama satu semester.
4.1.6. Activity Diagram Jadwal Ulangan Umum
Gambar 4.6 Activity Diagram Jadwal Ulangan Umum
Admin melakukan login dan kemudian menyusun jadwal yang telah ditentukan sebelumnya. Kemudian memasukkan jadwal yang sudah jadi ke dalam sistem. Murid dapat login dan langsung melihat jadwal Ulangan Umum yang telah di berikan.
4.1.7. Activity Diagram Jadwal Pelajaran
Gambar 4.7 Activity Diagram Jadwal Pelajaran
Admin login dan melakukan penyusunan jadwal pelajaran yang kemudian di submit ke dalam sistem, lalu guru dan murid bisa login untuk mengakses jadwal pelajaran.
4.1.8. Activity Diagram Status Pembayaran
Gambar 4.8 Activity Diagram Status Pembayaran
Admin login untuk memasukan jumlah dan tanggal pembayaran setiap bulannya, kemudian dilanjutkan dengan murid yang sudah bisa mengakses status pembayaran dan melakukan pembayaran. Lalu admin menyimpan status pembayaran dan memberikan notifikasi ke murid mengenai status pembayaran.
4.1.9. Activity Diagram History
Gambar 4.9 Activity Diagram History
Guru dan murid masuk ke dalam sistem untuk kemudian mengakses history untuk guru dapat langsung mengunduh history tanpa harus memilih kelas terlebih dahulu.
Sedangkan untuk murid, murid harus memilih kelas sebelumnya untuk dapat mengunduh catatan history.
4.1.10. Activity Diagram Pesan
Gambar 4.10 Activity Diagram Pesan
Pada activity diagram ini guru dan murid masuk ke dalam sistem untuk mengakses halaman pesan. Kemudian guru dan murid dapat membuat pesan, mengirim, mengecek pesan terkirim dan membaca pesan masuk.
4.2. ADDIE model
4.2.1. Analisis
4.2.1.1. Analisis Karakteristik Peserta
a. Murid
Anak berumur 5-12 tahun, Murid dari sekolah dasar hati kudus memiliki karakteristik dalam penggunaan teknologi informasi rata – rata sudah dapat menggunakan teknologi informasi.
b. Guru
Hampir semua guru dari sekolah Hati Kudus tidak memiliki kemampuan untuk menggunakan teknologi informasi. Namun, kepala sekolah SD Hati Kudus sudah menjalankan pelatihan dengan menggunakan teknologi internet seperti mengharuskan pengumpulan tugas melalui email.
4.2.1.2. Kendala
Kendala yang di hadapi oleh penulis adalah sekolah belum memiliki fasilitas teknologi informasi berupa komputer dan database yang mendukung dalam proses belajar mengajar. Dan juga para guru belum dapat menggunakan teknologi informasi secara baik.
4.2.1.3. Hasil yang diinginkan
Meningkatkan kegiatan belajar mengajar di kelas khususnya untuk mata pelajaran yang membutuhkan latihan soal misalnya pelajaran matematika. Dengan adanya fitur unggah catatan, diharapkan dapat meningkatkan penggunaan waktu untuk pembahasan soal dan latihan-latihan.
4.2.1.4. Cara Penyampaian
Guru dapat membuat materi pembelajaran di aplikasi e-learning dan menyampaikannya di kelas sebagai summary pelajaran selain itu guru dapat mengunggah catatan yang sudah dibuat ke dalam aplikasi e- learning. Materi yang di buat dapat berupa teks, gambar, dan video.
Materi yang dapat di unduh berupa teks.
4.2.2. Design
4.2.2.1. Rancangan Metode
Metode penyampaian yang digunakan pada saat di kelas adalah tatap muka. Aplikasi e-learning dapat digunakan oleh guru sebagai media yang dapat membantu proses belajar mengajar di kelas. Selain itu aplikasi e-learning ini dapat digunakan sebagai media pembelajaran di luar kelas. Dengan menggunakan matematika sebagai studi kasus, maka proses belajar mengajar di dalam kelas adalah guru membuat summary pelajaran berupa rumus-rumus perhitungan, pembahasan contoh soal dan pemberian soal latihan. Untuk pembelajaran di luar kelas murid dapat menggunakan video yang telah guru berikan sebagai bahan belajar di rumah. Setelah itu murid dapat mengerjakan soal yang guru buat sebagai hasil evaluasi dari pembelajaran e-learning. Jika ada yang tidak dimengerti oleh murid, murid dapat menggunakan forum sebagai media komunikasi (tanya jawab) dengan guru dan murid lainnya.
4.2.2.2. Rancangan Materi
Awalnya guru melakukan log-in, guru dapat memilih menu pelajaran yang berisi mata pelajaran. Kemudian guru dapat memilih mata pelajaran untuk membuat konten. Konten yang dapat diisi oleh guru adalah informasi, bab, materi pelajaran, tugas, dan jawaban murid.
Di bagian informasi guru dapat mengisi, ruang lingkup pembelajaran
yang disesuaikan dengan mata pelajaran dan kelas murid. Tujuan pembelajaran yang diharapkan untuk dicapai oleh murid dengan memberikan materi pembelajaran yang telah dibatasi. Buku paket yang berisi tentang informasi buku yang digunakan oleh sekolah. Bobot penilaian yang digunakan sebagai penghitungan untuk nilai akhir murid.
Di bagian bab guru dapat mengisi bab dan judul bab dari buku paket yang digunakan oleh sekolah. kemudian guru memilih bab untuk mengisi materi pelajaran. Di materi pelajaran guru dapat mengisi bahan pembelajaran di kelas, mengunggah catatan dan materi tambahan berupa video. Di bagian tugas guru dapat membuat tiga jenis tugas yaitu pilihan ganda, isian dan soal cerita. Dimana ke-3 jenis tugas tersebut diberikan kepada murid setiap sebelum masuk bab baru, dipertengahan pembahasan setiap bab, dan diakhir pembahasan setiap bab. Di bagian jawaban murid guru dapat melihat jawaban yang telah murid unggah dan guru langsung memberikan nilai murid.
Dalam studi kasus ini penulis menggunakan pelajaran matematika untuk anak kelas 1SD sebagai mata pelajaran dianalisa pada pengembangan sistem e-learning. Ruang lingkup pembelajaran matematika untuk anak kelas 1SD antara lain seperti melakukan penghitungan penjumlahan dan pengurangan bilangan 20. Tujuan pembelajaran ini adalah agar murid dapat menyelesaikan masalah yang berkaitan dengan penghitungan penjumlahan dan pengurangan yang melibatkan bilangan 2 digit angka sampai 20.
Gambar 4.11 Contoh Materi Multimedia
Bobot penilaian adalah tugas sebesar 20%, ulangan sebesar 30%, ulangan umum sebesar 50%. Materi pelajaran dibuat berdasarkan bab yang telah dipilih sebelumnya untuk kemudian dibahas di dalam kelas. Soal tugas diberikan setelah materi pelajaran selesai dibahas.
Pada saat selesai pembahasan soal tugas guru memberikan materi tambahan berupa video untuk bahan belajara di rumah.
4.2.2.3. Aktivitas Pembelajaran
Pada saat masuk kelas guru dapat mengabsen murid dengan menu absen yang tersedia. Guru dapat mengkatagorikan ketidak hadiran murid dengan A (alpha), I (izin) dan S (sakit). Guru memulai pelajaran denganmemilih materi pelajaran yang terdapat di dalam menu pelajaran. guru menggunakan materi yang telah dibuat sebelumnya untuk kemudian dibahas di dalam kelas. Tugas akan diberikan setelah pembahasan selesai. Pada akhir jam pelajaran guru dapat memberikan materi tambahan berupa video yang dapat digunakan murid untuk bahan pembelajaran di rumah. Setelah itu murid dapat mengerjakan tugas secara yang diberikan guru sebagai hasil evaluasi dari pembelajaran e-learning. Guru dapat memberikan nilai secara online setelah guru menerima jawaban dari murid. Bila murid tidak mengerti tentang video yang diberikan, murid dapat bertanya kepada guru atau murid lain dengan menggunakan forum sebagai media komunikasi.
4.2.2.4. Aktivitas Penilaian
Setelah tugas di jawab oleh murid, guru dapat memberikan nilai dan nilai ini dicatat di menu nilai. Penilaian terhadap ulangan dilakukan dengan cara, guru memberikan murid ulangan. Ulangan yang sudah selesai di kerjakan oleh murid akan di periksa oleh guru dan kemudian guru akan memberikan nilai kepada murid. Kemudian guru akan menginput nilai yang telah di dapat murid kedalam menu nilai.
Setiap akhir semester sekolah mengaadakan ulangan umum sebagai penilaian akhir dengan bobot nilai tertinggi. Nilai akan di akumulasi
secara auto-generate oleh sistem sehingga langsung mendapatkan nilai akhir.
4.3. Development
4.3.1. Perancangan Event Table
Event Trigger Source Usecase Response Destination
Memasukan absen murid
Mendata daftar
hadir murid Murid Mengabsen
Murid Data Absen murid Mengakses
forum Tanya jawab
Adanya pemberian
tugas Guru Mengakses
forum New thread Murid
Mengakses forum Tanya jawab
Adanya pertanyaan Murid Mengakses
forum New thread Guru
Menyusun jadwal Ulangan Umum
Adanya ujian tiap
semester Guru
Menyusun jadwal Ulangan Umum
Jadwal Ulangan Umum
Murid
Menyusun jadwal pelajaran murid
Memberlakukan jadwal mata pelajaran yang baru
Guru
Menyusun jadwal pelajaran
Jadwal
pelajaran Murid
Membuat History pembelajaran
Memasukan History pembelajaran kedalam sistem
Admin Membuat
History History Murid,Guru
Memasukan nilai murid
Memberikan informasi nilai murid
Guru Membuat
daftar nilai Data Nilai Murid
Memasukan materi pelajaran
Mengajar menggunakan materi pelajaran yang telah di buat
Guru
Membuat materi pelajaran
Materi Murid
Memasukan materi multimedia
Membutuhkan multimedia
sebagai sarana pembelajaran
Guru
Membuat materi multimedia
Materi
Multimedia Murid
Mendownload Materi
Pelajaran
Mempelajari
Materi Tambahan Guru Mendownload Materi
Materi
Pelajaran Murid
Mendownload Tugas Latihan
Mengerjakan
Tugas Dari Guru Guru Mendownload
Soal Tugas Soal Tugas Murid
Memasukkan latihan tugas
Mengevaluasi
kemampuan murid Guru Membuat tugas
latihan Soal Tugas Murid Memasukan
jumlah &
tanggal pembayaran
Adanya
pembayaran yang harus dibayar
Admin
Membuat status pembayaran
Status
Bayar Murid
Mendaftarkan Guru
Memasukan guru
kedalam database Admin Mendaftarkan
Guru ID Guru Guru
Mendaftarkan Murid
Memasukan Murid
kedalam database Admin Mendaftarkan
Murid ID murid Murid
Membuat Pesan
Baru Membuat Pesan Admin Membuat
Pesan Pesan Murid,Guru
Tabel 4.1 Event Table
4.3.2. Perancangan Class Diagram
Gambar 4.12 Class Diagram
4.3.3. Perancangan Usecase Diagram Back End Admin
Gambar 4.13 Usecase Diagram Back End Admin
4.3.4. Perancangan Usecase Diagram
Gambar 4.14 Usecase Diagram
4.3.5. Perancangan Usecase Description
4.3.5.1. Usecase Description Membuat Jadwal Pelajaran Use Case Name Membuat Jadwal Pelajaran
Scenario Memasukan Jadwal Pelajaran kedalam sistem Triggering
Event Memberlakukan Jadwal mata pelajaran yang baru Brief
Description
Setiap kali awal semester di mulai maka, para guru akan membuat Jadwal mata pelajaran yang baru. Setelah jadwal mata pelajaran selesai di buat, maka guru akan memberikan kepada admin. Setelah itu admin akan memasukan jadwal matapelajaran yang ada kedalam sistem
Actors Admin
Related Use
Case - Mata pelajaran
Stake Holders Guru: Membuat Jadwal Mata pelajaran
Admin: Memasukan Jadwal Mata Pelajaran Kedalam sistem Murid : Mengakses Mata pelajaran yang sudah di buat Precondition Mendatakan semester baru di tahun ajaran berjalan postcondition Jadwal Mata Pelajaran yang baru dapat di berlakukan
Flow of events Actor Sistem
1. Admin Membuat Jadwal Pelajaran
2. Mata Pelajaran yang sudah jadi diberikan pada admin
3. Admin memasukan Jadwal mata pelajaran kedalam sistem
4. Jadwal yang telah di perbaharui dapat di Akses oleh murid
3.1 Sistem memproses Jadwal
yang di masukan
3.2 Sistem menyimpan Jadwal
yang di berlakukan
Exception Condition
-
Tabel 4.2 Usecase Description Membuat Jadwal Pelajaran
4.3.5.2. Usecase Description Absen Murid Use Case Name Mengabsen Murid
Scenario Membuat Jadwal Praktikum dari mata pelajaran tertentu Triggering
Event Memasukan absen murid ke dalam sistem Brief
Description
Guru memanggil murid satu persatu untuk di absen. Kemudian guru mencentang nama murid yang hadir. Kemudian guru melakukan submit data murid yang hadir.
Actors guru
Related Use
Case - Mata pelajaran
Stake Holders Guru : Mengabsen murid
Murid : Mengangkat tangan pada saat guru memanggil untuk absen Precondition Mengabsen Murid sebelum kelas di mulai
postcondition Absen murid telah di simpan di database
Flow of events Actor Sistem
1. Guru memanggil murid 2. Murid mengangkat tangan 3. Guru mencentang murid yang
hadir
4. Guru mensubmit hasil absen
4.1 Sistem memproses absen murid yang telah di submit 4.2 Sistem menyimpan absen murid yang telah di proses
Exception Condition
- Manual absen bila sistem sedang error
Tabel 4.3 Usecase Description Absen Murid
4.3.5.3. Usecase Description Mengakses Forum Use Case
Name Mengakses forum
Scenario Guru dan murid mengakses forum untuk sharing knowledge dan tanya jawab
Triggering
Event Untuk sharing knowledge Brief
Description
Guru dan Murid Mengakses forum yang ada pada E-learning.
Kemudian guru akan mensharing soal/tugas. Kemudian murid akan membalas postingan yang di buat oleh guru.
Actors Guru, murid Related Use
Case
- Upload summary pelajaran - Upload tugas
Stake Holders Guru : Sharing Tugas/Knowledge Murid : Membalas Postingan Guru
Precondition Guru mensharing / memposting suatu topik di Forum postcondition Postingan sudah di simpan di forum
Flow of
events
Actor Sistem
1. Guru Memposting
soal/knowledge
2. Murid Membalas postingan
guru 2.1 Sistem Menyimpan
Postingan Exception
Condition
- Guru tidak membuat/mensharing postingan di forum dan langsung sharing didalam kelas
Tabel 4.4 Usecase Description Mengakses Forum
4.3.5.4. Usecase Description Membuat Materi Pelajaran Use Case Name Membuat Materi Pelajaran
Scenario Guru membuat materi pelajaran Triggering Event Mempelajari Materi Tambahan
Brief Description Guru membuat materi pelajaran untuk mengajar, kemudian dari materi yang telah dibuat dapat di download orang murid dan guru sebagai materi tambahan selain dari buku teks
Actors Guru
Related Use Case - Absen Murid
Stake Holders Guru : Membuat materi pelajaran Murid : Mendownload materi Precondition Guru mengupload mata pelajaran
postcondition Materi Pelajaran dapat di download oleh murid
Flow of events Actor Sistem
1. Guru Membuat materi pelajaran 2. Guru mengupload materi Pelajaran
yang sudah di buat
3. Murid mendownload materi tambahan yang sudah di berkan oleh guru
2.1 Sistem memproses materi yang sudah di upload 2.2 Sistem menyimpan materi yang sudah di upload
3.1 sistem mengirimkan murid materi pelajaran
Exception Condition
- Guru tidak membuat summary mata pelajaran
Tabel 4.5 Usecase Description Membuat Jadwal Pelajaran
4.3.5.5. Usecase Description Membuat Materi Multimedia Use Case Name Membuat Materi Multimedia
Scenario Guru membuat materi pelajaran berbentuk multimedia Triggering
Event Membutuhkan multimedia sebagai sarana pembelajaran Brief
Description
Guru Menyiapkan materi berbentuk multimedia seperti Video dan Audio untuk beberapa pelajaran sebagai sarana mempermudah pembelajaran bagi murid di beberapa mata pelajaran, kemudian dari Sarana multimedia tersebut murid dapat mendownload dan mengakses langsung dari sistem
Actors Guru
Related Use
Case Mata Pelajaran
Stake Holders Guru : Membuat materi pelajaran berbentuk Multimedia Murid : Mendownload materi dan mengakses
Precondition Guru mengupload materi multimedia
postcondition Materi Pelajaran dapat di download dan di akses oleh murid
Flow of events Actor Sistem
1. Guru Membuat materi pelajaran berbentuk multimedia
2. Guru mengupload materi Pelajaran yang sudah di buat
3. Murid mendownload materi tambahan yang sudah di berkan oleh guru
2.1 Sistem memproses materi yang sudah di upload 2.2 Sistem menyimpan materi yang sudah di upload 3.1 sistem mengirimkan murid materi pelajaran
Exception Condition
- Guru tidak membuat materi tambahan yang berupa multimedia
Tabel 4.6 Usecase Description Membuat Jadwal Pelajaran
4.3.5.6. Usecase Description Membuat Tugas Latihan Use Case Name Membuat Tugas Latihan
Scenario Guru membuat Tugas Latihan untuk murid Triggering
Event Mengerjakan Tugas Dari Guru Brief
Description
Guru Menyiapkan tugas-tugas latihan yang berupa soal – soal sebagai bahan pembelajaran murid, kemudia guru mengupload kedalam sistem yang kemudian bisa di akses dan di download oleh murid sebagai bahan latihan di rumah.
Actors Guru
Related Use
Case - Mata pelajaran
Stake Holders Guru : Membuat Tugas Latihan Murid : Mendownload Tugas Latihan
Precondition Guru membuat Tugas latihan pada semua mata pelajaran postcondition Tugas Latihan dapat di download dan di akses oleh murid
Flow of events Actor Sistem
1. Guru Membuat Tugas Latihan 2. Guru mengupload Tugas
Latihan yang sudah di buat
3. Murid mendownload materi tambahan yang sudah di berkan oleh guru
2.1 Sistem memproses materi yang sudah di upload 2.2 Sistem menyimpan materi yang sudah di upload 3.1 sistem mengirimkan murid materi pelajaran
Exception Condition
- Guru sudah memberikan tugas latihan kepada murid secara manual
Tabel 4.7 Usecase Description Membuat Jadwal Pelajaran
4.3.5.7. Usecase Description Membuat Daftar Nilai Use Case Name Membuat daftar Nilai
Scenario Guru membuat Daftar nilai murid Triggering Event Memberikan informasi nilai murid
Brief Description Guru akan memeriksa Ulangan Umum dari anak anak murid sekolah Hati Kudus, kemudian dari situ guru akan memberikan nilai dan nilai yang sudah di buat di masukan kedalam daftar nilai murid. Setelah membuat daftar nilai tersebut kemudian guru akan mengupload nilai yang sudah di berikan kedalam sistem agar murid dapat mengakses nilai mereka
Actors Guru
Related Use Case -
Stake Holders Guru : Membuat materi pelajaran berbentuk Multimedia Murid : Mendownload materi dan mengakses
Precondition Guru Memasukan nilai pelajaran postcondition Nilai dapat di akses murid
Flow of events Actor Sistem
1. Guru memeriksa Ulangan Umum dari anak murid
2. Guru memberikan penilaian kepada anak murid Murid
3. Guru membuat daftar nilai 4. Guru mengupload nilai yang
sudah di berikan kedalam sistem
5. Murid mengakses hasil dari nilai mereka
4.1 Sistem memproses nilai yang
sudah di upload
4.2 Sistem menyimpan nilai yang sudah di upload
5.1 sistem Menampilkan nilai Exception
Condition
-
Tabel 4.8 Usecase Description Membuat Daftar Nilai
4.3.5.8. Usecase Description Mengunduh Materi Pelajaran
Tabel 4.10 Usecase Description Membuat Materi Pelajaran Use Case
Name Mengunduh Materi Pelajaran Scenario Murid Mengunduh materi pelajaran Triggering
Event Mempelajari Materi Tambahan Brief
Description
Murid akan Mengunduh materi pelajaran yang sudah di submit oleh guru sebelumnya. kemudian dengan materi pelajaran yang ada maka murid dapat mempelajari materi tambahan yang sudah di unduh sebelumya
Actors Murid Related Use
Case -
Stake Holders
Guru : Membuat materi pelajaran Murid : Mengunduh materi Precondition Materi pelajaran belum di unduh postcondition Materi Pelajaran sudah di unduh Flow of
events
Actor Sistem
1. Murid Mengakses web
2. Murid mendownload materi pelajaran dari web
2.1. Sistem memproses materi yang akan di download 2.2 Sistem mengirimkan materi yang sudah di unduh pada User Exception
Condition
- Guru tidak membuat materi tambahan
- Murid mempelajari materi tambahan dari buku teks
4.3.5.9. Usecase Description Mengunduh Soal Tugas
Tabel 4.11 Usecase Description Mengunduh Soal Tugas Use Case
Name Mendowload Soal Tugas Scenario Murid Soal Tugas dari web Triggering
Event Mengerjakan Tugas Dari Guru Brief
Description
Murid akan Mendownload tugas yang sudah di berikan oleh guru yang sudah di upload kedalam sistem kemudian. Kemudian murid dapat mengerjakan soal – soal yang sudah di download sebagai bahan latihan Actors Murid
Related Use
Case -
Stake Holders
Guru : Membuat Soal Tugas Murid : Mendownload Soal Tugas Precondition Soal Tugas belum di download postcondition Soal Tugas sudah di kerjakan Flow of
events
Actor Sistem
1. Murid Mengakses web
2. Murid mendownload Soal Tugas web
2.1. Sistem memproses Soal Tugas yang akan di download 2.2 Sistem mengirimkan Soal Tugas downloadan pada User Exception
Condition
- Guru tidak membuat Soal Tugas
- Murid Mengerjakan Soal Tugas di kelas
4.3.5.10. Usecase Description Mengunggah Soal Tugas
Use Case Name Mengunggah soal Tugas
Scenario Siswa Mengunggah Soal tugas yang sudah di kerjakan Triggering Event Mempelajari Materi Tambahan
Brief Description Siswa akan mengunggah Soal tugas yang sudah di di kerjakan sebelumnya.
Actors Siswa
Related Use Case -
Stake Holders Murid : mengunggah Soal tugas Precondition Materi pelajaran belum di kerjakan postcondition Materi Pelajaran sudah di unggah
Flow of events Actor System
1. Murid Mengakses web
2. Murid Mengunggah Soal tugas
dari web 2.1. System memproses Soal
tugas yang telah di unggah
2.2 System Menyimpan Soal tugas yang sudah di unggah
Exception Condition
- Siswa mengerjakan soal tugas di kelas
Tabel 4.12 Usecase Description Mengunggah Soal Tugas
4.3.5.11. Usecase Description Mendaftarkan Guru
Tabel 4.13 Usecase Description Mendaftarkan Guru Use Case
Name Mendaftarkan Guru
Scenario Admin memasukan Guru kedalam database Triggering
Event Membuat Database Guru Brief
Description
Guru yang sudah melakukan pendaftaran kerja namanya akan di catat kemudian akan di masukan kedalam database oleh admin. Admin membuat database guru dan kemudian di masukan kedalam sistem Actors admin
Related Use
Case -
Stake Holders
Guru : Mendaftarkan diri
Admin : Membuat database guru dan memasukan kedalam sistem Precondition Database guru belum di buat
postcondition Database guru sudah di masukan kedalam sistem Flow of
events
Actor Sistem
1. Guru Mendaftarkan diri
2. Admin Membuat database guru 3. Admin memasukan database guru
kedalam sistem
3.1. Sistem memproses Database yang Sudah di masukan kedalam sistem 3.2 Sistem Menyimpan database guru
Exception Condition
-
4.3.5.12. Usecase Description Mendaftarkan Murid
Tabel 4.13 Usecase Description Mendaftarkan Murid Use Case
Name Mendaftarkan Murid
Scenario Admin memasukan Murid kedalam database Triggering
Event Membuat Database Murid Brief
Description
Murid yang sudah melakukan pendaftaran kerja namanya akan di catat kemudian akan di masukan kedalam database oleh admin. Admin membuat database muriddan kemudian di masukan kedalam sistem
Actors admin
Related Use
Case -
Stake Holders murid : Mendaftarkan diri
Admin : Membuat database guru dan memasukan kedalam sistem Precondition Database murid belum di buat
postcondition Database murid sudah di masukan kedalam sistem
Flow of events Actor Sistem
1. Murid Mendaftarkan diri
2. Admin Membuat database Murid 3. Admin memasukan database
Murid kedalam sistem
3.1. Sistem memproses Database yang Sudah di masukan kedalam sistem 3.2 Sistem Menyimpan database Murid
Exception Condition
-
4.3.5.13. Usecase Description History Pelajaran Use Case Name Membuat History
Scenario Memasukan History pembelajaran kedalam sistem Triggering Event Dapat melihat History dari pengajaran sebelumnya
Brief Description Admin akan membuat history pembelajaran setiap semesternya, history yang di buat akan di masukan data pembelajaran dari semester semester sebelumnya agar guru dan murid dapat melihat pelajaran apa saja yang sudah di pelajari dan membuat referensi dari pembelajaran tersebut
Actors Admin
Related Use Case -
Stake Holders Murid : Mengakses History Guru : Mengakses History Admin : Membuat History Precondition Mengumpulkan data history
postcondition Data yang ada sudah di masukan kedalam history
Flow of events Actor Sistem
1. Admin Membuat Menu History 2. Admin Memasukan data
pelajaran dari semester sebelumya kedalam history
3. History dapat di Akses oleh murid dan guru
2.1 Sistem memproses data History yang di masukan 2.2 Sistem menyimpan Data History yang di berlakukan
Exception Condition
-
Tabel 4.14 Usecase Description History Pelajaran
4.3.5.14. Usecase Description Membuat Jadwal Ulangan Umum Use Case Name Membuat Jadwal Ulangan Umum
Scenario Membuat Jadwal Ulangan Umum dari mata pelajaran tertentu Triggering
Event Membuat Jadwal untuk mata pelajaran yang memiliki praktikum Brief
Description
guru Menetapkan mata pelajaran yang di Ulangan Umumkan.
Kemudian guru akan membuatkan jadwal yang matapelajaran yang akan di Ulangan Umumkan. Setelah jadwal Ulangan Umum selesai dibuat maka, jadwal tersebut di masukan kesistem oleh admin.
Actors Admin
Related Use
Case - Ulangan Umum
Stake Holders Admin : Membuat
Guru : Menyusun Jadwal Ulangan Umum Precondition Mendatakan Jadwal Ulangan Umum
postcondition Jadwal Kegiatan praktikum dapat di akses murid
Flow of events Actor Sistem
1. Guru Menyusun jadwal Praktikum
2. Guru Membuatkan Jadwal Praktikum
3. Admin memasukan Jadwal Praktikum
4. Jadwal Praktikum dapat di Akses oleh murid
3.1 Sistem memproses Jadwal
yang dimasukan
3.2 Sistem menyimpan Jadwal
yang diberlakukan
Exception Condition
-
Tabel 4.15 Usecase Description Membuat Jadwal Ulangan Umum
4.3.5.15. Usecase Description Membuat Pesan Use Case Name Membuat Pesan
Scenario Admin membuat Pesan Triggering Event Mendapatkan ID Guru
Brief Description Admin akan membuatkan pesan yang akan dikirimkan kepada guru dan murid. Orang yang mendapatkan pesan yang di berikan admin dapat membalas pesan yang di berikan oleh admin.
Actors Admin
Related Use Case -
Stake Holders Guru : Menerima pesan Murid : Menerima pesan Admin : Membuat pesan
Precondition Ada permasalahan yang harus di beritahukan secara private postcondition Massage ada di inbox target
Flow of events Actor Sistem
1. Admin Membuat pesan 2. Admin Menerima pesan
3. Guru/Murid mengakses pesan 2.1 Sistem mengirim pesan 2.2 Sistem Menyimpan pesan
Exception Condition
-
Tabel 4.16 Usecase Description Membuat Pesan
4.3.6. Perancangan Statechart Diagram
4.3.6.1. Statechart Jadwal Pelajaran
Gambar 4.15 Statechart Jadwal Pelajaran
4.3.6.2. Statechart Absen
Gambar 4.16 Statechart Absen
4.3.6.3. Statechart Forum
Gambar 4.17 Statechart Forum
4.3.6.4. Statechart Guru
Gambar 4.18 Statechart Guru
4.3.6.5. Statechart Jadwal Ulangan Umum
Gambar 4.19 Statechart Jadwal Ulangan Umum
4.3.6.6. Statechart Kelas
Gambar 4.20 Statechart Kelas
4.3.6.7. Statechart Mata Pelajaran
Gambar 4.21 Statechart Mata Pelajaran
4.3.6.8. Statechart Materi Pelajaran
Gambar 4.22 Statechart Materi Pelajaran
4.3.6.9. Statechart Multimedia
Gambar 4.23 Statechart Multimedia
4.3.6.10. Statechart Murid
Gambar 4.24 Statechart Murid 4.3.6.11. Statechart Nilai
Gambar 4.25 Statechart Nilai
4.3.6.12. Statechart Pelajaran
Gambar 4.26 Statechart Pelajaran
4.3.6.13. Statechart Status Pembayaran
Gambar 4.27 Statechart Status Pembayaran
4.3.6.14. Statechart Soal Tugas
Gambar 4.28 Statechart Soal Tugas
4.3.6.15. Statechart Ulangan Umum
Gambar 4.29 Statechart Ulangan
4.3.6.16. Statechart History Pelajaran
Gambar 4.30 Statechart History Pelajaran
4.3.6.17. Statechart Pesan
Gambar 4.31 Statechart Pesan
4.3.7. Perancangan Sequence Diagram
4.3.7.1. Sequence Diagram Add Absen
Gambar 4.32 Sequence Diagram Add Absen
4.3.7.2. Sequence Diagram Add Forum Guru
Gambar 4.33 Sequence Diagram Add Forum Guru
4.3.7.3. Sequence Diagram Add Forum Murid
Gambar 4.34 Sequence Diagram Add Forum Murid
4.3.7.4. Sequence Diagram Add Guru
Gambar 4.35 Sequence Diagram Add Guru
4.3.7.5. Sequence Diagram Add Materi Multimedia
Gambar 4.36 Sequence Diagram Add Materi Multimedia
4.3.7.6. Sequence Diagram Add Materi Pelajaran
Gambar 4.37 Sequence Diagram Add Materi Pelajaran
4.3.7.7. Sequence Diagram Add Murid
Gambar 4.38 Sequence Diagram Add Murid
4.3.7.8. Sequence Diagram Add Soal Tugas
Gambar 4.39 Sequence Diagram Soal Tugas
4.3.7.9. Sequence Diagram Add Status Pembayaran
Gambar 4.40 Sequence Diagram Status Pembayaran
4.3.7.10. Sequence Diagram Delete Guru
Gambar 4.41 Sequence Diagram Delete Guru
4.3.7.11. Sequence Diagram Delete Murid
Gambar 4.42 Sequence Diagram Delete Murid
4.3.7.12. Sequence Diagram Download Materi Pelajaran
Gambar 4.43 Sequence Diagram Download Materi Pelajaran
4.3.7.13. Sequence Diagram Download Soal Tugas
Gambar 4.44 Sequence Diagram Download Soal Tugas
4.3.7.14. Sequence Diagram Jadwal Pelajaran
Gambar 4.45 Sequence Diagram Jadwal Pelajaran
4.3.7.15. Sequence Diagram Update Guru
Gambar 4.46 Sequence Diagram Update Guru
4.3.7.16. Sequence Diagram Update Jadwal Pelajaran
Gambar 4.47 Sequence Diagram Update Jadwal Pelajaran
4.3.7.17. Sequence Diagram Update Murid
Gambar 4.48 Sequence Diagram Add Murid
4.3.7.18. Sequence Diagram Update Status Pembayaran
Gambar 4.49 Sequence Diagram Status Pembayaran
4.3.7.19. Sequence Diagram Delete Forum Guru
Gambar 4.50 Sequence Diagram Delete Forum Guru
4.3.7.20. Sequence Diagram Edit Forum Guru
Gambar 4.51 Sequence Diagram Edit Forum Guru
4.3.7.21. Sequence Diagram Delete Forum Murid
Gambar 4.52 Sequence Diagram Delete Forum Murid
4.3.7.22. Sequence Diagram Edit Forum Murid
Gambar 4.53 Sequence Diagram Edit Forum Murid
4.3.7.23. Sequence Diagram Add History Pelajaran
Gambar 4.54 Sequence Diagram HistoryPelajaran
4.3.7.24. Sequence Diagram Jadwal Ulangan Umum
Gambar 4.55 Sequence Diagram Ulangan Umum
4.3.7.25. Sequence Diagram Pesan Guru
Gambar 4.56 Sequence Diagram Pesan Guru
4.3.7.26. Sequence Diagram Delete Pesan (Guru)
Gambar 4.57 Sequence Diagram Pesan (Guru)
4.3.7.27. Sequence Diagram Delete Pesan Guru (Admin)
Gambar 4.58 Sequence Diagram Pesan Guru (Admin)
4.3.7.28. Sequence Diagram Pesan Murid
Gambar 4.59 Sequence Diagram Pesan Murid
4.3.7.29. Sequence Diagram Delete Pesan Murid (Admin)
Gambar 4.60 Sequence Diagram Delete Pesan Murid (Admin)
4.3.8. Perancangan Basis Data
Entity Attribute Attribute Domain
absent Id_absent
Id_class id_absen absent month
Int(11) Int(11) Int(11) text
Varchar (50) access_group Id_access_group
group_name
Int (11) Varchar(20) announcement Id_announcement
Title Text date
Int(11) Varchar(100) Text
datetime
class Id_class
Id_teacher Class_name
Int(11) Int(11) Varchar(11)
course Id_course
Id_course2 Course_name
Int (11) Varchar (11) Varchar (50) course_schedule Id_course_schedule
Id_class Time_begin Time_end Monday Tuesday Wednesday Thursday Friday
Int(11) Int(11) Time Time Varchar(50) Varchar(50) Varchar(50) Varchar(50) Varchar(50) exam_schedule Id_exam_schedule
Id_class Id_course date
Int(11) Int(11) Int(11) date
exam_type Id_exam_type Int(11)
Exam_type Varchar(11)
exercise Id_exercise
Id_class Id_course Title Path Date
Int(11) Int(11) Int(11) Varchar(100) Text
Datetime exercise_online Id_exercise_online
Id_teacher Id_course Id_class Name Lingkup url visi date
Int(11) Int(11) Int(11) Int(11) Name Text Text Text datetime Exercise_online_name Id_exercise_online_name
Id_exercise_online Name
date
Int(11) Int(11) Varchar(100) datetime
forum Id_forum
Id_user Id_course Title Text
Created_date Last_update status
Int(11) Int(11) Int(11) Varchar(50) Text
Datetime Datetime Enum(‘1’,’0’) Forum_comment Id_forum_comment
Id_forum Id_user Comment date
Int(11) Int(11) Int(11) Text datetime
inbox Id_inbox Int(11)
From To Subject Text Date Delet_from Delete_to
Varchar(11) Varchar(11) Varchar(50) Text
Datetime Enum(‘1’,’0’) Enum(‘1’,’0’)
material Id_material
Id_exercise_online Id_course
Id_teacher Id_class Lingkup url
Int(11) Int(11) Int(11) Int(11) Int(11) Text Text Parent_data Id_parent_data
Id_student Mothers_name Fathers_name Address City Pos_code phone
Int(11) Int(11) Varchar(50) Varchar(50) Text
Varchar(20) Varchar(10) Varchar(20)
payment Id_payment
Id_student Payment_bill Paid
status
Int(11) Int (11) Varchar(20) Varchar(20) Enum(‘0’,’1’)
posisition Id_position
Position_name
Int(11) Varchar(50)
score Id_score
Id_student Id_course Score date
Int(11) Int(11) Int(11) Text date
semester Id_semester Semester_Period Even_odd
Int(11) Varchar(50) Enum (‘0’,’1’)
Student_data Id_student
NIS
Student_name Gender Birth_place Birth_date Religion Email Address City Pos_code Phone Class image
Int(11) Varchar(10) Varchar(50) Enum(‘0’,’1’) Varchar(20) Date
Varchar20() Varchar(50) Text
Varchar(20) Int(11) Varchar(20) Varchar(5) Text Student_semester Id_student_semester
Id_student Id_student status
Int(11) Int(11) Int(11)
Enum (‘0’,’1’) Sub_exercise_online Id_sub_exercise_online_name
Type Question answer
Int(11) Enum(‘0’,’1’) Text
Text Sub_exercise_online_ans Id_sub_exercise_online_name
Id_student Answer Date trueA falseA valueA
Int(11) Int(11) Text Datetime Varchar(10) Varchar(10) Varchar(10)
Teacher_data Id_teacher
NIG
Int(11) Varchar(10)
Teacher_name Gender Birth_place Birth_date Religion Email Address City Pos_code Phone Class Image Id_position
Varchar(50) Enum(‘0’,’1’) Varchar(20) Date
Varchar20() Varchar(50) Text
Varchar(20) Int(11) Varchar(20) Varchar(5) Text Int(11) Teachers_log Id_teacher_log
Id_teacher Status Login_date
Int(11) Int(11) Varchar(50) Datetime Upload_file Id_upload_file
Id_material Name Path Date
Int(11) Int(11) Varchar(200) Text
Datetime
User Id_user
Users_code Username Password Id_access_group
Int(11) Varchar(10) Varchar(50) Varchar(50) Int(11)
Tabel 4.17 Database Schema
4.3.9. Perancangan User Interface
4.3.9.1. User Interface Admin
4.3.9.1.1. Rancangan Layar Login
Gambar 4.61 Rancangan Layar Login
Halamaninidigunakanadminuntukmelakukan login. Apabila user salah memasukan id dan password, user tersebut tidak akan dapat masuk ke halaman selanjutnya. Pada halaman ini terdapat fitur security untuk menambah tingkat keamanan.
4.3.9.1.2. Rancangan Layar Beranda
Gambar 4.62 Rancangan Layar Beranda
Halaman ini merupakan halaman utama dari user admin, dimana admin dapat mengakses Jadwal, murid, guru, forum, absensi, kelas, semester dan pengumuman.
4.3.9.1.3. Rancangan Layar Pesan
Gambar 4.63 Rancangan Layar Pesan
Pada halaman ini memperlihatkan beberapa bagian seperti buat pesan, kotak masuk dan pesan terkirim.
4.3.9.1.4. Rancangan Layar Buat Pesan
Gambar 4.64 Rancangan Buat Pesan
Halaman ini digunakan admin untuk mengirimkan pesan kepada guru atau bagian tata usaha.
4.3.9.1.5. Rancangan Layar Jadwal
Gambar 4.65 Rancangan Layar Jadwal
Halaman ini digunakan admin untuk melakukan update, add dan delete jadwal kelas.
4.3.9.1.6. Rancangan Layar Tambah Jadwal
Gambar 4.66 Rancangan Layar Tambah Jadwal
Pada halaman ini admin dapat melakukan penambahan jadwal bagi para murid.
4.3.9.1.7. Rancangan Layar View Jadwal
Gambar 4.67 Rancangan Layar View Jadwal
Halaman ini hanya menunjukan informasi mengenai jadwal kelas setiap harinya.
4.3.9.1.8. Rancangan Layar Update Jadwal
Gambar 4.68 Rancangan Layar Update Jadwal
Halaman ini digunakan admin untuk melakukan update terhadap jadwal yang telah diinput sebelumnya.
4.3.9.1.9. Rancangan Layar Murid
Gambar 4.69 Rancangan Layar Murid
Halaman ini menunjukan halaman murid yang berisi NIS, nama, tambah murid, edit, delete dan update. Disini admin dapat melakukan penambahan data murid baru atau jika ada perubahan terhadap data murid sebelumnya.
4.3.9.1.10. Rancangan Layar Tambah Murid
Gambar 4.70 Rancangan Layar Tambah Murid
Halaman ini berisi form untuk melakukan penambahan data murid baru.
4.3.9.1.11. Rancangan Layar View Murid
Gambar 4.71 Rancangan Layar View Murid
Halaman ini hanya menampilkan informasi mengenai data murid serta data orang tua murid.
4.3.9.1.12. Rancangan Layar Update Murid
Gambar 4.72 Rancangan Layar Update Murid
Halaman ini digunakan admin untuk melakukan perubahan terhadap data murid yang telah diinput sebelumnya.
4.3.9.1.13. Rancangan Layar Guru
Gambar 4.73 Rancangan Layar Tambah Guru
Halaman ini menunjukan halaman guru yang berisi NIG, nama, tambah murid, edit, delete dan update. Disini admin dapat melakukan penambahan data guru baru atau jika ada perubahan terhadap data guru sebelumnya.
4.3.9.1.14. Rancangan Layar Tambah Guru
Gambar 4.74 Rancangan Layar Tambah Guru
Halaman ini berisi form untuk melakukan penambahan data guru baru.
4.3.9.1.15. Rancangan Layar View Guru
Gambar 4.75 Rancangan Layar View Guru
Halaman ini hanya menampilkan informasi mengenai data guru.
4.3.9.1.16. Rancangan Layar Update Guru
Gambar 4.76 Rancangan Layar Update Guru
Halaman ini untuk melakukan perubahan terhadap data guru yang telah diinput sebelumnya.
4.3.9.1.17. Rancangan Layar Forum
Gambar 4.77 Rancangan Layar Forum
Halaman ini menampilkan tampilan forum yang terdapat fitur penambahan topik serta admin juga dapat melakukan pemilihan mata pelajaran yang diinginkan.
4.3.9.1.18. Layar Tambah Topik
Gambar 4.78 Rancangan Layar Tambah Topik
Halaman ini digunakan admin untuk membuat postingan di dalam forum.
4.3.9.1.19. Rancangan Layar View Topik
Gambar 4.79 Rancangan Layar View Topik
Halaman ini menampilkan tampilan topik yang telah dibuat sebelumnya. Disini juga terdapat tombol balas untuk membalas topik yang dibuat oleh admin sebelumnya.
4.3.9.1.20. Rancangan Layar Balas Posting
Gambar 4.80 Rancangan Layar Balas Posting
Halaman ini merupakan halaman untuk membalas topik yang dibuat.
4.3.9.1.21. Rancangan Layar Absensi
Gambar 4.81 Rancangan Layar Absensi
Halaman ini menampilkan informasi mengenai daftar absen setiap murid.
4.3.9.1.22. Rancangan Layar Add Absen
Gambar 4.82 Rancangan Layar Add Absen
Halaman ini menampilkan fitur untuk melakukan absen murid.
4.3.9.1.23. Rancangan Layar Kelas
Gambar 4.83 Rancangan Layar Kelas
Halaman ini menampilkan halaman kelas yang berisi daftar kelas yang dapat mengupdate siapa wali kelas dari setiap kelas. Serta dapat melakukan penambahan kelas.
4.3.9.1.24. Rancangan Layar Update Kelas
Gambar 4.84 Rancangan Layar Update Kelas
Halaman ini menunjukan bagaimana admin dapat melakukan update terhadap wali kelas dari tiap kelas.
4.3.9.1.25. Rancangan Layar Semester
Gambar 4.85 Rancangan Layar Semester
Halaman ini menampilkan halaman semester yang terdapat tombol update dan tambah semester.
4.3.9.1.26. Rancangan Layar Add Semester
Gambar 4.86 Rancangan Layar Add Semester
Pada halaman ini admin dapat menambahkan tahun ajaran untuk tiap semesternya.
4.3.9.1.27. Rancangan Layar Pilih Semester
Gambar 4.87 Rancangan Layar Pilih Semester
Halaman ini adalah halaman untuk memilih semester dan ada tombol untuk menambah semester
4.3.9.1.28. Rancangan Layar Update Semester
Gambar 4.88 Rancangan Layar Update Semester
Halaman ini menampilkan tampilan admin dapat mengubah status dari setiap murid.
Apakah murid tersebut masih aktif atau tidak di sekolah.
4.3.9.1.29. Rancangan Layar Pengumuman
Gambar 4.89 Rancangan Layar Pengumuman
Halaman ini menampilkan tampilan pengumuman yang terdapat tombol view, update, delete dan tambah pengumuman.
4.3.9.1.30. Rancangan Layar Tambah Pengumuman
Gambar 4.90 Rancangan Layar Tambah Pengumuman
Halaman ini digunakan admin untuk melakukan penambahan pengumuman mengenai segala hal yang berhubungan dengan proses belajar mengajar.
4.3.9.1.31. Rancangan Layar View Pengumuman
Gambar 4.91 Rancangan Layar View Pengumuman
Halaman ini menampilkan pengumuman yang telah dibuat sebelumnya.
4.3.9.1.32. Rancangan Layar Update Pengumuman
Gambar 4.92 Rancangan Layar Update Pengumuman
Halaman ini merupakan halaman update pengumuman dimana admin dapat melakukan perbaharuan terhadap pengumuman yang telah ditampilkan.
4.3.9.1.33. Rancangan Layar History Unduh Catatan
Gambar 4.93 Rancangan Layar Unduh Catatan
Halaman ini untuk mendownload catatan yang dibuat oleh guru
4.3.9.1.34. Rancangan Layar History Pilih Kelas
Gambar 4.94 Rancangan Layar History Pilih Kelas
Halaman ini untuk memilih History dari kelas-kelas
4.3.9.2. User Interface Guru
4.3.9.2.1. Rancangan Layar Login
Gambar 4.95 Rancangan Layar Login
Halamaninidigunakanguruuntukmelakukan login. Apabila user salah memasukan id dan password, user tersebut tidak akan dapat masuk ke halaman selanjutnya. Pada halaman ini terdapat fitur security untuk menambah tingkat keamanan.
4.3.9.2.2. Rancangan Layar Beranda
Gambar 4.96 Rancangan Layar Beranda
Halaman ini merupakan halaman utama dari user guru, dimana guru dapat mengakses jadwal, murid, guru, forum, absensi, kelas, semester dan pengumuman.
4.3.9.2.3. Rancangan Layar Jadwal
Gambar 4.97 Rancangan Layar Jadwal
Halaman ini hanya menunjukan informasi mengenai jadwal kelas setiap harinya.
4.3.9.2.4. Rancangan Layar Tugas
Gambar 4.98 Rancangan Layar Tugas
Halaman ini menampilkan tampilan dari menu tugas. Terdapat tombol tambah tugas untuk guru menambahkan tugas.
4.3.9.2.5. Rancangan Layar Add Tugas
Gambar 4.99 Rancangan Layar Add Tugas
Halaman ini digunakan guru untuk mengupload tugas yang dapat di download oleh murid.
4.3.9.2.6. Rancangan Layar View Tugas
Gambar 4.100 Rancangan Layar View Tugas
Halaman ini menampilkan tampilan dari mata pelajaran yang ada di menu tugas.
4.3.9.2.7. Rancangan Layar Pelajaran
Gambar 4.101 Rancangan Layar Pelajaran
Halaman ini menampilkan semua jenis Mata pelajaran.
4.3.9.2.8. Rancangan Layar Ruang Lingkup Pelajaran
Gambar 4.102 Rancangan Layar Ruang Lingkup
Halaman ini menampilkan ruang lingkup, tujuan pembelajaran serta submenu tugas / kuis dan juga jawaban murid.
4.3.9.2.9. Rancangan Layar Tugas ( Kuis )
Gambar 4.103 Rancangan Layar Tugas ( Kuis )
Halaman ini menampilkan judul topik dari tugas-tugas yang dapat dilihan dan harus diselesaikan oleh para murid.
4.3.9.2.10. Rancangan Layar Membuat Pilihan Ganda
Gambar 4.104 Rancangan Layar Membuat Pilihan Ganda
Halaman ini menampilkan form bagi para guru untuk membuat soal berupa pilihan ganda. Dimana template pilihan ganda sudah disediakan.
4.3.9.2.11. Rancangan Layar Membuat Isian
Gambar 4.105 Rancangan Layar Membuat Isian
Halaman ini menampilkan form bagi para guru untuk membuat soal berupa isian.
Dimana template isian sudah disediakan.
4.3.9.2.12. Rancangan Layar Membuat Essay
Gambar 4.106 Rancangan Layar Membuat Essay
Halaman ini menampilkan form bagi para guru untuk membuat soal berupa essay.
Dimana template essay sudah disediakan.
4.3.9.2.13. Rancangan Layar Jawaban Murid
Gambar 4.107 Rancangan Layar Jawaban Murid
Halaman ini merupakan halaman dimana guru dapat melihat jawaban murid dan memberikan nilai secara langsung.
4.3.9.2.14. Rancangan Layar Forum
Gambar 4.108 Rancangan Layar Forum
Halaman ini menampilkan tampilan forum yang terdapat fitur penambahan topik serta guru juga dapat melakukan pemilihan mata pelajaran yang diinginkan untuk mempermudah pencarian topik.
4.3.9.2.15. Rancangan Layar Tambah Topik
Gambar 4.109 Rancangan Layar Tambah Topik
Halaman ini digunakan guru untuk membuat postingan di dalam forum.
4.3.9.2.16. Rancangan Layar View Topik
Gambar 4.110 Rancangan Layar View Topik
Halaman ini menampilkan tampilan topik yang telah dibuat sebelumnya. Disini juga terdapat tombol balas untuk membalas topik.
Rancangan Layar Balas Posting
Gambar 4.111 Rancangan Layar Balas Posting
Halaman ini merupakan halaman untuk membalas topik yang dibuat.
4.3.9.2.17. Rancangan Layar Absensi
Gambar 4.112 Rancangan Layar Absensi
Halaman ini menampilkan informasi mengenai daftar absen setiap murid.
4.3.9.2.18. Rancangan Layar Absensi Murid
Gambar 4.113 Rancangan Layar Absensi Murid
Halaman ini menampilkan fitur untuk guru dapat melakukan absen terhadap murid.
4.3.9.2.19. Rancangan Layar Nilai
Gambar 4.114 Rancangan Layar Nilai
Halaman ini menampilkan nilai murid yang disusun berdasarkan mata pelajaran.
4.3.9.2.20. Rancangan Layar Update Nilai
Gambar 4.115 Rancangan Layar Update Nilai
Halaman ini adalah halaman tampilan nilai dari para murid. Dan dengan mengklik nama murid maka dapat melakukan penambahan nilai murid tersebut.
4.3.9.2.21. Rancangan Layar Tambah Nilai
Gambar 4.116 Rancangan Layar Tambah Nilai
Halaman ini adalah halaman untuk melakukan penambahan nilai
4.3.9.2.22. Rancangan Layar Pengumuman
Gambar 4.117 Rancangan Layar Pengumuman
Halaman ini menampilkan tampilan pengumuman yang terdapat tombol view untuk melihat detail pengumuman., dan tambahpengumuman.
4.3.9.2.23. Rancangan History unduh catatan
Gambar 4.118 Rancangan Layar History Unduh Catatan
Halaman ini untuk guru dapat mendownload catatan.
4.3.9.3. User Interface Murid
4.3.9.3.1. RancanganLayar Login
Gambar 4.119 Rancangan Layar Login
Halamaninidigunakanmuriduntukmelakukan login. Apabila user salah memasukan id dan password, user tersebut tidak akan dapat masuk ke halaman selanjutnya. Pada halaman ini terdapat fitur security untuk menambah tingkat keamanan.
4.3.9.3.2. Rancangan Layar Beranda
Gambar 4.120 Rancangan Layar Login
Halaman ini adalah halaman bagian depan untuk user murid. Dimana terdapat menu jadwal, tugas, pelajaran, forum, absensi, nilai dan pengumuman.
4.3.9.3.3. Rancangan Layar Pesan
Gambar 4.121 Rancangan Layar Pesan
Halaman ini merupakan halaman pesan yang terdiri dari tiga macam menu yaitu, buat pesan, kotak masuk dan pesan terkirim.
4.3.9.3.4. Rancangan Layar Buat Pesan
Gambar 4.122 Rancangan Layar Buat Pesan
Halaman ini adalah halaman untuk murid membuat dan mengirimkan pesan ke user yang lain.
4.3.9.3.5. Rancangan Layar Jadwal
Gambar 4.123 Rancangan Layar Jadwal
Halaman ini menunjukkan tampilan jadwal pelajaran tiap kelas.
4.3.9.3.6. Rancangan Layar Tugas
Gambar 4.124 Rancangan Layar Tugas
Halaman ini menampilkan halaman tugas dan terdapat tugas dari tiap mata pelajaran yangberbeda.
4.3.9.3.7. Rancangan Layar View Tugas
Gambar 4.125 Rancangan Layar View Tugas
Halaman ini adalah halaman untuk melihat tugas-tugas yang diberikan oleh guru
4.3.9.3.8. Rancangan Layar Pelajaran
Gambar 4.126 Rancangan Layar Pelajaran
Halaman ini adalah halaman untuk memilih mata pelajaran di menu pelajaran.
4.3.9.3.9. Rancangan Layar Ruang Lingkup Pelajaran
Gambar 4.127 Rancangan Layar Ruang Lingkup Pelajaran
Halaman ini untuk melihat informasi tentang ruang lingkup pembelajaran, tujuan pembelajaran dan cara penilaian.
4.3.9.3.10. Rancangan Layar Tugas ( Kuis )
Gambar 4.128 Rancangan Layar Tugas ( Kuis )
Halaman ini merupakan halaman untuk melihat tugas / kuis yang diberikan oleh guru, serta dapat melihat nilai tugas / kuis yang telah dikerjakan.
4.3.9.3.11. Rancangan Layar Jawaban Murid
Gambar 4.129 Rancangan Layar Jawaban Murid
Halaman ini digunakan murid untuk menjawab pertanyaan-pertanyaan yang diberikan oleh guru.
4.3.9.3.12. Rancangan Layar Forum
Gambar 4.130 Rancangan Layar Forum
Halaman ini adalah tampilan dari menu forum. Disini juga murid dapat melihat topik- topik yang telah di buat oleh guru ataupun murid.
4.3.9.3.13. Rancangan Layar Tambah Topik
Gambar 4.131 Rancangan Layar Tambah Topik
Halaman ini adalah halaman untuk murid membuat topik baru di dalam forum.
4.3.9.3.14. Rancangan Layar View Topik
Gambar 4.132 Rancangan Layar View Topik
Halaman ini adalah untuk melihat topik yang telah dibuat oleh guru atau murid.
4.3.9.3.15. Rancangan Layar Balas Posting
Gambar 4.133 Rancangan Layar Balas Posting
Halaman ini merupakan halaman murid untuk membalas topik yang sedang di diskusikan.
4.3.9.3.16. Rancangan Layar Absensi
Gambar 4.134 Rancangan Layar Absensi
Halaman ini disediakan untuk murid melihat data kehadiran murid di sekolah.
4.3.9.3.17. Rancangan Layar Pengumuman
Gambar 4.135 Rancangan Layar Pengumuman
Halaman ini merupakan halaman murid untuk menunjukan tampilan pengumuman yang berhubungan dengan sekolah.
4.3.9.3.18. Rancangan Layar View Pengumuman
Gambar 4.136 Rancangan Layar View Pengumuman
Halaman ini adalah halaman tampilan untuk melihat pengumuman sekolah.
4.3.9.3.19. Rancangan History Pilih Kelas
Gambar 4.137 Rancangan Layar Pilih Kelas
Halaman ini untuk memilih History dari kelas-kelas
4.3.9.3.20. Rancangan History Unduh Catatan
Gambar 4.138 Rancangan Layar Unduh Catatan
Halaman ini untuk mendownload catatan yang dibuat oleh guru
4.3.10. Spesifikasi Hardware
Kebutuhan hardware minimum yang diperlukan untuk e-learning ini adalah:
Untuk Server:
• Core 2 Duo E7500 2,93GHz / Dual Core E5700 3,0GHz
• Memory DDR3 / DDR2 2GB
• VGA 512 MB, ATI Radeon HD 4570
• Harddisk 320GB
• Keyboard & Mouse
• Monitor
• Koneksi Internet
Untuk Client:
• Pentium IV
• Memory 128MB
• Harddisk 40GB
• Koneksi Internet
• Keyboard & Mouse 4.3.11. Spesifikasi Software
Kebutuhan software minimum yang diperlukan e-learning ini adalah:
untuk Server:
• Operating Sistem: Windows Server 2008
• PHP 4.0
• MySQL Server
• Apache Server
• Web browser (InternetExplorer7.0 /Firefox3.0)
Untuk Client:
• Operating Sistem: Windows XP
• Web browser (InternetExplorer7.0 /Firefox3.0)
• MicrosoftOffice(Word,Excel,Power Point)2003 /Open Office2.0
4.4. Rencana Implementasi
Penulis tidak melakukan implementasi di dalam perancangan sistem ini. Di karenakan adanya beberapa kendala seperti pada saat akan melakukan implementasi, SD Hati Kudus sedang tidak dalam proses belajar mengajar dan guru pada SD Hati Kudus belum menjalankan pelatihan penggunaan teknologi informasi.
Penulis melakukan perencanaan dalam implementasi pada tahun ajaran baru berikutnya karena harus melakukan training pada user terlebih dahulu, perkiraan perencanaan waktunya adalah
Kegiatan
Bulan ke- Minggu ke-
1 2 3 4 5
Testing Training Implementation
Tabel 4.18 Rencana Implementasi
4.5. Rencana Evaluasi
Karena belum di lakukannya implementasi maka penulis tidak dapat membuat evaluasi. Oleh karena itu penulis akan membuat perencanaan evaluasi. Evaluasi yang akan dilakukan dari perencanaan tersebut berupa pembagian questionnaire kepada para peserta yang telah menggunakan aplikasi e-learning yang telah di rancang oleh penulis. Penulis akan melihat tingkat keberhasilan dari implementasi yang di lakukan dengan melihat jawaban dari para peserta. Bila jawaban dari para peserta menunjukan bahwa peserta merasa terbantu maka aplikasi e-learning yang di buat telah sesuai dengan harapan.
