BAB 3 PERANCANGAN SISTEM. Perancangan sistem merupakan hal yang sangat penting dalam pembuatan website.

Transkripsi

1 A 3 PERANCANGAN ITEM Perancangan sistem merupakan hal yang sangat penting dalam pembuatan website. Masih banyak sistem pada saat ini yang masih menggunakan sistem manual dan harus diperbaharui dengan baik lagi. Perancangan sistem yang matang akan menghasilkan suatu sistem yang baik dan bagus. Oleh sebab itu dalam membangun suatu website, ada baiknya terlebih dahulu menetapkan tujuan sistem tersebut. Karena desain, isi dan bentuk sistem sangat bergantung pada tujuan sistem tersebut. Perancangan sistem simulasi TOEFL berbasis web yang akan dibuat bertujuan untuk memberikan simulasi TOEFL yang sama seperti tes TOEFL yang sesungguhnya dengan pemberian skor/nilai serta menyediakan fasilitas e-learning bagi pengguna dengan fleksibel, efisien dan elegan. Universitas umatera Utara

2 Pembuatan itemap itemap adalah susunan menu dari suatu situs yang menggambarkan isi dari setiap halaman dan link tiap halaman dari situs web. usunan sitemap sangat dipengaruhi oleh tujuan pembuatan situs web. itemap dapat dibuat dalam bentuk flowchart. Dari situ akan terlihat struktur, dan isi halaman per halaman. ecara sederhana Flowchart situs ini dapat dilihat pada gambar 3.1 berikut: Index Home About ervices Contact Login Gambar 3.1 itemap itus Pada gambar 3.1 diatas, terlihat bahwa situs yang akan dibuat memiliki lima link atau navigasi yang memiliki fungsi dan tujuan masing-masing yang dapat melakukan penjelajahan ke seluruh halaman web. erbeda dengan rancangan sitemap halaman admin yaitu pada gambar 3.2 yang nantinya akan memiliki enam link atau navigasi yang masing masing bertujuan untuk memudahkan admin dalam mengelolah sistem simulasi TOEFL. Universitas umatera Utara

3 32 Index Listening Reading tructure Data User Profile Logout Gambar 3.2 itemap itus Administrator 3.2 Data Flow Diagram (DFD) Data Flow Diagram (DFD) merupakan suatu cara atau metode untuk membuat rancangan sebuah sistem yang mana berorientasi pada alur data yang bergerak pada sebuah sistem nantinya. DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. Data Flow Diagram berfungsi untuk menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai dari pemasukan data sampai menghasilkan keluaran (output) data. erikut ini merupakan Data Diagram Flow daripada rancangan istem Informasi imulasi TOEFL: Universitas umatera Utara

4 33 Laporan Data User Laporan Komentar Data Jawaban Data Komentar Data User Administrator Data oal TOEFL Data User ITEM IMULAI TOEFL Data oal TOEFL Data kor/nilai Data Modul/Materi Pengguna Gambar 3.3 DFD Level Konteks imulasi TOEFL Pada gambar 3.3 dijelaskan bahwa terdapat 2 (dua) entitas yang menunjang sistem simulasi TOEFL, yaitu admin dan user. 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. istem yang dibuat berfungsi sebagai tempat user dan admin berkomunikasi, admin bertugas mengelolah data TOEFL dan menjaga fungsi sistem. ementara sistem menyediakan simulasi tes TOEFL, data skor/nilai TOEFL, dan modul serta materi terkait TOEFL kepada user. Universitas umatera Utara

