Perancangan Proses .1 Fase Workshop Desain 1 Perancangan Algoritma

63 Berikut flowchart algoritma Binary Search : Mulai Masukkan keyword Procedure cari Awal=0 akhir=data-length- 1 Hitung nilai mid = data awal+data akhir2 Mid= data yang dicari Data yang dicari = nilai mid Data mid keyoword Cari disetengah array pertama Cari disetengah array kedua Selesai Ya Tidak Ya Tidak Cetak hasil Gambar 4.1. Flowchart Algoritma Binary Search 4.2.2 Perancangan Proses 4.2.2.1 Use Case Diagram Pada tahap ini, sistem akan digambarkan dalam bentuk UML. UML digunakan untuk membuat Use Case Diagram, Activity Diagram, dan Sequence Diagram. 64 a. Identifikasi Actor Adapaun actor pada aplikasi Kamus Indonesia – Korea diklasifikasikan menjadi satu yaitu pengguna user. Pengguna mempunyai wewenang untuk melakukan penerjemahan kata, mempelajari bahasa Korea dan memberikan saran atau kritik kepada peneliti. Tabel 4.2 Identifikasi Actor No Actor Deskripsi 1. User User adalah semua pengguna yang akan menggunakan aplikasi ini dan memeliki wewenang untuk melakukan penerjemahan kata, mempelajari bahasa Korea dan memerikan kritik atau saran kepada peneliti. b. Identifikasi Use Case Pada tabel di bawah ini, akan dijelaskan fungsi-fungsi Use Case yang terdapat pada aplikasi ini dan siapa saja actor yang dapat mengaksesnya. Tabel 4.3 Identifikasi Use Case No. Use Case Name Description Actor 1. Cari Terjemahan Use Case ini digunakan untuk memasukkan kata User 65 dalam bahasa Indonesia untuk mencari terjemahan dalam bahasa Korea dan sebaliknya 2. Dengar lafal Use Case ini menggambarkan kegiatan untuk mendengarkan lafal kosakata terjemahan User 3. Belajar Hangul Use Case ini menampilkan huruf-huruf Korea User 4. Belajar kosakata Use Case ini menampilkan kosakata sehari-hari yang digunakan dalam bahasa Korea User 5. Lihat tentang Use Case ini digunakan untuk menampilkan informasi peneliti User c. Use Case Diagram Aplikasi Berdasarkan actor dan fungsi aplikasi, berikut Use Case Diagram yang dirancang oleh peneliti : 66 Gambar 4.2 Use Case Diagram Aplikasi Kamus Indonesia-Korea Pada gambar 4.2 dapat dilihat apa saja interaksi yang dapat dilakukan oleh pengguna terhadap sistem. Pengguna dapat memilih kategori bahasa yang ingin diterjemahkan, belajar hangul dan kosakata bahasa Korea serta melihat informasi mengenai aplikasi dan peneliti. d. Narasi Use Case Diagram Narasi Use Case Diagram bertujuan untuk mendeskripsikan atau memperjelas Use Case Diagram. Berikut narasi Use Case : Actor Pilih kategori bahasa Dengar lafal Belajar hangul include Belajar kosakata Tentang 67 1. Use Case Cari Terjemahan Tabel 4.4 Use Case Narasi 1 Pelaku User Deskripsi Use Case yang mendeskripsikan proses yang terjadi ketika pengguna memilih kategori kamus Tujuan Memulai kategori kamus Kondisi Awal Halaman home Halaman dictionary Bidang Khas Suatu Kegiatan Pengguna Respon Sistem 1. Pengguna membuka aplikasi 4. Pengguna memilih kategori kamus Indonesia -Korea atau Korea -Indonesia 6. Pengguna memasukkan kata yang ingin diterjemahkan 2. Aplikasi menampilkan halaman splash screen 3. Aplikasi menampilkan halaman utama 5. Aplikasi menampilkan pilihan kategori kamus 7. Aplikasi menampilkan hasil terjemahan Kondisi Akhir Menampilkan hasil terjemahan 68 2. Use Case Lafal Tabel 4.5 Use Case Narasi 2 Pelaku Pengguna Deskripsi Use Case yang mendeskripsikan kegiatan menampilkan suara dari terjemahan dari kosakata Tujuan Dengar lafal Kondisi Awal Halaman home Halaman dictionary Bidang Khas Suatu Kegiatan Pengguna Respon Sistem 1. Input kata yang ingin diterjemahkan 2. Mengkilik icon lafal 3. Menampilakn hasil terjemahan beserta tombol lafal 4. Mendengarkan lafal kata Kondisi Akhir Lafal kosakata terjemahan diperdengarkan ke pengguna 3. Use Case Belajar Hangul Tabel 4.6 Use Case Narasi 3 Pelaku Pengguna Deskripsi Use Case yang mendeskripsikan kegiatan belajar Hangul Tujuan Belajar Hangul disertai lafalnya Kondisi Awal Halaman home Halaman dictionary 69 Bidang Khas Suatu Kegiatan Pengguna Respon Sistem 1. Pilih menu Hangul pada menu bar di Home 3. Pilih salah satu kategori Hangul 5. Klik icon lafal 2. Aplikasi menampilkan halaman Hangul 4. Menampilkan pilihan Hangul 6. Aplikasi akan mengeluarkan lafal hanguln yang dipilih Kondisi Akhir Hangul tampil ke pengguna 4. Use Case Frasa Tabel 4.7 Use Case Narasi 4 Pelaku Pengguna Deskripsi Use Case yang mendeskripsikan kegiatan belajar kosakata sehari-hari Korea Tujuan Belajar kosakata Korea disertai lafalnya Kondisi Awal Halaman home Halaman dictionary Bidang Khas Suatu Kegiatan Pengguna Respon Sistem 1. Pilih menu Frase pada menu bar di Home 2. Aplikasi menampilkan halaman kosakata 70 3. Pilih salah satu tema kosakata 5. Klik listview pada salah satu kata 4. Menampilkan pilihan tema kosata yang dipilih 7. Aplikasi akan mengeluarkan lafal kosakata yang dipilih Kondisi Akhir Menu Frase tampil ke pengguna 5. Use Case Tentang Tabel 4.8 Use Case Narasi 5 Pelaku Pengguna Deskripsi Use Case yang mendeskripsikan kegiatan menampilkan halaman tentang Tujuan Belajar kosakata Korea disertai lafalnya Kondisi Awal Halaman home Halaman dictionary Bidang Khas Suatu Kegiatan Pengguna Respon Sistem 1. Pilih menu tentang pada menu bar di Home 3. Pengguna bisa memilih info 2. Aplikasi menampilkan halaman tentang 5. Menampilkan pilihan tema kosata yang dipilih 71 tentang aplikasi atau tentang peneliti 8. Aplikasi akan menampilkan info tentang yang dipilih Kondisi Akhir Menu Tentang tampil ke pengguna

