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
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
PERANCANGAN APLIKASIE-LEARNINGBERBASIS 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.Softwareyang 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.
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.
DAFTAR ISI
2.4 PHP (Personal Home Page) 11
2.5 HTML( Hypertext Markup L anguage ) 13
2.6 CSS(Cascading Style Sheet) 13
2.7 MySQL 14
2.8 XAMPP 15
Bab 3. Gambaran Umum SMP Negeri 1 Beringin
3.2 Visi dan Misi SMP Negeri 1 Beringin 16
3.2.1 Visi SMP Negeri 1 Beringin 17
3.2.2 Misi SMP Negeri 1 Beringin 17
Bab 4. Analisis dan Perancangan Sistem
4.1 Analisis Sistem 19
4.2 Perancangan Sistem 19
4.3 Perancangan Basis Data 20
4.4 Diagram Konteks 23
4.5 Perancangan Flowchart 24
4.5.1 Flowchart Admin dan Guru 25
4.5.2 Flowchart Siswa 25
5.3 Menjalankan Apache dan MySQL 30
DAFTAR TABEL
Nomor Judul...Halaman
Tabel
4.1. Struktur Tabel Admin 20
4.2. Struktur Tabel Siswa 20
4.3. Struktur Tabel Pengajar 21
4.4. Struktur Tabel Kelas 21
4.5. Struktur Tabel Mata Pelajaran 21
4.6. Struktur Tabel File Materi 22
4.7. Struktur Tabel Soal Essay 22
4.8. Struktur Tabel Soal Pilihan Ganda 22
4.9. Struktur Tabel Jawaban 22
4.10. Struktur Tabel Nilai 23
Nomor Judul...Halaman Gambar
4.1. Diagram KonteksE-learningSMP Negeri 1 Beringin 24
4.2. FlowchartAdmin dan Guru 26
4.3. FlowchartSiswa 27
5.1. Menjalankan Apache dan MySQL 32
5.2. Halaman Login Admin 32
5.3. Halaman Login Siswa 33
5.4. Halaman Registrasi Siswa 33
5.5. Menu Utama Halaman Admin 34
5.6. Halaman Manajemen Siswa 35
5.7. Menu Utama Halaman Guru 35
5.8. Halaman Utama Siswa 36
DAFTAR LAMPIRAN
Nomor Judul...Halaman
Lamp
1. Listing Program 40
2. Kartu Uji Program 78
3. Kartu Bimbingan 79
4. SK Dosen Pembimbing 80