APLIKASI PEMBELAJARAN UKURAN PEMUSATAN DATA BERBASIS WEB KHALIM AL MAHRUS 41510120015 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
APLIKASI PEMBELAJARAN UKURAN PEMUSATAN DATA BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: Khalim Al Mahrus 41510120015 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
I. LEMBAR PERNYATAAN i
II. LEMBAR PENGESAHAN ii
III. KATA PENGANTAR Puji Syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena atas karunia yang telah diberikan sehingga penulis dapat menyelesaikan Laporan Tugas Akhir tepat pada waktunya, dimana Laporan Tugas Akhir tersebut merupakan salah satu persyaratan untuk dapat menyelesaikan Program Studi Strata Satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari bahwa Laporan Tugas Akhir ini masih belum dapat dikatakan sempurna. Karena itu, kritik dan saran akan diterima dengan senang hati. Penulis juga menyadari bahwa Laporan Tugas Akhir ini takkan dapat selesai tepat pada waktunya tanpa bantuan, bimbingan, dan motivasi dari berbagai pihak. Maka dari itu, dengan segala kerendahan hati, Penulis ingin menyampaikan ucapan terima kasih kepada: 1. Drs. Achmad Kodar, MT. selaku Pembimbing Tugas Akhir yang telah membimbing penulis dengan semua nasihat, semangat dan ilmunya dalam menyusun laporan tugas akhir ini 2. Sabar Rudiarto, M.Kom. selaku Kaprodi Teknik Informatika Universitas Mercu Buana 3. Nia Kusuma Wardhani, S.Kom, MM, selaku Koordinator Tugas Akhir Teknik Informatika Universitas Mercu Buana 4. Kedua orang tua yang selama ini telah membesarkan, mendoakan dan selalu memberikan semangat kepada penulis 5. Teman-teman angkatan 18 Fasilkom Jurusan Teknik Informatika yang telah memberikan semangat dan bantuannya kepada penulis 6. Beserta semua pihak yang telah memotivasi dan ikut memberikan bantuannya kepada penulis yang namanya tidak dapat penulis sebutkan satu per satu. Semoga Tuhan Yang Maha Esa membalas kebaikan yang telah diberikan kepada penulis dan penulis berharap semoga laporan tugas akhir ini bermanfaat bagi kita semua. Amin Jakarta, Februari 2016 Khalim Al Mahrus iii
VI. DAFTAR ISI Halaman I. LEMBAR PERNYATAAN... i II. LEMBAR PENGESAHAN... ii III. KATA PENGANTAR... iii IV. ABSTRACT... iv V. ABSTRAK... v VI. DAFTAR ISI... vi VII. DAFTAR GAMBAR... ix VIII. DAFTAR TABEL... xi 1. BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Perumusan Masalah... 2 1.3 Tujuan dan Manfaat Penelitian... 2 1.4 Batasan Masalah... 3 1.5 Metodologi Penelitian... 3 1.6 Sistematika Penulisan... 4 2. BAB II LANDASAN TEORI... 5 2.1 Pengertian Aplikasi Pembelajaran... 5 2.2 Ukuran Pemusatan Data... 6 2.2.1 Rata-rata Hitung atau Nilai Tengah (Mean)... 7 2.2.2 Median (Me)... 11 2.2.3 Modus... 13 2.2.4 Kuartil... 14 2.2.5 Kuantil: kuartil, Desil, dan Persentil... 16 2.3 Rekayasa Perangkat Lunak... 18 2.3.1 Pengertian Perangkat Lunak... 18 2.3.2 Aplikasi Perangkat Lunak... 19 2.3.3 Pengertian Rekayasa Perangkat Lunak... 20 2.4 Unified Modeling Language... 20 2.4.1 Use Case Diagram... 21 vi
2.4.2 Activity Diagram... 24 2.4.3 Sequence Diagram... 24 2.5 PHP... 26 2.5.1 Pengertian PHP... 26 2.5.2 Keunggulan PHP... 26 2.6 SQL... 27 2.6.1 Pengertian SQL... 27 2.6.2 Keunggulan MySQL... 27 2.7 Konektivitas PHP dan MYSQL... 28 2.8 XAMPP... 29 2.8.1 Definisi XAMPP... 29 2.8.2 Bagian Penting XAMPP... 30 2.9 Bootstrap... 30 2.10 Adobe Flash... 30 2.11 Story Board... 31 2.12 Metodologi Rekayasa Perangkat Lunak... 31 2.13 Metode Pengujian Sistem... 34 2.13.1 Metode Pengujian Black Box Testing... 34 2.13.2 Equivalence Partioning... 34 3. BAB III ANALISIS DAN PERANCANGAN... 35 3.1 Analisis Sistem... 35 3.2 Perancangan Pemodelan Sistem... 36 3.2.1 Use Case Diagram... 36 3.2.2 Use Case Description... 37 3.2.3 Activity Diagram... 40 3.2.4 Sequence Diagram... 49 3.2.5 Class Diagram... 58 3.3 Perancangan Database... 59 3.4 Perancangan Storyboard... 59 3.5 Perancangan Antarmuka... 61 3.5.1 Antarmuka Halaman Utama (Home)... 61 3.5.2 Antarmuka halaman Materi Data Tak Berkelompok... 61 vii
3.5.3 Antarmuka halaman Materi Data Berkelompok... 62 3.5.4 Antarmuka halaman Latihan Soal... 62 3.5.5 Antarmuka Form Login... 63 3.5.6 Antarmuka Halaman Input Soal... 63 3.5.7 Antarmuka Halaman Update Soal... 64 3.5.8 Antarmuka Halaman Lihat Soal... 64 3.5.9 Antarmuka Halaman Lihat Mahasiswa... 65 3.5.10 Antarmuka Ubah Password... 65 4. BAB IV IMPLEMENTASI DAN PENGUJIAN... 66 4.1 Implementasi... 66 4.1.1 Lingkungan Implementasi... 66 4.1.2 Implementasi Basis Data... 67 4.1.3 Implementasi Antarmuka... 70 4.2 Pengujian... 83 4.2.1 Metode Pengujian... 83 4.2.2 Skenario Pengujian... 84 4.2.3 Analisa Hasil Pengujian... 86 4.2.4 Hasil Penelitian... 86 5. BAB V KESIMPULAN DAN SARAN... 88 6. DAFTAR PUSTAKA... 90 7. LAMPIRAN... 91 viii
VII. DAFTAR GAMBAR Halaman Gambar 2.1 Metode Waterfall... 32 Gambar 3.1 Use Case Diagram Aplikasi Pembelajaran Ukuran Pemusatan Data 36 Gambar 3.2 Activity Diagram Login... 40 Gambar 3.3 Activity Diagram Mempelajari Materi... 41 Gambar 3.4 Activity Diagram Mengerjakan Soal... 42 Gambar 3.5 Activity Diagram Menginput Soal... 43 Gambar 3.6 Activity Diagram Mengupdate Soal... 44 Gambar 3.7 Activity Diagram Menghapus Soal... 45 Gambar 3.8 Activity Diagram Menginput Mahasiswa... 46 Gambar 3.9 Activity Diagram Menghapus Mahasiswa... 47 Gambar 3.10 Activity Diagram Mengubah Password... 48 Gambar 3.11 Sequence Diagram Login... 49 Gambar 3.12 Sequence Diagram Logout... 49 Gambar 3.13 Sequence Diagram Mempelajari Materi... 50 Gambar 3.14 Sequence Diagram Mengerjakan Soal... 51 Gambar 3.15 Sequence Diagram Menginput Soal... 52 Gambar 3.16 Sequence Diagram Mengupdate Soal... 53 Gambar 3.17 Sequence Diagram Menghapus Soal... 54 Gambar 3.18 Sequence Diagram Menginput Mahasiswa... 55 Gambar 3.19 Sequence Diagram Menginput Mahasiswa... 56 Gambar 3.20 Sequence Diagram Menginput Mahasiswa... 57 Gambar 3.21 Class diagram Diagram Aplikasi Pembelajaran... 58 Gambar 3.22 Storyboard Materi... 60 Gambar 3.23 Antarmuka Halaman Utama... 61 Gambar 3.24 Antarmuka Halaman Materi Data Tak Berkelompok... 61 Gambar 3.25 Antarmuka Halaman Materi Data Berkelompok... 62 Gambar 3.26 Antarmuka Halaman Latihan Soal... 62 Gambar 3.27 Antarmuka Form Login... 63 Gambar 3.28 Antarmuka Input Soal... 63 ix
Gambar 3.29 Antarmuka Update Soal... 64 Gambar 3.30 Antarmuka Lihat Soal... 64 Gambar 3.31 Antarmuka Lihat Mahasiswa... 65 Gambar 3.32 Antarmuka Ubah Password... 65 Gambar 4.1 Tampilan localhost/phpmyadmin... 67 Gambar 4.2 Tampilan tabel tb_soal... 68 Gambar 4.3 Tampilan tabel tb_user... 69 Gambar 4.4 Tampilan tabel tb_secimage... 69 Gambar 4.5 Tampilan halaman home... 70 Gambar 4.6 Tampilan form login... 71 Gambar 4.7 Tampilan halaman materi pada mean data tak berkelompok... 72 Gambar 4.8 Contoh Tampilan video penyelesaian soal pada materi mean data tak berkelompok... 73 Gambar 4.9 Tampilan halaman materi pada median data tak berkelompok... 73 Gambar 4.10 Tampilan halaman materi pada modus data tak berkelompok... 74 Gambar 4.11 Tampilan halaman materi pada kuartil 1 data tak berkelompok... 74 Gambar 4.12 Tampilan halaman materi pada kuartil 2 data tak berkelompok... 75 Gambar 4.13 Tampilan halaman materi pada kuartil 3 data tak berkelompok... 75 Gambar 4.14 Tampilan halaman materi pada mean data berkelompok... 76 Gambar 4.15 Tampilan halaman materi pada median data berkelompok... 76 Gambar 4.16 Tampilan halaman materi pada modus data berkelompok... 77 Gambar 4.17 Tampilan halaman materi pada kuartil 1 data berkelompok... 77 Gambar 4.18 Tampilan halaman materi pada kuartil 2 data berkelompok... 78 Gambar 4.19 Tampilan halaman materi pada kuartil 3 data berkelompok... 78 Gambar 4.20 Tampilan halaman latihan soal... 79 Gambar 4.21 Tampilan halaman hasil... 79 Gambar 4.22 Tampilan form inputan soal... 80 Gambar 4.23 Tampilan halaman lihat soal... 80 Gambar 4.24 Tampilan halaman edit soal... 81 Gambar 4.25 Tampilan halaman input peserta... 82 Gambar 4.26 Tampilan halaman lihat mahasiswa... 82 Gambar 4.27 Tampilan halaman ubah password... 83 x
VIII. DAFTAR TABEL Halaman Tabel 2.1 Tabel Penolong untuk Menghitung Mean (Sudaryono et al, 2012:56)... 8 Tabel 2.2 Tabel untuk mencari median pada distribusi frekuensi kelompok (Sudaryono et al, 2012:60)... 12 Tabel 2.3 Tabel untuk menghitung modus pada distribusi frekuensi kelompok (Sudaryono et al, 2012: 63)... 13 Tabel 2.4 Contoh untuk Mencari Kuartil Satu (Sudaryono et al, 2012: 67)... 15 Tabel 2.5 Contoh untuk mencari desil tiga (D 3 )... 17 Tabel 2.6 Contoh untuk mencari persentil 60... 17 Tabel 2.7 Jenis-jenis Diagram UML (Flowler, 2005:17)... 21 Tabel 2.8 Simbol Use Case (Rosa A.S. dan M. Shalahuddin, 2013:156-158)... 22 Tabel 2.9 Simbol Activity Diagram (Rosa A.S. dan M. Shalahuddin, 2013:164-165)... 24 Tabel 2.10 Simbol Sequence diagram (Rosa A.S. dan M. Shalahuddin, 2005:165-167)... 25 Tabel 3.1 Use Case Description Login... 37 Tabel 3.2 Use Case Description Mempelajari Materi... 37 Tabel 3.3 Use Case Description Mengerjakan Soal... 37 Tabel 3.4 Use Case Description Mengubah Password... 38 Tabel 3.5 Use Case Description Menginput Soal... 38 Tabel 3.6 Use Case Description Mengupdate Soal... 38 Tabel 3.7 Use Case Description Menghapus Soal... 39 Tabel 3.8 Use Case Description Menginput Mahasiswa... 39 Tabel 3.9 Use Case Description Menghapus Mahasiswa... 39 Tabel 3.10 Use Case Description Mengecek Jawaban... 40 Tabel 3.11 Tb_Soal... 59 Tabel 3.12 Tb_User... 59 Tabel 3.13 Tb_Secimage... 59 Tabel 4.1 Perangkat keras yang digunakan... 66 Tabel 4.2 Perangkat lunak yang digunakan... 66 xi
Tabel 4.3 HTML Video Browser Support... 72 Tabel 4.4 Skenario Pengujian Aplikasi... 84 Tabel 4.5 Hasil Kuesioner... 86 xii