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