i
PEMBANGUNAN APLIKASI E-LEARNING BERBASIS WEB
DI SMK KARYA NUGRAHA BOYOLALI
SKRIPSI
Untuk memenuhi sebagai persyaratan Mencapai Derajat Sarjana S-1 Program Studi Teknik Informatika
Disusun oleh : Aris Ahmad Anshori
1171101126
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS WIDYA DHARMA KLATEN
v MOTTO
Code is Poetry. Kode adalah Puisi.
Design is not just what it looks like and fells like, Design is how it works.
Desain bukan hanya bagaimana itu terlihat dan terasa seperti apa, Desain adalah bagaimana itu bekerja (cara kerjanya).
Technology is just a tool. In terms of getting the kids working together and motivating them, the teacher is the most important.
vi
HALAMAN PERSEMBAHAN
Puji syukur kehadirat Allah SWT atas nikmat-Nya, kepersembahkan karya tulis ini serta ucapan terima kasih kepada :
1. Kedua orang tuaku tercinta, Alm. Ibu Sumarti dan Bapak Sulanto yang selalu memberikan doa, semangat dan kasih sayang yang tak terhingga kepadaku.
2. Adikku Siti Farikha Annisa, terima kasih atas doa dan dukunganya, semgoa aku bisa mendidik dan menjadi kakak yang terbaik untukmu. 3. Kakakku Ichsan Sulthoni yang selalu memberikan dukungan, semangat
dan motivasi.
4. keluarga tercinta, atas doa yang tidak pernah putus, dukungan yang tidak pernah berhenti, baik secara moril dan materil, serta sebagai alasan bagi peneliti unntuk tetap berjuang menyelesaikan pendidikan ini.
5. Teman-teman di Program Studi Teknik Informatika, khususnya TI A 2011 yang selalu memberikan motivasi, semangat dan kebersamaan selama masa-masa perkuliahan.
vii
KATA PENGANTAR
Puji syukur peneliti panjatkan kepada Allah SWT yang telah melimpahkan rahmat hidayah dan karunia-Nya, shalawat serta salam semoga selalu tercurah kepada Rasullullah SAW, sehingga peneliti dapat menyelesainkan skripsi yang berjudul “Pembangungan Aplikasi E-Learning Berbasis Web di SMK Karya Nugraha Boyolali”.
Adapun tujuan dari penyusunan skripsi ini adalah untuk memenuhi salah satu syarat dalam menyelesaikan studi jenjang strata satu (S1) di Program Studi Teknik Informatika, Universitas Widya Dharma Klaten.
Peneliti membutuhkan peran serta dari pihak lain untuk proses penyelesaian skripsi ini, karena keterbatasan ilmu dan pengetahuan peneliti. Oleh karena itu ijinkanlah peneliti untuk menyampaikan ucapan terima kasih yang sebesar-besarnya kepada :
1. Allah SWT, yang telah memberikan rahmat, hidayah, dan karunia-Nya kepada peneliti sehingga dapat menyelesaikan skripsi ini.
2. Kedua orang tua beserta keluarga tercinta, atas doa yang tidak pernah putus, dukungan yang tidak pernah berhenti, baik secara moril dan materil, serta sebagai alasan bagi peneliti unntuk tetap berjuang menyelesaikan pendidikan ini.
3. Bapak Prof. Dr. H. Triyono, M.pd selaku Rektor Universitas Widya Dharma Klaten.
4. Bapak Drs. Sri Wiyanta, M.Kom selaku Dekan Fakultas Ilmu Komputer Universitas Widya Dharma Klaten.
5. Bapak Fajar Budi Hartono selaku Ketua Proram Studi Teknik Informatika Universitas Widya Dharma Klaten.
viii
7. Bapak Sarbiyanto selaku kepala sekolah SMK Karya Nugraha Boyolali beserta para guru SMK Karya Nugraha Boyolali yang telah memberikan kesempatan bagi peneliti dan membantu pelaksanaan penelitian Tugas Akhir di SMK Karya Nugraha Boyolali.
8. Serta semua pihak yang telah turut membantu dalam penyusunan skripsi ini, yang tidak bisa disebutkan satu persatu.
Peneliti menyadari bahwa masih banyak terdapat kesalahan dalam penyusunan skripsi ini, oleh karena itu kritik dan saran yang membangun sangat penulis harapkan guna untuk perbaikan di kemudian hari. Akhir kata, semoga skripsi ini dapat bermanfaat dan menambah wawasan bagi peneliti pada khususnya dan pembaca pada umumnya.
Boyolali, April 2016
ix
x
c. Keterbatasan E-Learning ... 34
xi
a. Perancangan Database Konseptual ... 72
1) Normalisasi ... 72
a) Entitas Awal ... 72
b) Bentuk Normal Pertama ... 73
c) Bentuk Normal Kedua ... 74
d) Bentuk Normal Ketiga ... 75
2) Entity Relationship Diagram (ERD) ... 77
xii
10) Struktur Tabel Materi Kelas ... 84
11) Struktur Tabel Tugas ... 85
12) Struktur Tabel Tugas Kelas ... 86
13) Struktur Tabel Tugas Pertanyaan ... 86
14) Struktur Tabel Tugas Pilihan Ganda ... 87
a. Desain Antarmuka Halaman Beranda dan Login User ... 102
b. Desain Antarmuka Halaman Admin ... 103
c. Desain Antarmuka Halaman Pengajar ... 104
d. Desain Antarmuka Halaman Siswa ... 105
e. Desain Antarmuka Halaman Manajemen Pengajar ... 106
f. Desain Antarmuka Halaman Manajemen Siswa ... 106
g. Desain Antarmuka Halaman Manajemen Kelas ... 107
h. Desain Antarmuka Halaman Manajemen Mata Pelajaran ... 107
i. Desain Antarmuka Halaman Manajemen Mata Pelajaran Kelas ... ... 108
j. Desain Antarmuka Halaman Manajemen Materi ... 109
xiii
l. Desain Antarmuka Halaman Manajemen Jadwal Pelajaran ... 110
D. Hambatan Dalam Penelitian ... 111
BAB IV HASIL PENELITIAN DAN PEMBAHASAN ... 112
A. Hasil Penelitian ... 112
1. Proses Login User ... 112
2. Halaman Register/Pendaftaran ... 115
3. Halaman Manajemen Guru/Pengajar ... 117
4. Halaman Manajemen Siswa ... 119
5. Halaman Manajemen Kelas ... 120
6. Halaman Manajemen Mata Pelajaran ... 122
7. Halaman Manajemen Mata Pelajaran Kelas ... 124
8. Halaman Manajemen Materi Guru/Pengajar ... 126
9. Halaman Manajemen Tugas Guru/Pengajar ... 128
10. Halaman Filter Siswa ... 131
11. Pembuatan Website PHP Dengan Perintah Session ... 134
12. Mengubah Status Aktif Profil Pengajar dan Siswa oleh Admin . 135 13. Menguji Validasi Data Yang Diinputkan ... 136
23. Proses Lihat Nilai dan Cetak Laporan Nilai Siswa ... 158
xiv
BAB V PENUTUP ... 163 A. Kesimpulan ... 163 B. Saran ... 164 DAFTAR PUSTAKA
xv
DAFTAR TABEL
Tabel 2.1 Simbol-simbol Diagram Konteks ... 23
Tabel 2.2 Simbol-simbol DFD ... 25
Tabel 2.11 Contoh CodeIgniter ... 60
Tabel 3.1 Struktur Tabel Pengajar ... 78
xvi
Tabel 3.16 Struktur Tabel Pesan ... 89
Tabel 3.17 Struktur Tabel Pengumuman ... 89
Tabel 3.18 Struktur Tabel Komentar ... 90
Tabel 3.19 Struktur Tabel Pengaturan ... 91
xvii
DAFTAR GAMBAR
Gambar 2.1 Logo SMK Karya Nugraha Boyolai ... 9
Gambar 2.2 Siklus Hidup Pengembangan Sistem ... 21
Gambar 2.3 Cara kerja Client-side Scripting ... 38
Gambar 2.4 Cara kerja Server-side Scripting ... 39
Gambar 2.5 Cara kerja database MySQL Server pada PHP MyAdmin ... 56
Gambar 2.6 Cara kerja Model-View Controller CodeIgniter ... 59
Gambar 3.1 Diagram Konteks ... 68
Gambar 3.2 DFD Level 1 ... 69
Gambar 3.3 DFD Level 2 Proses 1 ... 70
Gambar 3.4 DFD Level 2 Proses 2 ... 71
Gambar 3.5 Entitas Awal ... 73
Gambar 3.6 Normalisasi Bentuk Pertama ... 74
Gambar 3.7 Normalisasi Bentuk Kedua ... 75
Gambar 3.8 Normalisasi Bentuk Ketiga ... 76
Gambar 3.9 Entity Relationship Diagram (ERD) ... 77
Gambar 3.10 Relasi Tabel ... 93
Gambar 3.11 Integritas Referensial tabel login dengan tabel pengajar, tabel login dengan tabel siswa ... 94
Gambar 3.12 Integritas Referensial tabel kelas_siswa dengan tabel kelas, tabel kelas_siswa dengan tabel siswa ... 94
Gambar 3.13 Integritas Referensial tabel mapel_ajar dengan tabel mapel_kelas, tabel mapel_ajar dengan tabel pengajar ... 95
Gambar 3.14 Integritas Referensial tabel mapel_kelas dengan tabel kelas, tabel mapel_kelas dengan tabel mapel ... 95
Gambar 3.15 Integritas Referensial tabel materi dengan tabel mapel, tabel materi dengan tabel pengajar, tabel materi dengan tabel siswa ... 96
xviii
Gambar 3.17 Integritas Referensial tabel tugas dengan tabel mapel, tabel tugas
dengan tabel pengajar ... 96
Gambar 3.18 Integritas Referensial tabel tugas_kelas dengan tabel kelas, tabel tugas_kelas dengan tabel tugas ... 97
Gambar 3.19 Integritas Referensial tabel tugas_pertanyaan dengan tabel tugas ... 97
Gambar 3.20 Integritas Referensial tabel pilihan dengan tabel tugas_pertanyaan ... 97
Gambar 3.21 Integritas Referensial tabel nilai_tugas dengan tabel siswa, tabel nilai_tugas dengan tabel tugas ... 98
Gambar 3.22 Integritas Referensial tabel pengumuman dengan tabel pengajar ... 98
Gambar 3.23 Integritas Referensial tabel komentar dengan tabel login, tabel komentar dengan tabel materi ... 98
Gambar 3.24 Struktur Menu Admin ... 99
Gambar 3.25 Struktur Menu Pengajar ... 100
Gambar 3.26 Struktur Menu Siswa ... 101
Gambar 3.27 Desain Antarmuka Halaman Beranda dan Login User ... 102
Gambar 3.28 Desain Antarmuka Halaman Admin ... 103
Gambar 3.29 Desain Antarmuka Halaman Pengajar ... 104
Gambar 3.30 Desain Antarmuka Halaman Siswa ... 105
Gambar 3.31 Desain Antarmuka Halaman Manajemen Pengajar ... 106
Gambar 3.32 Desain Antarmuka Halaman Manajemen Siswa ... 106
Gambar 3.33 Desain Antarmuka Halaman Manajemen Kelas ... 107
Gambar 3.34 Desain Antarmuka Halaman Manajemen Mata Pelajaran ... 107
Gambar 3.35 Desain Antarmuka Halaman Manajemen Mata Pelajaran Kelas ... 108
Gambar 3.36 Desain Antarmuka Halaman Manajemen Materi ... 109
xix
Gambar 3.38 Desain Antarmuka Halaman Manajemen Jadwal Mengajar ... 110
Gambar 4.1 Halaman Beranda dan Login ... 113
Gambar 4.2 Form Pendaftaran User E-Learning ... 115
Gambar 4.3 Halaman Manajemen Pengajar ... 118
Gambar 4.4 Halaman Manajemen Siswa ... 119
Gambar 4.5 Halaman Manajemen Kelas ... 121
Gambar 4.6 Halaman Manajemen Mata Pelajaran ... 123
Gambar 4.7 Halaman Manajemen Mata Pelajaran Kelas ... 125
Gambar 4.8 Halaman Manajemen Materi Pengajar ... 127
Gambar 4.9 Halaman Manajemen Tugas Pengajar ... 129
Gambar 4.10 Halaman Filter Siswa ... 132
Gambar 4.19 Halaman Detail Materi Essay ... 151
Gambar 4.20 Halaman Detail Materi Download ... 151
Gambar 4.21 Halaman Detail Tugas Siswa ... 153
Gambar 4.22 Halaman Pengerjaan Tugas Pilihan Ganda ... 155
Gambar 4.23 Halaman Pengerjaan Tugas Essay ... 156
Gambar 4.24 Halaman Pengerjaan Tugas Upload ... 156
Gambar 4.25 Halaman Koreksi dan Cetak Nilai Tugas Siswa ... 158
Gambar 4.26 Halaman Cetak Laporan Nilai Siswa ... 159
xx ABSTRAK
ARIS AHMAD ANSHORI. 2016. PEMBANGUNAN APLIKASI
E-LEARNING BERBASIS WEB DI SMK KARYA NUGRAHA BOYOLALI. Program SI Teknik Informatika Fakultas Ilmu Komputer Universitas Widya Dharma Klaten.
Selama ini semua proses pembelajaran di SMK Karya Nugraha Boyolali masih bersifat konvensional, dengan kata lain bahwa proses belajar mengajar antar siswa dengan guru hanya dapat dilakukan dengan syarat terjadinya pertemuan antara siswa dengan guru di dalam kelas. Jika pertemuan antara siswa dengan guru tidak terjadi atau guru yang bersangkutan tidak hadir dan waktu pembelajaran yang dibatasi pihak sekolah, maka secara otomatis proses pembelajaran pun akan terhambat. Berbagai konsep dan teknik baru dalam pengajaran telah banyak dikembangkan untuk menggantikan metode tradisional yang hanya mengandalkan pada metode pengajaran satu arah di kelas. Salah satu metode pengajaran yang sedang berkembang saat ini adalah e-learning. E-learning dapat membantu para pengajar dalam mendistribusikan bahan ajar mereka tanpa harus berada di kelas dengan menggunakan media internet, hal ini dapat memaksimalkan waktu pembelajaran di kelas yang terbatas.
Pengembangan sistem informasi dalam pembuatan perangkat lunak menggunakan metode Waterfall. Metode pengumpulan data yang digunakan dalam penelitian ini adalah wawancara, observasi dan studi pustaka. Untuk merancang aplikasi ini digunakan metode perancangan struktural yaitu pembuatan Entity Relationship (ER) dan pembuatan Data Flow Diagram (DFD) untuk merancang dan mendokumentasikan sistem perangkat lunak berdasarkan aliran data. Dalam pembuatan perangkat lunak ini menggunakan PHP sebagai bahasa script yang digunakan untuk membuat halaman website dan MySQL sebagai database tempat penyimpanan data.
Dengan adanya e-learning ini dapat membantu proses belajar mengajar agar lebih optimal. Memudahkan para guru untuk dapat mendistribusikan materi pelajaran untuk siswa siswi di SMK Karya Nugraha Boyolali dan juga siswa siswi dapat dengan mudah mendapat materi pelajaran. Website e-learning ini dapat dijadikan sebagai media diskusi tambahan untuk membahas materi pelajaran yang belum tuntas serta dapat mengerjakan soal-soal ujian/ tugas berupa pilihan ganda dan mengumpulkan tugas-tugas yang di berikan oleh guru.
1
BAB I
PENDAHULUAN
A. Latar Belakang Masalah
Perkembangan teknologi informasi dan komunikasi yang sangat pesat mendorong berbagai lembaga pendidikan khususnya SMK Karya Nugraha Boyolali memanfaatkan sistem e-learning untuk meningkatkan efektivitas dan fleksibilitas pembelajaran. Selama ini semua proses pembelajaran di SMK Karya Nugraha Boyolali masih bersifat konvensional, dengan kata lain bahwa proses belajar mengajar antara siswa
dengan guru hanya dapat dilakukan melalui pertemuan antara siswa dengan guru di dalam kelas.
Jika pertemuan antara siswa dengan guru tidak terjadi atau guru yang bersangkutan tidak hadir dan waktu pembelajaran yang dibatasi pihak sekolah, maka secara otomatis proses pembelajaran pun akan terhambat. Selain itu proses transfer ilmu pengetahuan sepenuhnya dilakukan di dalam kelas. Keadaan seperti ini dapat menghambat proses pembelajaran maupun pendistribusian materi antara siswa dengan guru di SMK Karya Nugraha Boyolali, yang dapat berakibat berkurangnya pemahaman siswa terhadap suatu materi pelajaran.
Terbatasnya waktu belajar mengajar dikelas terkadang menghalangi para guru dalam memberikan semua materi pelajaran kepada siswanya. Hal ini menjadi masalah tersendiri untuk siswa dan guru yang ingin
2
menyampaikan secara detil tentang mata pelajaran tersebut. Kesulitan ini banyak dikeluhkan para siswa dan guru saat ini karena terkadang materi yang butuh pembahasan dalam waktu lama justru harus dijelaskan dalam waktu singkat.
Dalam tercapainya kesuksesan dalam belajar, proses komunikasi antara para guru dan siswa sangat dibutuhkan maka perlu dibuat suatu aplikasi e-learning berbasis web yang dapat diakses kapan saja dan dimana saja sehingga mendukung proses pendidikan di SMK Karya Nugraha Boyolali.
Berdasarkan latar belakang yang telah dipaparkan sebelumnya, maka peneliti bermaksud mengambil topik tugas akhir ini dengan judul
“PEMBANGUNAN APLIKASI E-LEARNING BERBASIS WEB DI
SMK KARYA NUGRAHA BOYOLALI”.
1. Alasan Pemilihan Judul
Di dalam penelitian ini peneliti mengambil judul “PEMBANGUNAN APLIKASI E-LEARNING BERBASIS WEB DI
SMK KARYA NUGRAHA BOYOLALI” dikarenakan pada SMK
Karya Nugraha Boyolali belum terdapat aplikasi e-learning berbasis web.
2. Rumusan Masalah
3
permasalahan yang dihadapi yaitu bagaimana membangun aplikasi pembelajaran e-learning untuk SMK Karya Nugraha Boyolali.
3. Maksud dan Tujuan
Berdasarkan masalah yang diteliti, maka maksud dari penulisan penelitian ini adalah untuk mengaplikasikan perancangan sistem pembelajaran aplikasi e-learning. Adapun tujuan yang ingin dicapai dalam penelitian ini adalah:
a. Memudahkan siswa untuk mendapatkan materi tambahan serta mempermudah guru untuk memberikan pembelajaran tambahan disamping kegiatan belajar dikelas.
b. Mempermudah komunikasi tanya jawab bisa dilakukan oleh guru kepada siswa, begitu juga sebaliknya.
c. Mempermudah guru menyampaikan latihan soal jika guru yang bersangkutan berhalangan hadir dikelas.
d. Memudahkan guru untuk mengevaluasi metode pembelajaran yang digunakan dengan cara melihat grafik nilai siswa hingga nilai yang siswa capai melebihi KKM yang ditentukan.
4. Batasan Masalah
4
a. Pengaturan hak akses kepada setiap user
b. Sistem mengelola data-data yang bersangkutan dengan pembelajaran yang ada di lingkungan SMK Karya Nugraha seperti materi.
c. Siswa tidak bisa mengikuti tugas/ ujian yang ada dialam aplikasi diluar sekolah.
d. Fasilitas tambahan di aplikasi e-learning ini adalah materi pelajaran yang diberikan bisa berupa modul yang berbentuk teks seperti doc, pdf, xls, dan ppt, gambar yang bisa di download, serta dapat memberikan pelayanan tugas/ ujian dengan soal dan jawaban bisa berupa teks dan gambar.
e. Cara pandang pembuatan perangkat lunak yang digunakan adalah terstruktur, dengan Entity Relational Diagram (ERD) sebagai model data dan Data Flow Diagram (DFD) untuk model fungsionalnya.
5. Keaslian Penelitian
Dalam melakukan penelitian ini peneliti belum pernah menjumpai penelitian yang sama, sehingga peneliti mengambil tema Pembangunan Aplikasi e-learning Berbasis Web di SMK Karya Nugraha Boyolali.
6. Manfaat Penelitian
5
a. Bagi Peneliti
1. Sebagai prasyarat untuk mencapai derajat sarjana dan menerapkan disiplin ilmu yang telah diperoleh di bangku kuliah.
2. Untuk menambah wawasan secara nyata dari apa yang telah diteliti di lapangan khususnya tentang pemrograman web di internet.
3. Mengembangkan kemampuan secara nyata dari apa yang telah diteliti di lapangan khususnya untuk pembangunan dan perancangan pemrograman berbasis web dan analisis sistem. b. Bagi Pihak Universitas Widya Dharma
Menambah literatur perpustakaan dan bahan pertimbangan yang berhubungan dengan tugas akhir khususnya pada Fakultas Ilmu Komputer yang diharapkan bisa sebagai referensi dan acuan bagi mahasiswa.
c. Bagi pihak SMK Karya Nugraha Boyolali
1. Memfasilitasi, mempermudah serta bagaimana mengoptimalkan proses belajar mengajar didalam kelas, yang dapat dilakukan didalam aplikasi e-learning berbasis web ini.
6
B. Tujuan Penelitian
Adapun tujuan penelitian yang dilakukan di SMK KARYA NUGRAHA Boyolali ini adalah:
1. Peneliti dapat mengaplikasikan ilmu yang diperoleh selama kuliah di Universitas Widya Dharma Klaten dengan membuat aplikasi pembelajaran berbasis web di SMK KARYA NUGRAHA Boyolali dalam hal ini yaitu e-learning berbasis web.
163
BAB V
KESIMPULAN DAN SARAN
Pada bab ini peneliti akan menyampaikan kesimpulan dan saran yang dapat digunakan sebagai bahan masukan dan pertimbangan untuk mengembangkan dan menyempurnakan aplikasi e-learning berbasis web ini agar menjadi lebih sempurna dan lebih baik.
A. Kesimpulan
Dari penelitian yang telah dilakukan di SMK Karya Nugraha Boyolali, maka dapat diperoleh kesimpulan sebagai berikut :
1. Aplikasi e-learning ini memudahkan siswa untuk mendapatkan materi tambahan serta mempermudah guru untuk memberikan pembelajaran tambahan disamping kegiatan belajar dikelas.
2. Aplikasi e-learning ini mempermudah komunikasi tanya jawab, bisa dilakukan oleh guru kepada siswa, begitu juga sebaliknya.
3. Aplikasi e-learning ini mempermudah guru menyampaikan latihan soal jika guru yang bersangkutan berhalangan hadir dikelas.
4. Aplikasi e-learning ini memudahkan guru untuk mengevaluasi metode pembelajaran yang digunakan dengan cara melihat grafik nilai siswa hingga nilai yang siswa capai melebihi KKM yang ditentukan.
164
B. Saran
Untuk pengembangan aplikasi e-learning berbasis web ini, ada beberapa saran yang dapat dilakukan untuk pengembangan aplikasi selanjutnya, yaitu :
1. Menambahkan fitur video chat agar lebih maksimal dalam membantu proses belajar mengajar.
DAFTAR PUSTAKA
Bayu Samodra. (2013). Perancangan Aplikasi E-Learning pada SMA Muhammadiyah 1 Klaten. Universitas Widya Dharma. Klaten
Dea Diki Hamdan. (2012). Pembangunan Aplikasi E-Learning di SMA BPI 1 Bandung. Universitas Komputer Indonesia. Bandung
Effendi, E., & Zhuang, H. (2005). E-Learning Konsep dan Aplikasi. Yogyakarta: Andi Offset.
Abdul Kadir. (2008). Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Penerbit Andi.
Betha Sidik. (2012). Framework CodeIgniter. Bandung: INFORMATIKA. Fathansyah. (2004). Sistem Basis Data. Bandung: INFORMATIKA.
Febrian, J. (2005). Menggunakan Internet ; Menjalankan berbagai aktivitas internet melalui : PC, Notebook, Handphone, dan PDA. Bandung: Penerbit Informatika.
Jogiyanto, H. (2001). Analisis dan Desain Sistem Informatika. Yogyakarta: Penerbit Andi.
Komputer, W. (2011). Mastering CMS Programming with PHP & MySQL. Yogyakarta: Penerbit ANDI.
Madcoms. (2005). Aplikasi Manajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL. Yogyakarta: ANDI OFFSET.
Madcoms. (2010). Kupas Tuntas Adobe Dreamweaver CS5 dengan Pemrograman PHP & MySQL. Yogyakarta: ANDI OFFSET.
Nugroho, B. (2008). Aplikasi E-Learning dengan PHP & Editor Dreamweaver.
Susanti, E., & Sholeh, M. (2008). Rancang Bangun Aplikasi E-Learning. Jurnal Teknologi , 1, 53-57.
https://id.wikibooks.org/wiki/Pemrograman_CSS/Pengantar
http://www.cksholic.com/2014/07/pengertian-javascript-dan-contoh.html http://ft.unsur.ac.id/akademik/unduh/dokumen8.pdf.html