Pembuatan Aplikasi Sistem Ujian Hanyu Shuiping Kaoshi Berbasis Yii Framework

Seminar Nasional Sistem Informasi 2018, 9 Agustus 2018 Fakultas Teknologi Informasi – UNMER Malang

PEMBUATAN APLIKASI SISTEM UJIAN HANYU SHUIPING KAOSHI BERBASIS YII FRAMEWORK

Darmanto1), Yulius Hari2) , Budi Hermawan3), Endang Setyawati4)

1)Teknik Informatika, Fakultas Teknik, Universitas Widya Kartika Email: [email protected] 2)Teknik Informatika, Fakultas Teknik, Universitas Widya Kartika Email: [email protected] 3)Pendidikan Bahasa Mandarin, Fakultas Sastra dan Pendidikan Bahasa, Universitas Widya Kartika, Email: [email protected] 4)Manajemen, Fakultas Ekonomi, Universitas Kartini Email: [email protected]

Abstrak

Salah satu diantara negara tujuan belajar yang diminati mahasiswa Indonesia adalah China dengan beberapa Perguruan Tinggi (PT) yang sudah memiliki reputasi dunia. Perguruan tersebut menggunakan bahasa pengantar Mandarin sebagai bahasa akademis. Calon mahasiswa yang berminat studi atau mendapatkan beasiswa di PT tersebut, harus memenuhi tes kemampuan bahasa seperti HSK atau TOEFL/TOEIC. Hanyu Shuiping Kaoshi (HSK) merupakan ujian standardisasi Republik Rakyat Tiongkok dalam kemahiran berbahasa bagi penutur bukan asli, yaitu mahasiswa asing atau pendatang dari luar. Persyaratan yang paling dibutuhkan calon mahasiswa untuk kelas tujuan berbahasa Mandarin, adalah sertifikat HSK level tertentu yang ditempuh melalui ujian HSK. Tidak jarang kandidat mahasiswa Indonesia yang berminat studi ke PT tersebut terkendala persyaratan kelulusan ujian HSK. Dewasa ini marak perangkat teknologi informasi yang dimanfaatkan untuk pembelajaran bahasa Mandarin, seperti halnya perangkat multimedia untuk pembelajaran HSK. Mengacu pada model rancangan sistem manajemen konten bahasa mandarin, dalam penelitian ini akan dikembangkan aplikasi sistem simulai ujian HSK berbasis web dengan metode Waterfall dan menggunakan PHP Framework Yii dengan pola desain Model-View-Controller (MVC). Berdasarkan hasil uji coba aplikasi melalui pengujian fungsional dan penerimaan user dapat dinyatakan bahwa aplikasi cukup signifikan dan dapat diterima oleh pengguna.

Kata kunci: sistem simulasi, HSK Mandarin, framework Yii Abstract One of the study destination countries that interest Indonesian students is China with several universities (PT) who already have a world reputation. The college uses the Chinese language of instruction as an academic language. Prospective students who are interested to study or get a scholarship in the PT, must meet language skills tests such as HSK or TOEFL / TOEIC. Hanyu Shuiping Kaoshi (HSK) is a standardization test of the People's Republic of China in language proficiency for non-native speakers, ie foreign students or outsiders. The most requisite requirement for prospective students for Mandarin speaking classes is a specific level HSK certificate pursued through the HSK exam. Not infrequently Indonesian student candidates who are interested in studying to the PT constrained HSK exam passing requirements. Currently rampant information technology devices are used for learning Mandarin, as well as multimedia devices for learning HSK. Referring to the design model of Mandarin content management system, in this research will be developed application system simulates HSK exam web based with Waterfall method and using PHP Framework Yii with Model-View-Controller (MVC) design pattern. Based on the results of application testing through functional testing and user acceptance can be stated that the application is significant and acceptable by the user.

Keywords: simulation system, HSK Mandarin, framework Yii

