Perancangan Antarmuka Awal Perancangan Antarmuka Utama Perancangan Antarmuka Penyimpanan Arti Kata

3.6. Perancangan Antarmuka

Pada aplikasi ini terdapat interface untuk beberapa antarmuka, perancangan antamuka ini masih sangat sederhana. Perancangan antarmuka dari aplikasi ini dibagi menjadi 4 bagian, yaitu antarmuka awal masuk, antarmuka utama, antarmuka menu help, dan antarmuka ketika proses dijalankan.

3.6.1. Perancangan Antarmuka Awal

Pada perancangan antarmuka awal ini, aplikasi mempunyai antarmuka seperti pada Gambar 3.5. Gambar 3.5 Antarmuka awal aplikasi Pada antarmuka ini terdapat sebuah gambar lambang java yang merupakan identitas pembuatan aplikasi ini menggunakan bahasa Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. pemrograman java berbasis mobile. Dan di antarmuka ini juga terdapat tulisan “Arabic Is Fun”, secara sederhana tulisan memberikan kesan awal pada user bahwa belajar bahasa arab sangat menyenangkan dan tidak sangatlah susah seperti bayangan sebelumnya, dengan gambaran awalan tersebut berharap dapat memotivasi untuk belajar bahasa arab lebih baik lagi.

3.6.2. Perancangan Antarmuka Utama

Pada perancangan antarmuka awal ini, aplikasi mempunyai antarmuka seperti pada Gambar 3.6. Gambar 3.6 Antarmuka utama Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Pada antarmuka utama ini terdapat sebuah menu yang terdiri dari 2 radiobuton. Radiobutton yang pertama merupakan menu untuk melalukakan proses penyimpanan data arti kata pada base, sedangkan arti yang kedua merupakan aplikasi utama yaitu pembetulan harokat.

3.6.3. Perancangan Antarmuka Penyimpanan Arti Kata

Pada antarmuka Pembetulan Harokat terdapat 3 buah textfield dan 5 buah menu, masing – masing mempunyai fungsi yang berbeda – beda. Selain objek – objek tersebut, terdapat sebuah ticker atau teks berjalan pada antarmuka ini, pada ticker tersebut teks berjalan dari arah kanan kea rah kiri secara terus – menerus, adapun teks yang tertulis pada ticker tersebut adalah “.::Penyimpanan Arti Kata BAru::.”. Gambar 3.7 Antarmuka ketika proses insert arti kata baru Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. a. Textfield 1 Textfield 1 berfungsi untuk mengetikkan inputan hurufsederhana bahasa Arab. b. Textfield 2 Textfield 2 berfungsi untuk menampung inputan huruf dan dirangkai menjadi suatu kata. c. Textfield 3 Textfield 3 berfungsi untuk menginputkan arti kata d. Menu Hapus Menu ini berfungsi untuk backspace pada textfield 2 e. Menu Reset Menu reset berfungsi untuk menghapus atau membersihkan teks pada masing – masing textfield seperti pada saat pertma kali aplikasi dijalankan. f. Menu Kembali ke Menu Menu ini berfungsi untuk kembali ke menu utama. g. Menu Help Menu help berfungsi untuk menampilkan antarmuka help yang digunakan untuk bantuan pengguaan aplikasi h. Menu Exit Menu exit berfungsi untuk menutup atau keluar dari aplikasi. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.6.4. Perancangan Antarmuka Pembetulan Harokat