bab 3 analisis dan perancangan 3.1 sejarah organisasithesis.binus.ac.id/asli/bab3/2010-1-00053-if...

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