I. PENDAHULUAN seperti kamus Mandarin, pembelajaran Saat kini pemerintah Indonesia melalui HSK 3 berbasis Android (Miranti dkk, Ditjen Sumberdaya Iptek & Dikti 2017) dan aplikasi mobile bahasa menyediakan kesempatan putra bangsa Mandarin (Darmanto, dkk. 2016). Oleh untuk melanjutkan pendidikan S2/S3 baik karena itu, dengan menggunakan aplikasi di dalam maupun ke luar negeri. teknologi informasi dan untuk menunjang Kesempatan tersebut merupakan peluang kemampuan bahasa Mandarin serta bagi setiap dosen yang berminat studi membantu mempersiapkan ujian HSK, lanjut untuk meningkatkan dan penelitian ini dilakukan. Penelitian ini mengembangkan kompetensinya secara mengacu dari hasil model rancangan berkelanjutan. Berbagai faktor yang sistem manajemen konten bahasa menjadi alasan mahasiswa indonesia untuk Mandarin untuk mendukung ujian HSK studi ke manca negara, diantaranya adalah (Darmanto, dkk 2017). Tujuan dalam biaya pendidikan, pelayanan, atau standar penelitian ini untuk menghasilkan aplikasi pendidikan tingkat dunia. Salah satu sistem simulai ujian HSK yang berbasis diantara negara tujuan belajar yang banyak web sebagai media alternatif untuk diminati mahasiswa Indonesia adalah membekali kandidat mahasiswa S1/S2/S3 China dengan beberapa Perguruan Tinggi akan kemampuan berbahasa Mandarin (PT) yang sudah memiliki reputasi kelas sekaligus mendukung persiapan ujian dunia. Perguruan tersebut menggunakan standarisasi HSK. Diharapkan hasil bahasa Mandarin sebagai bahasa pengantar penelitian ini dapat membantu calon kuliah atau bahasa akademis. Oleh karena mahasiswa yang ingin melanjutkan itu mahasiswa yang berminat belajar atau studinya ke manca negara, terutama yang mendapatkan beasiswa di PT tersebut menggunakan bahasa Mandarin sebagai selayaknya memenuhi tes kemampuan bahasa akademis untuk mendapatkan bahasa seperti Hanyu Shuiping Kaoshi sertifikat HSK yang disyaratkan. (HSK) atau TOEFL/TOEIC. HSK merupakan ujian standardisasi Republik II. KAJIAN LITERATUR Rakyat Tiongkok dalam kemahiran 2.1 Model Waterfall berbahasa bagi penutur bukan asli, yaitu Model air terjun (Waterfall) merupakan mahasiswa asing atau pendatang dari luar. metode pengembangan perangkat lunak Persyaratan yang paling dibutuhkan untuk secara berurutan, yang melalui tahapan kelas tujuan berbahasa pengantar mandarin analisa kebutuhan, perancangan, yaitu hasil tes HSK 4 untuk S1/S2/S3 implementasi, integrasi dan pengujian namun beberapa kampus mensyaratkan sistem serta operasi dan perawatan. HSK 5. Walaupun ada kendala bahasa atau Pengembangan perangkat lunak model kesulitan mendapatkan sertifikat HSK, Waterfall, dapat dilihat pada gambar 1 tidak mengurangi minat mahasiswa (Pressman. dan Maxim, 2015). Indonesia menempuh studi di berbagai kampus di Negeri China. Apabila calon mahasiswa belum menguasai bahasa Mandarin atau belum memiliki sertifikat HSK maka diharuskan menjalani kelas persiapan bahasa Mandarin selama satu tahun diluar masa studi (Putra, 2016). Bersamaan kondisi tersebut, saat kini perkembangan teknologi informasi banyak menunjang kebutuhan dunia pendidikan. Sebagaimana aplikasi Gambar 1 Proses pengembangan software model Waterfall pembelajaran (elearning) bahasa Mandarin

