ABSTRAK. Kata Kunci: E-learning, Online test, Penilaian, Pendidikan. Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK Penerapan teknologi di dalam pendidikan sangatlah berguna untuk menunjang proses pembelajaran di sekolah. Penggunaan teknologi yang berupa aplikasi E- learning 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 e- learning 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

2 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

3 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 Latar Belakang Masalah Rumusan Masalah Tujuan Pembahasan Ruang Lingkup Kajian Sumber Data Sistematika Penyajian... 4 BAB 2. KAJIAN TEORI Sistem Informasi E-learning Pemodelan Berorientasi Objek Framework CodeIgniter MVC CodeIgniter Sistem Paperwork/ Dokumen Skematik Program Proses viii

4 2.6 UML (Unifined Modeling Language) Use Case Activity Entity Relantionship (ERD) Usecase Aplikasi Pendukung Web HTML XAMPP Apache HTTP Server Java Script PHP MYSQL Blackbox Testing BAB 3. ANALISIS DAN RANCANGAN SISTEM Proses Bisnis Proses Bisnis Saat Ini Proses Bisnis Sistem Baru Use Case E-Learning Definisi Aktor Definisi Use Case Skenario Use Case Activity Activity Login Admin Activity Mengelola Data Siswa Activity Mengelola Data Guru Activity Mengelola Data Kelas Activity Diagaram Mengelola Data Materi Pelajaran Activity Logout Admin Activity Login Siswa Activity Tugas Online Activity Lihat Nilai Activity View Video ix

5 Activity Download Materi Activity Download Tugas Activity Upload Hasil Tugas Activity Logout Siswa Activity Login Guru Activity Melihat Siswa Ajar Activity Materi Pelajaran Activity Buat Soal Online Activity Penilaian Tugas Rumah Activity Upload Video Activity Upload Tugas Rumah Activity Upload Materi Activity Penilaian Tugas Online Activity Logut Guru ERD Rancangan Antar Muka Antarmuka Dashboard Siswa Antarmuka Tugas Online Siswa Antarmuka Melakukan Tugas Online Siswa Antarmuka Lihat Nilai Siswa Antarmuka Download Materi Siswa Antarmuka View Video Siswa Antarmuka Tugas Rumah Siswa Antarmuka Dashboard Guru Antarmuka Siswa Ajar Antarmuka Materi Pelajaran Antarmuka Penilaian Tugas Rumah Antarmuka Penilaian Tugas Online Antarmuka Membuat Soal Antarmuka Upload Materi Antarmuka Upload Video Antarmuka Upload Tugas Rumah x

6 Antarmuka List Tugas Online Antamuka Dashboard Admin Antarmuka Kelola Siswa Antarmuka Kelola Kelas Antarmuka Kelola Materi Pelajaran Antarmuka Kelola Guru BAB 4. HASIL PENELITIAN Halaman Login Halaman Utama Admin Halaman List Kelas Halaman Tambah kelas Halaman List Materi Pelajaran Halaman Tambah Materi Pelajaran Halaman Perbaharui Materi Pelajaran Halaman List Data Guru Halaman Tambah Data Guru Halaman Perbaharui Data Guru Halaman Informasi Siswa Didik Halaman List Data Siswa Halaman Tambah Data Siswa Halaman Perbaharui Data Siswa Halaman Import Data Siswa Halaman Utama Guru Halaman Data Siswa Halaman Detail Siswa Halaman Materi Pelajaran Halaman Perbaharui Materi Pelajaran Halaman Daftar Tugas Rumah Halaman Pemberian Nilai Tugas Rumah Halaman Nilai Tugas Rumah Siswa Halaman Daftar Tugas Online Halaman Siswa Online xi

