Aplikasi e-Learning Berbasis Framework Codeigniter untuk Pelajaran Teknologi Informasi dan Komunikasi (Studi Kasus : SMA Negeri 16 Palembang).

ABSTRAK
Penerapan teknologi di dalam pendidikan sangatlah berguna untuk menunjang
proses pembelajaran di sekolah. Penggunaan teknologi yang berupa aplikasi Elearning berbasis framework codeigniter untuk pelajaran Teknologi Informasi dan
Komunikasi (Studi Kasus : SMAN 16 Palembang) diharapkan dapat membantu
proses pembelajaran teknologi informasi dan komunikasi. Proses pembelajaran
yang masih manual di SMAN 16 Palembang adalah alasan dari pengembangan
aplikasi ini. Padahal di SMAN 16 ini telah memiliki fasilitas yang memadai untuk
menerapkan sistem pembelajaran secara online. Pembangunan aplikasi E-learning
ini memiliki fungsi seperti ujian secara online, sehingga siswa dapat mengetahui
nilai yang mereka peroleh saat itu juga. Kemudian untuk pengumpulan tugas rumah
mereka, para siswa dapat mengirimkan tugas kapanpun dan dimanapun dengan
syarat harus terhubung dengan internet. Pembangunan aplikasi E-learning ini
sendiri menggunakan framework codeigniter dan pengujian dari hasil pembangunan
sistem ini adalah dengan cara blackbox testing. Dari hasil pembangunan sistem elearning ini, dapat di simpulkan bahwa fitur-fitur yang dibangun pada sistem ini
adalah untuk membantu para siswa. Pada saat siswa melakukan kegiatan
pembelajaran teknologi informasi dan komunikasi.
Kata Kunci: E-learning, Online test, Penilaian, Pendidikan
.

vi
Universitas Kristen Maranatha

ABSTRACT
The application of technology in education is very useful to support the learning
process at school. The use of technology in the form of E-learning applications
based on framework codeIgniter for TIK lessons (Case Study : SMAN 16
Palembang) is expected to help the learning process of information and
communication technology. The manual learning process at SMAN 16 Palembang
was the reason of this application development. Whereas in SMAN 16 it self has a
provided the students a good online facilities. This application will provide will
provide online exam as well as result so every activities can be monitored online.
Then for the collection of their homework, students can submit assignments
whenever and wherever the terms must be connected to Internet. Development of
E-learning application itself using framework Codelgniter and testing of the results of
the development of this system is to test the blackbox. From the results of the
development of E-learning systems, it can be concluded that the features are built in
the system to help the students. By the time students undertake learning activities in
information technology and communication
Keyword : E-learning, Education, Grading, Online Test.

vii

Universitas Kristen Maranatha

DAFTAR ISI
LEMBAR PENGESAHAN ............................................................................... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN.............................. ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN .................................. iii
PRAKATA ..................................................................................................... iv
ABSTRAK ..................................................................................................... vi
ABSTRACT ................................................................................................. vii
DAFTAR ISI ................................................................................................. viii
DAFTAR GAMBAR ......................................................................................xiv
DAFTAR TABEL ..........................................................................................xix
DAFTAR NOTASI/ LAMBANG .....................................................................xxi
BAB 1.

PENDAHULUAN ........................................................................... 1

1.1

Latar Belakang Masalah .................................................................. 1

1.2

Rumusan Masalah ........................................................................... 2

1.3

Tujuan Pembahasan ....................................................................... 3

1.4

Ruang Lingkup Kajian...................................................................... 3

1.5

Sumber Data ................................................................................... 4

1.6

Sistematika Penyajian ..................................................................... 4

BAB 2.

KAJIAN TEORI .............................................................................. 6

2.1

Sistem Informasi .............................................................................. 6

2.2

E-learning ........................................................................................ 8

2.3

Pemodelan Berorientasi Objek ........................................................ 9

2.4

Framework .................................................................................... 11

2.4.1

CodeIgniter............................................................................... 12

2.4.2

MVC CodeIgniter ...................................................................... 12

2.5

Flowchart ....................................................................................... 13

2.5.1

Flowchart Sistem ...................................................................... 13

2.5.2

Flowchart Paperwork/ Flowchart Dokumen .............................. 14

2.5.3

Flowchart Skematik .................................................................. 15

2.5.4

Flowchart Program ................................................................... 15

2.5.5

Flowchart Proses...................................................................... 16

viii
Universitas Kristen Maranatha

2.6

UML (Unifined Modeling Language) .............................................. 17

2.6.1

Use Case Diagram ................................................................... 18

2.6.2

Activity Diagram ....................................................................... 20

2.7

Entity Relantionship Diagram (ERD) .............................................. 21

2.8

Usecase ........................................................................................ 26

2.9

Aplikasi Pendukung Web ............................................................... 27

2.9.1

HTML ....................................................................................... 27

2.9.2

XAMPP .................................................................................... 27

2.9.3

Apache HTTP Server ............................................................... 28

2.9.4

Java Script ............................................................................... 28

2.9.5

PHP.......................................................................................... 29

2.9.6

MYSQL .................................................................................... 29

2.10

Blackbox Testing ........................................................................... 30

BAB 3.

ANALISIS DAN RANCANGAN SISTEM ...................................... 31

3.1

Proses Bisnis ................................................................................. 31

3.1.1

Proses Bisnis Saat Ini .............................................................. 31

3.1.2

Proses Bisnis Sistem Baru ....................................................... 33

3.2

Use Case Diagram E-Learning ...................................................... 36

3.3

Definisi Aktor ................................................................................. 37

3.4

Definisi Use Case .......................................................................... 38

3.5

Skenario Use Case ........................................................................ 41