Siklus pengembangan utama dari model Pendekatan pola ini merupakan cara Waterfall mencerminkan kegiatan mudah untuk mengembangkan sistem pembangunan yang mendasar, yaitu : perangkat lunak yang interaktif (Pasaribu, 1. Definisi kebutuhan (Requirements 2017). Pendekatan ini untuk memisahkan definition). Pada tahapan ini, pengembang menetapkan kebutuhan logika bisnis dari pertimbangan user sistem yang diharapkan pengguna interface , agar lebih memudahkan untuk sistem. mengubah setiap bagian tanpa 2. Desain perangkat lunak dan sistem mempengaruhi komponen yang lain (System and software design). Pada (Sharive, 2013). Selain implementasi tahapan in, dialokasikan kebutuhan MVC, Yii juga memperkenalkan front perangkat keras atau perangkat lunak controller, yang disebut aplikasi, yang sistem. Proses desain sistem akan menterjemahkan spesifikasi kebutuhan akan mengenkapsulasi konteks eksekusi ke disain sistem perangkat lunak yang untuk memproses sebuah request. Struktur diperkirakan sebelumnya. statis aplikasi Yii, dari sistem informasi 3. Implementasi dan pengujian unit yang akan dibangun disajikan pada gambar (Implementation and unit testing). 2 (Benedicto, 2013). Pada tahapan ini, desain perangkat lunak direalisasikan dalam bentuk serangkaian program atau satuan program, melalui proses coding. Setelah pengkodean selesai akan dilakukan pengujian dan implementasi terhadap sistem yang telah dibuat. 4. Pengujian sistem dan Integrasinya (Integration and system testing). Pada tahapan ini, satuan program individu atau yang terintegrasi diuji sebagai sistem yang lengkap untuk memastikan

bahwa persyaratan perangkat lunak Gambar 2. Struktur statis aplikasi Yii telah dipenuhi. 5. Operasi dan pemeliharaan (Operations Pada gambar struktur MVC, menunjukkan and maintenance). Pada tahap ini, pola desain aplikasi web yang memisahkan sistem diinstal dan diterapkan oleh data dari presentasi. Model untuk pengguna. Setelah itu, dilakukan berinteraksi dengan sumber data biasanya perawatan yang mencakup, tindakan database untuk memanipulasi data, seperti koreksi kesalahan atau meningkatkan tindakan input, update, atau delete data. fungsi dan pelayanan sistem seperti View adalah bagian kode program untuk penambahan fitur-fitur baru. menyajikan data ke browser biasanya berupa file HTML dan JavaScript. 2.2 Kerangka kerja (framework) Yii Sedangkan controller yang menjembatani Yii framework merupakan salah satu model dan view. Controller bagian yang kerangka kerja PHP berbasis komponen menanggapi permintaan browser, yang digunakan untuk membangun berinteraksi dengan model dan view serta aplikasi web. Framework Yii mengembalikan hasil permintaan ke browser. Penelitian ini juga mengacu pada mengimplementasi pola desain Model penelitian sebelumnya mengenai rancang View Controller (MVC) yang diadopsi bangun model sistem manajemen konten secara luas dalam pemrograman web. HSK (darmanto dkk, 2017) dan Penerapan

Framework Yii dalam pembangunan 9. Action memproses request yang sistem informasi asrama (SIRAMA) diterima (materi reading mana yang berbasis web (Erliyah, dkk., 2015). akan ditampilkan) Ilustrasi aliran kerja aplikasi Yii untuk 10. Action 'reading' mencari dan menangani proses permintaan pengguna memproses model data 'materi' dari untuk mengakses modul “materi/reading”, database dapat dilihat pada diagram gambar 3. 11. Action 'reading' memproses rendering view `materi/reading.php` dengan model data 'materi' yang telah disiapkan sebelumnya 12. Hasil rendering view dilanjutkan dan dikembalikan ke 'response application component' 13. Hasil response dikembalikan ke browser user.

III. METODE PENELITIAN