5 Flowchart Flowchart atau dalam bahasa Indonesia sering disebut dengan Diagram Alir ini dipergunakan dalam industri manufakturing untuk menggambarkan proses-proses operasionalnya sehingga mudah dipahami dan mudah dilihat berdasarkan urutan langkah dari suatu proses ke proses lainnya. ecara umum, flowchart digambarkan dengan simbol-simbol grafis yang menjadi tanda atas aliran algoritma. imbol-simbol tersebut menjadi bagian dalam cara membuat flowchart yang sederhana, sedangkan algoritma di sini adalah suatu prosedur sistematis untuk memecahkan masalah matematis dengan langkah-langkah tertentu Flowchart Halaman Utama aat membuka halaman utama dari website sistem simulasi TOEFL, maka pengguna dapat menjelajahi web dengan menggunakan link yang telah disediakan dan memiliki tujuan dan fungsi masing-masing. Untuk lebih jelas dapat dilihat pada gambar 3.4. Universitas umatera Utara

6 35 Mulai Menampilkan Dafar Menu Home Tampilkan Halaman Menu Utama About Tampilkan Informasi dan e- learning Panel A ervices Tampilkan Model Tes TOEFL Contact Tampilkan Contact Adminitrator Login Tampilkan Form Login dan Registrasi C Keluar Gambar 3.4 Flowchart Halaman Utama Universitas umatera Utara

7 Halaman Login Admin Untuk dapat mengelolah website simulasi TOEFL, maka seorang admin harus melakukan login terlebih dahulu untuk mencegah adanya pihak ketiga yang dapat merugikan sistem. Pertama sekali admin harus memasukkan user ID dan password, kemudian sistem akan mengecek apakah user ID dan password yang dimasukkan valid atau tidak. Jika berhasil maka admin akan diarahkan langsung ke halaman admin. eperti yang pada gambar 3.5. Mulai Tampil Login Admin Masukkan User ID dan Password User ID dan Password Halaman Admin A Gambar 3.5 Flowchart Login Admin Universitas umatera Utara

8 Flowchart Halaman Admin A Index Login Tampil Halaman Admin Listening Tampil oal Ubah/Hapus/ Reading Tampil oal Ubah/Hapus/ tructure Tampil oal Ubah/Hapus/ Data User Tampil Data Hapus Profile Tampil Profil Edit/Tambah Admin Logout Proses Ubah, Hapus dan Tambah Database Proses Logout Keluar Gambar 3.6 Flowchart Halaman Admin Universitas umatera Utara

9 38 Admin merupakan salah satu entitas yang sangat penting didalam sistem imulasi TOEFL. Pada gambar 3.6 dijelaskan mengenai halaman admin setelah melakukan login. Terdapat enam link atau navigasi yang dapat digunakan dalam mengelolah sistem imulasi TOEFL. Admin dapat menambah, mengubah dan menghapus soal listening, reading dan structure. Admin juga dapat menghapus data user, mengubah data pribadi admin termasuk password dan menambahkan admin baru ke dalam sistem Flowchart About Halaman about berisikan informasi dan materi terkait TOEFL. eperti sejarah dan pengertian TOEFL, cara menghitung skor TOEFL, tips dan trick dalam menghadapi tes TOEFL, cara cepat belajar bahasa inggris, kumpulan grammar / struktur kata bahasa inggris, dan vocabulary bahasa inggris. Pengguna dapat lebih mengenal TOEFL dan juga belajar persiapan sebelum tes TOEFL. Untuk mengakses halaman ini, pengguna tidak diharuskan login. Pengguna bebas mengakses halaman about. Untuk lebih jelas dapat dilihat pada flowchart halaman about pada gambar 3.7. Universitas umatera Utara

10 39 A Tampil Daftar Menu About TOEFL About TOEFL Keluar Tips and Trick Tips and Trick Keluar coring coring Keluar English Tips English Tips Keluar Grammar Grammar Keluar Vocabulary Vocabulary Keluar Level Test Level Test Keluar CEF CEF Keluar Keluar? Keluar Gambar 3.7 Flowchart Halaman About Universitas umatera Utara