4.2.2.2 Activity Diagram

1. Activity Diagram Terjemahan Kosakata Gambar 4.2 Activity Diagram Terjemahan Kosakata Pengguna Aplikasi Menampilkan Splash Screen Membuka aplikasi Menampilkan home Pengguna memilih salah satu menu terjemahan Menampilkan menu terjemahan yang dipilih Input kata yang akan diterjemahkan Menerima permintaan cari terjemahan Menampilkan kata tidak ada Menampilkan hasil terjemahan 72 Keterangan gambar : Proses activity diagram aplikasi kamus Indonesia - Korea mejelaskan proses yang dilakukan oleh user untuk menerjemahkan kata dalam bahasa Indonesia ke bahasa Korea maupun sebaliknya. Proses dimulai ketika pengguna membuka aplikasi, kemudian masuk ke halaman home, user bisa memilih terjemahan dari Indonesia ke Korea atau Korea ke Indonesia. Pengguna memasukan kata selanjutnya menekan tombol pencarian. Proses pencarian menggunakan Algoritma Binary Search dengan mencocokkan kata dengan terjemahan yang terdapat pada array. Terjemahan akan tampil apabila kata terdapat pada array. 2. Activity Diagram Lafal Gambar 4.4 Activity Diagram Lafal Pengguna Aplikasi Input kata yang akan diterjemahkan Menerima permintaan cari terjemahan Menampilkan kata tidak ada Menampilkan hasil terjemahan Klik icon lafal Menampilkan suara hasil terjemahan 73 Keterangan gambar: Alur Activity Diagram lafal menjelaskan proses lafal terjemahan. Sistem menampilkan hasil terjemahan beserta icon suara. Pengguna mengklik icon suara untuk mendengarkan lafal hasil terjemahan. 3. Activity Diagram Belajar Hangul Gambar 4.5 Activity Diagram Belajar Hangul Keterangan gambar: Alur Activity Diagram belajar Hangul adalah pengguna memilih menu Hangul pada menu bar di Home, kemudian sistem menampilkan menu Hangul dengan empat pilihan kategori yaitu vokal dasar, vokal perluasan, konsonan dasar dan kosonan ganda. Pengguna dapat memilih Pengguna Aplikasi Memilih menu hangul pada menu bar home Menampilkan menu hangul Memlih salah satu kategori Hangul Menampilkan pilihan hangul Menampilkan suara hangul Klik icon lafal untuk mendengar Hangul 74 salah satu dari keempat kategori tersebut, kemudian sistem akan menampilkan halaman yang dipilih. Halaman tersebut berisi huruf Hangul disertai lafal. Pengguna bisa mengklik icon suara untuk mendengarkan lafal Hangul. 4. Activity Diagram Belajar Frasa Gambar 4.6 Activity Diagram Frasa Korea Keterangan gambar : Alur Activity Diagram belajar Frasa adalah pengguna memilih menu Frasa pada menu bar di Home, kemudian sistem menampilkan menu Frasa dengan delapan pilihan kategori yaitu salam, keluarga, tempat, pendidikan,pakaian, pekerjaan, angka, hari dan bulan. Pengguna dapat Pengguna Aplikasi Memilih menu Frase pada menu bar home Menampilkan menu frase Memlih salah satu kategori Frasel Menampilkan pilihan Frase Menampilkan suara Frase Klik icon lafal untuk mendengar Frase 75 memilih salah satu dari kedelapan kategori tersebut, sistem kemudian akan menampilkan halaman yang dipilih. Halaman ditampilkan dalam bentuk listview disertai icon suara. Pengguna bisa mengklik icon suara untuk mendengarkan lafal frasa. 5. Activity Diagram Tentang Gambar 4.7 Activity Diagram Tentang Keterangan gambar : Alur Activity Diagram tentang adalah pengguna memilih menu tentang pada menu bar di Home, kemudian aplikasi merespon dengan menampilkan halaman tab tentang aplikasi dan tab tentang penulis. Pengguna Aplikasi Memilih menu tentang pada menu bar home Menampilkan menu tentang Memlih info tentang aplikasi atau peneliti Menampilkan info 76