7 4.26 Halaman Detail Pengerjaan Tugas Online Halaman Upload Materi Halaman List Materi Halaman Upload Video Halaman List Video Halaman Upload Tugas Rumah Halaman List Tugas Rumah Halaman Assign Tugas Halaman List Tugas Online Halaman Assign Tugas Online Halaman Pembuatan Soal Tugas Online Halaman Generate Soal Halaman Kumpulan Soal Tugas Online Halaman Buat Pesan Halaman List Pesan Halaman Isi Pesan Halaman Utama Siswa Halaman Download Materi Halaman View Video Halaman Nilai Tugas Rumah Halaman Nilai Tugas Online Halaman Nilai Akhir Siswa Halaman Tugas Rumah Siswa Halaman Tugas Online Siswa Halaman List Pesan Siswa Halaman Buat Pesan Siswa Halaman Isi Pesan Siswa BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN Pengujian Form Login User Pengujian Form Tambah Kelas Pengujian Form Tambah Pelajaran Pengujian Form Tambah Guru xii

8 5.5 Pengujian Form Ubah Data Guru Pengujian Form Tambah Siswa Pengujian Form Ubah Data Siswa Pengujian Import File Siswa Pengujian Form Set Nilai Tugas Rumah Pengujian Form Edit Nilai Tugas Rumah Pengujian Form Set Nilai Akhir Pengujian Form Pemilihan Soal Pengujian Form Buat Soal Pengujian Form Upload Materi Pengujian Form Upload Video Pengujian Form Upload Tugas Rumah Pengujian Form Buat Pesan Pengujian Form Upload Tugas Siswa Pengujian Form Akun Setting BAB 6. SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA... 1 xiii

9 DAFTAR GAMBAR Gambar 2.1 Ilustrasi Sistem... 6 Gambar 2.2 Sistem Gambar 2.3 Paperwork/ Dokumen Gambar 2.4 Program Gambar 2.5 Proses Gambar 2.6 Contoh Penggunaan Dependensi Include Gambar 2.7 Contoh Penggunaan Dependesi Extend Gambar 2.8 Contoh Activity Gambar 2.9 Entitas Gambar 2.10 Atribut Gambar 2.11 Atribut Komposit Gambar 2.12 Atribut bernilai tunggal Gambar 2.13 Atribut Bernilai Banyak Gambar 2.14 Atribut Turunan Gambar 2.15 Relasi Satu ke Satu Gambar 2.16 Relasi Satu ke Banyak Gambar 2.17 Relasi Banyak ke Satu Gambar 2.18 Relasi Banyak ke Banyak Gambar 2.19 Simbol Usecase Gambar 3.1 Proses Bisnis Melakukan Ujian Gambar 3.2 Proses Bisnis Pemberian Tugas Rumah Gambar 3.3 Proses Bisnis Melakukan Ujian pada Sistem Baru Gambar 3.4 Proses Bisnis Tugas Rumah pada Sistem Baru Gambar 3.5 Use Case E-learning Gambar 3.6 Activity Login Admin Gambar 3.7 Activity Kelola Data Siswa Gambar 3.8 Activity Mengelola Data Guru Gambar 3.9 Activity Mengelola Data Kelas Gambar 3.10 Activity Mengelola Data Materi Pelajaran Gambar 3.11 Activity Logout Admin xiv

10 Gambar 3.12 Activity Login Siswa Gambar 3.13 Activity Kuis Online Gambar 3.14 Activity Lihat Nilai Gambar 3.15 Activity View Video Gambar 3.16 Activity Download Materi Gambar 3.17 Activity Download Tugas Gambar 3.18 Activity Upload Hasil Tugas Gambar 3.19 Activity Logout Siswa Gambar 3.20 Activity Login Guru Gambar 3.21 Activity Melihat Siswa Ajar Gambar 3.22 Activity Materi Pelajaran Gambar 3.23 Activity Buat Soal Online Gambar 3.24 Activity Penilaian Tugas Rumah Gambar 3.25 Activity Upload Video Gambar 3.26 Activity Upload Tugas Rumah Gambar 3.27 Activity Upload Materi Gambar 3.28 Activity Penilaian Tugas Online Gambar 3.29 Activity Logout Guru Gambar 3.30 Entity Relationship Gambar 3.31 Rancangan antarmuka home peserta Gambar 3.32 Rancangan antarmuka tugas online Gambar 3.33 Rancangan antarmuka melakukan tugas online Gambar 3.34 Rancangan antarmuka nilai tugas rumah Gambar 3.35 Rancangan antarmuka nilai tugas online Gambar 3.36 Rancangan antarmuka download materi Gambar 3.37 Rancangan antarmuka view video Gambar 3.38 Rancangan antarmuka tugas rumah Gambar 3.39 Rancangan antarmuka dashboard guru Gambar 3.40 Rancangan antarmuka siswa ajar Gambar 3.41 Rancangan antarmuka details siswa ajar Gambar 3.42 Rancangan antarmuka materi pelajaran Gambar 3.43 Rancangan antarmuka penilaian tugas rumah xv

