Perancangan Simulasi TOEFL (Test Of English As A Foreign Language) Berbasis Web
PERANCANGAN SIMULASI TOEFL
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
FEBRIANI F DAMANIK
132406106
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUANALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN SIMULASI TOEFL
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh
gelar Ahli Madya
FEBRIANI F DAMANIK
132406106
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
i
PERSETUJUAN
Judul
:
PERANCANGAN SIMULASI TOEFL (TEST OF
ENGLISH AS A FOREIGN LANGUAGE) BERBASIS
WEB
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: TUGAS AKHIR
: FEBRIANI FELICITAS DAMANIK
: 132406106
: DIPLOMA III TEKNIK INFORMATIKA
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
Diluluskan di,
Medan, Juni 2016
Diketahui/Disetujui Oleh
Program Studi D-3 Teknik Informatika
Ketua,
Pembimbing
Dr. Elly Rosmaini, M.Si
NIP.196005201985032002
Dr Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
ii
PERNYATAAN
PERANCANGAN SIMULASI TOEFL
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
materi, kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2014
Febriani F Damanik
132406106
Universitas Sumatera Utara
iii
PENGHARGAAN
Segala puji dan syukur penulis panjatkan kepada Tuhan yang Maha ESA yang telah
melimpahkan dan menganugerahkan kemudahan serta kelancaran sehingga penulis
dapat menyelesaikan penulisan Tugas Akhir dengan judul ā Perancangan Simulasi
TOEFL (Test Of English As A Foreign Language) Berbasis Web ā. Penyusunan dan
penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap
Mahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.
Selama penulisan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, serta
motivasi baik secara langsung maupun tidak langsung. Maka pada kesempatan ini,
penulis mengucapkan terima kasih dan penghargaan setinggi-tingginya kepada :
1. Dr Syahriol Sitorus, S.Si.M.IT selaku Dosen Pembimbing yang telah banyak
memberikan pengarahan dan bimbingan dalam penulisan tugas akhir ini.
2. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam di Universitas Sumatera Utara.
3. Seluruh Dosen Pengajar Program Studi D-III Teknik Informatika FMIPA USU
yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.
4. Teristimewa buat kedua orang tua tercinta, Ayahanda Marulak Damanik dan
Ibunda Tomoria Sirait yang telah memberikan kasih sayang, semangat dan dukungan
baik secara material dan spiritual.
5. Seluruh keluarga penulis yang selalu memberikan semangat dan motivasi kepada
penulis.
6. Teman-teman seangkatan penulis khususnya kom Cā13 kepada Riris, Meylia,
Elsa, Riski, Eka serta teman-teman seangkatan lainya yang tidak bisa disebutkan satu
per satu.
Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk iti penulis
mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk perbaikan dan
kesempurnaan tugas akhir ini.
Medan,
Penulis,
Juni 2016
Febriani F Damanik
132406106
Universitas Sumatera Utara
iv
ABSTRAK
Website Simulasi TOEFL ini merupakan versi online dari Paper Based Test TOEFL
yang bertujuan untuk membantu user sebelum menghadapi tes TOEFL yang
sesungguhnya. Sistem ini menyediakan tes TOEFL, pembelajaran bahasa inggris
khususnya TOEFL, grammar atau struktur kata dalam bahasa inggris dan informasi
seputar TOEFL. Proses pembuatan aplikasi ini menggunakan bahasa pemrograman PHP
versi 5.5.15 dengan basisdata MySQL versi 5.6.201 yang telah terintegrasi dalam
Xampp versi 3.2.1, CSS, HTML dan Javascript. Sublime Text 2 sebagai media editor
skrip dan Adobe Photoshop CS3 sebagai media editor grafis. Maka dengan adanya
website simulasi tes TOEFL ini dapat menghemat waktu, tempat dan biaya user
sebelum menghadapi tes TOEFL yang sesungguhnya.
Universitas Sumatera Utara
v
DAFTAR ISI
Halaman
PERSETUJUAN .............................................................................................................. i
PERNYATAAN .............................................................................................................. ii
PENGHARGAAN .......................................................................................................... iii
ABSTRAK ...................................................................................................................... iv
DAFTAR ISI ................................................................................................................... v
DAFTAR TABEL ......................................................................................................... vii
DAFTAR GAMBAR.................................................................................................... viii
BAB 1.
BAB 2.
PENDAHULUAN
1.1 Latar Belakang
1.2 Identifikasi Masalah
1.3 Batasan Masalah
1.4 Tujuan
1.5 Manfaat
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
LANDASAN TEORI
2.1 Simulasi
2.2 Data
2.2.1 Pengolahan Data
2.2.3 Database
2.3 Perangkat Pemodelan
2.3.1 Data Flow Diagram (DFD)
2.3.2 Flowchart
2.4 Sistem Informasi
2.4.1 Sistem
2.4.2 Tujuan Sistem
2.4.3 Informasi
2.5 Bahasa Pemrograman
2.5.1 HTML
2.5.2 PHP
2.5.3 Javascript
2.5.4 CSS
2.5.5 MySQL
2.6 Konsep Web
2.7 Mengenai TOEFL
2.8 E-Learning
2.9 Sublime Text 2
2.10 Studi Sejenis
1
3
3
4
4
5
6
8
8
9
10
10
11
12
13
13
14
15
16
16
18
19
20
21
22
23
25
26
27
Universitas Sumatera Utara
vi
BAB 3.
BAB 4.
BAB 5.
PERANCANGAN SISTEM
3.1 Pembuatan Sitemap
3.2 Data Flow Diagram
3.3 Flowchart
3.3.1 Flowchart Halaman Utama
3.3.2 Flowchart Login Admin
3.3.3 Flowchart Halaman Admin
3.3.4 Flowchart About
3.3.5 Flowchart Services
3.3.6 Flowchart Login
3.3.7 Flowchart Tes TOEFL
3.4 Perancangan Entity Relationship Diagram (ERD)
3.5 Perancangan Database
3.5.1 Tabel Administrator
3.5.2 Tabel Pengguna (User)
3.5.3 Tabel Komentar (Comment)
3.5.4 Tabel Soal Structure
3.5.5 Tabel Soal Listening
3.5.6 Tabel Soal Reading
3.5.7 Tabel Upload File
3.5.8 Tabel Nilai Structure
3.5.9 Tabel Nilai Listening
3.5.10 Tabel Nilai Reading
3.5.11 Tabel Nilai Akhir
3.5.12 Tabel Id
31
32
34
34
36
37
38
40
41
42
43
45
45
45
46
47
47
48
49
49
50
51
51
52
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Komponen Implementasi Sistem
4.3.1 Perangkat Keras (Hardware)
4.3.2 Perangkat Lunak (Software)
4.3.3 Unsur Manusia (Brainware)
4.4 Prosedur Penggunaan Website
4.4.1 Halaman Index.php
4.4.2 Halaman About
4.4.3 Halaman Services
4.4.4 Halaman Contact
4.4.5 Halaman Login dan Daftar
4.4.6 Halaman Profil
4.4.7 Halaman Direction
4.4.8 Halaman Simulasi TOEFL
53
53
54
54
55
56
56
57
59
60
60
61
63
63
64
PENUTUP
5.1 Kesimpulan
5.2 Saran
67
68
DAFTAR PUSTAKA
Universitas Sumatera Utara
vii
DAFTAR TABEL
Tabel 2.1 Simbol-simbol Data Flow Diagram
Tabel 2.2 Simbol-simbol Flowchart
Tabel 3.1 Tabel Admin
Tabel 3.2 Tabel User
Tabel 3.3 Tabel Comment
Tabel 3.4 Tabel Structure
Tabel 3.5 Tabel Listening
Tabel 3.6 Tabel Reading
Tabel 3.7 Tabel Upload
Tabel 3.8 Tabel Nilai Structure
Tabel 3.9 Tabel Nilai Listening
Tabel 3.10 Tabel Nilai Reading
Tabel 3.11 Tabel Nilai Akhir
Tabel 3.12 Tabel Id
Halaman
11
12
45
46
46
47
48
48
49
50
50
51
52
52
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Gambar 3.1 Sitemap Situs
Gambar 3.2 Sitemap Situs Administrator
Gambar 3.3 DFD Level Konteks Simulasi TOEFL
Gambar 3.4 Flowchart Halaman Utama
Gambar 3.5 Flowchart Login Admin
Gambar 3.6 Flowchart Halaman Admin
Gambar 3.7 Flowchart Halaman About
Gambar 3.8 Flowchart Halaman Services
Gambar 3.9 Flowchart Halaman Login
Gambar 3.10 Flowchart Tes TOEFL
Gambar 3.11 ERD Tahap Pertama
Gambar 3.12 ERD Tahap Kedua
Gambar 3.13 ERD Tahap Ketiga
Gambar 3.14 ERD Tahap Keempat
Gambar 3.15 ERD Tahap Kelima
Gambar 4.1 Tampilan Index.php Untuk User
Gambar 4.2 Tampilan Index.php untuk Admin
Gambar 4.3 Tampilan Halaman About
Gambar 4.5 Tampilan Halaman Services
Gambar 4.6 Tampilan Halaman Contact
Gambar 4.7 Tampilan Halaman Login
Gambar 4.8 Tampilan Halaman Daftar
Gambar 4.9 Tampilan Halaman Profil
Gambar 4.10 Tampilan Halaman Direction
Gambar 4.11 Tampilan Simulasi Tes Structure
Gambar 4.12 Tampilan Simulasi Tes Listening
Gambar 4.13 Tampilan Simulasi Tes Reading
Halaman
31
32
33
35
36
37
39
40
41
42
43
43
43
44
44
57
58
59
60
61
62
62
63
64
65
65
66
Universitas Sumatera Utara
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
FEBRIANI F DAMANIK
132406106
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUANALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN SIMULASI TOEFL
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh
gelar Ahli Madya
FEBRIANI F DAMANIK
132406106
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
i
PERSETUJUAN
Judul
:
PERANCANGAN SIMULASI TOEFL (TEST OF
ENGLISH AS A FOREIGN LANGUAGE) BERBASIS
WEB
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: TUGAS AKHIR
: FEBRIANI FELICITAS DAMANIK
: 132406106
: DIPLOMA III TEKNIK INFORMATIKA
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
Diluluskan di,
Medan, Juni 2016
Diketahui/Disetujui Oleh
Program Studi D-3 Teknik Informatika
Ketua,
Pembimbing
Dr. Elly Rosmaini, M.Si
NIP.196005201985032002
Dr Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
ii
PERNYATAAN
PERANCANGAN SIMULASI TOEFL
(TEST OF ENGLISH AS A FOREIGN LANGUAGE)
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
materi, kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2014
Febriani F Damanik
132406106
Universitas Sumatera Utara
iii
PENGHARGAAN
Segala puji dan syukur penulis panjatkan kepada Tuhan yang Maha ESA yang telah
melimpahkan dan menganugerahkan kemudahan serta kelancaran sehingga penulis
dapat menyelesaikan penulisan Tugas Akhir dengan judul ā Perancangan Simulasi
TOEFL (Test Of English As A Foreign Language) Berbasis Web ā. Penyusunan dan
penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap
Mahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.
Selama penulisan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, serta
motivasi baik secara langsung maupun tidak langsung. Maka pada kesempatan ini,
penulis mengucapkan terima kasih dan penghargaan setinggi-tingginya kepada :
1. Dr Syahriol Sitorus, S.Si.M.IT selaku Dosen Pembimbing yang telah banyak
memberikan pengarahan dan bimbingan dalam penulisan tugas akhir ini.
2. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam di Universitas Sumatera Utara.
3. Seluruh Dosen Pengajar Program Studi D-III Teknik Informatika FMIPA USU
yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.
4. Teristimewa buat kedua orang tua tercinta, Ayahanda Marulak Damanik dan
Ibunda Tomoria Sirait yang telah memberikan kasih sayang, semangat dan dukungan
baik secara material dan spiritual.
5. Seluruh keluarga penulis yang selalu memberikan semangat dan motivasi kepada
penulis.
6. Teman-teman seangkatan penulis khususnya kom Cā13 kepada Riris, Meylia,
Elsa, Riski, Eka serta teman-teman seangkatan lainya yang tidak bisa disebutkan satu
per satu.
Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk iti penulis
mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk perbaikan dan
kesempurnaan tugas akhir ini.
Medan,
Penulis,
Juni 2016
Febriani F Damanik
132406106
Universitas Sumatera Utara
iv
ABSTRAK
Website Simulasi TOEFL ini merupakan versi online dari Paper Based Test TOEFL
yang bertujuan untuk membantu user sebelum menghadapi tes TOEFL yang
sesungguhnya. Sistem ini menyediakan tes TOEFL, pembelajaran bahasa inggris
khususnya TOEFL, grammar atau struktur kata dalam bahasa inggris dan informasi
seputar TOEFL. Proses pembuatan aplikasi ini menggunakan bahasa pemrograman PHP
versi 5.5.15 dengan basisdata MySQL versi 5.6.201 yang telah terintegrasi dalam
Xampp versi 3.2.1, CSS, HTML dan Javascript. Sublime Text 2 sebagai media editor
skrip dan Adobe Photoshop CS3 sebagai media editor grafis. Maka dengan adanya
website simulasi tes TOEFL ini dapat menghemat waktu, tempat dan biaya user
sebelum menghadapi tes TOEFL yang sesungguhnya.
Universitas Sumatera Utara
v
DAFTAR ISI
Halaman
PERSETUJUAN .............................................................................................................. i
PERNYATAAN .............................................................................................................. ii
PENGHARGAAN .......................................................................................................... iii
ABSTRAK ...................................................................................................................... iv
DAFTAR ISI ................................................................................................................... v
DAFTAR TABEL ......................................................................................................... vii
DAFTAR GAMBAR.................................................................................................... viii
BAB 1.
BAB 2.
PENDAHULUAN
1.1 Latar Belakang
1.2 Identifikasi Masalah
1.3 Batasan Masalah
1.4 Tujuan
1.5 Manfaat
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
LANDASAN TEORI
2.1 Simulasi
2.2 Data
2.2.1 Pengolahan Data
2.2.3 Database
2.3 Perangkat Pemodelan
2.3.1 Data Flow Diagram (DFD)
2.3.2 Flowchart
2.4 Sistem Informasi
2.4.1 Sistem
2.4.2 Tujuan Sistem
2.4.3 Informasi
2.5 Bahasa Pemrograman
2.5.1 HTML
2.5.2 PHP
2.5.3 Javascript
2.5.4 CSS
2.5.5 MySQL
2.6 Konsep Web
2.7 Mengenai TOEFL
2.8 E-Learning
2.9 Sublime Text 2
2.10 Studi Sejenis
1
3
3
4
4
5
6
8
8
9
10
10
11
12
13
13
14
15
16
16
18
19
20
21
22
23
25
26
27
Universitas Sumatera Utara
vi
BAB 3.
BAB 4.
BAB 5.
PERANCANGAN SISTEM
3.1 Pembuatan Sitemap
3.2 Data Flow Diagram
3.3 Flowchart
3.3.1 Flowchart Halaman Utama
3.3.2 Flowchart Login Admin
3.3.3 Flowchart Halaman Admin
3.3.4 Flowchart About
3.3.5 Flowchart Services
3.3.6 Flowchart Login
3.3.7 Flowchart Tes TOEFL
3.4 Perancangan Entity Relationship Diagram (ERD)
3.5 Perancangan Database
3.5.1 Tabel Administrator
3.5.2 Tabel Pengguna (User)
3.5.3 Tabel Komentar (Comment)
3.5.4 Tabel Soal Structure
3.5.5 Tabel Soal Listening
3.5.6 Tabel Soal Reading
3.5.7 Tabel Upload File
3.5.8 Tabel Nilai Structure
3.5.9 Tabel Nilai Listening
3.5.10 Tabel Nilai Reading
3.5.11 Tabel Nilai Akhir
3.5.12 Tabel Id
31
32
34
34
36
37
38
40
41
42
43
45
45
45
46
47
47
48
49
49
50
51
51
52
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Komponen Implementasi Sistem
4.3.1 Perangkat Keras (Hardware)
4.3.2 Perangkat Lunak (Software)
4.3.3 Unsur Manusia (Brainware)
4.4 Prosedur Penggunaan Website
4.4.1 Halaman Index.php
4.4.2 Halaman About
4.4.3 Halaman Services
4.4.4 Halaman Contact
4.4.5 Halaman Login dan Daftar
4.4.6 Halaman Profil
4.4.7 Halaman Direction
4.4.8 Halaman Simulasi TOEFL
53
53
54
54
55
56
56
57
59
60
60
61
63
63
64
PENUTUP
5.1 Kesimpulan
5.2 Saran
67
68
DAFTAR PUSTAKA
Universitas Sumatera Utara
vii
DAFTAR TABEL
Tabel 2.1 Simbol-simbol Data Flow Diagram
Tabel 2.2 Simbol-simbol Flowchart
Tabel 3.1 Tabel Admin
Tabel 3.2 Tabel User
Tabel 3.3 Tabel Comment
Tabel 3.4 Tabel Structure
Tabel 3.5 Tabel Listening
Tabel 3.6 Tabel Reading
Tabel 3.7 Tabel Upload
Tabel 3.8 Tabel Nilai Structure
Tabel 3.9 Tabel Nilai Listening
Tabel 3.10 Tabel Nilai Reading
Tabel 3.11 Tabel Nilai Akhir
Tabel 3.12 Tabel Id
Halaman
11
12
45
46
46
47
48
48
49
50
50
51
52
52
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Gambar 3.1 Sitemap Situs
Gambar 3.2 Sitemap Situs Administrator
Gambar 3.3 DFD Level Konteks Simulasi TOEFL
Gambar 3.4 Flowchart Halaman Utama
Gambar 3.5 Flowchart Login Admin
Gambar 3.6 Flowchart Halaman Admin
Gambar 3.7 Flowchart Halaman About
Gambar 3.8 Flowchart Halaman Services
Gambar 3.9 Flowchart Halaman Login
Gambar 3.10 Flowchart Tes TOEFL
Gambar 3.11 ERD Tahap Pertama
Gambar 3.12 ERD Tahap Kedua
Gambar 3.13 ERD Tahap Ketiga
Gambar 3.14 ERD Tahap Keempat
Gambar 3.15 ERD Tahap Kelima
Gambar 4.1 Tampilan Index.php Untuk User
Gambar 4.2 Tampilan Index.php untuk Admin
Gambar 4.3 Tampilan Halaman About
Gambar 4.5 Tampilan Halaman Services
Gambar 4.6 Tampilan Halaman Contact
Gambar 4.7 Tampilan Halaman Login
Gambar 4.8 Tampilan Halaman Daftar
Gambar 4.9 Tampilan Halaman Profil
Gambar 4.10 Tampilan Halaman Direction
Gambar 4.11 Tampilan Simulasi Tes Structure
Gambar 4.12 Tampilan Simulasi Tes Listening
Gambar 4.13 Tampilan Simulasi Tes Reading
Halaman
31
32
33
35
36
37
39
40
41
42
43
43
43
44
44
57
58
59
60
61
62
62
63
64
65
65
66
Universitas Sumatera Utara