ABSTRAK
Tugas akhir yang di lakukan di Universitas Kristen Maranatha ini adalah membuat aplikasi e-tugas berbasis web dengan php. Pembuatan website dilakukan untuk dapat menyimpan data materi tugas yang di berikan oleh dosen, dan mahasiswa dapat mengirimkan hasil tugas yang di berikan oleh dosen secara online tanpa menggunakan kertas, dosen dapat langsung melihat hasil tugas tersebut secara online dan dapat memberi penilaian, dosen dapat pula memeriksa apakah tugas
tersebut sama antara mahasiswa satu dengan yang lain dengan melakukan pemeriksaan kesamaan file yang berbentuk teks dengan menggunakan library FineDiff (PHP-FineDiff, n.d.). Pada pembuatannya digunakan teknologi php
dengan menggunakan framework codeigniter yang menggunakan konsep MVC (Model View Controller), aplikasi ini menggunakan database mysql. Dengan adanya website ini diharapkan mampu membantu pengumpulan tugas bagi dosen agar dapat di lakukan secara efisien, dan membantu mahasiswa dalam mengumpulkan tugas, serta mengurangi penggunaan kertas.
vi
ABSTRACT
The final task is done at Maranatha Christian University to make the application of web-based e-task base on php. The making of the website is done to be able to store data material assignment that is given by the lecturers, and students can submit the results of the task that is given by the lecturer online without using paper, the lecturer can immediately see the results of the task online and can can provide assessment, lecturers can also check whether the task is the same between students with each other by check the similarity with tools that can check the similarity in form of text files that use FineDiff library (PHP-FineDiff, n.d.). The website is develop using CodeIgniter framework that uses the concept of MVC (Model View Controller), this application uses MySQL database . With this website is expected to help the collection of duties for faculty to be done efficiently, and help students in collecting duties , as well as reducing the use of paper.
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii
PRAKATA ... iv
ABSTRAK ... v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... xii
DAFTAR TABEL ... xiv
BAB 1 PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Tujuan Pembahasan ... 2
1.4. Batasan Masalah... 2
1.5. Sumber Data ... 3
1.6. Sistematika Pembahasan ... 3
BAB 2 LANDASAN TEORI ... 5
2.1. E-Learning ... 5
2.1.1. Karakteristik e-learning ... 5
2.1.2. Manfaat E-learning... 6
2.1.3. Fungsi E-Learning ... 6
2.1.3.1. Suplemen (tambahan)... 6
2.1.3.2. Komplemen (pelengkap) ... 7
2.1.3.3. Substitusi (pengganti)... 8
viii
2.3. HTTP dan HTTPS ... 10
2.4. PHP ... 11
2.5. Sintaks PHP ... 12
2.6. MySQL ... 12
2.7. Twitter Bootstrap ... 13
2.8. Javascript ... 14
2.9. JQuery ... 14
2.10. Model View Controller(MVC) ... 14
2.10.1. Codeigniter ... 16
2.10.2. CakePHP ... 17
BAB 3 ANALISIS DAN DISAIN ... 18
3.1. Analisis ... 18
3.2. Disain ERD... 19
3.3. Use Case Diagram ... 21
3.4. Activity Diagram ... 28
3.5. Prototipe Disain Antarmuka ... 34
BAB 4 PENGEMBANGAN PERANGKAT LUNAK ... 35
4.1. Implementasi ... 35
4.2. Spesifikasi Perangkat Keras ... 35
4.3. Spesifikasi Perangkat Lunak ... 36
4.4. Implementasi Database ... 36
4.4.1. Diagram Tabel ... 37
4.4.2. Daftar tabel database ... 38
4.4.2.1. Daftar tabel database e-tugas... 38
4.4.2.2. Tabel Dosen ... 39
4.4.2.4. Tabel User ... 39
4.4.2.5. Tabel Role ... 40
4.4.2.6. Tabel Matakuliah ... 40
4.4.2.7. Tabel Kelas... 41
4.4.2.8. Tabel Proyek ... 41
4.4.2.9. Tabel Semester ... 41
4.4.2.10. Tabel Tipe File ... 41
4.4.2.11. Tabel Proyek Pendidikan ... 42
4.4.2.12. Tabel Kelas PBM ... 42
4.4.2.13. Tabel Kelas PBM Detail ... 43
4.4.2.14. Tabel Materi Tugas ... 43
4.4.2.15. Tabel Materi Tugas Tipe File ... 44
4.4.2.16. Tabel Hasil Tugas ... 44
4.5. Implementasi Class ... 45
4.5.1. Class Controller ... 45
4.5.2. Class Model ... 46
4.6. Implementasi Periksa Kesamaan Teks File ... 48
4.7. Implementasi Antarmuka ... 48
4.7.1. Implementasi Antarmuka Halaman Login ... 49
4.7.2. Halaman Antarmuka Admin ... 50
4.7.2.1. Implementasi Antarmuka Kelola Mahasiswa ... 50
4.7.2.2. Implementasi Antarmuka Kelola Dosen ... 51
4.7.2.3. Implementasi Antarmuka Kelola Matakuliah ... 52
4.7.2.4. Implementasi Antarmuka Kelola Kelas ... 53
4.7.2.5. Implementasi Antarmuka Kelola Semester ... 54
x
4.7.2.7. Implementasi Antarmuka Kelola Proyek Pendidikan ... 56
4.7.2.8. Implementasi Antarmuka Kelola Kelas PBM ... 57
4.7.2.9. Implementasi Antarmuka Kelola PBM Mahasiswa ... 58
4.7.2.10. Implementasi Antarmuka Kelola Tipe File... 59
4.7.2.11. Implementasi Antarmuka Profil Admin ... 60
4.7.3. Halaman Antarmuka Dosen ... 61
4.7.3.1. Implementasi Antarmuka Kelola Materi Tugas ... 61
4.7.3.2. Implementasi Antarmuka Kelola Tugas Mahasiswa... 62
4.7.3.3. Implementasi Antarmuka Profil Dosen ... 66
4.7.4. Halaman Antarmuka Mahasiswa ... 67
4.7.4.1. Implementasi Antarmuka Lihat Materi Tugas ... 67
4.7.4.2. Implementasi Antarmuka Lihat Materi Tugas Detail ... 68
4.7.5. Implementasi Antarmuka Profil Mahasiswa ... 69
BAB 5 TESTING DAN EVALUASI SISTEM ... 70
5.1. Pengujian Alpha ... 70
5.1.1. Lingkungan Pengujian ... 70
5.1.2. Skenario Pengujian... 70
5.1.3. Butir Pengujian... 72
5.1.3.1. Pengujian Data Login ... 72
5.1.3.2. Pengujian Pengolahan Data Mahasiswa... 73
5.1.3.3. Pengujian Pengolahan Data Dosen ... 74
5.1.3.4. Pengujian Pengolahan Data Matakuliah ... 75
5.1.3.5. Pengujian Pengolahan Data Kelas ... 77
5.1.3.6. Pengujian Pengolahan Data Semester ... 78
5.1.3.7. Pengujian Pengolahan Data Proyek ... 79
5.1.3.9. Pengujian Pengolahan Data Kelas PBM ... 81
5.1.3.10. Pengujian Pengolahan Data PBM Mahasiswa ... 83
5.1.3.11. Pengujian Pengolahan Data Materi ... 84
5.1.3.12. Pengujian Pengolahan Data Tugas Mahasiswa ... 85
5.1.3.13. Pengujian Pengolahan Data Materi oleh Mahasiswa ... 87
5.1.3.14. Pengujian Pengolahan Data Tugas oleh Mahasiswa ... 88
BAB 6 KESIMPULAN DAN SARAN ... 89
6.1. Kesimpulan ... 89
6.2. Saran ... 89
DAFTAR PUSTAKA ... xv
xii
DAFTAR GAMBAR
Gambar 2.1 MVC (Codein, 2014)... 16
Gambar 3.1 ERD ... 20
Gambar 3.2 Use Case Diagram ... 21
Gambar 3.3 Sub Sistem Use Case Admin ... 22
Gambar 3.4 Sub Sistem Use Case Dosen dan Mahasiswa ... 22
Gambar 3.5 Activity Diagram Mengelola Matakuliah dan Kelas ... 28
Gambar 3.6 Activity Diagram Admin Mengelola Dosen dan Mahasiswa ... 29
Gambar 3.7 Activity Diagram Mengelola Tugas Mahasiswa ... 30
Gambar 3.8 Activity Diagram Mengelola Materi Tugas ... 31
Gambar 3.9 Activity Diagram Membuat Komentar ... 32
Gambar 3.10 Activity Diagram Download Materi Tugas ... 33
Gambar 3.11 Sketsa Awal Antarmuka Login ... 34
Gambar 3.12 Sketsa Awal Antarmuka Layout Global... 34
Gambar 3.13 Sketsa Awal Antarmuka Upload Materi Tugas... 34
Gambar 4.1 Diagram Tabel ... 37
Gambar 4.2 Tampilan daftar tabel e-tugas ... 38
Gambar 4.3 Daftar Tabel Dosen ... 39
Gambar 4.4 Daftar Tabel Mahasiswa... 39
Gambar 4.5 Daftar Tabel User ... 40
Gambar 4.6 Daftar Tabel Role ... 40
Gambar 4.7 Daftar Tabel Matakuliah ... 40
Gambar 4.8 Daftar Tabel Kelas ... 41
Gambar 4.9 Daftar Tabel Proyek ... 41
Gambar 4.10 Daftar Tabel Semester ... 41
Gambar 4.11 Daftar Tabel Tipe File ... 41
Gambar 4.12 Daftar Tabel Proyek Pendidikan ... 42
Gambar 4.13 Daftar Tabel Kelas PBM ... 42
Gambar 4.14 Daftar Tabel Kelas PBM Detail ... 43
Gambar 4.15 Daftar Tabel Materi Tugas ... 43
Gambar 4.17 Daftar Tabel Hasil Tugas ... 44
Gambar 4.18 Tampilan Antarmuka Login ... 49
Gambar 4.19 Tampilan Antarmuka Kelola Mahasiswa ... 50
Gambar 4.20 Tampilan Antarmuka Kelola Dosen ... 51
Gambar 4.21 Tampilan Antarmuka Kelola Matakuliah ... 52
Gambar 4.22 Tampilan Antarmuka Kelola Kelas ... 53
Gambar 4.23 Tampilan Antarmuka Kelola Semester ... 54
Gambar 4.24 Tampilan Antarmuka Kelola Proyek... 55
Gambar 4.25 Tampilan Antarmuka Kelola Proyek Pendidikan... 56
Gambar 4.26 Tampilan Antarmuka Kelola Kelas PBM ... 57
Gambar 4.27 Tampilan Antarmuka Kelola PBM Mahasiswa ... 58
Gambar 4.28 Gambar Antarmuka Kelola Tipe File ... 59
Gambar 4.29 Gambar Antarmuka Profil Admin ... 60
Gambar 4.30 Tampilan Antarmuka Kelola Materi Tugas ... 61
Gambar 4.31 Tampilan Antarmuka Tambah Materi Tugas ... 62
Gambar 4.32 Tampilan Antarmuka Kelola Tugas Mahasiswa ... 62
Gambar 4.33 Tampilan Antarmuka Kelola Tugas Mahasiswa Pencarian Kelas .. 63
Gambar 4.34 Tampilan Antarmuka Kelola Tugas Mahasiswa Yang Sudah Mengumpulkan Tugas ... 63
Gambar 4.35 Tampilan Antarmuka Kelola Tugas Mahasiswa Pemberian Nilai .. 64
Gambar 4.36 Tampilan Antarmuka Hasil Kesamaan Tugas ... 64
Gambar 4.37 Tampilan Antarmuka Detail Hasil Kesamaan Tugas ... 65
Gambar 4.38 Tampilan Antarmuka Profil Dosen ... 66
Gambar 4.39 Tampilan Antarmuka Lihat Materi Tugas ... 67
Gambar 4.40 Tampilan Antarmuka Lihat Materi Tugas Detail ... 68
Gambar 4.41 Tampilan Antarmuka Kumpulkan Tugas ... 69
xiv
DAFTAR TABEL
Table 3.1 Mengelola Matakuliah dan Kelas ... 23
Table 3.2. Mengelola Dosen dan Mahasiswa... 23
Table 3.3. Mengelola Proses Belajar Mangajar ... 24
Table 3.4. Mengelola Tugas Mahasiswa ... 24
Table 3.5. Mengelola Materi Tugas ... 25
Table 3.6. Mengelola Tugas ... 25
Table 3.7. Membuat Komentar ... 26
Table 3.8 Download Materi Tugas... 26
Table 3.9 Periksa Kesamaan Teks File ... 27
Table 3.10 Mengelola Tipe File ... 27
Table 4.1 Tabel Class Controller ... 45
Table 4.2 Class Model... 46
Tablel 5.1 Skenario Pengujian ... 70
Table 5.2 Pengujian Data Login... 73
Table 5.3 Pengujian Pengolahan Data Mahasiswa ... 73
Table 5.4 Pengujian Pengolahan Data Dosen ... 74
Table 5.5 Pengujian Pengolahan Data Matakuliah ... 76
Table 5.6 Pengujian Pengolahan Data Kelas ... 77
Table 5.7 Pengujian Pengolahan Data Semester ... 78
Table 5.8 Pengujian Pengolahan Data Proyek ... 79
Table 5.9 Pengujian Pengolahan Data Proyek Pendidikan ... 80
Table 5.10 Pengujian Pengolahan Data Kelas PBM ... 82
Table 5.11 Pengujian Pengolahan Data PBM Mahasiswa ... 83
Table 5.12 Pengujian Pengolahan Data Materi ... 84
Table 5.13 Pengujian Pengolahan Data Tugas Mahasiswa ... 86
Table 5.14 Pengujian Pengolahan Data Materi oleh Mahasiswa ... 87
BAB 1
PENDAHULUAN
1.1.Latar Belakang
Dengan semakin berkembangnya teknologi informasi sekarang ini, dan makin meratanya jaringan internet di Indonesia (Litbang Kompas, 2015) diharapkan dapat mempermudah seseorang dalam proses berinteraksi.
Dalam suatu proses belajar mengajar diperlukan suatu interaksi antara dosen dengan mahasiswa, dimana dalam hal ini adalah melakukan sebuah pertukaran informasi. Salah satu contoh interaksi pertukaran informasi tersebut adalah pemberian tugas kuliah yang dilakukan oleh dosen kepada mahasiswa yang wajib dilakukan dan dikumpulkan, tugas kuliah yang dilakukan Dosen kepada Mahasiswa bertujuan untuk :
1. Melatih Mahasiswa mempelajari ilmu yang diberikan dosen.
2. Mengembangkan ilmu dengan banyaknya permasalahan yang di kerjakan. Dalam pengumpulan tugas yang di berikan oleh dosen kepada mahasiswa, seringkali dilakukan menggunakan kertas dan dikarenakan tidak adanya sistem, yang dapat melakukan pengelolaan dalam pemberian dan pengumpulan tugas tersebut, dapat menyebabkan adanya permasalahan, diantaranya :
1. Banyaknya lembaran kertas tugas yang harus dibawa dosen 2. Hilangnya tugas yang sudah diberikan oleh mahasiswa 3. Tugas tidak tepat waktu di kumpulkan
4. Sulitnya melakukan pemeriksaan kembali tugas yang sudah lama berlalu 5. Mahasiswa beralasan tidak tahu adanya tugas
2
1.2.Rumusan Masalah
Berdasarkan latar yang telah diuraikan diatas, dapat dijabarkan beberapa rumusan permasalahan sebagai berikut :
1. Bagaimana cara agar dosen dapat memberikan dan mengumpulkan tugas secara online tanpa kertas secara efektif?
2. Bagaimana cara agar mahasiswa dapat melihat tugas yang diberikan dan mengumpulkannya secara online tanpa kertas efektif?
3. Bagaimana cara agar dosen dapat memeriksa kesamaan tugas yang dikumpulkan oleh mahasiswa?
1.3.Tujuan Pembahasan
Untuk mengatasi permasalahan yang terdapat dalam rumusan masalah yang telah disebutkan diatas, maka akan dibuat sebuah website dengan database yang tujuannya adalah sebagai berikut :
1. Membuat website yang dapat melakukan submit materi tugas, manipulasi materi tugas dan melakukan penilaian terhadap tugas yang sudah di submit oleh mahasiswa.
2. Membuat website yang dapat melakukan submit hasil tugas dan melihat hasil nilai.
3. Membuat sebuah sistem yang dapat memeriksa kesamaan tugas yang sudah dikumpulkan oleh mahasiswa yang dapat dilakukan oleh dosen.
1.4.Batasan Masalah
Dari sejumlah permasalahan yang sudah dibahas diatas, aplikasi yang akan dibuat dibatasi oleh beberapa hal, yaitu :
a. Aplikasi ini berbasis web.
b. Aplikasi ini dibuat berdasarkan sistem yang berlaku di Universitas Kristen Maranatha Bandung
c. Tidak semua orang dapat menggunakan website ini, karena dilengkapi oleh user login untuk membatasi hak akses dan hak akses terbatas hanya admin, dosen, dan mahasiswa.
3
e. Besar file yang dapat di upload tidak lebih dari 10MB
f. File yang dapat diperiksa kesamaannya hanya file yang berupa text-base
1.5.Sumber Data
Sumber data dalam pembuatan Tugas Akhir ini diperoleh dari : 1. Studi literatur
Pada tahap ini dilakukan pencarian informasi dan pemahaman literatur yang berhubungan dengan permasalahan yang ada, yang semua informasinya didapat dari buku, materi-materi lain yang berhubungan dan didapat dari internet.
2. Data SAT
Pada tahap ini dilakukan pengambilan data dari SAT untuk dilakukan integrasi pada sistem yang akan dibuat. Sumber data ini berasal dari SAT Universitas Kristen Maranatha Bandung.
1.6.Sistematika Pembahasan
Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub bab dan sistematika penulisan tugas akhir ini terdiri dari :
BAB 1 Pendahuluan
Dalam bab ini membahas tentang latar belakang masalah, perumusan masalah, tujuan pembahasan, batasan masalah, sumber data dan sistematika pembahasan. BAB 2 Dasar Teori
Dalam bab ini menjelaskan tentang berbagai landasan teori yang akan digunakan dalam pembuatan dan pengembangan aplikasi. Seperti pemrogramban berorientasi object, apa itu e-learning, PHP, MySQL, dan teori-teori lainnya.
4
Dalam bab ini membahas tentang analisa permasalahan yang ada dan solusi yang dapat dibuat untuk menyelesaikan masalah tersebut, dengan membuat use case. BAB 4 Perancangan dan Implementasi
Dalam bab ini membahas tentang pembuatan (coding), prosedur penggunaan program dan implementasin program aplikasi yang dikerjakan.
BAB 5 Pengujian
Dalam bab ini membahas tentang hasil pengujian dari aplikasi yang telah selesai dikerjakan.
BAB 6 Kesimpulan dan Saran
BAB 6
KESIMPULAN DAN SARAN
6.1.Kesimpulan
Kesimpulan yang dapat di tarik dalam pembuatan aplikasi e-tugas berbasis web ini adalah :
1. Aplikasi e-Tugas ini dapat digunakan untuk mengurangi penggunaan kertas yang digunakan oleh mahasiswa
2. Aplikasi e-Tugas ini dapat dimanfaatkan oleh dosen untuk memberikan materi tugas sesuai dengan aturan yang ada didalam aplikasi
3. Aplikasi e-Tugas ini dapat dimanfaatkan oleh mahasiswa sebagai sarana untuk mengumpulkan tugas dan melihat apakah tugas tersebut sudah diperiksa oleh dosen.
4. Aplikasi e-Tugas ini dapat dimanfaatkan oleh mahasiswa dan dosen sebagai sarana komunikasi dalam proses pembelajaran dengan adanya fasilitas komentar disetiap hasil tugas yang dikumpulkan
5. Dengan adanya fitur pemeriksaan kesamaan teks, dosen dapat memeriksa apakah ada mahasiswa yang melakukan kecurangan dalam pengumpulan tugas.
6.2.Saran
1. Aplikasi e-Tugas pada saat ini buat dengan menggunakan library yang sudah ada yang diambil dari sumber di internet, diharapkan pembaca dapat mengembangkan sendiri library tersebut sesuai dengan kebutuhannya. 2. Walaupun banyak kelemahan dari aplikasi tugas ini, namun aplikasi
xv
DAFTAR PUSTAKA
@fat, @. a. (n.d.). Bootstrap. Retrieved from http://bootstrapdocs.com/v3.2.0/docs/
(2012, 07 11). Retrieved from Kompasiana:
http://www.kompasiana.com/geosadianta/ternyata-kampuslah-yang-paling-boros-penggunaan-kertas_55122a6e8133113054bc610e
(2014). Retrieved from Codein: http://codebox.in/blog/why-mvc-framework-for-php-development/
Ahsanul, B., & and Anupom, S. (2008). CakePHP Application Development. Bandung: PACKT Publishing.
Bertha , S. (2002). Pemrograman Web Dengan PHP. Bandung: Informatika. Efraim , T. (2006). Pengertian E-Learning. Yogyakarta : Andi Offset.
Hakim, L. (2010). 9 Langkah Menjadi Master Framework Codeigniter. Yogyakarta: LOKOMEDIA.
Haris, S. (2003). Manajemen Database MySQL menggunakan MySQL-Front. Jakarta: PT Elex Media Komputindo.
Hartama, D., & Zarlis, M. (2010). APLIKASI E-TUGAS BERBASIS WEB CMS STUDI KASUS AMIK TUNAS BANGSA PEMATANGSIANTAR. Libby, A., Chaffer, J., & Swedberg, K. (2013). Learning jQuery, 4th Edition. Packt
Publishing Limited.
Litbang Kompas. (2015, 7 21). Penetrasi Internet Belum Merata. Retrieved from Kompas: http://print.kompas.com/baca/2015/07/21/Penetrasi-Internet-Belum-Merata
Lorenson. (1991). Object-Oriented Modeling and Design. Prentice Hall.
PHP-FineDiff. (n.d.). Retrieved from github:
https://github.com/gorhill/PHP-FineDiff
Sunarfrihantono, B. (2003). PHP dan MySQL untuk Web. Yogyakarta: Andi. Tafiardi. (2005). Meningkatkan mutu pendidikan melalui e-learning. Jurnal
Pendidikan Penabur - No.04/ThIV/Juli 2005.
Team, C. D. (n.d.). Retrieved from http://book.cakephp.org
Trygve MVC. (2003). Retrieved from Trygve M. H. Reenskaug: https://heim.ifi.uio.no/~trygver/2003/javazone-jaoo/HM1A93.html