PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB DI SMP NEGERI 1 KEBONARUM KLATEN
SKRIPSI
Sebagai syarat memperoleh gelar Sarjana Strata 1
Program Studi Teknik Informatika
Disusun oleh :
Yoshada Okky Iswara 1271101392
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER
UNIVERSITAS WIDYA DHARMA KLATEN
MOTTO
Jadikan sabar dan sholat sebagai penolongmu, dan sesungguhnya
yang demikian itu sungguh berat, kecuali bagi orang-orang yang
khusyu’(QS. Al Baqarah : 45).
Harga kebaikan manusia adalah diukur menurut apa yang telah
dilaksanakan/diperbuatnya" (Ali Bin Abi Thalib)
Pendidikan itu senjata paling ampuh untuh memutus mata rantai
kemiskinan.
Tanpa Pendidikan, Uang, dan Koneksi manusia sulit untuk hidup
di dunia ini.
Lebih baik berjalan di tempat gelap tapi ada yang menemani,
daripada di tempat terang tapi seorang diri.
Pengalaman adalah guru yang terbaik tetapi buanglah pengalaman
buruk yang hanya merugikan.
Sesuatu yang belum dikerjakan, sering kali tampak mustahil, kita
baru yakin kalau berhasil melakukannya dengan baik.(Evelyn
HALAMAN PERSEMBAHAN
Puji syukur kehadirat ALLAH SWT atas Nikmat-Nya, Kupersembahkan karya
tulis ini serta ucpan terima kasih kepada :
1. Ayah dan Bunda ku tercinta yang selalu mendo’akan, memberikan
semangat, dan mengajariku dalam menjalani perjalanan hidup ini.
2. Ibu. Istri Sulistyowati, M.kom dan Bp. Heru Setiya Nugraha, M.kom
selaku pembimbing, terima kasih atas bimbingan dan ilmu yang telah
diberikan.
3. Sahabat ku “YUAN” Septiandari Ayu Ningrum, Nurul hidayati, Ayusya
Rizkyana, Fitri Kurniawati terima kasih atas kebersamaannya, untuk selalu
berbagi suka dan cita, kalian sahabat terbaikku.
4. Teman-temanku Lima Sekawan (UKM Seni Budaya), Ruri Ari Dwi
Astuti, Yovie Rizal Maulana, Ari Yulianto, Firdaus Yunus, dan Ahmad
Triharyanto, tetap semangat berkarya ya.
5. Teman-teman KKN, TI A-D semuanya terima kasih untuk selama ini
KATA PENGANTAR
Dengan mengucapkan puji syukur alhamdulliah kehadirat Allah SWT.
Yang telah melimpahkan Rahmat, Hidayah, dan InayahNya sehingga dapat
menyelesaikan skripsi ini dengan baik. Skripsi ini dibuat guna memenuhi salah
satu syarat dalam menyelesaikan pendidikan di Universitas Widya Dharma
Klaten.
Dengan selesainya penyusunan skripsi ini sudah barang tentu bantuan,
nasehat, dukungan, saran, dan bimbingan serta petunjuk dari semua pihak. Untuk
itu pada kesempatan ini saya mengucapkan rasa terima kasih yang tulus kepada:
1. Allah SWT, yang telah memberikan rahmatnya dan jalan kemudahan
sehingga penulis dapat menyelesaikan skripsi ini.
2. Bapak Prof. Dr. H. Triyono, M.pd Selaku Rektor Universitas Widya Dharma
Klaten.
3. Bapak Sri Wiyanta, M.Kom selaku Dekan Fakultas Ilmu Komputer
Universitas Widya Dharma Klaten.
4. Bapak Fajar Budi Hartono, M.Eng selaku Ketua Program Studi Teknik
Informatika Fakultas Ilmu Komputer Universitas Widya Dharma Klaten.
5. Ibu. Istri Sulistyowati, M.kom selaku Pembimbing I yang telah membantu
6. Bapak Heru Setiya Nugraha, M.kom selaku Pembimbing II yang telah
membantu dan membimbing dalam membuat skripsi ini.
7. Seluruh Dosen dan Staff Karyawan Fakultas Ilmu Komputer Universitas
Widya Dharma Klaten yang telah memberikan ilmu pengetahuan sehingga
peneliti dapat menyelesaikan skripsi.
8. Ibu Dra. Sugiarti Maria Catharina,M.Pd selaku Kepala Sekolah SMP N 1
Kebonarum Klaten yang telah memberikan persetujuan dan memberikan
berbagai informasi untuk melakukan penelitian.
9. Seluruh keluarga tercinta yang telah mendukung secara moril dan materiil
kepada penulis.
Penulis menyadari bahwa dalam penyusunan skripsi ini masih jauh dari
sempurna dan banyak kekurangan baik dari segi materi maupun tata bahasa.
Oleh karena itu diharapkan adanya kritik dan saran yang bersifat membangun
dari pembaca demi kesempurnaan skripsi ini.
Klaten,...2016
viii DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN SURAT PERNYATAAN ... iv
HALAMAN MOTTO ... v
HALAMAN PERSEMBAHAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xiv
DAFTAR GAMBAR ... xv
ABSTRAK ... xviii
BAB I PENDAHULUAN A.Latar Belakang ... 1
1. Rumusan Masalah ... 3
2. Batasan Masalah ... 3
3. Keaslian Penelitian ... 3
4. Manfaat Penelitian... 4
B.Tujuan Penelitian... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI A.Tinjauan Pustaka ... 5
1. Profil SMP N 1 Kebonarum ... 5
ix
3. Penelitian Terdahulu ... 8
B.Landasan Teori ... 8
1. E-learning... 9
a. Pengertian E-learning ... 9
b. Manfaat E-learning ... 9
c. Sejarah E-learning... 10
d. Kelebihan E-learning ... 11
e. Metode Penyampaian E-learning ... 12
2. Basis Data ... 12
3. Perancangan Sistem... 13
a. Diagram Konteks... 13
b. Data Flow Diagram (DFD) ... 14
4. Perancangan Database ... 16
c. Normalisasi... 16
d. Entity Relationship Diagram (ERD) ... 19
5. Website ... 22
6. Hyper Text Markup Language (HTML) ... 23
7. Personal Home Page (PHP)... 23
8. Mysql ... 24
BAB III METODOLOGI PENELITIAN A. Alat Penelitian ... 25
1. Perangkat Keras (Hardware) ... 25
x
B. Jalan Penelitian ... 26
1. Pengumpulan Data ... 26
2. SDLC (Software Development Life Cyle) ... 27
a. Definisi SDLC ... 27
b. Tahap-tahap SDLC ... 28
3. Rancangan Sistem ... 31
a. Diagram Konteks (Context Diagram) ... 31
b. DFD Level 0 ... 32
c. DFD lvl 1 Proses 1 (Input, Update & Delete Data User).. 33
d. DFD level 1 Proses 3 (Input, Update & Delete Data Mapel) ... …… 33
e. DFD level 1 Proses 4 (Input, Update & Delete Data Materi) ... 34
f. DFD level 1 Proses 5 (Input, Update & Delete Data Ujian) ... 34
4. Perancangan Database ... 35
a. Perancangan Database Konseptual ... 35
1. Normalisasi ... 36
2. ERD ... 38
b. Perancangan Database Logik ... 39
1. Tabel admin ... 39
2. Tabel Guru ... 39
xi
4. Tabel Tugas ... 41
5. Tabel Materi ... 42
6. Tabel Soal ujian... 43
7. Tabel Jawaban ujian ... 44
8. Tabel Nilai tugas ... 44
9. Tabel Siswa ... 45
c. Relasi antar tabel ... 47
5. Desain Tampilan Interface ... 48
a. Desain Input ... 48
C. Kesulitan Yang Dihadapi ... 58
BAB IV PEMBAHASAN HASIL PENELITIAN A. Hasil Penelitian ... 59
1. Admin ... 60
a. Halaman Login ... 60
b. Halaman Home ... 61
c. Halaman Admin ... 61
d. Halaman Guru ... 63
e. Halaman Siswa ... 65
f. Halaman Mapel ... 66
2. Guru ... 68
a. Halaman Login ... 68
b. Halaman Home ... 69
xii
d. Halaman Materi ... 71
e. Halaman Soal ujian ... 73
f. Halaman Jawaban ujian ... 75
g. Halaman Tugas ... 76
h. Halaman Nilai tugas ... 78
3. Siswa ... 80
a. Halaman Home... 80
b. Halaman Login ... 80
c. Halaman Biodata ... 81
d. Halaman Tugas... 82
e. Halaman Nilai tugas ... 83
f. Halaman Ujian ... 84
B. Pembahasan ... 85
BAB V PENUTUP A. Kesimpulan ... 87
B. Saran ... 88
xiii
DAFTAR TABEL
Tabel 2.1 Simbol-simbol yang digunakan pada Diagram Konteks ... 13
Tabel 2.2 Simbol-simbol yang digunakan pada DFD ... 15
Tabel 2.3 Simbol-simbol yang digunakan pada ERD ... 20
Tabel 3.1 Struktur Tabel Admin ... 39
Tabel 3.2 Struktur Tabel Guru ... 40
Tabel 3.3 Struktur Mapel ... 41
Tabel 3.4 Struktur Tugas ... 41
Tabel 3.5 Struktur Materi ... 42
Tabel 3.6 Struktur Soal Ujian ... 43
Tabel 3.7 Struktur Jawaban Ujian ... 44
Tabel 3.8 Struktur Nilai Tugas ... 45
xiv
DAFTAR GAMBAR
Gambar 2.1 Contoh Normal 1 ... 18
Gambar 2.2 Contoh Normal 2 ... 18
Gambar 2.3 Contoh Normal 3 ... 19
Gambar 2.4 Relasi One To One………. .21
Gambar 2.5 Relasi One To Many………... 21
Gambar 2.6 Relasi Many To Many .... ……… 22
Gambar 3.1 Proses Penggambaran SDLC……….. 28
Gambar 3.2 Diagram Konteks... 31
Gambar 3.3 DFD Level ……….. 32
Gambar 3.4 DFD lvl 1 Proses 1 (Input, Update & Delete Data User)..…….. 33
Gambar 3.5 DFD level 1 Proses 3 (Input, Update & Delete Data Mapel)…. 33
Gambar 3.6 DFD level 1 Proses 4 (Input, Update & Delete Data Materi) ... 34
Gambar 3.7 DFD level 1 Proses 5 (Input, Update & Delete Data Ujian) ... 34
Gambar 3.8 Normal Table 1... 35
Gambar 3.9 Normal Tabel 2... 36
Gambar 3.10 Normal Tabel 4... 37
Gambar 3.11 ERD ... 38
Gambar 3.12 Relasi Tabel ... 47
Gambar 3.13 Tampilan Rancangan Home ... 48
Gambar 3.14 Tampilan Rancangan Admin ... 49
xv
Gambar 3.16 Tampilan Rancangan Siswa ... 50
Gambar 3.17 Tampilan Rancangan Mata Pelajaran ... 51
Gambar 3.18 Tampilan Rancangan Home ... 51
Gambar 3.19 Tampilan Rancangan Materi ... 52
Gambar 3.20 Tampilan Rancangan Tugas ... 53
Gambar 3.21 Tampilan Rancangan Nilai Tugas ... 53
Gambar 3.22 Tampilan Rancangan Soal Ujian ... 54
Gambar 3.23 Tampilan Rancangan Nilai Ujian ... 54
Gambar 3.24 Tampilan Rancangan Home ... 55
Gambar 3.25 Tampilan Rancangan Login ... 56
Gambar 3.26 Tampilan Rancangan Biodata ... 56
Gambar 3.27 Tampilan Rancangan Tugas ... 57
Gambar 3.28 Tampilan Rancangan Nilai Tugas ... 58
Gambar 3.29 Tampilan Rancangan Ujian ... 58
Gambar 4.1 Halaman Login ... 61
Gambar 4.2 Halaman Home ... 62
Gambar 4.3 Halaman Input Data Admin ... 63
Gambar 4.4 Halaman Input Data Guru ... 65
Gambar 4.5 Halaman Input Data Siswa ... 67
Gambar 4.6 Halaman Input Data Mapel ... 69
Gambar 4.7 Halaman Login ... 70
Gambar 4.8 Halaman Home ... 70
xvi
Gambar 4.10 Halaman Input Data Materi ... 74
Gambar 4.11 Halaman Input Soal Ujian ... 76
Gambar 4.12 Halaman Input Data Jawaban Ujian ... 77
Gambar 4.13 Halaman Input Data Tugas ... 78
Gambar 4.14 Halaman Input Data Nilai Tugas ... 79
Gambar 4.15 Halaman Home ... 80
Gambar 4.16 Halaman Input Data Login ... 81
Gambar 4.17 Halaman Input Data Biodata ... 82
Gambar 4.18 Halaman Input Data Tugas ... 83
Gambar 4.19 Halaman Nilai Tugas ... 83
xvii ABSTRAK
Penerapan teknologi internet di bidang pendidikan akan sangat dibutuhkan dalam rangka meningkatkan pengetahuan siswa-siswa disekolah. Sehingga diperlukan solusi yang tepat dan cepat dalam mengatasi berbagai masalah yang berkaitan dengan mutu pendidikan sekarang. Kegiatan belajar mengajar di SMP Negeri 1 Kebonarum Klaten menggunakan cara yang biasa, dimana guru menyampaikan referensi pelajaran kepada siswa di dalam kelas. Siswa mengalami kesulitan pada saat belajar di rumah untuk memperoleh referensi tambahan, karena referensi yang dimilikinya dirasa tidak cukup. Siswa hanya memperoleh referensi ketika berada di dalam kelas atau mengunjungi perpustakaan baik yang berada di sekolah atau perpustakaan umum. Berdasarkan permasalahan yang ada di SMP Negeri 1 Kebonarum Klaten, maka diperlukan suatu sistem untuk menunjang kegiatan belajar mengajar di sekolah SMP Negeri 1 Kebonarum Klaten. Sistem
tersebut adalah sistem e-learning yang merupakan media yang tepat untuk
menunjang proses pembelajaran tersebut karena dengan e-learning memungkinkan
setiap pengguna berkontribusi aktif tanpa dibatasi ruang dan waktu.
1 BAB I PENDAHULUAN A. Latar Belakang
Dalam era global sekarang ini tidak jarang kita selalu berhubungan
dengan teknologi, khususnya teknologi informasi. Karena ilmu pengetahuan
yang selalu berkembang mengharuskan kita mengikuti kemajuan teknologi
tersebut. Penerapan teknologi internet di bidang pendidikan akan sangat
dibutuhkan dalam rangka meningkatkan pengetahuan siswa-siswa disekolah.
Sehingga diperlukan solusi yang tepat dan cepat dalam mengatasi berbagai
masalah yang berkaitan dengan mutu pendidikan sekarang.
Kegiatan belajar mengajar di SMP Negeri 1 Kebonarum Klaten
menggunakan cara yang biasa, dimana guru menyampaikan referensi
pelajaran kepada siswa di dalam kelas. Pemberian referensi pembelajaran
membutuhkan waktu yang cukup lama karena saat guru memberikan referensi
pembelajaran ketua kelas harus memperbanyak dengan cara menggandakan
referensi tersebut. Hal tersebut mengakibatkan waktu yang dibutuhkan untuk
menyampaikan referensi menjadi lebih sedikit sehingga menyulitkan siswa
dalam memahami suatu referensi pelajaran.
Siswa mengalami kesulitan pada saat belajar di rumah untuk
memperoleh referensi tambahan,karena referensi yang dimilikinya dirasa
tidak cukup. Siswa hanya memperoleh referensi ketika berada di dalam kelas
atau mengunjungi perpustakaan baik yang berada di sekolah atau
2
Hal ini cukup menyulitkan siswa untuk memperoleh referensi
terutama jika rumah siswa tersebut jauh dari sekolah atau perpustakaan.
Perkembangan akademik siswa selalu dipantau oleh guru. Hal ini dilakukan
salah satunya dengan cara mencari tahu sejauh mana siswa memahami suatu
materi pelajaran. Tetapi, hal ini sulit dilakukan dikarenakan terkadang siswa
takut atau malu untuk bertanya seputar materi yang tidak dipahaminya.
Berdasarkan permasalahan yang ada di SMP Negeri 1 Kebonarum
Klaten, maka diperlukan suatu sistem untuk menunjang kegiatan belajar
mengajar di sekolah SMP Negeri 1 Kebonarum Klaten. Sistem tersebut
adalah sistem e-learning yang merupakan media yang tepat untuk menunjang
proses pembelajaran tersebut karena dengan e-learning memungkinkan setiap
pengguna berkontribusi aktif tanpa dibatasi ruang dan waktu. Saat ini SMP
Negeri 1 Kebonarum Klaten memiliki siswa yang berjumlah 703 siswa, untuk
kelas VII 234 siswa, kelas VIII 227 siswa, dan kelas IX 242 siswa. Ada 41
guru, yang terbagi guru PNS: 41, guru honorer: 6,. dan memiliki 10
karyawan. Sebagian besar guru menguasai teknologi informasi dan mampu
mengoperasikan komputer, dengan dibekali pelatihan komputer setiap 2
minggu sekali, untuk meningkatkan kemampuan guru dalam penggunaan
3
1. Rumusan Masalah
Berdasarkan uraian latar belakang di atas, maka dapatdirumuskan
beberapa masalah yang ada di SMP Negeri 1 Kebonarum sebagai berikut:
a. Bagaimana meminimalisir kesulitan para siswa dan guru dalam
kegiatan belajar mengajar di SMP Negeri 1 Kebonarum Klaten?
b. Bagaimana membuat Perancangan Aplikasi E-learning Berbasis Web
Di SMP Negeri 1 Kebonarum?
2. Batasan Masalah
Adapun batasan masalah pada SMP Negeri 1 Kebonarum Klaten
sebagai berikut:
a. Aplikasi e-learning tersebut meliputi data admin, data guru, data
siswa, data mapel, data materi, data tugas, data nilai tugas, data soal
ujian, data kunci jawaban ujian guru, data jawaban tugas, dan data
jawaban ujian siswa.
b. Admin dalam aplikasi e-learning ini adalah TU.
c. Pengguna dalam aplikasi e-learning ini adalah Guru dan Siswa.
d. Aplikasi e-learning ini digunakan sebagai pendukung belajar mengajar
di SMP Negeri 1 Kebonarum Klaten.
e. Bahasa pemrograman yang digunakan PHP dan database MySQL.
3. Keaslian Penelitian
Penelitain yang berhubungan dengan sistem e-learning sudah pernah
4
Negeri 1 Kebonarum belum pernah dilakukan khususnya di Universitas
Widya Dharma Klaten.Sehingga penulis mengambil judul Perancangan
Aplikasi E-learning Bernasis Web Pada SMP Negeri 1 Kebonarum.
4. Manfaat Penelitian
Dari peneliti ini diharap dapat memberikan manfaat sebagai berikut:
a. Bagi Siswa
Dapat memudahkan para siswa untuk memperoleh referensi
pembelajaran.
b. Bagi SMP Negeri 1 Kebonarum
Memudahkan para guru untuk dapat mendistribusikan materi
dalam proses pembelajaran, sehingga proses belajar lebih efektif dan
mutu pendidikan lebih meningkat.
c. Bagi Peneliti
Dapat dijadikan sarana untuk mengaplikasikan ilmu yang sudah
didapat selama masa perkuliahan.
B. Tujuan Penelitian
Tujuan dari penelitian skripsi ini adalah
a. Meminimalisir kesulitan para siswa dan guru dalam kegiatan belajar
mengajar di SMP Negeri 1 Kebonarum Klaten.
b. Membuat Perancangan Aplikasi E-learning Di SMP Negeri 1
87 BAB V
PENUTUP
Dari beberapa uraian tentang penelitian penulis menyimpulkan dan
saran yang dapat dipergunakan sebagai bahan masukan dan pertimbangan
bagi pihak SMP N 1 Kebonarum agar dapat menyempurnakan dan
mengembangkan program ini sehingga menjadi lebih baik lagi.
A. KESIMPULAN
Setelah semua tahap penelitian dilakukan, mulai dari pembuatan proposal
penelitian, kemudian pengkajian teori, penyusunan instrument penelitian yang
disertai dengan uji coba dan penyempurnaan instrument penelitian, sampai
dengan pengumpulan data, pengolahan dan analisis data. Penelitian ini
menghasilkan sebuah aplikasi Sistem Informasi e-learning yang digunakan untuk
mengelola data nilai rapot siswa di SMP N 1 Kebonarum berbasis web. Dari
pembahasan yang telah dipaparkan dalam penulisan skripsi ini dapat ditarik
beberapa kesimpulan sebagai berikut :
1. Kemudahan layanan dan efisiensi kerja dapat diketahui dengan melakukan
menginputan data jawaban ujian, yaitu ketika data masuk secara otomatis
akan melakukan perhitungan jumlah nilai. Perhitungan di dapat dari
88
Aplikasi ini dilengkapi fasilitas cetak nilai ujian agar lebih efiensi kerja dalam
pembuatan laporan nilai ujian SMP N 1 Kebonarum.
2. Pembuatan Sistem Informasi e-learning SMP N 1 Kebonarum berbasis web
dimulai dari tahap analisis sistem untuk mengetahui masalah-masalah,
hambatan-hambatan serta kebutuhan-kebutuhan sistem, selanjutnya tahap
desain sistem dimana desain menggunakan DFD (Data Flow Diagram)
sebagai model fungsional dan mengggunakan ERD (Entity Relationship
Diagram) untuk menggambarkan model data, selanjutnya masuk tahap coding
dimana dalam tahap ini desain yang telah dibuat dibuat dikonversikan ke
dalam bahasa pemrograman PHP dan MySQL sebagai databasenya,
selanjutnya masuk tahap testing, yaitu pengujian terhadap aplikasi yang telah
dibuat dan tahap akhir yaitu implementasi untuk melihat seberapa besar
tingkat keunggulan sistem ini. Aplikasi ini dibuat dengan menggunakan
bahasa pemrograman PHP.
B. SARAN
Dengan adanya kesimpulan diatas, maka dari itu dapat dikemukakan
beberapa saran yang dapat menjadi bahan atau data untuk mempertimbangkan
lebih lanjut.
1. Penerapan sistem baru akan berjalan dengan baik dan sukses jika yang terlibat
89
2. Aplikasi ini sudah dirancang untuk pengembangan sesuai dengan
permasalahan baru pada lingkungan sekitar. Jadi pada saat pengembangan
selanjutnya tidak banyak mencari data-data lapangan.
3. Perlu ditambahkan fasilitas-fasilitas pelaporan hasil akhir, agar lebih
mempermudah pengurus nantinya.
DAFTAR PUSTAKA
Arief, M.Rudyanto.2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL.
Harmoko,2015. Sistem Pembelajaran E-learning Berbasis Web pada SMP Negeri 4 Klaten : Universitas Widya Dharma.
Junaedi, Fajar. 2005. Panduan Lengkap Pemrograman PHP untuk Membuat WEB Dinamis. Yogyakarta:PD. Anindya.
Kadir, A. 2008, Dasar Pemrograman Web Dinamis Menggunakan PHP, Ed.III. Penerbit ANDI Yogyakarta. Yogyakarta.
M-edukasi, 2012. Pengertian E-learning.www.edukasi.web.id/2012/11/pengertian e-learning.html, diakses tanggal 17 Maret 2013.
Samodra, Bayu,2013. Perancangan Aplikasi E-learning Berbasis Web Pada SMA ` Muhammadiyah 1 Klaten : Universitas Widya Dharma.
Sulhan, Mohammad.2007. Pengembangan Aplikasi Berbasis Web dengan PHP & ASP. Yogyakarta: Gava Media.
