bab 3 analisis dan perancangan 3.1 sejarah organisasithesis.binus.ac.id/asli/bab3/2010-1-00053-if...
TRANSCRIPT
32
BAB 3
ANALISIS DAN PERANCANGAN
3.1 Sejarah Organisasi
SMA Muhammadiyah 25 berdiri 16 tahun yang lalu, tepatnya pada tahun
1991.Lembaga ini sering disebut SMA Muhammadiyah 25 Setiabudi Pamulang.Sebutan
ini bukan karena letaknya dekat dengan Jl. DR. Setiabudi di Pamulang Barat, melainkan
karena SMA Muhammadiyah 25 didirikan dan menjadi amal usaha Pimpinan Cabang
Muhammadiyah Setiabudi Karet di Jakarta Selatan.
Pada tahun pelajaran 1992/1993 dikeluarkan izin pendirian sekolah oleh Kanwil
Depdikbud Propinsi Jawa Barat dan pada tahun 1993 status SMA Muhammadiyah 25
Setiabudi Pamulang menjadi “DIAKUI”.Lima tahun kemudian tepatnya tahun 1998
diadakan akreditasi ulang dengan status “DISAMAKAN”.Dengan semangat kerja keras,
SMA Muhammadiyah 25 semakin tampil meyakinkan dan percaya diri, karena
bangunan sekolah yang semakin representative, kepercayaan masyarakat pun semakin
luas.Akhirnya pada tahun 2007 Dinas Pendidikan dan Kebudayaan Propinsi Banten
memberikan kepercayaan pada sekolah ini menjadi “TERAKREDITASI A”.
Dari sisi perkembangan jumlah siswa, SMA Muhammadiyah 25 mengalami
peningkatan.Pada awal berdirinya sekolah ini, hanya diminati 28 siswa dan suadh lima
tahun terakhir ini dapat menampung 4 kelas pada setiap penerimaan siswa baru dengan
jumlah siswa setiap kelas 40 peserta didik.Mengingat daya tamping terbatas, maka
hampir setiap tahun sekitar 60-80 calon siswa tidak dapat diterima di SMA
Muhammadiyah 25.Sekolah ini berdiri di atas lahan tanah seluas 14.000 m2 (empat
belas ribu meter persegi).Di atas lahan ini pula dijadikan komplek pendidikan, ada 3 unit
gedung : SD Muhammadiyah 12, SMP Muhammadiyah 22, dan SMA Muhammadiyah
25.Dengan satu keperguruan yaitu Pimpinan Perguruan Muhammadiyah Setiabudi
Pamulang.
33
3.1.1 Visi dan Misi
SMA Muhammadiyah memiliki visi dan misi untuk mencapai tujuan organisasi
dan mendapatkan hasil yang diinginkan :
Visi SMA Muhammadiyah 25 adalah Unggul dalam iman, ilmu, dan amal serta anggun
dalam akhlak.
Misi SMA Muhammadiyah 25 adalah sbb:
1. Memiliki pemahaman keislaman dan keMuhammadiyahan yang benar 2. Memiliki semangat kebangsaan dan cinta tanah air 3. Menguasai ilmu pengetahuan dan teknologi 4. Menguasai bahasa asing 5. Memiliki kreatifitas seni, budaya dan olahraga
34
3.2 Struktur Organisasi
BP3/BKOMG KEPALA SEKOLAH
Dra. Puji Astuti
TATA USAHA
Dra. Puji Astuti
Hj. Sarwati
Ahmad Fauzi
WAKASEK KURIKULUM
Drs. Mustakim
WAKASEK ISMUBA
Zesmita, SH.
WAKASEK KESISWAAN
M. Ali Akbar, SE.
GURU‐GURU
SISWA
35
= Garis Komando = Garis Konsultasi
3.2.1 Wewenang dan Tanggung Jawab
1. BP3/BKOMG
Mempunyai tugas untuk penggalangan dana untuk pengadaan fasilitas sekolah
yang bersifat fisik dan mengawasi proses penggunaan dana yang dimanfaatkan
oleh sekolah serta memberikan arahan dan tugas-tugas kepada kepala sekolah
yang berhubungan dengan pengembangan sekolah kedepannya.
2. Kepala Sekolah
Mempunyai tugas untuk mengontrol kinerja dan memberi arahan-arahan
terhadap Wakasek dan Tata usaha, memberikan arahan dan wewenang kepada
guru-guru, menentukan keputusan penting yang berhubungan dengan sistematika
belajar mengajar di sekolah tsb., serta bertanggung jawab terhadap kelangsungan
aktivitas di sekolah tsb.
3. Tata Usaha
Mempunyai tugas untuk mengelola data personal guru dan siswa, mengelola
absensi guru dan siswa, mengelola informasi untuk disampaikan kepada siswa,
guru , dan masyarakat sekolah, mengelola arsip-arsip alumni dari SMA tsb.
Tata usaha juga memiliki wewenang dalam mengelola keuangan sekolah seperti
pembayaran BP3, iuran komputer, dll.Tata usaha memperkerjakan beberapa
karyawan untuk mengurusi tugas dan tanggung jawab tsb.
4. Wakasek Kurikulum
Mempunyai tugas untuk menentukan dan merumuskan kurikulum yang sesuai
dipelajari oleh siswa.Memberikan tambahan kurikulum untuk meningkatkan
kemampuan siswa agar lebih baik , juga memiliki wewenang untuk memilih
kurikulum yang wajib dan tidak wajib atau biasa disebut muatan lokal, Wakasek
36
Kurikulum juga menentukan apakah kurikulum yang ada dapat memberikan
image yang berkualitas pada SMA tsb.
5. Wakasek ISMUBA (Pendidikan Al Islam dan Kemuhammadiyahan serta Bahasa
Arab)
Mempunyai tugas untuk mengkaji kurikulum khusus Muhammadiyah yaitu Al-
Islam, Kemuhammadiyahan, dan bahasa arab.Menyusun materi-materi pada
mata pelajaran khusus tsb., Wakasek ISMUBA juga memiliki tanggung jawab
untuk membuat siswa lebih mengenal seluk-beluk Muhammadiyah dengan
membuat mata pelajaran tsb. lebih berbobot dan bermakna.
6. Wakasek Kesiswaaan
Mempunyai tugas untuk memberi arahan langsung kepada siswa selain guru,
menertibakan siswa yang bermasalah dan memberikan solusi kepada siswa yang
membutuhkan, Wakasek Kesiswaan juga memiliki tanggung jawab untuk
menjalin hubungan baik sekolah dengan siswanya.
7. Guru
Mempuyai tugas mulia untuk memberikan dan menyampaikan ilmu kepada
siswa sesuai bidangnya masing-masing.Guru adalah pihak yang bertatap muka
langsung dengan murid, memberikan arahan, nasihat serta yang paling
berpengaruh dalam kenyamanan siswa menerima pelajaran.
8. Siswa
Siswa mempunyai tugas untuk menuntut ilmu di sekolah, menaati peraturan dan
ketertiban yang ada demi berlangsungnya kegiatan belajar yang aman dan
nyaman.Siswa bertanggung jawab terhadap nilai dan tugas yang diberikan oleh
guru.
37
3.3 Sistem yang sedang berjalan
Sistem pembelajaran yang berjalan pada SMA Muhammdiyah 25 sampai
sekarang masih berpusat pada kelas, jadi semua kegiatan belajar mengajar
dilakukan di ruangan kelas.Guru memberikan pengarahan di dalam ruangan
kelas yang berkapasitas kurang lebih empat puluh siswa, guru menulis catatan
dan soal latihan di papan tulis, kemudian memberikan tugas untuk dikerjakan di
rumah.Bila masih ada waktu yang tersisa guru memberikan kesempatan bagi
siswa untuk bertanya.Semua bahan pelajaran dan materi yang disediakan
bersumber masih dari buku saja.
Pada awal semester wakil kepala sekolah bidang kurikulum akan
memberikan jadwal pelajaran yang telah ditentukan kepada guru.Siswa-siswa
pada pertemuan pertama akan mendapatkan jadwal pelajaran baru dari guru yang
akan digunakan selama satu tahun masa ajar .Informasi mengenai siswa dan
sekolah diberikan melalui pengumuman-pengumuma secara lisan maupun
tertulis di papan pengumuman sekolah.Laporan penilaian siswa akan diberikan
langsung kepada orang tua siswa di setiap akhir ujian.Pengumuman-
pengumuman terbaru tentang kegiatan yang akan diselenggarakan di sekolah
ataupun yang akan diikuti diluar sekolah akan disampaikan secara langsung oleh
guru yang bertanggung jawab atas kegiatan tsb.
38
3.4 Diagram Aliran Data (Data Flow Diagram)
3.4.1 Diagram Konteks
Sistem E-learning
Kepala Sekolah
SiswaGuru
Input data guru
Input data siswa
Kirim pesanInput jadwal pelajaran
Laporan nilai
Jawaban pesan
Jawaban pesan
Jadwal pelajaran
Laporan nilai
Input jadwal ujian
Laporan nilai
Jadwal pelajaran
Download materi
Input nilai
Upload materi
Kirim pesan
Data kiriman pesan
Jadwal ujian
Input agenda
Agenda
Upload tugas
Gambar 3.1 Diagram konteks yang sedang berjalan
39
3.4.2 Diagram Nol
SISWA
GURU
KEPALASEKOLAH
Input nilai
Input materi
Input jadwal pelajaran
Proses registrasi
Prosespengiriman
pesan
Nilai
Pesan
Materi
Jadwal pelajaran
Guru
Siswa
Laporan nilai
Berkas nilai
Download materi
Laporan jadwal pelajaran
Laporan jadwal pelajaran
Berkas jadwal pelajaran
Input data guru
Laporan data guru
Laporan data siswa
Kirim pesan
Kirim pesan
Jadwal ujian
Input jadwal ujian
Berkas jadwal ujian
Laporan jadwal ujian
Agenda Input agenda
Data pengumuman/event
TugasProses
pemberian tugasUpload tugas
Laporan tugas
Upload materi
Input data siswa
Jawaban pesan
Laporan nilai
Data kiriman pesan
Gambar 3.2 Diagram nol yang sedang berjalan
40
3.4 Permasalahan dan Usulan Solusi
Berdasarkan konsultasi dan identifikasi kebutuhan pengguna kepada
Kepala Sekolah, guru-guru, dan siswa telah diketahui permasalahan yang
dihadapi dalam sistem pembelajaran yang sedang berjalan :
1. Permasalahan : Waktu belajar mengajar seringkali terasa kurang, sehingga
penyampaian materi di kelas tidak tuntas.
Usulan Solusi : Membuat modul download materi pelajaran pada e-learning,
maka siswa dapat menambah wawasan dan pemahaman terhadap materi
pelajaran yang tidak tuntas diajarkan di kelas.
2. Permasalahan : Ketika jadwal pelajaran di tahun ajaran baru siswa harus
datang ke sekolah dan berdesak-desakkan di papan pengumuman untuk
melihat jadwal pelajaran.
Usulan Solusi : Membuat modul jadwal pelajaran pada e-learning, maka
siswa dapat melihat jadwal pelajarannya secara online kapan dan dimana saja
tanpa harus datang ke sekolah.
3. Permasalahan : Hasil nilai siswa hanya bisa dilihat di papan pengumuman
sekolah atau harus menemui guru untuk mengetahuinya.
Usulan Solusi: Membuat modul nilai pada e-learnin, maka siswa dapat
melihat hasil nilai masing-masing secara online tanpa harus datang ke
sekolah.
4. Permasalahan : Dengan sistem sebelumnya Guru masih menginput nilai-nilai
siswa secara manual
Usulan Solusi : Membuat modul nilai pada e-learning, maka Guru dapat
menginput nilai-nilai siswa secara online dan transkrip nilai-nilai tsb.
tersimpan dengan aman dan terorganisir di database.
41
5. Permasalahan : Pengumuman atau event-event yang akan diadakan sekolah
hanya dapat dilihat di papan pengumuman sekolah.
Usulan Solusi : Membuat modul pengumuman pada e-learning,
pengumuman dan event-event tsb. ditampilkan pada halaman utama e-
learning dan disusun secara rapih dan dengan warna yang eye-catching
sehingga siswa akan melihat pengumuman dan event-event tsb.
42
3.5 Perancangan Perangkat Lunak
Metode Perancangan perangkat yang dipergunakan yaitu model berorientasi
objek menggunakan UML
3.5.1 Use-case
Gambar 3.3 Use Case Diagram
43
3.5.2 Class Diagram
3.5.2.1 Pesan
+mengirim()+menerima()
-idPesan-idUser-tujuan-subjek-isiPesan-fwd-status-tgl
Pesan
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+mengirim()+menerima()
-idPesan-idUser-tujuan-subjek-isiPesan-fwd-status-tgl
Pesan
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
1..*
*
Gambar 3.4 Gambar hubungan class user dengan class pesan
44
3.5.2.2 Nilai
+mempublish()+menginput()+membaca()
-idNilai-idUser-klsSiswa-namaMatpel-tugas-ulanganHarian1-ulanganHarian2-ujianMid-ujianAkhir-nilaiAkhir-semester-status
Nilai
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
RuanganKlsSiswa
*
*
**
45
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
1
1..*
+mempublish()+menginput()+membaca()
-idNilai-idUser-klsSiswa-namaMatpel-tugas-ulanganHarian1-ulanganHarian2-ujianMid-ujianAkhir-nilaiAkhir-semester-status
Nilai
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
Ruangankelas
*
*
1
*
* *
46
Gambar 3.5 Gambar hubungan class nilai dengan class user dengan class kelas, class
jurusan, dan class ruangankelas
3.5.2.3 Guru
+menginput()+mempublish()+membaca()
-idGuru-guru-hari-jam-kelasAjar-matpelAjar
Guru
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+menginput()+mempublish()+membaca()
-idGuru-guru-hari-jam-kelasAjar-matpelAjar
Guru
*
*
Gambar 3.6 Gambar hubungan class guru dengan class user
47
3.5.2.4 Mata Pelajaran
+mempublish()+membaca()+menginput()
-idPelajaran-namaMatpel1-namaMatpel2-namaMatpel3-namaMatpel4-namaMatpel5-namaMatpel6-namaMatpel7-namaMatpel8-namaMatpel9-namaMatpel10-kelasSiswa-semester
Pelajaran
48
+mendownload()+mengupload()
-idMateri-judul-namaMatpel-klsSiswa-pertemuan-nama-deskripsi-ukuran-direktori-tgl-status
Materi
-idMatpel-namaMatpel
Matapelajaran
+mempublish()+menginput()+membaca()
-idNilai-idUser-klsSiswa-namaMatpel-tugas-ulanganHarian1-ulanganHarian2-ujianMid-ujianAkhir-nilaiAkhir-semester-status
Nilai
+mempublish()+membaca()+menginput()
-idPelajaran-namaMatpel1-namaMatpel2-namaMatpel3-namaMatpel4-namaMatpel5-namaMatpel6-namaMatpel7-namaMatpel8-namaMatpel9-namaMatpel10-kelasSiswa-semester
Pelajaran
*
1 * *
*
*
Gambar 3.7 Gambar hubungan class nilai dengan class materi dengan class
matapelajaran dengan class pelajaran
49
3.5.2.5 Agenda
+mempublish()+menginput()+membaca()
-idAgenda-isiAgenda-tglAgenda-status
Agenda
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
Gambar 3.8 Gambar hubungan class agenda dengan class user
50
3.5.2.6 Jadwalujian
+mempublish()+menginput()+membaca()
-idJadwalujian-kelasSiswa-mataPelajaran-tgl-waktu-ruangan-ujian-status
jadwalujian
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
Ruangankelas
*
*
**
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
51
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+mempublish()+menginput()+membaca()
-idJadwalujian-kelasSiswa-mataPelajaran-tgl-waktu-ruangan-ujian-status
jadwalujian
*
*
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
Ruangankelas
*
*
1
* * *
Gambar 3.9 Gambar hubungan class jadwalUjian dengan class kelas, jurusan,
dan ruanganKelas dengan class user
52
3.5.2.7 Materi
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
Gambar 3.10 Gambar hubungan class materi dengan class matapelajaran dengan class
user
53
3.5.2.8 Jadwalpelajaran
+membaca()+mempublish()+menginput()
-idJadwalpelajaran-idMatpel-jamPelajaran
jadwalpelajaran
+mempublish()+membaca()+menginput()
-idPelajaran-namaMatpel1-namaMatpel2-namaMatpel3-namaMatpel4-namaMatpel5-namaMatpel6-namaMatpel7-namaMatpel8-namaMatpel9-namaMatpel10-kelasSiswa-semester
Pelajaran
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
54
Gambar 3.11 Gambar hubungan class jadwalpelajaran, dengan class pelajaran, dengan
class user
3.5.2.9 Pelajaran
+mempublish()+membaca()+menginput()
-idPelajaran-namaMatpel1-namaMatpel2-namaMatpel3-namaMatpel4-namaMatpel5-namaMatpel6-namaMatpel7-namaMatpel8-namaMatpel9-namaMatpel10-kelasSiswa-semester
Pelajaran
+membaca()+mempublish()+menginput()
-idJadwalpelajaran-idMatpel-jamPelajaran
jadwalpelajaran
Gambar 3.12 Gambar hubungan class pelajaran dengan class jadwalpelajaran dengan
class mata pelajaran
55
3.5.2.10 Modul
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
-idModul-namaModul-link-pblish-urutan
Modul
1
*
Gambar 3.13 Gambar hubungan class modul dengan class user
56
3.5.2.11 Kelas, Jurusan, Ruangankelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
Ruangankelas
*
*
**
Gambar 3.14 Gambar hubungan class kelas dengan kelas jurusan dengan class ruangan
kelas
57
+mengirim()+menerima()
-idPesan-idUser-tujuan-subjek-isiPesan-fwd-status-tgl
Pesan
+mempublish()+menginput()
-idUser-statusUser-namaUser-klsSiswa-jurusanSiswa-ruanganKlsSiswa-alamatUser-telpUser-HPUser-emailUser-tmptLahirUser-tglLahirUser-jnsKelaminUser-idPass
User
+mendownload()+mengupload()
-idMateri-judul-namaMatpel-klsSiswa-pertemuan-nama-deskripsi-ukuran-direktori-tgl-status
Materi
-idMatpel-namaMatpel
Matapelajaran
1..*
*
1
1..*
+membaca()+mempublish()+menginput()
-idJadwalpelajaran-idMatpel-jamPelajaran
jadwalpelajaran
1
*
1 *
*
1
+mempublish()+menginput()+membaca()
-idAgenda-isiAgenda-tglAgenda-status
Agenda
*
1
-idModul-namaModul-link-pblish-urutan
Modul
+mempublish()+menginput()+membaca()
-idJadwalujian-kelasSiswa-mataPelajaran-tgl-waktu-ruangan-ujian-status
jadwalujian
+mempublish()+menginput()+membaca()
-idNilai-idUser-klsSiswa-namaMatpel-tugas-ulanganHarian1-ulanganHarian2-ujianMid-ujianAkhir-nilaiAkhir-semester-status
Nilai
1
*
*
*
+mempublish()+membaca()+menginput()
-idPelajaran-namaMatpel1-namaMatpel2-namaMatpel3-namaMatpel4-namaMatpel5-namaMatpel6-namaMatpel7-namaMatpel8-namaMatpel9-namaMatpel10-kelasSiswa-semester
Pelajaran
*
1
-idKlsSiswa-klsSiswa
Kelas
-idJurusanSiswa-jurusanSiswa
Jurusan
-idRuanganKlsSiswa-ruanganKlsSiswa
Ruangankelas
1
*
*
*
**
1
*
1
*
* *
*
*
1
*
* *
**
+menginput()+mempublish()+membaca()
-idGuru-guru-hari-jam-kelasAjar-matpelAjar
Guru
*
*
* *
Gambar 3.15 Class Diagram
58
3.5.3 Perancangan Database
Rancangan database yang digunakan dalam pembuatan e-learning berbasis
Content Management System SMA Muhammadiyah 25 Pamulang :
Agenda
Tabel 4.1 Agenda
Nama Field Tipe Data Size
(PK) idAgenda INT 10
tipe VARCHAR 20
judul VARCHAR 50
Isi TEXT
tgl VARCHAR 50
status INT 2
Jadwalpelajaran
Tabel 4.2 Jadwalpelajaran
Nama Field Tipe Data Size
(PK) idJadwalpel INT 10
kelasSiswa VARCHAR 10
senin VARCHAR 100
selasa VARCHAR 100
59
rabu VARCHAR 100
kamis VARCHAR 100
jumat VARCHAR 100
sabtu VARCHAR 100
jam VARCHAR 200
semester VARCHAR 3
Jadwalujian
Tabel 4.3 Jadwalujian
Nama Field Tipe Data Size
(PK) idJadwalujian INT 10
Ujian VARCHAR 10
kelasSiswa VARCHAR 10
mataPelajaran VARCHAR 50
tgl VARCHAR 30
waktu VARCHAR 30
ruangan VARCHAR 5
status INT 2
60
Jampelajaran
Tabel 4.4 Jampelajaran
Nama Field Tipe Data Size
(PK) idJampel INT 10
jam VARCHAR 20
Jurusan
Tabel 4.5 Jurusan
Nama Field Tipe Data Size
(PK) idJurusanSiswa INT 10
jurusanSiswa VARCHAR 20
Kelas
Tabel 4.6 Kelas
Nama Field Tipe Data Size
(PK) idKlsSiswa INT 10
klsSiswa VARCHAR 10
61
Matapelajaran
Tabel 4.7 Matapelajaran
Nama Field Tipe Data Size
(PK) idMatpel INT 10
namaMatpel VARCHAR 50
Materi
Tabel 4.8 Materi
Nama Field Tipe Data Size
(PK) idMateri INT 10
judul VARCHAR 50
namaMatpel VARCHAR 20
kelasSiswa VARCHAR 10
pertemuan VARCHAR 5
nama VARCHAR 50
deskripsi TEXT
ukuran VARCHAR 50
direktori VARCHAR 50
tgl VARCHAR 20
status INT 2
62
Modul
Tabel 4.9 Modul
Nama Field Tipe Data Size
(PK) idModul INT 5
namaModul VARCHAR 50
link VARCHAR 100
publish ENUM ('Y', 'N')
status ENUM ('admin', 'guru')
urutan INT 5
Nilai
Tabel 4.10 Nilai
Nama Field Tipe Data Size
(PK) idNilai INT 10
idUser INT 10
klsSiswa INT 10
namaMatpel INT 50
tugas INT 5
ulanganHarian1 INT 5
63
ulanganHarian2 INT 5
ujianMid INT 5
ujianAkhir INT 5
nilaiAkhir INT 5
semester VARCHAR 5
status INT 2
Pelajaran
Tabel 4.11 Pelajaran
Nama Field Tipe Data Size
(PK) idPelajaran INT 10
namaMatpel1 VARCHAR 20
namaMatpel2 VARCHAR 20
namaMatpel3 VARCHAR 20
namaMatpel4 VARCHAR 20
namaMatpel5 VARCHAR 20
namaMatpel6 VARCHAR 20
namaMatpel7 VARCHAR 20
namaMatpel8 VARCHAR 20
namaMatpel9 VARCHAR 20
64
namaMatpel10 VARCHAR 20
kelasSiswa VARCHAR 10
semester VARCHAR 10
Pesan
Tabel 4.12 Pesan
Nama Field Tipe Data Size
(PK) idPesan INT 10
idUser VARCHAR 50
tujuan VARCHAR 50
subjek VARCHAR 50
isiPesan TEXT
fwd VARCHAR 3
status INT 2
tgl VARCHAR 10
Ruangankelas
Tabel 4.13 Ruangankelas
Nama Field Tipe Data Size
(PK) idRuanganKlsSiswa VARCHAR 10
65
ruanganKlsSiswa VARCHAR 10
User
Tabel 4.14 User
Nama Field Tipe Data Size
(PK) idUser INT 10
statusUser VARCHAR 10
namaUser VARCHAR 50
klsSiswa VARCHAR 10
jurusanSiswa VARCHAR 50
ruanganKlsSiswa VARCHAR 10
alamatUser VARCHAR 50
telpUser VARCHAR 20
HPUser VARCHAR 50
emailUser VARCHAR 50
tmptLahirUser VARCHAR 20
tglLahirUser VARCHAR 20
jnsKelaminUser ENUM ('Pria', 'Wanita')
idPass VARCHAR 20
66
Guru
Tabel 4.15 Guru
Nama Field Tipe Data Size
(PK) idGuru VARCHAR 10
guru VARCHAR 100
hari VARCHAR 10
Jam VARCHAR 20
kelasAjar VARCHAR 10
matpelAjar VARCHAR 20
67
3.5.4 State Chart
3.5.4.1 Guru
/ melakukanLogin / melakukanLogout
/ mengupload
Proses
/ membaca
/ mengirim/ menginput
Gambar 3.16 State Chart Guru
3.5.4.2 Admin
Gambar 3.17 State Chart Admin
68
3.5.4.3 Siswa
Gambar 3.18 State Chart Siswa
3.5.4.4 Jadwal Pelajaran
Gambar 3.19 State Chart Jadwal Pelajaran
69
3.5.4.5 Agenda
Pending/ menginputAgenda
Proses/ mempublishAgenda
Aktif
/ [suksesMenyimpan]
/ [gagalMempublish]
/ membacaAgenda
Gambar 3.20 State Chart Agenda
3.5.4.6 Sent
Gambar 3.21 State Chart Sent
70
3.5.4.7 Inbox
Gambar 3.22 State Chart Inbox
3.5.4.8 Materi
Gambar 3.23 State Chart Materi
71
3.5.4.9 Ulangan Harian
Gambar 3.24 State Chart Ulangan Harian
3.5.4.10 Ujian Mid
Gambar 3.25 State Chart Ujian Mid
72
3.5.4.11 Ujian Akhir
Gambar 3.26 State Chart Ujian Akhir
3.5.4.12 Tugas
Gambar 3.27 State Chart Tugas
73
3.5.4.13 Mata Pelajaran
Gambar 3.28 State Chart Mata Pelajaran
74
3.5.5 Sequnce Diagram
3.5.5.1 Melakukan Login User
3.5.5.1.1 Melakukan Login (Guru)
Gambar 3.29 Sequence Diagram Melakukan Login untuk Guru
75
3.5.5.1.2 Melakukan Login (Siswa)
UI Logincreate()
entryRequireField()
klikSignIn()
User
validasi()
validasi()
dataInvalid()
dataValid()
Home UIcreate()
Siswa
Gambar 3.30 Sequence Diagram Melakukan Login untuk Guru
76
3.5.5.2 Melihat Pengumuman
3.5.5.2.1 Melihat Pengumuman (Siswa)
Siswa
UI Pengumuman Agendacreate()
get()
result()
Gambar 3.31 Sequence Diagram Melihat Pengumuman untuk Siswa
77
3.5.5.3 Melihat Nilai
3.5.5.3.1 Melihat Nilai (Guru)
Gambar 3.32 Sequence Diagram Melihat Nilai untuk Guru
78
3.5.5.3.2 Melihat Nilai (Siswa)
Gambar 3.33 Sequence Diagram Melihat Nilai untuk Siswa
79
3.5.5.4 Melihat Pengumuman
3.5.5.4.1 Melihat Pengumuman untuk Siswa
Siswa
UI Pengumumancreate() Agenda
get()
result()
Gambar 3.34 Sequence Diagram Melihat Pengumuman untuk Siswa
80
3.5.5.5 Mengakses Materi
3.5.5.5 .1 Mengakses Materi untuk Guru
Gambar 3.35 Sequence Diagram Mengakses Materi untuk Guru
81
3.5.5.5.2 Mengakses Materi untuk Siswa
Siswa
create() UI Materi
klikFile()
File Materi
get()
find()
result()
result()
Gambar 3.36 Sequence Diagram Mengakses Materi untuk Siswa
82
3.5.5.6 Menambah Agenda (Pengumuman/Event)
Guru
create() UI Agenda
inputRequiredField()
Agenda
get()
klikSave()
result()
update()
Gambar 3.37 Sequence Diagram Menambah Agenda
83
3.5.5.7 Mengakses Nilai Tugas
3.5.5.7.1 Mengakses Nilai Tugas (Admin)
Admin
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Tugascreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Tugas
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.38 Sequence Diagram Mengakses Nilai Tugas untuk Admin
84
3.5.5.7.2 Mengakses Nilai Tugas (Guru)
Admin
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Tugascreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Tugas
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.39 Sequence Diagram Mengakses Nilai Tugas untuk Admin
85
3.5.5.8 Mengakses Nilai Ulangan Harian
3.5.5.8.1 Mengakses Nilai Ulangan Harian (Admin)
Admin
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangancreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.40 Sequence Diagram Mengakses Nilai Ulangan Harian untuk Admin
86
3.5.5.8.2 Mengakses Nilai Ulangan Harian (Guru)
Guru
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangancreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.41 Sequence Diagram Mengakses Nilai Ulangan Harian untuk Guru
87
3.5.5.9 Mengakses Nilai Ulangan Mid
3.5.5.9.1 Mengakses Nilai Ulangan Mid (Admin)
Admin
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangan Midcreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan Mid
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.42 Sequence Diagram Mengakses Nilai Ulangan Mid untuk Admin
88
3.5.5.9.2 Mengakses Nilai Ulangan Mid (Guru)
Guru
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangan Midcreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan Mid
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.43 Sequence Diagram Mengakses Nilai Ulangan Mid untuk Guru
89
3.5.5.10 Mengakses Nilai Ulangan Akhir
3.5.5.10.1 Mengakses Nilai Ulangan Akhir (Admin)
Admin
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangan Akhircreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan Akhir
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.44 Sequence Diagram Mengakses Nilai Ulangan Akhir untuk Admin
90
3.5.5.10.2 Mengakses Nilai Ulangan Akhir (Guru)
Guru
create() UI Siswa
klikNamaSiswa()
User
getNamaSiswa()
result()
UI Nilai Ulangan Akhircreate()
List Keterangan Semestercreate()
selectTugasdanSemester()
klikGo()
klikEdit()
entryRequireField()
klikSave()
Ulangan Akhir
getNilai()
Result()
update()
Keterangan & Semester
get()
result()
find()
Gambar 3.45 Sequence Diagram Mengakses Nilai Ulangan Akhir untuk Guru
91
3.5.6 Hierarki Menu
3.5.6.1 Menu Admin
Gambar 3.46 Hierarki Menu Admin
3.5.6.2 Menu Guru
Gambar 3.47 Hierarki Menu Guru
MENU
Dashboard
Inbox
New
Message
Manage Nilai
Manage Tugas
Ganti
Password
Logout
Reply
Forward
Sent Items
Edit Nilai
View Nilai
Jadwal Mengajar
Data Pribadi
MENU
Control Room
Inbox
New Message
Regis‐ trasi User
Manage User
Manage Jadwal Guru
Manage Nilai
Manage Kelas
Manage Mata
Pelajaran
Manage Pelajaran
Manage Jadwal
Pelajaran
Manage Jadwal Ujian
Manage Agenda
Manage Materi
Ganti Pass‐word
Logout
Reply
Forward
Sent Items
Edit
JadwalGuru
Edit Nilai
View Nilai
Edit dan View
Pelajaran
Edit
Jadwal Pelajaran
View Jadwal
Pelajaran
Edit
Jadwal Ujian
View Jadwal Ujian
Edit
Agenda
92
3.5.6.3 Menu Siswa
Gambar 3.48 Hierarki Menu Siswa
MENU
Home
Inbox Jadwal
PelajaranNilai
Ujian Logout Pelajaran
Data Pribadi
93
3.6 Perancangan Layout Layar
3.6.1 Admin
3.6.1.1 Halaman lndex/Login
Let’s Go!
Password
Username
Please Login
Logo SekolahE-learning
Gambar 3.49 Layout index.php
94
3.6.1.2 Control Room
Gambar 3.50 Layout controlRoom.php
95
3.6.1.3 Registrasi
Gambar 3.51 Layout registrasi.php
96
3.6.1.4 Mengirim Pesan
Vertical menu
Footer
Header
New Message
To
Subject
Message
Submit
Inbox | Sent Items
Reset
Gambar 3.52 Layout kirimPesan.php
97
3.6.1.5 Inbox
Vertical menu
Footer
Header
INBOX
New message | Sent items
Inbox grid list
<< 1 2 3 … >>
Gambar 3.53 Layout inbox.php
98
3.6.1.6 Menampilkan Pesan
Vertical menu
Footer
Header
VIEW MESSAGE
Inbox | Reply
Message data
| Forward | Sent items
Kembali
Gambar 3.54 Layout viewMessage.php
99
3.6.1.7 Membalas Pesan
Vertical menu
Footer
Header
REPLY
New message | Inbox | Sent Items
To
Subject
Message
Submit Reset
Gambar 3.55 Layout reply.php
100
3.6.1.8 Meneruskan Pesan
Vertical menu
Footer
Header
FORWARD
New message | Inbox | Sent Items
To
Subject
Message
Submit Reset
Gambar 3.56 Layout forward.php
101
3.6.1.9 Pesan Terkirim
Vertical menu
Footer
Header
SENT ITEMS
New message | Inbox
Sent items grid list
<< 1 2 3 … >>
Gambar 3.57 Layout sentItems.php
102
3.6.1.10 Mencari Tujuan
Gambar 3.58 Layout cariTujuan.php
103
3.6.1.11 Manage User
Content
Header
Vertical menu
Footer
MANAGE USER
Search
User grid list
<< 1 2 3 … >>
Gambar 3.59 Layout manageUser.php
104
3.6.1.12 Edit User
Gambar 3.60 Layout editUser.php
105
3.6.13 Manage Nilai
Vertical menu
Footer
Header
MANAGE NILAI
Form
Submit
Form
Input
Gambar 3.61 Layout manageNilai.php
106
3.6.14 Edit Nilai
Vertical menu
Footer
Header
EDIT NILAI
Form
Submit
Editable form
Input
Gambar 3.62 Layout manageNilai.php
107
3.6.15 View Nilai
Vertical menu
Footer
Header
VIEW NILAI
Form
Submit
List nilai
Gambar 3.63 Layout manageNilai.php
108
3.6.1.16 Manage Kelas
Vertical menu
Footer
Header
MANAGE KELAS
Input
List kelas
Hapus
Input
List jurusan
Hapus
Input
List ruangan kelas
Hapus
Gambar 3.64 Layout manageKelas.php
109
3.6.1.17 Manage Mata Pelajaran
Vertical menu
Footer
Header
MANAGE MATA PELAJARAN
Form
Submit
Form
Submit
Gambar 3.65 Layout manageMatpel.php
110
3.6.1.18 Manage Pelajaran
Vertical menu
Footer
Header
MANAGE PELAJARAN
Form
Form
Submit
Submit
Gambar 3.66 Layout managePelajaran.php
111
3.6.1.19 Manage Jadwal Pelajaran
Vertical menu
Footer
Header
MANAGE JADWAL PELAJARAN
Form
Form
Submit
Submit
Gambar 3.67 Layout manageJadwalpel.php
112
3.6.1.20 Edit Jadwal Pelajaran
Vertical menu
Footer
Header
EDIT JADWAL PELAJARAN
Editable form
Submit
Form
Submit
Gambar 3.68 Layout editJadwalpel.php
113
3.6.1.21 Lihat Jadwal Pelajaran
Vertical menu
Footer
Header
LIHAT JADWAL PELAJARAN
List jadwal pelajaran
Form
Submit
Gambar 3.69 Layout viewJadwalpel.php
114
3.6.1.22 Manage Jadwal Ujian
Vertical menu
Footer
Header
MANAGE JADWAL UJIAN
Form
Submit
Form
Submit
Gambar 3.70 Layout manageJawdalujian.php
115
3.6.1.23 Edit Jadwal Ujian
Vertical menu
Footer
Header
EDIT JADWAL UJIAN
Editable form
Submit
Form
Submit
Gambar 3.71 Layout manageNilai.php
116
3.6.1.24 Lihat Jadwal Ujian
Vertical menu
Footer
Header
LIHAT JADWAL UJIAN
List jadwal ujian
Submit
Form
Submit
Gambar 3.72 Layout manageNilai.php
117
3.6.1.25 Manage Agenda
Gambar 3.73 Layout manageAgenda.php
118
3.6.1.26 Edit Agenda
Vertical menu
Footer
Header
EDIT AGENDA
Submitted agenda
Editable form
Submit
Gambar 3.74 Layout manageNilai.php
119
3.6.1.27 Manage Materi
Content
Header
Vertical menu
Footer
MANAGE MATERI
Submit
Form
Uploaded list materi
Gambar 3.75 Layout manageMateri.php
120
3.6.1.28 Manage Jadwal Guru
Gambar 3.76 Layout manageJadwalGuru.php
121
3.6.1.29 Edit Jadwal Guru
Vertical menu
Footer
Header
EDIT JADWAL GURU
Editable form
Search
Submit
Gambar 3.77 Layout editJadwalGuru.php
122
3.6.2 Siswa
3.6.2.1 Halaman Index/Login
Let’s Go!
Password
Username
Please Login
Logo SekolahE-learning
Gambar 3.78 Layout index.php
123
3.6.2.2 Home
Gambar 3.79 Layout home.php
124
3.6.2.3 Inbox
Gambar 3.80 Layout inbox.php
125
3.6.2.4 Pelajaran
Gambar 3.81 Layout modul (Pelajaran).php
126
3.6.2.5 Melihat Materi
Gambar 3.82 Layout modul (Melihat materi).php
127
3.6.2.6 Jadwal Pelajaran
Gambar 3.83 Layout modul (Jadwal pelajaran).php
128
3.6.2.7 Nilai
Gambar 3.84 Layout modul (Nilai).php
129
3.6.2.8 Ujian
Gambar 3.85 Layout modul (Ujian).php
130
3.6.2.9 Data Pribadi
Gambar 3.86 Layout modul (Data pribadi).php
131
3.6.3 Guru
3.6.3.1 Halaman Index/Login
Let’s Go!
Password
Username
Please Login
Logo SekolahE-learning
Gambar 3.87 Layout index (Guru).php
132
3.6.3.2 Dashboard.php
Gambar 3.88 Layout dashboard.php
133
3.6.3.3 Jadwal Mengajar
Gambar 3.89 Layout jadwalMengajar.php
134
3.6.3.4 Mengirim Pesan
Vertical menu
Footer
Header
New Message
To
Subject
Message
Submit
Inbox | Sent Items
Reset
Gambar 3.90 Layout kirimPesan.php
135
3.6.3.5 Inbox
Vertical menu
Footer
Header
INBOX
New message | Sent items
Inbox grid list
<< 1 2 3 … >>
Gambar 3.91 Layout inbox.php
136
3.6.3.6 Melihat Pesan
Vertical menu
Footer
Header
VIEW MESSAGE
Inbox | Reply
Message data
| Forward | Sent items
Kembali
Gambar 3.92 Layout viewMessage.php
137
3.6.3.7 Membalas Pesan
Vertical menu
Footer
Header
REPLY
New message | Inbox | Sent Items
To
Subject
Message
Submit Reset
Gambar 3.93 Layout reply.php
138
3.6.3.8 Meneruskan Pesan
Vertical menu
Footer
Header
FORWARD
New message | Inbox | Sent Items
To
Subject
Message
Submit Reset
Gambar 3.94 Layout forward.php
139
3.6.3.9 Pesan Terkirim
Vertical menu
Footer
Header
SENT ITEMS
New message | Inbox
Sent items grid list
<< 1 2 3 … >>
Gambar 3.95 Layout manageNilai.php
140
3.6.3.10 Manage Nilai
Gambar 3.96 Layout manageNilai.php
141
3.6.3.11 Manage Tugas
Gambar 3.97 Layout manageTugas.php
142
3.6.3.12 Upload Tugas
Vertical menu
Footer
Header
MANAGE TUGAS
Form
Submit
Form upload
UPLOAD TUGAS
Upload
Gambar 3.98 Layout manageTugas.php
143
3.6.3.13 Data Pribadi
Gambar 3.99 Layout modul (dataPribadi).php