11 Flowchart ervices Tampil Daftar Menu Listening Tampil Daftar Menu Model Test 1/2/3/4/5 Tampil Model Test 1/2/3/4/5 Reading Tampil Daftar Menu Model Test 1/2/3/4/5 Tampil Model Test 1/2/3/4/5 tructure Tampil Daftar Menu Model Test 1/2/3/4/5 Tampil Model Test 1/2/3/4/5 Keluar? Keluar Gambar 3.8 Flowchart Halaman ervices Halaman ervices menyediakan fasilitas berupa model tes TOEFL sebanyak lima model tes. Model tes ini juga disusun berdasarkan section TOEFL yaitu reading, listening dan structure. Pengguna dapat mengakses halaman ini tanpa harus login sehingga pengguna dapat dengan leluasa melakukan tes TOEFL berdasarkan section yang telah disediakan seperti pada gambar 3.8. Universitas umatera Utara

12 Flowchart Login C Tampil Daftar Menu Login Masukkan dan Password dan Password Tes TOEFL Mendaftar Masukkan iodata Lengkap iodata Proses Registrasi Keluar? Keluar Database Gambar 3.9 Flowchart Halaman Login Pada gambar 3.9 dijelaskan bagaimana cara kerja sistem halaman login. Pertama sekali pengguna diarahkan pada menu login dan registrasi. Apabila sudah melakukan registrasi maka pengguna dapat langsung login. Untuk melakukan tes TOEFL, maka pengguna harus login terlebih dahulu dengan memasukkan dan password yang benar. Universitas umatera Utara

13 Flowchart Tes TOEFL Input Tes oal imulasi TOEFL Input Jawaban Database Profil Proses Menampilkan Hasil Logout Prosedur Keluar Keluar Gambar 3.10 Flowchart Tes TOEFL Pada gambar 3.10 dijelaskan bagaimana cara kerja sistem saat pengguna melakukan tes simulasi TOEFL. Jika pengguna melakukan tes, maka daftar soal yang telah dimasukkan admin ke dalam database melalui sistem akan ditampilkan. Kemudian jawaban pengguna akan dikirim ke database dan sistem akan melakukan penilaian. etelah selesai maka sistem akan menyimpan hasil/skor tersebut ke dalam database dan menampilkannya ke dalam profil pengguna. Universitas umatera Utara

14 Perancangan Entity Relationship Diagram (ERD) Entity Relationship Diagram (ERD) merupakan diagram yang digunakan untuk merancang suatu basis data, untuk memperlihatkan hubungan atau relasi antar entitas atau objek yang terlihat beserta atributnya. erikut adalah langkah-langkah dalam perancangan ERD sistem simulasi TOEFL. a. Mengidentifikasikan dan menetapkan seluruh himpunan entity yang terlibat. user TOEFL admin Gambar 3.11 ERD Tahap Pertama b. Menentukan atribut key masing-masing himpunan entity. user TOEFL admin id soal id Gambar 3.12 ERD Tahap Kedua c. Mengidentifikasikan dan menetapkan seluruh himpunan relasi diantara himpunan entity-entity yang ada. user Mengerjakan TOEFL Mengelola admin id soal id Gambar 3.13 ERD Tahap Ketiga Universitas umatera Utara

15 44 d. Memasukkan derajat / cardinalitas untuk setiap himpunan. user N N N N Mengerjakan Mengelola TOEFL admin id soal id Gambar 3.14 ERD Tahap Keempat e. Melengkapi himpunan relasi atribut deskriptif (non key / bukan kunci) bln nname gender nama nama password password user N N N N Mengerjakan TOEFL Mengelola admin id soal id Gambar 3.15 ERD Tahap Kelima Universitas umatera Utara

