TUGAS AKHIR
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI
E-LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP
Diajukan Untuk Memenuhi Salah Satu Persyaratan Dalam Menyelesaikan
Pendidikan Sarjana (S-1) Pada Departemen Teknik Elektro
OLEH:
MUTIARA SARI 100422063
DEPARTEMEN TEKNIK ELEKTRO
PROGRAM PENDIDIKAN SARJANA EKSTENSI
FAKULTAS TEKNIK
UNIVERSITAS SUMATERA UTARA
MEDAN
i ABSTRAK
Dengan semakin berkembangnya teknologi informasi dari tahun ke tahun, memunculkan banyaknya cara untuk memanfaatkan kemajuan teknologi informasi. Pemanfaatan teknologi informasi tersebut dapat diimplementasikan untuk meningkatkan efektivitas dari proses suatu pembelajaran. Salah satunya adalah dengan metode e-Learning atau yang biasa dikenal dengan pembelajaran yang menggunakan media elektronik.
Pada umumnya pembelajaran secara konvensional dilakukan melalui media cetak atau non elektronik. Namun dengan adanya e-Learning, kita dapat belajar dengan menggunakan media elektronik secara online membantu peningkatan efektifitas terutama dalam mempelajari sebuah bahasa pemrograman pembelajaran bahasa pemrograman PHP. Dengan adanya bantuan website
e-Learning ini diharapkan dapat membantu siapapun untuk mempelajari bahasa
pemrograman PHP baik itu untuk pemula maupun bagi yang ingin memperdalam pengetahuannya. e-Learning ini berisi materi pembelajaran bahasa pemrograman PHP untuk pemula, soal-soal latihan bahasa pemrograman, forum diskusi,
chatting antara author dengan anggota ataupun anggota dengan anggota yang ada
di e-Learning, berita, dan tutorial hingga kebutuhan informasi yang menunjang
proses belajar mengajar bahasa pemrograman yang ada di website ini dapat terpenuhi.
ii
KATA PENGANTAR
Assalamualaikum Wr, Wb.
Puji syukur penulis panjatkan ke hadirat Allah SWT yang telah
melimpahkan segenap rahmat hidayah-Nya yang memberikan pengetahuan,
kesabaran dan kesehatan kepada penulis sehingga penulis dapat menyelesaikan
Tugas Akhir ini. Tugas Akhir ini berjudul “PERANCANGAN DAN
IMPLEMENTASI SISTEM INFORMASI E-LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP”. Tujuan penulisan
Tugas Akhir ini adalah untuk memenuhi persyaratan dalam menyelesaikan
Program Pendidikan Sarjana Jurusan Teknik Elektro, Universitas Sumatera Utara.
Tugas Akhir ini juga dapat penulis selesaikan berkat doa dan dukungan
berupa materi dan nonmateri dari Ayahanda A. Samad dan Ibunda F. Suarni yang
telah diberikan kepada penulis selama ini, serta adik-adik kandung saya Iskandar
Muda, S.E, Nurmala Hayati, dan Muhammad Reza yang selama ini memberikan
bantuan dan dorongan kepada penulis. Selama masa perkuliahan sampai
selesainya Tugas Akhir ini, penulis banyak mendapatkan bimbingan dan
dukungan dari berbagai pihak. Untuk itu, dengan setulus hati penulis
mengucapkan terimakasih yang sebesar-besarnya kepada:
Selama masa perkuliahan sampai masa penyelesaian tugas akhir ini,
penulis banyak memperoleh bimbingan dan dukungan dari berbagai pihak. Pada
kesempatan ini, dengan setulus hati penulis ucapkan terima kasih yang
iii
1. Bapak Ir. Surya Tarmizi Kasim, M.Si, selaku Ketua Departemen Teknik
Elektro FT-USU.
2. Bapak Rahmat Fauzi ST, MT, selaku Sekretaris Departemen Teknik
Elektro FT-USU dan sekaligus sebagai dosen wali penulis.
3. Ir Kasmir Tanjung, MT, selaku Dosen Pembimbing yang dengan sabar
membimbing dan memberi masukan serta inspirasi baik selama
perkuliahan maupun selama pengerjaan tugas akhir.
4. Seluruh dosen pengajar dan staf pegawai Departemen Teknik Elektro
FT-USU.
5. Teman-teman penulis Yetty, Elda, Ratih, Wilfrid, Doli, Bukry, Ronald,
Leo, Erik, Jakson, Feri, Terhulin, Emil, Victor, reza dan semua teman
yang tidak dapat penulis sebutkan satu-persatu yang telah banyak memberi
dukungan dan semangat kepada penulis.
Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna.
Penulis sangat mengharapkan masukan yang membangun demi penyempurnaan
Tugas Akhir ini. Akhir kata, penulis berharap Tugas Akhir ini dapat bermanfaat
bagi siapapun yang membacanya. Terima kasih.
Medan, April 2015
iv DAFTAR ISI
ABSTRAK ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... vii
DAFTAR TABEL ... x
1.5 Metodologi Penelitian ... 3
1.6 Sistematika Penulisan ... 3
v
2.8.2 Sistem Manajemen Database ... 11
2.9 Data flow diagram (DFD) ... 12
2.10 ERD (Entity Relationship Diagram) ... 14
2.11 Flowchart ... 16
2.12 Xampp ... 16
BAB III ANALISIS DAN PERANCANGAN SISTEM ... 17
3.1 Analisis ... 17
3.1.1 Analisis Masalah ... 17
3.2 Perancangan Sistem ... 17
3.2.1 Diagram Konteks ... 17
3.2.2 Data Flow Diagram dari Rancangan Sistem ... 19
3.2.3 Spesifikasi Proses DFD ... 25
3.3 Tabel Relasi ... 29
3.4 Perancangan Basis Data ... 30
3.4.1 Struktur Tabel Database ... 30
3.5 Perancangan Sistem Informasi ... 43
3.5.1 Perancangan AdminInterfaceInput (Pemasukan) Data ... 43
3.5.2 Perancangan Admin Interface Output (Keluaran) ... 47
3.6 Flowchart ... 51
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ... 67
4.1 Pengertian Implementasi Sistem ... 67
4.1.1 Perangkat Keras (Hardware) ... 67
4.1.2 Perangkat Lunak (Software) ... 67
4.1.3 Unsur Manusia (Brainware) ... 68
4.2 Database Program ... 68
4.3 Implementasi Antar Muka (User Interface) ... 69
4.3.1 Tampilan Halaman Admin... 69
vi
4.3.2.1 Halaman Author ... 75
4.3.2.2 Halaman Anggota... 79
BAB V KESIMPULAN DAN SARAN ... 81
5.1 Kesimpulan ... 81
5.2 Saran ... 81
vii
DAFTAR GAMBAR
Gambar 2.1 Komponen Sistem Informasi ... 6
Gambar 2.2 Simbol Kesatuan Luar/Entitas Luar ... 12
Gambar 2.3 Simbol Arus Data ... 13
Gambar 2.4 Simbol Proses ... 13
Gambar 2.5 Simbol Simpanan Data ... 13
Gambar 3.1 Diagram Konteks... 18
Gambar 3.2 DFD level 1 ... 20
Gambar 3.3 DFD Olah Data Admin ... 21
Gambar 3.4 DFD Level 2 Olah Data Author ... 22
Gambar 3.5 DFD Level 2 Olah Data Kategori ... 22
Gambar 3.6 DFD Level 2 Olah Data Berita ... 23
Gambar 3.7 DFD Level 2 Olah Data Materi ... 24
Gambar 3.8 DFD Level 2 Olah Data Soal ... 25
Gambar 3.9 Skema Relasi Sistem ... 30
Gambar 3.10 Perancangan Login Admin ... 43
Gambar 3.11 Perancangan Input Data Admin ... 43
Gambar 3.12 Perancangan Input Data Kategori ... 44
Gambar 3.13 Perancangan Input Data Berita ... 44
Gambar 3.14 Perancangan Input Data Author ... 45
Gambar 3.15 Perancangan Input Data Tutorial... 45
Gambar 3.16 Perancangan Input Data Materi ... 46
Gambar 3.17 Perancangan Input Data Soal Quiz... 46
Gambar 3.18 Pengolahan Data Admin ... 47
Gambar 3.19 Pengolahan Data Kategori ... 47
Gambar 3.20 Pengolahan Data Berita ... 48
viii
Gambar 3.22 Pengolahan Data Tutorial ... 49
Gambar 3.24 Pengolahan Tampilan Data Materi ... 50
Gambar 3.25 Tampilan Halaman Utama ... 50
Gambar 3.26 Flowchart Login Admin ... 51
Gambar 3.27 Flowchart Menu Admin ... 51
Gambar3.28 Flowchart Olah Data Kategori Materi ... 52
Gambar 3.29 Flowchart Olah Data Author ... 53
Gambar3.30 Flowchart Olah Data Berita ... 54
Gambar 3.31 Flowchart Olah Data Admin ... 55
Gambar 3.32 Flowchart Data Anggota ... 56
Gambar 3.33 Flowchart Data Materi ... 57
Gambar 3.34 Flowchart Menu Halaman Utama ... 58
Gambar 3.35 Flowchart Login Author ... 59
Gambar 3.36 Flowchart Menu Author ... 59
Gambar 3.37 Flowchart Input Materi Pembelajaran ... 60
Gambar 3.38 Flowchart Input Soal Pembelajaran ... 60
Gambar 3.39 Flowchart Ubah Foto Author ... 61
Gambar 3.40 Flowchart Ubah ProfileAuthor ... 62
Gambar 3.41 Flowchart Ubah Password Author ... 63
Gambar3.42 Flowchart ubah Login Anggota ... 64
Gambar 3.43 Flowchart Menu Anggota ... 64
Gambar3.44 Flowchart Ubah Foto Anggota ... 65
Gambar3.45 Flowchart Ubah Profile Anggota ... 66
Gambar 4.1 Database Program e-Learning ... 68
Gambar 4.2 Tampilan Halaman LoginAdmin ... 70
Gambar 4.3 Tampilan Home pada Admin ... 70
Gambar 4.4 Tampilan Menu Data pada Halaman Admin ... 71
ix
Gambar 4.6 Tampilan Halaman Data Kategori... 72
Gambar 4.7 Tampilan Halaman Berita setelah diinput ... 72
Gambar 4.8 Tampilan Input Data Author ... 73
Gambar 4.9 Tampilan Halaman Data Inputan Tutorial ... 73
Gambar 4.10 Tampilan Halaman Data Inputan Materi ... 74
Gambar 4.11 Tampilan Halaman Utama e-Learning ... 75
Gambar 4.12 Tampilan Halaman Utama Author ... 76
Gambar 4.13 Tampilan Halaman Input Materi pada Author ... 76
Gambar 4.14 Tampilan Urutan Isi Materi pada Author ... 77
Gambar 4.15 Tampilan Halaman Input Soal Quiz ... 77
Gambar 4.16 Tampilan Isi Soal Quiz pada Halaman Author... 78
Gambar 4.17 Tampilan Input Forum pada Halaman Author ... 78
Gambar 4.18 Tampilan Halaman Register Anggota ... 79
Gambar 4.19 Tampilan Halaman Proses Quiz ... 80
x
DAFTAR TABEL
Tabel 3.1 Spesifikasi Proses ... 25
Tabel 3.2 Struktur Tabel Admin ... 30
Tabel 3.3 Struktur Tabel Berita ... 31
Tabel 3.4 Struktur Tabel Kategori ... 33
Tabel 3.5 Struktur Tabel Forum ... 34
Tabel 3.6 Struktur Tabel Author ... 35
Tabel 3.7 Struktur Tabel Materi ... 36
Tabel 3.8 Struktur Tabel Anggota ... 38
Tabel 3.9 Struktur Tabel Soal ... 39
