PERAANCANGGAN APLLIKASI SSIMULASSI

TOEEFL (TESST OF ENNGLISH AAS FOREIIGN LANNGUAGE ))

Skripssi

SSebagai Salaah Satu Syaarat Memperroleh Gelarr Sarjana Koomputer

Pada Fakkultas Sainss dan Teknoologi

Univerrsitas Islamm Negeri Syaarif Hidayattullah Jakarrta

TTONI PARWWANTO 1060910002888

PROGRRAM STUUDI TEKNNIK INFOORMATIKKA

FAKKULTAS SAINS DDAN TEKNNOLOGI

UNIVVERSITAS ISLAMM NEGERII SYARIFF HIDAYAATULLAHH

JAKARRTA

22011 M / 11432 H 

PERNYATAAN

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-

BENAR 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  

xx  

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

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 soal-

soal 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.

10

 

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).

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. Simulasi Analog Simulasi Digital

1. Menggunakan komputer

analog.

Menggunakan komputer

digital.

2. Membentuk / menyusun

analogi persoalan.

Menguraikan persoalan

menjadi hitungan.

3. Menyajikan variabel fisi

dengan pengukuran.

Menyajikan angka-angka

dengan pola diskret terkode.

4.

Operasi besar dilakukan oleh

piranti khusus (satu tugas)

yang jumlahnya relatif

sedikit.

Operasi dilakukan oleh piranti

hitungan yang jumlahnya

relatif banyak dan dapat saling

tukar tugas.

5. Biaya relatif rendah dan

program mudah

Biaya relatif tinggi dan

program sulit.

6. Unsur-unsur terpisah untuk

setiap operasi.

Unsur-unsur identik bekerja

beruntun (operasi seri).

7.

Ketelitian hingga sekitar 1

dalam 104. Tapi persoalan

delay komputasi kecil.

Ketelitian besar hingga 1

dalam 1023. Tapi mempunyai

persoalan "finite word lenght"

dan delay komputasi.

8.

Simpanan data tersebut pada

berbagai piranti yang tak

dapat dipertukarkan.

Simpanan data dipusatkan di

tempat tertentu dan dapat

dipertukarkan serta tak

terbatasi waktu.

 

12

 

9.

Sebagai model atau

pencerminan sistem yang

sebenarnya, operasi biasanya

dijalani dalam waktu nyata

sistem.

Menghimpun data hitungan

yang tak ada hubungannya

dengan sistem yang diwakili.

Waktu operasi biasanya tak

bersangkutan dengan waktu

nyata.

10.

Mewakili / menggantikan

besaran-besaran matematis

atau fisis.

Dapat mewakili angka-angka

maupun huruf-huruf atau

simbol-simbol lain.

11.

Sangat sesuai / cocok untuk

mewakili besaran-besaran

terukur dan menirukan

respons sistem-sistem fisis

dengan analogi matematis.

Sangat sesuai untuk menangani

proses-proses acak diskret, data

statistik dan masalah numerik

dalam bidang ilmiah dan

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 Computer-

Based 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, masing-

masing 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 program-

program 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: 130-

132).

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

 

Pandangan 1

Pandangan 2

Pandangan 3

Pemakai 1 Pemakai 2 Pemakai 3 

Skema Konseptual

Skema Internal

Basisdata

Level internal

Organisasi data secara fisik

Level konseptual

Level eksternal

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 server-

side, 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 elemen-

elemen 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 materi-

materi 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 Diagram Alir (flowchart), untuk

mengetahui aliran data dalam aplikasi 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).

57

 

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 yang kontinu dilakukan, pada perkembangan

berikutnya lembaga ini 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

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 program-

program 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 non-

pemerintah.

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

Admin Bertugas dalam pemeliharaan sistem, dan data

yang ada di dalam sistem.

User Pengguna aplikasi.

Materi Berisi materi pembelajaran yang berkaitan dengan

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 pengguna untuk

mengakses sistem.

71

 

