BAB 4 ANALISIS DAN PERANCANGAN SISTEM YANG DIUSULKAN

Transkripsi

1 BAB 4 ANALISIS DAN PERANCANGAN SISTEM YANG DIUSULKAN 4.1. Gambaran Sistem Yang Diusulkan 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. 37

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.

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 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.

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.

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.

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.

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.

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.

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.

11 ADDIE model Analisis 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 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 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.

12 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 Design 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 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

13 49 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

14 50 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 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 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

15 secara auto-generate oleh sistem sehingga langsung mendapatkan nilai akhir. 51

16 Development Perancangan Event Table Event Trigger Source Usecase Response Destination Memasukan absen murid Mengakses forum Tanya jawab Mengakses forum Tanya jawab Menyusun jadwal Ulangan Umum Menyusun jadwal pelajaran murid Membuat History pembelajaran Memasukan nilai murid Memasukan materi pelajaran Memasukan materi multimedia Mendata daftar Mengabsen Murid Data Absen murid hadir murid Murid Adanya pemberian Mengakses Guru New thread Murid tugas forum Mengakses Adanya pertanyaan Murid New thread Guru forum Adanya ujian tiap Guru semester Memberlakukan jadwal mata Guru pelajaran yang baru Memasukan History pembelajaran Admin kedalam sistem Memberikan informasi nilai Guru murid Mengajar menggunakan Guru materi pelajaran yang telah di buat Membutuhkan multimedia Guru sebagai sarana pembelajaran Menyusun jadwal Ulangan Umum Menyusun jadwal pelajaran Membuat History Membuat daftar nilai Membuat materi pelajaran Membuat materi multimedia Jadwal Ulangan Murid Umum Jadwal Murid pelajaran History Murid,Guru Data Nilai Murid Materi Murid Materi Multimedia Murid

17 53 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

18 Perancangan Class Diagram Gambar 4.12 Class Diagram

19 Perancangan Usecase Diagram Back End Admin Gambar 4.13 Usecase Diagram Back End Admin

20 Perancangan Usecase Diagram Gambar 4.14 Usecase Diagram

21 Perancangan Usecase Description 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 3.1 Sistem memproses Jadwal yang di masukan 3.2 Sistem menyimpan Jadwal yang di berlakukan 4. Jadwal yang telah di perbaharui dapat di Akses oleh murid Exception - Condition Tabel 4.2 Usecase Description Membuat Jadwal Pelajaran

22 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 Exception Condition 4.1 Sistem memproses absen murid yang telah di submit 4.2 Sistem menyimpan absen murid yang telah di proses - Manual absen bila sistem sedang error Tabel 4.3 Usecase Description Absen Murid

23 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 - Upload summary pelajaran Case - 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 Actor Sistem events 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

24 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 2.1 Sistem memproses materi yang sudah di upload 2.2 Sistem menyimpan materi yang sudah di upload 3. Murid mendownload materi tambahan yang sudah di berkan 3.1 sistem mengirimkan oleh guru murid materi pelajaran Exception Condition - Guru tidak membuat summary mata pelajaran Tabel 4.5 Usecase Description Membuat Jadwal Pelajaran

25 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 2.1 Sistem memproses materi yang sudah di upload 2.2 Sistem menyimpan materi 3. Murid mendownload materi yang sudah di upload tambahan yang sudah di berkan 3.1 sistem mengirimkan murid oleh guru materi pelajaran Exception Condition - Guru tidak membuat materi tambahan yang berupa multimedia Tabel 4.6 Usecase Description Membuat Jadwal Pelajaran

26 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 2.1 Sistem memproses materi yang sudah di upload 3. Murid mendownload materi 2.2 Sistem menyimpan materi tambahan yang sudah di yang sudah di upload berkan oleh guru 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

27 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 4.1 Sistem memproses nilai yang sudah di upload 4.2 Sistem menyimpan nilai yang sudah di upload 5. Murid mengakses hasil dari nilai mereka 5.1 sistem Menampilkan nilai Exception - Condition Tabel 4.8 Usecase Description Membuat Daftar Nilai

28 Usecase Description Mengunduh Materi Pelajaran Use Case Name Mengunduh Materi Pelajaran Scenario Murid Mengunduh materi pelajaran Triggering Event Mempelajari Materi Tambahan Brief Murid akan Mengunduh materi pelajaran yang sudah di submit oleh Description 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 Guru : Membuat materi pelajaran Holders Murid : Mengunduh materi Precondition Materi pelajaran belum di unduh postcondition Materi Pelajaran sudah di unduh Flow of Actor Sistem events 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 - Guru tidak membuat materi tambahan Condition - Murid mempelajari materi tambahan dari buku teks Tabel 4.10 Usecase Description Membuat Materi Pelajaran