11 Gambar 3.44 Rancangan antarmuka penilaian tugas online Gambar 3.45 Rancangan antarmuka generate soal Gambar 3.46 Rancangan antamuka buat soal Gambar 3.47 Rancangan antarmuka kumpulan soal Gambar 3.48 Rancangan antarmuka upload materi Gambar 3.49 Rancangan antarmuka form upload materi Gambar 3.50 Rancangan antarmuka upload video Gambar 3.51 Rancangan antarmuka form upload video Gambar 3.52 Rancangan antarmuka tugas rumah Gambar 3.53 Rancangan antarmuka form upload tugas rumah Gambar 3.54 Rancangan antarmuka list tugas online Gambar 3.55 Rancangan antarmuka set penerima tugas online Gambar 3.56 Rancangan antarmuka dashboard admin Gambar 3.57 Rancangan antarmuka list siswa Gambar 3.58 Rancangan antarmuka tambah siswa Gambar 3.59 Rancangan antarmuka list kelas Gambar 3.60 Rancangan antarmuka input kelas Gambar 3.61 Rancangan antarmuka list materi pelajaran Gambar 3.62 Rancangan antarmuka tambah materi pelajaran Gambar 3.63 Rancangan antarmuka list guru Gambar 3.64 Rancangan antarmuka tambah guru Gambar 4.1 Halaman Login User Gambar 4.2 Halaman Utama Admin Gambar 4.3 Halaman List Kelas Gambar 4.4 Halaman Tambah Kelas Gambar 4.5 Halaman List materi Pelajaran Gambar 4.6 Halaman Tambah Materi Pelajaran Gambar 4.7 Halaman Perbaharui Materi Pelajaran Gambar 4.8 Halaman List Data Guru Gambar 4.9 Halaman Tambah Data Guru Gambar 4.10 Halaman Perbaharui Data Guru Gambar 4.11 Halaman Informasi Siswa Didik xvi

12 Gambar 4.12 Halaman Nama Siswa Didik Gambar 4.13 Halaman List data Guru Gambar 4.14 Halaman Tambah Data Siswa Gambar 4.15 Halaman Perbaharui Data Siswa Gambar 4.16 Halaman Import Data Siswa Gambar 4.17 Halaman Utama Guru Gambar 4.18 Halaman Data Siswa Gambar 4.19 Halaman Detail Kelas Gambar 4.20 Halaman Detail Siswa Gambar 4.21 Halaman Materi Pelajaran Gambar 4.22 Halaman Perbaharui Materi Pelajaran Gambar 4.23 Halaman Daftar Tugas Rumah Gambar 4.24 Halaman Pemberian Nilai Tugas Rumah Gambar 4.25 Halaman Nilai Tugas Rumah Siswa Gambar 4.26 Halaman Daftar Tugas Online Gambar 4.27 Halaman Siswa Online Gambar 4.28 Halaman Detail Pengerjaan Tugas Online Gambar 4.29 Halaman Upload Materi Gambar 4.30 Halaman List Materi Gambar 4.31 Halaman Upload Video Gambar 4.32 Halaman List Video Gambar 4.33 Halaman Upload Tugas Rumah Gambar 4.34 Halaman List Tugas Gambar 4.35 Halaman Assign Tugas Gambar 4.36 Halaman List Tugas Online Gambar 4.37 Halaman Assign Tugas Online Gambar 4.38 Halaman Pembuatan Soal Tugas Online Gambar 4.39 Halaman Generate Soal langkah Pertama Gambar 4.40 Halaman Generate Soal Langkah Kedua Gambar 4.41 Halaman Kumpulan Soal Tugas Online Gambar 4.42 Halaman Buat Pesan Gambar 4.43 Halaman List Pesan xvii

