perancangan aplikasi simulasi toefl - UIN Repository

PERA
ANCANG
GAN APL
LIKASI SIMULAS
SI
EFL (TES
ST OF EN
NGLISH AS FOREIIGN LAN
NGUAGE )
TOE
Skripssi
Sebagai Salaah Satu Syaarat Memperroleh Gelarr Sarjana Koomputer
Pada Fakkultas Sainss dan Teknoologi
Univerrsitas Islam
m Negeri Syaarif Hidayattullah Jakarrta
TONI PARW
WANTO
10609100
02888
PROGR
RAM STU
UDI TEKN
NIK INFO
ORMATIK
KA
KULTAS SAINS DAN TEKN
NOLOGI
FAK
VERSITAS ISLAM
M NEGERII SYARIF
F HIDAYA
ATULLAH
H
UNIV
RTA
JAKAR
2011 M / 1432 H PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENARBENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN
SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI
ATAU LEMBAGA MANAPUN.
Jakarta, 23 November 2011
TONI PARWANTO
106091002888
iv
ABSTRAK
Toni Parwanto – 106091002888, Perancangan Aplikasi Simulasi TOEFL (Test
Of English as Foreign Language), dibimbing oleh Viva Arifin dan Fahriany.
Perkembangan teknologi internet sangat pesat dewasa ini. Internet telah banyak
memberikan kemudahan bagi pengguna dalam mengakses informasi. Salah satu
bagian dari teknologi internet adalah web. Web selain berfungsi sebagai media
informasi, juga dapat dijadikan sebagai media pembelajaran. Test Of English as
Foreign Language (TOEFL) merupakan sebuah tes yang mengukur kemampuan
bahasa Inggris seseorang. Tes ini menguji kemampuan dalam listening, stucture,
dan reading. Bagi mahasiswa UIN Syarif Hidayatullah, tes TOEFL menjadi
persyaratan yang wajib diikuti, yaitu sebagai persyaratan masuk dan persyaratan
kelulusan. Tes TOEFL di UIN Syarif Hidayatullah diselenggarakan oleh Pusat
Bahasa. Pihak Pusat Bahasa menyediakan fasilitas modul dan kursus bagi calon
peserta tes, tetapi untuk mendapatkan fasilitas ini membutuhkan biaya tambahan
dan waktu sesuai dengan ketentuan. Sebagai alternatif, dibutuhkan suatu sarana
pembelajaran yang bersifat hemat waktu (time saving), hemat biaya (cost
reduction) dan hemat tempat (space saving). Pemanfaatan kemajuan teknologi
internet dalam mengembangkan media pembelajaran dan simulasi TOEFL
berbasis web dapat menjadi sebuah solusi. Aplikasi yang dirancang ini mampu
memberikan sebuah simulasi tes TOEFL layaknya seperti tes yang akan dihadapi.
Aplikasi ini merupakan aplikasi berbasis web yang dirancang menggunakan
bahasa pemrograman PHP dengan basisdata MySQL. Dalam pengembangannya,
aplikasi ini menggunakan metodologi Incremental Process Model, dimana
metodologi ini berfokus pada penyampaian produk operasional pada setiap
increment. Increment awal adalah versi stripped-down dari produk akhir, tetapi
produk tersebut memberikan kemampuan yang melayani pengguna.
Kata Kunci: Web, TOEFL, simulasi
Jumlah Halaman: xx + 87 Halaman + 23 Tabel + 21 Gambar + Lampiran
Jumlah Pustaka: 23 sumber (2001 – 2011)
v
KATA PENGANTAR
Bismillahirrahmanirrahim
Syukur alhamdulillah penulis panjatkan kehadirat Allah SWT atas berkat
rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi yang
berjudul: Perancangan Aplikasi Simulasi TOEFL (Test Of English as Foreign
Language). Shalawat dan salam selalu dilimpahkan kepada Nabi Muhammad
SAW, keluarga, para sahabat-sahabatnya yang telah mengenalkan Islam kepada
seluruh umat manusia.
Ucapan terima kasih penulis peruntukkan kepada pihak-pihak yang telah
memberi banyak bantuan baik dalam bentuk dukungan secara moral maupun
materi selama penulis melaksanakan penelitian dalam rangka skripsi ini. Secara
khusus penulis ingin menyampaikan terima kasih kepada:
1. Bapak Dr. Syopiansyah Jaya Putra, M.Sis selaku Dekan Fakultas Sains
dan Teknologi.
2. Bapak Yusuf Durachman, M.Sc, MIT selaku Ketua Program Studi Teknik
Informatika.
3. Ibu Viva Arifin, MMSI selaku dosen pembimbing pertama yang telah
memberikan dukungan baik secara moral maupun teknis.
4. Ibu Dr. Fahriany, M.Pd selaku dosen pembimbing kedua yang telah
memberikan dukungan baik secara moral maupun teknis.
5. Ayahanda dan ibunda tercinta yang senantiasa memberikan dukungan,
semangat dan doa demi kelancaran perkuliahan yg sedang di tempuh ini.
vi
6. Kakak, adik, kakak ipar dan keponakanku serta seluruh keluarga yang
telah memberikan semangat dan doa.
7. Seseorang yang sangat spesial di hatiku, Hanin Azzam, SS., yang
senantiasa mendampingi dan selalu memberikan dukungan, semangat serta
doa.
8. Teman-teman seperjuangan, teman-teman kelas TI-B, TI-C (SE), serta
seluruh teman-teman TI angkatan 2006.
9. Sahabat-sahabat Fosma 165 UIN Jakarta yang senantiasa berjuang demi
tegaknya nilai-nilai Ihsan, Iman, dan Islam di bumi Allah ini.
Serta seluruh pihak yang telah membantu dan namanya tidak dapat disebutkan
satu persatu. Terima kasih atas dukungan dan motivasinya, Semoga Allah SWT
membalas segala kebaikan yang telah diberikan kepada penulis.
Penulis juga ingin menyampaikan permintaan maaf yang sebesar-besarnya
apabila selama ini terdapat hal-hal yang kurang berkenan yang penulis lakukan.
Kritik dan saran yang sifatnya membangun sangat penulis terima dengan tangan
terbuka. Akhir kata, penulis berharap semoga skripsi ini dapat bermanfaat dalam
pengembangan ilmu pengetahuan khususnya dalam bidang sains dan teknologi,
Amin.
Jakarta,
November 2011
Toni Parwanto
vii
DAFTAR ISI
Halaman
HALAMAN JUDUL .......................................................................................... i
PERSETUJUAN PEMBIMBING .................................................................... ii
HALAMAN PENGESAHAN ............................................................................ iii
HALAMAN PERNYATAAN ........................................................................... iv
ABSTRAK ........................................................................................................... v
KATA PENGANTAR . ....................................................................................... vi
DAFTAR ISI ....................................................................................................... ix
DAFTAR GAMBAR ........................................................................................ . xv
DAFTAR TABEL ............................................................................................ xvii
DAFTAR LAMPIRAN.................................................................................... xix
DAFTAR ISTILAH ............................................................................................ xx
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah .................................................................... 1
1.2. Perumusan Masalah ........................................................................... 4
1.3. Batasan Masalah ................................................................................. 4
viii
1.4. Tujuan dan Manfaat Penelitian ........................................................... 5
1.4.1. Tujuan Penulisan ...................................................................... 5
1.4.2. Manfaat Penulisan .................................................................... 6
1.5. Metodologi Penelitian ........................................................................ 7
1.5.1. Metodologi Pengumpulan Data............................................... 7
1.5.2. Metodologi Pengembangan Aplikasi ..................................... 8
1.6. Sistematika Penulisan ......................................................................... 7
BAB II LANDASAN TEORI
2.1. Aplikasi ............................................................................................... 10
2.2. Simulasi .............................................................................................. 10
2.2.1. Pengertian Simulasi .................................................................. 10
2.2.2. Jenis Simulasi ........................................................................... 11
2.3. TOEFL ............................................................................................... 12
2.3.1. Pengertian TOEFL ................................................................... 12
2.3.2. Jenis TOEFL ........................................................................... 13
2.3.2.1. Paper Based Test (PBT) ............................................ 13
2.3.2.2 Computer Based Test (CBT) ..................................... 14
ix
2.3.2.3. Internet Based Test (iBT) .......................................... 16
2.3.3. Institutional TOEFL ................................................................ 17
2.4. Konsep Web ......................................................................................... 17
2.4.1. Aplikasi Web ............................................................................ 18
2.4.2. Teknologi Web ........................................................................ 19
2.5. Konsep Dasar Database ..................................................................... 21
2.5.1. Pengertian Database ............................................................... 21
2.5.2. DBMS (Database Management System) ................................ 21
2.5.3. Arsitektur Database ................................................................. 23
2.5.4. Bahasa Database ...................................................................... 24
2.6. Bahasa Pemrograman .......................................................................... 25
2.6.1. HTML ..................................................................................... 25
2.6.2. PHP .......................................................................................... 26
2.6.3. Javascript ................................................................................. 27
2.6.4. CSS .......................................................................................... 28
2.6.5. MySQL .................................................................................... 29
2.7. Perangkat Pemodelan ......................................................................... 30
x
2.7.1. Flowchart ................................................................................. 30
2.7.2. DFD (Data Flow Diagram) ..................................................... 34
2.7.3. STD (State Transition Diagram) ............................................. 35
2.7.4. Kamus Data ............................................................................. 37
2.8. Studi Sejenis ........................................................................................ 38
BAB III
METODOLOGI PENELITIAN
3.1. Kerangka Berpikir .............................................................................. 48
3.2. Metodologi Pengumpulan Data ......................................................... 49
3.2.1. Wawancara ............................................................................... 49
3.2.2. Kuesioner ................................................................................. 49
3.2.3. Studi Pustaka ............................................................................ 51
3.3. Metodologi Pengembangan Aplikasi ................................................ 51
3.3.1. Communication ........................................................................ 52
3.3.2. Planning ................................................................................... 53
3.3.3. Modelling ................................................................................. 53
3.3.3.1. Perancangan Aplikasi .................................................. 53
xi
3.3.3.2. Perancangan Database................................................. 54
3.3.3.3. Perancangan Antarmuka .............................................. 55
3.3.4. Construction ............................................................................. 55
3.3.4.1. Coding.......................................................................... 55
3.3.4.2. Testing.......................................................................... 56
3.3.5. Deployment .............................................................................. 56
BAB IV HASIL DAN PEMBAHASAN
4.1. Communication ................................................................................. 57
4.1.1. Sekilas Tentang Pusat Bahasa .................................................. 57
4.1.1.1. Misi Dan Tugas............................................................ 58
4.1.1.2. Lingkup Kegiatan ........................................................ 59
4.1.2. Analisis Sistem ......................................................................... 60
4.1.2.1. Analisis Sistem Yang Sedang Berjalan ....................... 60
4.1.2.2. Analisis Permasalahan ................................................. 62
4.1.2.2. Pemecahan Masalah..................................................... 63
4.2. Planning ............................................................................................. 64
4.3. Modelling ........................................................................................... 65
xii
4.3.1. Perancangan Aplikasi ............................................................... 65
4.3.1.1. Flowchart ..................................................................... 65
4.3.1.2. DFD (Data Flow Diagram) ......................................... 65
4.3.1.3. STD (State Transition Diagram) ................................. 68
4.3.1.4. Kamus Data ................................................................. 69
4.3.2. Perancangan Database ............................................................. 73
4.3.2.1. ERD (Entity Relationship Diagram) ........................... 73
4.3.2.2. LRS (Logical Record Stucture) ................................... 74
4.3.2.3. Spesifikasi Database ................................................... 74
4.3.3. Perancangan Antarmuka .......................................................... 80
4.3.3.1. Antarmuka Halaman Admin ........................................ 80
4.3.3.2. Antarmuka Halaman User ........................................... 80
4.4. Construction ....................................................................................... 82
4.4.1. Coding (Pengkodean) ............................................................... 82
4.4.2. Testing (Pengujian) .................................................................. 82
4.4.2.1. Pengujian Mandiri ....................................................... 82
4.4.2.2. Pengujian Lapangan..................................................... 85
xiii
4.5. Deployment......................................................................................... 86
4.5.1. Pendaftaran Web Domain ......................................................... 87
4.5.2. Pendaftaran Web Hosting ......................................................... 87
4.5.3. Proses Input Database.............................................................. 88
4.5.3. Proses Upload File Aplikasi .................................................... 89
BAB V PENUTUP
5.1. Kesimpulan......................................................................................... 91
5.2. Saran ................................................................................................... 92
DAFTAR PUSTAKA ......................................................................................... 93
LAMPIRAN
xiv
DAFTAR GAMBAR
Halaman
Gambar 2.1 Arsitektur Aplikasi Web .............................................................. 19
Gambar 2.2 Arsitektur tiga-level ANSI SPARC ............................................. 24
Gambar 2.3 Simbol Terminator....................................................................... 35
Gambar 2.4 Simbol Proses ............................................................................. 36
Gambar 2.5 Simbol Arus Data (Data Flow) .................................................. 36
Gambar 2.6 Simbol Penyimpanan Data (Data Store) .................................... 37
Gambar 2.7 The Incremental Model ............................................................... 39
Gambar 3.1 Kerangka Berpikir ...................................................................... 48
Gambar 4.1 Flowchart Pelaksanaan TOEFL ................................................. 60
Gambar 4.2 Flowchart Sistem Usulan ........................................................... 64
Gambar 4.3 Diagram Konteks ......................................................................... 66
Gambar 4.4 Diagram Zero .............................................................................. 67
Gambar 4.5 STD Admin ................................................................................ 68
Gambar 4.6 STD User .................................................................................... 69
Gambar 4.7 ERD (Entity relationship diagram) ............................................ 73
xv
Gambar 4.8 LRS (Logical Record Structure) ................................................ 74
Gambar 4.9 Antarmuka Admin ...................................................................... 80
Gambar 4.10 Antarmuka User .......................................................................... 81
Gambar 4.11 Antarmuka TOEFL ..................................................................... 81
Gambar 4.12 Deployment Diagram Aplikasi ................................................... 86
Gambar 4.12 Tampilan Aplikasi Filezilla ........................................................ 89
xvi
DAFTAR TABEL
Halaman
Tabel 2.1 Perbedaan Simulasi Analog dan Simulasi Digital ............................ 11
Tabel 2.2 Flow Direction Symbol ..................................................................... 31
Tabel 2.3 Processing Symbols ........................................................................... 32
Tabel 2.4 Input-output Symbols ........................................................................ 33
Tabel 4.1 Data Model Requirement .................................................................. 70
Tabel 4.2 Tabel User ......................................................................................... 75
Tabel 4.3 Tabel Materi ...................................................................................... 75
Tabel 4.4 Tabel Jenis Materi ............................................................................. 75
Tabel 4.5 Tabel Latihan .................................................................................... 76
Tabel 4.6 Tabel Listening .................................................................................. 76
Tabel 4.7 Tabel Grammer ................................................................................. 76
Tabel 4.8 Tabel Reading ................................................................................... 77
Tabel 4.9 Tabel Skor ......................................................................................... 77
Tabel 4.10 Tabel Skor User ................................................................................. 77
Tabel 4.11 Tabel Temp Skor ............................................................................... 78
xvii
Tabel 4.12 Tabel Download ................................................................................ 78
Tabel 4.13 Tabel Buku Tamu .............................................................................. 78
Tabel 4.14 Tabel Pengunjung .............................................................................. 79
Tabel 4.15 Tabel Kategori User .......................................................................... 79
Tabel 4.16 Pengujian Admin ............................................................................... 83
Tabel 4.17 Pengujian User .................................................................................. 85
Tabel 4.18 Pengujian Lapangan .......................................................................... 86
xviii
DAFTAR LAMPIRAN
Halaman
Lampiran A Hasil Wawancara ..................................................................... A-1
Lampiran B Kuesioner ................................................................................. B-1
Lampiran C Konversi Skor TOEFL .............................................................. C-1
Lampiran D Antarmuka Aplikasi ................................................................. D-1
Lampiran E Souce Code Program ................................................................ E-1
xix
DAFTAR ISTILAH
Admin
: Administrator, orang yang bertugas memelihara dan
mengatur sistem.
Blackbox
: Suatu jenis pengujian perangkat lunak berdasarkan input
dan output yang dihasilkan.
CBT
: Computer Based Test, jenis TOEFL yang menggunakan
media komputer.
Database
: Basis data
ETS
: Educational
Testing
Service,
lembaga
yang
mengembangkan tes TOEFL. Berkedudukan di Amerika
Serikat
iBT
: Internet Based Test, jenis TOEFL yang menggunakan
media komputer dan internet.
Online
: Keadaan disaat seseorang atau sistem terhubung kedalam
suatu jaringan ataupun sistem yang lebih besar.
PBT
: Paper Based Test, jenis TOEFL yang menggunakan
media kertas.
TOEFL
: Test Of English As Foreign Language, tes kemampuan
bahasa Inggris seseorang.
User
: Pengguna atau pemakai
xx
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Lahirnya era internet telah memberi perubahan yang sangat besar.
Informasi menjadi sangat mudah untuk diakses dan disebarkan. Kehadiran
Internet juga dapat memberikan kemudahan dalam dunia pendidikan, hal ini
terlihat dengan begitu banyaknya situs web yang menyediakan media
pembelajaran yang semakin interaktif serta mudah untuk dipelajari, Internet
seperti halnya perpustakaan dunia dan situs web sebagai bukunya. Situs web
tidak hanya dapat dijadikan sebagai media informasi tetapi berbagai sistem
pembelajaran pun dapat dilakukan di internet.
Pembelajaran berbasis web mempunyai banyak keunggulan dan
bervariasi. Para peneliti telah membuktikan keunggulan dari pembelajaran
berbasis web seperti hemat waktu (time saving), hemat biaya (cost
reduction) dan hemat tempat (space saving), serta peningkatan kesempatan
belajar bagi non-siswa sekolah. Terlebih para pakar memprediksikan bahwa
dalam beberapa dekade mendatang, lebih dari 50% populasi siswa akan
belajar menggunakan teknologi dan pembelajaran online (Chang, 2007:53).
Dibandingkan dengan sistem tradisional, teknologi berbasis web dapat
membuat siswa menjadi lebih termotivasi dan tertarik dikarenakan mereka
dapat mengakses multimedia dan piranti inovatif lainnya. Pembelajaran
online tidak hanya mengembangkan interaksi pelajar, tetapi juga
1
2
memberikan lingkungan belajar yang positif. Ketika mereka melakukan
ujicoba dengan soal-soal online, seperti soal pilihan ganda dan soal dengan
jawaban singkat, sistem akan merespon secara langsung dan memberikan
umpan balik berupa koreksian yang tersedia. (Chang, 2007:53)
Pusat Bahasa UIN Syarif Hidayatullah Jakarta (Language Center)
merupakan sebuah lembaga bahasa di lingkungan UIN Jakarta yang salah
satu tugasnya adalah menyelenggarakan tes TOEFL, baik itu bagi
mahasiswa UIN Jakarta maupun kalangan umum. Pelaksanaan tes TOEFL
ini juga merupakan salah satu persyaratan bagi mahasiswa yang akan
menempuh studi dan bagi mahasiswa yang akan menyelesaikan studi di
UIN Syarif Hidayatullah Jakarta. Pelaksanaan tes TOEFL di Pusat Bahasa
UIN Syarif Hidayatullah Jakarta mengacu pada standar pelaksanaan tes
TOEFL dari lembaga internasional ETS (Educational Testing Service) yang
berkedudukan di Amerika Serikat. Bentuk tes TOEFL yang dilaksanakan
adalah TOEFL PBT (Paper Based Test) dengan menggunakan lembar soal
dan lembar jawaban kertas.
Dalam hal penyediaan fasilitas bagi calon peserta tes TOEFL, pihak
Pusat Bahasa menyediakan modul dan pelatihan khusus dengan biaya
tambahan tersendiri, namun ini sifatnya tidak wajib. Namun dari hasil
kuesioner yang diberikan kepada 50 orang mahasiswa yang pernah
mengikuti tes TOEFL di Pusat Bahasa menunjukkan hasil bahwa sebanyak
92% responden tidak memanfaatkan fasilitas modul dan kursus dari Pusat
Bahasa. Hal ini juga sesuai dengan hasil wawancara dengan kepala Pusat
3
Bahasa yang menyatakan bahwa sedikit sekali calon peserta yang
memanfaatkan modul maupun yang mengikuti kursus persiapan tes TOEFL.
Selain itu, sebanyak 90% responden menyatakan perlu adanya fasilitas
pembelajaran alternatif lainnya dan sebanyak 84% responden menyatakan
perlu adanya simulasi tes sebelum pelaksanaan tes yang sebenarnya.
Dari 4 pilihan media pembelajaran yang ditawarkan yaitu, (1)
buku/modul, (2) kursus, (3) CD pembelajaran, dan (4) pembelajaran online,
sebanyak 68% responden memilih pembelajaran online sebagai media
pembelajaran yang paling mudah diakses, 58% responden memilih
pembelajaran online sebagai media pembelajaran yang paling efektif dan
76% responden memilih pembelajaran online sebagai media pembelajaran
yang paling murah diantara pilihan yang lainnya (hasil kuesioner dan
wawancara terdapat di lampiran).
Mengacu kepada hasil kuesioner dan wawancara yang telah
dilakukan, maka untuk memberikan alternatif pembelajaran TOEFL
dibutuhkan suatu sarana pembelajaran yang bersifat hemat waktu (time
saving), hemat biaya (cost reduction) dan hemat tempat (space saving).
Permasalahan ini dapat dijawab dengan penggunaan sarana pembelajaran
yang bersifat online dengan menggunakan fasilitas internet yang mampu
memberikan manfaat sebagai sarana pembelajaran materi-materi terkait
dengan tes TOEFL dan mampu memberikan fasilitas tryuot berupa simulasi
TOEFL. Fasilitas pembelajaran online seperti inilah yang belum disediakan
oleh Pusat Bahasa bagi para calon peserta tes.
4
Berdasarkan latar belakang masalah, maka sangat menarik untuk
mengangkat permasalahan ke dalam penelitian skripsi
dengan judul
“Perancangan Aplikasi Simulasi TOEFL (Test Of English As Foreign
Language)”.
1.2. Perumusan Masalah
Berdasarkan latar belakang masalah, maka dapat dirumuskan
permasalahan yang akan dibahas dalam penelitian ini adalah: bagaimana
merancang aplikasi simulasi TOEFL (Test Of English as a Foreign
Langauge) yang mampu memberikan skor (hasil) kepada pengguna aplikasi
dan menjadi media pembelajaran dalam rangka persiapan menghadapi tes
TOEFL.
1.3. Batasan Masalah
Batasan masalah dalam penelitian ini yaitu mencakup :
1. Perancangan aplikasi ini menggunakan bahasa pemrograman PHP
versi 5.3.1 dengan basisdata MySQL versi 5.1.41 yang telah
terintegrasi dalam Xampp versi 1.7.3.
2. Pengguna aplikasi ini secara khusus adalah calon peserta tes yang
akan mengikuti tes TOEFL di Pusat Bahasa UIN Jakarta dan secara
umum adalah semua yang berminat untuk menguji kemampuan
TOEFL-nya sendiri.
3. Aplikasi ini dibuat berdasarkan bentuk tes TOEFL yang sudah baku
5
yang dikembangkan oleh Educational Testing Service (ETS) yang
kemudian diadaptasi oleh Pusat Bahasa yakni TOEFL PBT (Paper
Based Test). Dengan kata lain aplikasi ini adalah versi web dari
TOEFL PBT (Paper Based Test).
4. Aplikasi ini adalah sebuah simulasi, bukan merupakan penilaian akhir
hasil tes TOEFL dan tidak untuk menggantikan tes yg sebenarnya.
Aplikasi ini digunakan sebagai penunjang bagi calon peserta tes
TOEFL untuk menghadapi tes yang sebenarnya.
1.4. Tujuan dan Manfaat Penelitian
1.4.1. Tujuan Penelitian
Tujuan yang ingin dicapai dari penelitian ini adalah:
1. Merancang aplikasi simulasi TOEFL online berbasis web yang
bersifat hemat waktu (time saving), hemat biaya (cost
reduction) dan hemat tempat (space saving).
2. Memberikan
media
pembelajaran online
yang
mampu
menyajikan materi dan latihan terkait persiapan menghadapi
tes TOEFL.
3. Memberikan media simulasi TOEFL online yang mampu
menyajikan contoh soal-soal yang akan dihadapi dan gambaran
hasil yang akan didapat sebelum mengikuti tes TOEFL yang
sebenarnya.
6
1.4.2. Manfaat Penelitian
a. Bagi penulis
Manfaat yang bisa penulis petik dalam penelitian skripsi ini
adalah sebagai berikut :
1. Dapat mengenal dan mendalami konsep TOEFL, khususnya
pada pelaksaaan di Pusat Bahasa UIN Syarif Hidayatullah
Jakarta.
2. Dapat lebih mendalami konsep pemrograman berbasis web,
bahasa pemrograman PHP dan basisdata MySQL.
3. Dapat memenuhi salah satu syarat dalam menyelesaikan
kurikulum tingkat akhir program studi Teknik Informatika
Fakultas Sains dan Teknologi UIN Syarif Hidayatullah
Jakarta
b. Bagi pengguna
Manfaat yang diperoleh oleh pengguna aplikasi ini adalah
sebagai berikut:
1. Sebagai modul pendalaman materi-materi yang berkaitan
dengan soal TOEFL.
2. Dapat mengukur kemampuan diri dalam menjawab soalsoal TOEFL, karena disertai dengan perhitungan skor hasil
yang diperoleh.
7
c. Bagi Pusat Bahasa
Manfaat yang didapat Pusat Bahasa dari penelitian ini
adalah ketersediaan sarana pendukung pembelajaran TOEFL.
d. Bagi Akademik
Manfaat yang didapat Akademik dari penelitian ini adalah
sebagai berikut:
1. Mengetahui kemampuan mahasiswa dalam penguasaan
materi dan penerapan ilmu yang telah didapat selama masa
kuliah.
2. Mengetahui kemampuan mahasiswa dalam penggunaaan
bahasa inggris.
1.5. Metodologi Penelitian
Metodologi yang digunakan dalam penelitian ini adalah sebagai
berikut:
1.5.1. Metodologi Pengumpulan Data
Dalam proses penulisan skripsi ini, metodologi pengumpulan
data yang dilakukan adalah:
1. Wawancara, yakni dengan melakukan wawancara langsung
kepada pihak yang terkait dengan penelitian ini.
2. Kuesioner, yakni dengan memberikan pertanyaan-pertanyaan
kepada pihak yang terkait denga penelitian ini.
8
3. Studi pustaka, yakni mengumpulkan data melalui buku
maupun artikel yang terkait dengan penelitian ini.
1.5.2. Metodologi Pengembangan Aplikasi
Dalam penelitian ini, metode pengembangan aplikasi yang
digunakan adalah Incremental Process Model yang meliputi lima
tahapan kegiatan, yaitu:
1. Communication (Komunikasi).
2. Planning (Perencanaan).
3. Modelling (Perancangan) .
4. Construction (Konstruksi).
5. Deployment (Penerapan).
1.6. Sistematika Penulisan
Dalam skripsi ini, pembahasan yang penulis sajikan terbagi dalam
lima bab yang secara singkat akan di uraikan sebagai berikut:
BAB I
PENDAHULUAN
Dalam bab ini akan diterangkan tentang latar belakang
identifikasi masalah, rumusan masalah, batasan masalah,
tujuan,
manfaat,
metode
penelitian
dan
sistematika
penulisan.
BAB II
LANDASAN TEORI
Bab ini akan menjelaskan secara singkat teori yang
9
diperlukan dalam perancangan aplikasi ini.
BAB III
METODE PENELITIAN
Pada bab ini akan menjelaskan proses penelitian dalam
merancang dan membangun aplikasi.
BAB IV
HASIL DAN PEMBAHASAN
Bab ini akan menjelaskan perancangan program dan
implementasinya yang menggunakan beberapa tahap
pengembangan aplikasi.
BAB V
PENUTUP
Bab ini merupakan bab terakhir dari seluruh rangkaian bab
yang ada diskripsi ini, maka dalam bab ini akan termuat
kesimpulan dari hasil bahasan seluruh bab serta saran-saran
yang sekiranya bermanfaat.
BAB II
LANDASAN TEORI
2.1. Aplikasi
Aplikasi adalah sebuah program komputer yang digunakan untuk
tugas yang spesifik atau khusus, seperti akuntansi, analisis dalam bidang
sains atau medis, atau pemrosesan kata. Bagian “aplikasi” mengacu kepada
keseluruhan set dari program yang secara kolektif mengimplementasikan
sebuah proses bisnis yang spesifik. Program-program individual yang
mengimplementasikan bagian dari proses bisnis ini dikenal sebagai program
aplikasi atau perangkat lunak aplikasi (Nader, 2001).
2.2. Simulasi
2.2.1. Pengertian Simulasi
Simulasi adalah proses implementasi model menjadi program
komputer (software) atau rangkaian elektronika dan mengeksekusi
software
tersebut
sedemikian
rupa
sehingga
perilakunya
menirukan/menyerupai sistem nyata (realitas) tertentu untuk tujuan
mempelajari perilaku (behavior) sistem, pelatihan (training), atau
permainan (gamming) yang melibatkan sistem nyata. Jadi simulasi
adalah proses merancang model (Bambang, 2009).
10
11
2.2.2. Jenis Simulasi
Jenis Simulasi ada dua, yaitu simulasi analog dan simulasi
digital. Perbedaan kedua jenis simulasi ini dapat dilihat pada tabel
2.1:
Tabel 2.1 Perbedaan Simulasi Analog dan Simulasi Digital
No.
1.
2.
3.
4.
5.
6.
Simulasi Analog
Menggunakan komputer
Menggunakan komputer
analog.
digital.
Membentuk / menyusun
Menguraikan persoalan
analogi persoalan.
menjadi hitungan.
Menyajikan variabel fisi
Menyajikan angka-angka
dengan pengukuran.
dengan pola diskret terkode.
Operasi besar dilakukan oleh
Operasi dilakukan oleh piranti
piranti khusus (satu tugas)
hitungan yang jumlahnya
yang jumlahnya relatif
relatif banyak dan dapat saling
sedikit.
tukar tugas.
Biaya relatif rendah dan
Biaya relatif tinggi dan
program mudah
program sulit.
Unsur-unsur terpisah untuk
Unsur-unsur identik bekerja
setiap operasi.
beruntun (operasi seri).
Ketelitian hingga sekitar 1
7.
dalam 104. Tapi persoalan
delay komputasi kecil.
Simpanan data tersebut pada
8.
berbagai piranti yang tak
dapat dipertukarkan.
Simulasi Digital
Ketelitian besar hingga 1
dalam 1023. Tapi mempunyai
persoalan "finite word lenght"
dan delay komputasi.
Simpanan data dipusatkan di
tempat tertentu dan dapat
dipertukarkan serta tak
terbatasi waktu.
12
Sebagai model atau
pencerminan sistem yang
9.
sebenarnya, operasi biasanya
dijalani dalam waktu nyata
sistem.
10.
11.
Menghimpun data hitungan
yang tak ada hubungannya
dengan sistem yang diwakili.
Waktu operasi biasanya tak
bersangkutan dengan waktu
nyata.
Mewakili / menggantikan
Dapat mewakili angka-angka
besaran-besaran matematis
maupun huruf-huruf atau
atau fisis.
simbol-simbol lain.
Sangat sesuai / cocok untuk
Sangat sesuai untuk menangani
mewakili besaran-besaran
proses-proses acak diskret, data
terukur dan menirukan
statistik dan masalah numerik
respons sistem-sistem fisis
dalam bidang ilmiah dan
dengan analogi matematis.
bisnis.
(Sumber : Bambang, 2009)
2.3. TOEFL
2.3.1. Pengertian TOEFL
The Test of English as a Foreign Language (TOEFL) is an
exam that determines whether a student whose native language is
not English has strong enough English skills to succeed in courses at
a college or university in the United States or Canada. The test,
which is administered by an agency called the Educational Testing
Service, contains four parts: Listening, Structure (which tests
knowledge of grammar and mechanics), Reading, and Writing (Pyle,
2001: 3).
13
2.3.2. Jenis TOEFL
2.3.2.1. Paper Based Testing (PBT)
The TOEFL PBT Test is a paper-based test that
measures student ability to use and understand English in a
classroom setting at the college or university level. It
accurately measures how well you can listen, read and
write English while performing academic tasks (ETS,
2011).
The Paper Based Testing is a pencil and paper test
that is offered for two purposes. One purpose of the PBT is
for placement and progress evaluations. Colleges or other
institutions use the PBT to test their students. The scores
are not valid outside the place where they are administered,
but the college or institution accepts the PBT that they
administer as an official score. This PBT is also called an
Institutional TOEFL. The other purpose of the PBT is to
supplement the official Computer-Based TOEFL in areas
where computer-based testing is not possible. The scores
are usually valid outside the place where they are
administered. This PBT is also called a Supplemental
TOEFL. The Paper-Based TOEFL has three sections:
Listening
Comprehension,
Structure
and
Written
Expression, and Reading. In addition, the TWE is a
14
required essay that provides a writing score. The PBT is a
linear test, which means that everyone who takes the
TOEFL during the same administration will see and answer
the same questions. The total score is based on a scale of
310-677 (Sharpe, 2006: 11-12).
Waktu
yang
diperlukan
untuk
menyelesaikan
keseluruhan soal adalah:
1.
Listening Comprehension 35 menit. Terdiri dari 50
soal.
2.
Structure and Written Expression 25 menit. Terdiri
dari 40 soal.
3.
Reading Comprehension 55 menit. Terdiri atas 50
soal.
4.
Writing 30 menit. Terdiri dari 1 soal esai (Philips,
2001: xiv).
Namun sebagian besar tes TOEFL Paper Based
Testing (PBT) yang diadakan di Indonesia tidak menguji
kemampuan writing karena pemeriksaan serta penilaiannya
dianggap rumit (Razaq, 2010: 8).
15
2.3.2.2. Computer Based Testing (CBT)
The CBT is a computer-adaptive test that is offered as
an official standard for language proficiency worldwide.
The CBT is also called the Official TOEFL. The ComputerBased TOEFL has four sections: Listening, Structure,
Writing, and Reading. The Writing is equivalent to the Test
of Written English (TWE) on the Paper-Based TOEFL. The
CBT is an adaptive test, which means that everyone who
takes the TOEFL during the same administration may not
see and answer the same questions. The computer selects
questions for you at your level of proficiency. There are
three subscores-Listening, Structure/writing, and Reading.
The total score is based on a scale of 0-300 (Sharpe, 2004:
11).
Dalam Computer Based Testing (CBT), waktu yang
digunakan untuk menyelesaikan tes adalah:
1.
Listening Comprehension 40-60 menit. Jumlah soal
berkisar antara 30-50 soal.
2.
Structure (grammar) 15-20 menit. Jumlah soal
berkisar antara 20-25 soal.
3.
Reading Comprehension 70-90 menit. Jumlah soal
berkisar antara 44-60 soal.
16
4.
Writing 30 menit. Menulis sebuah esai sesuai dengan
topik yang telah ditentukan (Philips, 2001: xiv).
2.3.2.3. Internet Based Testing (iBT)
The TOEFL iBT is a new version of the TOEFL test. It
is an Internet-based test (iBT) delivered in secure testing
centers around the world. The new TOEFL iBT test in
scheduled to be phased in from September 2005 through
June 2006. The phase-in date for the United States is
September 2005; for Canada, France, Germany, and Italy,
it is October 2005. (Educational Testing Service, 2006: 1)
Dalam Internet Based Testing (IBT), yang berbeda
adalah adanya soal Speaking, yang menggunakan headset
dan mic. Waktu yang digunakan untuk menyelesaikan tes
adalah:
1.
Reading Comprehension 60-100 menit, dengan 3-5
bagian, masing-masing terdiri dari 12-14 soal.
2.
Listening 60-90 menit, dengan 4-6 lectures, masingmasing 6 soal dan 2-3 percakapan, masing-masing 5
soal.
3.
Speaking 20 menit, dengan 6 tugas; 2 yang bersifat
independen dan 4 yang terintegrasi.
17
4.
Writing 50 menit, dengan 2 tugas; 1yang bersifat
independen dan 1 yang terintegrasi ((Educational
Testing Service, 2006: 6).
2.3.3. Institutional TOEFL
The lnstitutional TOEFL is the same length, format, and
difficulty as the official Paper-Based TOEFL, but the dates and the
purposes of the lnstitutional TOEFL are different from those of the
official TOEFL. The dates for the lnstitutional TOEFL usually
correspond to the beginning of an academic session on a college or
university calendar. The lnstitutional TOEFL is used for admission,
placement, eligibility, or employment only at the school or agency
that offers the test. The scores are not valid outside the place where
they are administered, but the college or institution accepts the PBT
that they administer as an official score. (Sharpe, 2004: 12).
2.4. Konsep Web
Web adalah sistem dengan standar yang diterima secara universal
untuk menyimpan, menelusuri, memformat, dan menampilkan informasi
melalui arsitektur klien/server. Web bisa menerima semua jenis informasi
digital, termasuk teks, hipermedia, grafis, dan suara. Web menggunakan
anatrmuka pengguna grafis, sehinga sangat mudah digunakan.
Web didasari oleh bahasa hiperteks standar yang disebut Hypertext
Markup Language (HTML), yang memformat dokumen dan memadukan
18
link hiperteks dinamis ke dokumen-dokumen lainnya yang disimpan di
dalam komputer yang sama atau yang berbeda (Turban, 2006: 680)
2.4.1. Aplikasi Web
Aplikasi web dapat dibagi menjadi dua, yaitu web statis dan
web dinamis. Web statis dibentuk dengan menggunakan HTML saja.
Kekurangan aplikasi ini terletak pada keharusan untuk memelihara
program secara terus menerus untuk mengikuti setiap perubahan
yang terjadi. Kelemahan ini diatasi dengan model aplikasi web
dinamis.
Dengan memperluas kemampuan HTML, yakni dengan
menggunakan perangkat lunak tambahan, perubahan informasi
dalam halaman-halaman web dapat ditangani melalui perubahan
data, bukan melalui perubahan program. Sebagai implementasinya,
aplikasi web dapat dikoneksikan ke basis data. Dengan demikian
perubahan informasi dapat dilakukan oleh operator atau yang
bertanggungjawab terhadap kemutakhiran data, dan tidak menjadi
tanggung jawab pemrogram atau webmaster (Kadir, 2003: 386).
19
Arsitektur
aplikasi
web
diperlihatkan
pada
gambar
2.1.
Server
Web Server
(Apache, IIS,
Xitami, dll)
Middleware
(ASP, PHP,
JSP, dll)
Basisdata
(MySQL,
Oracle, dll)
Klien
Browser (IE,
Netscape, dll)
Gambar 2.1 Arsitektur Aplikasi Web
(Sumber : Kadir, 2003: 387)
2.4.2. Teknologi Web
a.
Teknologi Web pada Sisi Klien (Client-side Technology)
Teknologi web pada sisi klien diimplementasikan dengan
mengirimkan kode perluasan HTML atau program tersendiri dan
HTML ke klien. Klien lah yang bertanggung jawab dalam
melakukan proses terhadap seluruh kode yang diterima.
Kelemahan pendekatan seperti ini adalah terdapat
kemungkinan bahwa browser pada klien tidak mendukung fitur
kode perluasan pada HTML. Kelebihan teknologi pada sisi klien
yaitu memungkinkan penampilan yang bersifat dinamis,
20
misalnya menampilkan jam yang terus-menerus berubah
ataupun bentuk animasi gambar yang mengikuti gerakan
penunjuk mouse. Yang termasuk kedalam teknologi pada sisi
klien antara lain: Kontrol ActiveX, Java Applet, Skrip sisi-klien
(Javascript, VBscript).
b.
Teknologi Web pada Sisi Server (Server-side Technology)
Teknologi pada sisi server memungkinkan pemrosesan
kode di dalam server sehingga kode yang sampai pada pemakai
berbeda dengan kode asli pada server.
Keuntungan penggunaan teknologi pada sisi server adalah
sebagai berikut:
1.
Mengurangi lalu lintas jaringan dengan cara menghindari
percakapan bolak-balik antara klien dan server
2.
Mengurangi waktu pemuatan kode, mengingat klien hanya
mengambil kode HTML saja.
3.
Mencegah masalah ketidakkompatibelan browser.
4.
Klien dapat berinteraksi dengan data yang ada pada server.
5.
Mencegah klien mengetahui rahasia kode (mengingat kode
yang diberikan ke klien berbeda dengan kode asli pada
server) (Kadir, 2003: 392).
21
Beberapa contoh teknologi yang berjalan diserver yaitu:
Common Gateway Interface (CGI), PHP, Active Server Page
(ASP), Java Server Page (JSP).
2.5. Konsep Dasar Database
2.5.1. Pengertian Database
Database adalah sekumpulan data store (bisa dalam jumlah
yang sangat besar) yang tersimpan dalam magnetic disk, optical disk,
magnetic drum atau media penyimpanan lainnya. Database terdiri
dari data yang akan digunakan atau diperuntukkan terhadap banyak
user, dimana masing-masing user (baik yang menggunakan teknik
pemrosesan bersifat batch atau online) akan menggunakan data
tersebut sesuai dengan tugas dan fungsinya, dan user dapat juga
menggunakan
data
tersebut
dalam
waktu
yang
bersamaan
(Ladjamudin, 2005: 129).
2.5.2. DBMS (Database Management System)
DBMS merupakan koleksi terpadu dari database dan programprogram komputer (utilitas) yang digunakan untuk mengakses dan
memelihara database. Program-program tersebut menyediakan
berbagai fasilitas operasi untuk memasukkan, melacak, dan
memodifikasi data ke dalam database, mendefinisikan data baru,
22
serta
mengolah
data
menjadi
informasi
yang
dibutuhkan
(DBMS=Database + Program Apikasi).
Dibandingkan dengan sistem tradisional yang berbasis kertas,
DMBS memiliki 4 keunggulan sebagai berikut.
1. Kepraktisan. Sistem yang berbasis kertas akan menggunakan
kertas yang sangat banyak untuk menyimpan informasi,
sedangkan DBMS menggunakan media penyimpanan skunder
yang berukuran kecil tetapi padat informasi.
2. Kecepatan. Mesin dapat mengambil atau mengubah data jauh
lebih cepat daripada manusia.
3. Mengurangi Kejemuan. Orang cenderung menjadi bosan
kalau
melakukan
tindakan-tindakan
berulang
yang
menggunakan tangan (misalnya harus mengganti informasi).
4. Kekinian. Infromasi yang tersedia pada DMBS akan bersifat
mutakhir dan akurat setiap saat.
Pada
beberapa
DBMS
tersedia
fasilitas
query
yang
memudahkan pengguna untuk memperoleh informasi. Pengguna
yang tidak mempunyai kemampuan pemrograman dengan mudah
menggunakan fasilitas query tersebut. Bagi pemrogram aplikasi,
pembuatan program aplikasi juga dapat dilakukan dengan mudah,
jauh lebih mudah dibandingkan dengan menggunakan bahasa-bahasa
konvensional
seperti
COBOL
dan
Fortran.
Hasilnya
akan
23
meningkatkan produktifitas pemrogram (Ladjamudin, 2005: 130132).
2.5.3. Arsitektur Database
Arsitektur basisdata dimaksudkan untuk membuat abstraksi
terhadap basisdata. Tujuannya agar DBMS dapat diakses secar
efisien tanpa mengharuskan pemakai tahu detail tentang cara data
disimpan dan dipelihara. Cara ini sekaligus dapat digunakan untuk
mewujudkan independensi data program.
ANSI-SPARC
(American
National
Standards
Institute-
Standard Planningand Requirement Commitee) mendefinisikan yang
disebut arsitektur tiga level pada tahun 1975. Tiga level yang
dimaksud dalam arsitektur ini yaitu, level eksternal, level konseptual,
dan level internal (Kadir, 2003: 261).
24
Level
eksternal
Pemakai 1
Pemakai 2
Pemakai 3 Pandangan
1
Pandangan
2
Pandangan
3
Level
konseptual
Skema
Konseptual
Skema
Internal
Level
internal
Organisasi data
secara fisik
Basisdata
Gambar 2.2 Arsitektur tiga-level ANSI SPARC
(sumber: Kadir, 2003: 262)
2.5.4. Bahasa Database
Semua DBMS memiliki dua macam bahasa yang digunakan
untuk mengelola dan mengorganisasikan data, yaitu (Kadir, 2003:
266):
a. Bahasa Definisi Data (Data Definition Language atau DDL)
DDL adalah perintah-perintah yang biasa digunakan oleh
administrator basis data untuk mendefinisikan skema basis
data dan juga subskema. Pernyataan SQL seperti create table
dan drop table merupakan contoh perintah yang termasuk
dalam kategori DDL.
25
b. Bahasa Manipulasi Data (Data Manipulation Language atau
DML)
DML adalah perintah-perintah yang digunakan untuk
melakukan
hal-hal
seperti,
mengambil,
menambahkan,
mengubah, dan menghapus data pada basisdata. DML dapat
dibagi dibagi menjadi dua kelompok yaitu prosedural dan non
prosedural.
1. DML
prosedural
adalah
perintah-perintah
yang
memungkinkan pemakai menentukan data apa saja yang
diperlukan dan bagaimana cara mendapatkannya.
2. DML non prosedural adalah perintah-perintah yang
memungkinkan pemakai menentukan data apa saja yang
diperlukan,
tanpa
perlu
menyebutkan
cara
mendapatkannya.
2.6. Bahasa Pemrograman
2.6.1. HTML
Hypertext Markup Language (HTML) adalah sekumpulan
perintah khusus (disebut “tag” atau “markup”) yang dipakai untuk
menentukan struktur, bentuk, dan link pada dokumen ke dokumen
multimedia lain di web. Extensible hypertext markup language
(XHTML) adalah pengganti dan merupakan versi HTML yang
sering dipakai. Kebutuhan untuk membuat HTML yang lebih sempit
dianggap cukup penting karena isi World Wide Web saat ini harus
26
bisa diteruskan ke banyak peranti (misalnya peranti bergerak) yang
memiliki sedikit sumber daya dibandingkan komputer tradisional
(Williams & Sawyer, 2007: 67-68).
2.6.2. PHP
PHP (recursive acronym for PHP: Hypertext Preprocessor) is
a widely-used open source general-purpose scripting language that
is especially suited for web development and can be embedded into
HTML (Php, 2011).
PHP singkatan dari PHP Hypertext Preprocessor yang
digunakan sebagai bahasa script server-side dalam pengembangan
web yang disisipkan pada dokumen HTML. Penggunaan PHP
memungkinkan web dapat dibuat dinamis sehingga maintenance
situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan
software open-source yang disebarkan dan dilisensikan secara gratis
serta dapat di-download secara bebas dari situs resminya
http://www.php.net.
PHP
ditulis
menggunakan
bahasa
C
(Peranginangin, 2006: 1)
PHP memiliki banyak kelebihan yang tidak dimiliki oleh
bahasa script sejenis. PHP difokuskan pada pembuatan script serverside, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI,
seperti mengumpulkan data form, menghasilkan isi halaman web
27
dinamis, dan kemampuan mengirim serta menerima cookies, bahkan
lebih dari pada kemampuan CGI.
PHP digunakan pada semua sistem operasi, antara lain Linux,
Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD),
Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung
banyak web server, seperti Apache, Microsoft Internet Information
Server (MIIS), Personal Web Server (PWS), Netscape dan iPlanet
Servers, Oreilly Website Pro Server, audium, Xitami, Omni HTTPd,
dan masih banyak lagi yang lainya, bahkan PHP dapat bekerja
sebagai suatu CGI Processor.
PHP tidak terbatas pada hasil keluaran HTML (HyperText
Markup Languages). PHP juga memiliki kemampuan untuk
mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga
dapat menghasilkan teks seperti XHTML dan file XML lainnya.
Salah satu fitur yang dapat diandalkan oleh PHP adalah
dukungannya terhadap banyak database. (Peranginangin, 2006: 3)
2.6.3. Javascript
Javascript adalah bahasa script yang dikembangkan oleh Sun
Microsystem dan Netscape yang digunakan untuk membuat halaman
web lebih interaktif. Javascript dapat berinteraksi dengan kode
sumber HTML (Wahid, 2002: 153).
28
Javascript merupakan modifikasi dari bahasa C++ dengan pola
penulisan yang lebih sederhana. Interpreter bahasa ini sudah
disediakan ASP ataupun internet explorer. Secara khusus beberapa
hal yang penting dalam javascript adalah:
1. Menggunakan blok awal “{“ dan blok akhir “}”.
2. Automatic conversation dalam pengoperasian tipe data yang
berbeda.
3. Sensitive case, sehingga programmer java harus extra hati-hati
dalam menggunakan variabel, fungsi, dan lain-lain.
4. Extension umumnya menggunakan “*.js”
5. Setiap statement dapat diakhiri dengan “;” sebagaimana halny
c++ tetapi dapat juga tidak.
6. Jika tidak didukung oleh browser versi lama, scriptnya dapat
disembunyikan diantara tag “<--“ dan “-->”.
7. Jika program dalam satu baris terlalu panjang dapat disambung
ke baris berikut dengan karakter ”\” (Sidik, 2001).
2.6.4. CSS
CSS (Cascading Style Sheets) adalah salah satu bahasa
pemrograman desain web (style sheet language) yang mengontrol
format tampilan sebuah halaman web yang ditulis dengan
menggunakan bahasa penanda (markup language). Biasanya CSS
digunakan untuk mendesain sebuah halaman HTML, dan XHTML,
29
tetapi sekarang bahasa pemrograman CSS bisa diaplikasikan untuk
segala dokumen XML, termasuk SVG dan XUL.
CSS dibuat untuk memisahkan konten utama (biasanya dibuat
dengan menggunakan bahasa HTML atau sejenisnya) dengan
tampilan dokumen yang meliputi layout, warna, dan font. Pemisahan
ini dapat meningkatkan daya akses konten pada web, menyediakan
lebih banyak fleksibilitas dan kontrol dalam spesifikasi dari sebuah
karakteristik dari sebuah tampilan, memungkinkan untuk membagi
banyak halaman untuk sebuah formatting dan mengurangi kerumitan
dalam penulisan kode dan struktur dari konten, contohnya teknik
tableless pada layout desain web (layout tanpa tabel) (Wismakarma,
2010: 2).
2.6.5. MySQL
MySQL adalah sebuah program database server yang mampu
menerima dan mengirimkan datanya dengan sangat cepat, multi user
serta menggunakan perintah standar SQL (Structure Query
Language). MySQL merupakan sebuah database server yang free,
artinya kita bebas manggunakan database
ini untuk keperluan
pribadi atau usaha tanpa harus membeli atau membayar lisensinya.
MySQL pertama kali dirintis oleh seorang programmer database
bernama Michael Widenius. (Nugroho, 2005:1)
30
2.7. Perangkat Pemodelan
2.7.1. Flowchart
Flowchart adalah bagan bagan yang mempunyai arus yang
menggambarkan langkah-langkah penyelesaian suatu masalah.
Flowchart merupakan cara penyajian dari suatu algoritma.
(Ladjamudin, 2005: 263)
Ada dua macam flowchart yang menggambarkan proses
dengan komputer, yaitu:
1. System Flowchart.
Bagan yang memperlihatkan urutan proses dalam sistem
dengan menunjukkan alat media input, output serta jenis media
penyimpanan dalam proses pengolahan data.
2. Program Flowchart.
Bagan
yang
memperlihatkan
urutan
instruksi
yang
digambarkan dengan simbol tertentu untuk memecahkan
masalah dalam suatu program.
Flowchart disusun dengan simbol. Simbol ini dipakai sebagai
alat bantu menggambarkan proses didalam program. Simbol-simbol
yang digunakan dapat dibagi 3 (tiga) kelompok, yaitu:
31
1. Flow Direction Symbol.
Simbol yang digunakan untuk menghubungkan antara simbol
yang satu dengan simbol yang lain.simbol ini disebut juga
connecting line.
Tabel 2.2 Flow Direction Symbol
1.
Simbol arus / flow
Untuk menyatakan jalannya suatu
proses.
2.
Simbol Communication link
Untuk menyatakan bahwa adanya
transisi suatu data/informasi dari
suatu lokasi ke lokasi lainnya.
3.
Simbol Connector
Untuk menyatakan sambungan
dari satu proses ke proses lainnya
dalam halaman/lembar yang sama.
4.
Simbol Offline Connector
Untuk menyatakan sambungan
dari satu proses ke proses lainnya
dalam halaman/lembar yang
berbeda.
(Sumber: Ladjamudin, 2005)
2. Processing Symbols.
Simbol yang menunjukkan jenis operasi pengolahan dalam
suatau proses/prosedur.
32
Tabel 2.3 Processing Symbols
1.
Simbol Process
Untuk menyatakan proses yg
terjadi
2.
Simbol Manual
Untuk menyatakan suatu tindakan
(proses) yang tidak dilakukan oleh
komputer (manual)
3.
Simbol Decision/logika
Untuk menunjukkan suatu kondisi
tertentu yang akan menghasilkan
dua kemungkinan jawaban,
ya/tidak
4.
Simbol Predefined Proses
Untuk menyatakan penyediaan
tempat penyimpanan suatu
pengolahan untuk memberi harga
awal.
5.
Simbol Terminal
Untuk menyatakan permulaan atau
akhir suatu program.
6.
Simbol Keying Operation
Untuk menyatakan segala jenis
operasi yang diproses dengan
menggunakan suatu mesin yang
mempunyai keyboard.
7.
Simbol Offline Storage
Untuk menunjukkan bahwa data
dalam simbol ini akan disimpan ke
suatu media tertentu.
33
8.
Simbol Manual Input
Untuk memasukkan data secara
manual dengan menggunakan
online keyboard.
(Sumber: Ladjamudin, 2005)
3. Input-output Symbols.
Simbol yang menunjukkan jenis peralatan yang digunakan
sebagai media input atau output. (Ladjamudin, 2005: 266-268)
Tabel 2.4 Input-output Symbols
1.
Simbol Input-Output
Untuk menyatakan proses input
dan output tanpa tergantung
dengan jenis peralatannya.
2.
Simbol Punched Card
Untuk menyatakan input berasal
dari kartu atau output ditulis ke
kartu.
3.
Simbol Magnetic-tape Unit
Untuk menyatakan input berasal
dari pita magnetik atau output
disimpan ke pita magnetik.
4.
Simbol Disk Storage
Untuk menyatakan input berasal
dari disk atau output disimpan ke
disk.
5.
Simbol Document
Untuk mencetak laporan ke
printer.
34
6.
Simbol display
Untuk menyatakan peralatan
output yang digunakan berupa
layar (video, komputer).
(Sumber: Ladjamudin, 2005)
2.7.2. DFD (Data Flow Diagram)
DFD
(Data
Flow
Diagram)
adalah
diagram
yang
memperlihatkan alir data antara proses dan tempat penyimpana data.
Proses, alir data, dan tempat penyimpanan data digambarkan dengan
notasi tertentu. Alir data digambarkan secara global pada DFD
tingkat 0 (nol). DFD pada tingkat yang lebih tinggi menggambarkan
alir data dengan lebih detil (Wahid, 2002: 81).
Salah satu keuntungan menggunakan diagram aliran data
adalah memudahkan pemakai atau user yang kurang menguasai
bidang komputer untuk mengerti sistem yang akan dikerjakan.
1.
Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari
suatu proses dan menggambarkan ruang lingkup suatu
sistem.
2.
Diagram Nol/Zero (Overview Diagram)
Diagram zero adalah diagram yang menggambarkan
proses dari data flow diagram.
35
3.
Diagram Rinci (Level Diagram)
Diagram rinci adalah diagram yang menguraikan proses
apa yang ada dalam diagram zero atau diagram level diatasnya.
(Ladjamudin, 2005 : 64)
2.7.3. STD (State Transition Diagram )
State Transition Diagram merupakan suatu diagram yang
menggambarkan bagaimana state yang lain pada satu waktu. State
Transition Diagram menggambarkan suatu state yang mempunyai
kondisi dimana dapat menyebabkan perubahan satu state ke state
yang lain. Notasi State Transition Diagram (STD) adalah sebagai
berikut (Parno, 2005):
1. Terminator
Terminator digunakan untuk menggambarkan elemenelemen lingkungan, yang menandai titik-titik berakhirnya
sistem. Terminator digambarkan dalam DFD dengan suatu
kotak atau segi empat. Tiap simbol terminator diberi label
nama elemen lingkungan.
Gambar 2.3 Simbol Terminator
36
2. Proses
Proses adalah sesuatu yang mengubah input menjadi
output. Proses dapat digambar dengan lingkaran. Tiap simbol
proses diidentifikasikan dengan label.
Teknik pembuatan label yang paling umum adalah dengan
menggunakan kata kerja dan objek, tetapi anda dapat juga
menggunakan nama sistem atau program komputer.
Gambar 2.4 Simbol Proses
3. Arus Data.
Arus data terdiri dari sekelompok elemen data yang
berhubungan secara logis yang bergerak dari satu titik atau
proses ke titik atau proses yang lain. Tanda panah digunakan
untuk menggambarkan arus itu. Panah tersebut dapat digambar
sebagai garis lurus atau garis lengkung.
Gambar 2.5 Simbol Arus Data (Data Flow)
37
4. Penyimpanan data.
Jika anda perlu dipertahankan karena suatu sebab, maka
digunakan
penyimpanan
data.
Dalam
istilah
DFD,
penyimpanan data (data store) adalah suatu penampungan.
Data store digambarkan dengan garis sejajar.
Gambar 2.6 Simbol Penyimpanan Data (data store)
2.7.4. Kamus Data
Kamus data (data dictionary) adalah basisdata yang berisi
struktrur data dan basisdata. Termasuk didalamnya katalog semua
elemen data yang terdiri dari nama, struktur, dan informasi tentang
penggunaan data (meta data). Biasanya kamus data dirancang untuk
menyimpan sekumpulan meta data yang tersedia, terutama informasi
yang berkaitan dengan elemen data, basisdata, file, dan program
pada sistem yang telah ada (Wahid, 2002: 157)
Kamus data berfungsi membantu pelaku sistem untuk
mengartikan aplikasi secara detail dan mengorganisasi semua elemen
data yang digunakan dalam sistem secara persis sehingga pemakai
dan penganalisis sistem mempunyai dasar pengertian yang sama
38
tentang masukan, keluaran, penyimpanan dan proses (Ladjamudin,
2005: 70)
2.8. Studi Sejenis
Studi sejenis dilakukan untuk membandingkan penelitian yang
dilakukan ini dengan penelitian/literatur lainnya yang sejenis yang telah
dilakukan pihak lain sebelumnya. Beberapa penelitian sejenis diantaranya
yang pertama adalah Rancang Bangun Aplikasi Perangkat Lunak Simulasi
Pelatihan TOEFL Berbasis Multimedia (Ardianto, 2008). Pada penelitian
ini, tujuan dari pembuatan perangkat lunak pelatihan TOEFL berbasis
multimedia adalah untuk memfasilitasi penginputan soal pelatihan tes
TOEFL yang selama ini sering dilupakan dalam software TOEFL yang
beredar di pasaran. Dalam aplikasi ini telah disediakan fasilitas seperti
tutorial dan review yang dapat membantu murid dalam memahami soal yang
telah dikerjakan. Juga terdapat fasilitas input and report dimana admin dapat
membuat atau mengedit pertanyaan tes TOEFL serta melihat laporan peserta
tes TOEFL.
Rancang Bangun Media Pembelajaran TOEFL Berbasis Web (Putra,
2009). Dalam penelitian ini, Penulis membangun suatu situs web yang
menyajikan informasi serta materi-materi pembelajaran yang berhubungan
dengan TOEFL. Situs web ini dalam perancangannya menggunakan ASP
(Active Server Page) dan database Ms.SQL Server yang berbayar dan
optimal bila dijalankan di sistem operasi Windows.
39
Perancangan
Pelaksanaan
Sistem
Ujian
Berbasis
Jaringan
(Client/Server) Pada SMK PGRI 2 Sukabumi (Nurobbi, 2009). Pada
penelitian ini, latar belakang yang menjadi permasalahan yaitu tidak adanya
tempat penyimpanan yang teratur bagi soal yang telah dibuat dan waktu
yang tidak sedikit untuk perhitungan nilai peserta ujian serta pengacakkan
soal. Metode pengumpulan data yang digunakan pada penelitian ini adalah
wawancara. Alat Bantu yang digunakan meliputi flowchart (bagan alir),
diagram konteks, entity relation diagram (ERD), dan data flow diagram
(DFD). Pengembangan aplikasi menggunakan metode SDLC. Sistem ujian
dirancang berbasis jaringan client/server.
Implementasi dan Evaluasi English-Learning Berbasis web Untuk
TOEFL Preparation (Rakhmadi, 2009). Pada penelitian ini, tujuan
penelitian adalah membangun sistem pembelajaran berbasis web, dan
memeriksa bagaimana sistem pembelajaran berbasis web mempengaruhi
capaian belajar. One-way univariate analyses of covariance (ANCOVA)
pada tingkat signifikansi 0,05 dilakukan untuk mengevaluasi pengaruh
perlakuan pada sesi listening comprehension, structure and written
expression, dan reading comprehension. Uji efektivitas penelitian ini
merupakan studi quasi-experimental untuk menginvestigasi pengaruh
fasilitas sistem pembelajaran berbasis web pada performa mahasiswa dalam
sesi-sesi TOEFL; listening, structure and written expression, dan reading.
Penelitian ini lebih mengutamakan pada tahap evaluasi sistem, sehingga
40
implementasi sistem kurang baik. Tidak adanya pengujian terhadap sistem
itu sendiri.
Aplikasi Pembelajaran Bahasa Arab dan Simulasi TOAFL (Test Of
Arabic as Foreign Language) Berbasis Web oleh (Nurhartantrio, 2010).
Pada penelitian ini, penulis membangun suatu aplikasi berbasis web
menggunakan PHP dan MySQL yang menyajikan informasi serta materimateri pembelajaran bahasa Arab dan simulasi TOAFL. Metode
pengembangan
sistem
yang
penulis
gunakan
adalah
Concurrent
Development Model. Dalam aplikasi ini manajemen user kurang baik.
Belum adanya dokumentasi dan statistik skor user. Sehingga tidak bisa
memantau perkembangan user.
Aplikasi Try Out Ujian Nasional Sekolah Menengah Pertama Berbasis
Web Studi kasus: Primagama Cipagalo (Setiawan, 2010). Pada penelitian
ini, aplikasi try out Ujian Akhir Nasional Sekolah Menengah Pertama
berbasis web dibuat untuk mengatasi beberapa masalah lamanya jangka
waktu proses perhitungan nilai try out. Aplikasi yang dibuat ini dijalankan
didalam jaringan Lokal Area Network (LAN) yang bertujuan untuk
memaksimalkan kinerja lembaga pendidikan primagama. Penelitian ini
dibuat menggunakan metode Waterfall dan diimplentasikan dengan bahasa
pemrograman PHP dengan menggunakan database MySQL serta software
pendukung lainnya.
NST TOEFL Explorer (NST, 2005). Aplikasi ini merupakan aplikasi
TOEFL CBT (Computer Based Test) yang dirancang menggunakan media
41
Flash yang berbasis desktop. Pada aplikasi ini terdapat menu materi,
tutorial, kuis, dan simulasi TOEFL. Simulasi TOEFL yang ada pada aplikasi
ini sudah mampu menampilkan skor dan menyimpan dokumentasi hasil
perolehan skor user, namun pada aplikasi ini belum terdapat halaman admin,
untuk menambah soal TOEFL.
Perancangan Aplikasi Mobile Learning Test TOEFL Dengan
Menggunakan Mobile Delivery Tracking System Pada PT. Mitra Integrita
Utama (Prastyawan, 2009). Penelitian yang dilakukan oleh penulis ini
dilakukan di PT. Mitra Integrita Utama yang merupakan salah satu
perusahaan yang bergerak di bidang Mobile Learning Development.
Perusahaan ini membutuhkan suatu aplikasi layanan mobile berupa tes
TOEFL (Test of English as a Foreign Language) melalui handphone atau
web browser yang mendukung Java, GPRS, 3G, dan WiFi. Dalam
menyelesaikan pembuatan aplikasi tersebut digunakan beberapa metode,
yaitu observasi, wawancara, studi literatur, desain dan struktur data,
pembuatan program, validasi sistem, serta implementasi sistem.
Pengembangan Sistem E-Learning Yayasan Pendidikan Pondok
Pesantren Al-Ikhwaniah (Setiawan, 2010). Pengembangan aplikasi ini
menggunakan
MOODLE
(Modular
Object
Oriented
Development
Learning) dengan basisdata MySQL. Aplikasi ini bertujuan untuk mampu
menampilkan informasi mengenai materi pembelajaran, kuis, ujian, chat,
forum dan berita. Metode pengembangan aplikasi menggunakan System
Development Life Cycle.
42
Sistem Pembelajaran Online Untuk Pelatihan Dan Test TOEFL
Menggunakan VoIP (Primastuti, 2010). Penelitian ini menggunakan
teknologi Learning Manajemen System (LMS) dalam mengembangkan
media pembelajaran TOEFL berbasis web. LMS yang digunakan untuk
membuat media pembelajaran untuk TOEFL ini adalah Dokeos. Dalam
sistem pembelajaran ini juga diimplementasikan VoIP yang digunakan
untuk komunikasi lewat suara antara user dan administrator. Dalam tugas
akhir
ini
telah
berhasil
diimplementasikan
pemanfaatan
Learning
Management System Dokeos dalam suatu sistem untuk pelatihan dan tes
TOEFL. Sistem yang dibuat dengan memodifikasi LMS Dokeos dan
teknologi VoIP.
Baron’s TOEFL CD-Rom (Baron, 2006). Aplikasi ini merupakan
aplikasi TOEFL CBT (Computer Based Test) yang dirancang menggunakan
media Flash yang berbasis desktop. Pada aplikasi ini belum ada manajemen
user, sehingga data skor user dan data user yang lainnya belum
terdokumentasi. Selain itu juga belum ada menu admin, sehingga soal tidak
bisa ditambahkan. Aplikasi ini di buat berdasarkan TOEFL CBT yang
mempunyai perbedaan dengan TOEFL PBT, dimana user tidak bisa
mengubah jawaban sebelumnya.
Rancang Bangun Sistem Informasi Ujian Online Studi Kasus : Di
SMU 1 Kediri (Arianto, 2008). Pada penelitian ini, yang menjadi latar
belakang permasalahan adalah koreksi ujian masih dengan cara manual
sehingga guru harus menambah jam kerja untuk menilai soal ujian para
43
siswa. Sistem evaluasi yang dirancang adalah sistem evaluasi ujian online.
Tujuan penulis merancang sistem ini adalah agar dapat memudahkan guru
untuk memberikan nilai serta mengurangi penggunaan kertas ujian. Ujian
online dipakai sebagai kerangka dalam penilaian evaluasi mata pelajaran
yang akan digunakan sebagai bahan ujian.
Pengembangan Prototipe Sistem Bank Soal Dan Online Test
(Perdana, 2004). Pada penelitian ini, aplikasi yang dikembangkan adalah
prototipe Sistem Informasi Bank Soal dan Online Test, suatu sistem yang
dapat membantu mengelola penyimpanan dan pengorganisasian soal-soal.
Sistem yang dikembangkan ini juga memfasilitasi online test dan pembuatan
naskah soal. Ruang lingkup dari proyek mahasiswa ini adalah menganalisis,
merancang dan mengimplementasikan prototipe sistem. Metodologi
pengembangan sistem yang digunakan adalah System Development Life
Cycle.
Pembanguan Modul Registrasi User Dan Modul Penambahan Soal
Pada Sistem Nursing Diagnostic Test Online (Nurdiansyah, 2008). Pada
penelitian ini dikembangkan aplikasi tes online khususnya untuk modul
registrasi user dan manage questions. Dari aplikasi tes online ini pengguna
dapat mengetahui sampai mana pengetahuan dan kemampuan pengguna
dalam bidangnya khususnya perawat. Aplikasi tes online ini terdiri dari
beberapa tipe soal seperti multiple choice, single choice, multiple answer,
field blank baik yang memiliki teks bacaan ataupun tidak, serta dapat
44
melihat hasil tes yang sedang diikuti. Modul yang dibangun pada penelitian
ini adalah modul registrasi user dan modul penambahan soal.
Rancang Bangun Perangkat Lunak Tes Kompetensi Bidang Komputer
CPNS Polri Berbasis Local Area Network (Ariyadi, 2010). Pada penelitian
ini, perangkat lunak dibangun dengan menerapkan metode pengacakan soal
dengan menggunakan bahasa pemrograman PHP dan basis data MySQL,
serta menggunakan Apache sebagai web server. Dalam pembuatan
perangkat lunak ini digunakan metode pengembangan aplikasi System
Development Life Cycle dengan menerapkan model proses waterfall.
Perangkat lunak ini diaplikasikan hanya sebatas Local Area Network saja.
Evaluation Management System Berbasis Web Untuk Mendukung
Penilaian Tes Online (Rasyid, 2006). Penelitian ini difokuskan kepada
pengembangan Evaluation Management System (EMS) yaitu sebuah kuliah
online untuk memperbaiki proses tes online pada lingkungan pembelajaran
jarak jauh. Pertanyaan kuis untuk mahasiswa disediakan secara random
yang diambil dari sekumpulan pertanyaan yang dibuat oleh dosen. Sistem
ini dibangun dengan menggunakan teknologi PHP dengan database
MySQL. System ini di-update oleh seorang administrator dan dosen dengan
halaman HTML dan PHP.
Aplikasi Simulasi Ujian Akhir Nasional Berbasis Web Pada SMU N
19 Bandung (Veriagus, 2009). Pada penelitian ini, dibangun suatu aplikasi
yang dapat membantu para pelajar dalam melakukan try out secara online.
Aplikasi ini menggunakan bahasa pemrograman PHP versi 4.0 dengan
45
menggunakan database MySQL versi 5.0.18. Tools yang dipakai dalam
pembuatan aplikasi ini diantaranya: Macromedia Dreamweaver sebagai text
editor, Macromedia Firefox sebagai pemotongan gambar web, dan
Photoshop sebagai desain gambar.
Sistem Informasi Bank Soal Untuk Sekolah Dasar Berbasis Web
(Wijaya, 2006). Pada penelitian ini, tujuan dari penelitian adalah
memudahkan dalam pembuatan/penyajian soal yang bervariasi dengan
kualitas yang baik, cepat dalam pembuatan/penyajian soal, banyak alternatif
pilihan soal-soal, kemudahan dalam mencari soal-soal yang juga dibuat oleh
sekolah lain. Aplikasi ini dirancang dengan php dan basis data MySQL.
Aplikasi Sistem Penerimaan Mahasiswa Baru Berbasis Ujian Online
Pada UIN Jakarta (Miftahudin, 2007). Pada penelitian ini, permasalahan
yang diangkat adalah ujian saringan masuk UIN Jakarta, dimana pada
sistem yang berjalan ujian dilakukan secara konvensional dengan
menggunakan lembar kertas. Aplikasi ini dirancang dengan menggunakan
php dan MySQL. Ujian online ini tidak menentukan kelulusan, karena
sistem yang dirancang masih terbatas pada ujian tulis.
Aplikasi Pembelajaran E-Learning Bahasa Inggris Sebagai Media
Pelatihan TOEFL (Adi, 2006). Pada penelitian ini, konsep yang digunakan
adalah e-Learning sebagai metode pembelajaran. Aplikasi ini dibuat dengan
tujuan membantu proses pembelajaran dalam usaha pemahaman bahasa
Inggris khususnya tentang TOEFL dengan menerapkan konsep e-Learning.
Aplikasi yang dikembangkan ini hanya sebatas pembelajaran TOEFL,
46
belum adanya fasilitas simulasi TOEFL. Pembelajaran dilakukan dengan
fasilitas materi, contoh-contoh soal dan pembahasan.
Dari beberapa penelitian sejenis yang dijadikan sebagai perbandingan
dengan penelitian ini, terdapat beberapa kekurangan yang kemudian
dijadikan sebagai acuan untuk pengembangan yang lebih baik pada aplikasi
yang dirancang ini. Dari hasil studi penelitian sejenis yang dilakukan, maka
dapat disimpulkan beberapa kelebihan yang ada pada penelitian ini, yaitu
sebagai berikut:
1. Pengembangan aplikasi yang dirancang ini berbasis web dan bersifat
online, sehingga sangat mudah diakses oleh pengguna dari mana saja
dan kapan saja. Dalam perancangannya, aplikasi ini menggunakan
bahasa pemrograman PHP dan database MySQL yang bersifat
multiplatform.
2. Aplikasi yang dirancang ini menyediakan fasilitas pembelajaran,
berupa materi-materi, contoh soal dengan pembahasan, dan simulasi
tes TOEFL yang mendekati keadaan tes yang sebenarnya. Soal latihan
dan soal TOEFL disajikan secara acak. Pengacakan soal latihan dan
soal tes menggunakan fungi random dari bahasa pemrograman PHP.
3. Aplikasi yang dirancang ini mempunyai dokumentasi user yang
menyimpan data user, data skor, dan data lain menyangkut
pelaksanaan simulasi tes, serta adanya statistik skor user, baik secara
perorangan maupun secara keseluruhan. Statistik yang ditampilkan
berupa tabel dan grafik.
47
4. Aplikasi yang dirancang ini menggunakan metodologi pengembangan
Incremental Process Model. Metodologi ini mempunyai sifat
iteratif/pengulangan sehingga dapat mengakomodasi perubahan secara
fleksibel.
5. Aplikasi yang dirancang ini telah diimplementasikan secara online dan
telah diujikan kepada 50 orang dengan hasil yang baik (hasil
pengujian terdapat di subbab 4.4.2).
BAB III
METODOLOGI PENELITIAN
3.1. Kerangka Berpikir
Penelitian ini meliputi beberapa tahapan yang dilalui sesuai dengan
rancangan kegiatan yang tertuang dalam kerangka berpikir. Rancangan
kegiatan tersebut meliputi metode pengumpulan data dan metode
pengembangan aplikasi. Kerangka berpikir tersebut dapat dilihat pada
gambar 3.1.
Gambar 3.1 Kerangka Berpikir
(Sumber: data diolah)
48
49
3.2. Metode Pengumpulan Data
3.2.1. Wawancara
Pada tahap awal perancangan aplikasi ini, terlebih dahulu
dilakukan wawancara dengan pihak-pihak terkait guna mendapatkan
informasi tentang permasalahan dan kebutuhan aplikasi yang akan
dirancang. Wawancara dilaksanakan dengan pihak dari Pusat Bahasa
UIN Syarif Hidayatullah Jakarta, dalam hal ini langsung kepada
Kepala Pusat Bahasa yakni Bapak Dr. Atiq Susilo, MA. Dari hasil
wawancara yang telah dilaksanakan, diperoleh hasil sebagai berikut:
a. Pusat Bahasa menyelenggarakan tes TOEFL PBT yang bersifat
institusional yang mengacu pada standar baku TOEFL dari
ETS (Educational Testing Service).
b. Pusat Bahasa menyediakan modul dan kursus bagi calon
peserta tes dengan biaya tersendiri. Namun, sedikit sekali yang
memanfaatkan fasilitas ini.
c. Pusat Bahasa belum menyediakan sistem pembelajaran
TOEFL yang bersifat online.
d. Pusat Bahasa belum menyediakan fasilitas simulasi tes, baik
yg online ataupun bentuk lainnya.
Hasil wawancara selengkapnya dapat dilihat di lampiran.
3.2.2. Kuesioner
Pada penelitian ini yang menjadi target secara khusus adalah
mahasiswa UIN Syarif Hidayatullah Jakarta yang melaksanakan tes
50
TOEFL di Pusat Bahasa. Untuk mengetahui permasalahan dan
keinginan yang diharapkan oleh calon pengguna aplikasi ini, maka
dilakukan penyebaran kuesioner kepada mahasiswa yang akan
dijadikan sampel data.
Pengambilan
sampel
dilakukan
dengan
teknik
Cluster
Sampling. Cluster Sampling adalah teknik pengambilan sampel yang
memberikan peluang sama bagi setiap unsur populasi untuk menjadi
anggota sampel berdasarkan bagian/area yang ada (Sugiyono, 2009:
65). Alasan penggunaan teknik pengambilan sampel ini adalah
karena jumlah populasi (Mahasiswa UIN) yang cukup besar dan
terdiri dari beberapa bagian (fakultas). Untuk mendapatkan hasil
yang mampu menggambarkan/mewakili populasi yang besar ini,
maka sampel diambil dengan jumlah yang sama dari setiap bagian
(fakultas). Sampel yang diambil sebanyak 50 orang mahasiswa yang
mewakili fakultas-fakultas yang ada di UIN Syarif Hidayatullah
Jakarta dengan masing-masing fakultas diwakili oleh 5 orang.
Kuesioner yang diberikan kepada sampel ini dilakukan
sebanyak dua kali, yang pertama yaitu kuesioner pada tahap awal
sebelum pengembangan aplikasi yang bertujuan untuk mengetahui
keinginan dari calon pengguna aplikasi dan kuesioner yang kedua
pada tahap akhir untuk pengujian aplikasi yang bertujuan untuk
mengetahui respon pengguna terhadap apliksi yang telah dirancang.
51
3.2.3. Studi Pustaka
Untuk mendapatkan referensi-referensi guna mendukung
penelitian ini maka dilakukan studi pustaka, yakni dengan mencari
sumber-sumber referensi yang terkait dengan penelitian ini.
Pencarian referensi dilakukan di perpustakaan (perpustakaan
Fakultas Sains dan Teknologi dan perpustakaan utama UIN),
American Corner (yang berada di perpustakaan utama lantai 2), toko
buku, dan sumber online dari internet (berupa e-book dan situs resmi
TOEFL). Informasi yg didapat dari sumber referensi tersebut
digunakan dalam menyusun landasan teori dan
metodologi
penelitian, serta diaplikasikan secara langsung dalam perancangan
aplikasi. Pustaka-pustaka yang dijadikan referensi dapat dilihat di
Daftar Pustaka.
3.3. Metode Pengembangan Aplikasi
Metode yang digunakan dalam pengembangan aplikasi ini adalah
metode Incremental Process Model. Metode ini dikembangkan oleh Harlam
Mills, sebagai perbaikan dari metode waterfall (Sommerville, 2006). Pada
metode ini tiap-tiap proses dibagi menjadi serangkaian increment yang
dikembangkan secara bergantian.
Kelebihan yang dimiliki oleh metode pengembangan aplikasi ini
adalah:
a. Bersifat iteratif/pengulangan dan dapat mengakomodasi perubahan
secara fleksibel.
52
b. Mengutamakan kebutuhan pengguna dan cocok untuk proyek berskala
kecil.
c. Produk yang dihasilkan semakin lama semakin lengkap sampai
menghasilkan versi terlengkap karena mengalami perbaikan produk
yang berkesinambungan.
d. Memiliki resiko rendah terhadap pengembangan sistem.
e. Nilai penggunaan dapat ditentukan pada setiap increment sehingga
fungsionalitas sistem disediakan lebih awal.
Alasan pemilihan metode incremental process model untuk diterapkan
ke dalam perancangan aplikasi ini adalah sebagai berikut:
a. Metode ini cocok digunakan pada perancangan aplikasi ini, karena
aplikasi ini termasuk aplikasi skala kecil.
b. Mengutamakan kepentingan pengguna, dimana kebutuhan-kebutuhan
yang terpenting dimasukkan ke dalam tahap awal increment, dan
produk increment sudah bisa digunakan karena merupakan produk inti
(core).
c. Metode ini sesuai dengan karakteristik web dimana pada increment
pertama web sudah bisa digunakan dan pada increment berikutnya
sistem web yang dikembangkan membutuhkan update dan modifikasi
data secara berkala.
3.3.1. Communication
Pada tahap awal perancangan, hal yang yang terpenting adalah
mengkomunikasikan rancangan aplikasi yang akan dibuat dengan
53
pihak-pihak terkait. Informasi yang didapat nantinya akan digunakan
dalam perancangan dan pengembangan aplikasi. Hasil wawancara
terdapat di lampiran.
3.3.2. Planning
Tahapan
berikutnya
yang
dilaksanakan
yaitu
tahapan
perencanaan (planning). Pada tahapan ini dilakukan penentuan
waktu penyelesaian aplikasi dan tahapan-tahapan yang dilalui,
menentukan
kebutuhan
sistem,
dan
menentukan
bahasa
pemrograman yang akan digunakan.
3.3.3. Modelling
Setelah menempuh tahapan planning, maka tahap selanjutnya
adalah modelling. Pada tahapan modelling ini dilakukan perancangan
model dan desain aplikasi yang meliputi perancangan aplikasi,
perancangan database, dan perancangan antarmuka (tampilan)
aplikasi.
3.3.3.1. Perancangan Aplikasi
Pada tahapan perancangan aplikasi ini meliputi
beberapa hal, yaitu:
1. Pembuatan
mengetahui
Diagram
aliran
Alir
data
(flowchart),
dalam
aplikasi
untuk
secara
keseluruhan sehingga dapat dengan mudah mengolah
data menjadi informasi. Implementasi
54
2. Pembuatan DFD (Data Flow Diagram), untuk
menggambarkan proses perhitungan dan manipulasi
data sehingga menghasilkan informasi yang terperinci
dan detil.
3. Pembuatan STD (State Transition Diagram), untuk
menggambarkan alur-alur menu dalam aplikasi.
4. Pembuatan Kamus Data (Data Dictionary), untuk
menggambarkan secara terperinci entitas yg ada
dalam database.
Implementasi perancangan aplikasi dapat dilihat di
subbab 4.3.1
3.3.3.2. Perancangan Database
Pada tahapan perancangan database ini meliputi
beberapa hal, yaitu:
1. Penerjemahan entitas ke dalam database
2. Penentuan hubungan (relationship) antar tabel yang
saling berhubungan.
3. Perancangan struktur database.
Implementasi perancangan database dapat dilihat di
subbab 4.3.2.
55
3.3.3.3. Perancangan Antarmuka
Pada tahapan ini dilakukan perancangan terhadap
antarmuka (tampilan) aplikasi. Perancangan antarmuka ini
meliputi perancangan halaman-halaman web pada aplikasi
ini, penentuan letak menu, header, footer, serta content dari
aplikasi.
Implementasi perancangan antarmuka dapat dilihat di
subbab 4.3.3.
3.3.4. Construction
Tahapan ini adalah tahapan konstruksi dari aplikasi yang akan
dibangun. Tahapan ini meliputi coding dan testing.
3.3.4.1. Coding
Setelah menyelesaikan semua tahapan perancangan,
maka selanjutnya akan diimplementasikan ke tahapan
coding. Perancangan database yang telah dilakukan
diimplementasikan pada database yang telah ditentukan
sebelumnya, yaitu MySQL dengan menggunakan aplikasi
phpMyAdmin.
Selanjutnya
dilakukan
implementasi
terhadap pengembangan aplikasi dengan mengacu pada
desain aplikasi ke dalam bahasa pemrograman yang telah
ditentukan yakni PHP (terdapat di subbab 4.4.1).
56
3.3.4.2. Testing
Tahapan berikutnya yang ditempuh yakni testing
(pengujian) terhadap aplikasi yang telah dibuat secara
keseluruhan. Tahap testing terhadap aplikasi ini dilakukan
dengan metode blackbox oleh penulis dan pengujian kepada
pengguna (terdapat di subbab 4.4.2).
3.3.5. Deployment
Setelah selesai melewati tahap pengujian dan aplikasi sudah
dianggap rampung, maka tahap terakhir adalah deployment. Dalam
hal ini aplikasi yang telah jadi akan di-upload pada web hosting yang
telah ditentukan (terdapat di subbab 4.5).
BAB IV
HASIL DAN PEMBAHASAN
Aplikasi dirancang dengan mengimplementasikan metode pengembangan
aplikasi yang telah dijelaskan pada bab sebelumnya yaitu metode Incremental
Process Model. Metode ini berfokus pada penyampaian produk operasional pada
setiap increment. Increment awal adalah versi stripped-down dari produk akhir,
tetapi produk tersebut memberikan kemampuan untuk melayani pengguna.
Berikut adalah tahap-tahap penerapan dari metode yang digunakan pada
pengembangan aplikasi ini.
4.1. Communication
4.1.1. Sekilas Tentang Pusat Bahasa
Pusat Bahasa didirikan pada tahun 1970. Dimaksudkan pada
awalnya untuk melaksanakan proses pengajaran bahasa asing,
khususnya Arab dan Inggris. Seiring dengan proses pengajaran dan
pembelajaran
berikutnya
yang
lembaga
kontinu
ini
dilakukan,
pada
perkembangan
mendapat
kepercayaan
untuk
menyelenggarakan tes proficiency kedua bahasa tersebut. Di tahun
1999, dikarenakan adanya tuntutan untuk memperluas cakupan
tugas, maka lembaga bahasa berubah nama menjadi Pusat Bahasa
dan Budaya (PBB). Perubahan nama tersebut menjadikan lingkup
57
58
tugasnya tidak semata-mata pengajaran bahasa tetapi juga kajian
budaya.
Setelah dirasakan adanya perkembangan yang signifikan dari
Pusat Bahasa dan Budaya dan sejalan dengan kebijakan agar fokus
dan distingsi tugas-tugas kelembagaan di UIN lebih dipertegas, maka
tahun 2005, Pusat Bahasa dan Budaya (PBB) dipilah menjadi dua
kelembagaan yang berbeda: Pusat Bahasa dan Pusat Kajian Agama
dan Budaya.
Tahun 2006 Pusat Bahasa melakukan penyegaran visioner,
pembenahan manajerial dan penyusunan personalia serta programprogram baru yang lebih spesifik, aktual dan relevan sehingga kelak
dapat menjadi salah satu lembaga bahasa terpandang sesuai dengan
tekad UIN untuk menjadi kampus yang siap berkompetisi secara
internasional.
4.1.1.1. Misi Dan Tugas
a. Menyelenggarakan pengajaran kebahasaan. Meliputi,
bahasa Arab, Inggris, Indonesia, Jepang, Jerman,
Perancis dll.
b. Ikut memberdayakan beberapa lembaga pendidikan
untuk meningkatkan kualitas kebahasaan.
c. Mempelopori sertifikasi, riset, training, publikasi
kebahasaan untuk lembaga pemerintah maupun nonpemerintah.
59
4.1.1.2. Lingkup Kegiatan
a. Sertifikasi dan training kebahasaan, baik Arab maupun
Inggris. Khususnya bagi mahasiswa UIN di berbagai
fakultas dan jenjangnya.
b. Mengkoordinir pengajaran kebahasaan di UIN dengan
memberikan standarisasi minimal.
c. Menjalin kerjasama internasional dengan beberapa
lembaga kebahasaan potensial.
d. Menjadi
institusi
yang
semakin
mandiri
secara
finansial.
e. Memperbanyak penerbitan buku-buku dan inovasi
pengajaran serta training kebahasaan.
f. Penguatan kelembagaan secara kontinu di bidang
sumber
daya
manusia,
peralatan
training
dan
pengajaran beserta instrumen-instrumennya.
g. Menyelenggarakan pengajaran Bahasa Indonesia untuk
Penutur Asing (BIPA)
h. Mengadakan pengajaran dan tes Bahasa Inggris dan
Arab bagi mahasiswa pascasarjana remedial.
60
4.1.2. Analisis Sistem
4.1.2.1. Analisis Sistem Yang Sedang Berjalan
Peserta yang akan mengikuti tes TOEFL harus
mendaftarkan diri langsung ke Pusat Bahasa. Setelah
melakukan
pendaftaran
dan
menyelesaikan
semua
administrasi termasuk biaya tes, peserta akan mendapatkan
jadwal pelaksanaan tes. Untuk lebih jelasnya dapat dilihat
pada gambar 4.1.
Gambar 4.1 Flowchart Pelaksanaan TOEFL
61
Setelah melaksanakan tes, kemudian pihak Pusat Bahasa
akan melakukan koreksi terhadap hasil tes dan menghitung
skor TOEFL. Biasanya peserta harus menunggu sekitar satu
minggu untuk dapat mengetahui hasil tes. Perhitungan skor
dilakukan secara manual. Berikut sistem penilaian skor
TOEFL :
1.
Semua jawaban diperiksa secara manual dengan cara
mencocokkan dengan kunci jawaban.
2.
Tidak ada pengurangan nilai jika jawaban salah.
3.
Jumlah jawaban yang benar tiap-tiap section dikonversi
dengan tabel konversi skor TOEFL (lihat lampiran)
4.
Nilai hasil konversi inilah yang kemudian diproses
dengan menggunakan perhitungan skor TOEFL yaitu:
Total skor konversi x (10/3)
Total skor konversi = Jumlah nilai hasil konversi
section 1, 2, dan 3
5.
Skor minimal adalah 310 dan skor maksimal adalah
677. Walaupun dalam perhitungan dapat terjadi skor
yang kurang dari 310, namun skor minimal yang
ditampilkan adalah 310.
Contoh perhitungan skor TOEFL :
Misalkan peserta X memperoleh skor jawaban sebagai
berikut :
62
1.
Section 1 (listening) = 35, setelah dikonversi menjadi
52 (lihat di tabel konversi)
2.
Section 2 (grammar) = 25, setelah dikonversi menjadi
48 (lihat di tabel konversi)
3.
Section 3 (reading) = 30, setelah dikonversi menjadi
47 (lihat di tabel konversi)
4.
Dengan menggunakan rumus perhitungan skor TOEFL,
maka diperoleh skor sebagai berikut:
(52 + 48 + 47) x (10/3) = 490
Maka skor TOEFL yang diperoleh adalah 490.
4.1.2.2. Analisis Permasalahan
Setelah menganalisis sitem yang berjalan, maka
dapat diketahui beberapa kelemahan sistem yang masih
berjalan secara manual tersebut, yaitu sebagai berikut:
a. Pada sistem yang berjalan, proses pembelajaran
dan tes TOEFL dilakukan secara konvensional,
yakni dengan tatap muka di dalam kelas.
b. Proses koreksi jawaban dan perhitungan skor
yang dilakukan secara manual menyebabkan hasil
skor yang diperoleh baru dapat diketahui minimal
satu minggu setelah pelaksanaan tes.
63
4.1.2.3. Pemecahan Masalah
Berdasarkan
hasil
analisis,
wawancara
dan
kuesioner yang dilakukan, maka dapat diusulkan sebuah
aplikasi simulasi TOEFL yang berbasis web yang dapat
membantu calon peserta dalam mendalami materi yang
berkaitan dengan TOEFL dan memberikan gambaran tes
melalui simulasi dalam bentuk aplikasi web.
Sistem yang diusulkan yaitu admin melakukan login
dengan memasukkan username dan password. Kemudian
admin melakukan pemasukan data soal TOEFL dan kunci
jawabannya ke dalam database aplikasi. Pengguna aplikasi,
dalam hal ini adalah calon peserta tes harus melakukan
login untuk dapat masuk ke dalam menu simulasi TOEFL
dan
melakukan
simulasi
TOEFL
tersebut.
Setelah
menyelesaikan keseluruhan tes, maka skor hasil akan
langsung dapat diketahui. Selain melakukan simulasi,
pengguna
aplikasi
juga
dapat
melakukan
latihan,
mempelajari materi dan mengunduh materi. Flowchart
sistem usulan dapat dilihat pada gambar 4.2.
64
Gambar 4.2 Flowchart Sistem Usulan
4.2. Planning
Aplikasi yang dirancang berbentuk online dengan menerapkan
aplikasi berbasis web. Pemilihan sistem online ini untuk kemudahan akses
bagi user agar bisa mengakses aplikasi ini dari mana saja dan kapan saja.
65
Aplikasi nantinya akan diunggah ke web hosting agar dapat diakses oleh
user. Untuk pengaksesan, user akan menggunakan web browser.
4.3. Modeling
4.3.1. Perancangan Aplikasi
4.3.1.1. Flowchart
Flowchart berfungsi untuk menggambarkan alur
sistem yang akan dibangun. Flowchart usulan aplikasi
terdapat pada gambar 4.2.
4.3.1.2. DFD (Data Flow Diagram)
Penggunaan DFD (Data Flow Diagram) untuk
menggambarkan alur proses data dari sistem secara logika.
1. Diagram Konteks
Pada diagram konteks terdapat 2 (dua) entitas yang
menunjang aplikasi ini, yaitu admin dan user. Pada aplikasi
yang diusulkan, penbedaan level user akan mempengaruhi
batasan layanan, yaitu sebagai berikut :
Admin, memiliki hak akses tertinggi di mana admin
dapat melihat data pada aplikasi, memanipulasi data dan
dapat menghapus data.
User, memiliki hak akses untuk melihat materi,
melakukan simulasi, dan melakukan latihan soal.
66
Gambar 4.3 Diagram Konteks
67
2. Diagram Zero
Gambar 4.4 Diagram Zero
68
4.3.1.3. STD (State Transition Diagram)
Penggunaan STD (State Transition Diagram) untuk
menggambarkan rancangan menu utama. Terdapat dua STD
yaitu:
a. Admin
Gambar 4.5 STD admin
69
b. User
Gambar 4.6 STD user
4.3.1.4. Kamus Data
Kamus data berfungsi membantu pelaku sistem
untuk
mengartikan
aplikasi
secara
detail
dan
mengorganisasi semua elemen data yang digunakan dalam
sistem secara persis sehingga pemakai dan penganalisis
sistem mempunyai dasar pengertian yang sama tentang
masukan, keluaran, penyimpanan dan proses.
Sebelum merinci kamus data, terlebih dahulu akan
didefinisikan Data Model Requirment yang berfungsi untuk
menjelaskan fungsi dari tiap entitas yang ada. Data Model
Requirment ini terdapat pada tabel 4.1.
70
Tabel 4.1 Data Model Requirement
Entitas
Fungsi
Bertugas dalam pemeliharaan sistem, dan data
Admin
yang ada di dalam sistem.
Pengguna aplikasi.
User
Berisi materi pembelajaran yang berkaitan dengan
Materi
TOEFL.
Latihan
Berisi latihan soal yang berkaitan dengan TOEFL
Soal Listening
Berisi soal section listening TOEFL
Soal Grammer
Berisi soal section grammer TOEFL
Soal Reading
Berisi soal section reading TOEFL
Download
Berisi file yang dapat diunduh oleh user
Data model requirement yang lebih terperinci,
sebagai berikut:
1.
Admin (username,password)
a. username : username admin untuk mengakses
sistem
b. password : password admin untuk mengakses
sistem.
2.
User (username,password)
a. username :
username
mengakses sistem.
pengguna
untuk
71
b. password :
password
pengguna
untuk
mengakses sistem.
3.
Materi (id_materi, id_jenis_materi, judul_materi,
materi)
4.
a. id_materi
: kode unik materi
b. id_jenis materi
: kode unik jenis materi
c. judul_materi
: judul untuk materi tutorial
d. materi
: isi dari materi (soal)
Latihan
(id_latihan,
id_materi,
soal,
jawaban,
penjelasan)
a. id_latihan
: kode unik untuk latihan
b. id_materi
: kode unik untuk materi yang
terkait dengan soal
5.
c. soal
: soal latihan
d. jawaban
: jawaban yang benar
e. penjelasan
: penjelasan tentang jawaban
Soal
Listening
(id_listening,
tipe_soal,
jml_soal, audio, waktu, jawaban)
a. id_listening
: kode untuk listening
b. tipe_soal
: kode untuk tipe soal
c. soal
: soal
d. jml_soal
: jumlah soal
e. audio
: lokasi untuk audio
soal,
72
6.
f. waktu
: waktu
g. jawaban
: jawaban benar
Soal
Grammer
(id_grammer,
tipe_soal,
soal,
jml_soal, waktu, jawaban)
a. id_grammer
: kode untuk grammer
b. tipe_soal
: kode untuk tipe soal
c. soal
: soal
d. jml_soal
: jumlah soal
e. waktu
: waktu
f. jawaban
7.
:
jawaban benar
Soal Reading (id_reading, tipe_soal, soal, jml_soal,
waktu, jawaban)
8.
a. id_reading
: kode untuk reading
b. tipe_soal
: kode untuk tipe soal
c. soal
: soal
d. jml_soal
: jumlah soal
e. waktu
: waktu
f. jawaban
: jawaban benar
Download {id_download, judul_file, deskripsi_file,
nama_file, jumlah_download, tanggal_upload}
a. id_download
: kode unik untuk download
b. judul_file
: judul file download
73
c. deskripsi_file
: keterangan detil tentang file
download
d. nama_file
: nama file download
e. jumlah_download : jumlah file yg di-download
oleh user
f. tanggal_upload
: tanggal upload file
4.3.2. Perancangan Database
4.3.2.1. ERD (Entity relationship diagram)
Diagram
ERD
(Entity
relationship
diagram)
database pada aplikasi ini dapat dilihat pada gambar 4.7.
Gambar 4.7 ERD (Entity relationship diagram)
74
4.3.2.2. LRS (Logical Record Structure)
Struktur logik atau LRS (Logical Record Structure)
database pada aplikasi ini dapat dilihat pada gambar 4.8
Gambar 4.8 LRS (Logical Record Structure)
4.3.2.3. Spesifikasi Database
Nama database : simulasitoefl
1. Tabel User
Nama table
: user
Primary key
: id_user
75
Tabel 4.2 Tabel User
2. Tabel Materi
Nama table
: materi
Primary key
: id_ materi
Tabel 4.3 Tabel Materi
3. Tabel Jenis Materi
Nama table
: jenis_materi
Primary key
: id_ jenis_materi
Tabel 4.4 Tabel Jenis Materi
76
4. Tabel Latihan
Nama table
: latihan
Primary key
: id_ latihan
Tabel 4.5 Tabel Latihan
5. Tabel Listening
Nama table
: listening
Primary key
: id_ listening
Tabel 4.6 Tabel Listening
6. Tabel Grammer
Nama table
: grammer
Primary key
: id_ grammer
Tabel 4.7 Tabel Grammer
77
7. Tabel Reading
Nama table
: reading
Primary key
: id_ reading
Tabel 4.8 Tabel Reading
8. Tabel Skor
Nama table
: skor
Primary key
: id_ skor
Tabel 4.9 Tabel Skor
9. Tabel Skor User
Nama table
: skor_user
Primary key
: id_ skor_user
Tabel 4.10 Tabel Skor User
78
10. Tabel Temp Skor
Nama table
: temp_skor
Primary key
: id_ temp_skor
Tabel 4.11 Tabel Temp Skor
11. Tabel Download
Nama table
: download
Primary key
: id_ download
Tabel 4.12 Tabel Download
12. Tabel Buku Tamu
Nama table
: buku_tamu
Primary key
: id_ bukutamu
Tabel 4.13 Tabel Buku Tamu
79
13. Tabel Pengunjung
Nama table
: pengunjung
Primary key
: id_ pengunjung
Tabel 4.14 Tabel Pengunjung
14. Tabel Kategori User
Nama table
: kategori_user
Primary key
: id_ kategori_user
Tabel 4.15 Tabel Kategori User
80
4.3.3. Perancangan Antarmuka
4.3.3.1. Antarmuka Halaman Admin
Secara umum, rancang antarmuka halaman admin
seperti terlihat pada gambar 4.9.
Gambar 4.9 Antarmuka admin
4.3.3.2. Antarmuka Halaman User
Antarmuka pada halaman user dirancang dua macam,
yaitu dengan kolom menu pada sisi kiri halaman dan tanpa
kolom menu. Halaman dengan tanpa kolom menu ini
digunakan untuk halaman simulasi TOEFL. Halaman menu
yang kosong tersebut digantikan dengan halaman jawaban.
1. Antarmuka Halaman User
81
Gambar 4.10 Antarmuka User
2. Antarmuka Halaman TOEFL
Khusus pada halaman TOEFL, menu yang biasa ada
disebelah kiri ditiadakan, diganti dengan kolom untuk
menjawab soal.
Gambar 4.11 Antarmuka TOEFL
82
4.4. Construction
4.4.1. Coding (Pengkodean)
Dalam tahap coding, perancangan aplikasi ini menggunakan
bahasa pemrograman PHP versi 5.3.1 dengan database MySQL
versi 5.1.41 yang telah terintegrasi dalam Xampp versi 1.7.3.
Untuk penulisan kode, digunakan bantuan aplikasi Adobe
Dreamweaver CS3 sebagai text editor. Adobe Dreamweaver CS3
dipilih karena kemudahannya dalam penulisan kode dengan fasilitasfasilitas yang telah disediakan. Source code program aplikasi ini
dapat dilihat di bagian Lampiran.
4.4.2. Testing (Pengujian)
Setelah selesai melakukan coding aplikasi, maka aplikasi ini
harus diujicoba terlebih dahulu dengan tujuan untuk mengetahui
apakah aplikasi ini dapat bekerja dengan baik dan apakah aplikasi ini
telah sesuai dengan tujuan yang diharapkan.
4.4.2.1. Pengujian Mandiri
Pengujian mandiri dilakukan sebelum aplikasi ini
ujicobakan kepada pihak pengguna. Pengujian mandiri
dilakukan dengan mengecek satu persatu menu yang ada. Pengujian mandiri ini dilakukan denga metode Black-box.
Pengujian Black-box berupaya untuk menemukan kesalahan
dalam kategori berikut: (1) fungsi yang tidak tepat atau
hilang, (2) kesalahan interface, (3) kesalahan pada struktur
83
data atau akses database eksternal, (4) kesalahan prilaku
atau kinerja, (5) kesalahan inisialisasi dan penghentian
(Pressman, 2010:495). Pengujian ini dilakukan dalam 2
tahapan, yaitu sebagai admin dan sebagai user.
1. Pengujian Sebagai Admin
Pengujian ini dilakukan dengan melakukan login
sebagai admin. Admin memiliki hak akses ke seluruh data
yang ada dalam aplikasi. Hasil pengujian sebagai admin
dapat dilihat pada tabel 4.16.
Tabel 4.16 Pengujian Admin
No.
Pengujian
Persyaratan
Login sebagai
admin
1
Tambah data user
2
Edit data user
3
Hapus data user
4
Lihat skor user
Login sebagai
admin
5
Hapus skor user
Login sebagai
admin
6
Tambah data soal
TOEFL
Login sebagai
admin
7
Edit data soal TOEFL
8
9
Hapus data soal
TOEFL
Tambah data menu
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
Login sebagai
Hasil Yang
Diharapkan
Dapat
menambahkan data
user
Dapat mengubah
data user
Dapat menghapus
data user
Dapat
menampilakn skor
user
Dapat menghapus
data skor user
Dapat
menambahkan soal
TOEFL
Dapat mengubah
soal TOEFL
Dapat menghapus
soal TOEFL
Dapat
Hasil
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
84
materi
admin
Login sebagai
admin
Login sebagai
admin
10
Edit data materi
11
Hapus data materi
12
Tambah data latihan
13
Edit data latihan
14
Hapus data latihan
15
Lihat komentar
Login sebagai
admin
16
Hapus komentar
Login sebagai
admin
17
Tambah data
download
Login sebagai
admin
18
Edit data download
19
Hapus data download
20
Lihat data statistik
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
Login sebagai
admin
menambahkan data
materi
Dapat mengubah
data materi
Dapat menghapus
data materi
Dapat
menambahkan data
latihan
Dapat mengubah
data latihan
Dapat menghapus
data latihan
Dapat
menampilkan
komentar
Dapat menghapus
komentar
Dapat
menambahkan data
download
Dapat mengubah
data download
Dapat menghapus
data download
Dapat
menampilkan
statistik
2. Pengujian Sebagai User
Pengujian ini dilakukan dengan melakukan login
sebagai user. User memiliki hak akses terbatas. User hanya
dapat melihat dan mengubah data yang telah diberikan hak
akses kepadanya. Hasil pengujian sebagai user dapat dilihat
pada tabel 4.17.
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
85
Tabel 4.17 Pengujian User
No.
Pengujian
Persyaratan
Tanpa login/ Login
sebagai user
Tanpa login/ Login
sebagai user
Tanpa login/ Login
sebagai user
21
Lihat materi
22
Pilih materi
23
Download
24
Memberi
komentar
Tanpa login/ Login
sebagai user
25
Mendaftar
Tanpa login/ Login
sebagai user
26
Mengerjakan
latihan
Tanpa login/ Login
sebagai user
27
Lihat profil
Login sebagai user
28
Edit profil
Login sebagai user
29
Lihat skor
Login sebagai user
30
Mengerjakan
TOEFL
Login sebagai user
Hasil Yang
Diharapkan
Dapat menampilkan
materi
Dapat menampilkan
materi yang dipilih
Dapat mengunduh
file yang diinginkan
Dapat mengirimkan
komentar yang telah
diketikkan
Dapat memproses
data yang telah
dimasukkan
Dapat proses
jawaban dan
memberikan hasil
Dapat menampilkan
data profil user
Dapat mengubah
data profil user
Dapat menampilkan
skor user
Dapat proses
jawaban dan
memberikan hasil
4.4.2.2. Pengujian Lapangan
Pengujian lapangan dilakukan kepada 50 orang
mahasiswa. Dari hasil kuesioner (kuesioner terlampir) yang
dibagikan kepada penguji setelah dilakukan pengujian,
maka dapat diambil kesimpulan seperti yang terlihat pada
tabel 4.18.
Hasil
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Ok
86
Tabel 4.18 Pengujian Lapangan
No.
Hal Yang Di Uji
Penilaian
1.
Aplikasi secara keseluruhan
Baik
2.
Fitur untuk user
Baik
3.
Fitur latihan
Baik
4.
Fitur simulasi TOEFL
Baik
5.
Fitur Pendukung
Baik
6.
Tampilan Aplikasi
Baik
7.
Kemudahan akses ke menu aplikasi
Baik
8.
Kesesuaian dengan Kebutuhan
Baik
4.5. Deployment
Setelah aplikasi diuji dan dinyatakan siap rilis, maka aplikasi ini
disebarluaskan melalui internet yang dapat diakses melalui web browser ke
alamat situs www.simulasitoefl.co.cc.
Web
Browser
Web Server
MySQL
Gambar 4.12 Deployment Diagram Aplikasi
Agar aplikasi ini dapat di akses melalui internet, maka harus
dilakukan upload aplikasi ke internet. Tahap-tahap yang dilakukan adalah:
87
4.5.1. Pendaftaran Web Domain
Web domain yang digunakan adalah co.cc (www.co.cc).
Alasan penggunaan web domain ini adalah karena harganya relatif
murah, bahkan untuk domain tertentu bisa gratis. Adapun langkahlangkah untuk mendaftar pada co.cc adalah sebagai berikut :
1. Buka alamat web domain .co.cc di http://www.co.cc/
2. Lakukan registrasi dengan klik Create an account now.
3. Setelah kolom isian tampil, isi data pada semua form.
Kemudian klik tombol Continue
4. Setelah pendaftaran, tunggu selama 3 menit untuk dapat
menggunakan domain.
5. Ketik nama domain yang diinginkan pada kolom yang tersedia
dan cek ketersediaan domain.
6. Jika domain tersedia, maka daftarkan domain tersebut sebagai
domain aplikasi.
4.5.2. Pendaftaran Web Hosting
Web
hosting
yang
digunakan
adalah
000webhost
(www.000webhost.com). Alasan pemilihan web hosting ini karena
fasilitas pendukungnya yang lengkap dan harganya yang relatif
murah bahkan gratis. Adapun langkah-langkah untuk mendaftarkan
web hosting adalah sebagai berikut :
1. Buka alamat 000webhost di http://www.000webhost .com
88
2. Klik Sign Up untuk melakukan registrasi dan membuka
halaman pendaftaran.
3. Isi semua form dengan lengkap. Setelah semua data telah
dimasukkan, klik Create My Account.
4. Setelah pendaftaran, tunggu proses verifikasi selama 24 jam
untuk dapat menggunakan akun yang telah dibuat.
4.5.3. Proses Input Database
Database yang telah kita buat dalam proses pengembangan,
perlu kita masukkan ke dalam sistem database pada server web
hosting yang akan kita gunakan. Adapun langkah yang penulis
lakukan untuk meng-input database sebagai berikut :
1. Login pada halaman 000webhost.
2. Setelah masuk ke halaman awal, kemudian masuk ke Control
Panel.
3. Setelah masuk ke halaman control panel, masuk ke MySQL
dan membuat database baru.
4. Kemudian masuk ke halaman phpMyAdmin dan melakukan
import database SQL.
5. Tunggu sampai proses import database selesai dilakukan.
4.5.4. Proses Upload File Aplikasi
Tool yang digunakan untuk upload file aplikasi adalah
Filezilla. Adapun langkah-langkah untuk proses upload aplikasi
sebagai berikut :
89
1. Buka aplikasi Filezilla. Tampilan aplikasi Filezilla dapat
dilihat pada gambar.
Gambar 4.13 Tampilan Aplikasi Filezilla
2. Masukkan Host, Username, Password, dan Port yang
digunakan untuk dapat masuk ke dalam sistem server.
Host
: simulasitoefl.co.cc
Username : (dari 000webhost)
Password : (dari 000webhost)
Port
: 21
3. Setelah terhubung, masuk ke folder “public_html” yang tampil
di kolom remote site sebelah kanan. Di folder inilah tempat
menaruh file aplikasi web yang akan di-hosting. Untuk
90
memasukkan file aplikasi, lakukan “drag and drop” file yang
berada di kolom local site ke kolom remote site.
BAB V
PENUTUP
Setalah melakukan serangkaian penelitian, maka pada bab ini akan
diuraikan kesimpulan yang dapat ditarik dari penelitian ini. Selain kesimpulan,
penulis juga akan memberikan saran-saran bagi pihak-pihak yang akan
melanjutkan pengembangan penelitian ini di masa yang akan datang.
5.1. Kesimpulan
Dari perancangan aplikasi simulasi TOEFL ini, dapat ditarik
kesimpulan sebagai berikut:
1. Aplikasi yang dibangun berbasis web dan bersifat online, sehingga
memudahkan pengguna dalam menggunakan aplikasi ini dimana
saja dan kapan saja.
2. Aplikasi yang dirancang ini mampu memberikan alternatif
pembelajaran TOEFL dan memberikan simulasi tes TOEFL bagi
calon peserta tes, hal ini terlihat dari hasil kuesioner pengujian
aplikasi kepada pengguna.
3. Aplikasi ini merupakan sarana penunjang pembelajaran bagi calon
peserta tes TOEFL dalam mempersiapkan diri menghadapi tes,
bukan aplikasi untuk menggantikan tes TOEFL yang sebenarnya.
4. Perancangan aplikasi ini disesuaikan dengan standar baku TOEFL
PBT dari lembaga ETS (Educational Testing Service) yang
digunakan oleh Pusat Bahasa.
91
92
5.2. Saran
Dalam aplikasi ini masih terdapat beberapa hal yang menjadi
kekurangan dan sangat baik untuk dilakukan pengembangan di masa yang
akan datang. Beberapa saran terkait aplikasi ini yaitu:
1. Tampilan aplikasi sebaiknya menggunakan CSS yang lebih menarik
dan dinamis.
2. Sebagai pendukung, aplikasi sebaiknya dilengkapi dengan kamus
bahasa Inggris-Indonesia.
3. Aplikasi sebaiknya dapat melakukan pencetakan laporan.
4. Seiring
dengan
perkembangan
teknologi
mobile,
pada
pengembangan selanjutnya aplikasi dapat dikembangkan dalam versi
android dan sistem operasi mobile lainnya.
DAFTAR PUSTAKA
Bambang, Sridadi. 2009. Pemodelan dan Simulasi Sistem. Jakarta: Penerbit
Informatika
Chang, T.C, Chang C. L. 2007. Enchanting the English Learning. Jakarta
Educational Testing Service. 2006. The Official Guide to The New TOEFL iBT.
McGraw-Hill Companies, Inc.
_______________________.
2011.
What
is
TOEFL
PBT.
[Online]
Tersedia: http://www.ets.org/toefl/pbt/about. [3 Jan 2011 12:10]
Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi
Ladjamudin, Al-Bahra Bin. 2005. Analisis dan Desain Sistem Informasi.
Yogyakarta: Graha Ilmu.
Nader, J. C. 2001. Prentice Hall’s Illustrated Dictionary of Computing. New
South Wales: Prentice Hall Inc.
Nurhartantrio, Taufik. 2010. Aplikasi Pembelajaran Bahasa Arab dan Simulasi
TOAFL (Test Of Arabic as Foreign Language) Berbasis Web. Skripsi Tidak
Diterbitkan
Parno. 2005. Data Flow Diagram. [Online] Tersedia: http://hasmapsa.staff.
gunadarma.ac.id/Downloads/files/18968/Mg+4+%26+Mg+5+++DFD.pdf
[30 Juli 2011 22:00]
Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL.
Yogyakarta: Andi
Philips, Deborah. 2001. Longman Complete Course for the TOEFL Test:
Preparation for the Computer and Paper Test. New York: Addison-Wesley
Longman Inc
PHP. 2011. What is PHP. [Online] Tersedia: http://id.php.net/manual/en/introwhatis.php [30 Maret 2011 13:30]
93
94
Pressman, Roger S. 2010. Software Engineering: A Practitioner’s Approach. New
York: Mc Graw Hill Companies Inc
Putra, Ade Dwi, et all. 2009. Rancang Bangun Media Pembelajaran TOEFL
Berbasis Web. Skripsi Tidak Diterbitkan
Pyle, Michaal A. 2001. CliffsTestPrep TOEFL CBT. Foster City: IDG Books
Worldwide, Inc.
Rakhmadi, Aris dan Lukito Edi Nugroho. 2009. Implementasi dan Evaluasi
English-Learning Berbasis web Untuk TOEFL Preparation. Skripsi Tidak
Diterbitkan
Razaq, Octa. 2010. Test Your Own TOEFL Score: Uji Skor TOEFL Anda.
Yogyakarta: Pustaka Widyatama.
Sharpe, Pamela J. 2004. How to prepare for the TOEFL test : test of English as a
foreign language 11th ed. USA: Barron's Educational Series, Inc.
Sidik, Betha dan Husni Iskandar Pohan. 2001. Pemrograman Web dengan HTML.
Bandung: Informatika
Turban, Efram, et all. 2006. Pengantar Teknologi Informasi, Edisi 3. Jakarta:
Salemba Infotek
Wahid, Fathul. 2002. Kamus Istilah Teknologi Informasi. Yogyakarta: Andi
Offset
Williams, B. K. & S. C. Sawyer. 2007. Using Information Technology: Pengenalan Praktis Dunia Komputer dan Komunikasi. Yogyakarta: Penerbit Andi
Wismakarma, Komang. 2010. Panduan Lengkap Menguasai Pemrograman CSS.
Yogyakarta: Lokomedia
LAMPIRAN - A
A-1 WAWANCARA
Wawancara dilaksanakan dengan Kepala Pusat Bahasa, Bapak Dr. Atiq
Susilo, MA pada:
Hari/Tgl : Jumat, 4 Februari 2011
Waktu
: 10.00 WIB
Tempat
: Ruang Kepala Pusat Bahasa
Ket
: A = Penulis
B = Kepala Pusat Bahasa
A
: Bagaimana pelaksanaan tes TOEFL di Pusat Bahasa?
B
: Pusat Bahasa ini merupakan lembaga yang mengemban tugas salah
satunya sebagai penyelenggara tes TOEFL, baik itu bagi mahasiswa UIN,
maupun bagi kalangan umum. Tes TOEFL itu sendiri telah menjadi
persyaratan untuk calon mahasiswa baru yang akan menempuh studinya
di UIN dan juga menjadi persyaratan kelulusan bagi mahasiswa yang
akan menyelesaikan studinya.
A
: Apakah pelaksaaan tes TOEFL ini sama dengan di tempat lain atau ada
perbedaannya?
B
: Sama, tes TOEFL yang diadakan di sini sama dengan di tempat lain.
Karena tes TOEFL sudah ada standarnya, tidak boleh diubah-ubah.
Acuan dari lembaga internasional ETS.
A
: Jenis TOEFL apa yang digunakan di Pusat Bahasa?
B
: Di Pusat Bahasa ini kami melaksanakan tes TOEFL yang menggunakan
lembar jawaban kertas atau TOEFL PBT (Paper Based Test).
A
:
Apa alasan digunakannya TOEFL PBT?
A-2 B
: Karena jenis tes ini lebih umum dipakai di Indonesia dan di dunia
akademis. Sistem skor yang digunakan pada penilaian TOEFL yang
umum digunakan adalah skor dari TOEFL PBT. Untuk jenis tes yang
lain, penilaian skornya pun akan berbeda.
A
: Dari hasil pengamatan pihak Pusat Bahasa, apakah skor yang didapat
para peserta cukup tinggi?
B
: Dari pemantauan kami, nilai hasil tes bervariasi.
A
: Apakah pihak Pusat Bahasa telah melaksanakan semacam persiapan bagi
para calon peserta tes?
B
: Ada, tapi itu tidak wajib. Kami telah menyediakan modul dan kursus.
Untuk mengikuti kursus dan memperoleh modul dikenakan biaya
tersendiri. Namun dari pengamatan kami dan data yang ada menunjukkan
bahwa sangat sedikit sekali yang memanfaatkan fasilitas ini.
A-3 LAMPIRAN - B
B-1
KUESIONER 1: PELAKSANAAN TES TOEFL
Nama
Semester
Fakultas
:
:
:
Isilah dengan memberi tanda silang (X) pada salah satu kolom pilihan jawaban
Pilihan Jawaban
No.
Pertanyaan
Ya
Tidak
Apakah Anda pernah mengikuti tes TOEFL di
1.
Pusat Bahasa?
Apakah Anda mempersiapkan diri sebelum
2.
mengikuti tes TOEFL?
Apakah Anda memanfaatkan fasilitas modul
3.
dan kursus yang disediakan oleh Pusat Bahasa?
Apakah menurut Anda fasilitas yang
4.
disediakan tersebut efektif?
Apakah menurut Anda perlu adanya fasilitas
5.
penunjang alternatif lainnya?
Perlukah adanya simulasi tes sebelum Anda
6.
mengikuti tes yang sebenarnya?
Apakah dengan adanya simulasi tes akan
7. menambah kepercayaan diri Anda menghadapi
tes?
No.
1.
2.
3.
Pertanyaan
Buku/
modul
Fasilitas pembelajaran
apa yang efektif
menurut anda?
Fasilitas pembelajaran
apa yang "murah"
menurut anda?
Fasilitas pembelajaran
apa yang mudah anda
akses?
B-2
Pilihan Jawaban
CD
Kursus
Pembelaja
ran
Pembelaja
ran Online
HASIL KUESIONER 1
Judul Kuesioner
: Kuesioner Pelaksanaan Tes TEOFL
Jumlah Responden
: 50 orang
No.
1.
2.
3.
4.
5.
6.
7.
No.
1.
2.
3.
Pertanyaan
Apakah Anda pernah mengikuti tes TOEFL
di Pusat Bahasa?
Apakah Anda mempersiapkan diri sebelum
mengikuti tes TOEFL?
Apakah Anda memanfaatkan fasilitas modul
dan kursus yang disediakan oleh Pusat
Bahasa?
Apakah menurut Anda fasilitas yang
disediakan tersebut efektif?
Apakah menurut Anda perlu adanya fasilitas
penunjang alternatif lainnya?
Perlukah adanya simulasi tes sebelum anda
mengikuti tes yang sebenarnya?
Apakah dengan adanya simulasi tes akan
menambah kepercayaan diri Anda
menghadapi tes?
Pertanyaan
Fasilitas pembelajaran
apa yang efektif
menurut anda?
Fasilitas pembelajaran
apa yang "murah"
menurut anda?
Fasilitas pembelajaran
apa yang mudah anda
akses?
Buku/
modul
Pilihan Jawaban
Ya
Tidak
50
(100%)
(0%)
24
26
(48%)
(52%)
4
(8%)
46
(92%)
13
(26%)
45
(90%)
42
(84%)
37
(74%)
5
(10%)
8
(16%)
43
(86%)
7
(14%)
Pilihan Jawaban
CD
Kursus
Pembelaja
ran
Pembelaja
ran Online
3
(6%)
12
(24%)
6
(12%)
29
(58%)
7
(14%)
(0%)
5
(10%)
38
(76%)
2
(4%)
4
(8%)
10
(20%)
34
(68%)
B-3
KUESIONER 2: PENGUJIAN APLIKASI SIMULASI TOEFL
Nama
Semester
Fakultas
:
:
:
Isilah dengan memberi tanda silang (X) pada salah satu pilihan jawaban
No.
1.
2.
3.
4.
5.
6.
7.
8.
Pertanyaan
Sangat
Baik
Bagaimana penilaian
Anda tentang aplikasi
ini?
Bagaimana penilaian
anda tentang fitur user
aplikasi ini?
Bagaimana penilaian
Anda tentang fasilitas
latihan yang disediakan
oleh aplikasi ini?
Bagaimana penilaian
Anda tentang fasilitas
simulasi TOEFL yang
disediakan oleh aplikasi
ini?
Bagaimana penilaian
Anda tentang menu
pendukung (materi,
download dan kontak)?
Bagaimana penilaian
Anda tentang antarmuka
aplikasi ini?
Bagaimana penilaian
Anda tentang akses ke
menu dalam aplikasi ini?
Bagaimana penilaian
Anda tentang kesesuaian
aplikasi dengan
kebutuhan user?
B-4
Baik
Cukup
Kurang
Sangat
Kurang
HASIL KUESIONER 2
Judul Kuesioner
: Kuesioner Pengujian Aplikasi Simulasi TOEFL
Jumlah Responden
: 50 orang
No.
1.
2.
3.
4.
5.
6.
7.
8.
Pertanyaan
Bagaimana penilaian
Anda tentang aplikasi
ini?
Bagaimana penilaian
anda tentang fitur user
aplikasi ini?
Bagaimana penilaian
Anda tentang fasilitas
latihan yang disediakan
oleh aplikasi ini?
Bagaimana penilaian
Anda tentang fasilitas
simulasi TOEFL yang
disediakan oleh aplikasi
ini?
Bagaimana penilaian
Anda tentang menu
pendukung (materi,
download dan kontak)?
Bagaimana penilaian
Anda tentang antarmuka
aplikasi ini?
Bagaimana penilaian
Anda tentang akses ke
menu dalam aplikasi ini?
Bagaimana penilaian
Anda tentang kesesuaian
aplikasi dengan
kebutuhan user?
Sangat
Baik
Baik
Cukup
Kurang
Sangat
Kurang
-
47
(94%)
3
(6%)
-
-
-
35
(70%)
15
(30%)
-
-
-
38
(76%)
10
(20%)
2
(4%)
-
-
45
(90%)
5
(10%)
-
-
-
42
(84%)
8
(16%)
-
-
-
30
(60%)
15
(30%)
5
(10%)
-
-
36
(72%)
12
(24%)
2
(4%)
-
-
45
(90%)
5
(10%)
-
-
B-5
LAMPIRAN - C
C-1
TABEL KONVERSI SKOR TOEFL
(Sumber: Philips, 2001)
C-2
LAMPIRAN - D
D-1
1.
Halam
man Utama
Gam
mbar 1 Halaaman Utamaa
2.
Halam
man Pendaft
ftaran
Gambaar 2 Halamaan Pendaftarran
D-2
3.
Halam
man Materi
Gam
mbar 3 Halaaman Materii
4.
Halam
man Latihann
Gamb
bar 4 Halam
man Latihann
D-3
5.
Halam
man Downlooad
Gambaar 5 Halam
man Download
6.
Halam
man Kontakk
Gambar 6 Halam
man Kontakk
D-4
7.
Halam
man Simulaasi TOEFL
Gambar 7 Halaman Simulasi
S
TO
OEFL
8.
Halam
man User
Gam
mbar 8 Halaman User
D-5
9.
Halam
man Skor
Gam
mbar 9 Halaman Skor
10. Halam
man Dokum
mentasi Skorr
G
Gambar
100 Halaman Dokumenta
D
asi Skor
D-6
11. Halam
man Home Admin
A
Gambar 11 Halamaan Home Addmin
12. Halam
man Tambahh User
Gambar 12 Halamaan Tambah User
U
D-7
13. Halam
man Tambahh Soal
Gambarr 13 Halamaan Tambah Soal
14. Halam
man Tambahh Materi
Gambar 14
1 Halaman
n Tambah Materi
M
D-8
15.
Haalaman Tam
mbah Latihan
Gambar 15
1 Halaman
n Tambah Laatihan
16. Halam
man Komenntar
Gambaar 16 Halam
man Komenntar
D-9
17. Halam
man Downlooad
Gambaar 17 Halam
man Downlooad
18. Halam
man Statistikk
Gamb
bar 18 Halam
man Statistik
D-10
0
LAMPIRAN - E
E-1
<meta name="keywords"
content="" />
<meta name="description"
content="" />
<link href="styles.css"
rel="stylesheet"
type="text/css" media="screen"
/>
<link rel ="stylesheet"
href="./calendar/calendar.css"
type="text/css"/>
Soal_utama.php
<?php
session_start();
if(session_is_registered
("id_user"))
{
$tipe_soal=$_GET['ts'];
<script type="text/javascript"
src="./calendar/calendar_js.js
"></script>
include('soal.php');
//Mengulang TOEFL
$ulang=$_GET['ul'];
if($ulang)
{
<script>
var waktunya = <?php echo
$waktu;?>;
var waktu;
var jalan = 0;
var habis = 0;
var goTime = 0;
function init(){
checkCookie();
goTime = 1;
}
function keluar(){
if(jalan==1) {
if(habis==0){
$id_user=$_SESSION['id_u
ser'];
$query_temp=mysql_query(
"select * from temp_skor where
id_user=$id_user");
$jumlah=mysql_num_rows($
query_temp);
if(!($jumlah>0))
setCookie('waktux',waktu
,365);
$add_temp=mysql_query("i
nsert into
temp_skor(id_user,section,skor
) values($id_user,0,NULL)");
else
setCookie('tombol',"hidd
en");
}else{
$update_temp=mysql_query
("update temp_skor set
section=0,skor=NULL where
id_user=$id_user");
}
?>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/D
TD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/
xhtml">
<!-- header begins -->
<head>
<meta http-equiv="contenttype" content="text/html;
charset=utf-8" />
<title>Simulasi TOEFL</title>
setCookie('waktux',0,-1);
setCookie('tombol',"");
}
}
}
function mulai(){
jam =
Math.floor(waktu/3600);
sisa = waktu%3600;
menit =
Math.floor(sisa/60);
sisa2 = sisa%60
detik = sisa2%60;
if(detik<10){
detikx = "0"+detik;
}else{
detikx = detik;
}
if(menit<10){
E-2
menitx = "0"+menit;
}else{
menitx = menit;
}
if(jam<10){
jamx = "0"+jam;
}else{
jamx = jam;
}
return "";
}
function
setCookie(c_name,value,expired
ays){
var exdate=new Date();
exdate.setDate(exdate.getDate(
)+expiredays);
document.cookie=c_name+
"="
+escape(value)+((expiredays==n
ull) ? "" :
";expires="+exdate.toGMTString
());
}
document.getElementById("divwa
ktu").innerHTML =
jamx+":"+menitx+":"+detikx;//+
" --> "+waktu;
waktu --;
if(waktu>0){
t =
setTimeout("mulai()",1000);
jalan = 1;
function checkCookie(){
document.getElementById(
"btnMulai").type="hidden";
waktuy=getCookie('waktux');
if (waktuy!=null &&
waktuy!="" && waktuy!=0){
waktu = waktuy;
document.getElementById(
"btnBatal").type="button";
}else{
if(jalan==1){
clearTimeout(t);
}
habis = 1;
document.getElementById(
"btnMulai").type="hidden";
document.getElementById(
"btnBatal").type="button";
t =
setTimeout("mulai()",1000);
}else{
waktu = waktunya;
document.getElementById("frmJa
wab").submit();
}
}
function selesai(){
//setCookie('waktux',waktunya,
7);
document.getElementById("frmJa
wab").submit();
}
function getCookie(c_name){
if
(document.cookie.length>0){
document.getElementById(
"btnMulai").type="button";
document.getElementById(
"btnBatal").type="hidden";
}
}
c_start=document.cookie.indexO
f(c_name + "=");
if (c_start!=-1){
c_start=c_start +
c_name.length+1;
function
keluarTOEFL(urlKeluar) {
habis=0;
jalan = 0;
setCookie('waktux',"",-1);
setCookie('tombol',"");
document.location = urlKeluar;
clearTimeout(t);
}
</script>
</head>
<body onload=init()
onunload=keluar()>
c_end=document.cookie.indexOf(
";",c_start);
if (c_end==-1)
c_end=document.cookie.length;
return
unescape(document.cookie.subst
ring(c_start,c_end));
}
}
E-3
<div id="content">
<div id="back">
<?php include('menu.php'); ?>
<div id="bg">
<div id="top">
<div id="bottom">
<?php
include("jawaban.php");
//include "left.php";
?>
</div>
</div>
</div>
</div>
<!-- header begins -->
<div id="header">
<div id="logo">
<h1><a
href="#">TOEFL Prediction
Simulation</a></h1>
<h2><a
href="#">Test Your TOEFL
Prediction Here</a></h2>
</div>
<?php
}
else
{
</div>
<!-- header ends -->
?>
<!-- content begins -->
<div id="main">
<div id="right">
<h2>Simulasi
TOEFL</h2><br />
<h4>Selamat
Mengerjakan!!</h4><br />
<div
align="center"><strong>Sisa
Waktu : </strong></div><div
id=divwaktu style="fontsize:24px"
style="color:#FF0000"
align="center"></div>
<input type="button"
onclick="keluarTOEFL('logout.p
hp')" value="Logout"
name="logout" />
<table border="0" width="100%"
height="900px">
<tr>
<td width="100%"
height="100%"><iframe
src="tampil_soal.php?sec=<?php
echo "$section";?>&ts=<?php
echo "$tipe_soal";?>"
frameborder="0" width="100%"
height="100%"></iframe></td>
<!--<td width="15%"
height="100%"><p><?php
include("jawaban.php")?></p></
td>-->
</tr>
</table>
</div>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/D
TD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/
xhtml">
<!-- header begins -->
<?php
include 'header.php';
?>
<!-- header ends -->
<!-- content begins -->
<div id="main">
<div id="right">
<h2>Anda harus login
terlebih dahulu!</h2><br />
<h4>Belum
punya akun? Daftar <a
href="daftar.php">di sini
>></a></h4><br />
</div>
<!--content ends -->
<!--left-->
<?php
include "left.php";
?>
</body>
</html>
<?php
}
?>
<!--content ends -->
<!--left-->
<div id="left">
E-4
"$id_soal";?><?php echo
"$i";?>" name="jawab[<?php
echo "$id_soal";?>][<?php echo
"$i";?>]" value="A"<?php
if(($_COOKIE['waktux']=="")||(
$_COOKIE['waktux']==0)) echo "
disabled=\"disabled\"";?>
/></td>
<td><input type="radio"
id="jawab2<?php echo
"$id_soal";?><?php echo
"$i";?>" name="jawab[<?php
echo "$id_soal";?>][<?php echo
"$i";?>]" value="B"<?php
if(($_COOKIE['waktux']=="")||(
$_COOKIE['waktux']==0)) echo "
disabled=\"disabled\"";?>
/></td>
<td><input type="radio"
id="jawab3<?php echo
"$id_soal";?><?php echo
"$i";?>" name="jawab[<?php
echo "$id_soal";?>][<?php echo
"$i";?>]" value="C"<?php
if(($_COOKIE['waktux']=="")||(
$_COOKIE['waktux']==0)) echo "
disabled=\"disabled\"";?>
/></td>
<td><input type="radio"
id="jawab4<?php echo
"$id_soal";?><?php echo
"$i";?>" name="jawab[<?php
echo "$id_soal";?>][<?php echo
"$i";?>]" value="D"<?php
if(($_COOKIE['waktux']=="")||(
$_COOKIE['waktux']==0)) echo "
disabled=\"disabled\"";?>
/></td>
</tr>
<?php
}
?>
</table>
<script language="javascript">
function confirmExit(exitUrl)
{
if (confirm("Apakah Anda yakin
ingin membatalkan tes
TOEFL?")) {
document.location = exitUrl;
habis=0;
jalan = 0;
setCookie('waktux',"",-1);
setCookie('tombol',"");
clearTimeout(t);
init();
}
}
function fungsi(id,jml) {
Jawaban.php
<?php
include('soal.php');
?>
<form method="post"
action="proses_temp_jawaban.ph
p" id="frmJawab"
name="frmJawab">
<table border="0"
align="center" width="100%">
<tr>
<td colspan="5" align="center"
width="100%">
<?php
?>
<input id="btnMulai"
name="btnMulai" type="button"
value="Mulai"
onclick="fungsi(<?php echo
"$id_soal";?>,<?php echo
"$jml_soal";?>)" />
<input id="btnBatal"
name="btnBatal" type="hidden"
value="Batal"
onclick="confirmExit('')" />
<input id="tipe_soal"
name="tipe_soal" type="hidden"
value="<?php echo
"$tipe_soal";?>" />
</td>
</tr>
<tr>
<td colspan="5"
align="center"> </td>
</tr>
</table>
<table border="1"
align="center" width="100%">
<tr align="center"
bgcolor="#00CCFF">
<th>No.</th>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
</tr>
<?php
for($i=1;$i<=$jml_soal;$
i++)
{
?>
<tr align="center">
<td><?php echo "$i.";?></td>
<td><input type="radio"
id="jawab1<?php echo
E-5
var i,j;
var id_name;
for(i=1;i<=jml;i++)
{
for(j=1;j<=4;j++)
{
"http://www.w3.org/TR/xhtml1/D
TD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/
xhtml">
<!-- header begins -->
<?php
include 'header.php';
?>
<script language="javascript">
function pindah(pindahUrl) {
document.location =
pindahUrl;
}
</script>
<!-- header ends -->
id_name="jawab"+j+id+i;
document.getElementById(
id_name).disabled="";
}
}
mulai();
audio();
}
function audio() {
if(habis==0)
{
<?php
if($section="listening")
{
?>
document.getElementById(
"divaudio").innerHTML =
"<embed src=\"<?php echo
"audio/$audio";?>\"
hidden=\"true\"
autostart=\"true\"
loop=\"false\"></embed>";
<?php
}
?>
}
}
</script>
<div id="divaudio"></div>
<!-- content begins -->
<div id="main">
<div id="right">
<h2>Hasil TOEFL</h2><br
/>
<h4>Skor
TOEFL anda</h4><br />
<?php
include("connection.php"
);
$id_user=$_SESSION['id_u
ser'];
$id_soal=$_GET['id_soal'
];
$jumlah=0;
$result=mysql_query("sel
ect * from temp_skor where
id_user=$id_user");
$num_rows=mysql_num_rows
($result);
if($num_rows>0)
{
<input type="hidden"
name="id_soal" value="<?php
echo "$id_soal";?>" />
<input type="hidden"
name="section" value="<?php
echo "$section";?>" />
<input type="hidden"
name="jml_soal" value="<?php
echo "$jml_soal";?>" />
</form>
while($data=mysql_fetch_
array($result))
{
$skor=$data['skor'];
Hitung_jawaban.php
$jumlah+=$skor;
}
}
<?php
$skor=$skor*10/3;
session_start();
?>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0
Strict//EN"
//Menghilangkan koma
$skor=number_format($sko
r,0);
E-6
//skor minimal 310
if ($skor<=310)
$skor=310;
else $skor=$skor;
<?php
include "left.php";
?>
</body>
</html>
?>
<div
align="center"/><font
size="4">Skor TOEFL anda
adalah </font><br /><font
size="7"><?php echo
"$skor";?></font></div>
Latihan_toefl.php
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/D
TD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/
xhtml">
<?php
//Menghapus semua data
jawaban sementara
//header("location:soal_
utama.php");
//Menginput hasil skor
toefl user
$result=mysql_query("sel
ect * from temp_skor where
id_user=$id_user");
$data=mysql_fetch_array(
$result);
$tipe_soal=$data['tipe_s
oal'];
$tanggal=date("Y-m-d
H:i:s");
$add_skor_user=mysql_que
ry("insert into
skor_user(id_user,tipe_soal,sk
or,created_date)
values($id_user,'$tipe_soal',$
skor,'$tanggal')");
<!-- content begins -->
<div id="main">
<div id="right">
<h2>Latihan
TOEFL</h2><br />
<h4>Jawablah
pertanyaan dengan
benar!</h4><br />
<?php
include('connection.php'
);
$no=1;
$id=$_GET['id'];
$result=mysql_query("sel
ect * from latihan order by
rand() limit 1");
$num_rows=mysql_num_rows
($result);
if($num_rows>0)
{
//$result_delete=mysql_q
uery("update temp_skor set
skor=NULL where
id_user=$id_user");
$result_delete=mysql_que
ry("update temp_skor set
tipe_soal=NULL,skor=NULL where
id_user=$id_user");
?>
<br />
while($data=mysql_fetch_
array($result))
{
<input type="button"
value="Ulangi" name="btnUlang"
onclick="pindah('soal_utama.ph
p')" />
</div>
$id_latihan=$data['id_la
tihan'];
$id_materi=$data['id_mat
eri'];
<!--content ends -->
$soal=$data['soal'];
<!--left-->
$jawaban=$data['jawaban'
];
E-7
{
$penjelasan=$data['penje
lasan'];
}
document.getElementById(
"cocok").innerHTML="<font
color=\"#0000FF\">Benar</font>
";
}
else
{
//Materi TOEFL
$result_materi=mysql_que
ry("select * from materi where
id_materi=$id_materi");
document.getElementById(
"cocok").innerHTML="<font
color=\"#FF0000\">Salah</font>
";
}
document.getElementById(
"benar").innerHTML=jawab;
document.getElementById(
"penjelasan").innerHTML="<?php
$penjelasan=ltrim($penjelasan)
;$penjelasan=rtrim($penjelasan
);echo "$penjelasan";?>";
document.getElementById(
"materi").innerHTML="<a
href=\"rincian_materi.php?id=<
?php echo
"$id_materi";?>\"><?php echo
"$judul_materi";?></a>";
}
$num_rows_materi=mysql_n
um_rows($result_materi);
if($num_rows_materi>0)
{
$data_materi=mysql_fetch
_array($result_materi);
$judul_materi=$data_mate
ri['judul_materi'];
}
$_COOKIE['jawaban']=$jaw
aban;
?>
<script language="javascript">
function cekJawaban() {
jawab=<?php echo
"\"$jawaban\"";?>;
if(document.getElementBy
Id("jawabanA").checked)
{
jawabUser="A";
}
else
if(document.getElementById("ja
wabanB").checked)
{
jawabUser="B";
}
else
if(document.getElementById("ja
wabanC").checked)
{
jawabUser="C";
}
else
if(document.getElementById("ja
wabanD").checked)
{
jawabUser="D";
}
function getCookie(c_name){
if
(document.cookie.length>0){
c_start=document.cookie.indexO
f(c_name + "=");
if (c_start!=-1){
c_start=c_start +
c_name.length+1;
c_end=document.cookie.indexOf(
";",c_start);
if (c_end==-1)
c_end=document.cookie.length;
return
unescape(document.cookie.subst
ring(c_start,c_end));
}
}
return "";
}
function
setCookie(c_name,value,expired
ays){
var exdate=new Date();
//jawabUser=toUpperCase(
jawabUser);
if(jawab==jawabUser)
exdate.setDate(exdate.getDate(
)+expiredays);
E-8
document.cookie=c_name+
"="
+escape(value)+((expiredays==n
ull) ? "" :
";expires="+exdate.toGMTString
());
}
<tr>
<td>Penjelasan</td>
<td align="center">:</td>
<td colspan="3"><div
id="penjelasan"></div><?php
//echo
"$penjelasan_latihan";?></td>
</tr>
<tr>
<td>Materi terkait</td>
<td align="center">:</td>
<td colspan="3"><div
id="materi"></div></td>
</tr>
</table><br />
<br />
<table align="center"
width="80%">
<tr>
<td
align="center"><input
type="button" name="btnLanjut"
value="Lanjut"
onclick="pindah('latihan_toefl
.php?id=<?php echo
"$id_latihan";?>')" /></td>
</tr>
</table>
<?php
}
?>
</div>
function pindah(setUrl) {
document.location=setUrl
;
}
</script>
<br />
<div id="kue"></div>
<table align="center"
border="0" width="80%">
<tr>
<td align="justify"
colspan="5" width="92%"><?php
echo "$soal";?></td>
</tr>
<tr>
<td
rowspan="4"> </td>
<td
width="20%">Jawab</td>
<td align="center">:</td>
<td align="center"
width="30%"><input
id="jawabanA" type="radio"
name="jawaban" value="A"
/> A   <in
put id="jawabanB" type="radio"
name="jawaban" value="B"
/> B   <in
put id="jawabanC" type="radio"
name="jawaban" value="C"
/> C   <in
put id="jawabanD" type="radio"
name="jawaban" value="D"
/> D</td>
<td align="center"><input
width="200px" type="button"
name="cek" value="Cek Jawaban"
onclick="cekJawaban()"></td>
<td width="20%"
align="center"><strong><div
id="cocok"></div><strong/></td
>
</tr>
<tr>
<td>Jawaban Benar</td>
<td align="center">:</td>
<td colspan="3"><div
id="benar"></div></td>
</tr>
<!--content ends -->
<!--left-->
<?php
include "left.php";
?>
</body>
</html>
Proses_login.php
<?php
session_start();
$username =
$_POST['username'];
$password =
$_POST['password'];
if(trim($username!="")&&trim($
password!=""))
{
include
'connection.php';
E-9
else
$query_login =
mysql_query("select count(*)
as login from user where
username='$username' and
password='$password'");
$row =
mysql_fetch_array($query_login
);
if($row["login"]=="1")
{
header("location:admin/"
);
}
else
{
$result=mysql_query("sel
ect * from user where
username='$username'");//
order by id desc
$result=mysql_query("sel
ect * from user where
username='$username' and
password='$password'");
$jumlah=mysql_num_rows($
result);
if($jumlah>0)
{
$data=mysql_fetch_array(
$result);
session_register("userna
me");
$id_user=$data['id_user'
];
header("location:login.p
hp?u=1");
}
else
$nama=$data['nama_lengka
p'];
$tingkat=$data['tingkat_
user'];
header("location:login.p
hp?up=1");
}
}
else
{
if(($username=="")&&($pa
ssword==""))
{
session_register("id_use
r");
$query_temp=mysql_query(
"select * from temp_skor where
id_user=$id_user");
header("location:login.p
hp?kosong=1");
}
elseif($username=="")
{
$jumlah=mysql_num_rows($
query_temp);
if(!($jumlah>0))
$add_temp=mysql_query("i
nsert into
temp_skor(id_user,section,skor
) values($id_user,0,NULL)");
else
header("location:login.p
hp?kosong=2");
}
else
{
$update_temp=mysql_query
("update temp_skor set
section=0,skor=NULL where
id_user=$id_user");
session_register("userna
me");
header("location:login.p
hp?kosong=3");
}
}
?>
//Memindahkan
halaman
//echo "$tingkat";
if($tingkat==1)
header("location:index.p
hp");
E-10