BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Gambaran Umum SMAK 4 Penabur Jakarta 3.1.1 Visi Menjadi sekolah yang semakin berkualitas dalam iman, ilmu, dan pelayanan. 3.1.2 Misi Melaksanakan segala aktivitas dan mengembangkan diri berdasarkan nilai – nilai Kristiani. 3.1.3 Tujuan Tujuan dari SMAK 4 Penabur Jakarta adalah : 1. Menciptakan lingkungan sekolah yang bernuansa Kristiani. 2. Meningkatkan kedisiplinan. 3. Meningkatkan prestasi akademik dan non-akademik. 3.1.4 Nilai Nilai – nilai dari lulusan SMAK 4 Penabur Jakarta adalah : 1. Be Tough Artinya memiliki jati diri, spiritualitas, dan karakter Kristiani yang utuh. 2. Excel Worldwide Artinya menguasai ilmu pengetahuan dan teknologi (iptek), menguasai Information, Communication, and Technology (ICT), menguasai bahasa Internasional, kreatif, dan memiliki jiwa kepemimpinan untuk tujuan positif.
56
57
3. Share With Society Menghargai kemajemukan dan memiliki kepedulian social. 4. Trust in God Mengandalkan Tuhan dan menginternalisasikan N2K (Setia beribadah dan mempelajari Firman Tuhan) dan mempraktikan pola hidup Kristiani dalam kehidupan keluarga, sekolah, gereja, dan masyarakat. 3.1.5 Logo
Gambar 3.1 Logo 3.1.6 Struktur Organisasi Daftar nama pejabat structural sebagai berikut : Kepala Sekolah Devi S Tanumihardja, S.Sos
Waka Admin dan Sarpras Yustina Maryani, S.Pd
Waka Kurikulum Weller Pakpahan, S.S
Waka Kesiswaan Wismaningrum, S.Pd
Guru
Siswa
Gambar 3.2 Struktur Organisasi
58
3.1.7 Pembagian Tugas dan Tanggung Jawab Organisasi Pembagian tugas dan wewenang ditentukan berdasarkan struktur organisasi yaitu : 1. Kepala sekolah Adalah orang yang bertanggung jawab atas sega aktivitas didalam sekolah, mulai dari karyawan, guru, dan siswa. 2. Waka Admin dan Sapras Adalah orang yang bertanggung jawab atas administrasi sekolah dan Sarana prasarana penunjang kegiatan belajar mengajar di sekolah. 3. Waka Kesiswaan Adalah orang yang memiliki tanggung jawab bidang kesiswaan. 4. Waka Kurikulum Adalah orang yang bertanggung jawab menentukan kurikulum yang digunakan di sekolah.
3.2 Analisis Sistem yang Berjalan Setelah melakukan observasi secara langsung maka didapatkan data-data yang digunakan dalam pembuatan sistem e-learning. 3.2.1 Kurikulum pada SMAK 4 Penabur Jakarta Kurikulum SMAK 4 Penabur Jakarta adalah kurikulum nasional (KTSP) dan ditambah kurikulum PBK Penabur yang dirancang secara kreatif dan inovatif untuk menggali dan mengembangkan potensi peserta didik. Disamping program pengembangan (intrakurikuler), siswa juga dapat
59
mengikuti kegiatan diluar kelas (ekstrakurikuler) sebagai wadah penyaluran dan dan pengembangan minat dan bakat para siswa. 3.2.2 Sistem Kegiatan Kerja Sekolah 1. Mendata siswa yang telah diterima dan mencatatnya kedalam buku induk siswa baru oleh staf TU. 2. Membagi siswa dan guru per kelas untuk kegiatan belajar mengajar 1 semester oleh staf TU. 3. Kegiatan belajar mengajar oleh siswa dan guru didalam kelas. 4. Menentukan jadwal ujian MID dan UAS beserta jadwal remedial. 5. Pembagian rapor hasil pembelajaran selama 1 semester.
60
Ga
61
mbar 3.3 Sistem Kegiatan Kerja Sekolah 3.2.3 Proses Pembuatan Materi Pelajaran 1.
Staf Kurikulum, staff tata usaha, guru dan kepala sekolah mengadakan rapat.
2. Staf Kurikulum menjelaskan kurikulum yang digunakan. 3. Guru membuat materi sesuai kurikulum yang digunakan. 4. Menyusun dan menyimpan hasil materi yang dibuat oleh guru. 5. Melaporkan hasil rapat kepada kepala sekolah.
62
Gambar 3.4 Proses Pembuatan Materi Pelajaran 3.2.4 Sistem Kegiatan Mendata Siswa yang Diterima 1. Bagi siswa baru yang sudah diterima diwajibkan untuk melakukan daftar ulang dengan membawa surat tanda diterima yang diberikan oleh SMAK 4 Penabur Jakarta , surat pernyataan dengan persetujuan orang tua.
63
2. Data siswa baru akan dimasukan dalam buku induk siswa dan membuat daftar siswa baru untuk di ACC oleh kepala sekolah.
Gambar 3.5 Kegiatan Mendata Siswa yang Diterima 3.2.5 Sistem Pembagian Kelas Siswa Baru Proses pembagian kelas siswa baru dilakukan dengan cara :
64
1. Penyesuaian jumlah siswa dengan jumlah kelas yang tersedia. 2. Pembagian kelas oleh staf TU 3. Data siswa per kelas disetujui oleh Kepala Sekolah 4. Penggandaan dokumen oleh staf TU sebagai arsip. 5. Pengumuman pembagian kelas.
Gambar 3.6 Sistem Pembagian Kelas Baru
65
3.2.6 Sistem Pembagian Jam Mengajar Guru 1. Penyesuaian jumlah guru dengan jumlah kelas yang tersedia. 2. Pembagian jam mengajar oleh staf TU 3. Data jam mengajar guru disetujui oleh Kepala Sekolah 4. Penggandaan dokumen oleh staf TU sebagai arsip. 5. Pengumuman pembagian jam mengajar guru
Gambar 3.7 Prosedur Pembagian Jam Mengajar Guru
66
3.2.7 Sistem Kegiatan Belajar – Mengajar Proses belajar mengajar antara siswa dan guru meliputi : 1. Guru memberikan materi pelajaran dan mengajarkan kepada siswa sesuai kurikulum sekolah. 2. Guru memberikan tugas latihan harian setelah menjelaskan materi. 3. Siswa mempelajari materi pelajaran dan mengikuti pelajaran di kelas. 4. Siswa menjawab tugas pertanyaan yang disampaikan guru. 5. Guru akan memberikan nilai sesuai tugas yang dikerjakan siswa dan mengarsipkan kedalam buku nilai siswa.
67
Gambar 3.8 Sistem Kegiatan Belajar –Mengajar
3.3 Hasil Wawancara dan Kuesioner Metode yang digunakan untuk mengumpulkan data – data yang diperlukan yaitu dengan menggunakan metode wawancara untuk guru dan staf kurikulum dan kuesioner untuk siswa. Untuk lebih lengkap dapat dilihat di bawah ini : 3.3.1 Hasil Wawancara
68
Nama
: Weller Pakpahan, S.S
Sebagai
: Waka Kurikulum
Tanggal
: 15 Oktober 2012
1. Kurikulum apa yang sedang berjalan disekolah ini? Jawab : Kurikulum yang digunakan disekolah adalah kurikulum dari pemerintah (KTSP) dan kurikulum dari BPK Penabur. 2. Apa saja kendala yang dialami sekolah dalam melaksanakan kurikulum ini? Jawab : Kurikulum sudah baik. 3. Berapa lama dan apa kendala yang sering terjadi ketika proses pendataan per orang, misalkan untuk siswa dan guru? Jawab : Proses pendataan masih menggunakan manual artinya menggunakan buku – buku induk biasa dan untuk lama pendataan sendiri sekitar 20 – 30 menit per orang. Selain itu, proses pendataan ini harus dicocokan dengan berkas – berkas pendukung terlebih dahulu, misalnya akte kelahiran, ijasah, atau kartu keluarga. 4. Kendala apa saja yang dialami guru – guru dalam proses belajar mengajar di sekolah ini? Jawab :
69
Guru – guru sudah bisa menerapkan kurikulum secara keseluruhan. 5. Kendala apa saja yang dialami siswa dalam belajar mengajar sampai proses pembayaran sekolah. Jawab : Secara garis besar sudah baik, tetapi terkadang sulit dalam komunikasi jarak jauh dengan siswa dan orang tua siswa. 6. Bagaimana sistem pembelajaran antara siswa dan guru disekolah ini? Jawab : Pembelajaran di sekolah masih menggunakan tatap muka, tetapi ada beberapa
guru
yang
menggunakan
internet
untuk
media
pembelajarannya. 7. Bagaimana pemanfaatan waktu jam belajar yang ada disekolah ini? Jawab : Sudah baik. 8. Solusi apa yang diharapkan untuk memecahkan masalah ini? Jawab : Membutuhkan suatu sistem yang dapat memfasilitasi dalam komunikasi jarak jauh untuk siswa dan orang tua.
Nama
: Immanuel Sahat, S.Kom
Sebagai
: Guru TIK dan Koordinator Lab Komputer
Tanggal
: 16 Oktober 2012
70
1. Menurut bapak atau ibu, apa saja yang menjadi kendala dalam proses kegiatan belajar mengajar yang sedang berjalan ini?(jumlah komputer) Jawab : Secara umum sudah baik, tetapi laboratoriumnya masih digambung dengan SMP lain, jadi harus giliran. 2. Berapa durasi jam belajar yang ideal dalam seminggu untuk mata pelajaran yang bapak atau ibu berikan? Jawab : Idealnya 2 jam pelajaran per-minggu dengan durasi 45 menit per-jam. 3. Berapa kali dalam seminggu siswa mendapatkan pelajaran yang bapak atau ibu ajarkan? Jawab : Seminggu 1 jam pelajaran teori dan 1 jam pelajaran praktek. 4. Aplikasi atau materi apa saja yang diajarkan pada pelajaran tersebut? Jawab : Untuk kelas X dan XI yaitu pengenalan dan penggunaan aplikasi presentasi. Sedangkan kelas XII pengenalan dasar bahasa pemrograman PHP dan MySQL. 5. Apakah menurut bapak/ibu waktu yang disediakan untuk menyampaikan materi pelajaran tersebut sudah mencukupi? Jawab : Sudah, tetapi terkadang kurang maksimal. 6. Apakah bapak/ibu sering menggunakan internet? Kegiatan apa yang
71
sering dilakaukan saat menggunakan internet? Jawab : Sering, biasanya untuk mengirim email atau bloging dan browsing. 7. Apakah bapak/ibu pernah mendengar sistem pembelajaran e-learning? Apa pendapat bapak/ibu? Jawab : Iya, saya sudah pernah mendengar dan itu sangat menarik. 8. Apakah bapak/ibu setuju jika sekolah ini menggunakan website elearning dalam proses pembelajaran? Jawab : Saya setuju. 9. Apa yang bapak/ibu harapkan dengan sistem e-learning ini? Jawab : Saya berharap, sistem ini bisa mendukung proses belajar mengajar yang sudah berlangsung saat ini.
Nama
: Dedi Pratmo Sihite, S.Pd
Sebagai
: Wali Kelas dan Guru TIK
Tanggal
: 19 Oktober 2012
1. Menurut bapak atau ibu, apa saja yang menjadi kendala dalam proses kegiatan belajar mengajar yang sedang berjalan ini?
72
Jawab : Sarana komunikasi jika siswa sudah tidak berada disekolah kurang tersedia. 2. Berapa durasi jam belajar yang ideal dalam seminggu untuk mata pelajaran yang bapak atau ibu berikan? Jawab : Untuk mata pelajaran TIK 2 kali seminggu dengan 45 menit per-jam. 3. Berapa kali dalam seminggu siswa mendapatkan pelajaran yang bapak atau ibu ajarkan? Jawab : 1 kali seminggu dengan 2 jam pelajaran. 4. Aplikasi atau materi apa saja yang diajarkan pada pelajaran tersebut? Jawab : Saya mengajar kelas X dan XII yaitu pengenalan aplikasi presentasi berupa pengolahan kata. 5. Apakah menurut bapak/ibu waktu yang disediakan untuk menyampaikan materi pelajaran tersebut? Jawab : Sudah baik. 6. Apakah bapak/ibu sering menggunakan internet? Kegiatan apa yang sering dilakaukan saat menggunakan internet? Jawab : Sering, terkadang untuk mengirimkan tugas siswa juga lewat internet (e-
73
mail) 7. Apakah bapak/ibu pernah mendengar sistem pembelajaran e-learning? Apa pendapat bapak/ibu? Jawab : Pernah, Saya kira ini hal baru dan sangat menarik. 8. Apakah bapak/ibu setuju jika sekolah ini menggunakan website elearning dalam proses pembelajaran? Jawab : Setuju. 9. Apa yang pabak/ibu harapkan dengan sistem e-learning ini? Jawab : Sistem yang bisa memberi fasilitas untuk kegiatan belajar mengajar disekolah.
3.3.2 Hasil Kuesioner untuk Siswa SMAK 4 Penabur Jakarta Berikut ini adalah hasil kuesiner yang diberikan siswa dengan 80 dari total responden pada tanggal 15 Oktober 2012 : 1. Apakah dirumah anda telah tersedia komputer/laptop ? a. Ya (80)
b. Tidak (0)
74
Gambar 3.9 Hasil Kuesioner Analisis Tentang Ketersediaan Komputer atau Laptop Berdasarkan bagan diatas maka didapat bahwa semua siswa memiliki komputer atau laptop sendiri di rumah masing – masing. 2. Berapa lama anda berangkat dari rumah ke sekolah? a. Lebih dari 45 menit(17) b. 30-45 menit (48) c. 15 – 30 menit (10)d. kurang dari 15 menit (5)
Gambar 3.10 Hasil Kuesioner Analisis Tentang Waktu Yang Dibutuhkan Untuk Berangkat Sekolah
75
Berdasarkan bagan diatas maka didapat rata – rata siswa membutuhkan waktu lebih dari 30 menit untuk sampai ke sekolah. 3. Seberapa jauh pengetahuan anda tentang penggunaan komputer? a. Sangat baik (26)b. baik(45)c.kurang(7)d. tidak tahu(2)
Gambar 3.11 Hasil Kuesioner Analisis Tentang Pengetahuan Komputer Berdasarkan bagan diatas maka didapat lebih dari 71 siswa (56% sangat baik dan 32% baik)yang mengetahui penggunaan komputer. 4. Apakah anda mengetahui tentang internet? a. Ya (79)
b. Tidak(1)
76
Gambar 3.12 Hasil Kuesioner Analisis Tentang Pengetahuan Internet Berdasarkan bagan diatas maka didapat 79 siswa (99%) mengetahui tentang internet. 5. Seberapa jauh anda mengerti tentang internet? a.Sangan baik(29)
b. baik (49)
c. kurang(2)
d.tidak tahu(0)
Gambar 3.13 Hasil Kuesioner Analisis Tentang Pemahaman Internet Beradasarkan bagan diatas maka didapat 36% sangat baik dan 61% baik. Hal ini menunjukan sebagian besar mengerti penggunaan internet. 6. Apakah komputer anda sudah dilengkapi fasilitas internet? a. Ya(78)
b. tidak(2)
77
Gambar 3.14 Hasil Kuesioner Analisis Tentang Komputer Berfasilitas Internet Berdasarkan bagan diatas maka didapat 78 (97%) siswa yang komputernya dilengkapi fasilitas internet. 7. fasilitas internet disekolah anda sudah maksimal? a. Ya (17)
b. tidak(63)
Gambar 3.15 Hasil Kuesioner Analisis Tentang Penggunaan Fasilitas Internet Di Sekolah Berdasarkan bagan diatas maka didapat
63 siswa atau 79% tidak
maksimal dalam penggunaan fasilitas internet disekolah.
78
8. Apakah anda sering menggunakan internet untuk melakukan referensi belajar? a. Ya (63)
b. tidak(17)
Gambar 3.16 Hasil Kuesioner Analisis Tentang Penggunaan Internet Untuk Referensi Berdasarkan bagan diatas maka didapat 63 siswa atau 79% menggunakan internet dalam mencari referensi belajar. 9. Seberapa besar manfaat internet untuk kegiatan belajar anda disekolah? a. Sangat bermanfaat(30) bermanfaat(8)
b. bermanfaat(41) c. Kurang
d. Tidak bermanfaat(1)
79
Gambar 3.17 Hasil Kuesioner Analisis Tentang Manfaat Internet
Berdasarkan bagan diatas maka didapat 30 siswa atau 38% yang menyatakan sangat bermanfaat dan 41 siswa menyatakan siswa atau 51% menyatakan bermafaat. Disimpulkan bahwa internet dibutuhkan dalam proses belajar. 10. Apakah anda menyukai sistem pembelajaran saat ini? a. Ya (45)
b.tidak(35)
Gambar 3.18 Hasil Kuesioner Analisis Tentang Kesukaan Sistem Belajar Saat Ini
80
Berdasarkan bagan diatas maka didapat 45 siswa atau 56% yang menyatakan menyukai pembelajaran saat ini dan 35 siswa atau 44% tidak menyukai sistem pembelajaran ini. 11. Apakah anda mengetahui sistem pembelajaran e-learning? a. Ya (46)
b.tidak (34)
Gambar 3.19 Hasil Kuesioner Analisis Tentang Pengetahuan Sistem ELearning
Berdasarkan bagan diatas maka didapat 46 siswa atau 57% yang mengetahui sistem pembelajarn e-learning. 12. Apakah anda setuju jika sekolah menerapkan e-learning sebagai pendukung proses belajar ? a. Ya (61)
b. tidak(19)
81
Gambar 3.20 Hasil Kuesioner Analisis Tentang Ketersediaan Sistem ELearning
Berdasarkan bagan diatas maka didapat 61 siswa menyatakan setuju untuk menerapkan sistem e-learning di sekolah.
3.4 Analisis Permasalahan Untuk dapat menemukan permasalahan, maka dibutuhkan proses analisis permasalahan yang dapat mendefinisikan penemuan fakta dan penemuan persyaratan yang terjadi. Tahapan proses analisis ini didasarkan pada proses bisnis yang berjalan, kuesioner,dan wawancara. 3.4.1 Kerangka PIECES Kerangka PIECES (Performance, Information, Economics, Controls, Efficiency, Service) digunakan untuk mengkatagorikan permasalahan yang sesuai dengan apa yang ditemukan pada saat proses pengumpulan data di lapangan.
82
Tipe Persyaratan
Keterangan
Nonfungsional Performa
-
Pengaksesan informasi mengenai sekolah memakan waktu sekitar lebih dari 30 menit jika siswa atau guru langsung datang ke sekolah.
-
Proses pendataan siswa dan guru memakan waktu 20-30 menit untuk setiap pencatatan.
Informasi
-
Pada sistem lama, siswa atau guru harus datang langsung ke sekolah untuk mengakses informasi dan harus dalam jam kerja (tidak libur).
Ekonomi
-
Besarnya biaya yang dikeluarkan untuk mengakses informasi jika siswa atau guru menggunakan kendaraan pribadi atau umum ke sekolah sangat besar.
-
Besarnya biaya yang dikeluarkan pada saat kegiatan operasional sekolah (seperti penggandaan jadwal untuk setiap guru dan siswa) sehari – hari tidak sedikit.
Kontrol(keamanan)
-
Karena masih menggunakan pendataan manual atau pencatatan secara langsung pada buku induk maka
kemungkinan
kurang
kontrol
dalam
pendeteksian kesalahan pendataan dapat terjadi dan kurangnya jaminan keamanan data atau
83
informasi jika buku induk hilang atau rusak.
Efisiensi
-
Banyaknya
biaya
yang
dikeluarkan
untuk
mendapatkan informasi jika langsung datang ke sekolah. -
Waktu yang tidak efisien dalam penyebaran informasi di sekolah.
Pelayanan
-
Pelayanan yang didapat hanya sebatas pada jam kerja dan melalui telepon.
Tabel 3.1 : Klasifikasi PIECES pada sistem lama 3.4.2 Pernyataan Masalah Berdasarkan proses identifikasi masalah – masalah diatas maka dapat diperoleh tingkat prioritas dan solusi yang diusulkan untuk menyelesaikan masalah – masalah tersebut dengan menggunakan table pernyataan masalah sebagai berikut :
84
Permasalahan 1.
Performa yang kurang dalam penyampaian informasi dan proses pendataan, tetapi tidak meliputi proses pencocokan data dengan berkas pendukung.
2.
Informasi yang diberikan hanya dalam jam kerja.
3.
Banyaknya pengeluaran untuk mendapatkan informasi dan kegiatan operasional sekolah.
4.
Kontrol yang kurang dalam jaminan keamanan data.
5.
Kurangnya efisiensi mengenai biaya dan waktu.
6.
Kurangnya pelayanan untuk mendapatkan informasi kegiatan operasional sekolah dan kegiatan belajar-mengajar antara siswa dan guru.
7.
Sulit untuk berkomunikasi antara siswa dan guru diluar jam sekolah.
Tabel 3.2 : Tabel Pernyataan Masalah
3.5 Analisis Kebutuhan User 3.5.1
Functional Requirements Berikut ini adalah uraian kebutuhan user pada sistem berdasarkan
permasalahan yang telah dibahas sebelumnya :
85
1. Sistem dapat memberikan fasilitas pendataan siswa dan guru, tetapi tidak mengotomatisasikan proses pencocokan dengan berkas – berkas pendukung. 2. Sistem dapat mengirim message kepada semua user yaitu admin, siswa, dan guru. 3. Sistem dapat mengelola dan mengontrol semua data atau informasi sekolah. 4. Dibutuhkan sistem yang mencakup kegiatan operasional sekolah, baik itu materi pelajaran, jadwal dan nilai yang nantinya akan di informasikan untuk siswa dan guru. 5. Dibutuhkan sistem yang dapat memfasilitasi siswa dalam mengupload jawaban soal. 6. Dibutuhkan sistem yang dapat memfasilitasi komunikasi antara siswa dan guru diluar jam sekolah berupa forum diskusi online. 3.5.2
Non Functional Requirements Berikut ini adalah uraian kebutuhan user pada sistem yang akan
diusulkan berdasarkan kualitas fungsi – fungsi yang telah dijelaskan sebelumnya: 1. Memastikan sistem dapat berjalan dengan akurat, dimana data – data yang telah di-input benar sesuai validasi. 2. Memastikan sistem dapat memiliki kinerja yang baik, dimana data – data yang di-input admin dapat dilihat oleh siswa dan guru, seperti mata pelajaran,jadwal dan informasi data diri.
86
3. Memastikan sistem memiliki kehandalan, dimana data nilai yang diinput guru dapat dilihat oleh siswa. 4. Sistem harus aman dari user yang tidak bertanggung jawab dengan validasi pengguna.
3.6 Analisis Kelayakan Untuk mengukur akan seberapa menguntungkan atau seberapa praktis pengembangan sistem terhadap kegiatan di SMAK 4 Penabur maka perlu mengadakan proses analisis kelayakan yang meliputi : 3.6.1 Matriks Sistem Kandidat Berdasarkan studi pustaka dan pengetahuan dari masing – masing anggota tim, didapat kandidat terbaik yang akan menjadi dasar pengerjaan desain sistem pada pengembangan Sistem E-Learning di SMAK 4 Penabur Jakarta. Selain itu, pemilihan keputusan didasarkan pada permintaan stakeholder yaitu menggunakan sistem aplikasi opensource. Kandidat terbaik yang diperoleh dengan menggunakan matriks sistem kandidat dan matriks feasibility adalah kombinasi PHP dan MySQL serta spesifikasinya seperti terlihat dibawah ini : Karakteristik
Kandidat 1
Kandidat 2
(PHP dan MySQL Server)
(ASP dan Ms. SQL Server)
87
Bagian sistem yang Membangun dikomputerisasi
sistem Sama dengan kandidat
informasi sekolah berbasis 1 web
guna
mendukung
proses belajar mengajar. Keuntungan
1. Memiliki
hak
sepenuhnya
cipta 1. Memiliki hak cipta terhadap
sepenuhnya
website.
terhadap website.
2. Memiliki kontrol penuh 2. Memiliki terhadap pengembangan
penuh
aplikasi dalam website.
pengembangan
3. Perubahan
fitur
dengan
dapat
aplikasi
mudah
website.
dilakukan. 4. Biaya
3. Perubahan
pengembangan
dapat
dapat ditekan seoptimal mungkin. Server workstation
kontrol
dan Menggunakan
dalam
fitur dengan
mudah dilakukan. .
komputer Sama dengan kandidat
yang telah ada, dengan 1 spesifikasi sebagai berikut: Intel Pentium IV 2,4 GHz, memory
terhadap
DDR
2GB,
Harddisk 80GB, Sistem operasi windows XP
88
Perangkat
Lunak 1.XAMPP yang terdiri dari 1.ASP
yang Dibutuhkan
:
2.SQL server 2008
a.Apache web server
3.Adobe Dreamweaver
bPHP script language.
CS5
c.MySQL database
4.Mozilla Firefox atau
d.phpMyAdmin Database Google Chrome Manager 2.Adobe
Dreamweaver
CS5 3.Mozilla
Firefox
atau
Google Chrome Metode Pemrosesan Client-server
Sama dengan kandidat
Data
1
Sarana untuk Output Monitor dan printer
Sama dengan kandidat
Data
1
Sarana untuk Input Keyboard dan mouse
Sama dengan kandidat
Data
1
Sarana
untuk MySQL Server
Ms.SQL Server
Penyimpanan Data
Tabel 3.3 Matriks Sistem Kandidat
Kriteria Feasibility
Bobot
Kandidat 1
Kandidat 2
89
Operational
30%
Feasibility
Sepenuhnya
Sama
mendukung
kandidat 1
dengan
fungsionalitas yang
dibutuhkan Skor : 100
pemakai.
Skor : 100 Technicall Feasibility
30%
MySql
adalah Microsoft
SQL
DBMS yang sudah Server sudah dikenal cukup
dikenal sebagai DBMS yang
handal
dengan handal
tetapi
response time yang memiliki cepat.
keterbatasan
Skor : 90
response
time
dibanding MySQL Skor :80
90
EconomicFeasibility
30%
Bahasa
Bahasa pemrograman
pemrograman PHP ASP, dan basis data dan
basis
MySQL
data Ms. SQL Server yang Server digunakan
menggunkan
adalah
produk
yang
produk
open berlisensi.
source
atau Microsoft ASP : $10
freeware.
- $30 per bulan
Proses
instalasi Microsoft
dilakukan pada
SQL
hanya Server 2008: $637.99
komputer - $2,300.00
server.
Proses
Skor :100
hanya
dilakukan
pada
komputer
server.
Skor : 80
instalasi
91
Schedule Feasibility
10%
Karena
anggota Karena anggota tim
tim
terbiasa tidak terbiasa dengan
menggunakan
pemrograman
ASP
bahasa
dengan
SQL
Ms.
pemrograman PHP Server, maka waktu jadi waktu untuk untuk pengembangan pengembangannya
sistem
jadi
lebih
lebih singkat yaitu lama yaitu sekitas 4 kurang
lebih
3 bulan
bulan.
Skor :70
Skor : 80 Ranking
100%
Skor : 95
Skor : 85
Tabel 3.4 : Matriks Analisis Kelayakan
3.7 Perancangan Sistem Berikut ini adalah subbab yang membahas tentang perancangan sistem usulan agar dapat diimplementasikan dengan baik dan benar. 3.7.1 Perancangan Arsitektur Sistem Sistem yang diusulkan adalah sistem yang menggunakan fasilitas internet sebagai sarana berkomunikasi antara pihak sekolah, guru, dan siswa. Hal ini
92
dilakukakan karena dapat menyelesaikan masalah jarak dan waktu yang dibutuhkan agar aktifitas kegiatan sekolah menjadi efektif dan efisien. Berikut ini adalah gambar arsitektur sistem yang diusulkan :
Gambar 3.21 Arsitektur Sistem Usulan Pada perancangan arsitektur usulan diatas menggunakan konsep three tier architecture. Application server berupa business process layer yang dikembangkan menggunakan PHP. Dengan menggunakan arsitektur ini, maka pada client-side hanya akan melakukan instalasi web browser. Database disimpan pada server sekolah pusat BPK Penabur dan application server di-hosting pada ISP. 3.7.2 Use Case Diagram
93
Berikut ini adalah diagaram use case yang menjelaskan apa saja yang dapat dilakukan oleh aktor berdasarkan perannya dalam sistem. Dalam diagram ini terdapat 3 aktor yaitu admin, teacher, dan student. Untuk lebih jelasnya dapat dilihat dalam gambar berikut:
Gambar 3.22 Use Case Diagram a. Naratif Use Case Berikut ini adalah table deskripsi use case yang digunakan : Nama Use Case
Login
ID Use Case
ID-UC01
Prioritas
Tinggi
94
Pelaku Utama
Admin, Student,, Teacher
Stakeholder yang berminat Deskripsi
Use Case ini mendeskripsikan kejadian awal yaitu login. Proses ini ditentukan berdasarkan tiga aktor yaitu admin, student, dan teacher. Masing – masing aktor memiliki halaman yang berbeda. Untuk dapat masuk kehalaman home, maka perlu memasukan username dan password yang benar. Jika username dan password salah atau tidak ada dalam database maka dianggap gagal login. Tabel 3.5 : Naratif Use Case-Login
Nama Use Case
Change Password
ID Use Case
ID-UC02
Prioritas
Tinggi
Pelaku Utama
Admin, Student, dan Teacher
Stakeholder yang berminat Deskripsi
Use Case ini mendeskripsikan proses penggantian password yang dilakukan oleh admin, student, dan teacher. Proses ini terdapat validasi password lama dan password baru. Tabel 3.6 : Naratif Use Case-Change Password
95
Nama Use Case
Message
ID Use Case
ID-UC03
Prioritas
Tinggi
Pelaku Utama
Admin, Student, dan Teacher
Stakeholder yang berminat Deskripsi
Use Case ini mendeskripsikan proses pengiriman pesan oleh admin, student, dan teacher agar bisa saling berkomunikasi satu sama lain. Tabel 3.7 : Naratif Use Case-Message
Nama Use Case
Add Materials
ID Use Case
ID-UC04
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang
•
berminat
Student – Berkepentingan dalam kegiatan belajar mengajar siswa.
•
Teacher – Berkepentingan dalam kegiatan belajar mengajar.
Deskripsi
Use Case ini mendeskripsikan kegiatan penambahan materi pelajaran untuk student dan teacher oleh admin. Penambahan materi berupa file, deskripsi, dan soal. Tabel 3.8 : Naratif Use Case-Add Materials
96
Nama Use Case
Add New Class
ID Use Case
ID-UC05
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang
•
berminat
Student – Berkepentingan untuk melihat kelas masing-masing.
•
Teacher – Berkepentingan untuk melihat kelas yang diajarkannya.
Deskripsi
Use Case ini mendeskripsikan kegiatan membuka kelas baru untuk siswa dan digunakan untuk menjadwalkan kegiatan belajar mengajar di sekolah. Tabel 3.9 : Naratif Use Case-Add New Class
Nama Use Case
Add Student Data
ID Use Case
ID-UC06
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang • berminat
Student – Berkepentingan dalam melihat data diri siswa agar bisa diperbaiki jika terjadi kesalahan atau perubahan.
Deskripsi
Use case ini mendeskripsikan proses penambahan data siswa ke dalam database agar dapat dikelola dengan baik. Tabel 3.10 : Naratif Use Case-Add Student Data
97
Nama Use Case
Add Teacher Data
ID Use Case
ID-UC07
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang
•
berminat
Teacher – Berkepentingan dalam melihat data diri guru agar bisa diperbaiki jika terjadi kesalahan atau perubahan.
Deskripsi
Use case ini mendeskripsikan proses penambahan data guru ke dalam database agar dapat dikelola dengan baik. Tabel 3.11 : Naratif Use Case-Add Teacher Data
Nama Use Case
Set Schedule, Set Course Schedule, Set Exam Schedule
ID Use Case
ID-UC08
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang berminat
•
Student – Berkepentingan dalam melihat jadwal pelajaran dan jadwal ujian yang telah dijadwalkan.
Deskripsi
Use case ini mendeskripsikan kegiatan mengatur jadwal pelajarandan jadwal ujian per kelas. Hasil penjadwalan ini akan digunakan untuk jadwal siswa. Tabel 3.12 : Naratif Use Case - Set Schedule
98
Nama Use Case
Set Teaching Schedule
ID Use Case
ID-UC09
Prioritas
Tinggi
Pelaku Utama
Admin
Stakeholder yang • berminat
Teacher – Berkepentingan dalam melihat jadwal mengajar yang telah dijadwalkan.
Deskripsi
Use case ini mendeskripsikan kegiatan mengatur jadwal mengajar guru. Tabel 3.13 : Naratif Use Case - Set Teaching Schedule
Nama Use Case
Create News, Create Announcement, Create Activity
ID Use Case
ID-UC10
Prioritas
Sedang
Pelaku Utama
Admin
Stakeholder yang • berminat
Teacher – Berkepentingan dalam melihat pengumuman baru yang diterbitkan oleh pihak sekolah.
•
Student – Berkepentingan dalam melihat pengumuman baru yang diterbitkan oleh pihak sekolah.
Deskripsi
Use case ini mendeskripsikan tentang pemberian pengumuman baru yang berlaku disekolah agar informasi tersebut bisa efektif dan efisien. Tabel 3.14 : Naratif Use Case – Create Announcement
99
Nama Use Case
Download Materials
ID Use Case
ID-UC11
Prioritas
Tinggi
Pelaku Utama
Teacher dan Student
Stakeholder yang berminat Deskripsi
Use case ini mendeskripsikan kegiatan download materi pelajaran yang sebelumnya telah dimasukan oleh admin. Tabel 3.15 : Naratif Use Case – Download Materials
Nama Use Case
Join Forum
ID Use Case
ID-UC12
Prioritas
Tinggi
Pelaku Utama
Teacher dan Student
Stakeholder yang berminat Deskripsi
Use case ini mendeskripsikan kegiatan diskusi forum yang dilakukan oleh siswa dan guru. Proses ini penting karena dapat memberikan fasilitas untuk dapat berinteraksi satu sama lain diluar jam sekolah. Tabel 3.16 : Naratif Use Case – Join Forum
Nama Use Case
Upload Answer Questions
ID Use Case
ID-UC13
100
Prioritas
Sedang
Pelaku Utama
Student
Stakeholder yang • berminat
Teacher
–
Berkepentingan
dalam
mengecek atau mengoreksi hasil jawaban dengan cara mengunduh terlebih dahulu
Deskripsi
Use case ini mendeskripsikan kegiatan mengunggah file hasil jawaban soal agar file dapat diterima oleh guru. Tabel 3.17 : Naratif Use Case – Upload Answer Questions
Nama Use Case
Download Answer Questions
ID Use Case
ID-UC14
Prioritas
Sedang
Pelaku Utama
Teacher
Stakeholder yang berminat Deskripsi
Use case ini mendeskripsikan kegiatan mengunduh file yang sebelumnya diunggah oleh siswa. File hasil proses ini selanjutnya akan dikoreksi oleh guru.
Tabel 3.18 : Naratif Use Case – Download Answer Questions Nama Use Case
Add Material
ID Use Case
ID-UC15
Prioritas
Sedang
Pelaku Utama
Teacher
101
Stakeholder yang • berminat
Student
–
Berkepentingan
dalam
mengunduh hasil penambahan material oleh guru untuk kegiatan belajar mengajar
Deskripsi
Use case ini mendeskripsikan kegiatan penambahan materi pelajaran yang dilakukan oleh guru agar materi pelajaran lebih variatif. Tabel 3.19 : Naratif Use Case – Add Material
Nama Use Case
Set Score
ID Use Case
ID-UC16
Prioritas
Sedang
Pelaku Utama
Teacher
Stakeholder yang • berminat Deskripsi
Student – Berkepentingan untuk melihat hasil nilai
Use case ini mendeskripsikan kegiatan pemberian nilai dari hasil ujian yang dilakukan oleh guru. Tabel 3.20 : Naratif Use Case – Set Score
3.7.3 Activity Diagram Berikut ini adalah gambar dari diagram aktifitas untuk masing – masing use case :
102
Gambar 3.23 Activity Diagram-Login
Gambar 3.24 Activity Diagram- Change Password
103
Gambar 3.25 Activity Diagram- Message
104
Gambar 3.26 Activity Diagram- Add Materials untuk Admin
105
Gambar 3.27 Activity Diagram - Open New Class untuk Admin
106
Gambar 3.28 Activity Diagram - Add Student Data untuk Admin
107
Gambar 3.29 Activity Diagram -Add Teacher Data untuk Admin
108
Gambar 3.30 Activity Diagram -Set Schedule Untuk Admin
109
Gambar 3.31 Activity Diagram -Set Teaching Schedule untuk Admin
110
Gambar 3.32 Activity Diagram - Download Materials untuk siswa dan Guru
111
Gambar 3.33 Activity Diagram -Join Forum untuk siswa dan Guru
112
Gambar 3.34 Activity Diagram- Download Answer Questions untuk Guru
113
Gambar 3.35 Activity Diagram-Add Materials untuk Guru
Gambar 3.36 Activity Diagram -Upload Answer Question untuk Siswa
114
Gambar 3.37 Activity Diagram -Set Score untuk Guru
115
Gambar 3.38 Activity Diagram -Create Announcement untuk Admin 3.7.4 Sequence Diagram Berikut ini adalah diagram interaksi sequence untuk sistem ini :
116
Gambar 3.39 Sequence Diagram-Login
117
Gambar 3.40 Sequence Diagram - Change Password
118
Gambar 3.41 Sequence Diagram – Message
119
Gambar 3.42 Sequence Diagram-Add Materials
120
Gambar 3.43 Sequence Diagram-Add New Class
121
Gambar 3.44 Sequence Diagram-Add Student Data
122
Gambar 3.45 Sequence Diagram-Add Teacher Data
123
Gambar 3.46 Sequence Diagram-Set Course Schedule
124
Gambar 3.47 Sequence Diagram-Set Teaching
Gambar 3.48 Sequence Diagram-Download Materials
125
Gambar 3.49 Sequence Diagram-Join Forum
126
Gambar 3.50 Sequence Diagram-Download Answer Question
Gambar 3.51 Sequence Diagram-Add Material
127
Gambar 3.52 Sequence Diagram-Upload Answer Question
Gambar 3.53 Sequence Diagram-Set Score
128
Gambar 3.54 Sequence Diagram-Add Announcement
3.7.5 Class Diagram Gambar berikut ini merupakan diagram kelas yang berisi objek data pada database. Objek data tersebut diberi penamaan sebagai entity, dimana entity merupakan objek data pada database yang utama yang berhubungan dengan entity lainnya. Dalam diagram ini entity dibagi atas tiga kelas yitu kelas user interface(UI), controller, dan model. Berikut ini adalah kelas user interface (UI) dalam diagram: •
Entity UI:MasterPageAdmin Merupakan halaman master untuk admin.
129
•
Entity UI:viewLogin Merupakan halaman untuk login.
•
Entity UI:viewChangePassword Merupakan halaman untuk merubah password.
•
Entity UI:viewMessage Merupakan halaman untuk mengirim pesan.
•
Entity UI:viewAddMaterials Merupakan halaman untuk menambah materi pelajaran.
•
Entity UI:viewAddClass Merupakan halaman untuk membuka atau menambah kelas baru.
•
Entity UI:viewAddStudent Merupakan halaman untuk menambah siswa baru.
•
Entity UI: viewAddTeacher Merupakan halaman untuk menambah guru baru.
•
Entity UI:viewSetSchedule Merupakan halaman untuk mengatur jadwal pelajaran untuk siswa per kelas.
•
Entity UI:viewSetTeaching Merupakan halaman untuk mengatur jadwal mengajar guru.
•
Entity UI:viewAnnouncements Merupakan halaman untuk menambah pengumuman penting oleh admin.
•
Entity UI:MasterPageUser Merupakan halaman utama untuk siswa dan guru.
130
•
Entity UI::viewMaterials Merupakan halaman melihat materi, download materi dan upload jawaban.
•
Entity UI:viewForum Merupakan halaman untuk berdiskusi antara siswa dan guru.
•
Entity UI:viewMaterial Merupakan halaman untuk menambah materi baru dari guru.
•
Entity UI:viewScoring Merupakan halaman untuk mengatur nilai siswa oleh guru.
Berikut ini adalah kelas controller yang terdapat dalam diagram ini: •
Entity Controller:doLogin
•
Entity Controller:doChangePassword
•
Entity Controller:doMessage
•
Entity Controller:doAddMaterials
•
Entity Controller:doAddClass
•
Entity Controller:doAddStudent
•
Entity Controller:doAddTeacher
•
Entity Controller:doSetSchedule
•
Entity Controller:doSetTeaching
•
Entity Controller:doDownloadMaterials
•
Entity Controller:doPost
•
Entity Controller:doDownloadAnswer
•
Entity Controller:doAddMaterial
•
Entity Controller:doUploadAnswer
131
•
Entity Controller:doScoring
•
Entity Controller:doAddAnnouncement
Berikut ini adalah kelas model yang terdapat dalam diagram ini:
Entity mslogin Merupakan objek yang berisi username dan password yang digunakan untuk login.
Entity msadmin Merupakan objek yang berisi data – data admin, seperti id admin dan nama admin.
Entity msstudent Merupakan objek yang berisi data – data siswa, seperti id siswa, nama siswa, alamat siswa, dan kelas siswa.
Entity msteacher Merupakan objek yang berisi data – data guru, seperti id guru, nama guru, dan alamat guru.
Entity msmaterials Merupakan objek yang berisi materi pelajaran.
Entity msanswer Merupakan objek yang berisi jawaban dari soal yang telah dikerjakan siswa.
Entity msannouncement Merupakan objek yang berisi pengumuman – pengumuman yang dimasukan oleh admin.
Entity msmessage
132
Merupakan objek yang berisi pesan – pesan yang masuk dan keluar.
Entity msforum Merupakan objek yang berisi data – data yang dilakukan didalam forum diskusi.
Entity msscoring Merupakan objek yang berisi nilai – nilai yang telah dimasukan kedalam aplikasi oleh guru.
Entity msclass Merupakan objek yang berisi kelas untuk siswa.
Entity msmaterial Merupakan objek yang berisi materi tambahan yang ditambahkan oleh guru.
Entity msteaching Merupakan objek yang berisi jadwal mengajar guru.
Entity msschedule Merupakan objek yang berisi jadwal belajar per kelas.
Berikut adalah gambar dari diagram kelas :
133
Gambar 3.55 Class Diagram
134
3.7.6 Deployment Diagram Diagram ini dibuat berdasarkan spesifikasi sebagai berikut : a. Server Side Sistem Operasi : Windows XP, DBMS Server : MySQL, PHP Server : XAMPP Server / Apache Web Server, Browser : Firefox ver. 17.00 / Google Chrome ver. 20, Text Editor : Adobe Dreamweaver CS5 untuk melakukan editing code. Monitor , Keyboard, Mouse. b. Client Side Sistem Operasi : Windows XP / Windows 7, Browser : Firefox ver. 17.00 / Google Chrome ver. 20. Monitor , Keyboard, Mouse.
135
Gambar 3.56 Deployment Diagram
3.8 Perancangan Tabel Database Berdasarkan proses bisnis dan analisis kebutuhan user pada sistem, maka didapat perancangan database sebagai berikut :
Entity Name
Attributes
msAdmin AdminId (pk) NamaAdmin msSiswa SiswaId (pk) KelasId (fk) NamaSiswa JenisKelamin TempatLahir
Attribut Domain Char (5)[AD][0-9][0-9][0-9] Varchar (45) Char (10)[0-9][0-9][0-9][0-9][0-9][0-9][0-9][09][0-9][0-9] Char (5)[KL][0-9][0-9][0-9] Varchar (45) Varchar (10) Varchar (30)
136
msGuru
msLogin
TanggalLahir Agama Telepon Email Alamat Kota KodePos Foto GuruId (pk) MataPelajaranI d (fk) NamaGuru JenisKelamin TempatLahir TanggalLahir Telepon Email Alamat Kota KodePos Foto LoginId (pk) SiswaId (fk)
AdminId (fk) GuruId (fk) Password msJurusa JurusanId (pk) n NamaJurusan msKelas KelasId (pk) GuruId (fk) JurusanId (fk) NamaKelas msMataP MataPelajaranI elajaran d (pk) NamaMataPela jaran Keterangan msShift ShiftId (pk) Waktu msJadwal JadwalPelajara Pelajaran nId (pk) KelasId (fk) MataPelajaranI d (fk) ShiftId (fk)
Date Varchar (10) Varchar (20) Varchar (50) Varchar(50) Varchar (50) Varchar (8) Varchar (50) Char (5)[MG][0-9][0-9][0-9] Char (6)[MP][0-9][0-9][0-9][0-9] Varchar (45) Varchar (10) Varchar (50) Date Varchar (20) Varchar (50) Varchar (50) Varchar (50) Varchar (8) Varchar (50) Varchar(10) Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] Char (5)[AD][0-9][0-9][0-9] Char (5)[MG][0-9][0-9][0-9] Varchar(20) Char (6)[JR][0-9][0-9][0-9] Varchar(20) Char (5)[KL][0-9][0-9][0-9] Char (5)[MG][0-9][0-9][0-9] Char (6)[JR][0-9][0-9][0-9] Varchar(25) Char (6)[MP][0-9][0-9][0-9][0-9] Varchar(25) Varchar(45) Int DateTime Char (6)[MG][0-9][0-9][0-9][0-9] Char (5)[KL][0-9][0-9][0-9] Char (6)[MG][0-9][0-9][0-9][0-9] Integer
137
msForum
msTopik
msReply
msPengu muman
msMateri Pelajaran
msSoal
GuruId (fk) Hari ForumId (pk) KelasId (fk) MataPelajaranI d (fk) TopikId (pk) ForumId (fk) GuruId (fk) SiswaId (fk) KelasId (fk) Topik Isi Waktu LastPost ReplyId (pk) TopikId (fk) GuruId (fk) SiswaId (fk) Reply Waktu PengumumanI d (pk) NamaPengumu man Isi Gambar TanggalMulai TanggalSelesai MateriPelajara nId (pk) MataPelajaranI d (fk) AdminId (fk) Pertemuan NamaMateri Dokumen TglUpload SoalId (pk) MateriPelajara nId (fk) AdminId (fk) NamaSoal Dokumen
Char (5)[MG][0-9][0-9][0-9] Varchar(10) Char (6)[FR][0-9][0-9][0-9][0-9] Char (5)[KL][0-9][0-9][0-9] Char (6)[MP][0-9][0-9][0-9][0-9] Char (6)[TC][0-9][0-9][0-9][0-9] Char (6)[FR][0-9][0-9][0-9][0-9] Char (5)[MG][0-9][0-9][0-9] Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] Char (5)[KL][0-9][0-9][0-9] Varchar (25) Text Time DateTime Char (6)[RP][0-9][0-9][0-9][0-9] Char (6)[ST][0-9][0-9][0-9][0-9] Char (5)[MG][0-9][0-9][0-9] Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] Text DateTime Char (5)[PG][0-9][0-9][0-9] Varchar (25) Text Varchar (50) DateTime DateTime Char (6)[MA][0-9][0-9][0-9][0-9] Char (6)[MP][0-9][0-9][0-9][0-9] Char (5)[AD][0-9][0-9][0-9] Integer Varchar (25) Varchar (50) DateTime Char (6)[SO][0-9][0-9][0-9][0-9] Char (5)[MP][0-9][0-9][0-9] Char (5)[AD][0-9][0-9][0-9] Varchar (25) Varchar (50)
138
msJawab an
msSoalT ambahan
msJawab anTamba han
msMateri Tambaha n
msUjian
msPesan
TglUpload DateTime JawabanId (pk) Char (6)[AS][0-9][0-9][0-9] [0-9] SiswaId (fk) Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] SoalId (fk) Char (6)[SO][0-9][0-9][0-9] [0-9] Jawaban Varchar (50) TglUpload DateTime Counter Integer SoalTambahan Char (6)[ST][0-9][0-9][0-9][0-9] Id (pk) MateriTambah Char (6)[MT][0-9][0-9][0-9] [0-9] anId (fk) GuruId (fk) Char (5)[MG][0-9][0-9][0-9] NamaSoal Varchar (25) Dokumen Varchar (50) TglUpload DateTime JawabanTamba Char (6)[ST][0-9][0-9][0-9][0-9] hanId (pk) SoalTambahan Char (6)[ST][0-9][0-9][0-9][0-9] Id (fk) SiswaId (fk) Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] Jawaban Varchar () TglUpload DateTime Counter Integer MateriTambah Char (6)[MT][0-9][0-9][0-9] [0-9] anId (pk) Char (5)[MG][0-9][0-9] [0-9] GuruId (fk) MataPelajaranI Char (6)[MP][0-9][0-9][0-9] [0-9] d (fk) Pertemuan Integer Varchar (25) NamaMateri Varchar (50) Dokumen TglUpload DateTime UjianId (pk) Char (6)[UJ][0-9][0-9][0-9] [0-9] KelasId (fk) Char (6)[KL][0-9][0-9][0-9] [0-9] Keterangan Varchar PesanId (pk) Integer PengirimPesan Varchar (20) PenerimaPesan Varchar (20) SubjectPesan Varchar (25) IsiPesan Varchar (20) WaktuKirim DateTime
139
msNilai
NilaiId (pk) MataPelajaranI d(fk) SiswaId (fk)
Char (6)[SC][0-9][0-9][0-9] [0-9] Char (6)[MP][0-9][0-9][0-9] [0-9]
Char (10)[0-9][0-9][0-9][0-9] [0-9][0-9][0-9][09] [0-9][0-9] UTS Integer UAS Integer UL1 Integer UL2 Integer UL3 Integer UL4 Integer UL5 Integer TM1 Integer TM2 Integer TM3 Integer TM4 Integer TM5 Integer msJadwal JadwalUjianId( Char (6)[JU][0-9][0-9][0-9] [0-9] Ujian pk) UjianId(fk) Integer MataPelajaranI Char (6)[MP][0-9][0-9][0-9] [0-9] d(fk) Tanggal Date Waktu Time
Tabel 3.21 : Tabel Perancangan Database Berikut ini adalah rancangan diagram ERD database untuk aplikasi e-learning :
140
Gambar 3.57 Rancangan ERD Database
141
3.9 Perancangan Hierarki Menu Berikut ini adalah rancangan hierarki menu yang ada pada aplikasi e-learning :
Gambar 3.58 Hierarki Menu Admin
142
Gambar 3.59 Hierarki Menu Siswa
Gambar 3.60 Hierarki Menu Guru
143
3.10
Perancangan Layar
Berikut ini adalah perancangan layar yang dibuat untuk aplikasi : a. Admin
Gambar 3.61 Rancangan Layar Halaman Login
Gambar 3.62 Rancangan Layar Halaman Home
144
Gambar 3.63 Rancangana Layar Halaman Change Password
Gambar 3.64 Rancangan Layar Message
145
Gambar 3.65 Rancangan Layar Create Message
Gambar 3.66 Rancangan Layar Sent Message
146
Gambar 3.67 Rancangan Layar View Message
Gambar 3.68 Rancangan Layar Materials
147
Gambar 3.69 Rancangan Layar Add Course
Gambar 3.70 Rancangan Layar View Subject Materials
148
Gambar 3.71 Rancangan Layar Add Assigment
Gambar 3.72 Rancangan Layar Upload Assigment
149
Gambar 3.73 Rancangan Layar Upload Materials
Gambar 3.74 Rancangan Layar View Detail Materials
150
Gambar 3.75 Rancangan Layar View Class
Gambar 3.76 Rancangan Layar Add Class
151
Gambar 3.77 Rancangan Layar Update Class
Gambar 3.78 Rancangan Layar View Student
152
Gambar 3.79 Rancangan Layar Add Student
Gambar 3.80 Rancangan Layar Update Student
153
Gambar 3.81 Rancangan Layar Detail Student
Gambar 3.82 Rancangan Layar View Teacher
154
Gambar 3.83 Rancangan Layar Add Teacher
Gambar 3.84 Rancangan Layar Detail Teacher
155
Gambar 3.85 Rancangan Layar Update Teacher
Gambar 3.86 Rancangan Layar View Schedule
156
Gambar 3.87 Rancangan Layar Detail Schedule
Gambar 3.88 Rancangan Layar Add Schedule
157
Gambar 3.89 Rancangan Layar View Teaching Schedule
Gambar 3.90 Rancangan Layar Detail Teaching Class Schedule
158
Gambar 3.91 Rancangan Layar Detail Teaching Teacher Schedule
Gambar 3.92 Rancangan Layar Add Teaching Schedule
159
Gambar 3.93 Rancangan Layar View Announcement
Gambar 3.94 Rancangan Layar Add Announcement
160
Gambar 3.95 Rancangan Layar Update Announcement
Gambar 3.96 Rancangan Layar Detail Announcement
161
b. Rancangan Layar untuk Siswa
Gambar 3.97 Rancangan Layar Login
Gambar 3.98 Rancangan Layar Home
162
Gambar 3.99 Rancangan Layar Profil
163
Gambar 3.100 Rancangan Layar Detail Announcements
Gambar 3.101 Rancangan Layar Change Password
164
Gambar 3.102 Rancangan Layar Message
Gambar 3.103 Rancangan Layar Create Message
165
Gambar 3.104 Rancangan Layar Detail Message
Gambar 3.105 Rancangan Layar Sent Item
166
Gambar 3.106 Rancangan Layar Detail Sent
Gambar 3.107 Rancangan Layar Material Class
167
Gambar 3.108 Rancangan Layar Materials
168
Gambar 3.109 Rancangan Layar Assigments
169
Gambar 3.110 Rancangan Layar Upload Answer
Gambar 3.111 Rancangan Layar Forum
170
Gambar 3.112 Rancangan Layar Create Topic
171
Gambar 3.113 Rancangan Layar Topic Forum
172
Gambar 3.114 Rancangan Layar Class Schedule
173
Gambar 3.115 Rancangan Layar Exam Schedule
174
Gambar 3.116 Rancangan Layar Score
175
Gambar 3.117 Rancangan Layar Detail Score c. Rancangan Layar untuk Guru
Gambar 3.118 Rancangan Layar Login
176
Gambar 3.119 Rancangan Layar Home
177
Gambar 3.120 Rancangan Layar Profile
178
Gambar 3.121 Rancangan Layar Detail Announcement
179
Gambar 3.122 Rancangan Layar Change Password
Gambar 3.123 Rancangan Layar Message
180
Gambar 3.124 Rancangan Layar Detail Message
181
Gambar 3.125 Rancangan Layar Sent Message
Gambar 3.126 Rancangan Layar Detail Sent Message
182
Gambar 3.127 Rancangan Layar Create Message
183
Gambar 3.128 Rancangan Layar Detail Course
184
Gambar 3.129 Rancangan Layar Additional Materials
185
Gambar 3.130 Rancangan Layar Add Additional Material
186
Gambar 3.131 Rancangan Layar Upload Material
187
Gambar 3.132 Rancangan Layar Detail Assignment
188
Gambar 3.133 Rancangan Layar Additional Assignment
189
Gambar 3.134 Rancangan Layar Add Additional Assignment
190
Gambar 3.135 Rancangan Layar Upload Additional Asssignment
191
Gambar 3.136 Rancangan Layar Answer Assignment
192
Gambar 3.137 Rancangan Layar Forum
193
Gambar 3.138 Rancangan Create Topics
194
Gambar 3.139 Rancangan Detail Topics
195
Gambar 3.140 Rancangan Teaching Schedule
196
Gambar 3.141 Rancangan Score
197
Gambar 3.142 Rancangan Add score