Gambar 3. Diagram Aliran kerja Pembuatan Perangkat lunak aplikasi ini, dikembangkan melalui metode Serangkaian workflownya sebagai berikut : Waterfall dengan tahapan analisa 1. User mengakses aplikasi melalui kebutuhan, disain, implementasi dan uji browser dan membuat request coba serta perawatan sistem . Dalam 'materi/reading' ke entry script konstruksinya media aplikasi ini dibangun `web/index.php` menggunakan PHP Framework Yii dengan 2. Entry script akan mempersiapkan pola desain Model View Controller konfigurasi aplikasi dan membuat (MVC). Berdasarkan model rancangan instance aplikasi untuk menangani sistem manajemen konten bahasa permintaan (request) user. Mandarin ujian HSK, dikembangkan 3. Aplikasi akan mengolah request route tahapan pembuatan aplikasinya berbasis 'materi/reading' yang diterima dengan web sebagaimana yang terlihat pada bantuan request application gambar 4. component. 4. Aplikasi akan menjalankan controller dari request. 5. Controller 'materi' mempersiapkan dan menjalankan action 'reading' sesuai request. 6. Sebelum proses utama action 'reading' dijalankan, ia akan menjalakan filter dari action yang telah direquest apakah valid atau tidak. Salah satunya adalah Gambar 4. Skema penelitian dan pengembangan aplikasi

filter Access apakah user berhak Tahap analisa dan perancangan aplikasi mengakses atau tidak. Identfikasi analisa kebutuhan data dan 7. Jika semua filter valid, maka proses informasi ujian HSK, dilakukan melalui utama action 'reading' akan dijalankan wawancara dengan pihak manajemen prodi 8. Jika ada filter yang tidak valid, maka bahasa Mandarin UWIKA. Konten bahasa action 'reading' akan dibatalkan dan Mandarin untuk kebutuhan ujian HSK pesan tidak valid akan dikembalikan ke dapat dilihat pada tabel 1, khususnya user melalui `response application struktur ujian HSK pada tingkat 3, 4 dan 5 component` (Pauw dan Noviana, 2014). Materi

Copyright © SENASIF 2018 ISSN : 2598-0076 1108 Seminar Nasional Sistem Informasi 2018, 9 Agustus 2018 Fakultas Teknologi Informasi – UNMER Malang pembelajaran bahasa Mandarin dan Perancangan aplikasi, dengan struktur komponen ujian HSK terdiri atas UML untuk memvisualisasikan, pendengan (listening), percakapan membangun, dan mendokumentasikan (reading), dan tulisan (writing). Bentuk suatu sistem informasinya. Diantara pertanyaan ujian HSK baik dalam konteks diagram untuk momodelkan aplikasi pendengaran, bacaan, atau tulisan berupa berorientasi obyek, dalam bentuk clas soal-soal pilihan ganda (multiple choice), diagram. Diagram ini menggambarkan menyusun kalimat atau menulis karakter struktur sistem dari pendefinisian kelas- mandarin sesuai pinyin yang tersedia (Su kelas untuk membangun aplikasinya. Class dan Shin, 2015). Disamping materi diagram dari aplikasi yang dibuat dapat ujian,sebagai pengguna aplikasi terdiri dari dilihat pada gambar 5. admin, kontributor, pengguna biasa, serta pengguna yang tidak teregister (guest). Seorang admin berperan sebagai pengelola seluruh aplikasi sistem. Ia yang melakukan maintenance terhadap data user, materi, dan bahan ujian, serta konten artikel, faq, kontak atau carousel (home slider). Sementara kontributor yang membantu admin khususnya untuk pembuatan materi dan soal-soal ujian HSK tiruan. User yang berhak mendapatkan materi dan melakukan simulasi ujian adalah user yang sudah terdaftar atau mendapatkan hak akses (login) ke sistem. Sedangkan yang belum terregistrasi hanya dapat melihat materinya saja. Tabel 1. Struktur HSK Jumlah Kosa kata Gambar 5. Class Diagram aplikasi Ting Kumulatif Deskripsi kat Baru (total) Implementasi dan uji coba aplikasi Dirancang untuk Tahapan implementasi atau konstruksi pembelajar yang dapat menggunakan bahasa aplikasi dengan membuat kode program Mandarin untuk memenuhi berdasarkan hasil rancangan modelnya. penggunaan dalam hidup 3 600 300 sehari-hari, belajar, dan Pengembangan program aplikasi bekerja, dan dapat didasarkan pada Yii Framework, dengan menyelesaikan sebagian besar dialog yang mereka pola disain MVC (yiiframework.com, temui 2012). Sementara untuk pengujian aplikasi Dirancang untuk pembelajar yang dapat dilakukan untuk mengukur validitas berdiskusi menggunakan fungsional aplikasi dan tanggapan dari bahasa Mandarin dalam 4 1200 600 berbagai topik yang relatif user. luas dan mampu berkomunikasi dengan pembicara asli dengan IV. HASIL DAN PEMBAHASAN kualitas yang baik. Hasil penelitian berupa aplikasi sistem Dirancang untuk pembelajar yang sudah ujian HSK berbasis web. Tampilan menu dapat membaca surat kabar utama aplikasi dapat diakses lewat website dan majalah berbahasa Mandarin, menonton film http://uwika-mandarin.com/frontend/web/ 5 2500 1300 berbahasa Mandarin, serta seperti yang terlihat pada gambar 6. mampu menulis dan menyampaikan pidato berbahasa Mandarin yang cukup panjang.

