234 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Pada bagian implementasi, penulis akan menjelaskan mengenai spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan sistem, jaringan yang dibutuhkan, dan sumber daya manusia untuk mengoperasikan website ini. 4.1.1 Spesifikasi Perangkat Keras Spesifikasi merupakan istilah untuk persyaratan yang dibutuhkan suatu sistem untuk berjalan dengan baik. Berikut ini adalah spesifikasi minimum perangkat keras yang disarankan agar dapat menjalankan Perangkat Ajar Indotoefl antara lain : Prosesor Intel Pentium 4 RAM 512 MB VGA card 128 MB Hard Disk Drive 80 GB Monitor Speaker Keyboard Mouse Koneksi internet
235 4.1.2 Spesifikasi Perangkat Lunak Berikut ini adalah spesifikasi software yang digunakan dalam perancangan Sistem Indotoefl : Sistem Operasi Windows atau MAC Browser (Mozilla Firefox, Google Chrome yang mendukung HTML 5) Untuk pembuatan : Sistem Operasi Windows XP/Vista/7 Xampp PHP MySQL Web Browser 4.1.3 Jaringan Pada saat ini indotoefl.com sudah memiliki jaringan dan website. 4.1.4 Sumber Daya Manusia Sistem Indotoefl ini membutuhkan sumber daya manusia sebagai pemelihara sistem. Dibutuhkan tenaga administrator yang bertanggung jawab dan dapat mengoperasikan sistem ini apabila ada keperluan informasi yang ingin diubah. Berikut ini adalah kriteria sumber daya manusia yang dibutuhkan : 1. Administrator Website a. Bertanggung jawab atas operasional website. Ia mempunyai akses penuh untuk keperluan merubah data.
236 b. Memiliki kemampuan mengoperasikan teknologi informasi seperti hardware, software, jaringan. 2. Member Member merupakan pengunjung dan pengguna website Sistem Indotoefl.
237 4.2 Evaluasi Hasil Implementasi 4.2.1 Evaluasi Kuisioner Gambar 4.1 Hasil Kuisioner Kemudahan Penggunaan Perangkat Ajar Indotoefl Terlihat Gambar 4.1 bahwa perangkat ajar Indotoefl merupakan aplikasi yang user-friendly. Hasil pertanyaan ini memperlihatkan bahwa perangkat ajar yang dibuat dapat dengan mudah digunakan oleh para pengguna. Gambar 4.2 Hasil Kuisioner Tampilan Indotoefl Pada gambar 4.2, mayoritas responden menganggap tampilan perangkat ajar ini bagus dan sangat bagus. Hasil pertanyaan ini memperlihatkan bahwa tampilan yang telah dibuat berhasil dalam menarik perhatian pengguna.
238 Gambar 4.3 Hasil Kuisioner Penyajian Materi Indotoefl Pada gambar 4.3, mayoritas responden menganggap penyajian materi pada perangkat ajar ini bagus dan sangat bagus. Hasil pertanyaan ini memperlihatkan bahwa materi-materi yang tersaji dalam perangkat ajar ini dapat dengan mudah dimengerti oleh para pengguna. Gambar 4.4 Hasil Kuisioner Soal-Soal Latihan Indotoefl Pada gambar 4.4, mayoritas responden setuju bahwa soal-soal latihan akan membantu pengguna dalam berlatih TOEFL. Hasil pertanyaan ini memperlihatkan bahwa fitur penambahan soal bagi admin akan banyak membantu para pengguna dalam lebih menguasai materi-materi TOEFL.
239 Gambar 4.5 Hasil Kuisioner Penyajian Nilai Latihan dan Nilai Simulasi Ujian Pada gambar 4.5, mayoritas responden setuju bahwa penyajian nilai latihan dan nilai simulasi ujian akan membantu pengguna dalam mengetahui proses belajarnya. Hasil pertanyaan ini menunjukkan bahwa penilaian hasil latihan pengguna akan banyak membantu pengguna dalam proses belajarnya. Gambar 4.6 Hasil Kuisioner Pencatatan Nilai Latihan Pada gambar 4.6, mayoritas responden setuju bahwa pencatatan nilai latihan dan nilai simulasi ujian akan membantu pengguna dalam mengetahui proses belajarnya. Hasil pertanyaan ini menunjukkan bahwa pencatatan nilai hasil latihan pengguna akan banyak membantu pengguna dalam proses belajarnya.
240 Gambar 4.7 Hasil Kuisioner Penggunaan Bahasa Indonesia pada Aplikasi Indotoefl Pada Gambar 4.7, mayoritas responden setuju bahwa penyajian perangkat ajar ini dalam Bahasa Indonesia akan memudahkan pengguna dalam memahami materi TOEFL. Hasil pertanyaan ini memperlihatkan bahwa penjelasan materi dalam Bahasa Indonesia akan banyak membantu para pengguna perangkat ajar ini. Mempelajari materi-materi TOEFL menggunakan bahasa Inggris mungkin menyulitkan bagi sebagian orang. Oleh karena itu, penulis menyediakan perangkat ajar ini dalam Bahasa Indonesia, agar materi-materi dapat dengan mudah dimengerti oleh masyarakat Indonesia.
241 Gambar 4.8 Hasil Kuisioner Realisasi indotoefl Pada Gambar 4.8, semua responden setuju apabila perangkat ajar ini direalisasikan. Hasil pertanyaan ini memperlihatkan bahwa para responden akan banyak terbantu lewat direalisasikannya perangkat ajar TOEFL yang telah dibuat ini. Hasil pertanyaan ini memperlihatkan juga bahwa perangkat ajar ini akan dibutuhkan oleh banyak orang. Gambar 4.9 Hasil Kuisioner Rekomendasi indotoefl Pada gambar 4.9, mayoritas responden akan merekomendasikan perangkat ajar ini kepada orang lain apabila perangkat ajar ini direalisasikan. Hasil pertanyaan ini menunjukkan bahwa besar sekali harapan responden untuk perangkat ajar ini direalisasikan. Hasil pertanyaan ini memperlihatkan juga bahwa perangkat ajar akan banyak membantu masyarakat yang hendak belajar TOEFL.
242 4.2.2 Evaluasi Interaksi Manusia dan Komputer 1. Berusaha untuk konsisten Tampilan pada perangkat ajar telah memiliki konsistensi pada setiap halaman. Konsistensi sudah terlihat pada warna, background, loyout dan ukuran font maupun tulisan tidak berubah pada tiap halamannya. 2. Menyediakan usability universal Bagi pengguna baru, perangkat ajar ini menyediakan tutorial berupa video agar pengguna dapat mengerti bagaimana cara mengoperasikan perangkat ajar ini. 3. Adanya umpan balik yang informatif Setiap button yang dipunyai oleh web ini mempunyai respon masing masing tergantung fungsi button tersebut. Dan untuk menandakan menu yang sedang diakses, akan terdapat perbedaan warna pada icon dan tulisan menu. 4. Adanya dialog penutupan. Terdapat informasi tentang penginputan terhadap fungsi yang dilakukan oleh pengguna apakah sesuai atau tidak dengan kebutuhan sistem. Informasi diberikan melalui message pada layar. 5. Adanya pencegahan error dan penanganan error yang sederhana Terdapat beberapa dialog konfirmasi yang menginformasikan pengguna terhadap penjalanan aksi yang dilakukan. 6. Memungkinkan user untuk membatalkan aksi yang telah dilakukan
243 Terdapat fungsi edit yang dapat digunakan untuk beberapa data pada database. 7. Mendukung tempat kendali internal Perangkat ajar ini telah menyediakan aksi-aksi yang akan diperlukan oleh pengguna. Pengguna akan dapat mengendalikan perangkat ajar ini. 8. Mengurangi beban ingatan jangka pendek pengguna Menu dan fungsi yang terdapat pada web ini telah disusun dan dikategorikan masing masing. 4.2.3 Evaluasi Multimedia 1. Teks Penulis menggunakan teks untuk menjelaskan isi materi dan menuliskan soal-soal latihan. Jenis font yang digunakan adalah Crayon Crumble. 2. Gambar Aplikasi ini menggunakan gambar untuk foto profil pengguna, materi, dan soal latihan. Format gambar yang digunakan adalah.bmp dan.jpg. 3. Audio Penggunaan audio pada aplikasi ini menggunakan format.wav. audio digunakan untuk soal-soal pada bagian listening. 4. Video Aplikasi ini menggunakan video untuk tutorial bagi pengguna baru. Format video yang digunakan adalah.mp4.
244 4.2.4 Tampilan Layar 4.2.4.1 Layar Login Awal Halaman Login Awal - Login Gambar 4.10 Halaman Login Awal - Login Pada halaman ini terdapat form login, seperti pada Gambar 4.10. User diminta untuk memasukkan username dan password untuk melanjutkan penggunaan website ini. Username dan password akan memverifikasi user mana yang masuk ke dalam Sistem Indotoefl. Untuk user yang belum mendaftar sebagai member, tersedia form register untuk mendaftar sebagai member Sistem Indotoefl. Bagi member yang lupa akan kata sandinya, tersedia juga form lupa kata sandi yang akan menuntun member untuk mendapatkan password barunya.
245 Halaman Login Awal - Register Gambar 4.11 Halaman Login Awal - Register Halaman ini, terlihat pada Gambar 4.11, menyediakan form register untuk user mendaftar sebagai member baru. User diharuskan untuk mengisi tiga field pada form register, yaitu username, password, dan email. Username dapat diisi oleh huruf dan angka sepanjang 3 sampai 20 karakter. Password dapat diisi oleh huruf dan angka sepanjang 6 sampai 20 karakter. Email harus diisi dengan format yang valid karena akan digunakan untuk membantu user apabila ia lupa kata sandinya.
246 Halaman Login Awal - Lupa Kata Sandi Gambar 4.12 Halaman Login Awal Lupa Kata Sandi Pada halaman ini, terlihat pada Gambar 4.12, member dapat meminta password baru dengan mengikuti langkah-langkah yang telah dibuat. Member cukup memasukkan emailnya dan menekan tombol kirim, lalu pesan konfirmasi pengubahan password akan dikirim ke email tersebut.
247 4.2.4.2 Login sebagai member Halaman Beranda Gambar 4.13 Halaman Beranda Member Apabila member sukses melakukan login, member akan melihat halaman ini. Pada halaman ini, terlihat pada Gambar 4.13, member dapat memilih apa yang hendak ia lakukan di website ini. Pilihan-pilihan yang ada yaitu kotak pesan, profil, materi, simulasi ujian, dan keluar. Kotak Surat merupakan fitur terima dan kirim pesan. Profil merupakan fitur bagi member untuk mengubah password, email, atau foto. Materi merupakan tempat bagi member untuk belajar TOEFL. Simulasi Ujian merupakan tempat bagi member untuk mengukur sejauh mana kemampuan TOEFL mereka.
248 Halaman Kotak Surat Pesan Masuk Gambar 4.14 Halaman Kotak Surat Pesan Masuk Halaman ini, terlihat pada Gambar 4.14, menampilkan daftar pesan masuk yang belum dihapus. Member dapat memilih untuk membaca atau menghapus pesan yang ada. Member juga dapat mengirim pesan baru dengan mengklik Teks Pesan Baru. Untuk melihat pesan-pesan yang pernah dikirim, cukup dengan mengklik Pesan Keluar.
249 Halaman Kotak Surat - Pesan Keluar Gambar 4.15 Halaman Kotak Surat Pesan Keluar Semua pesan yang pernah dikirim dan belum dihapus akan muncul sebagai daftar pesan keluar pada halaman ini, terlihat pada Gambar 4.15. Pesan-pesan tersebut dapat dibaca atau dihapus. Member juga dapat mengirim pesan baru dengan mengklik Teks Pesan Baru. Untuk melihat daftar pesan masuk, cukup dengan mengklik Pesan Masuk
250 Halaman Kotak Surat Isi Pesan Gambar 4.16 Halaman Kotak Surat Isi Pesan Isi pesan yang dipilih untuk dibaca akan ditampilkan pada halaman ini, Gambar 4.16. Terdapat nama username pengirim, waktu kirim, subyek, dan isi pesan. Untuk membalas pesan ini cukup dengan mengklik Balas Pesan. Untuk kembali melihat daftar pesan, cukup mengklik Kembali.
251 Halaman Kotak Surat - Buat Pesan Baru Gambar 4.17 Halaman Kotak Surat Buat Pesan Baru Ini adalah form untuk mengirim pesan yang disediakan oleh Sistem Indotoefl, lihat Gambar 4.17. Setiap pengguna yang hendak mengirim pesan harus mengisi Nama Pengguna Tujuan dan Isi Pesan. Setelah diisi, klik Kirim Pesan untuk mengirim pesan.
252 Halaman Profil - Ubah Kata Sandi, email dan foto. Gambar 4.18 Halaman Profil - Ubah Kata Sandi Gambar 4.19 Halaman Profil - Ubah email
253 Gambar 4.20 Halaman Profil - Ubah foto Member dapat mengubah password, email, dan foto pada halaman ini. Berikut penjelasan terhadap fungsi mengenai pengubahan data yang dilakukan member : 1. untuk mengubah kata sandi, terlebih dahulu harus memasukkan kata sandi sekarang, kata sandi baru, dan konfirmasi kata sandi baru, setelah itu klik tombol Ganti. Klik Ubah Email untuk mengubah email. Klik Ubah foto untuk mengubah foto. Form ubah kata sandi terdapat di Gambar 4.18. 2. Untuk mengubah email, cukup isi email baru pada field yang tersedia, kemudian klik Ganti. Email bersifat unik, yaitu email yang sama tidak boleh digunakan oleh 2 pengguna berbeda. Form ubah kata sandi terdapat pada Gambar 4.19. 3. Untuk mengubah foto, member harus mengupload foto. Member harus memilih file foto yang didapatkan pada directory komputer member, dan dengan mengupload foto cukup menekan unduh. Form ubah kata sandi terdapat pada Gambar 4.20.
254 Halaman Materi - Pilih Materi Gambar 4.21 Halaman Materi Pilih Materi Halaman ini, Gambar 4.21, akan mengarahkan member ke empat jenis materi yang terdapat dalam ujian TOEFL, yaitu Listening, Structure, Reading, dan Writing. Member dapat memilih jenis materi apa yang hendak dipelajari.
255 Halaman Materi - Pilih Topik Materi Gambar 4.22 Halaman Materi Pilih Topik Materi Materi-materi pada Sistem Indotoefl dibagi menjadi topik-topik kecil. Member harus terlebih dahulu memilih topik mana yang hendak ia pelajari. Untuk memilih topik tersebut, member cukup mengklik salah satu judul topik. Halaman ini terdapat pada Gambar 4.22.
256 Halaman Materi - Topik Materi Gambar 4.23 Halaman Materi Topik Materi Bahan belajar bagi member tersedia pada halaman ini. Terdapat penjelasan singkat mengenai topik ini. Setelah memahami penjelasan mengenai topik ini, member dapat melanjutkan proses belajar dengan mengerjakan paket latihan untuk topik ini. Tersedia juga fitur komentar pada setiap topik apabila member ingin mengajukan pertanyaan. Pertanyaan tersebut dapat dibaca oleh member lainnya, ataupun admin. Gambar halaman ini terdapat pada Gambar 4.23.
257 Halaman Materi Pemilihan dan Pengerjaan Paket Latihan Gambar 4.24 Halaman Materi - Pemilihan Paket Latihan Gambar 4.25 Halaman Materi - Pengerjaan Paket Latihan
258 Gambar 4.26 Halaman Materi Hasil Pengerjaan Paket Latihan Berikut ini adalah tampilan dalam melakukan siklus sebuah pemilihan dan pengerjaan soal paket latihan. Langkah pertama adalah member harus memilih salah satu paket latihan yang telah tersedia. Gambar halaman ini terdapat pada Gambar 4.24. Langkah kedua adalah langkah pengerjaan soal latihan. Disini member memilih jawaban dari soal soal yang diberikan. Apabila telah selesai dengan pengerjaannya cukup dengan menekan tombol selesai menjawab. Gambar halaman ini terdapat pada Gambar 4.25. Tampilan berikutnya adalah tampilan review. Pada tampilan ini, member dapat melihat benar atau salahnya jawaban yang telah mereka kumpulkan. Gambar halaman ini terdapat pada Gambar 4.26.
259 Halaman Materi Komentar Gambar 4.27 Halaman Materi - Komentar Selain dapat melihat penjelasan topik materi dan mengerjakan salah satu paket latihan, member dapat melakukan pemberian komentar yang isi nya menyangkut topik materi. Gambar 4.27 merupakan tampilan halaman komentar.
260 4.2.4.3 Login sebagai Admin Halaman Beranda Gambar 4.28 Halaman Beranda Admin Pada tampilan beranda admin terdapat sebuah form yang digunakan untuk menulis tentang info terbaru dan berita yang terkait dengan web indotoefl.com. Dan admin mempunyai kewenangan atau hak untuk menghapus berita yang tidak diinginkan lagi. Untuk menghapus berita, admin dapat menekan tombol hapus yang telah tersedia dan akan muncul sebuah kotak dialog untuk mengkorfimasikan tindakan admin tersebut. Lihat Gambar 4.28 untuk melihat gambar halaman beranda Admin.
261 Halaman Kotak Surat Pesan Masuk dan Pesan Keluar Gambar 4.29 Halaman Kotak Surat Admin Pesan Masuk Gambar 4.30 Halaman Kotak Surat Admin Pesan Keluar Pada halaman ini, lihat Gambar 4.29 dan Gambar 4.30, baik admin maupun member mempunyai suatu kesamaan fungsi yaitu dapat menerima pesan dan mengirimkan pesan melalui pesan baru yang telah disediakan dalam web ini.
262 Halaman Kotak Surat Tulis Pesan Baru Gambar 4.31 Halaman Kotak Surat Admin Tulis Pesan Baru Tampilan di atas ini, lihat gambar 4.31, merupakan tampilan halaman pesan baru pada admin. Admin dapat menulis pesan baru dengan mengisi kolom konten dan nama pengguna yang dituju untuk dapat mengirimkan pesan. Apabila sudah yakin dengan apa yang diketik maka cukup menekan tombol kirim pesan.
263 Halaman Profil Ubah kata sandi, email dan foto Gambar 4.32 Halaman Profil Admin Ubah Kata Sandi Gambar 4.33 Halaman Profil Admin Ubah Email
264 Gambar 4.34 Halaman Profil Admin Ubah Foto Tampilan halaman profil pada admin mempunyai kesamaan tampilan seperti pada member. Lihat pada Gambar 4.32, Gambar 4.33, dan Gambar 4.34. Yang membedakan profil admin dan member disini adalah adanya menu daftar user yang dapat diakses oleh admin yang berisikan data tentang data data member yang telah bergabung di indotoefl.com. Ada beberapa prosedur pergantian data yang harus dilakukan oleh admin apabila ingin mengganti datanya. Prosedur ubah kata sandi : mengisi kata sandi sekarang, kata sandi baru, ulangi kata sandi baru. Prosedur ubah email : mengisi kolom email baru. Prosedur ubah foto : mengunggah foto dengan format.jgp atau.png.
265 Halaman Profil Daftar User Gambar 4.35 Halaman Profil Admin Daftar User Gambar 4.36 Halaman Profil Admin Hapus User
266 Gambar 4.37 Halaman Profil Admin Angkat User Menjadi Admin Tampilan di atas merupakan tampilan halaman daftar user atau member. Pada halaman ini terdapat penyajian informasi data member berupa ID.Pengguna, Nama Pengguna dan email pengguna. Terdapat kolom untuk menghapus data pengguna dan kolom untuk mengangkat member biasa menjadi seorang admin. Untuk menghapus member ataupun mengangkat member menjadi admin, terdapat sebuah kotak dialog konfirmasi terhadap aksi yang dilakukan. Lihat Gambar 4.35, Gambar 4.36 dan Gambar 4.37 untuk lebih jelasnya.
267 Halaman Materi Gambar 4.38 Halaman Materi Admin Gambar 4.39 Halaman Materi Admin Hapus Materi
268 Tampilan di atas adalah tampilan halaman materi. Admin dapat melihat juga daftar topik materi yang telah ada pada web indotoefl.com. Disamping itu, admin dapat menghapus, mengedit dan membuat materi baru. Untuk menghapus materi yang telah ada, aka nada kotak dialog konfirmasi penghapusan materi. Lihat pada Gambar 4.39. Untuk membuat materi baru akan muncul sebuah tampilan baru untuk memasukkan materi. Untuk mengedit materi yang telah ada, admin harus masuk kedalam topik materi. Lihat pada gambar 4.38.
269 Halaman Materi Materi Baru Gambar 4.40 Halaman Materi Admin Materi Baru Tampilan di atas, lihat Gambar 4.40, merupakan tampilan untuk pembuatan materi baru. Admin harus mengisi semua form yang ada untuk dapat menambahkan materi baru. Apabila semua form telah diisi semua, maka admin cukup menekan tombol tambahkan materi. Maka proses penambahan materi baru telah selesai.
270 Halaman Topik Materi Edit Topik Materi Gambar 4.41 Halaman Materi Admin Edit Topik Materi Gambar 4.42 Halaman Materi Admin Topik Materi Tersimpan Tampilan di atas, Gambar 4.41 dan Gambar 4.42 adalah tampilan topik materi pada admin. Admin dapat mengedit topik materi yang telah ada. Apabila telah yakin tentang pengeditan topik materi tersebut, admin dapat menekan tombol simpan yang ada. Maka sistem akan menyimpan data baru tersebut.
271 Halaman Topik Materi Paket Latihan Gambar 4.43 Halaman Topik Materi Admin Paket Latihan Gambar 4.44 Halaman Topik Materi Admin Hapus Paket Latihan Gambar 4.43 dan Gambar 4.44 adalah tampilan halaman paket latihan yang hanya dapat dilihat dan digunakan oleh admin. Di halaman ini terdapat informasi tentang daftar paket latihan yang sudah ada, dan admin mempunyai kewenangan untuk menghapus paket latihan tersebut dengan menekan tombol hapus dan akan muncul kotak dialog konfirmasi penghapusan paket latihan tersebut. Di halaman ini, admin juga dapat menambahkan soal paket latihan yang baru.
272 Halaman Topik Materi Paket Latihan Baru Gambar 4.45 Halaman Topik Materi Admin Paket Latihan Baru Gambar 4.46 Halaman Topik Materi Admin Antrian Soal Tampilan di atas ini, Gambar 4.45 dan Gambar 4.46 adalah tampilan pembuatan latihan baru. Disini admin harus mengetik soal dan jawaban serta memberikan jawaban yang benar pada setiap soal. Apabila ada file yang fungsinya untuk menunjang soal tersebut, maka admin dapat memasukkan file tersebut ke dalam soal. File penunjang yang ada seperi sound clip(suara) ataupun gambar.
273 Halaman Topik Materi Komentar Gambar 4.47 Halaman Topik Materi Admin Komentar Gambar 4.48 Halaman Topik Materi Admin Lihat Komentar Halaman di atas ini, lihat Gambar 4.47 dan Gambar 4.48, adalah halaman komentar pada admin. Disini admin dapat berinteraksi langsung dengan member.
274 Halaman Periksa Writing Gambar 4.49 Halaman Periksa Writing Admin Gambar 4.50 Halaman Periksa Writing Admin Nilai Writing Halaman ini, lihat Gambar 4.49 dan 4.50, adalah halaman untuk kumpulan jawaban materi writing yang telah dikumpulkan oleh member dan siap diperiksa oleh admin. Admin juga harus memberikan nilai terhadap jawaban writing yang telah diperiksa.