29 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 Actor Sistem events 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 - Guru tidak membuat Soal Tugas Condition - Murid Mengerjakan Soal Tugas di kelas Tabel 4.11 Usecase Description Mengunduh Soal Tugas

30 Usecase Description Mengunggah Soal Tugas Use Case Name Scenario Triggering Event Mengunggah soal Tugas Siswa Mengunggah Soal tugas yang sudah di kerjakan 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

31 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 Actor Sistem events 1. Guru Mendaftarkan diri 2. Admin Membuat database guru 3.1. Sistem memproses 3. Admin memasukan database guru Database yang Sudah di kedalam sistem masukan kedalam sistem 3.2 Sistem Menyimpan database guru Exception - Condition Tabel 4.13 Usecase Description Mendaftarkan Guru

32 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.1. Sistem memproses 3. Admin memasukan database Database yang Sudah di Murid kedalam sistem masukan kedalam sistem 3.2 Sistem Menyimpan database Murid Exception - Condition Tabel 4.13 Usecase Description Mendaftarkan Murid

33 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 2.1 Sistem memproses data History yang di masukan 2.2 Sistem menyimpan Data History yang di berlakukan 3. History dapat di Akses oleh murid dan guru Exception - Condition Tabel 4.14 Usecase Description History Pelajaran

34 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 3.1 Sistem memproses Jadwal yang dimasukan 3.2 Sistem menyimpan Jadwal yang diberlakukan Exception Condition - 4. Jadwal Praktikum dapat di Akses oleh murid Tabel 4.15 Usecase Description Membuat Jadwal Ulangan Umum

35 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

36 Perancangan Statechart Diagram Statechart Jadwal Pelajaran Gambar 4.15 Statechart Jadwal Pelajaran Statechart Absen Gambar 4.16 Statechart Absen Statechart Forum Gambar 4.17 Statechart Forum Statechart Guru Gambar 4.18 Statechart Guru

37 Statechart Jadwal Ulangan Umum Gambar 4.19 Statechart Jadwal Ulangan Umum Statechart Kelas Gambar 4.20 Statechart Kelas Statechart Mata Pelajaran Gambar 4.21 Statechart Mata Pelajaran Statechart Materi Pelajaran Gambar 4.22 Statechart Materi Pelajaran

38 Statechart Multimedia Gambar 4.23 Statechart Multimedia Statechart Murid Gambar 4.24 Statechart Murid Statechart Nilai Gambar 4.25 Statechart Nilai Statechart Pelajaran Gambar 4.26 Statechart Pelajaran

39 Statechart Status Pembayaran Gambar 4.27 Statechart Status Pembayaran Statechart Soal Tugas Gambar 4.28 Statechart Soal Tugas Statechart Ulangan Umum Gambar 4.29 Statechart Ulangan Statechart History Pelajaran Gambar 4.30 Statechart History Pelajaran

40 Statechart Pesan Gambar 4.31 Statechart Pesan Perancangan Sequence Diagram Sequence Diagram Add Absen Gambar 4.32 Sequence Diagram Add Absen

41 Sequence Diagram Add Forum Guru Gambar 4.33 Sequence Diagram Add Forum Guru

42 Sequence Diagram Add Forum Murid Gambar 4.34 Sequence Diagram Add Forum Murid

43 Sequence Diagram Add Guru Gambar 4.35 Sequence Diagram Add Guru

44 Sequence Diagram Add Materi Multimedia Gambar 4.36 Sequence Diagram Add Materi Multimedia

45 Sequence Diagram Add Materi Pelajaran Gambar 4.37 Sequence Diagram Add Materi Pelajaran

46 Sequence Diagram Add Murid Gambar 4.38 Sequence Diagram Add Murid

47 Sequence Diagram Add Soal Tugas Gambar 4.39 Sequence Diagram Soal Tugas

48 Sequence Diagram Add Status Pembayaran Gambar 4.40 Sequence Diagram Status Pembayaran

49 Sequence Diagram Delete Guru Gambar 4.41 Sequence Diagram Delete Guru

50 Sequence Diagram Delete Murid Gambar 4.42 Sequence Diagram Delete Murid

51 Sequence Diagram Download Materi Pelajaran Gambar 4.43 Sequence Diagram Download Materi Pelajaran

52 Sequence Diagram Download Soal Tugas Gambar 4.44 Sequence Diagram Download Soal Tugas