13 Gambar 4.44 Halaman Isi Pesan Gambar 4.45 Halaman Utama Siswa Gambar 4.46 Halaman Download Materi Gambar 4.47 Halaman View Video Gambar 4.48 Halaman Nilai Tugas Rumah Gambar 4.49 Halaman Nilai Tugas Online Gambar 4.50 Halaman Nilai Akhir Siswa Gambar 4.51 Halaman Tugas Rumah Siswa Gambar 4.52 Halaman Tugas Online Siswa Gambar 4.53 Halaman Ujian Online Gambar 4.54 Halaman List Pesan Siswa Gambar 4.55 Halaman Buat Pesan Siswa Gambar 4.56 Halaman Isi Pesan Siswa xviii

14 DAFTAR TABEL Tabel 3.1 Definisi Aktor Tabel 3.2 Definisi Use Case Tabel 3.3 Skenario Login Tabel 3.4 Skenario Kelola Data Siswa Tabel 3.5 Skenario Kelola Data Guru Tabel 3.6 Skenario Kelola Materi pelajaran Tabel 3.7 Skenario Kelola Kelas Tabel 3.8 Skenario Login Guru Tabel 3.9 Skenario Upload Materi Tabel 3.10 Skenario Kelola Nilai Tabel 3.11 Skenario Membuat Soal Kuis Online Tabel 3.12 Skenario Upload Tugas Mandiri Tabel 3.13 Skenario Upload Video Tabel 3.14 Skenario Download Hasil Tugas Tabel 3.15 Skenario Login Siswa Tabel 3.16 Skenario Download Materi Tabel 3.17 Skenario Lihat Nilai Tabel 3.18 Skenario Mengerjakan Soal Kuis Online Tabel 3.19 Skenario Download Tugas Mandiri Tabel 3.20 Skenario View Video Tabel 5.1 Tabel Pengujian Form Login User Tabel 5.2 Tabel Pengujian Form Tambah Kelas Tabel 5.3 Pengujian form tambah pelajaran Tabel 5.4 Pengujian Form Tambah Guru Tabel 5.5 Pengujian Form Ubah Data Guru Tabel 5.6 Pengujian Form Tambah Data Siswa Tabel 5.7 Pengujian Form Ubah Data Siswa Tabel 5.8 Pengujian Import File Siswa Tabel 5.9 Pengujian From Set Nilai Tugas Rumah Tabel 5.10 Pengujian Form Edit Nilai Tugas Rumah xix

15 Tabel 5.11 Pengujian Form Set nilai Akhir Tabel 5.12 Pengujian Form Pemilihan Soal Tabel 5.13 Pengujian Form Buat Soal Tabel 5.14 Pengujian Form Upload Materi Tabel 5.15 Pengujian Form Upload Video Tabel 5.16 Form Upload Tugas Rumah Tabel 5.17 Pengujian Form Buat Pesan Tabel 5.18 Pengujian Form Upload Tugas Siswa Tabel 5.19 Pengujian Form Akun Setting xx

16 DAFTAR NOTASI/ LAMBANG Jenis Notasi/Lambang Nama Arti Usecase Usecase Fungsionalitas yang disediakan system sebagai unit-unit yang saling bertukar pesan antar unit atau aktor; biasanya dinyatakan dengan menggunakan kata kerja di awal frase nama use case. Usecase Aktor/ actor Orang, sistem proses lain atau yang nama actor berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri, jadi walaupun symbol dari aktor adalah gambar orang, tapi aktor belum tentu merupakan orang; biasanya dinyatakan menggunakan kata benda di awal frase nama aktor. xxi

