Perancangan Aplikasi E-Learning Berbasis Web Pada SMP Negeri 1 Beringin
Universitas Sumatera Utara
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB
PADA SMP NEGERI 1 BERINGIN
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juli 2017
Wantika Wulandari
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Perancangan Aplikasi E-Learning
Berbasis Web Pada SMP Negeri 1 Beringin.
Terimakasih penulis sampaikan kepada Dr. Mardiningsih, M.Si. selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini. Terima kasih kepada
Dr. Syahriol Sitorus, S.Si., M.IT. sebagai
Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
perkuliahan. Terimakasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan
Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program
Studi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU,seluruh Staf dan Dosen Program Studi D3 Teknik Informatika
FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak
terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan
dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan
membalasnya.
Medan, Juli 2017
Wantika Wulandari
Universitas Sumatera Utara
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB
PADA SMP NEGERI 1 BERINGIN
ABSTRAK
E-learning merupakan suatu kemajuan teknologi web pada bidang pendidikan,
berperan dalam membantu kelancaran proses penyampaian materi pelajaran pada
SMP Negeri 1 Beringin secara online, monitoring siswa yang dapat
memperlihatkan progress dari siswa dalam mengakses materi, tugas, kuis, dan
lainnya. Aplikasi ini dalam pembuatannya menggunakan bahasa pemrograman
PHP. Software yang digunakan yaitu XAMPP dan menggunakan Sublime Text 2
untuk penulisan script halaman website, serta Cascading style Sheet (CSS)
sebagai aplikasi untuk mendesain tampilan pada website. MySQL sebagai
penyimpanan data. Aplikasi ini memberikan dan memudahkan dalam beberapa
hal, seperti : membantu dalam proses kegiatan belajar-mengajar yang dapat
menumbuhkan sisi mandiri pada siswa agar tidak hanya aktif disekolah saja
namun bisa secara online, untuk dapat mengambil materi pelajaran dan aplikasi
ini memiliki fitur untuk mengikuti tugas dan kuis secara online.
Kata kunci : E-learning, PHP, Sublime Text 2, MySQL
Universitas Sumatera Utara
E-LEARNING WEB-BASED APPLICATION DESIGN
ON SMP NEGERI 1 BERINGIN
ABSTRACT
E-learning is a progress of web technology in the field of education, plays a role
in helping the smooth delivery of subject matter at SMP Negeri 1 Beringin online,
monitoring students who can show progress of students in accessing materials,
tasks, quiz, and others. This application is in the making using PHP programming
language. The software used is XAMPP and uses Sublime Text 2 for writing
website page scripts, as well as Cascading Style Sheet (CSS) as an application to
design the look of the website. MySQL as data storage. This application provides
and facilitates in some ways, such as: assisting in the teaching-learning process
that can grow the self-reliant on the students to not only active in school but can
be online, to take the lesson material and this application has the features to follow
the task and Quiz online.
Keywords: E-learning, PHP, Sublime Text 2, MySQL
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
Bab 1
Bab 2.
Bab 3.
Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodelogi Penelitian
1.7 Tinjauan Pustaka
1.8 Sistematika Penulisan
Halaman
i
ii
iii
iv
v
vi
viii
ix
x
1
3
3
4
4
4
5
6
Tinjauan Pustaka
2.1 E-learning
2.2 Internet
2.3 Web Browser
2.4 PHP (Personal Home Page)
8
10
11
11
2.5 HTML( Hypertext Markup L anguage )
2.6 CSS (Cascading Style Sheet)
2.7 MySQL
2.8 XAMPP
13
13
14
15
Gambaran Umum SMP Negeri 1 Beringin
3.1 Latar Belakang SMP Negeri 1 Beringin
16
Universitas Sumatera Utara
Bab 4.
Bab 5.
Bab 6.
3.2 Visi dan Misi SMP Negeri 1 Beringin
3.2.1 Visi SMP Negeri 1 Beringin
3.2.2 Misi SMP Negeri 1 Beringin
16
17
17
Analisis dan Perancangan Sistem
4.1 Analisis Sistem
4.2 Perancangan Sistem
4.3 Perancangan Basis Data
4.4 Diagram Konteks
4.5 Perancangan Flowchart
4.5.1 Flowchart Admin dan Guru
4.5.2 Flowchart Siswa
19
19
20
23
24
25
25
Implementasi Sistem
5.1 Implementasi Sistem
5.1.1 Perangkat Keras (Hardware)
5.1.2 Perangkat Lunak (Software)
5.1.3 Manusia (Brainware)
5.2 Instalasi XAMPP
5.3 Menjalankan Apache dan MySQL
5.4 Tampilan Halaman Website
5.4.1 Halaman Login
5.4.2 Halaman Menu Utama
28
28
29
29
30
30
31
31
34
Penutup
6.1 Kesimpulan
6.2 Saran
37
38
Daftar Pustaka
Lampiran
39
40
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul ................................................ Halaman
Struktur Tabel Admin
Struktur Tabel Siswa
Struktur Tabel Pengajar
Struktur Tabel Kelas
Struktur Tabel Mata Pelajaran
Struktur Tabel File Materi
Struktur Tabel Soal Essay
Struktur Tabel Soal Pilihan Ganda
Struktur Tabel Jawaban
Struktur Tabel Nilai
Struktur Tabel Registrasi Siswa
20
20
21
21
21
22
22
22
22
23
23
Universitas Sumatera Utara
DAFTAR GAMBAR
Universitas Sumatera Utara
Nomor
Gambar
4.1.
4.2.
4.3.
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
5.9.
Judul ................................................ Halaman
Diagram Konteks E-learning SMP Negeri 1 Beringin
Flowchart Admin dan Guru
Flowchart Siswa
Menjalankan Apache dan MySQL
Halaman Login Admin
Halaman Login Siswa
Halaman Registrasi Siswa
Menu Utama Halaman Admin
Halaman Manajemen Siswa
Menu Utama Halaman Guru
Halaman Utama Siswa
Halaman File Materi
24
26
27
32
32
33
33
34
35
35
36
36
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Nomor
Lamp
1.
2.
3.
4.
5.
Judul ................................................ Halaman
Listing Program
Kartu Uji Program
Kartu Bimbingan
SK Dosen Pembimbing
Surat Riset
40
78
79
80
81
Universitas Sumatera Utara
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB
PADA SMP NEGERI 1 BERINGIN
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juli 2017
Wantika Wulandari
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Perancangan Aplikasi E-Learning
Berbasis Web Pada SMP Negeri 1 Beringin.
Terimakasih penulis sampaikan kepada Dr. Mardiningsih, M.Si. selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini. Terima kasih kepada
Dr. Syahriol Sitorus, S.Si., M.IT. sebagai
Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
perkuliahan. Terimakasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan
Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program
Studi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU,seluruh Staf dan Dosen Program Studi D3 Teknik Informatika
FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak
terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan
dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan
membalasnya.
Medan, Juli 2017
Wantika Wulandari
Universitas Sumatera Utara
PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB
PADA SMP NEGERI 1 BERINGIN
ABSTRAK
E-learning merupakan suatu kemajuan teknologi web pada bidang pendidikan,
berperan dalam membantu kelancaran proses penyampaian materi pelajaran pada
SMP Negeri 1 Beringin secara online, monitoring siswa yang dapat
memperlihatkan progress dari siswa dalam mengakses materi, tugas, kuis, dan
lainnya. Aplikasi ini dalam pembuatannya menggunakan bahasa pemrograman
PHP. Software yang digunakan yaitu XAMPP dan menggunakan Sublime Text 2
untuk penulisan script halaman website, serta Cascading style Sheet (CSS)
sebagai aplikasi untuk mendesain tampilan pada website. MySQL sebagai
penyimpanan data. Aplikasi ini memberikan dan memudahkan dalam beberapa
hal, seperti : membantu dalam proses kegiatan belajar-mengajar yang dapat
menumbuhkan sisi mandiri pada siswa agar tidak hanya aktif disekolah saja
namun bisa secara online, untuk dapat mengambil materi pelajaran dan aplikasi
ini memiliki fitur untuk mengikuti tugas dan kuis secara online.
Kata kunci : E-learning, PHP, Sublime Text 2, MySQL
Universitas Sumatera Utara
E-LEARNING WEB-BASED APPLICATION DESIGN
ON SMP NEGERI 1 BERINGIN
ABSTRACT
E-learning is a progress of web technology in the field of education, plays a role
in helping the smooth delivery of subject matter at SMP Negeri 1 Beringin online,
monitoring students who can show progress of students in accessing materials,
tasks, quiz, and others. This application is in the making using PHP programming
language. The software used is XAMPP and uses Sublime Text 2 for writing
website page scripts, as well as Cascading Style Sheet (CSS) as an application to
design the look of the website. MySQL as data storage. This application provides
and facilitates in some ways, such as: assisting in the teaching-learning process
that can grow the self-reliant on the students to not only active in school but can
be online, to take the lesson material and this application has the features to follow
the task and Quiz online.
Keywords: E-learning, PHP, Sublime Text 2, MySQL
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
Bab 1
Bab 2.
Bab 3.
Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodelogi Penelitian
1.7 Tinjauan Pustaka
1.8 Sistematika Penulisan
Halaman
i
ii
iii
iv
v
vi
viii
ix
x
1
3
3
4
4
4
5
6
Tinjauan Pustaka
2.1 E-learning
2.2 Internet
2.3 Web Browser
2.4 PHP (Personal Home Page)
8
10
11
11
2.5 HTML( Hypertext Markup L anguage )
2.6 CSS (Cascading Style Sheet)
2.7 MySQL
2.8 XAMPP
13
13
14
15
Gambaran Umum SMP Negeri 1 Beringin
3.1 Latar Belakang SMP Negeri 1 Beringin
16
Universitas Sumatera Utara
Bab 4.
Bab 5.
Bab 6.
3.2 Visi dan Misi SMP Negeri 1 Beringin
3.2.1 Visi SMP Negeri 1 Beringin
3.2.2 Misi SMP Negeri 1 Beringin
16
17
17
Analisis dan Perancangan Sistem
4.1 Analisis Sistem
4.2 Perancangan Sistem
4.3 Perancangan Basis Data
4.4 Diagram Konteks
4.5 Perancangan Flowchart
4.5.1 Flowchart Admin dan Guru
4.5.2 Flowchart Siswa
19
19
20
23
24
25
25
Implementasi Sistem
5.1 Implementasi Sistem
5.1.1 Perangkat Keras (Hardware)
5.1.2 Perangkat Lunak (Software)
5.1.3 Manusia (Brainware)
5.2 Instalasi XAMPP
5.3 Menjalankan Apache dan MySQL
5.4 Tampilan Halaman Website
5.4.1 Halaman Login
5.4.2 Halaman Menu Utama
28
28
29
29
30
30
31
31
34
Penutup
6.1 Kesimpulan
6.2 Saran
37
38
Daftar Pustaka
Lampiran
39
40
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul ................................................ Halaman
Struktur Tabel Admin
Struktur Tabel Siswa
Struktur Tabel Pengajar
Struktur Tabel Kelas
Struktur Tabel Mata Pelajaran
Struktur Tabel File Materi
Struktur Tabel Soal Essay
Struktur Tabel Soal Pilihan Ganda
Struktur Tabel Jawaban
Struktur Tabel Nilai
Struktur Tabel Registrasi Siswa
20
20
21
21
21
22
22
22
22
23
23
Universitas Sumatera Utara
DAFTAR GAMBAR
Universitas Sumatera Utara
Nomor
Gambar
4.1.
4.2.
4.3.
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
5.9.
Judul ................................................ Halaman
Diagram Konteks E-learning SMP Negeri 1 Beringin
Flowchart Admin dan Guru
Flowchart Siswa
Menjalankan Apache dan MySQL
Halaman Login Admin
Halaman Login Siswa
Halaman Registrasi Siswa
Menu Utama Halaman Admin
Halaman Manajemen Siswa
Menu Utama Halaman Guru
Halaman Utama Siswa
Halaman File Materi
24
26
27
32
32
33
33
34
35
35
36
36
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Nomor
Lamp
1.
2.
3.
4.
5.
Judul ................................................ Halaman
Listing Program
Kartu Uji Program
Kartu Bimbingan
SK Dosen Pembimbing
Surat Riset
40
78
79
80
81
Universitas Sumatera Utara