Gambar 6. Tampilan menu utama aplikasi Gambar 8. Tampilan menu ujian HSK tiruan

User yang telah terdaftar sebagai dapat Sementara dari bagian backend, seorang mengakses modul yang tersedia sekaligus admin aplikasi atau kontributor konten mencoba simulasi ujian HSK tiruan. materi dan soal HSK, dapat mengelola Sebelum mencoba latihan ujian simulasi bahan ujian tiruan. Disamping melakukan HSK tiruan, user dapat mempelajari dan perawatan materi dan bahan soal-soal ujian memahami materi yang disediakan dalam HSK tiruan, admin dapat mengelola data modul materi. Modul materi terdisi dari user yang terdaftar dalam sistem, tampilan kosa kata mandarin untuk setiap tingkat. website (carosusel), artikel dan faq yang Disamping juga disedikan materi tersedia dalam modul aplikasi. Diantara percakapan, bacaan, dan tulisan bahasa fitur aplikasi untuk mengelola bank soal Mandarin untuk mendukung kemampuan ujian HSK dapat dilihat pada tampilan penguasaan ujian HSK. Sebagimana gambar 9. materi reading dari aplikasi yang dapat dilihat pada gambar 7.

Gambar 9. Tampilan modul pembuatan soal ujian HSK

Gambar 7. Tampilan menu materi bacaan bahasa Berdasarkan aplikasi yang telah dibuat Mandarin dilakukan pengujian untuk mengetahui sejauh

Disamping itu user dapat mencoba mana aplikasi yang dibangun memenuhi spesifikasi yang diharapkan. Metode pengujian simulasi ujian HSK tiruan dan melihat dengan metode blackbox, dengan memeriksa hasil evaluasi berdasarkan skor nilai ujian hasil eksekusi dan validitas fungsionalitas yang dicapainya. Histori simulasi aplikasinya. Pada prinsipnya berdasarkan hasil memperlihatkan kemajuan kemampuan uji coba yang dilakukan semua fungsi sudah user akan penguasaan materi ujian baik berjalan dengan baik. Sebagai kasus pengujian dari komponen uji pendengaran, bacaan aplikasi untuk fungsi pembuatan materi kosa atau tulisan bahasa mandarin. Format paket kata mandarin, dapat dilihat pada tabel 2. ujian HSK tiruan dari aplikasi yang berikut. dilengkapi dengan fitur timer, seperti yang terlihat pada gambar 8.