16 Perancangan Database Perancangan database merupakan tahap yang paling penting dalam perancangan sistem. Perancangan database adalah salah satu langkah untuk menentukan file database, tabel, tipe data dan ukuran dari data yang digunakan Tabel Administrator Tabel admin (administrator) digunakan untuk menampung data-data admin seperti ID admin, password, nama dan . Pada tabel 3.1 dijelaskan field-field yang dibuat dalam tabel admin. Field Type Index Keterangan user Varchar(10) Primary Key User ID password Varchar(15) - Password nama Varchar(30) - Nama lengkap Varchar(30) - Tabel 3.1 Tabel Admin Tabel Pengguna (User) Tabel pengguna (user) digunakan untuk menampung data pengguna (user) seperti nama, jenis kelamin, dan password. Pada tabel 3.2 dijelaskan field-field yang dibuat dalam tabel user. Universitas umatera Utara

17 46 Field Type Index Keterangan nama Varchar(30) - Nama Lengkap nname Varchar(15) - Nama Panggilan bln Varchar(20) - Tanggal Lahir gender Varchar(10) - Jenis Kelamin Varchar(30) Primary Key password Varchar(30) - Password Tabel 3.2 Tabel User Tabel Komentar (Comment) Tabel komentar (comment) digunakan untuk menampung data testimoni / komentar yang dikirim oleh pengguna (user). Pada tabel 3.3 dijelaskan field-field yang dibuat dalam tabel comment. Field Type Index Keterangan nama Text - Nama Lengkap Text - pesan Text - Pesan/Comment Tabel 3.3 Tabel Comment Tabel oal tructure Tabel soal structure digunakan untuk menampung data soal serta jawaban untuk bagian structure yang dimasukkan oleh admin. Pada tabel 3.4 dijelaskan field-field yang dibuat dalam tabel structure. Universitas umatera Utara

18 47 Field Type Index Keterangan no Int(100) Primary Key Nomor oal pertanyaan Text - Pertanyaan oal a Tinytext - Pilihan a b Tinytext - Pilihan b c Tinytext - Pilihan c d Tinytext - Pilihan d jawaban Tinytext - Jawaban Tabel 3.4 Tabel tructure Tabel oal Listening Tabel soal listening digunakan untuk menampung data soal serta jawaban untuk bagian listening yang dimasukkan oleh admin. Pada tabel 3.5 dijelaskan field-field yang dibuat dalam tabel listening. Field Type Index Keterangan no Int(100) Primary Key Nomor oal part Varchar(10) - Part oal a Tinytext - Pilihan a b Tinytext - Pilihan b c Tinytext - Pilihan c d Tinytext - Pilihan d jawaban Tinytext - Jawaban Tabel 3.5 Tabel Listening Universitas umatera Utara

19 Tabel oal Reading Tabel soal reading digunakan untuk menampung data soal serta jawaban untuk bagian reading yang dimasukkan oleh admin. Pada tabel 3.6 dijelaskan field-field yang dibuat dalam tabel reading. Field Type Index Keterangan no Int(100) Primary Key Nomor oal bacaan Text - Topik oal pertanyaan Text - Pertanyaan oal a Tinytext - Pilihan a b Tinytext - Pilihan b c Tinytext - Pilihan c d Tinytext - Pilihan d jawaban Tinytext - Jawaban Tabel 3.6 Tabel Reading Tabel Upload File Tabel upload file digunakan untuk menampung data audio (mp3) untuk melengkapi soal pada bagian listening yang dimasukkan oleh admin. Pada tabel 3.7 dijelaskan field-field yang dibuat dalam tabel upload file. Universitas umatera Utara

20 49 Field Type Index Keterangan id Int(10) Primary Key Auto Increment Nomor File file Varchar(100) - File type Varchar(30) - Tipe File size Int(11) - Ukuran File part Varchar(10) - Jenis Part File Tabel 3.7 Tabel Upload Tabel Nilai tructure Tabel nilai structure digunakan untuk menampung data hasil tes pengguna (user) untuk bagian structure. Pada tabel 3.8 dijelaskan field-field yang dibuat dalam tabel nilai structure. Field Type Index Keterangan id Int(100) Primary Key Auto Increment Id Temporary Varchar(30) - jumlah Int(100) - Jumlah oal salah Int(100) - Jumlah alah benar Int(100) - Jumlah enar nilai Int(100) - kor tructure Tabel 3.8 Tabel Nilai tructure Universitas umatera Utara