3.6

Activity Diagram............................................................................. 53

3.6.1

Activity Diagram Login Admin ................................................... 53

3.6.2

Activity Diagram Mengelola Data Siswa ................................... 53

3.6.3

Activity Diagram Mengelola Data Guru ..................................... 54

3.6.4

Activity Diagram Mengelola Data Kelas .................................... 55

3.6.5

Activity Diagaram Mengelola Data Materi Pelajaran ................. 57

3.6.6

Activity Diagram Logout Admin................................................. 58

3.6.7

Activity Diagram Login Siswa ................................................... 58

3.6.8

Activity Diagram Tugas Online ................................................. 59

3.6.9

Activity Diagram Lihat Nilai ....................................................... 60

3.6.10 Activity Diagram View Video ..................................................... 61
ix
Universitas Kristen Maranatha

3.6.11

Activity Diagram Download Materi ......................................... 62

3.6.12

Activity Diagram Download Tugas......................................... 62

3.6.13

Activity Diagram Upload Hasil Tugas .................................... 63

3.6.14

Activity Diagram Logout Siswa .............................................. 64

3.6.15

Activity Diagram Login Guru.................................................. 65

3.6.16

Activity Diagram Melihat Siswa Ajar ...................................... 66

3.6.17

Activity Diagram Materi Pelajaran ......................................... 67

3.6.18

Activity Diagram Buat Soal Online ......................................... 68

3.6.19

Activity Diagram Penilaian Tugas Rumah ............................. 69

3.6.20

Activity Diagram Upload Video .............................................. 70

3.6.21

Activity Diagram Upload Tugas Rumah ................................. 71

3.6.22

Activity Diagram Upload Materi ............................................. 72

3.6.23

Activity Diagram Penilaian Tugas Online............................... 73

3.6.24

Activity Diagram Logut Guru ................................................. 74

3.7

ERD............................................................................................... 76

3.8

Rancangan Antar Muka ................................................................. 77

3.8.1

Antarmuka Dashboard Siswa .................................................. 77

3.8.2

Antarmuka Tugas Online Siswa ............................................... 78

3.8.3

Antarmuka Melakukan Tugas Online Siswa ............................. 78

3.8.4

Antarmuka Lihat Nilai Siswa ..................................................... 79

3.8.5

Antarmuka Download Materi Siswa .......................................... 81

3.8.6

Antarmuka View Video Siswa ................................................... 81

3.8.7

Antarmuka Tugas Rumah Siswa .............................................. 82

3.8.8

Antarmuka Dashboard Guru ..................................................... 83

3.8.9

Antarmuka Siswa Ajar .............................................................. 84

3.8.10 Antarmuka Materi Pelajaran ..................................................... 85
3.8.11 Antarmuka Penilaian Tugas Rumah ......................................... 86
3.8.12 Antarmuka Penilaian Tugas Online .......................................... 87
3.8.13 Antarmuka Membuat Soal ........................................................ 88
3.8.14 Antarmuka Upload Materi ......................................................... 90
3.8.15 Antarmuka Upload Video .......................................................... 91
3.8.16 Antarmuka Upload Tugas Rumah ............................................. 92
x
Universitas Kristen Maranatha

3.8.17

Antarmuka List Tugas Online ................................................ 94

3.8.18

Antamuka Dashboard Admin ................................................ 95

3.8.19

Antarmuka Kelola Siswa ....................................................... 96

3.8.20

Antarmuka Kelola Kelas ........................................................ 97

3.8.21

Antarmuka Kelola Materi Pelajaran ....................................... 99

3.8.22

Antarmuka Kelola Guru ....................................................... 100

BAB 4.

HASIL PENELITIAN .................................................................. 102

4.1

Halaman Login ............................................................................ 102

4.2

Halaman Utama Admin ................................................................ 102

4.3

Halaman List Kelas ...................................................................... 103

4.4

Halaman Tambah kelas ............................................................... 104

4.5

Halaman List Materi Pelajaran ..................................................... 104

4.6

Halaman Tambah Materi Pelajaran ............................................. 105

4.7

Halaman Perbaharui Materi Pelajaran ......................................... 106

4.8

Halaman List Data Guru .............................................................. 106

4.9

Halaman Tambah Data Guru ....................................................... 107

4.10

Halaman Perbaharui Data Guru .................................................. 108

4.11

Halaman Informasi Siswa Didik ................................................... 108

4.12

Halaman List Data Siswa ............................................................. 110

4.13

Halaman Tambah Data Siswa ..................................................... 110

4.14

Halaman Perbaharui Data Siswa ................................................. 111

4.15

Halaman Import Data Siswa ........................................................ 112

4.16

Halaman Utama Guru .................................................................. 112

4.17

Halaman Data Siswa ................................................................... 113

4.18

Halaman Detail Siswa.................................................................. 115

4.19

Halaman Materi Pelajaran ........................................................... 115

4.20

Halaman Perbaharui Materi Pelajaran ........................................ 116

4.21

Halaman Daftar Tugas Rumah .................................................... 117

4.22

Halaman Pemberian Nilai Tugas Rumah ..................................... 117

4.23

Halaman Nilai Tugas Rumah Siswa............................................. 118

4.24

Halaman Daftar Tugas Online ..................................................... 119

4.25

Halaman Siswa Online ................................................................ 119
xi
Universitas Kristen Maranatha

4.26

Halaman Detail Pengerjaan Tugas Online ................................... 120

4.27

Halaman Upload Materi ............................................................... 121

4.28

Halaman List Materi ..................................................................... 121

4.29

Halaman Upload Video ................................................................ 122

4.30

Halaman List Video ..................................................................... 123

4.31