REFERENSI Tabel 2. Pengujian fungsional create kosa kata No Fungsi create Hasil yang Status Benedicto, 2013., Yii Framework. . kosa kota diharapkan Pengujian https://www.slideshare.net/bicolIT/yii- 1 Field hanzi dan Menampilkan Valid framework-by-benedicto-balilo- pinyin tidak diisi pesan field harus diisi jr?from_action=save. Diakses 30 Mei 2 File cara baca Menampilkan Valid 2018. tidak memiliki pesan hanya Darmanto, Yulius, h., dan Budi, h., 2016. Mobile extension .mp3, extension .mp3, Learning Application to Support .wav, .wma .wav, .wma Mandarin Language Learning for High yang bisa diupload School student. Imperial Journal of 5 File cara baca Menampilkan Valid Interdiciplinary Research., Vo. 2, No. 4,. memiliki ukuran pesan file ISSN: 2454-1362 [Online], tersedia di : lebih dari 1 MB terlalu besar, http://www.onlinejournal.in, diakses 20 maksimum 1 MB Maret 2016. 6 Data kosakata Menampilkan Valid Darmanto, Yulius h., dan Budi h., 2017. Model berhasil disimpan pesan data Rancang Bangun Sistem Manajemen kosakata Konten Bahasa Mandarin untuk ditambahkan Mendukung Standarisasi Ujian Hanyu 7 Data kosakata Menampilkan Valid gagal disimpan pesan data Shuiping Kaoshi berbasis Android. kosakata gagal Prosiding Seminar Nasional Pendidikan ditambahkan Biologi dan Saintek, (SNPBS II) UMS, ISSN 2527-5333X, 2017. Disamping uji fungsional, aplikasi juga Erliyah, N.J, M. Masrur, Siti A., 2015. Penerapan diuji cobakan pada pengguna untuk Framework Yii dalam Pembangunan Sistem Informasi Asrama Santri Pondok kalangan terbatas sebanyak 13 user, untuk Pesantren sebagai Media Pencarian mendapatkan tanggapannya. Berdasarkan Asrama Berbasis Web. Journal of umpan balik yang diberikan user tentang Information Systems Engineering and kinerja aplikasi untuk menunjang ujian Business Intelligence Vol. 1, No. 2, HSK, seorang user memberikan skor 3 dan October 2015. sisanya skor 4 dalam skala likert dengan Miranti, Y.N., Galih E. N., Putrie R., Wandayani G., Sebastian N.P., Rosdiana, 2017. rentang 1 – 5. Dengan demikian, sebesar Jurnal Cakrawala Mandarin Asosiasi 78 % menyatakan bahwa aplikasi cukup Program Studi Mandairn Indonesia. signifikan untuk digunakan sebagai media Vol.1, No.1, April 2017, PP. 23-39. pendukung pesiapan ujian HSK. ISSN: 2579-4906. Pasaribu, J.S., 2017. Penerapan framework Yii pada pembangunan sistem ppdb smp bppi V. KESIMPULAN DAN SARAN baleendah kabupaten bandung. Jurnal Kesimpulan yang dapat diambil dari Ilmiah Teknologi Informasi Terapan hasil penelitian ini diantaranya adalah Volume III, No 2, 15 Aprl 2017. sebagai berikut. Berbasis penerapan Pauw b. dan Noviana l., 2014. Keterkaitan new HSK dan kurikulum bahasa Mandarin di kerangka kerja PHP Yii memudahkan perguruan tinggi. Jurnal LINGUA peneliti untuk membangun aplikasi web CULTURA Vol.8 No.1,hal. 16-21, May ini. Aplikasi sistem simulasi ujian HSK 2014. berbasis web ini, cukup signifikan bagi Pressman, R.S. & Maxim, B.R., 2015.Software pengguna, terutama bagi calon mahasiswa Engineering: A Practitioner’s Approach. Eighth Edition., Mc Graw Hill. yang akan mengukur kemampuan HSK Putra W, Putri A.S. dan Annisa D. P. , 2016. Mau nya. Secara keseluruhan modul yang Studi Lanjut di China ... ditawarkan dalam aplikasi ini dapat https://www.kompasiana.com/studitiong digunakan sebagai media pendukung kok/mau-study-lanjut-di-china-dengan- pesiapan ujian HSK, berdasarkan scholarship-baca-dulu- tipsnya_5965a66a4b0a68332a6fa7e4, tanggapan user untuk kalangan terbatas. diakses Juli 2018. Sharive, 2013. YII Framework Menguasai PHP Terbaik. Yogyakarta: Lokomedia.

Su, Y. Dan Shin, S., 2015. Test Review HSK. (2018) Uwika-mandarin.com [Online], Iranian Journal of language Testing. http://www.uwika-mandarin.com/. Vol. 5 No.2. Oktober 2015. ISSN 2251- Diakses: Juli, 2017. 7324. (2012) Yii Framework website [Online], http://www.yiiframework.com/, [Diakses: Sept. 30, 2017].