ALAT BANTU TES ANALISIS KEPRIBADIAN (MBTI) BERBASIS WEB
ASEP SAEPUDIN 41812010076
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA
JAKARTA
ALAT BANTU TES ANALISIS KEPRIBADIAN (MBTI) BERBASIS WEB
Laporan Tugas Akhir
Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Sistem Informasi
Oleh:
ASEP SAEPUDIN 41812010076
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA
JAKARTA
2017
DAFTAR ISI
ABSTRAK ... i
ABSTRACT... ii
DAFTAR ISI... iii
DAFTAR GAMBAR ...v
DAFTAR TABEL ... vii
BAB I PENDAHULUAN ...1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan dan Manfaat... 3
1.5 Metodologi ... 4
1.6 Sistematika Penulisan ... 5
BAB II LANDASAN TEORI ...7
2.1 Studi Penelitian Sebelumnya ... 7
2.2 MBTI (Myers Briggs Type Indicator) ... 8
2.2.1 Pengertian MBTI ... 8
2.2.2 Dimensi MBTI ... 9
2.2.3 Tipe Kepribadian MBTI ...13
2.2.4 Manfaat MBTI ...13
2.2.5 Kelebihan dan Kekurangan MBTI ...13
2.3 Unified Modelling Language (UML) ...13
2.3.1 Use Case Diagram ...15
2.3.2 Class Diagram ...16
2.3.3 Activity Diagram ...17
2.3.4 Sequence Diagram ...17
2.3.5 Tujuan atau Fungsi UML ...18
2.4 MySQL...19
2.5 PHP ...19
BAB III ANALISIS DAN PERANCANGAN SISTEM ... 21
3.1 Analisis Basis Pengetahuan ...21
3.1.1 Blok Diagram Area Permasalahan ...21
3.1.2 Blok Diagram Fokus Permasalahan ...22
iv
3.1.6 Pembentukan Aturan(Rule) ...24
3.2 Analisis dan Perancangan Sistem ...29
3.2.1 Use Case Diagram ...29
3.2.2 Activity Diagram ...33
3.2.3 Sequence Diagram ...40
3.2.4 Class Diagram ...45
3.2.5 Basis Data...46
3.3 Navigasi Menu ...47
3.4 Rancangan Layar ...49
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM... 57
4.1 Implementasi Sistem ...57
4.1.1 Implementasi Perangkat Keras ...57
4.1.2 Implementasi Perangkat Lunak Yang Digunakan ...57
4.2 Implementasi Program ...57
4.2.1 Halaman Menu Program User ...57
4.2.2 Halaman Menu Program Kontributor ...63
4.2.3 Halaman Menu Program Admin ...65
4.3 Pengujian Sistem ...68
4.3.1 Hasil Pengujian Halaman untuk User ...68
4.3.2 Hasil Pengujian Halaman untuk Kontributor ...69
4.3.3 Hasil Pengujian Halaman untuk Admin ...70
BAB V KESIMPULAN DAN SARAN ... 71
5.1 Kesimpulan ...71
5.2 Saran ...71
DAFTAR PUSTAKA ... 73
DAFTAR GAMBAR
Gambar 2.1 4 Skala MBTI yang bersifat dikotomi ...9
Gambar 2.2 Contoh Use Case Diagram (Sumber: Verdi Yasin, 2012) ... 16
Gambar 2.3 Contoh Class Diagram (Sumber: Verdi Yasin, 2012) ... 16
Gambar 2.4 Contoh Activity Diagram (Sumber: Verdi Yasin, 2012) ... 17
Gambar 2.5 Contoh Sequence Diagram (Sumber: Verdi Yasin, 2012) ... 18
Gambar 3.1 Blok Diagram Area Permasalahan ... 21
Gambar 3.2 Blok Diagram Fokus Permasalahan ... 22
Gambar 3.3 Blok Diagram Faktor Krisis ... 23
Gambar 3.4 Depedency Diagram ... 23
Gambar 3.5 Pohon Keputusan ... 24
Gambar 3.6 Use Case Diagram... 29
Gambar 3.7 Activity Diagram Login Admin ... 34
Gambar 3.8 Activity Diagram Mengelola Data Buku Tamu ... 34
Gambar 3.9 Activity Diagram mengelola Data Pertanyaan Test ... 35
Gambar 3.10 Activity Diagram mengelola Data Hasil Test MBTI ... 35
Gambar 3.11 Activity Diagram Mengelola Data Kontributor ... 36
Gambar 3.12 Activity Diagram mengisi Buku Tamu ... 36
Gambar 3.13 Activity Diagram mengisi Test dan Melihat Hasil Test MBTI... 37
Gambar 3.14 Activity Diagram membaca Artikel MBTI ... 37
Gambar 3.15 Activity Diagram Melihat Grafik Jumlah Hasil Test MBTI ... 38
Gambar 3.16 Activity Diagram Register Kontributor ... 38
Gambar 3.17 Activity Diagram Login Kontributor... 39
Gambar 3.18 Activity Diagram Mengelola Artikel MBTI ... 39
Gambar 3.19 Sequence Diagram Mengelola Data Buku Tamu) ... 40
Gambar 3.20 Sequence Diagram Mengelola Data Test MBTI ... 40
Gambar 3.21 Sequence Diagram Mengelola Data Tipe MBTI) ... 41
Gambar 3.22 Sequence Diagram Mengelola Data Kontributor... 41
Gambar 3.23 Sequence Diagram Register Kontributor ... 42
Gambar 3.24 Sequence Diagram Mengelola Artikel MBTI... 42
Gambar 3.25 Sequence Diagram Mengisi Buku Tamu, Test MBTI, dan Melihat Hasil Test ... 43
Gambar 3.26 Sequence Diagram Membaca Artikel ... 43
Gambar 3.27 Sequence Diagram Melihat Grafik Hasil Test MBTI ... 44
Gambar 3.28 Class Diagram ... 45
Gambar 3.29 Navigasi Menu Sistem User ... 47
Gambar 3.30 Navigasi Menu Sistem Kontributor ... 48
Gambar 3.31 Navigasi Menu Sistem Admin ... 48
Gambar 3.32 Rancangan Layar Halaman Utama dan Form Login ... 49
Gambar 3.33 Rancangan Layar Form Register Kontributor ... 49
Gambar 3.34 Rancangan Layar Form Buku Tamu ... 50
Gambar 3.35 Rancangan Layar Form Test Analisis Kepribadian MBTI ... 50
Gambar 3.36 Rancangan Layar Hasil Test Analisis Kepribadian MBTI ... 51
Gambar 3.37 Rancangan Layar Lihat Artikel MBTI ... 51
vi
Gambar 3.41 Rancangan Layar Admin Panel ... 53
Gambar 3.42 Rancangan Layar Approved & Publish Artikel MBTI ... 54
Gambar 3.43 Rancangan Layar Approved Data Kontributor ... 54
Gambar 3.44 Rancangan Layar Data Kontributor ... 55
Gambar 3.45 Rancangan Layar Data Pertanyaan Test ... 55
Gambar 3.46 Rancangan Layar Data Tipe MBTI ... 56
Gambar 3.47 Rancangan Rancangan Layar Edit Data Tipe MBTI ... 56
Gambar 4.1 Halaman Utama ... 58
Gambar 4.2 Form Buku Tamu ... 59
Gambar 4.3 Halaman Test Analisis Kepribadian MBTI ... 59
Gambar 4.4 Script Query menampilkan soal jawaban kepribadian MBTI ... 60
Gambar 4.5 Halaman Test Analisis Kepribadian MBTI ... 60
Gambar 4.6 Halaman Penjelasan Tipe MBTI ... 61
Gambar 4.7 Halaman Artikel MBTI ... 61
Gambar 4.8 Halaman Detail Artikel MBTI ... 62
Gambar 4.9 Halaman Informasi Grafik ... 62
Gambar 4.10 Halaman Register Kontributor ... 63
Gambar 4.11 Halaman ubah password Kontributor ... 63
Gambar 4.12 Halaman Kelola Artikel ... 64
Gambar 4.13 Halaman Input Artikel ... 64
Gambar 4.14 Halaman Approved & Publish Artikel ... 65
Gambar 4.15 Halaman Approved Kontributor ... 65
Gambar 4.16 Halaman Data Kontributor ... 66
Gambar 4.17 Halaman Data Buku Tamu ... 66
Gambar 4.18 Halaman Data Pertanyaan Test ... 67
Gambar 4.19 Halaman Data Tipe MBTI ... 67
DAFTAR TABEL
Tabel 2.1 16 tipe kepribadian MBTI (Sumber: Behaz, 2012) ... 13
Tabel 2.2 Jenis Diagram UML (Sumber: Verdi Yasin, 2012)) ... 15
Tabel 3.1 Pembentukan Rule Introvert dan Ekstrovert ... 25
Tabel 3.2 Pembentukan Rule Sensing dan iNtuition... 26
Tabel 3.3 Pembentukan Rule Thinking dan Feeling ... 27
Tabel 3.4 Pembentukan Rule Judging dan Perceiving ... 28
Tabel 3.5 Deskripsi Use Case Diagram Login Admin ... 29
Tabel 3.6 Deskripsi Use Case Diagram Mengelola Data Buku Tamu ... 30
Tabel 3.7 Deskripsi Use Case Diagram Mengelola Data Pertanyaan Test ... 30
Tabel 3.8 Deskripsi Use Case Diagram Mengelola Data Hasil Test MBTI ... 30
Tabel 3.9 Deskripsi Use Case Diagram Mengelola Data Kontributor ... 31
Tabel 3.10 Deskripsi Use Case Diagram Mengisi Buku Tamu ... 31
Tabel 3.11 Deskripsi Use Case Diagram Mengisi Test MBTI ... 31
Tabel 3.12 Deskripsi Use Case Diagram Melihat Hasil Test MBTI ... 32
Tabel 3.13 Deskripsi Use Case Diagram Membaca Artikel MBTI ... 32
Tabel 3.14 Deskripsi Use Case Diagram Melihat Grafik Jumlah Hasil Test MBTI ... 32
Tabel 3.15 Deskripsi Use Case Diagram Register Kontributor ... 32
Tabel 3.16 Deskripsi Use Case Diagram Login Kontributor ... 33
Tabel 3.17 Deskripsi Use Case Diagram Mengelola Artikel MBTI ... 33
Tabel 3.18 Tabel Admin ... 46
Tabel 3.19 Tabel Artikel Kontributor ... 46
Tabel 3.20 Tabel Data Kontributor ... 46
Tabel 3.21 Tabel Data User ... 46
Tabel 3.22 Tabel Tb_Soal ... 46
Tabel 3.23 Tabel Tb_jawaban ... 47
Tabel 3.24 Tabel Tipe MBTI ... 47
Tabel 4.1 Tabel Pengujian Halaman untuk User ... 68
Tabel 4.2 Tabel Pengujian Halaman untuk Kontributor ... 69
Tabel 4.3 Tabel Pengujian Halaman untuk Admin ... 70