Halaman Upload Tugas Rumah ................................................... 123

4.32

Halaman List Tugas Rumah. ....................................................... 124

4.33

Halaman Assign Tugas................................................................ 125

4.34

Halaman List Tugas Online ......................................................... 125

4.35

Halaman Assign Tugas Online .................................................... 126

4.36

Halaman Pembuatan Soal Tugas Online ..................................... 127

4.37

Halaman Generate Soal .............................................................. 127

4.38

Halaman Kumpulan Soal Tugas Online ....................................... 128

4.39

Halaman Buat Pesan ................................................................... 129

4.40

Halaman List Pesan .................................................................... 130

4.41

Halaman Isi Pesan ...................................................................... 130

4.42

Halaman Utama Siswa ................................................................ 131

4.43

Halaman Download Materi .......................................................... 132

4.44

Halaman View Video ................................................................... 132

4.45

Halaman Nilai Tugas Rumah ....................................................... 133

4.46

Halaman Nilai Tugas Online ........................................................ 134

4.47

Halaman Nilai Akhir Siswa ........................................................... 134

4.48

Halaman Tugas Rumah Siswa .................................................... 135

4.49

Halaman Tugas Online Siswa...................................................... 136

4.50

Halaman List Pesan Siswa .......................................................... 137

4.51

Halaman Buat Pesan Siswa ........................................................ 138

4.52

Halaman Isi Pesan Siswa ............................................................ 138

BAB 5.

PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ............... 140

5.1

Pengujian Form Login User ......................................................... 140

5.2

Pengujian Form Tambah Kelas ................................................... 141

5.3

Pengujian Form Tambah Pelajaran ............................................. 142

5.4

Pengujian Form Tambah Guru .................................................... 142
xii
Universitas Kristen Maranatha

5.5

Pengujian Form Ubah Data Guru ................................................ 146

5.6

Pengujian Form Tambah Siswa ................................................... 149

5.7

Pengujian Form Ubah Data Siswa ............................................... 153

5.8

Pengujian Import File Siswa ........................................................ 155

5.9

Pengujian Form Set Nilai Tugas Rumah ...................................... 156

5.10

Pengujian Form Edit Nilai Tugas Rumah ..................................... 157

5.11

Pengujian Form Set Nilai Akhir .................................................... 158

5.12

Pengujian Form Pemilihan Soal ................................................... 159

5.13

Pengujian Form Buat Soal ........................................................... 160

5.14

Pengujian Form Upload Materi .................................................... 163

5.15

Pengujian Form Upload Video ..................................................... 165

5.16

Pengujian Form Upload Tugas Rumah ........................................ 167

5.17

Pengujian Form Buat Pesan ........................................................ 169

5.18

Pengujian Form Upload Tugas Siswa .......................................... 170

5.19

Pengujian Form Akun Setting ...................................................... 171

BAB 6.

SIMPULAN DAN SARAN .......................................................... 173

6.1

Simpulan ..................................................................................... 173

6.2

Saran ........................................................................................... 173

DAFTAR PUSTAKA....................................................................................... 1

xiii
Universitas Kristen Maranatha

DAFTAR GAMBAR
Gambar 2.1 Ilustrasi Sistem ........................................................................... 6
Gambar 2.2 Flowchart Sistem ..................................................................... 14
Gambar 2.3 Flowchart Paperwork/Flowchart Dokumen ............................... 15
Gambar 2.4 Flowchart Program ................................................................... 16
Gambar 2.5 Flowchart Proses ..................................................................... 17
Gambar 2.6 Contoh Penggunaan Dependensi Include ................................ 19
Gambar 2.7 Contoh Penggunaan Dependesi Extend .................................. 20
Gambar 2.8 Contoh Activity Diagram ........................................................... 21
Gambar 2.9 Entitas ...................................................................................... 22
Gambar 2.10 Atribut .................................................................................... 22
Gambar 2.11 Atribut Komposit ..................................................................... 22
Gambar 2.12 Atribut bernilai tunggal ........................................................... 23
Gambar 2.13 Atribut Bernilai Banyak ........................................................... 23
Gambar 2.14 Atribut Turunan ...................................................................... 23
Gambar 2.15 Relasi Satu ke Satu................................................................ 24
Gambar 2.16 Relasi Satu ke Banyak ........................................................... 24
Gambar 2.17 Relasi Banyak ke Satu ........................................................... 25
Gambar 2.18 Relasi Banyak ke Banyak ....................................................... 25
Gambar 2.19 Simbol Usecase Diagram ....................................................... 27
Gambar 3.1 Proses Bisnis Melakukan Ujian ................................................ 32
Gambar 3.2 Proses Bisnis Pemberian Tugas Rumah .................................. 33
Gambar 3.3 Proses Bisnis Melakukan Ujian pada Sistem Baru ................... 34
Gambar 3.4 Proses Bisnis Tugas Rumah pada Sistem Baru ....................... 35
Gambar 3.5 Use Case Diagram E-learning .................................................. 37
Gambar 3.6 Activity Diagram Login Admin .................................................. 53
Gambar 3.7 Activity Diagram Kelola Data Siswa ......................................... 54
Gambar 3.8 Activity Diagram Mengelola Data Guru.................................... 55
Gambar 3.9 Activity Diagram Mengelola Data Kelas.................................... 56
Gambar 3.10 Activity Diagram Mengelola Data Materi Pelajaran ................. 57
Gambar 3.11 Activity Diagram Logout Admin .............................................. 58

xiv
Universitas Kristen Maranatha