4.2.2.3 Sequence Diagram

Sequence Diagram menjelaskan secara detail urutan proses yang dilakukan dalam sistem untuk mencapai tujuan dari Use Case. Aplikasi kamus Indonesia – Korea digambarkan pada sequence diagram berikut : 1. Sequence Diagram Terjemahan Kosakata Gambar 4.8 Sequence Diagram Terjemah Keterangan gambar : Diagram diatas menjelaskan langkah yang dilakukan ketika user ingin menerjemahkan kata dalam bahasa Indonesia atau Korea. Pada saat objek menu utama menampilkan halaman home, pengguna memasukkan kosakata yang ingin diterjemahkan. Pencarian kosakata menggunakan Algoritma Binary Search, selanjutnya akan Pengguna GUI Daftar Kata 1 : Membuka aplikasi 2 : Menampilkan halaman home 3 : Memilih menu kategori kamus 4 : Menampilkan pilihan kategori kamus 5 : Memasukkan kata yang ingin diterjemahkan 6 : Pencarian dengan algoritma binari search 7 : pengecekan 8 : Mengirim terjemahan ke GUI 9 : Menampilkan hasil terjemahan beserta icon suara 77 mencari terjemahan yang sesuai. Setelah itu hasil terjemahan dikirim ke objek GUI General User Interface kemudian ditampilkan ke pengguna. Apabila kosakata yang dicari tidak ada, aplikasi akan menyampaikan pesan “kata tidak ditemukan”. 2. Sequence Diagram Lafal Gambar 4.9 Sequence Diagram Lafal Keterangan gambar: Diagram diatas menjelaskan langkah yang dilakukan user untuk mendengar lafal hasil terjemahan. Setelah menampilkan hasil terjemahan, pengguna dapat mengklik icon suara untuk mendengarkan lafal hasil terjemahan Pengguna Menu utama Daftar Kata dan Lafal 1 : Memasukkan kata 2 : Pengecekan dengan algoritma binary search 3 4 : menampilkan hasil terjemahan beserta icon suara 5 : Mengirim hasil terjemahan 6 : Mengklik icon suara 7 : Pengecekan lafal 8 9 : menampilkan suara terjemahan 10 : Mengirim lafal 78 3. Sequence DiagramBelajar Hangul Gambar 4.10 Sequence Diagram Hangul Keterangan gambar Diagram diatas menjelaskan langkah yang dilakukan user untuk belajar Hangul. Pengguna memilih menu hangul, kemudian aplikasi akan menampilkan empat kategori pembelajaran hangul yang bisa dipilih. Setiap karakter hangul memiliki lafal atau audio sehingga memudahkan pengguna untuk belajar Hangul. Pengguna GUI 1 : Memilih menu hangul 2 : Menampilkan menu hangul 3 : Memilih kategori hangul 4 : menampilkan pilihan kategori hangul 5 : Klik icon suara 6 : menampilkan lafa hangul 79 4. Sequence DiagramBelajar Frasa Gambar 4.11 Sequence Diagram Belajar Frasa Keterangan gambar : Diagram diatas menjelaskan langkah yang dilakukan user untuk belajar Frasa Korea. Pengguna memilih menu Frasa, kemudian aplikasi akan menampilkan delapan kategori frasa sehari-hari. Kosakata yang terdapat pada menu frasa ditampilkan dalam bentuk listview disertai dengan icon suara untuk mendengarkan lafal. Pengguna GUI 1 : Memilih menu Frasa 2 : Menampilkan 8 pilihan kategori Frasa 3 : Memilih salah satu kategori 4 : Menampilkan kategori yang dipilih 5 : Klik listview icon suara 6 : Mendengarkan lafal listview 80 5. Sequence DiagramTentang Gambar 4.12 Sequence Diagram Tentang Keterangan gambar : Diagram diatas menjelaskan langkah yang dilakukan user untuk mengetahui tentang aplikasi dan peneliti. Pengguna memilih menu tentang kemudian memilih salah satu tab menu untuk mengtahui informasi aplikasi dan peneliti

4.2.3 Perancangan User Interface