PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA YAYASAN PENDIDIKAN R.A. KARTINI TUGAS AKHIR AHMAD HUMAIDI 102406071 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA YAYASAN PENDIDIKAN R.A. KARTINI TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer AHMAD HUMAIDI 102406071 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
PERSETUJUAN Judul : Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini Kategori : Tugas Akhir Nama : Ahmad Humaidi Nomor induk mahasiswa : 102406071 Program studi : D3 Teknik Informatika Departemen : Matematika Fakultas : Matematika dan Ilmu Pengetahuan Alam Disetujui di Medan, Juni 2013 Disetujui Oleh Departeman Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M.Si Drs. Ujian Sinulingga, M.Si. NIP. 196209011988031002 NIP. 195603031984031004 ii
PERNYATAAN PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA YAYASAN PENDIDIKAN R.A. KARTINI TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2013 AHMAD HUMAIDI 102406071 iii
PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpahan karunia-nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini. Terima kasih penulis sampaikan kepada Bapak Drs. Ujian Sinulingga, M.Si. selaku pembimbing 1 yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terima kasih kepada Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU. Terima kasih kepada Bapak Syahriol Sitorus, S.Si., M.I.T dan Ibu Dra. Elly Rosmaini, M.Si selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dra. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, seluruh Staf dan Dosen FMIPA USU, pegawai FMIPA USU dan rekanrekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa membalasnya. iv
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA YAYASAN PENDIDIKAN R.A. KARTINI ABSTRAK Inovasi dalam teknologi pembelajaran memang tidak dapat berhanti. Setiap saat pendidik yang tergabung di dalamnya berusaha untuk mengembangkan teknologi yang digunakan selama ini dan memperbaiki kelemahan-kelemahan untuk kualitas pendidikan yang lebih baik. Yayasan Pendidikan R.A. Kartini merupakan wujud kepedulian terhadap program pemerintah Indonesia di bidang pendidikan yaitu turut mencerdaskan kehidupan bangsa dan mempersiapkan sumber daya manusia yang unggul. Tujuan utama dari pengembangan sistem ini adalah untuk menunjukkan bahwa ada solusi alternatif dalam mendidik siswa-siswi dengan menggunakan teknologi informasi. Sistem ini dibangun dengan menggunakan perangkat lunak Adobe Dreamwaver CS 5, Adobe Photoshop, XAMPP, CorelDraw dan internet browser Mozilla Firefox. Sistem informasi akademik ini dirancang untuk mempermudah pengolahan data, pengolahan nilai dan berbagai hal yang berhubungan dengan kegiatan Yayasan Pendidikan R.A. Kartini. Kata kunci: sistem, informasi, teknologi v
DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Gambar ii iii iv v vi ix Bab 1 Pendahuluan 1.1 Latar Belakang 1 1.2 Rumusan Maslah 2 1.3 Batasan Masalah 2 1.4 Tujuan Penelitian 3 1.5 Manfaat Penelitian 4 1.6 Tinjauan Pustaka 4 1.7 Sistematika Penulisan 6 Bab 2 Landasan Teori 2.1 E-Learning 8 2.1.1 Pengertian E-Learning 8 2.1.2 Sejarah E-Learning 8 2.1.3 Fungsi E-Learning 10 2.2 Pengertian Internet 11 2.2.1 Sekilas Mengenai Web 12 2.2.2 Sejarah Web 12 2.2.3 Web Server 13 2.2.4 HTTP (Hypertext Transfer Protocol) 13 2.3 HTML 14 2.4 PHP 14 2.4.1 Sejarah PHP 14 2.4.2 Kelebihan PHP 16 2.4.3 Penggabungan Script PHP dan HTML 17 2.4.3.1 Embedded Script 17 2.4.3.2 Non Embedded Script 18 2.5 MySQL 19 2.5.1 Sejarah MySQL 19 2.6 Adobe Dreamwaver CS 5 20 Bab 3 Tinjauan Umum Sekolah 3.1 Latar Belakang Yayasan Pendidikan R.A. Kartini 21 3.2 Visi dan Misi Yayasan Pendidikan R.A. Kartini 22 3.2.1 Visi Yayasan Pendidikan R.A. Kartini 22 vi
3.2.2 Misi Yayasan Pendidikan R.A. Kartini 23 Bab 4 Perancangan Sistem 4.1 Perancangan Sistem 24 4.2 Perancangan Database 24 4.2.1 Tabel Admin 25 4.2.2 Tabel Guru 25 4.2.3 Tabel Siswa 26 4.2.4 Tabel Mapel 26 4.2.5 Tabel Kelas 27 4.2.6 Tabel Materi 27 4.2.7 Tabel Berita 27 4.3 Diagram Alir Data 28 4.3.1 Perancangan Data Flow Diagran (DFD) 28 4.3.2 Data Flow Diagram Level Nol 29 4.4 Flowchart 31 4.4.1 Flowchart Login 32 4.4.2 Flowchart Menu Utama 33 4.4.3 Flowchart Data Guru 34 4.4.4 Flowchart Data Siswa 35 4.4.5 Flowchart Data Materi 35 4.4.6 Flowchart Data Pelajaran 36 4.4.7 Flowchart Kelas 36 4.4.8 Flowchart Berita 37 Bab 5 Implementasi Sistem 5.1 Definisi Implementasi Sistem 38 5.2 Tujuan Implementasi Sistem 38 5.3 Spesifikasi Hardware 39 5.4 Spesifikasi Software 39 5.5 Brainware 40 5.6 Instalasi XAMPP 40 5.7 Menjalankan Apache dan MySQL 41 5.8 Pengujian di Browser 41 5.9 Demonstrasi Program 43 5.9.1 Halaman Login 43 5.9.2 Halaman Home Admin 44 5.9.3 Halaman Management Data 44 5.9.4 Halaman Tambah Guru 45 5.9.5 Halaman Siswa 45 Bab 6 Kesimpulan Dan Saran 6.1 Kesimpulan 47 6.2 Saran 47 Daftar pustaka 48 Lampiran vii
DAFTAR GAMBAR Gambar 4.1 Tabel Admin 25 Gambar 4.2 Tabel Guru 25 Gambar 4.3 Tabel Siswa 26 Gambar 4.4 Tabel Mapel 26 Gambar 4.5 Tabel Kelas 27 Gambar 4.6 Tabel Materi 27 Gambar 4.7 Tabel Berita 28 Gambar 4.8 Konteks E-Learning pada Yayasan Pendidikan R.A. Kartini 29 Gambar 4.9 DFD Level Nol pada Yayasan Pendidikan R.A. Kartini 30 Gambar 4.10 Tabel Simbol-Simbol Flowchart 31 Gambar 4.11 Flowchart Login 33 Gambar 4.12 Flowchart Menu Utama 34 Gambar 4.13 Flowchart Data Guru 34 Gambar 4.14 Flowchart Data Siswa 35 Gambar 4.15 Flowchart Data Materi 35 Gambar 4.16 Flowchart Data Pelajaran 36 Gambar 4.17 Flowchart Data Kelas 36 Gambar 4.18 Flowchart Data Berita 37 Gambar 5.1 Menjalankan Apache dan MySQL 41 Gambar 5.2 Gambar URL E-Learning 42 Gambar 5.3 Tampilan Awal 42 Gambar 5.4 Tampilan Login 43 Gambar 5.5 Tampilan Halaman Utama Admin 44 Gambar 5.6 Tampilan Management Data 44 Gambar 5.7 Tampilan Tambah Guru 45 Gambar 5.8 Tampilan Halaman Siswa 45 viii
DAFTAR LAMPIRAN Lampiran 1 : Listing Program Lampiran 2 : Surat Pengumpulan Data Riset Mahasiswa Lampiran 3 : Surat Balasan Riset Pengumpulan Data Lampiran 4 : Kartu Bimbingan Mahasiswa Lampiran 5 : Surat Keterangan Hasil Uji Program ix