Gambar 3.12 Activity Diagram Login Siswa ................................................. 59
Gambar 3.13 Activity Diagram Kuis Online .................................................. 60
Gambar 3.14 Activity Diagram Lihat Nilai ..................................................... 61
Gambar 3.15 Activity Diagram View Video .................................................. 61
Gambar 3.16 Activity Diagram Download Materi .......................................... 62
Gambar 3.17 Activity Diagram Download Tugas .......................................... 63
Gambar 3.18 Activity Diagram Upload Hasil Tugas ..................................... 64
Gambar 3.19 Activity Diagram Logout Siswa ............................................... 65
Gambar 3.20 Activity Diagram Login Guru ................................................... 66
Gambar 3.21 Activity Diagram Melihat Siswa Ajar ....................................... 67
Gambar 3.22 Activity Diagram Materi Pelajaran .......................................... 68
Gambar 3.23 Activity Diagram Buat Soal Online .......................................... 69
Gambar 3.24 Activity Diagram Penilaian Tugas Rumah .............................. 70
Gambar 3.25 Activity Diagram Upload Video ............................................... 71
Gambar 3.26 Activity Diagram Upload Tugas Rumah .................................. 72
Gambar 3.27 Activity Diagram Upload Materi .............................................. 73
Gambar 3.28 Diagram Activity Penilaian Tugas Online ................................ 74
Gambar 3.29 Activity Diagram Logout Guru................................................. 75
Gambar 3.30 Entity Relationship Diagram ................................................... 76
Gambar 3.31 Rancangan antarmuka home peserta .................................... 77
Gambar 3.32 Rancangan antarmuka tugas online ....................................... 78
Gambar 3.33 Rancangan antarmuka melakukan tugas online ..................... 79
Gambar 3.34 Rancangan antarmuka nilai tugas rumah ............................... 80
Gambar 3.35 Rancangan antarmuka nilai tugas online................................ 80
Gambar 3.36 Rancangan antarmuka download materi ................................ 81
Gambar 3.37 Rancangan antarmuka view video ......................................... 82
Gambar 3.38 Rancangan antarmuka tugas rumah ...................................... 83
Gambar 3.39 Rancangan antarmuka dashboard guru ................................. 83
Gambar 3.40 Rancangan antarmuka siswa ajar .......................................... 84
Gambar 3.41 Rancangan antarmuka details siswa ajar ............................... 85
Gambar 3.42 Rancangan antarmuka materi pelajaran ................................. 85
Gambar 3.43 Rancangan antarmuka penilaian tugas rumah ....................... 86
xv
Universitas Kristen Maranatha

Gambar 3.44 Rancangan antarmuka penilaian tugas online ........................ 87
Gambar 3.45 Rancangan antarmuka generate soal .................................... 88
Gambar 3.46 Rancangan antamuka buat soal ............................................. 89
Gambar 3.47 Rancangan antarmuka kumpulan soal ................................... 89
Gambar 3.48 Rancangan antarmuka upload materi .................................... 90
Gambar 3.49 Rancangan antarmuka form upload materi ............................ 91
Gambar 3.50 Rancangan antarmuka upload video ...................................... 91
Gambar 3.51 Rancangan antarmuka form upload video .............................. 92
Gambar 3.52 Rancangan antarmuka tugas rumah ...................................... 93
Gambar 3.53 Rancangan antarmuka form upload tugas rumah ................... 93
Gambar 3.54 Rancangan antarmuka list tugas online.................................. 94
Gambar 3.55 Rancangan antarmuka set penerima tugas online ................. 95
Gambar 3.56 Rancangan antarmuka dashboard admin............................... 95
Gambar 3.57 Rancangan antarmuka list siswa ............................................ 96
Gambar 3.58 Rancangan antarmuka tambah siswa .................................... 97
Gambar 3.59 Rancangan antarmuka list kelas ............................................ 98
Gambar 3.60 Rancangan antarmuka input kelas ......................................... 98
Gambar 3.61 Rancangan antarmuka list materi pelajaran ........................... 99
Gambar 3.62 Rancangan antarmuka tambah materi pelajaran .................. 100
Gambar 3.63 Rancangan antarmuka list guru............................................ 101
Gambar 3.64 Rancangan antarmuka tambah guru .................................... 101
Gambar 4.1 Halaman Login User .............................................................. 102
Gambar 4.2 Halaman Utama Admin ......................................................... 103
Gambar 4.3 Halaman List Kelas ................................................................ 103
Gambar 4.4 Halaman Tambah Kelas ......................................................... 104
Gambar 4.5 Halaman List materi Pelajaran ............................................... 105
Gambar 4.6 Halaman Tambah Materi Pelajaran ....................................... 105
Gambar 4.7 Halaman Perbaharui Materi Pelajaran.................................... 106
Gambar 4.8 Halaman List Data Guru ......................................................... 107
Gambar 4.9 Halaman Tambah Data Guru ................................................. 107
Gambar 4.10 Halaman Perbaharui Data Guru ........................................... 108
Gambar 4.11 Halaman Informasi Siswa Didik ............................................ 109
xvi
Universitas Kristen Maranatha