21 Tabel Nilai Listening Tabel nilai listening digunakan untuk menampung data hasil tes pengguna (user) untuk bagian listening. Pada tabel 3.9 dijelaskan field-field yang dibuat dalam tabel nilai listening. Field Type Index Keterangan id Int(100) Primary Key Auto Increment Id Temporary Varchar(30) - jumlah Int(100) - Jumlah oal salah Int(100) - Jumlah alah benar Int(100) - Jumlah enar nilai Int(100) - kor Listening Tabel 3.9 Tabel Nilai Listening Tabel Nilai Reading Tabel nilai reading digunakan untuk menampung data hasil tes pengguna (user) untuk bagian reading. Pada tabel 3.10 dijelaskan field-field yang dibuat dalam tabel nilai reading. Universitas umatera Utara

22 51 Field Type Index Keterangan id Int(100) Primary Key Auto Increment Id Temporary Varchar(30) - jumlah Int(100) - Jumlah oal salah Int(100) - Jumlah alah benar Int(100) - Jumlah enar nilai Int(100) - kor Reading Tabel 3.10 Tabel Nilai Reading Tabel Nilai Akhir Tabel nilai akhir digunakan untuk menampung data hasil akhir tes pengguna (user) yang diambil dari tabel nilai structure, table nilai listening dan table nilai reading. Pada tabel 3.11 dijelaskan field-field yang dibuat dalam tabel nilai akhir. Field Type Index Keterangan Varchar(30) - korakhir Int(100) - kor Akhir TOEFL Listening Int(100) - kor Listening tructure Int(100) - kor tructure nilai Int(100) - kor Reading benar_listening Int(100) - Jumlah enar Listening benar_structure Int(100) - Jumlah enar tructure benar Int(100) - Jumlah enar Reading Tabel 3.11 Tabel Nilai Akhir Universitas umatera Utara

23 Tabel Id Tabel Id digunakan untuk menampung data id penggunaa (user) sementara saat melakukan tes TOEFL. Pada tabel 3.12 dijelaskan field-field yang dibuat dalam tabel Id. Field Type Index Keterangan id Int(100) Primary Key Auto Increment Id Temporary Varchar(30) - Tabel 3.12 Tabel Id Universitas umatera Utara

24 A 4 IMPLEMENTAI ITEM 4.1 Pengertian Implementasi istem Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal dan memulai sistem baru atau sistem yang diperbaiki dari sistem yang lama. 4.2 Tujuan Implementasi istem Adapun tujuan-tujuan dari implementasi sistem, yaitu: 1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai atau user dapat mengoperasikan sistem baru, yaitu dengan mempersiapkan manual pemakaian dan melatih sistem. 3. Menguji apakah sistem baru tersebut memenuhi permintaan pemakai, yaitu dengan menguji sistem secara menyeluruh. Universitas umatera Utara

25 54 4. Memastikan bahwa konversi ke sistem baru berjalan secara benar, yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar. 4.3 Komponen Implementasi istem Perancangan sistem yang telah dikerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu diiutuhkan beberapa komponen utama yang mencakap perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware) Perangkat Keras (Hardware) Perangkat keras (hardware) adalah komponen-komponen peralatan yang membentuk suatu sistem computer dan peralatan-peralatan tambahan lainnya yang mungkin komputer jalankan tugasnya sesuai dengan yang diperintahkan. Kebutuhan hardware merupakan mesin utama dalam penggunaan komputer, bekerja dengan bantuan sistem informasi. Dalam hal ini, dapat dirincikan spesifikasi komponen hardware yaitu: Universitas umatera Utara