b. password : password pengguna untuk

mengakses sistem.

3. Materi (id_materi, id_jenis_materi, judul_materi,

materi)

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)

4. 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

c. soal : soal latihan

d. jawaban : jawaban yang benar

e. penjelasan : penjelasan tentang jawaban

5. Soal Listening (id_listening, tipe_soal, 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

72

 

f. waktu : waktu

g. jawaban : jawaban benar

6. 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 : jawaban benar

7. Soal Reading (id_reading, tipe_soal, soal, jml_soal,

waktu, jawaban)

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

8. 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 fasilitas-

fasilitas 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 Hasil Yang Diharapkan

Hasil

1 Tambah data user Login sebagai admin

Dapat menambahkan data user

Ok

2 Edit data user Login sebagai admin

Dapat mengubah data user

Ok

3 Hapus data user Login sebagai admin

Dapat menghapus data user

Ok

4 Lihat skor user Login sebagai admin

Dapat menampilakn skor user

Ok

5 Hapus skor user Login sebagai admin

Dapat menghapus data skor user

Ok

6 Tambah data soal TOEFL

Login sebagai admin

Dapat menambahkan soal TOEFL

Ok

7 Edit data soal TOEFL Login sebagai admin

Dapat mengubah soal TOEFL

Ok

8 Hapus data soal TOEFL

Login sebagai admin

Dapat menghapus soal TOEFL

Ok

9 Tambah data menu Login sebagai Dapat Ok

84

 

materi admin menambahkan data materi

10 Edit data materi Login sebagai admin

Dapat mengubah data materi

Ok

11 Hapus data materi Login sebagai admin

Dapat menghapus data materi

Ok

12 Tambah data latihan Login sebagai admin

Dapat menambahkan data latihan

Ok

13 Edit data latihan Login sebagai admin

Dapat mengubah data latihan

Ok

14 Hapus data latihan Login sebagai admin

Dapat menghapus data latihan

Ok

15 Lihat komentar Login sebagai admin

Dapat menampilkan komentar

Ok

16 Hapus komentar Login sebagai admin

Dapat menghapus komentar

Ok

17 Tambah data download

Login sebagai admin

Dapat menambahkan data download

Ok

18 Edit data download Login sebagai admin

Dapat mengubah data download

Ok

19 Hapus data download Login sebagai admin

Dapat menghapus data download

Ok

20 Lihat data statistik Login sebagai admin

Dapat menampilkan statistik

Ok

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.

85

 

Tabel 4.17 Pengujian User

No. Pengujian Persyaratan Hasil Yang Diharapkan

Hasil

21 Lihat materi Tanpa login/ Login sebagai user

Dapat menampilkan materi

Ok

22 Pilih materi Tanpa login/ Login sebagai user

Dapat menampilkan materi yang dipilih

Ok

23 Download Tanpa login/ Login sebagai user

Dapat mengunduh file yang diinginkan

Ok

24 Memberi komentar

Tanpa login/ Login sebagai user

Dapat mengirimkan komentar yang telah diketikkan

Ok

25 Mendaftar Tanpa login/ Login sebagai user

Dapat memproses data yang telah dimasukkan

Ok

26 Mengerjakan latihan

Tanpa login/ Login sebagai user

Dapat proses jawaban dan memberikan hasil

Ok

27 Lihat profil Login sebagai user Dapat menampilkan data profil user

Ok

28 Edit profil Login sebagai user Dapat mengubah data profil user

Ok

29 Lihat skor Login sebagai user Dapat menampilkan skor user

Ok

30 Mengerjakan TOEFL

Login sebagai user Dapat proses jawaban dan memberikan hasil

Ok

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.

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 Server Web

Browser 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 langkah-

langkah 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/intro-

whatis.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: Penge-

nalan Praktis Dunia Komputer dan Komunikasi. Yogyakarta: Penerbit Andi

Wismakarma, Komang. 2010. Panduan Lengkap Menguasai Pemrograman CSS.

Yogyakarta: Lokomedia

A-1 

LAMPIRAN - A

A-2 

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-3 

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.

B-1

LAMPIRAN - B

B-2

KUESIONER 1: PELAKSANAAN TES TOEFL

Nama : Semester : Fakultas : Isilah dengan memberi tanda silang (X) pada salah satu kolom pilihan jawaban

No. Pertanyaan Pilihan Jawaban

Ya Tidak

1. Apakah Anda pernah mengikuti tes TOEFL di Pusat Bahasa?

2. Apakah Anda mempersiapkan diri sebelum mengikuti tes TOEFL?

3. Apakah Anda memanfaatkan fasilitas modul dan kursus yang disediakan oleh Pusat Bahasa?

4. Apakah menurut Anda fasilitas yang disediakan tersebut efektif?

5. Apakah menurut Anda perlu adanya fasilitas penunjang alternatif lainnya?

6. Perlukah adanya simulasi tes sebelum Anda mengikuti tes yang sebenarnya?

7. Apakah dengan adanya simulasi tes akan menambah kepercayaan diri Anda menghadapi tes?

No. Pertanyaan

Pilihan Jawaban

Buku/ modul Kursus

CD Pembelaja

ran

Pembelajaran Online

1. Fasilitas pembelajaran apa yang efektif menurut anda?

2. Fasilitas pembelajaran apa yang "murah" menurut anda?

3. Fasilitas pembelajaran apa yang mudah anda akses?

B-3

HASIL KUESIONER 1

Judul Kuesioner : Kuesioner Pelaksanaan Tes TEOFL

Jumlah Responden : 50 orang

No. Pertanyaan Pilihan Jawaban Ya Tidak

1. Apakah Anda pernah mengikuti tes TOEFL di Pusat Bahasa?

50 (100%)

- (0%)

2. Apakah Anda mempersiapkan diri sebelum mengikuti tes TOEFL?

24 (48%)

26 (52%)

3. Apakah Anda memanfaatkan fasilitas modul dan kursus yang disediakan oleh Pusat Bahasa?

4 (8%)

46 (92%)

4. Apakah menurut Anda fasilitas yang disediakan tersebut efektif?

13 (26%)

37 (74%)

5. Apakah menurut Anda perlu adanya fasilitas penunjang alternatif lainnya?

45 (90%)

5 (10%)

6. Perlukah adanya simulasi tes sebelum anda mengikuti tes yang sebenarnya?

42 (84%)

8 (16%)

7. Apakah dengan adanya simulasi tes akan menambah kepercayaan diri Anda menghadapi tes?

43 (86%)

7 (14%)

No. Pertanyaan

Pilihan Jawaban

Buku/ modul Kursus

CD Pembelaja

ran

Pembelajaran Online

1. Fasilitas pembelajaran apa yang efektif menurut anda?

3 (6%)

12 (24%)

6 (12%)

29 (58%)

2. Fasilitas pembelajaran apa yang "murah" menurut anda?

7 (14%)

- (0%)

5 (10%)

38 (76%)

3. Fasilitas pembelajaran apa yang mudah anda akses?

2 (4%)

4 (8%)

10 (20%)

34 (68%)

B-4

KUESIONER 2: PENGUJIAN APLIKASI SIMULASI TOEFL

Nama : Semester : Fakultas :

Isilah dengan memberi tanda silang (X) pada salah satu pilihan jawaban

No. Pertanyaan Sangat Baik

Baik Cukup Kurang Sangat Kurang

1. Bagaimana penilaian Anda tentang aplikasi ini?

2. Bagaimana penilaian anda tentang fitur user aplikasi ini?

3.

Bagaimana penilaian Anda tentang fasilitas latihan yang disediakan oleh aplikasi ini?

4.

Bagaimana penilaian Anda tentang fasilitas simulasi TOEFL yang disediakan oleh aplikasi ini?

5.

Bagaimana penilaian Anda tentang menu pendukung (materi, download dan kontak)?

6. Bagaimana penilaian Anda tentang antarmuka aplikasi ini?

7. Bagaimana penilaian Anda tentang akses ke menu dalam aplikasi ini?

8.

Bagaimana penilaian Anda tentang kesesuaian aplikasi dengan kebutuhan user?

B-5

HASIL KUESIONER 2

Judul Kuesioner : Kuesioner Pengujian Aplikasi Simulasi TOEFL

Jumlah Responden : 50 orang

No. Pertanyaan Sangat Baik

Baik Cukup Kurang Sangat Kurang

1. Bagaimana penilaian Anda tentang aplikasi ini?

- 47

(94%) 3

(6%) - -

2. Bagaimana penilaian anda tentang fitur user aplikasi ini?

- 35

(70%) 15

(30%) - -

3.

Bagaimana penilaian Anda tentang fasilitas latihan yang disediakan oleh aplikasi ini?

-

38

(76%)

10 (20%)

2 (4%)

-

4.

Bagaimana penilaian Anda tentang fasilitas simulasi TOEFL yang disediakan oleh aplikasi ini?

- 45

(90%) 5

(10%) - -

5.

Bagaimana penilaian Anda tentang menu pendukung (materi, download dan kontak)?

- 42 (84%)

8 (16%) - -

6. Bagaimana penilaian Anda tentang antarmuka aplikasi ini?

- 30

(60%) 15

(30%) 5

(10%) -

7. Bagaimana penilaian Anda tentang akses ke menu dalam aplikasi ini?

- 36

(72%) 12

(24%) 2

(4%) -

8.

Bagaimana penilaian Anda tentang kesesuaian aplikasi dengan kebutuhan user?

- 45

(90%) 5

(10%) - -

C-1

LAMPIRAN - C

C-2

TABEL KONVERSI SKOR TOEFL

(Sumber: Philips, 2001)

D-1

LAMPIRAN - D

1. Halam

2. Halam

man Utama

man Pendaft

Gam

ftaran

Gamba

D-2

mbar 1 Hala

ar 2 Halama

aman Utama

an Pendaftar

a

ran

 

3. Halam

4. Halam

man Materi

man Latihan

Gam

n

Gamb

D-3

mbar 3 Hala

bar 4 Halam

aman Materi

man Latihan

i

n

5. Halam

6. Halam

man Downlo

man Kontak

oad

Gamba

k

Gam

D-4

ar 5 Halam

bar 6 Halam

man Downlo

man Kontak

ad

k

7. Halam

8. Halam

man Simula

man User

asi TOEFL

Gambar 7

Gam

D-5

7 Halaman S

mbar 8 Hal

Simulasi TO

aman User

OEFL

9. Halam

10. Halam

man Skor

man Dokum

G

Gam

mentasi Skor

Gambar 10

D-6

mbar 9 Hal

r

0 Halaman D

aman Skor

Dokumentaasi Skor

11. Halam

12. Halam

man Home A

man Tambah

Admin

Gambar

h User

Gambar

D-7

11 Halama

12 Halama

an Home Ad

an Tambah U

dmin

User

13. Halam

14. Halam

man Tambah

man Tambah

h Soal

Gambar

h Materi

Gambar 1

D-8

r 13 Halama

14 Halaman

an Tambah

n Tambah M

Soal

Materi

15. Ha

16. Halam

alaman Tam

man Komen

mbah Latiha

Gambar 1

ntar

Gamba

D-9

n

15 Halaman

ar 16 Halam

n Tambah La

man Komen

atihan

ntar

17. Halam

18. Halam

man Downlo

man Statistik

oad

Gamba

k

Gamb

D-10

ar 17 Halam

bar 18 Halam

0

man Downlo

man Statist

oad

ik

E-1

LAMPIRAN - E

E-2

Soal_utama.php <?php session_start(); if(session_is_registered("id_user")) { $tipe_soal=$_GET['ts']; include('soal.php'); //Mengulang TOEFL $ulang=$_GET['ul']; if($ulang) { $id_user=$_SESSION['id_user']; $query_temp=mysql_query("select * from temp_skor where id_user=$id_user"); $jumlah=mysql_num_rows($query_temp); if(!($jumlah>0)) $add_temp=mysql_query("insert into temp_skor(id_user,section,skor) values($id_user,0,NULL)"); 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/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- header begins --> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Simulasi TOEFL</title>

<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"/> <script type="text/javascript" src="./calendar/calendar_js.js"></script> <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){ setCookie('waktux',waktu,365); setCookie('tombol',"hidden"); }else{ 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-3

menitx = "0"+menit; }else{ menitx = menit; } if(jam<10){ jamx = "0"+jam; }else{ jamx = jam; } document.getElementById("divwaktu").innerHTML = jamx+":"+menitx+":"+detikx;//+" --> "+waktu; waktu --; if(waktu>0){ t = setTimeout("mulai()",1000); jalan = 1; document.getElementById("btnMulai").type="hidden"; document.getElementById("btnBatal").type="button"; }else{ if(jalan==1){ clearTimeout(t); } habis = 1; document.getElementById("frmJawab").submit(); } } function selesai(){ document.getElementById("frmJawab").submit(); } function getCookie(c_name){ if (document.cookie.length>0){ c_start=document.cookie.indexOf(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.substring(c_start,c_end)); } }

return ""; } function setCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); } function checkCookie(){ waktuy=getCookie('waktux'); if (waktuy!=null && waktuy!="" && waktuy!=0){ waktu = waktuy; document.getElementById("btnMulai").type="hidden"; document.getElementById("btnBatal").type="button"; t = setTimeout("mulai()",1000); }else{ waktu = waktunya; //setCookie('waktux',waktunya,7); document.getElementById("btnMulai").type="button"; document.getElementById("btnBatal").type="hidden"; } } function keluarTOEFL(urlKeluar) { habis=0; jalan = 0; setCookie('waktux',"",-1); setCookie('tombol',""); document.location = urlKeluar; clearTimeout(t); } </script> </head> <body onload=init() onunload=keluar()>

E-4

<div id="content"> <div id="back"> <?php include('menu.php'); ?> <!-- 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> </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="font-size:24px" style="color:#FF0000" align="center"></div> <input type="button" onclick="keluarTOEFL('logout.php')" 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> <!--content ends --> <!--left--> <div id="left">

<div id="bg"> <div id="top"> <div id="bottom"> <?php include("jawaban.php"); //include "left.php"; ?> </div> </div> </div> </div> <?php } else { ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/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 } ?>

E-5

Jawaban.php <?php include('soal.php'); ?> <form method="post" action="proses_temp_jawaban.php" 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">&nbsp;</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

"$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) {

E-6

var i,j; var id_name; for(i=1;i<=jml;i++) { for(j=1;j<=4;j++) { 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> <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> Hitung_jawaban.php <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/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 --> <!-- 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_user']; $id_soal=$_GET['id_soal']; $jumlah=0; $result=mysql_query("select * from temp_skor where id_user=$id_user"); $num_rows=mysql_num_rows($result); if($num_rows>0) { while($data=mysql_fetch_array($result)) { $skor=$data['skor']; $jumlah+=$skor; } } $skor=$skor*10/3; //Menghilangkan koma $skor=number_format($skor,0);

E-7

//skor minimal 310 if ($skor<=310) $skor=310; else $skor=$skor; ?> <div align="center"/><font size="4">Skor TOEFL anda adalah </font><br /><font size="7"><?php echo "$skor";?></font></div> <?php //Menghapus semua data jawaban sementara //header("location:soal_utama.php"); //Menginput hasil skor toefl user $result=mysql_query("select * from temp_skor where id_user=$id_user"); $data=mysql_fetch_array($result); $tipe_soal=$data['tipe_soal']; $tanggal=date("Y-m-d H:i:s"); $add_skor_user=mysql_query("insert into skor_user(id_user,tipe_soal,skor,created_date) values($id_user,'$tipe_soal',$skor,'$tanggal')"); //$result_delete=mysql_query("update temp_skor set skor=NULL where id_user=$id_user"); $result_delete=mysql_query("update temp_skor set tipe_soal=NULL,skor=NULL where id_user=$id_user"); ?> <br /> <input type="button" value="Ulangi" name="btnUlang" onclick="pindah('soal_utama.php')" /> </div> <!--content ends --> <!--left-->

<?php include "left.php"; ?> </body> </html> Latihan_toefl.php <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- 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("select * from latihan order by rand() limit 1"); $num_rows=mysql_num_rows($result); if($num_rows>0) { while($data=mysql_fetch_array($result)) { $id_latihan=$data['id_latihan']; $id_materi=$data['id_materi']; $soal=$data['soal']; $jawaban=$data['jawaban'];

E-8

$penjelasan=$data['penjelasan']; } //Materi TOEFL $result_materi=mysql_query("select * from materi where id_materi=$id_materi"); $num_rows_materi=mysql_num_rows($result_materi); if($num_rows_materi>0) { $data_materi=mysql_fetch_array($result_materi); $judul_materi=$data_materi['judul_materi']; } $_COOKIE['jawaban']=$jawaban; ?> <script language="javascript"> function cekJawaban() { jawab=<?php echo "\"$jawaban\"";?>; if(document.getElementById("jawabanA").checked) { jawabUser="A"; } else if(document.getElementById("jawabanB").checked) { jawabUser="B"; } else if(document.getElementById("jawabanC").checked) { jawabUser="C"; } else if(document.getElementById("jawabanD").checked) { jawabUser="D"; } //jawabUser=toUpperCase(jawabUser); if(jawab==jawabUser)

{ document.getElementById("cocok").innerHTML="<font color=\"#0000FF\">Benar</font>"; } else { 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>"; } function getCookie(c_name){ if (document.cookie.length>0){ c_start=document.cookie.indexOf(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.substring(c_start,c_end)); } } return ""; } function setCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays);

E-9

document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); } 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">&nbsp;</td> <td width="20%">Jawab</td> <td align="center">:</td> <td align="center" width="30%"><input id="jawabanA" type="radio" name="jawaban" value="A" />&nbsp;A&nbsp;&nbsp;&nbsp;<input id="jawabanB" type="radio" name="jawaban" value="B" />&nbsp;B&nbsp;&nbsp;&nbsp;<input id="jawabanC" type="radio" name="jawaban" value="C" />&nbsp;C&nbsp;&nbsp;&nbsp;<input id="jawabanD" type="radio" name="jawaban" value="D" />&nbsp;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>

<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> <!--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-10

$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") { $result=mysql_query("select * from user where username='$username' and password='$password'"); $data=mysql_fetch_array($result); $id_user=$data['id_user']; $nama=$data['nama_lengkap']; $tingkat=$data['tingkat_user']; session_register("id_user"); $query_temp=mysql_query("select * from temp_skor where id_user=$id_user"); $jumlah=mysql_num_rows($query_temp); if(!($jumlah>0)) $add_temp=mysql_query("insert into temp_skor(id_user,section,skor) values($id_user,0,NULL)"); else $update_temp=mysql_query("update temp_skor set section=0,skor=NULL where id_user=$id_user"); //Memindahkan halaman //echo "$tingkat"; if($tingkat==1) header("location:index.php");

else header("location:admin/"); } else { $result=mysql_query("select * from user where username='$username'");// order by id desc $jumlah=mysql_num_rows($result); if($jumlah>0) { session_register("username"); header("location:login.php?u=1"); } else header("location:login.php?up=1"); } } else { if(($username=="")&&($password=="")) { header("location:login.php?kosong=1"); } elseif($username=="") { header("location:login.php?kosong=2"); } else { session_register("username"); header("location:login.php?kosong=3"); } } ?>