Gambar 4.12 Halaman Nama Siswa Didik ................................................. 109
Gambar 4.13 Halaman List data Guru ....................................................... 110
Gambar 4.14 Halaman Tambah Data Siswa .............................................. 111
Gambar 4.15 Halaman Perbaharui Data Siswa ......................................... 111
Gambar 4.16 Halaman Import Data Siswa ................................................. 112
Gambar 4.17 Halaman Utama Guru .......................................................... 113
Gambar 4.18 Halaman Data Siswa ............................................................ 114
Gambar 4.19 Halaman Detail Kelas ........................................................... 114
Gambar 4.20 Halaman Detail Siswa .......................................................... 115
Gambar 4.21 Halaman Materi Pelajaran .................................................... 116
Gambar 4.22 Halaman Perbaharui Materi Pelajaran.................................. 116
Gambar 4.23 Halaman Daftar Tugas Rumah ............................................. 117
Gambar 4.24 Halaman Pemberian Nilai Tugas Rumah ............................. 118
Gambar 4.25 Halaman Nilai Tugas Rumah Siswa ..................................... 118
Gambar 4.26 Halaman Daftar Tugas Online .............................................. 119
Gambar 4.27 Halaman Siswa Online ......................................................... 120
Gambar 4.28 Halaman Detail Pengerjaan Tugas Online ........................... 120
Gambar 4.29 Halaman Upload Materi........................................................ 121
Gambar 4.30 Halaman List Materi ............................................................. 122
Gambar 4.31 Halaman Upload Video ........................................................ 122
Gambar 4.32 Halaman List Video .............................................................. 123
Gambar 4.33 Halaman Upload Tugas Rumah ........................................... 124
Gambar 4.34 Halaman List Tugas ............................................................. 124
Gambar 4.35 Halaman Assign Tugas ........................................................ 125
Gambar 4.36 Halaman List Tugas Online .................................................. 126
Gambar 4.37 Halaman Assign Tugas Online ............................................. 126
Gambar 4.38 Halaman Pembuatan Soal Tugas Online ............................. 127
Gambar 4.39 Halaman Generate Soal langkah Pertama ........................... 128
Gambar 4.40 Halaman Generate Soal Langkah Kedua ............................. 128
Gambar 4.41 Halaman Kumpulan Soal Tugas Online................................ 129
Gambar 4.42 Halaman Buat Pesan ........................................................... 129
Gambar 4.43 Halaman List Pesan ............................................................. 130
xvii
Universitas Kristen Maranatha

Gambar 4.44 Halaman Isi Pesan ............................................................... 131
Gambar 4.45 Halaman Utama Siswa ......................................................... 131
Gambar 4.46 Halaman Download Materi ................................................... 132
Gambar 4.47 Halaman View Video ............................................................ 133
Gambar 4.48 Halaman Nilai Tugas Rumah ............................................... 133
Gambar 4.49 Halaman Nilai Tugas Online ................................................. 134
Gambar 4.50 Halaman Nilai Akhir Siswa ................................................... 135
Gambar 4.51 Halaman Tugas Rumah Siswa ............................................. 135
Gambar 4.52 Halaman Tugas Online Siswa .............................................. 136
Gambar 4.53 Halaman Ujian Online .......................................................... 137
Gambar 4.54 Halaman List Pesan Siswa ................................................... 137
Gambar 4.55 Halaman Buat Pesan Siswa ................................................. 138
Gambar 4.56 Halaman Isi Pesan Siswa..................................................... 139

xviii
Universitas Kristen Maranatha

DAFTAR TABEL
Tabel 3.1 Definisi Aktor ................................................................................ 37
Tabel 3.2 Definisi Use Case ........................................................................ 38
Tabel 3.3 Skenario Login ............................................................................. 42
Tabel 3.4 Skenario Kelola Data Siswa ......................................................... 43
Tabel 3.5 Skenario Kelola Data Guru .......................................................... 43
Tabel 3.6 Skenario Kelola Materi pelajaran ................................................. 44
Tabel 3.7 Skenario Kelola Kelas .................................................................. 44
Tabel 3.8 Skenario Login Guru .................................................................... 45
Tabel 3.9 Skenario Upload Materi ................................................................ 46
Tabel 3.10 Skenario Kelola Nilai .................................................................. 46
Tabel 3.11 Skenario Membuat Soal Kuis Online .......................................... 47
Tabel 3.12 Skenario Upload Tugas Mandiri ................................................. 48
Tabel 3.13 Skenario Upload Video .............................................................. 48
Tabel 3.14 Skenario Download Hasil Tugas ............................................... 49
Tabel 3.15 Skenario Login Siswa ................................................................. 49
Tabel 3.16 Skenario Download Materi ......................................................... 50
Tabel 3.17 Skenario Lihat Nilai .................................................................... 50
Tabel 3.18 Skenario Mengerjakan Soal Kuis Online .................................... 51
Tabel 3.19 Skenario Download Tugas Mandiri............................................. 51
Tabel 3.20 Skenario View Video .................................................................. 52
Tabel 5.1 Tabel Pengujian Form Login User .............................................. 140
Tabel 5.2 Tabel Pengujian Form Tambah Kelas ........................................ 141
Tabel 5.3 Pengujian form tambah pelajaran............................................... 142
Tabel 5.4 Pengujian Form Tambah Guru ................................................... 143
Tabel 5.5 Pengujian Form Ubah Data Guru ............................................... 146
Tabel 5.6 Pengujian Form Tambah Data Siswa ......................................... 150
Tabel 5.7 Pengujian Form Ubah Data Siswa ............................................. 153
Tabel 5.8 Pengujian Import File Siswa ....................................................... 155
Tabel 5.9 Pengujian From Set Nilai Tugas Rumah .................................... 156
Tabel 5.10 Pengujian Form Edit Nilai Tugas Rumah.................................. 158

xix
Universitas Kristen Maranatha

Tabel 5.11 Pengujian Form Set nilai Akhir ................................................. 159
Tabel 5.12 Pengujian Form Pemilihan Soal ............................................... 159
Tabel 5.13 Pengujian Form Buat Soal ....................................................... 161
Tabel 5.14 Pengujian Form Upload Materi ................................................. 163
Tabel 5.15 Pengujian Form Upload Video ................................................. 165
Tabel 5.16 Form Upload Tugas Rumah ..................................................... 167
Tabel 5.17 Pengujian Form Buat Pesan .................................................... 169
Tabel 5.18 Pengujian Form Upload Tugas Siswa ...................................... 171
Tabel 5.19 Pengujian Form Akun Setting................................................... 172

