Perancangan Sistem E-Learning Simulasi Tes TOEFL Menggunakan Pemrograman PHP dan MySQL
UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM STUDI D3 TEKNIK INFORMATIKA Jl. Bioteknologi No. 1 Kampus USU MEDAN – Telp/FAX. 061-8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : DARMAN YUSUF SIREGAR NIM : 102406102 Judul Tugas Akhir : Perancangan Sistem E-Learning Simulasi Tes TOEFL
Menggunakan PHP dan MYSQL
Dosen Pembimbing : Dr. Sutarman, M.Sc Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :Tanggal Asisten Pembahasan Pada Asisten Paraf Dosen No.
Keterangan Bimbingan Mengenai Pada BAB Pembimbing 1
2.
3.
4.
5.
6.
7.
Kartu ini dikembalikan ke Departemen Matematika bila Bimbingan Mahasiswa telah selesai Diketahui, Disetujui, Departemen Matematika FMIPA USU Pembimbing Utama/ Ketua
Penanggung Jawab Prof. Dr. Tulus, M.Si Dr. Sutarman, M.Sc
SURAT KETERANGAN
Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir
Program Diploma 3 Teknik Informatika/Statistika : Nama : DARMAN YUSUF SIREGAR NIM : 102406102 Prog. Studi : Teknik InformatikaJudul TA : PERANCANGAN SISTEM E-LEARNING SIMULASI TES
TOEFL MENGGUNAKAN PHP DAN MYSQL
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal …………….
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja
Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU
Medan.Medan, Juli 2013 Dosen Pembimbing Program Studi D3 Teknik Informatika Dr. Sutarman, M.Sc NIP. 19631026 199103 1 001
LISTING PROGRAM 1. index.php
<html> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/sidebar.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><a href="http://twitter.com"><img src="img/twt.png"></a></div> <div id="fb"><a href="http://facebook.com"><img src="img/fb.png"></a></div> </div> <div id="header"> <div id="logo"><img src="img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href='index.php'>HOME</a></li> <li><a href="grammar/grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="section/section.php">SECTION IN TOEFL</a></li> <li><a href="lauch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="page/scoring.php">SCORING</a></li> <li><a href="page/aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="content"> <div id="isi"> <center><img style="margin: 0px 0 10px 20px; float: center;padding: 10px; " src="img/toefl3.jpg"></center></br> <p style="text-align:justify"><strong>TOEFL</strong> adalah singkatan dari <strong>Test of English as a Foreign Language</strong>.
<strong>TOEFL</strong> merupakan sebentuk tes yang dimaksudkan untuk menguji kemampuan berbahasa Inggris yang dimiliki oleh orang-orang yang berasal dari negara-negara yang tidak menggunakan bahasa Inggris sebagai bahasa resminya. Umumnya <strong>TOEFL</strong> digunakan sebagai salah satu prasyarat untuk studi ke luar negeri, terutama Negara-negara yang menggunakan bahasa Inggris sebagai bahasa pengantar. <strong>TOEFL</strong> biasanya juga menjadi persyaratan untuk melanjutkan studi S-2 dan S-3 di dalam negeri. Bahkan belakangan mahasiswa S-1 pada berbagai universitas ternama di Indonesia juga diharuskan untuk memiliki skor <strong>TOEFL</strong> tertentu sebagai salah satu syarat kelulusannya. Demikian pula <strong>TOEFL</strong> saat ini sudah mulai digunakan dalam dunia kerja sebagai salah satu mekanisme recruitment atau jenjang kenaikan karir.</strong></p> <p style="text-align:justify">Dalam <strong>TOEFL</strong> ada empat hal yang diujikan yaitu : <strong><i>Listening Comprehension</i> (Mendengarkan), <i>Structure and Written Expression</i> (Tata Bahasa)</strong>, <strong><i>Reading Comprehension</i> (Membaca) dan <i>Writing</i> (Menulis)</strong>. Seiring dengan perkembangan teknologi, saat ini dikembangkan tiga jenis <strong>TOEFL</strong>, yaitu Internet Based Test (IBT), Computer Based Test (CBT) dan Paper Based Test (PBT). Perbedaannya hanyalah masalah delivery media, atau medium untuk menyampaikannya.</p> </div> <div id="navrights"> <div id="tlogin"><b>Silahkan Login</b></div> <div id="login"> <form method="POST" action="form/proses/proseslogin.php"> <table>
<tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;" type="text" name="username" placeholder=" Nama Pengguna"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;"type="password" name="password" placeholder=" Kata Sandi"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;" type="submit" name="submit" value="LOGIN"/></td> </tr>
</table> <form> </div> <div id="daftar"> Belum terdaftar ? <a href="form/daftar.php">Daftar Sekarang</a></div> </div> </div> <div id="footer"> <center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
2. grammar.php
<html> <head> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div> <div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href="../index.php">HOME</a></li> <li><a href="grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="../section/section.php">SECTION IN TOEFL</a></li> <li><a href="../lauch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="../page/scoring.php">SCORING</a></li> <li><a href="../page/aboutus.php">ABOUT US</a></li>
</ul> </div> </div> <div id="content"> <div id="isi"> <h2>All About Grammar</h2> <center><img style="margin: 0px 0 10px 20px; float: center;padding: 10px; " src="../img/grammar.jpg"></center></br> <p style="text-align:justify">Pengertian <b>Grammar</b> harus dipahami terlebih dahulu untuk Anda yang mulai ingin memperdalam ilmu tata bahasa inggris dengan baik dan benar. Ada beberapa versi arti dari grammar baik dari kamus di dalam negeri maupun kamus atau literatur yang berasal dari luar negeri.<br><br> Pengertian grammar menurut wikipedia adalah "<i>grammar is the set of structural rules that govern the composition of clauses, phrases, and words in any given natural language. The term refers also to the study of such rules, and this field includes morphology, syntax, and phonology, often complemented by phonetics, semantics, and pragmatics. Linguists do not normally use the term to refer to orthographical rules, although usage books and style guides that call themselves grammars may also refer to spelling and punctuation</i>." Translationnya "<b>Tata bahasa</b> adalah seperangkat aturan struktural yang mengatur komposisi klausa, frase, dan kata-kata dalam setiap bahasa alami yang diberikan. Istilah ini mengacu juga pada studi tentang aturan tersebut, dan bidang ini mencakup morfologi, sintaksis, dan fonologi, sering dilengkapi dengan fonetik, semantik, dan pragmatik. Ahli bahasa biasanya tidak menggunakan istilah untuk merujuk kepada aturan ortografis, meskipun penggunaan buku dan panduan gaya yang menyebut diri tata bahasa juga dapat merujuk pada ejaan dan tanda baca"<br><br> "<b>Definisi Grammar</b>" versi kamus john echols : Grammar : (kb)
1. Tata bahasa, 2. Buku tata bahasa. Sedangkan pengertian grammar menurut Oxford learner's pocket dictionary adalah : <i>book that describes the rules for forming words and making sentences</i>.<br><br> Untuk lebih jelas mempelajari lebih mendalam tentang grammar silahkan pilih kategori grammar yang akan dipelajari pada e-learning panel all about grammar di samping.</p> </div> <div id="navright"> <center><h2>E-Learning Panel</h2> <h4>All About Grammar</h4></center> <ul>
<li><a href="articles.php">Articles</a></li><br> <li><a href="pronoun.php">Pronoun</a></li><br> <li><a href="adverb.php">Adverbs</a></li><br> <li><a href="conditional.php">Conditional Tenses</a></li><br> <li><a href="preposition.php">Preposition</a></li><br> <li><a href="noun.php">Noun</a></li><br> <li><a href="adj.php">Adjectives</a></li><br> <li><a href="modal.php">Modals & Auxilaries</a></li><br> <li><a href="actpas.php">Active & Passive Sentences</a></li><br> <li><a href="conjung.php">Conjungtion</a></li><br> <li><a href="singplu.php">Singular & Plural</a></li><br> <li><a href="verb.php">Verb</a></li><br> <li><a href="tense.php">Tenses</a></li><br> <li><a href="direct.php">Direct & Indirect Speech</a></li><br> <li><a href="subj.php">Subject Verb Agreement</a></li>
</ul> </div> </div> <div id="footer"> <center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
3. section.php
<html> <head> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div>
<div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href="../index.php">HOME</a></li> <li><a href="../grammar/grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="section.php">SECTION IN TOEFL</a></li> <li><a href="../lauch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="../page/scoring.php">SCORING</a></li> <li><a href="../page/aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="content"> <div id="isi"> <h2>SECTION IN TOEFL</h2> <center><img width="350px" height="250px" src="../img/section.png"></center></br> <p style="text-align:justify"> <b>Section in TOEFL</b> merupakan pembagian dari kategori ujian untuk tes TOEFL itu sendiri. Section in TOEFL dikelompokkan atas tiga jenis yaitu : <ol>
<li>Listening Comprehension.</li> <li>Structures and Written Expression.</li> <li>Reading Comprehension.</li>
</ol> Untuk lebih memahami setiap materi diatas, silahkan anda pilih kategori pembelajaran di E-Learning Panel Section in TOEFL di samping.</p> </div> <div id="navright"> <center><h2>E-Learning Panel</h2> <h4>Section In Toefl</h4></center> <ul>
<br><br> <li><a href="listening.php">Listening Comprehension</a></li><br><br> <li><a href="structure.php">Structures and Written Expression</a></li><br><br> <li><a href="reading.php">Reading Comprehension</a></li><br>
</ul> </div> </div> <div id="footer">
<center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
4. launch.php
<html> <head> <link rel="stylesheet" type="text/css" href="../css/style.css"> <link rel="stylesheet" type="text/css" href="../section/css/reading.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div> <div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href="../index.php">HOME</a></li> <li><a href="../grammar/grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="../section/section.php">SECTION IN TOEFL</a></li> <li><a href="launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="../page/scoring.php">SCORING</a></li> <li><a href="../page/aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="contents"> <form method="POST" action="../form/proses/proseslogin.php?username=$username"; <h3>LOGIN PESERTA</h3> <p>Silahkan melakukan login terlebih dahulu sebelum mengikuti simulasi TOEFL</p> <table bgcolor="gray">
<tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;" type="text" name="username" placeholder=" Nama Pengguna"/></td>
</tr> <tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;"type="password" name="password" placeholder=" Kata Sandi"/></td> </tr> <tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;" type="submit" name="submit" value="LOGIN"/></td> </tr>
</table> </form> <h1>Tips dan Strategi dalam<span class="logo_colour"> TOEFL</span></h1> <h2>Tips umum menghadapi TOEFL</h2> <ol>
<li><p style="text-align:justify">Membiasakan diri dengan format TOEFL. Tentukan jenis TOEFL apa yang akan Anda ambil, PBT atau
IBT. Kemudian persiapkan diri Anda dengan berlatih soal-soal sesuai dengan format TOEFL yang akan anda diambil.</p></li> <li><p style="text-align:justify">Mencari informasi lengkap tentang TOEFL. TOEFL sangat diperlukan oleh para <i>non native English speaker</i> yang akan melanjutkan pendidikannya ke luar negeri. Ketahui dengan pasti batas minimal nilai skor yang harus anda dapatkan untuk mendaftar ke institusi pendidikan yang ingin anda tuju. Apakah 500 atau 550 misalnya.</p></li> <li><p style="text-align:justify">Menyiapkan stamina. Ujian TOEFL akan memakan waktu yang cukup lama. Oleh karena itu, anda harus berada dalam kondisi yang prima agar dapat berkonsentrasi untuk mengerjakan soal TOEFL dan mendapatkan skor yang tinggi. Pastikan sebelum waktu ujian jangan lupa untuk minum.</p></li> <li><p style="text-align:justify">Menyiapkan hal-hal yang anda butuhkan untuk hari ujian. Yang paling penting tentu kartu identitas dan <i>admission ticket</i>. Bawa pensil lebih dari satu agar Anda tidak repot saat pensil yang digunakan untuk mewarnai lembar jawaban sudah mulai tumpul. Selain itu siapkan penghapus yang sesuai sehingga saat anda menghapus jawaban kertas tidak akan kusut. Hapus hingga bersih sebelum melingkari jawaban pengganti.</p></li> <li><p style="text-align:justify">Menghitung waktu Anda sendiri. Anda sudah tau berapa alokasi waktu untuk masing-masing bagian tes. Ada baiknya menghitung sendiri alokasi waktu Anda, berapa waktu yang tersisa dan berapa soal yang belum dikerjakan. Dengan demikian Anda tidak akan kaget jika pengawas memberitahukan waktu yang tersisa saat Anda sedang berkonsentrasi. Anda pun tidak akan panik karena telah menyusun alokasi waktu sendiri untuk mengerjakan keseluruhan tes.</p></li> <li><p style="text-align:justify">Menjawab semua soal. Tes TOEFL tidak menggunakan sistem penalty. Jadi jawaban yang salah tidak akan mengurangi jumlah skor Anda. Jika ragu dalam memilih jawaban, pastikan tetap mencari jawaban yang Anda pikir benar.</p></li>
<li><p style="text-align:justify">Datang ke tempat ujian tepat waktu. Persiapan diri Anda dan waktu yang dibutuhkan untuk dapat tiba sebelum waktu ujian. Datang terlambat akan mengganggu konsentrasi dalam menghadapi tes. Usahakan agar Anda masih memilih waktu untuk beristirahat sejenak setelah sampai di tempat ujian. Ini dapat membantu anda dalam menenangkan diri dan berkonsentrasi pada ujian.</p></li>
</ol> <h2>Tips untuk Listening Comprehension</h2> <ol>
<li><p style="text-align:justify">Untuk meningkatkan kemampuan mendengarkan, biasakan untuk mendengar siaran radio Amerika atau siaran radio Amerika atau siaran radio berbahasa Inggris yang berkisar seputar pendidikan. Ini berhubungan dengan soal-soal <i>listening Comprehension</i> yang akan diberikan pada tes.</p></li> <li><p style="text-align:justify">Selain mendengarkan siaran radio, biasakan untuk menonton acara berbahasa Inggris tanpa melihat teks subtitle, dan lebih fokus pada isi percakapan yang ada.</p></li> <li><p style="text-align:justify">Setelah mendengarkan siaran radio atau menonton acara berbahasa Inggris coba bayangkan pertanyaan apa yang mungkin ditanyakan tentang acara tersebut.</p></li> <li><p style="text-align:justify">Coba pahami nada pembicara. Ini penting karena dengan begitu, Anda dapat lebih mudah mengetahui tujuan si pembicara. Apakah pembicara menggunakan bahasa resmi atau tidak? Apakah si pembicara sedang tenang atau sedang marah?</p></li> <li><p style="text-align:justify">Membiasakan diri dengan petunjuk-petunjuk yang ada pada bagian <i>listening Comprehension</i>. Ada tiga bagian untuk Part A, fokuskan pendengaran pada kalimat orang kedua. Untuk Part B, fokuskan pendengaran pada kalimat pertama. Untuk Part C, baca pilihan- pilihan jawaban terlebih dahulu sebelum mendengarkan kalimat percakapan.</p></li>
</ol> <h2>Tips untuk Reading Comprehension</h2> <ol> <li><p style="text-align:justify">Belajar untuk memparafase teks.
Paraprase adalah menulis ulang kalimat dengan menggunakan kalimat sendiri. Ketika mendengarkan sebuah kalimat, Anda mungkin tidak dapat mengulang kembali kalimat yang telah anda dengar dengan bahasa yang sama persis. Kemampuan ini akan membantu Anda dalam menjawab pertanyaan berisi informasi dari teks yang telah dimodifikasi.</p></li> <li><p style="text-align:justify">Mengenal bentuk <i>pronoun</i>. <i>Pronoun</i> merupakan kata ganti, baik untuk orang pertama, ketiga ataupun benda. Contohnya, she, he dan it. Dengan mengetahui bentuk <i>pronoun</i>, anda dapat memahami teks dengan lebih baik karena anda mengenali kata benda apa yang sedang diacu oleh suatu <i>pronoun</i>.</p></li> <li><p style="text-align:justify">Perbanyak perbendaharaan kosakata. Ini dapat dilakukan dengan membaca banyak teks berbahasa Inggris. Setelah itu, tandai kata-kata yang tidak anda mengerti kemudian cari makna dalam kamus.</p></li> <li><p style="text-align:justify">Belajar membaca cepat. Coba jangan terlalu fokus pada detail-detail yang disebutkan dalam teks. Setelah membaca cobalah untuk menentukan topik utama, fakta penting, dan beberapa detail yang disebutkan dalam teks, menentukan bentuk teks (apakah argumentatif atau deksriptif?)</p></li> <li><p style="text-align:justify">Berlatih menentukan makna kata. Anda tidak perlu tahu tentang semua kata yang disebutkan dalam teks. Anda bisa menduga-duga maknanya dari konteks kalimat di mana kata itu berada.</p></li> </ol> <br>
</div> <div id="footer"> <center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
5. scoring.php
<html> <head> <link rel="stylesheet" type="text/css" href="../css/style.css"> <link rel="stylesheet" type="text/css" href="../css/sidebar.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div> <div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href="../index.php">HOME</a></li> <li><a href="../grammar/grammar.php">ALL ABOUT GRAMMAR</a></li>
<li><a href="../section/section.php">SECTION IN TOEFL</a></li> <li><a href="../lauch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="scoring.php">SCORING</a></li> <li><a href="aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="content"> <div id="isi"> <h1>Cara Menghitung Skor TOEFL</h1> <p style="text-align:justify">Pernahkah Anda bertanya bagaimana cara menghitung skor TOEFL Anda? Saya yakin bagi yang belum tahu pasti sering bertanya demikian. Untuk menjawab rasa penasaran Anda, berikut akan diberikan cara menghitung skor TOEFL, agar Anda bisa menghitung berapa minimal soal yang harus Anda kerjakan dengan benar untuk mendapatkan target skor TOEFL yang Anda diinginkan. Tabel berikut digunakan untuk menghitung test TOEFL model Paper-Based Test (PBT).</p> <center><img style="margin: 0px 0 10px 20px; float: center;padding: 10px; " src="../img/tabel_nilai.GIF"></center> Cara menghitung: (Tabel di atas dihitung jika jawaban Anda benar)<br> Misalkan target Anda untuk syarat ujian skripsi minimal 435. Maka salah satu pilihan yang dapat meluluskan Anda adalah:<br> Section I : benar 19 dari 50 soal ==> skor 44 <br> Section II : benar 19 dari 40 soal ==> skor 43 <br> Section III : benar 25 dari 50 soal ==> skor 44 <br> Ketiga skor dijumlahkan = 44 + 43 + 44 = 131 <br> Jumlah skor tersebut dikali 10 dan dibagi 3, sehingga Skor TOEFL Anda = 131x10/3 = 437</p> </div> <div id="navrights"> <div id="tlogin"><b>Silahkan Login</b></div> <div id="login"> <form method="POST" action="../form/proses/proseslogin.php"> <table>
<tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;" type="text" name="id" placeholder=" Nama Pengguna"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;"type="password" name="password" placeholder=" Kata Sandi"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;" type="submit" name="submit" value="LOGIN"/></td> </tr>
</table> <form> </div>
<div id="daftar"> Belum terdaftar ? <a href="../form/daftar.php">Daftar Sekarang</a></div> </div> </div> <div id="footer"> <center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
6. aboutus.php
<html> <head> <link rel="stylesheet" type="text/css" href="../css/style.css"> <link rel="stylesheet" type="text/css" href="../css/sidebar.css"> </head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div> <div id="cari"> </div> <div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1> <h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href='../index.php'>HOME</a></li> <li><a href="../grammar/grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="../section/section.php">SECTION IN TOEFL</a></li> <li><a href="../lauch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="scoring.php">SCORING</a></li> <li><a href="aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="content"> <div id="isi"> <center><img style="margin: 0px 0 10px 20px; float: center;padding: 10px; " src="../img/toefl3.jpg"></center></br> <h1>Selamat Datang di Website kami</h1>
<p style="text-align:justify">Disini kami hadir untuk membantu anda dalam mencoba simulasi tes TOEFL secara online. Dalam website ini juga disediakan beberapa penjelasan mengenai TOEFL yang dibagi kedalam beberapa bagian. Selain itu terdapat media pembelajaran bahasa inggris yang kami sediakan pada bagian All About Grammar. Juga dengan adanya simulasi TOEFL ini diharapkan Anda dapat mengetahui kemampuan berbahasa Inggris Anda dengan melihat skor yang Anda dapatkan setelah mengikuti simulasi tes TOEFL yang telah kami buat khusus untuk Anda yang ingin mengetahui sejauh mana kemampuan bahasa Inggris Anda sebelum mengikuti tes TOEFL yang sesungguhnya.</p> <p style="text-align:justify">Website ini hanya digunakan untuk simulasi tes TOEFL dimana output yang diharapkan adalah bagaimana sebenarnya hasil berupa skor akhir dari simulasi yang akan anda dapatkan setelah mengikuti simulasi TOEFL yang kami sediakan. <br><br>Disini kami tegaskan bahwa hasil dari simulasi tidak bisa di print sebagai hasil bahwa anda telah melakukan tes TOEFL resmi. Kami hanya menggambarkan kepada Anda bahwa tes TOEFL yang sebenarnya seperti yang kami sediakan pada simulasi TOEFL dalam website ini. Untuk itu setelah mengikuti simulasi anda dapat mengetahui seberapa jauh kemampuan bahasa Inggris Anda sebelum mengikuti tes TOEFL yang sesungguhnya untuk mendapatkan skor maksimal.<p style="text- align:justify">Dalam <strong>TOEFL</strong> ada empat hal yang diujikan yaitu : <strong><i>Listening Comprehension</i> (Mendengarkan), <i>Structure and Written Expression</i> (Tata Bahasa)</strong>, <strong><i>Reading Comprehension</i> (Membaca) dan <i>Writing</i> (Menulis)</strong>. Seiring dengan perkembangan teknologi, saat ini dikembangkan tiga jenis <strong>TOEFL</strong>, yaitu Internet Based Test (IBT), Computer Based Test (CBT) dan Paper Based Test (PBT). Perbedaannya hanyalah masalah delivery media, atau medium untuk menyampaikannya.</p> </div> <div id="navrights"> <div id="tlogin"><b>Silahkan Login</b></div> <div id="login"> <form method="POST" action="../form/proses/proseslogin.php"> <table>
<tr> <td><input style="width:200px; border:3px; font-family:'Trebuchet MS'; font-size:11px;" type="text" name="id" placeholder=" Nama Pengguna"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;"type="password" name="password" placeholder=" Kata Sandi"/></td> </tr> <tr> <td><input style="width:200px; border:1px; font-family:'Trebuchet MS'; font-size:11px;" type="submit" name="submit" value="LOGIN"/></td> </tr>
</table> <form> </div> <div id="daftar">
Belum terdaftar ? <a href="../form/daftar.php">Daftar Sekarang</a></div> </div> </div> <div id="footer"> <center>Copyright By Darman Yusuf Siregar (102406102)<br> Tes Toefl Online</center> </div> </div> </body> </html>
7. connect.php
<?php $host = "localhost"; $user = "root"; $pass = ""; $db = "toefl"; $konek = mysql_connect($host, $user, $pass) or die ('Koneksi Gagal!'); mysql_select_db($db); ?>
8. daftar.php
<html> <head>
<link rel="stylesheet" type="text/css" href="../css/style.css"> <link rel="stylesheet" type="text/css" href="../css/sidebar.css">
</head> <body> <div id="wrapper"> <div id="sosmed"> <div id="sos"><center><b>SOCIAL<br>PARTNER</b></center></div> <div id="twt"><img src="../img/twt.png"></div> <div id="fb"><img src="../img/fb.png"></div> </div> <form> <table> <tr> <td><input style="width:290px; border:2px; font-family:'Trebuchet MS'; font-size:11px;" type="text" name="cari"/></td> <td><input style="width:50px; border:1px; font-family:'Trebuchet MS'; font-size:10px;" type="submit" name="submit" value="CARI"/></td> </tr> </table> </form> </div> <div id="header"> <div id="logo"><img src="../img/logo.png" width="260px" height="220px"></div> <div id="title"> <center><h1>Simulasi Tes Toefl</h1>
<h4>membantu anda dalam mengukur kemampuan berbahasa inggris</h4></center> </div> <div id="menu"> <nav id='nav'> <ul>
<li><a href='../index.php'>HOME</a></li> <li><a href="../grammar/grammar.php">ALL ABOUT GRAMMAR</a></li> <li><a href="../section/section.php">SECTION IN TOEFL</a></li> <li><a href="../launch/launch.php">LAUNCH TOEFL SIMULATION</a></li> <li><a href="../page/scoring.php">SCORING</a></li> <li><a href="../page/aboutus.php">ABOUT US</a></li>
</ul> </nav> </div> </div> <div id="content"> <div id="isi"> <div id="AkunBaru"> <form action="proses/ProsesDaftar.php" method="POST"> <h1 style= font-family:'vivaldi';" ">Create New Account</h1>
<table> <tr> <td><b>Name</b></td> </tr> <tr><td><input type="text" name="fname" placeholder=" First Name"> <input type="text" name="lname" placeholder=" Last Name"></td> </tr> <tr> <td><b>Choose your username</b></td> </tr> <tr> <td><input type="text" name="username" placeholder=" User Name" size="46"></td> </tr> <tr> <td><b>Create a password</b></td> </tr> <tr> <td><input type="password" name="password" placeholder=" Password" size="46"> </td> </tr> <tr> <td><b>Birthday</b></td> </tr> <tr> <td><select name="bulan"> <option value=""><b>Month</b></option> <option value="Januari" >January</option> <option value="Februari" >February</option>