26 55 1. PC dengan processor minimal Intel Pentium III 733 MHz. Processor merupakan pusat pengolahan data serta pusat pengontrolan dari keseluruhan sistem komputer. 2. Memori, adalah tempat penampungan atau tempat penyimpanan data sementara. 3. Monitor, adalah layar yang menampilkan output program. 4. Keyboard, adalah alat menginput data Perangkat Lunak (oftware) Untuk mendukung sistem kerja dari hardware maka diperlukan juga software didalamnya. Kebutuhan ini menyangkut segala jenis instruksi yang mengarah pada komputer untuk menjalankan suatu program. Adapun software yang sering digunakan dalam pembuatan website ini adalah: 1. istem operasi Ms. Windows XAMPP versi dan MyQL sebagai database server. 3. ublime Text 2 sebagai web editor. 4. Adobe Photoshop C3 sebagai desain layout. 5. PHP sebagai bahasa pemrograman server side. 6. rowser sebagai tempat media tampilan halaman website, eperti: Google Chrome atau Mozilla Firefox. Universitas umatera Utara

27 Unsur Manusia (rainware) rainware merupakan factor manusia yang menangani fasilitas computer yang ada. Faktor manusia yanag dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia. Perangkat operator (rainware) meliputi 4 bagian yaitu: 1. Analisis istem, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem atau program. 2. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program. 3. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan dan menghasilkan informasi. 4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan. 4.4 Prosedur Penggunaan Website Website simulasi TOEFL dibuat dengan berbagai halaman yang berbeda-beda namun tetap dapat melakukan penjelajahan ke halaman lain. Untuk itu penulis membuat beberapa prosedur yang menjelaskan langkah-langkah untuk mengakses website simulasi tes TOEFL. Universitas umatera Utara

28 Halaman Index.php Merupakan halaman utama yang akan diakses pertama sekali ketika situs dibuka. Pada halaman ini berisi menu utama. Halaman index yang penulis bangun dibagi menjadi 2 bagian yaitu halaman untuk pengguna dan untuk admin. 1. Halaman Index.php User Index.php merupakan halaman yang pertama sekali muncul ketika user mengunjungi situs website simulasi tes TOEFL. Penulis membuat halaman about, services, contact dan login pada satu halaman yaitu halaman index.php, sehingga pengguna dapat melakukan penjelajahan dengan cara mengklik atau scroll ke bawah pada halaman index.php. Gambar 4.1 berikut adalah tampilan halaman index.php. Gambar 4.1 Tampilan Index.php Untuk User Universitas umatera Utara

29 58 2. Halaman Index.php Admin Index.php merupakan halaman yang pertama sekali muncul setelah admin melakukan proses login. Pada halaman ini terdapat link atau navigasi yang dapat admin gunakan dalam mengelolah sistem simulasi TOEFL, seperti melakukan penambahan, penghapusan atau pengeditan terhadapat data-data soal maupun data peserta/user. Gambar 4.1 berikut adalah tampilan halaman index.php untuk admin. Gambar 4.2 Tampilan Index.php untuk Admin Universitas umatera Utara

30 Halaman About Pada halaman ini, user dapat mengetahui lebih banyak lagi mengenai TOEFL serta bahasa inggris dan dapat melakukan pembelajaran grammar dengan soal dan pembahasaan yang telah disediakan sebelumnya. User dapat dengan bebas mengakses halaman about dan melakukan penjelajahan tanpa harus login terlebih dahulu. Gambar 4.3 berikut adalah tampilan halaman about. Gambar 4.3 Tampilan Halaman About Universitas umatera Utara

31 Tampilan ervices Meupakan halaman yang menyediakan model tes TOEFL yang akan diuji, yaitu listening, reading dan structure beserta dengan pembahasannya masing-masing. Pengguna dapat mengakses halaman ini tanpa harus login terlebih dahulu. Gambar 4.4 berikut adalah tampilan halaman services. Gambar 4.4 Tampilan Halaman ervices Halaman Contact Halaman contact berisikan informasi dari admin/pengelolah sistem dan pada halaman ini pengunjung dapat dengan bebas mengapresiasikan pendapat mereka kepada pengelolah dengan mengetik dan mengirimnya pada kolom yang telah disediakan. Gambar 4.5 berikut adalah tampilan halaman contact. Universitas umatera Utara