xx
Universitas Kristen Maranatha

DAFTAR NOTASI/ LAMBANG
Jenis

Notasi/Lambang

Usecase

Nama

8. Usecase

Diagram

Arti
Fungsionalitas

yang

disediakan
sebagai
saling
antar

system

unit-unit
bertukar

unit

pesan

atau

biasanya

yang
aktor;

dinyatakan

dengan

menggunakan

kata kerja di awal frase
nama use case.
Usecase

Aktor/ actor

Diagram
nama actor

Orang,

proses

atau

sistem

lain

yang

berinteraksi
sistem

dengan

informasi

yang

akan dibuat di luar sistem
informasi

yang

akan

dibuat itu sendiri, jadi
walaupun
aktor

symbol

adalah

dari

gambar

orang, tapi aktor belum
tentu merupakan orang;
biasanya

dinyatakan

menggunakan
benda

di

awal

kata
frase

nama aktor.

xxi
Universitas Kristen Maranatha

Jenis

Notasi/Lambang

Nama

Usecase

Asosiasi/

Diagram

association

Arti
9. Komunikasi antara aktor
dan

use

case

yang

berpartisipasi pada use
case

atau

use

case

memiliki interaksi dengan
aktor.

Usecase
Diagram



10. Ekstensi/

11. Relasi

extend

use

case

tambahan ke sebuah use
case di mana use case
yang ditambahkan dapat
berdiri sendiri walaupun
tanpa

use

tambahan

itu;

dengan

case
mirip
prinsip

inheritance

pada

pemrograman
berorientasi
biasanya

objek;
use

case

tambahan memiliki nama
depan

yang

sama

dengan use case yang
ditambahkan
Usecase

Generalisasi/ 12. Hubungan

Diagram

generalization

generalisasi

dan spesialisasi (umumkhusus) antara dua buah
use case di mana fungsi
yang satu adalah fungsi
yang lebih umum dari
lainnya.

xxii
Universitas Kristen Maranatha

Jenis
Usecase

Notasi/Lambang


Nama

Arti

include/ uses 13. Relasi

Diagram

use

case

tambahan ke sebuah use
case yang ditambahkan


memerlukan use case ini
untuk

menjalankan

fungsinya atau sebagai
syarat

dijalankan

use

case ini.
14. Ada dua sudut pandang
yang

cukup

besar

mengenai include di use
case:
-

Include berarti use
case

yang

ditambahkan

akan

selalu dipanggil saat
use case tambahan
dijalankan.
-

Include berarti use
case yang tambahan
akan

selalu

melakukan
pengecekan apakah
use

case

yang

ditambahkan

telah

dijalankan.
Kedua intrespati diatas
dapat digunakan sesuai
dengan kondisi yang
dibutuhkan.

xxiii
Universitas Kristen Maranatha

Jenis
Activity

Notasi/Lambang

Nama
Status awal

Arti
15. Status

Diagram

awal

aktivitas

sistem, sebuah diagram
aktivitas memiliki sebuah
status awal.

Activity

Aktivitas

16. Aktivitas yang dilakukan

Diagram

sistem, aktivitas biasanya
diawali

dengan

kata

kerja.

Activity
Diagram

17. Asosiasi percabangan di
Percabangan/

mana jika ada pilihan

decision

aktivitas lebih dari satu.

Activity
Diagram

18. Asosiasi penggabungan
Penggabunga

di mana lebih dari satu

n/join

aktivitas

digabungkan

menjadi satu.

Activity
Diagram

Status
Status akhir

akhir

yang

dilakukan sistem, sebuah
diagram

aktivitas

memiliki sebuah status
akhir.

xxiv
Universitas Kristen Maranatha

Jenis

Notasi/Lambang

Nama

Activity
Diagram

Arti
19. Memisahkan

Swimlane

organisasi

bisnis yang bertanggung
jawab terhadap aktivitas
yang terjadi.

Activity
Diagram

20. Fork,
Fork

digunakan

menunjukkan

untuk

kegiatan

yang dilakukan secara
paralel.

Activity
Diagram

21. Join,digunakan
Join

menunjukkan

untuk
kegiatan

yang digabungkan.

Flowchart

Flow Direction

Flow

Direction,

simbol

yang

digunakan

untuk

menghubungkan

antara

simbol yang satu dengan
simbol yang lain.

xxv
Universitas Kristen Maranatha

Jenis

Notasi/Lambang

Nama

Arti
22. Terminator
Symbol,

Flowchart

simbol

Terminator

digunakan

Symbol

permulaan

yang
untuk

(start)

atau

akhir (stop) dari suatu
kegiatan
23. simbol untuk keluar –
Flowchart

Connector

masuk

Symbol

penyambungan

atau
proses

pada lembar / halaman
yang berbeda
Yaitu
Flowchart

simbol
–

Connector

keluar

Symbol

penyambungan

masuk

untuk
atau
proses

dalam lembar / halaman
yang sama.
24. Simbol
Flowchart

Processing

menunjukkan

Symbol

pengolahan

yang
yang

dilakukan oleh komputer
25. Simbol
Flowchart

yang

Manual

menunjukkan

Operation

pengolahan yang tidak
dilakukan oleh komputer.

xxvi
Universitas Kristen Maranatha

Jenis

Notasi/Lambang

Nama

Arti
26. Simbol pemilihan proses

Flowchart

Decision

berdasarkan

kondisi

yang ada.

27. Simbol yang menyatakan
Flowchart

Input-Output

proses input dan output
tanpa tergantung dengan
jenis peralatannya.
28. Simbol untuk pemasukan