53 Sequence Diagram Jadwal Pelajaran Gambar 4.45 Sequence Diagram Jadwal Pelajaran

54 Sequence Diagram Update Guru Gambar 4.46 Sequence Diagram Update Guru

55 Sequence Diagram Update Jadwal Pelajaran Gambar 4.47 Sequence Diagram Update Jadwal Pelajaran

56 Sequence Diagram Update Murid Gambar 4.48 Sequence Diagram Add Murid

57 Sequence Diagram Update Status Pembayaran Gambar 4.49 Sequence Diagram Status Pembayaran

58 Sequence Diagram Delete Forum Guru Gambar 4.50 Sequence Diagram Delete Forum Guru

59 Sequence Diagram Edit Forum Guru Gambar 4.51 Sequence Diagram Edit Forum Guru

60 Sequence Diagram Delete Forum Murid Gambar 4.52 Sequence Diagram Delete Forum Murid

61 Sequence Diagram Edit Forum Murid Gambar 4.53 Sequence Diagram Edit Forum Murid

62 Sequence Diagram Add History Pelajaran Gambar 4.54 Sequence Diagram HistoryPelajaran

63 Sequence Diagram Jadwal Ulangan Umum Gambar 4.55 Sequence Diagram Ulangan Umum

64 Sequence Diagram Pesan Guru Gambar 4.56 Sequence Diagram Pesan Guru

65 Sequence Diagram Delete Pesan (Guru) Gambar 4.57 Sequence Diagram Pesan (Guru)

66 Sequence Diagram Delete Pesan Guru (Admin) Gambar 4.58 Sequence Diagram Pesan Guru (Admin)

67 Sequence Diagram Pesan Murid Gambar 4.59 Sequence Diagram Pesan Murid

68 Sequence Diagram Delete Pesan Murid (Admin) Gambar 4.60 Sequence Diagram Delete Pesan Murid (Admin)

69 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)

70 106 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)

71 107 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

72 108 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 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)

73 109 Teacher_name Gender Birth_place Birth_date Religion 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

74 Perancangan User Interface User Interface Admin 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.

75 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 Rancangan Layar Pesan Gambar 4.63 Rancangan Layar Pesan Pada halaman ini memperlihatkan beberapa bagian seperti buat pesan, kotak masuk dan pesan terkirim.

76 Rancangan Layar Buat Pesan Gambar 4.64 Rancangan Buat Pesan usaha. Halaman ini digunakan admin untuk mengirimkan pesan kepada guru atau bagian tata Rancangan Layar Jadwal Gambar 4.65 Rancangan Layar Jadwal kelas. Halaman ini digunakan admin untuk melakukan update, add dan delete jadwal

77 Rancangan Layar Tambah Jadwal Gambar 4.66 Rancangan Layar Tambah Jadwal Pada halaman ini admin dapat melakukan penambahan jadwal bagi para murid Rancangan Layar View Jadwal Gambar 4.67 Rancangan Layar View Jadwal Halaman ini hanya menunjukan informasi mengenai jadwal kelas setiap harinya.

78 Rancangan Layar Update Jadwal Gambar 4.68 Rancangan Layar Update Jadwal Halaman ini digunakan admin untuk melakukan update terhadap jadwal yang telah diinput sebelumnya 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.

79 Rancangan Layar Tambah Murid Gambar 4.70 Rancangan Layar Tambah Murid Halaman ini berisi form untuk melakukan penambahan data murid baru Rancangan Layar View Murid Gambar 4.71 Rancangan Layar View Murid murid. Halaman ini hanya menampilkan informasi mengenai data murid serta data orang tua

80 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 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.

81 Rancangan Layar Tambah Guru Gambar 4.74 Rancangan Layar Tambah Guru Halaman ini berisi form untuk melakukan penambahan data guru baru Rancangan Layar View Guru Gambar 4.75 Rancangan Layar View Guru Halaman ini hanya menampilkan informasi mengenai data guru.

82 Rancangan Layar Update Guru Gambar 4.76 Rancangan Layar Update Guru sebelumnya. Halaman ini untuk melakukan perubahan terhadap data guru yang telah diinput 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.

83 Layar Tambah Topik Gambar 4.78 Rancangan Layar Tambah Topik Halaman ini digunakan admin untuk membuat postingan di dalam forum 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.

84 Rancangan Layar Balas Posting Gambar 4.80 Rancangan Layar Balas Posting Halaman ini merupakan halaman untuk membalas topik yang dibuat Rancangan Layar Absensi Gambar 4.81 Rancangan Layar Absensi Halaman ini menampilkan informasi mengenai daftar absen setiap murid.