17 Jenis Notasi/Lambang Nama Arti Usecase Asosiasi/ Komunikasi antara aktor association dan use case yang berpartisipasi pada use case atau use case memiliki interaksi dengan aktor. Usecase <<extend>> 0. Ekstensi/ 1. Relasi use case extend tambahan ke sebuah use case di mana use case yang ditambahkan dapat berdiri sendiri walaupun tanpa use case tambahan itu; mirip dengan prinsip inheritance pada pemrograman berorientasi objek; biasanya use case tambahan memiliki nama depan yang sama dengan use case yang ditambahkan Usecase Generalisasi/ 2. Hubungan generalisasi generalization dan spesialisasi (umumkhusus) antara dua buah use case di mana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. xxii

18 Jenis Notasi/Lambang Nama Arti Usecase <<include>> include/ uses 3. Relasi use case tambahan ke sebuah use case yang ditambahkan <<uses>> memerlukan use case ini untuk menjalankan fungsinya atau sebagai syarat dijalankan use case ini. 4. 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

19 Jenis Notasi/Lambang Nama Arti Activity Status awal 5. Status awal aktivitas sistem, sebuah diagram aktivitas memiliki sebuah status awal. Activity Aktivitas 6. Aktivitas yang dilakukan sistem, aktivitas biasanya diawali dengan kata kerja. Activity Percabangan/ decision 7. Asosiasi percabangan di mana jika ada pilihan aktivitas lebih dari satu. Activity Penggabunga n/join 8. Asosiasi penggabungan di mana lebih dari satu aktivitas digabungkan menjadi satu. Activity Status akhir Status akhir yang dilakukan sistem, sebuah diagram aktivitas memiliki sebuah status akhir. xxiv

20 Jenis Notasi/Lambang Nama Arti Activity 9. Memisahkan organisasi Swimlane bisnis yang bertanggung jawab terhadap aktivitas yang terjadi. Activity Fork 0. Fork, digunakan untuk menunjukkan kegiatan yang dilakukan secara paralel. Activity Join 1. Join,digunakan untuk menunjukkan kegiatan yang digabungkan. Flow Direction Flow Direction, simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain. xxv

21 Jenis Notasi/Lambang Nama Arti Terminator Symbol Connector Symbol Connector Symbol 2. Terminator Symbol, simbol yang digunakan untuk permulaan (start) atau akhir (stop) dari suatu kegiatan 3. simbol untuk keluar masuk atau penyambungan proses pada lembar / halaman yang berbeda Yaitu simbol untuk keluar masuk atau penyambungan proses dalam lembar / halaman yang sama. Processing Symbol Manual Operation 4. Simbol yang menunjukkan pengolahan yang dilakukan oleh komputer 5. Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh komputer. xxvi

22 Jenis Notasi/Lambang Nama Arti Decision 6. Simbol pemilihan proses berdasarkan kondisi yang ada. Input-Output Manual Input 7. Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya. 8. Simbol untuk pemasukan data secara manual online keyboard Preparation Predefine Proses Display 9. Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage. 0. Simbol untuk pelaksanaan suatu bagian (sub-program) /prosedure 1. Simbol yang menyatakan peralatan output yang digunakan yaitu layar, plotter, printer dan sebagainya xxvii

23 Jenis Notasi/Lambang Nama Arti 2. Simbol yang menyatakan Disk and Online Storage input yang berasal dari disk atau disimpan ke disk arsip 3. Simbol yang menyatakan untuk penyimpanan dokumen ERD Himpunan entitas E 4. Menyatakan himpunan entitas ERD Atribut a sebagai key 5. Menyatakan atribut ERD Himpuan Relasi R 6. Menyatakan himpunan relasi ERD Link 7. Penghubung antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atributnya. xxviii