Flowchart

Manual Input

data secara manual online keyboard

29. Simbol
Preparation
Flowchart

untuk

mempersiapkan
penyimpanan yang akan
digunakan
tempat

sebagai

pengolahan

di

dalam storage.
30. Simbol
Flowchart

untuk

Predefine

pelaksanaan

Proses

bagian

suatu

(sub-program)

/prosedure
31. Simbol yang menyatakan
Flowchart

Display

peralatan

output

yang

digunakan

yaitu

layar,

printer

dan

plotter,

sebagainya
xxvii
Universitas Kristen Maranatha

Jenis

Notasi/Lambang

Nama

Arti
32. Simbol yang menyatakan

Flowchart

Disk and On- input yang berasal dari
line Storage

disk atau disimpan ke
disk

Flowchart

arsip

33. Simbol yang menyatakan
untuk

penyimpanan

dokumen

ERD

34. Menyatakan
Himpunan

himpunan

entitas

entitas E
ERD

Atribut a

35. Menyatakan atribut

sebagai key

ERD

Himpuan
Relasi R

ERD

36. Menyatakan

himpunan

relasi

37. Penghubung
Link

antara

himpunan relasi dengan
himpunan

entitas

dan

himpunan entitas dengan
atributnya.

xxviii
Universitas Kristen Maranatha

BAB 1.

PENDAHULUAN

Bab ini menjelaskan tentang latar belakang mengenai pengembangan
aplikasi ini, rumusan masalah yang ditangani oleh aplikasi ini, tujuan,
pembahasan, ruang lingkup kajian, sumber data, dan sistematika penyajian.

1.1 Latar Belakang Masalah
SMA Negeri 16 Palembang adalah salah satu Sekolah Menengah
Atas yang memiliki materi pelajaran mengenai teknologi dan informasi, yaitu
materi pelajaran Teknologi Informasi dan Komunikasi (TIK). Selain itu SMAN
16 Palembang memiliki fasilitas laboraturium komputer yang memadai. Untuk
memaksimalkan pelajaran tersebut dan pemanfaatan fasilitas laboraturium,
SMAN 16 Palembang ingin sekali membangun suatu sistem pembelajaran
yang memanfaatkan teknologi sebagai penunjang proses belajar di sekolah.
Sistem yang akan dibangun diharapkan dapat membantu siswa melakukan
pembelajaran di mana saja tanpa mengenal jarak, dimulai dari materi
pelajaran TIK. Selain itu sistem yang akan dibangun diharapkan dapat
membantu guru dalam proses penilaian dan pemberian tugas maupun
materi. Dengan munculnya berbagai konsep dan teknik baru dalam
pembelajaran telah banyak dikembangkan. Pandangan baru seperti active
learning dan student centered education telah mendorong berbagai inovasi
dalam teknologi pengajaran. Salah satu inovasi tersebut adalah e-learning
yang diharapkan akan semakin besar di masa yang akan datang. Hal
tersebut seiring dengan perkembangan teknologi komputer dan internet serta
tuntutan globalisasi pendidikan akan keberadaan suatu sistem pendidikan
jarak jauh atau distance learning.
Perkembangan

teknologi

informasi

dapat

digunakan

untuk

meningkatkan kinerja dan memungkinkan berbagai kegiatan dapat di
laksanakan dengan cepat, tepat dan akurat. Perkembangan teknologi
informasi juga telah memberi pengaruh terhadap berbagai kehidupan.
Pengaruh tersebut salah satunya adalah pada bidang pendidikan. Teknologi
informasi telah berfungsi sebagai pemasok ilmu pengetahuan.
1
Universitas Kristen Maranatha

2

Akan tetapi untuk memaksimalkan materi pelajaran tersebut masih
terdapat beberapa masalah yang dihadapi oleh siswa, antara lain siswa tidak
dapat men-download materi pelajaran secara langsung dari guru, siswa tidak
dapat melihat langsung nilai hasil test kuis yang diadakan, siswa belum bisa
melakukan latihan latihan soal atau kuis secara online dan juga pada saat
mengumpulkan tugas dari guru para siswa masih secara manual
Konsep e-learning ini nantinya diharapkan mampu dua peningkatan
sekaligus bagi materi pelajaran TIK di SMAN 16 Palembang, yakni
peningkatan kualitas pembelajaran jarak jauh yang diberikan oleh guru yang
dapat diterima oleh siswa itu sendiri dan juga membiasakan setiap siswa
untuk berinteraksi dengan komputer. Antara lain seperti, siswa bisa mendowlnload langsung materi pembelajaran yang diberikan oleh guru, siswa
dapat melihat langsung nilai hasil test kuis yang diberikan guru pada saat itu
juga, siswa mendapatkan latihan soal secara online dan juga siswa dapat
meng-upload tugas yang diberikan guru.
Dengan memperhatikan masalah yang dihadapi dengan konsepkonsep yang akan diajukan untuk menjadi sebuah solusi, maka penulis
hendak menyusun proyek akhir dengan judul “Aplikasi E-learning Berbasis
Framework CodeIgniter Untuk Pelajaran TIK” dengan studi kasus pada SMA
Negeri 16 Palembang.

1.2 Rumusan Masalah
Mengacu pada latar belakang yang tertulis sebelumnya, masalahmasalah yang diteliti dalam proyek akhir ini dirumuskan menjadi :
1. Bagaimana membuat aplikasi agar siswa dapat men-download materi
pelajaran secara langsung dari guru?
2. Bagaimana membuat aplikasi agar siswa dapat meng-upload hasil
pengerjaan tugas rumah yang diberikan oleh guru?
3. Bagaimana membuat aplikasi agar siswa bisa melakukan test soal dari
materi pelajaran yang ada secara online?