85 Rancangan Layar Add Absen Gambar 4.82 Rancangan Layar Add Absen Halaman ini menampilkan fitur untuk melakukan absen murid 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.

86 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 Rancangan Layar Semester Gambar 4.85 Rancangan Layar Semester semester. Halaman ini menampilkan halaman semester yang terdapat tombol update dan tambah

87 Rancangan Layar Add Semester Gambar 4.86 Rancangan Layar Add Semester Pada halaman ini admin dapat menambahkan tahun ajaran untuk tiap semesternya Rancangan Layar Pilih Semester Gambar 4.87 Rancangan Layar Pilih Semester Halaman ini adalah halaman untuk memilih semester dan ada tombol untuk menambah semester

88 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 Rancangan Layar Pengumuman Gambar 4.89 Rancangan Layar Pengumuman Halaman ini menampilkan tampilan pengumuman yang terdapat tombol view, update, delete dan tambah pengumuman.

89 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 Rancangan Layar View Pengumuman Gambar 4.91 Rancangan Layar View Pengumuman Halaman ini menampilkan pengumuman yang telah dibuat sebelumnya.

90 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 Rancangan Layar History Unduh Catatan Gambar 4.93 Rancangan Layar Unduh Catatan Halaman ini untuk mendownload catatan yang dibuat oleh guru

91 Rancangan Layar History Pilih Kelas Gambar 4.94 Rancangan Layar History Pilih Kelas Halaman ini untuk memilih History dari kelas-kelas User Interface Guru 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.

92 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 Rancangan Layar Jadwal Gambar 4.97 Rancangan Layar Jadwal Halaman ini hanya menunjukan informasi mengenai jadwal kelas setiap harinya.

93 Rancangan Layar Tugas Gambar 4.98 Rancangan Layar Tugas Halaman ini menampilkan tampilan dari menu tugas. Terdapat tombol tambah tugas untuk guru menambahkan tugas Rancangan Layar Add Tugas Gambar 4.99 Rancangan Layar Add Tugas Halaman ini digunakan guru untuk mengupload tugas yang dapat di download oleh murid.

94 Rancangan Layar View Tugas Gambar Rancangan Layar View Tugas Halaman ini menampilkan tampilan dari mata pelajaran yang ada di menu tugas Rancangan Layar Pelajaran Gambar Rancangan Layar Pelajaran Halaman ini menampilkan semua jenis Mata pelajaran.

95 Rancangan Layar Ruang Lingkup Pelajaran Gambar Rancangan Layar Ruang Lingkup Halaman ini menampilkan ruang lingkup, tujuan pembelajaran serta submenu tugas / kuis dan juga jawaban murid Rancangan Layar Tugas ( Kuis ) Gambar Rancangan Layar Tugas ( Kuis ) Halaman ini menampilkan judul topik dari tugas-tugas yang dapat dilihan dan harus diselesaikan oleh para murid.

96 Rancangan Layar Membuat Pilihan Ganda Gambar Rancangan Layar Membuat Pilihan Ganda Halaman ini menampilkan form bagi para guru untuk membuat soal berupa pilihan ganda. Dimana template pilihan ganda sudah disediakan Rancangan Layar Membuat Isian Gambar Rancangan Layar Membuat Isian Halaman ini menampilkan form bagi para guru untuk membuat soal berupa isian. Dimana template isian sudah disediakan.

97 Rancangan Layar Membuat Essay Gambar Rancangan Layar Membuat Essay Halaman ini menampilkan form bagi para guru untuk membuat soal berupa essay. Dimana template essay sudah disediakan Rancangan Layar Jawaban Murid Gambar Rancangan Layar Jawaban Murid Halaman ini merupakan halaman dimana guru dapat melihat jawaban murid dan memberikan nilai secara langsung.

98 Rancangan Layar Forum Gambar 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 Rancangan Layar Tambah Topik Gambar Rancangan Layar Tambah Topik Halaman ini digunakan guru untuk membuat postingan di dalam forum.

99 Rancangan Layar View Topik Gambar 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 Rancangan Layar Balas Posting Halaman ini merupakan halaman untuk membalas topik yang dibuat.

100 Rancangan Layar Absensi Gambar Rancangan Layar Absensi Halaman ini menampilkan informasi mengenai daftar absen setiap murid Rancangan Layar Absensi Murid Gambar Rancangan Layar Absensi Murid Halaman ini menampilkan fitur untuk guru dapat melakukan absen terhadap murid.

101 Rancangan Layar Nilai Gambar Rancangan Layar Nilai Halaman ini menampilkan nilai murid yang disusun berdasarkan mata pelajaran Rancangan Layar Update Nilai Gambar 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.

