Perancangan Aplikasi E-Learning Berbasis Web Pada Yayasan Pendidikan R.A. Kartini
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
Disetujui di
Medan,
Juni 2013
Disetujui Oleh
Departeman Matematika FMIPA USU
Pembimbing,
Ketua,
Prof. Dr. Tulus, M.Si
Drs.
Ujian
Sinulingga,
M.Si.
NIP. 196209011988031002
NIP.
195603031984031004
ii
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
ii
iii
iv
v
vi
ix
Bab 1 Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Maslah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Tinjauan Pustaka
1.7 Sistematika Penulisan
1
2
2
3
4
4
6
Bab 2 Landasan Teori
2.1 E-Learning
2.1.1 Pengertian E-Learning
2.1.2 Sejarah E-Learning
2.1.3 Fungsi E-Learning
2.2 Pengertian Internet
2.2.1 Sekilas Mengenai Web
2.2.2 Sejarah Web
2.2.3 Web Server
2.2.4 HTTP (Hypertext Transfer Protocol)
2.3 HTML
2.4 PHP
2.4.1 Sejarah PHP
2.4.2 Kelebihan PHP
2.4.3 Penggabungan Script PHP dan HTML
2.4.3.1 Embedded Script
2.4.3.2 Non Embedded Script
2.5 MySQL
2.5.1 Sejarah MySQL
2.6 Adobe Dreamwaver CS 5
8
8
8
10
11
12
12
13
13
14
14
14
16
17
17
18
19
19
20
Bab 3 Tinjauan Umum Sekolah
3.1 Latar Belakang Yayasan Pendidikan R.A. Kartini
3.2 Visi dan Misi Yayasan Pendidikan R.A. Kartini
3.2.1 Visi Yayasan Pendidikan R.A. Kartini
21
22
22
vi
Universitas Sumatera Utara
3.2.2
Misi Yayasan Pendidikan R.A. Kartini
Bab 4 Perancangan Sistem
4.1 Perancangan Sistem
4.2 Perancangan Database
4.2.1 Tabel Admin
4.2.2 Tabel Guru
4.2.3 Tabel Siswa
4.2.4 Tabel Mapel
4.2.5 Tabel Kelas
4.2.6 Tabel Materi
4.2.7 Tabel Berita
4.3 Diagram Alir Data
4.3.1 Perancangan Data Flow Diagran (DFD)
4.3.2 Data Flow Diagram Level Nol
4.4 Flowchart
4.4.1 Flowchart Login
4.4.2 Flowchart Menu Utama
4.4.3 Flowchart Data Guru
4.4.4 Flowchart Data Siswa
4.4.5 Flowchart Data Materi
4.4.6 Flowchart Data Pelajaran
4.4.7 Flowchart Kelas
4.4.8 Flowchart Berita
Bab 5 Implementasi Sistem
5.1 Definisi Implementasi Sistem
5.2 Tujuan Implementasi Sistem
5.3 Spesifikasi Hardware
5.4 Spesifikasi Software
5.5 Brainware
5.6 Instalasi XAMPP
5.7 Menjalankan Apache dan MySQL
5.8 Pengujian di Browser
5.9 Demonstrasi Program
5.9.1 Halaman Login
5.9.2 Halaman Home Admin
5.9.3 Halaman Management Data
5.9.4 Halaman Tambah Guru
5.9.5 Halaman Siswa
Bab 6 Kesimpulan Dan Saran
6.1 Kesimpulan
6.2 Saran
Daftar pustaka
Lampiran
23
24
24
25
25
26
26
27
27
27
28
28
29
31
32
33
34
35
35
36
36
37
38
38
39
39
40
40
41
41
43
43
44
44
45
45
47
47
48
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 4.1 Tabel Admin
Gambar 4.2 Tabel Guru
Gambar 4.3 Tabel Siswa
Gambar 4.4 Tabel Mapel
Gambar 4.5 Tabel Kelas
Gambar 4.6 Tabel Materi
Gambar 4.7 Tabel Berita
Gambar 4.8 Konteks E-Learning pada Yayasan Pendidikan R.A. Kartini
Gambar 4.9 DFD Level Nol pada Yayasan Pendidikan R.A. Kartini
Gambar 4.10 Tabel Simbol-Simbol Flowchart
Gambar 4.11 Flowchart Login
Gambar 4.12 Flowchart Menu Utama
Gambar 4.13 Flowchart Data Guru
Gambar 4.14 Flowchart Data Siswa
Gambar 4.15 Flowchart Data Materi
Gambar 4.16 Flowchart Data Pelajaran
Gambar 4.17 Flowchart Data Kelas
Gambar 4.18 Flowchart Data Berita
Gambar 5.1 Menjalankan Apache dan MySQL
Gambar 5.2 Gambar URL E-Learning
Gambar 5.3 Tampilan Awal
Gambar 5.4 Tampilan Login
Gambar 5.5 Tampilan Halaman Utama Admin
Gambar 5.6 Tampilan Management Data
Gambar 5.7 Tampilan Tambah Guru
Gambar 5.8 Tampilan Halaman Siswa
25
25
26
26
27
27
28
29
30
31
33
34
34
35
35
36
36
37
41
42
42
43
44
44
45
45
viii
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
Disetujui di
Medan,
Juni 2013
Disetujui Oleh
Departeman Matematika FMIPA USU
Pembimbing,
Ketua,
Prof. Dr. Tulus, M.Si
Drs.
Ujian
Sinulingga,
M.Si.
NIP. 196209011988031002
NIP.
195603031984031004
ii
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
ii
iii
iv
v
vi
ix
Bab 1 Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Maslah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Tinjauan Pustaka
1.7 Sistematika Penulisan
1
2
2
3
4
4
6
Bab 2 Landasan Teori
2.1 E-Learning
2.1.1 Pengertian E-Learning
2.1.2 Sejarah E-Learning
2.1.3 Fungsi E-Learning
2.2 Pengertian Internet
2.2.1 Sekilas Mengenai Web
2.2.2 Sejarah Web
2.2.3 Web Server
2.2.4 HTTP (Hypertext Transfer Protocol)
2.3 HTML
2.4 PHP
2.4.1 Sejarah PHP
2.4.2 Kelebihan PHP
2.4.3 Penggabungan Script PHP dan HTML
2.4.3.1 Embedded Script
2.4.3.2 Non Embedded Script
2.5 MySQL
2.5.1 Sejarah MySQL
2.6 Adobe Dreamwaver CS 5
8
8
8
10
11
12
12
13
13
14
14
14
16
17
17
18
19
19
20
Bab 3 Tinjauan Umum Sekolah
3.1 Latar Belakang Yayasan Pendidikan R.A. Kartini
3.2 Visi dan Misi Yayasan Pendidikan R.A. Kartini
3.2.1 Visi Yayasan Pendidikan R.A. Kartini
21
22
22
vi
Universitas Sumatera Utara
3.2.2
Misi Yayasan Pendidikan R.A. Kartini
Bab 4 Perancangan Sistem
4.1 Perancangan Sistem
4.2 Perancangan Database
4.2.1 Tabel Admin
4.2.2 Tabel Guru
4.2.3 Tabel Siswa
4.2.4 Tabel Mapel
4.2.5 Tabel Kelas
4.2.6 Tabel Materi
4.2.7 Tabel Berita
4.3 Diagram Alir Data
4.3.1 Perancangan Data Flow Diagran (DFD)
4.3.2 Data Flow Diagram Level Nol
4.4 Flowchart
4.4.1 Flowchart Login
4.4.2 Flowchart Menu Utama
4.4.3 Flowchart Data Guru
4.4.4 Flowchart Data Siswa
4.4.5 Flowchart Data Materi
4.4.6 Flowchart Data Pelajaran
4.4.7 Flowchart Kelas
4.4.8 Flowchart Berita
Bab 5 Implementasi Sistem
5.1 Definisi Implementasi Sistem
5.2 Tujuan Implementasi Sistem
5.3 Spesifikasi Hardware
5.4 Spesifikasi Software
5.5 Brainware
5.6 Instalasi XAMPP
5.7 Menjalankan Apache dan MySQL
5.8 Pengujian di Browser
5.9 Demonstrasi Program
5.9.1 Halaman Login
5.9.2 Halaman Home Admin
5.9.3 Halaman Management Data
5.9.4 Halaman Tambah Guru
5.9.5 Halaman Siswa
Bab 6 Kesimpulan Dan Saran
6.1 Kesimpulan
6.2 Saran
Daftar pustaka
Lampiran
23
24
24
25
25
26
26
27
27
27
28
28
29
31
32
33
34
35
35
36
36
37
38
38
39
39
40
40
41
41
43
43
44
44
45
45
47
47
48
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 4.1 Tabel Admin
Gambar 4.2 Tabel Guru
Gambar 4.3 Tabel Siswa
Gambar 4.4 Tabel Mapel
Gambar 4.5 Tabel Kelas
Gambar 4.6 Tabel Materi
Gambar 4.7 Tabel Berita
Gambar 4.8 Konteks E-Learning pada Yayasan Pendidikan R.A. Kartini
Gambar 4.9 DFD Level Nol pada Yayasan Pendidikan R.A. Kartini
Gambar 4.10 Tabel Simbol-Simbol Flowchart
Gambar 4.11 Flowchart Login
Gambar 4.12 Flowchart Menu Utama
Gambar 4.13 Flowchart Data Guru
Gambar 4.14 Flowchart Data Siswa
Gambar 4.15 Flowchart Data Materi
Gambar 4.16 Flowchart Data Pelajaran
Gambar 4.17 Flowchart Data Kelas
Gambar 4.18 Flowchart Data Berita
Gambar 5.1 Menjalankan Apache dan MySQL
Gambar 5.2 Gambar URL E-Learning
Gambar 5.3 Tampilan Awal
Gambar 5.4 Tampilan Login
Gambar 5.5 Tampilan Halaman Utama Admin
Gambar 5.6 Tampilan Management Data
Gambar 5.7 Tampilan Tambah Guru
Gambar 5.8 Tampilan Halaman Siswa
25
25
26
26
27
27
28
29
30
31
33
34
34
35
35
36
36
37
41
42
42
43
44
44
45
45
viii
Universitas Sumatera Utara
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
Universitas Sumatera Utara