Universitas Kristen Maranatha

3

4. Bagaimana membuat aplikasi agar siswa dapat melihat langsung nilai
hasil test dari guru?

1.3 Tujuan Pembahasan
Sesuai dengan rumusan masalah diatas, maka tujuan pembahasan
pada Tugas Akhir ini adalah :
1. Membuat aplikasi e-learning agar siswa dapat men-download materi
pelajaran secara langsung dari guru.
2. Membuat aplikasi e-learning agar siswa dapat meng-upload

hasil

pengerjaan tugas rumah yang diberikan oleh guru.
3. Membuat aplikasi e-learning agar siswa dapt melakukan latihan atau tes
soal secara online.
4. Membuat aplikasi e-learning agar siswa dapat melihat langsung nilai hasil
test dari guru pada saat itu juga.

1.4 Ruang Lingkup Kajian
Ruang lingkup kajian sistem informasi ini adalah sebagai berikut :
1. Aplikasi e-learning ini hanya mencakup pembahasan mengenai guru
meng-upload modul/materi pelajaran, kelola nilai, membuat soal, upload
tugas dan upload video materi.
2. Materi e-learning hanya diperuntukan bagi siswa/siswi SMAN 16
Palembang yang ingin men-download materi pelajaran, men-download
tugas, melihat nilai, latihan soal, upload tugas dan ujian online, view
video khusus materi pelajaran TIK.
3. Untuk ujian online aplikasi ini hanya menyediakan fasilitas ujian online
untuk pilihan ganda saja.
4. Pelaksanaan ujian online hanya dilakukan pada saat disekolah.
5. Pembahasan tidak mencakup keamanan yang mungkin terjadi akibat
serangan dari hacker atau cracker pada web server dan database server
yang digunakan untuk penyimpanan program dan data pada sistem ini.

Universitas Kristen Maranatha

4

6. Lingkungan sistem didesain menggunakan Framework CodeIgniter dan
database MySQL yang dapat berjalan pada web browser di berbagai
sistem operasi.

1.5 Sumber Data
Sebagai bahan untuk sumber data, maka metode-metode sebagai
berikut :
1. Wawancara terhadap pihak terkait untuk mendapatkan rancangan
spesifikasi kebutuhan perangkat lunak.
2. Observasi, mengadakan pengamatan langsung terhadap kegiatan
pengajaran materi pelajaran TIK di SMAN 16 Palembang.
3. Studi kepustakaan sebagai sumber informasi untuk landasan teori.

1.6 Sistematika Penyajian
Sistematika penyajian Tugas Akhir ini adalah sebagai berikut :
1. Pendahuluan
Berisi latar belakang masalah, rumusan masalah, tujuan pembahasan,
ruang lingkup kajian, sumber data dan sistematika penyajian.
2. Kajian teori
Berisi landasan teori dari sistem yang akan dibangun.
3. Analisis dan Perancangan Sistem
Berisi analisis dan perancangan sistem berupa spesifikasi kebutuhan
sistem, perancangan database dan perancangan sistem.
4. Hasil Penelitian
Berisi tampilan semua modul sistem yang dibangun beserta penjelasan
tiap fungsinya.
5. Pembahasan dan Uji Coba Hasil Penelitian
Berisi laporan dari pengujian yang dilakuka terhadap semua proses pada
sistem yang dibuat dan ditentukan apakah proses yang diuji telah sesuai
dengan spesifikasi kebutuhan yang diharapkan.

Universitas Kristen Maranatha

5

6. Kesimpulan dan Saran
Berisi kesimpulan tentang hasil dari sistem yang dibangun dan saran
yang berisi hal baru yang dapat digunakan untuk pengembangan sistem
di masa depan.

Universitas Kristen Maranatha

BAB 6.

SIMPULAN DAN SARAN

6.1 Simpulan
Dari hasil pengujian dan implementasi aplikasi e-learning berbasis
framework codeigniter untuk pelajaran teknologi informasi dan komunikasi
(Studi Kasus : SMAN 16 Palembang) dapat disimpilkan bahwa : .
1. Aplikasi e-learning ini diharapkan dapat digunakan guru untuk
memberikan materi pelajaran kepada siswa dengan cara mengupload materi dan siswa dapat men-download materi tersebut . Hal
ini diharapkan dapat mengurangi media kertas dalam pembagian
materi pelajaran yang sangat rentan dengan kerusakan .
2. Aplikasi e-learning ini diharapkan dapat digunakan oleh siswa
untuk mengumpulkan hasil dari pengerjaan tugas rumah yang
diberikan oleh guru dengan cara meng-upload tugas tersebut
sehingga tugas tersebut dapat langsung diterima oleh guru. Ini
sangat berguna bagi siswa karena siswa dapat langsung
mengumpulkan tugasnya setelah selesai mengerjakan tugas
tersebut tanpa harus bertemu langsung dengan guru.
3. Dengan adanya fitur ujian online didalam aplikasi e-learning ini
diharapkan dapat mempermudah guru untuk melakukan penilaian
terhadap hasil tes siswa, karena penghitungan nilai ujian online
dilakukan oleh sistem.
4. Fitur ujian online pada aplikasi e-learning ini diharapkan dapat
berguna bagi siswa karena setelah melaksanakan ujian secara
online, sistem akan langsung menampilkan nilai yang didapat
siswa dari hasil tes pada saat itu.

6.2 Saran
Dalam pengerjaan aplikasi e-learning ini masih memiliki kekurangan,
maka perlu dilakukan pengembangan sehingga bisa menjadi lebih baik lagi.
Adapun beberapa saran yang diberika