SISTEM INFORMASI E-LEARNING PADA SMA NEGERI 4 PALEMBANG
LAPORAN AKHIR
Dibuat Untuk Memenuhi Syarat Menyelesaikan Pendidikan Diploma III Jurusan Manajemen Informatika
Politeknik Negeri Sriwijaya
Oleh:
Intan Fitriana Wulandari 0611 3080 1323
JURUSAN MANAJEMEN INFORMATIKA POLITEKNIK NEGERI SRIWIJAYA
iv
MOTTO DAN PERSEMBAHAN
“Bertakwalah pada Allah maka Allah akan mengajarimu. Sesungguhnya Allah Maha Mengetahui segala sesuatu.” (QS. Al-Baqarah:282)
“Berusahalah untuk tidak menjadi sukses, melainkan untuk menjadi bernilai.” (Albert Einstein)
“Jika Anda sedang benar, jangan terlalu berani dan jika Anda sedang takut, jangan terlalu takut. Karena keseimbangan sikap adalah penentu ketetapan perjalanan kesuksesan Anda.” (Indra satriadi)
Kupersembahkan kepada :
Ayahku dan Ibuku yang selalu menjadi pahlawan hidupku, yang selalu mengajarkan aku segalanya, yang selalu mencurahkan kasih sayangnya dan selalu memberikan dukungan baik secara moril maupun materil yang sangat besar untuk keberhasilanku. Kakak dan adik-adikku tercinta
Teman-teman seperjuangan 6 IA, 6 IB, 6 IC, 6 MIB, 6 MIC dan yang terkhusus 6 MIA, terimakasih atas kekompakan dan kebersamaan kalian selama ini.
Teman semejaku Zahrah Fathonah terimakasih atas kebersamaan dan kerja samanya.
Sahabat-sahabatku yang jauh disana yang tidak bisa ku sebutkan satu persatu terimakasih atas dukungannya selama ini.
v ABSTRACT
vi ABSTRAK
vii
KATA PENGANTAR
Puji dan syukur penulis hanturkan kehadirat Allah SWT yang telah
memberikan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan
dengan baik Laporan Akhir ini, dengan judul “Sistem Informasi E-Learning pada SMA Negeri 4 Palembang”. Serta tidak lupa shalawat dan salam kepada Rasulullah SAW yang telah menjasi suri tauladan bagi kita semua.
Adapun tujuan dari pembuatan Laporan Akhir ini adalah sebagai salah satu
persyaratan untuk menyelesaikan pendidikan Diploma III Jurusan Manajemen
Informatika Politeknik Negeri Sriwijaya Palembang.
Dalam penulisan Laporan Akhir ini penulis banyak mendapatkan bantuan
yang sangat berharga, sehingga penulis dapat menyelesaikan Laporan Akhir ini
sesuai dengan waktu yg ditentukan. Pada kesempatan ini tak lupa penulis
mengucapkan terima kasih yang teramat dalam kepada semua pihak yang telah
membantu, membimbing, dan memberikan motivasi dalam penulisan Laporan
Akhir ini terutama kepada:
1. Allah SWT atas segala rahmat, ridho dan karunia yang diberikan.
2. Bapak RD. Kusumanto, S.T., M.M. selaku Direktur Politeknik Negeri
Sriwijaya Palembang.
3. Bapak H. Firdaus, S.T, M.T. selaku pembantu Direktur I Politeknik Negeri
Sriwijaya Palembang.
4. Bapak H.L. Suhairi Hazisma, S.E, M. Si. Selaku pembantu Direktur II
Politeknik Negeri Sriwijaya Palembang.
5. Bapal Ir. Irawan Rusnadi, M.T. Selaku pembantu Direktur III Politeknik
Negeri Sriwijaya Palembang.
6. Bapak Dr. Ing. Ahmad Taqwa, M.T. Selaku pembantu Direktur IV Politeknik
Negeri Sriwijaya Palembang.
7. Bapak Dedy Rusdyanto, S.E, M.Si. selaku Ketua Jurusan Manajemen
Informatika.
8. Bapak Robinson, S.Kom.,M.Kom. selaku Sekretaris Jurusan Manajemen
viii
9. Bapak Indra Satriadi, S.T, M.Kom selaku dosen pembimbing I dalam
membantu pembuatan Laporan Akhir ini.
10. Bapak dan Ibu dosen serta karyawan Politeknik Negeri Sriwijaya Jurusan
Manajemen Informatika.
11. Kedua orang tua dan kakak serta adikku yang telah banyak membantu dan
selalu memberikan dukungan baik moril maupun materil dalam pembuatan
Laporan Akhir ini.
12. Teman-teman seperjuangan kelas 6.IA, 6.IB, 6.IC, 6.MIB, dan 6.MIC dan
yang terkhusus untuk kelas 6.MIA Jurusan Manajemen Informatika
Politeknik Negeri Sriwijaya yang selalu mendukung, mendo’akan dan
memberi perhatian dalam menyelesaikan Laporan Akhir ini.
13. Semua pihak yang telah membantu dalam penyelesaian Laporan Akhir ini.
Dalam Penulisan Laporan Akhir ini penulis menyadari bahwa pembahasan
yang disajikan tidak lepas dari kekurangan. Oleh karena itu, penulis dengan
senang hati menerima kritik dan saran yang bersifat membangun, demi
memperbaiki dan menyempurnakan Laporan Akhir ini dari kekurangan dan
kesalahan yang ada di masa mendatang.
Semoga Laporan Akhir ini bisa bermanfaat bagi pembaca ataupun bagi
penulis sendiri. Demikian yang bisa penulis sampaikan.
Palembang, Juli 2014
ix DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
LEMBAR PENGESAHAN ... ii
LEMBAR REVISI ... iii
MOTTO DAN PERSEMBAHAN ... iv
ABSTRACT ... v
ABSTRAK ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xvi
DAFTAR GAMBAR ...xviii
BAB I PENDAHULUAN 1.1. Latar Belakang... 1
1.2. Perumusan Masalah ... 3
1.3. Batasan Masalah ... 3
1.4. Tujuan dan Manfaat ... 3
1.4.1. Tujuan... 3
1.4.2. Manfaat ... 4
1.5. Metodologi Penelitian ... 4
1.5.1. Metode Pengembangan Sistem ... 4
1.5.2. Lokasi Penelitian ... 5
1.5.3. Teknik Pengumpulan Data ... 5
1.6. Sistematika Penulisan ... 6
x
2.1.1. Pengertian Komputer ... 7
2.1.2. Pengertian Teknologi ... 7
2.1.3. Pengertian Internet ... 7
2.1.4. Pengertian Web ... 8
2.1.5. Pengertian Pengolahan Data ... 8
2.1.6. Pengertian Basis Data (database) ... 8
2.1.7. Pengertian Sekolah ... 8
2.1.8. Metode Pengembangan Sistem ... 9
2.1.9. Metode Pengujian Perangkat Lunak ... 10
2.1.9.1. Pengertian Metode Pengujian ... 10
2.1.9.2. Metode Pengujian ... 10
2.1.9.3. Metode Black Box Testing ... 10
2.2. Teori Judul ... 11
2.2.1. Pengertian Sistem... 11
2.2.2. Pengertian Informasi ... 11
2.2.3. Pengrtian Sistem Informasi ... 12
2.2.4. E-Learning ... 12
2.2.4.1. Pengertian E-Learning ... 12
2.2.4.2. Fungsi E-Learning ... 12
2.2.4.3. Manfaat E-Learning ... 13
2.2.4.4. Kelemahan E-Learning ... 14
2.2.5. Pengertian SMA ... 14
2.2.6. Pengertian Sistem Informasi E-Learning pada SMA Negeri 4 Palembang ... 14
2.3. Teori Khusus ... 15
2.3.1. Data Flow Diagram (DFD) ... 15
xi
2.3.3. Pengertian Flowchart ... 18
2.3.4. Pengertian Blockchart ... 19
2.3.5. Entity Relational Diagram (EFD) ... 21
2.4. Teori Program... 23
2.4.1. Sekilas Tentang PHP ... 23
2.4.1.1. Pengertian PHP ... 23
2.4.1.2. Script PHP ... 24
2.4.1.3. Teknik Penulisan Script PHP ... 25
2.4.2. Sekilas Tentang MySQL ... 26
2.4.2.1. Pengertian MySQL ... 26
2.4.2.2. Fungsi-Fungsi MySQL ... 26
2.4.2.3. Keistimewaan MySQL ... 27
2.4.3. Sekilas Tentang Adobe Dreamweaver CS5 ... 29
2.4.3.1. Pengertian Adobe Dreamweaver CS5 ... 29
2.4.3.2. Starting page... 29
2.4.3.3. Ruang Kerja Adobe Dreamweaver CS5 ... 30
BAB III GAMBARAN UMUM SEKOLAH 3.1. Sejarah Singkat SMA Negeri 4 Palembang ... 34
3.2. Visi dan Misi SMA Negeri 4 Palembang ... 35
3.2.1. Visi Sekolah ... 35
3.2.2. Misi Sekolah ... 35
3.3. Struktur Organisasi dan Uraian Tugas SMA Negeri 4 Palembang 36 3.3.1. Struktur Organisasi ... 36
3.3.2. Uraian Tugas... 37
3.4. Fasilitas Sekolah ... 43
3.5. Kegiatan Ekstrakurikuler Sekolah ... 44
xii
3.6.1. Aktivitas Berjalan ... 44
BAB IV PEMBAHASAN 4.1. Analisis Sistem ... 46
4.1.1. Identifikasi Sistem ... 46
4.1.2. Prosedur Sistem Yang Akan Diterapkan ... 46
4.1.3. Studi Kelayakan ... 47
4.1.4. Lokasi Penelitian ... 50
4.1.5. Alat dan Bahan ... 50
4.1.5.1. Alat... 50
4.1.5.2. Bahan ... 51
4.2. Desain Sistem ... 51
4.2.1. Desain Secara Umum ... 51
4.2.1.1. Konseptual ... 51
4.2.1.1.1. Diagram Konteks ... 51
4.2.1.1.2. DFD Level 0 (Level Zero) ... 53
4.2.1.1.3. Blockchart Diagram ... 57
4.2.1.1.4. Flowchart ... 61
4.2.1.1.5. Entity Relational Diagram (ERD) ... 64
4.2.1.2. Logikal ... 66
4.2.1.2.1. Kamus Data ... 66
4.2.1.2.2. Desain Tabel ... 69
4.2.2. Desain Terinci ... 73
4.2.2.1. Desain Form Login ... 73
4.2.2.2. Desain Form Home Admin ... 74
4.2.2.3. Desain Form Tambah Data Kelas ... 74
4.2.2.4. Desain Form Tambah Data Mata Pelajaran ... 75
xiii
4.2.2.6. Desain Form Tambah Data Guru... 76
4.2.2.7. Desain Form Tambah Pengumuman... 76
4.2.2.8. Desain Form Home Guru ... 77
4.2.2.9. Desain Form Input Nilai ... 77
4.2.2.10. Desain Form Upload Modul ... 78
4.2.2.11. Desain Form Upload Soal ... 78
4.2.2.12. Desain Form Jawaban Soal ... 79
4.2.2.13. Desain Form List Forum Diskusi ... 79
4.2.2.14. Desain Form Tambah Forum Diskusi ... 80
4.2.2.15. Desain Form List Pengumuman ... 80
4.2.2.16. Desain Form View Pengumuman ... 81
4.2.2.17. Desain Form Home Siswa ... 81
4.2.2.18. Desain Form Info Nilai ... 82
4.2.2.19. Desain Form Download Modul ... 82
4.2.2.20. Desain Form Tugas ... 83
4.2.2.21. Desain Form List Forum Diskusi ... 83
4.2.2.22. Desain Form Komentar Diskusi ... 84
4.2.2.23. Desain Form List Pengumuman ... 84
4.2.2.24. Desain Form View Pengumuman ... 85
4.3. Pengodean Sistem ... 85
4.3.1. Pengodean Database ... 85
4.3.2. Tampilan Program ... 91
4.3.2.1. Tampilan Halaman Login ... 91
4.3.2.2. Tampilan Halaman Home Admin ... 91
4.3.2.3. Tampilan Halaman Tambah Data Kelas ... 92
4.3.2.4. Tampilan Halaman Tambah Data Mata Pelajaran ... 92
4.3.2.5. Tampilan Halaman Tambah Data Siswa ... 93
xiv
4.3.2.7. Tampilan Halaman Tambah Pengumuman ... 94
4.3.2.8. Tampilan Halaman Home Guru ... 94
4.3.2.9. Tampilan Halaman Input Nilai ... 95
4.3.2.10. Tampilan Halaman Upload Modul ... 95
4.3.2.11. Tampilan Halaman Upload Soal ... 96
4.3.2.12. Tampilan Halaman Jawaban Soal ... 96
4.3.2.13. Tampilan Halaman Tambah Forum Diskusi ... 97
4.3.2.14. Tampilan Halaman List Forum Diskusi Guru ... 97
4.3.2.15. Tampilan Halaman Komentar Diskusi ... 98
4.3.2.16. Tampilan Halaman Home Siswa ... 98
4.3.2.17. Tampilan Halaman Info Nilai ... 99
4.3.2.18. Tampilan Halaman Download Modul ... 99
4.3.2.19. Tampilan Halaman Tugas ... 100
4.3.2.20. Tampilan Halaman List Forum Diskusi Siswa ... 100
4.3.2.21. Tampilan Halaman List Pengumuman ... 101
4.3.2.22. Tampilan Halaman View Pengumuman ... 101
4.4. Pengujian Sistem ... 102
4.4.1. Rencana Pengujian... 102
4.4.2. Kasus dan Hasil Pengujian ... 103
4.4.3. Kesimpulan Hasil Pengujian ... 115
4.5. Pemeliharaan Sistem... 116
BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan... 117
5.2. Saran ... 117
xv
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol DFD Yourdan & De Marco ... 15
Tabel 2.2 Simbol-simbol DFD Gane & Sarson ... 16
Tabel 2.3 Simbol-simbol Data Flow Diagram (DFD) ... 16
Tabel 2.4 Simbol-simbol Kamus Data (Data Dictionary) ... 17
Tabel 2.5 Simbol-simbol Flowchart ... 18
Tabel 2.6 Simbol-simbol Blockchart... 20
Tabel 2.7 Simbol-simbol Entity Relationship Diagram (ERD) ... 22
Tabel 2.8 Simbol-simbol Entity Relationship Diagram (ERD) ... 22
Tabel 2.9 Script Dasar PHP ... 25
Tabel 2.10 Fungsi-fungsi MySQL dalam PHP ... 26
Tabel 4.1 Faktor Teknis ... 48
Tabel 4.2 Faktor Operasional ... 49
Tabel 4.3 Faktor Ekonomis ... 49
Tabel 4.12 Data Jawaban Kuis... 72
Tabel 4.13 Data Nilai ... 72
Tabel 4.14 Data Diskusi ... 72
Tabel 4.15 Data Diskusi Chat ... 73
xvi
Tabel 4.17 Kasus dan Pengujian Form Login/Akses Sistem ...103
Tabel 4.18 Kasus dan Pengujian Form Data Kelas ...103
Tabel 4.19 Kasus dan Pengujian Form Data Mata Pelajaran ...104
Tabel 4.20 Kasus dan Pengujian Form Data Siswa ...106
Tabel 4.21 Kasus dan Pengujian Form Data Guru ...107
Tabel 4.22 Kasus dan Pengujian Form Data Pengumuman oleh Admin ...108
Tabel 4.23 Kasus dan Pengujian Form Info Pengumuman Guru dan Siswa .109 Tabel 4.24 Kasus dan Pengujian Form Input Data Nilai ...109
Tabel 4.25 Kasus dan Pengujian Form Info Data Siswa ...110
Tabel 4.26 Kasus dan Pengujian Form Upload Modul ...110
Tabel 4.27 Kasus dan Pengujian Form Download Modul ...111
Tabel 4.28 Kasus dan Pengujian FormUpload Soal...112
Tabel 4.29 Kasus dan Pengujian Form Download Soal ...113
Tabel 4.30 Kasus dan Pengujian Form Upload Jawaban Soal ...113
Tabel 4.31 Kasus dan Pengujian Form Download Jawaban Soal ...113
Tabel 4.32 Kasus dan Pengujian Form Forum Diskusi Guru ...114
xvii
DAFTAR GAMBAR
Halaman
Gambar 1.1 Ilistrasi Model Waterfall ... 5
Gambar 2.1 Tampilan Program HTML pada Browser ... 24
Gambar 2.2 Tampilan Awal Adobe Dreamweaver CS5 ... 29
Gambar 2.3 Tampilan Ruang Kerja Adobe Dreamweaver CS5 ... 31
Gambar 2.4 Application Bar pada Adobe Dreamweaver CS5 ... 31
Gambar 2.5 Toolbar Document pada Adobe Dreamweaver CS5 ... 31
Gambar 2.6 Document Window pada Adobe Dreamweaver CS5... 32
Gambar 2.7 Workspace Switcher pada Adobe Dreamweaver CS5 ... 32
Gambar 2.8 Panel Groups pada Adobe Dreamweaver CS5 ... 32
Gambar 2.9 Tag Selector pada Adobe Dreamweaver CS5 ... 33
Gambar 2.10 Property Inspector pada Adobe Dreamweaver CS5 ... 33
Gambar 2.11 Toolbar Browser pada Adobe Dreamweaver CS5 ... 33
Gambar 3.1 Struktur Organisasi SMA Negeri 4 Palembang ... 36
Gambar 3.2 Sistem yang Sedang Berjalan ... 45
Gambar 4.1 Desain Diagram Konteks ... 53
Gambar 4.2 Desain Data Flow Diagram (DFD) Level Zero ... 56
Gambar 4.3 Desain Blockchart Diagram ... 60
Gambar 4.4 Desain Flowchart Admin ... 62
Gambar 4.5 Desain Flowchart Guru ... 63
Gambar 4.6 Desain Flowchart Siswa ... 64
Gambar 4.7 Desain Entity Relationship Diagram (ERD) ... 65
Gambar 4.8 Desain Form Login ... 73
Gambar 4.9 Desain Form Home Admin ... 74
Gambar 4.10 Desain Form Tambah Data Kelas... 74
Gambar 4.11 Desain Form Tambah Data Mata Pelajaran ... 75
xviii
Gambar 4.13 Desain Form Tambah Data Guru ... 76
Gambar 4.14 Desain Form Tambah Pengumuman ... 76
Gambar 4.15 Desain Form Home Guru ... 77
Gambar 4.16 Desain Form Input Nilai ... 77
Gambar 4.17 Desain Form Upload Modul... 78
Gambar 4.18 Desain Form Upload Soal ... 78
Gambar 4.19 Desain Form Jawaban Soal ... 79
Gambar 4.20 Desain Form List Forum Diskusi ... 79
Gambar 4.21 Desain Form Tambah Forum Diskusi... 80
Gambar 4.22 Desain Form List Pengumuman ... 80
Gambar 4.23 Desain Form View Pengumuman ... 81
Gambar 4.24 Desain Form Home Siswa... 81
Gambar 4.25 Desain Form Info Nilai ... 82
Gambar 4.26 Desain Form Download Modul ... 82
Gambar 4.27 Desain Form Tugas ... 83
Gambar 4.28 Desain Form List Forum Diskusi ... 83
Gambar 4.29 Desain Form Komentar Diskusi ... 84
Gambar 4.30 Desain Form List Pengumuman ... 84
Gambar 4.31 Desain Form View Pengumuman ... 85
Gambar 4.32 Tampilan Halaman Login ... 91
Gambar 4.33 Tampilan Halaman Home Admin ... 91
Gambar 4.34 Tampilan Halaman Tambah Data Kelas ... 92
Gambar 4.35 Tampilan Halaman Tambah Data Mata Pelajaran... 92
Gambar 4.36 Tampilan Halaman Tambah Data Siswa ... 93
Gambar 4.37 Tampilan Halaman Tambah Data Guru ... 93
Gambar 4.38 Tampilan Halaman Tambah Pengumuman ... 94
Gambar 4.39 Tampilan Halaman Home Guru ... 94
xix
Gambar 4.41 Tampilan Halaman Upload Modul ... 95
Gambar 4.42 Tampilan Halaman Upload Soal ... 96
Gambar 4.43 Tampilan Halaman Jawaban Soal ... 96
Gambar 4.44 Tampilan Halaman Tambah Forum Diskusi ... 97
Gambar 4.45 Tampilan Halaman List Forum Diskusi Guru ... 97
Gambar 4.46 Tampilan Halaman Komentar Diskusi ... 98
Gambar 4.47 Tampilan Halaman Home Siswa ... 98
Gambar 4.48 Tampilan Halaman Info Nilai ... 99
Gambar 4.49 Tampilan Halaman Download Modul ... 99
Gambar 4.50 Tampilan Halaman Tugas ...100
Gambar 4.51 Tampilan Halaman List Forum Diskusi Siswa ...100
Gambar 4.52 Tampilan Halaman List Pengumuman ...101