9 Gambar 9 menggambarkan proses belajar huruf konsonan akhir. Proses dimulai
ketika pengguna website mengakses halaman materi dasar, bagian controller BabPertama akan mengarahkan halaman untuk menampilkan halaman materi
konsonan akhir.
4. Hasil Implementasi dan Pembahasan
Aplikasi dibuat dalam bentuk web dan akan menampilkan halaman utama seperti Gambar 10. Halaman utama website terdiri dari beberapa bagian, yaitu menu
link pada bagian kanan atas, banner website dan di baris ketiga terdapat 3 buah menu utama yaitu Materi Dasar, Percakapan dan Penulisan.
Gambar 10 Tampilan Halaman Utama Website
Materi dasar yang dipelajari dalam belajar bahasa Korea adalah huruf vocal dan konsonan Hangul. Gambar 11 merupakan tampilan untuk belajar huruf vocal
dan konsonan Hangul.
Gambar 11 Tampilan Halaman Materi Huruf Vocal dan Konsonan Hangul
Setiap huruf vocal dan konsonan yang disajikan pada Gambar 11 dapat disorot menggunakan mouse untuk mendengarkan cara pelafalannya. Perintah untuk
mendengarkan cara pelafalan ditunjukkan pada Kode Program 1.
10
Kode Prog ram 1
Perintah Pelafalan Huruf Vocal dan Konsonan
Pelafalan huruf vocal dan konsonan dibuat menggunakan file small web format
.swf yang merupakan file Adobe Flash format. Pemanggilan file .swf ditunjukkan pada Kode Program 1 pada baris ke-2 dan baris ke-5. Untuk menjalankan file
tersebut, pada browser harus sudah terinstal pluggin Adobe Flash Player. Alasan mengapa digunakan file .swf karena file ini ringan untuk digunakan dan dimainkan
dalam halaman web. Jika menggunakan player HTML5, file yang digunakan harus berekstensi .mp3 atau .mp4, di mana akan membuat website menjadi lambat dalam
menampilkan dan memainkan file tersebut.
Untuk belajar setiap percakapan, pengguna dapat memilih link yang tersedia. Gambar 12 merupakan halaman untuk percakapan dasar.
Gambar 12 Tampilan Halaman Materi Percakapan Dasar
1. object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=?= base_url; ?assetsswfswflash width=640
height=100 2. param name=movie value=?= base_url;
?assetsswfin_vowels.swf 3. param name=quality value=high
4. param name=wmode value=transparent 5. embed src=?= base_url; ?assetsswfin_vowels.swf
quality=high pluginspage=http:www.macromedia.comshockwavedownloadinde
x.cgi?P1_Prod_Version=ShockwaveFlash type=applicationx- shockwave-flash width=640 height=100 embed
6. object
11 Percakapan dasar yang disajikan pada materi percakapan dasar pada Gambar
12 adalah percakapan dasar dalam aktivitas sehari-hari, seperti mengucapkan salam, terima kasih, menanyakan kabar, permintaan maaf dan beberapa percakapan dasar
lainnya. Kode Program 2 merupakan perintah untuk menjalankan percakapan dasar tersebut.
Kode Program 2 Perintah Memainkan File Percakapan Dasar
Perintah pada baris ke 2 merupakan perintah untuk memanggil dan memainkan
file percakapan dasar bahasa Korea. File tersebut disimpan dalam folder assets dalam project. Selain percakapan dasar, pada website ini juga menyajikan percakapan lain,
seperti percakapan saat masuk ke negara Korea, percakapan di kantor bea cukai, percakapan di dalam taksi, percakapan di hotel, percakapan di restoran, percakapan
menanyakan jalan, percakapan saat menyewa mobil percakapan untuk memperkenalkan diri. Semua menu percakapan menggunakan file .swf dan
dimainkan dalam halaman website.
Materi ketiga yang disajikan dalam website ini adalah materi untuk belajar menulis bahasa Korea. Gambar 13 merupakan halaman untuk belajar menulis huruf
Korea.
Gambar 13 Tampilan Halaman Materi Penulisan
1. object type=applicationx-shockwave-flash data=?= base_url; ?assetsswfi_01.swf id=applicationID
style=margin:0 10px; width:100; height:100; 2. param name=movie value=?= base_url;
?assetsswfi_01.swf 3. param name=wmode value=transparent Or opaque, etc.
↓ Required paramter or not, depends on application 4. param name=FlashVars value=
5. param name=quality value=high 6. param name=menu value=false
7. object
12 Pengguna dapat belajar menuliskan huruf Korea melalui menu Penulisan
seperti terlihat pada Gambar 13. untuk menuliskan huruf Korea, pengguna dapat menggunakan mouse. Fungsi untuk membuat media dalam menulis ini digunakan
HTML5 seperti ditunjukkan pada Kode Program 3.
Kode Program 3 Perintah Menuliskan Huruf Korea
Baris ke-8 pada Kode Program 3 merupakan perintah atau tag HTML5 yang
digunakan dalam membuat media untuk belajar menulis huruf Korea. Komponen HTML5 yang digunakan adalah komponen canvas. Peri
ntah id=”simple_sketch” merupakan perintah yang digunakan supaya pengguna dapat menggambar atau
menulis menggunakan mouse. Kelebihan website ini salah satunya adalah mendukung fitur responsive,
sehingga tampilan website dapat menyesuaikan dengan layar di mana website ini diakses. Gambar 14 merupakan tampilan website jika dibuka melalui browser
telepon selular.
Gambar 14 Tampilan Website Via Browser Telepon Selular
Pengujian sistem dilakukan dengan 2 dua cara, yaitu dengan alpha testing dan beta testing. Uji alpha testing dilakukan dengan metode blackbox testing, yaitu
dengan cara menguji fungsionalitas aplikasi apakah sudah berjalan sesuai yang dirancang atau belum. Hasil pengujian blackbox testing dapat dilihat pada Tabel 1.
1. div class=tools 2. a href=simple_sketch data-tool=markerMarkera
3. a href=simple_sketch data-tool=eraserErasera 4. a class=popup href= data-link=?= base_url;
?babKetigavideo_1 data-title=JawabJawaba 5. a href=?= base_url; ?babKetigaindex_2Nexta
6. div 7. br
8. canvas style=border: 1px solid 000; id=simple_sketch width=1100 height=300canvas
9. div id=video-view style=height: 368px; width: 391px; 10. div
11. nav
13
Tabel 1 Hasil Pengujian Blackbox Testing
No Poin Pengujian
Hasil Aksi Hasil
1 Halaman Materi Dasar
Jika kursor
mouse didekatkan ke huruf Korea,
maka akan keluar suara pelafalan huruf tersebut.
Valid
2 Halaman Materi
Percakapan Jika
setiap materi
percakapan dipilih, maka akan menampilkan video
beserta dengan tulisan dan suara.
Valid
3 Halaman Penulisan
Jika mouse digerakkan pada daerah textarea, maka akan
muncul tulisan
sesuai gerakan mouse tersebut.
Valid
Berdasarkan pengujian blackbox testing pada Tabel 1, aplikasi dapat berjalan dengan baik, di mana setiap menu yang telah dibuat dapat berjalan sesuai dengan
hasil perancangan. Pengujian dapat dilanjutkan ke tahap pengujian manfaat. Pengujian manfaat dilakukan dengan cara wawancara dan penyebaran angket
untuk mengetahui apakah aplikasi yang dibuat bermanfaat untuk pengguna atau tidak. Pengguna dalam pengujian manfaat ini dipilih secara acak, yaitu orang-orang
yang sedang belajar bahasa Korea dalam berbagai usia. Hasil pengisian angket dirangkum dalam Tabel 2.
Tabel 2 Hasil Angket Pengujian Manfaat
Indikator Jawaban
Pertanyaan Ya
Cukup Kurang
Tampilan aplikasi
1
30
2
26 4
Konten pembelajaran
3
25 5
4
30
5
25 5
Pertanyaan nomor 1 yang ditanyakan adalah apakah setiap menu dalam website ini dapat disajikan dengan jelas. 100 pengguna menjawab ya karena pengguna
merasa website ini menyajikan tata layout halaman web dengan baik, sehingga pengguna tidak bingung dalam menggunakan setiap menu yang ada. Pertanyaan
nomor 2 adalah apakah tampilan website ini menarik. Sebanyak 86.67 pengguna menjawab ya karena pengguna merasa bahwa website ini memiliki gambar, video
dan penggunaan warna yang menarik dan 13.33 pengguna menjawab cukup karena ada beberapa pengguna yang merasa jumlah gambar yang disajikan kurang
banyak, terutama di bagian huruf Korea. Pertanyaan nomor 3 adalah apakah materi dasar bahasa Korea yang disajikan dalam website ini dapat membantu Anda
mempelajari dasar bahasa Korea. Sebanyak 83 pengguna menjawab ya, karena
14 menurut pengguna, materi sudah mencakup materi-materi utama dalam belajar
bahasa Korea dan 17 pengguna menjawab cukup karena tidak adanya fitur untuk latihan berbicara speaking. Pertanyaan nomor 4 adalah apakah materi percakapan
yang disajikan dalam website ini bermanfaat bagi Anda dalam belajar percakapan dengan bahasa Korea. Sebanyak 100 pengguna menjawab ya karena dengan
adanya materi percakapan dalam bentuk video membuat pengguna merasa mudah belajar percakapan dengan bahasa Korea. Pertanyaan nomor 5 adalah apakah materi
penulisan huruf Korea dalam website ini bermanfaat bagi Anda dalam belajar menulis huruf Korea. Sebanyak 83 pengguna menjawab ya karena pengguna
merasa senang dengan adanya fitur untuk menulis menggunakan mouse dalam website ini dan 17 pengguna menjawab cukup karena ada beberapa pengguna yang
merasa fitur penulisan dalam website belum bisa mendeteksi tingkat kesalahan dalam penulisan huruf Korea. Berdasarkan hasil daftar pertanyaan yang dibagikan
didapatkan bahwa website ini dapat memberikan manfaat bagi pengguna dalam belajar bahasa Korea yang terdiri dari materi dasar bahasa Korea, percakapan sehari-
hari dan penulisan huruf Korea.
5. Simpulan
