Perancangan Aplikasi Simulasi Psikotest Berbasis Web
PERANCANGAN APLIKASI SIMULASI PSIKOTEST BERBASIS WEB
TUGAS AKHIR
MEYLIA SANDRA TAMPUBOLON
132406109
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN APLIKASI SIMULASI PSIKOTEST BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
MEYLIA SANDRA TAMPUBOLON
132406109
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: PERANCANGAN
APLIKASI
SIMULASI
PSIKOTEST BERBASIS WEB
: TUGAS AKHIR
: MEYLIA SANDRA TAMPUBOLON
: 132406109
: DIPLOMA III TEKNIK INFORMATIKA
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing,
Dr. Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI SIMULASI PSIKOTEST BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
MEYLIA SANDRA TAMPUBOLON
132406109
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas akhir ini dengan judul Perancangan Aplikasi Simulasi Psikotest Berbasis Web.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan
merupakan salah satu syarat menyelesaikan pendidikan D3 Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyeleaian Tugas Akhir ini, penulis sadar akan keterbatasan
kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang
membangun serta dapat memberikan inspirasi yang baik untuk kemampuan Tugas
Akhir ini. Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih
kepada:
1. Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku pembimbing penulis yang
selalu memberi masukan baik kritik dan saran kepada penulis selama
pembuatan Tugas Akhir dari awal hingga selesai.
2. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-3 Teknik
Informatika dan Bapak Dr.Syahriol Sitorus, S.Si.M.IT selaku Sekretaris
Ketua Prodi.
3. Bapak Prof. Tulus, M.Si selaku Ketua Departemen Matematika dan Ibu
Dra. Mardiningsih selaku Sekretaris Departemen Matematika.
4. Bapak Dr. Krista Sebayang, M.Si selaku Dekan Fakultas MIPA Universitas
Sumatera Utara.
5. Seluruh teman-teman seperjuangan mahasiswa D-3 Teknik Informatika yang
memberi dukungan dan bantuan kepada penulis dalam pengerjaan Tugas
Akhir ini.
6. Terkhusunya penulis ucapkan terima kasih kepada kedua orang tua penulis,
“Ayahanda J. Tampubolon dan Ibunda R. Situmorang” serta seluruh keluarga
yang selalu memberikan doa dan dukungan serta kasih sayang yang berlimpah
untuk penulis.
Universitas Sumatera Utara
Akhir kata Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapa
pun yang membacanya. Semoga Tuhan Yang Maha Esa senantiasa memberikan
rahmat kepada kita semua. Amin.
Medan, Juni 2016
Penulis,
Meylia Sandra Tampubolon
Universitas Sumatera Utara
ABSTRAK
Perancangan Aplikasi Simulasi Psikotest Berbasis Web bertujuan untuk mengukur
aspek individu secara psikis. Tes ini dapat berbentuk tertulis, proyektif, atau evaluasi
secara verbal yang teradministrasi untuk mengukur fungsi atau kemampuan kognitif
dan emosional seseorang. Pada Proses pembuatan aplikasi ini perangkat lunak yang
digunakan adalah XAMPP yang merupakan gabungan dari Apache Web Server, PHP,
dan MySQL, Sublime Text 2, Browser Mozilla Firefox dan Google Chrome.
Universitas Sumatera Utara
DAFTAR ISI
HALAMAN
PERSETUJUAN
i
PERNYATAAN
ii
PENGHARGAAN
iii
ABSTRAK
v
DAFTAR ISI
vi
DAFTAR TABEL
viii
DAFTAR GAMBAR
ix
BAB 1 Pendahuluan
1.1 Latar Belakang
1
1.2 Perumusan Masalah
3
1.3 Batasan Masalah
3
1.4 Tujuan Penelitian
4
1.5 Manfaat Peneltian
4
1.6 Metodologi Penelitian
5
1.7 Sistematika Penulisan
6
BAB 2 Landasan Teori
2.1 Pengertian Aplikasi
8
2.1.1 Aplikasi Web
9
2.1.1 Keunggulan Aplikasi Web
10
2.2 Bagian Alir (Flowchart)
11
2.3 Pengertian Basis Data (Database)
12
2.4 Sejarah dan Perkembangan Internet
12
2.4.1 Jaringan Internet
2.5 Konsep Web
14
16
Universitas Sumatera Utara
2.5.1 Web Browser
17
2.5.2 Web Server
17
2.6 PHP
18
2.7 MySQL
18
2.8 HTML
19
2.9 Javasript
19
2.10 CSS
20
2.11 Studi Sejenis
21
BAB 3 ANALISA PERANCANGAN SISTEM
3.1 Perancangan Sistem
24
3.2 Data Flow Diagram (DFD)
24
3.3 Data Flow Diagram Level 0
26
3.4 Data Flow Diagram Level 1
27
3.5 Entity Relationship Diagram (ERD)
27
3.6 Perancangan Database
28
3.7 Flowchart
34
3.7.1 Flowchart Menu Admin
34
3.7.2 Flowchart Menu Kategori
35
3.7.3 Flowchart Menu Jabatan
36
3.7.4 Flowchart Menu Soal
37
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
42
4.2 Tujuan Implementasi Sistem
42
4.3 Komponen Sistem
43
4.4 Tampilan Halaman
45
5.1 Kesimpulan
49
5.2 Saran
50
BAB 5
Universitas Sumatera Utara
DAFTAR TABEL
2.1
Tabel Simbol-Simbol flowchart
11
3.1
Tabel Admin
29
3.2
Tabel Gambar
29
3.3
Tabel Jabatan
29
3.4
Tabel Jawaban
29
3.5
Tabel Kategori
30
3.6
Tabel Pengaturan
30
3.7
Tabel Peserta
30
3.8
Tabel Test
31
3.9
Tabel Hasil Test
31
3.10
Tabel Pengaturan Test
32
3.11
Tabel Soal
32
3.12
Tabel Ujian
32
3.13
Tabel Ujian Kategori
33
3.14
Tabel Peserta
33
3.15
Tabel Waktu
34
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Judul
Halaman
Gambar
3.2.1
Gambar Diagram Konteks
25
3.3.1
Gambar DFD Level 0
26
3.4.1
Gambar DFD Level 1
27
3.5.1
Gambar Entity Relationship Diagram (ERD)
28
3.7.1
Gambar Flowchart Menu Admin
35
3.7.2
Gambar Flowchart Menu Kategori
36
3.7.3
Gambar Flowchart Menu Jabatan
37
3.7.4
Gambar Flowchart Menu Soal
38
3.7.5
Gambar Flowchart Menu Halaman Utama
39
3.7.6
Gambar Flowchart Menu Registrasi
39
3.7.7
Gambar Flowchart Menu Jabatan
40
3.7.8
Gambar Flowchart Menu Simulasi
41
4.4.1
Gambar Tampilan Halaman Utama
45
4.4.2
Gambar Tampilan Menu Registrasi
46
4.4.3
Gambar Tampilan Menu Jabatan
47
4.4.4
Gambar Tampilan Simulasi
48
Universitas Sumatera Utara
TUGAS AKHIR
MEYLIA SANDRA TAMPUBOLON
132406109
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN APLIKASI SIMULASI PSIKOTEST BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
MEYLIA SANDRA TAMPUBOLON
132406109
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: PERANCANGAN
APLIKASI
SIMULASI
PSIKOTEST BERBASIS WEB
: TUGAS AKHIR
: MEYLIA SANDRA TAMPUBOLON
: 132406109
: DIPLOMA III TEKNIK INFORMATIKA
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing,
Dr. Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI SIMULASI PSIKOTEST BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
MEYLIA SANDRA TAMPUBOLON
132406109
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas akhir ini dengan judul Perancangan Aplikasi Simulasi Psikotest Berbasis Web.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan
merupakan salah satu syarat menyelesaikan pendidikan D3 Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyeleaian Tugas Akhir ini, penulis sadar akan keterbatasan
kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang
membangun serta dapat memberikan inspirasi yang baik untuk kemampuan Tugas
Akhir ini. Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih
kepada:
1. Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku pembimbing penulis yang
selalu memberi masukan baik kritik dan saran kepada penulis selama
pembuatan Tugas Akhir dari awal hingga selesai.
2. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-3 Teknik
Informatika dan Bapak Dr.Syahriol Sitorus, S.Si.M.IT selaku Sekretaris
Ketua Prodi.
3. Bapak Prof. Tulus, M.Si selaku Ketua Departemen Matematika dan Ibu
Dra. Mardiningsih selaku Sekretaris Departemen Matematika.
4. Bapak Dr. Krista Sebayang, M.Si selaku Dekan Fakultas MIPA Universitas
Sumatera Utara.
5. Seluruh teman-teman seperjuangan mahasiswa D-3 Teknik Informatika yang
memberi dukungan dan bantuan kepada penulis dalam pengerjaan Tugas
Akhir ini.
6. Terkhusunya penulis ucapkan terima kasih kepada kedua orang tua penulis,
“Ayahanda J. Tampubolon dan Ibunda R. Situmorang” serta seluruh keluarga
yang selalu memberikan doa dan dukungan serta kasih sayang yang berlimpah
untuk penulis.
Universitas Sumatera Utara
Akhir kata Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapa
pun yang membacanya. Semoga Tuhan Yang Maha Esa senantiasa memberikan
rahmat kepada kita semua. Amin.
Medan, Juni 2016
Penulis,
Meylia Sandra Tampubolon
Universitas Sumatera Utara
ABSTRAK
Perancangan Aplikasi Simulasi Psikotest Berbasis Web bertujuan untuk mengukur
aspek individu secara psikis. Tes ini dapat berbentuk tertulis, proyektif, atau evaluasi
secara verbal yang teradministrasi untuk mengukur fungsi atau kemampuan kognitif
dan emosional seseorang. Pada Proses pembuatan aplikasi ini perangkat lunak yang
digunakan adalah XAMPP yang merupakan gabungan dari Apache Web Server, PHP,
dan MySQL, Sublime Text 2, Browser Mozilla Firefox dan Google Chrome.
Universitas Sumatera Utara
DAFTAR ISI
HALAMAN
PERSETUJUAN
i
PERNYATAAN
ii
PENGHARGAAN
iii
ABSTRAK
v
DAFTAR ISI
vi
DAFTAR TABEL
viii
DAFTAR GAMBAR
ix
BAB 1 Pendahuluan
1.1 Latar Belakang
1
1.2 Perumusan Masalah
3
1.3 Batasan Masalah
3
1.4 Tujuan Penelitian
4
1.5 Manfaat Peneltian
4
1.6 Metodologi Penelitian
5
1.7 Sistematika Penulisan
6
BAB 2 Landasan Teori
2.1 Pengertian Aplikasi
8
2.1.1 Aplikasi Web
9
2.1.1 Keunggulan Aplikasi Web
10
2.2 Bagian Alir (Flowchart)
11
2.3 Pengertian Basis Data (Database)
12
2.4 Sejarah dan Perkembangan Internet
12
2.4.1 Jaringan Internet
2.5 Konsep Web
14
16
Universitas Sumatera Utara
2.5.1 Web Browser
17
2.5.2 Web Server
17
2.6 PHP
18
2.7 MySQL
18
2.8 HTML
19
2.9 Javasript
19
2.10 CSS
20
2.11 Studi Sejenis
21
BAB 3 ANALISA PERANCANGAN SISTEM
3.1 Perancangan Sistem
24
3.2 Data Flow Diagram (DFD)
24
3.3 Data Flow Diagram Level 0
26
3.4 Data Flow Diagram Level 1
27
3.5 Entity Relationship Diagram (ERD)
27
3.6 Perancangan Database
28
3.7 Flowchart
34
3.7.1 Flowchart Menu Admin
34
3.7.2 Flowchart Menu Kategori
35
3.7.3 Flowchart Menu Jabatan
36
3.7.4 Flowchart Menu Soal
37
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
42
4.2 Tujuan Implementasi Sistem
42
4.3 Komponen Sistem
43
4.4 Tampilan Halaman
45
5.1 Kesimpulan
49
5.2 Saran
50
BAB 5
Universitas Sumatera Utara
DAFTAR TABEL
2.1
Tabel Simbol-Simbol flowchart
11
3.1
Tabel Admin
29
3.2
Tabel Gambar
29
3.3
Tabel Jabatan
29
3.4
Tabel Jawaban
29
3.5
Tabel Kategori
30
3.6
Tabel Pengaturan
30
3.7
Tabel Peserta
30
3.8
Tabel Test
31
3.9
Tabel Hasil Test
31
3.10
Tabel Pengaturan Test
32
3.11
Tabel Soal
32
3.12
Tabel Ujian
32
3.13
Tabel Ujian Kategori
33
3.14
Tabel Peserta
33
3.15
Tabel Waktu
34
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Judul
Halaman
Gambar
3.2.1
Gambar Diagram Konteks
25
3.3.1
Gambar DFD Level 0
26
3.4.1
Gambar DFD Level 1
27
3.5.1
Gambar Entity Relationship Diagram (ERD)
28
3.7.1
Gambar Flowchart Menu Admin
35
3.7.2
Gambar Flowchart Menu Kategori
36
3.7.3
Gambar Flowchart Menu Jabatan
37
3.7.4
Gambar Flowchart Menu Soal
38
3.7.5
Gambar Flowchart Menu Halaman Utama
39
3.7.6
Gambar Flowchart Menu Registrasi
39
3.7.7
Gambar Flowchart Menu Jabatan
40
3.7.8
Gambar Flowchart Menu Simulasi
41
4.4.1
Gambar Tampilan Halaman Utama
45
4.4.2
Gambar Tampilan Menu Registrasi
46
4.4.3
Gambar Tampilan Menu Jabatan
47
4.4.4
Gambar Tampilan Simulasi
48
Universitas Sumatera Utara