Sub-bab ini akan menjelaskan mengenai proses desain dari aplikasi pembelajaran huruf korea “hangeul” yang akan dibuat. Proses desain sistem aplikasi dalam sub-bab ini akan dibagi menjadi beberapa bagian.
3.1 Analisa Sistem
Sistem Aplikasi pembelajaran huruf korea ini merupakan sistem pembelajaran dengan metode mendengarkan serta menghafalkan bentuk huruf serta cara penulisannya. Sistem ini dapat menampilkan audio, tulisan maupun gambar. Dalam tahap akhir pembelajaran terdapat tes untuk menguji kemampuan pengguna setelah belajar mengenali huruf sebelumnya.
Aplikasi ini dapat mempermudah pembelajaran tanpa membuang banyak waktu. Sangat bermanfaat karena mudah dibawa dan diakses kapanpun mengingat aplikasi ini bersifat offline.
3.2 Perancangan Sistem
Pada bagian ini akan dijelaskan Perancangan sistem dari “APLIKASI PEMBELAJARAN HURUF KOREA (HANGEUL) BERBASIS ANDROID” yang akan dibagi menjadi beberapa bagian yaitu perancangan proses dan perancangan antarmuka
3.3 Perancangan Pr oses
Pada proses perancangan Tugas Akhir ini, desain yang dibuat menggunakan diagram UML (Unified Modeling Language) yang bertujuan untuk memodel rancangan sistem dan aliran program yang dibuat mendekati realitas dan siap pakai. Software yang digunakan dalam merancang proses adalah Rational Rose Enterprise Edition. Diagram-diagram UML yang digunakan pada aplikasi pembelajaran huruf korea “hangeul” adalah sebagai berikut :
3.3.1 Diagram Use Case
Use case diagram menggambarkan fungsionalitas yang diharapkan dari
sebuah sistem. Yang ditekan adalah “apa” yang diperbuat sistem, dan “bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara aktor dan sistem. Seorang atau sebuah aktor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu.
Use case diagram dapat sangat membantu bila kita sedang menyusun sebuah
Belajar Huruf
mengerjakan Latihan Membaca Tentang Huruf Hangeul
Melihat Bantuan Lihat Tentang Aplikasi Keluar
pengguna
Belajar Vokal Primer
Belajar Konsonan Tunggal
Belajar Konsonan Rangkap
Belajar Vokal Sekunder
Belajar Konsonan Akhir Tunggal Belajar Konsonan Akhir Rangkap
<<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>>
Latihan Vokal Primer <<extend>>
Latihan Konsonan Tunggal <<extend>>
Latihan Konsonan Rangkap <<extend>>
Latihan Vokal Sekunder <<extend>>
Latihan Konsonan Akhir Tunggal <<extend>>
Latihan Konsonan Akhir Rangkap <<extend>>
Lihat Nilai
Gambar 3.1 Diagram Use Case Aplikasi Pembelajaran Puruf Korea “Hangeul”. Pada Gambar 3.1 terdapat actor yaitu pengguna yang dapat berinteraksi dengan berbagai usecase meliputi belajar huruf, mengerjakan latihan, membaca tentang huruf Hangeul, melihat bantuan, serta lihat aplikasi. Pada use case belajar huruf terdapat asosiasi extend berupa belajar vokal primer, konsonan tunggal, konsonan rangkap, vokal sekunder, konsonan akhir tunggal dan konsonan akhir rangkap. Sedangkan pada usecase mengerjakan latihan terdapat asosiasi extend seperti belajar hangeul kemudian bisa melihat nilai.
3.2.2 Diagram Aktivitas
Activity diagram menggambarkan berbagai alir aktifitas dalam sistem yang
sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang terjadi pada beberapa eksekusi.
Activity diagram merupakan state diagram khusus, dimana sebagian besar
state adalah aktion dan sebagian besar transisi di trigger oleh selesainya state
sebelum (internal processing). Oleh karena itu activity diagram tidak menggambarkan behavior internal sebuah sistem ( dan interaksi antar subsistem ) secara eksak, tetapi lebih menggambarkan prose-proses dan jalur-jalur aktifitas dari level atas secara umum. Internal sebuah system (dan interaksi antar subsistem)
Pilih menu bantuan
melihat cara penggunaan aplikas i
menam pilkan cara penggunaan aplikas i
Sis tem pengguna
Gambar 3.2 Diagram Activity Menu “Bantuan”
Pada Gambar 3.2 pengguna mengawali aktivitas dengan memilih menu bantuan yang akan ditampilkan oleh sistem pada pengguna.
pilih menu tentang aplikasi
melihat keterangan tentang aplikasi
menam pilkan keterangan tentang aplikasi
s is tem pengguna
Gambar 3.3 Diagram Activity Menu “Tentang Aplikasi”
Pada Gambar 3.3 pengguna mengawali aktivitas dengan memilih menu tentang aplikasi yang akan ditampilkan oleh sistem pada pengguna sehingga pengguna dapat melihat keterangan dari aplikasi.
pilih m enu tentang hangeul
mem baca sejarah hangeul
tam pilkan sejarah hangul
s is tem pengguna
Pada Gambar 3.4 pengguna mengawali aktivitas dengan memilih menu tentang Hangeul yang akan ditampilkan oleh sistem pada pengguna.
pilih menu belajar huruf vokal primer tekan dan dengarkan huruf konsonan tunggal vokal sekunder konsonan rangkap konsonan akhir konsonan akhir rangkap melihat jenis huruf pilih huruf menampilkan jenis huruf lihat huruf ya tidak tidak ya sistem pengguna
Gambar 3.5 Diagram Activity Menu “Belajar Huruf”
Pada Gambar 3.5 pengguna memulai aktivitas dengan memilih activity
“menu belajar huruf” dan sistem akan menampilkan jenis huruf mulai dari vokal primer, konsonan tunggal, konsonan rangkap, vokal sekunder, konsonan akhir tunggal dan konsonan akhir rangkap. Setelah pengguna memilih jenis vocal yang akan dipelajari kemudian terdapat pilihan keputusan lihat huruf, ketika ingin
melihat huruf pengguna bisa memilih huruf tetapi bisa juga mengulang pilihan menu belajar huruf. Setelah melihat huruf pengguna dapat melihat huruf berikutnya atau keluar dari aplikasi.
pilih menu latihan menjawab soal memilih jenis latihan dengarkan audio
vokal primer vokal sekunder
konsonan rangkap
konsonan akhir rangkap konsonan
tunggal konsonan akhir
melihat soal melihat nilai menampilkan pilihan latihan menam pilkan soal simpan nilai uji jawaban benar salah
hitung total nilai
sistem pengguna
Gambar 3.6 Diagram Activity Menu “Latihan”
Pada Gambar 3.6 pengguna memulai aktivitas dengan memilih activity
“menu latihan” dan sistem akan menampilkan jenis latihan huruf mulai dari vokal primer, konsonan tunggal, konsonan rangkap, vokal sekunder, konsonan akhir
tunggal dan konsonan akhir rangkap. Sistem akan menampilkan soal pada pengguna yang harus dijawab kemudian melakukan pengecekan salah atau benar sehingga nilai dapat disimpan kemudian ditampilkan pada pengguna saat seluruh soal selesai dikerjakan.
3.2.3 Diagram Sekuensial
Sequence diagram menggambarkan interaksi antar objek didalam dan
disekitar sistem ( termasuk pengguna, display dan sebagainya ) berupa message
terhadap waktu. Sequence diagram terdiri atas dimensi vertikal ( waktu ) dan dimensi hotizontal ( objek-objek ) yang terkait.
Sequence diagram bisa digunakan untuk menggambarkan skenario atau
rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah entitas
event untuk menghasilkan output tertentu.
: pengguna
: pengguna boundary form
belajarhuruf boundary form belajarhuruf controller sis tem controller sis tem validasi angka&huruf validasi angka&huruf klik belajarhuruf()
pilih kelompok huruf pilih huruf
valid audio&huruf
cek
tampilkan huruf&audio
Dari Gambar 3.7 diagram sekuensial yang ada diatas menggambarkan aliran kerja yang terjadi dalam aplikasi pembelajaran huruf korea yang menjelaskan tentang proses pengguna saat belajar huruf korea “hangeul”.
: pengguna
: pengguna boundary form
tentang aplikasi boundary form tentang aplikasi controller sistem controller sistem klik tentang aplikasi()
tampilkan tentang aplikasi
Gambar 3.8 Diagram Sekuensial “Tentang Aplikasi”
: pengguna
: pengguna boundary form
tentang hangeul boundary form tentang hangeul controller sistem controller sistem klik tentang hangeul()
tampilkan tentang hangeul()
Gambar 3.9 Diagram Sekuensial “Tentang Hangeul”
Dari dua diagram sekuensial yang ada diatas menggambarkan aliran kerja yang terjadi dalam aplikasi pembelajaran huruf korea. Diagram sekuensial tentang aplikasi menjelaskan tentang proses pengguna melihat keterangan tentang aplikasi
sedangkan diagram sekuensial tentang hangeul menjelaskan bagai pengguna mengetahui ketengangan tentang sejarah huruf hangeul
: pengguna
: pengguna boundary form
bantuan boundary form bantuan controller sistem controller sistem klik bantuan()
tam pilkan bantuan()
Gambar 3.10 Diagram Sekuensial Menu “Bantuan”
: pengguna
: pengguna boundary form
menu awal boundary form menu awal controller sistem controller sistem klik keluar() proses permintaan
Gambar 3.11 Diagram Sekuensial Menu “Keluar”
Dua diagram sekuensial yang ada diatas menggambarkan aliran kerja yang terjadi dalam aplikasi pembelajaran huruf korea. Diagram sekuensial bantuan menjelaskan tentang bagaimana pengguna dapat menjalankan aplikasi
pembelajaran dengan benar sedangkan diagram sekuensial keluar menjelaskan proses pengguna keluar dari aplikasi.
: pengguna
: pengguna boundary menu
latihan boundary menu latihan controller s istem controller s istem
cek valid jwban cek valid jwban klik menu() pilih latihan() tampilkan s oal() jawab latihan() cek latihan() validasi jawaban() cek jawaban jawaban benar() jawaban salah() sim pan nilai()
tampilkan nilai() lihat nilai()
Gambar 3.12 Diagram Sekuensial Menu “Latihan”
Diagram sekuensial yang ada diatas menggambarkan aliran kerja yang terjadi dalam aplikasi pembelajaran huruf korea pada saat pengguna mengerjakan latihan.
3.4 Perancangan Antar Muka (Desain Interface)
Desain interface dibawah ini menerangkan desain sederhana yang dapat memudahkan pengguna untuk mengoperasikan aplikasi ini, ada beberapa rancangan desain interface yang dapat dijelaskan seperti dibawah ini :
Gambar 3.13 Form Menu Awal
Dalam menu awal terdapat beberapa button yang berfungsi untuk belajar huruf, latihan, melihat keterangan tentang Hangeul, melihat bantuan penggunaan aplikasi, tentang aplikasi dan keluar aplikasi. Dalam button belajar huruf pengguna akan diarahkan ke dalam form baru untuk melihat menu huruf yang akan dipelajari seperti pada Gambar 3.14 Sedangkan latihan akan mengarahkan pengguna pada form latihan menurut beberapa ketegori seperti pada Gambar 3.25 pada button tentang hangeul, bantuan dan tentang aplikasi pengguna akan diarahkan pada form seperti di Gambar 3.27, 3.28, 3.29
Gambar 3.14 Form Menu Belajar Huruf
Dalam menu belajar huruf terdapat beberapa button yang berisi pilihan untuk belajar huruf yang meliputi vokal primer, konsonan tunggal, konsonan rangkap, vokal sekunder, konsonan akhir tunggal dan konsonan akhir rangkap. Dalam button vokal primer pengguna akan diarahkan ke dalam form baru untuk melihat huruf huruf yang termasuk dalam huruf vokal primer seperti pada Gambar 3.15 Begitu juga dengan tombol yang lainnya.
Dalam menu vokal primer terdapat beberapa button huruf yang menghubungkan form keterangan huruf seperti Gambar 3.16 dibawah ini.
Gambar 3.16 Form Keterangan Huruf Vokal Primer
Dalam form diatas terdapat keterangan mengenai bentuk huruf, bunyi/bacaan dalam huruf latin, pengucapan kata bahasa Indonesia dan urutan penulisan.
Dalam menu konsonan tunggal terdapat 14 button huruf yang terhubung pada form keterangan huruf seperti Gambar 3.18
Gambar 3.18 Form Keterangan Konsonan Tunggal
Dalam form diatas terdapat keterangan huruf yang berisi bentuk huruf, bacaan dalam huruf latin, sebagai konsonan awal dan akhir, urutan penulisan.
Dalam menu vokal sekunder terdapat 11 button huruf yang menghubungkan pada form keterangan huruf seperti Gambar 3.20 dibawah ini.
Gambar 3.20 Form Keterangan Konsonan Tunggal
Dalam form diatas terdapat keterangan mengenai bentuk huruf, bunyi/bacaan dalam huruf latin, pengucapan kata bahasa Indonesia dan urutan penulisan. Button play digunakan untuk memutar audio dari contoh huruf.
Dalam menu konsonan akhir tunggal terdapat button yang berisi beberapa huruf didalamnya. Button tersebut terhubung pada form keterangan huruf seperti Gambar 3.22.
Gambar 3.22 Form Keterangan Huruf konsonan Akhir Tunggal
Dalam form diatas terdapat keterangan mengenai cara baca huruf beserta bunyi dari contoh hurufnya.
Dalam menu konsonan akhir rangkap terdapat button yang berisi lebih dari satu huruf didalamnya sama dengan konsonan akhir tunggal. Button tersebut terhubung pada form keterangan huruf seperti Gambar 3.24
Gambar 3.24 Form Keterangan Huruf Konsonan Akhir Rangkap Dalam form diatas terdapat keterangan mengenai detail huruf beserta contoh pengucapannya.
Dalam menu latihan terdapat beberapa button yang berisi pilihan untuk mengerjakan latihan huruf yang meliputi latihan vokal primer, konsonan tunggal, konsonan rangkap, vokal sekunder, konsonan akhir tunggal dan konsonan akhir rangkap. Dalam button latihan vokal primer pengguna akan diarahkan ke dalam
form baru untuk mendengarkan audio dari soal seperti pada Gambar 3.26
Gambar 3.26 Form Mengerjakan Latihan
Dalam form latihan terdapat 10 soal dimana soal tersebut merupakan
audio dari huruf korea/hangeul. Button uji akan mengoreksi jawaban pengguna kemudian nilainya ditampilkan pada kotak tampilan nilai seperti diatas. Sama seperti gambar diatas tampilan latihan dari konsonan tunggal, vokal sekunder, konsonan akhir tunggal dan konsonan akhir rangkap akan sama.
Gambar 3.27 Form Bantuan
Dalam form bantuan berisi cara penggunaan aplikasi pembelajaran huruf korea agar mugah digunakan oleh pengguna.
Gambar 3.28 Form Tentang Hangeul
Dalam form tentang hangeul berisi rincian keterangan tentang sejarah terciptanya huruf korea/hangeul.
Gambar 3.29 Form Tentang Aplikasi
Dalam form Tentang aplikasi terdapat rincian tentang aplikasi pembelajaran huruf korea.