32 61 Gambar 4.5 Tampilan Halaman Contact Halaman Login dan Daftar Pada halaman ini user dapat login untuk melakukan tes simulasi TOEFL. Apabila belum terdaftar, user dapat mendaftar terlebih dahulu dengan mengklik kalimat Daftar ekarang. Gambar 4.6 berikut adalah tampilan halaman untuk login dan gambar 4.7 adalah tampilan halaman untuk daftar. Universitas umatera Utara

33 62 Gambar 4.6 Tampilan Halaman Login Gambar 4.7 Tampilan Halaman Daftar Universitas umatera Utara

34 Halaman Profil Halaman profil menampilan data user dan juga data skor user. Pada halaman ini, user dapat mengedit dan menghapus data user. User juga dapat menghapus skor TOEFL yang diinginkan. Untuk lebih jelas, lihat pada gambar 4.8. Gambar 4.8 Tampilan Halaman Profil Halaman Direction Hamalam direction menampilkan petunjuk atau arahan sebelum melakukan tes kepada pengguna (user). Untuk memulai simulasi, maka user harus memasukkan terlebih dahulu seperti pada gambar 4.9. Universitas umatera Utara

35 64 Gambar 4.9 Tampilan Halaman Direction Halaman imulasi TOEFL Halaman ini merupakan tampilan dari simulasi tes TOEFL dimana akan menampilan waktu tes simulasi, pertanyaan dan pilihan jawaban untuk pengguna (user). Pertama sekali user akan melakukan tes structure seperti pada gambar etelah selesai, maka user secara otomatis akan diarahkan ke tes listening seperti pada gambar Dan terakhir, user akan melakukan tes reading seperti pada gambar etelah selesai melakukan tes, maka user akan diarahkan ke halaman utama. Universitas umatera Utara

36 65 Gambar 4.10 Tampilan imulasi Tes tructure Gambar 4.11 Tampilan imulasi Tes Listening Universitas umatera Utara

37 66 Gambar 4.12 Tampilan imulasi Tes Reading Universitas umatera Utara

38 67 A 5 PENUTUP 5.1 Kesimpulan etelah dilakukan perancangan, pembuatan, implementasi dan pengujian istem imulasi TOEFL berbasis Web, kesimpulan yang diperoleh adalah sebagai berikut. 1. Aplikasi yang dibangun berbasis web dan bersifat online, sehingga memudahkan pengguna dalam menggunakan aplikasi ini dimana saja dan kapan saja. 2. Pembuatan situs ini dapat membantu masyarakat yang ingin melakukan tes TOEFL sehingga dapat memperoleh skor/hasil yang diinginkan. 3. elain sebagai sarana simulasi TOEFL, website ini juga dapat digunakan sebagai sara pembelajaran bahasa inggris. 4. Untuk menarik minat pengunjung, perlu dibuat rancangan layout/template dengan gambar dan animasi yang menarik. Universitas umatera Utara

39 aran Dalam sistem ini masih terdapat beberapa hal yang menjadi kekurangan dan sangat baik untuk dilakukan pengembangan di masa yang akan datang. eberapa saran terkait sistem simulasi TOEFL ini yaitu: 1. Tampilan/layout situs sebaiknya dibuat dalam bentuk yang lebih menarik lagi dan dinamis. 2. eiring dengan perkembangan teknologi mobile, pada pengembangan selanjutnya aplikasi dapat dikembangkan dalam versi android dan sistem operasi mobile lainnya. 3. aat user sedang melakukan tes TOEFL, sebaiknya sistem dapat menyimpan data/soal yang telah dikerjakan oleh user sehingga jika user tidak dapat melanjutkan tes maka user dapat logout dan melanjutkan tes sesuai keinginan user. Universitas umatera Utara