102 Rancangan Layar Tambah Nilai Gambar Rancangan Layar Tambah Nilai Halaman ini adalah halaman untuk melakukan penambahan nilai Rancangan Layar Pengumuman Gambar Rancangan Layar Pengumuman Halaman ini menampilkan tampilan pengumuman yang terdapat tombol view untuk melihat detail pengumuman., dan tambahpengumuman.

103 Rancangan History unduh catatan Gambar Rancangan Layar History Unduh Catatan Halaman ini untuk guru dapat mendownload catatan User Interface Murid RancanganLayar Login Gambar 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.

104 Rancangan Layar Beranda Gambar Rancangan Layar Login Halaman ini adalah halaman bagian depan untuk user murid. Dimana terdapat menu jadwal, tugas, pelajaran, forum, absensi, nilai dan pengumuman Rancangan Layar Pesan Gambar Rancangan Layar Pesan Halaman ini merupakan halaman pesan yang terdiri dari tiga macam menu yaitu, buat pesan, kotak masuk dan pesan terkirim.

105 Rancangan Layar Buat Pesan Gambar Rancangan Layar Buat Pesan yang lain. Halaman ini adalah halaman untuk murid membuat dan mengirimkan pesan ke user Rancangan Layar Jadwal Gambar Rancangan Layar Jadwal Halaman ini menunjukkan tampilan jadwal pelajaran tiap kelas.

106 Rancangan Layar Tugas Gambar Rancangan Layar Tugas yangberbeda. Halaman ini menampilkan halaman tugas dan terdapat tugas dari tiap mata pelajaran Rancangan Layar View Tugas Gambar Rancangan Layar View Tugas Halaman ini adalah halaman untuk melihat tugas-tugas yang diberikan oleh guru

107 Rancangan Layar Pelajaran Gambar Rancangan Layar Pelajaran Halaman ini adalah halaman untuk memilih mata pelajaran di menu pelajaran Rancangan Layar Ruang Lingkup Pelajaran Gambar Rancangan Layar Ruang Lingkup Pelajaran Halaman ini untuk melihat informasi tentang ruang lingkup pembelajaran, tujuan pembelajaran dan cara penilaian.

108 Rancangan Layar Tugas ( Kuis ) Gambar 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 Rancangan Layar Jawaban Murid Gambar Rancangan Layar Jawaban Murid oleh guru. Halaman ini digunakan murid untuk menjawab pertanyaan-pertanyaan yang diberikan

109 Rancangan Layar Forum Gambar Rancangan Layar Forum Halaman ini adalah tampilan dari menu forum. Disini juga murid dapat melihat topiktopik yang telah di buat oleh guru ataupun murid Rancangan Layar Tambah Topik Gambar Rancangan Layar Tambah Topik Halaman ini adalah halaman untuk murid membuat topik baru di dalam forum.

110 Rancangan Layar View Topik Gambar Rancangan Layar View Topik Halaman ini adalah untuk melihat topik yang telah dibuat oleh guru atau murid Rancangan Layar Balas Posting Gambar Rancangan Layar Balas Posting Halaman ini merupakan halaman murid untuk membalas topik yang sedang di diskusikan.

111 Rancangan Layar Absensi Gambar Rancangan Layar Absensi Halaman ini disediakan untuk murid melihat data kehadiran murid di sekolah Rancangan Layar Pengumuman Gambar Rancangan Layar Pengumuman Halaman ini merupakan halaman murid untuk menunjukan tampilan pengumuman yang berhubungan dengan sekolah.

112 Rancangan Layar View Pengumuman Gambar Rancangan Layar View Pengumuman Halaman ini adalah halaman tampilan untuk melihat pengumuman sekolah Rancangan History Pilih Kelas Gambar Rancangan Layar Pilih Kelas Halaman ini untuk memilih History dari kelas-kelas

113 Rancangan History Unduh Catatan Gambar Rancangan Layar Unduh Catatan Halaman ini untuk mendownload catatan yang dibuat oleh guru Spesifikasi Hardware adalah: Kebutuhan hardware minimum yang diperlukan untuk e-learning ini 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

114 150 Untuk Client: Pentium IV Memory 128MB Harddisk 40GB Koneksi Internet Keyboard & Mouse 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 Office 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.

115 151 Penulis melakukan perencanaan dalam implementasi pada tahun ajaran baru berikutnya karena harus melakukan training pada user terlebih dahulu, perkiraan perencanaan waktunya adalah Kegiatan Testing Bulan ke- Minggu ke 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.