29
3.2 Perancangan Interface
Perancangan antarmuka interface merupakan salah satu bagian yang sangat penting dalam sebuah perancangan sistem. Perancangan antarmuka dibuat agar mudah dalam
membangun sebuah sistem.
Sebuah antarmuka harus dirancang dengan memperhatikan pengguna sehingga dapat memberikan kemudahan dan kenyamanan
untuk digunakan oleh pengguna.
3.2.1 Antarmuka Menu Utama
Perancangan Menu Utama dapat dilihat pada Gambar 3.8 berikut.
Gambar 3.8 Rancangan Antarmuka Menu Utama
Keterangan Gambar 3.8 di atas adalah sebagai berikut: 1.
Application Icon untuk menampilkan ikon dari aplikasi. 2.
Textview Judul untuk menampilkan judul menu utama. 3.
Edittext Input untuk menginput data istilah psikologi. 4.
Textview Istilah untuk menampilkan nama istilah psikologi. 5.
Listview Data Istilah untuk menampilkan seluruh istilah yang bersesuaian dengan pencarian.
Universitas Sumatera Utara
30
3.2.2 Antarmuka Menu Psychology Term
Perancangan Menu Psychology Term dapat dilihat pada Gambar 3.9 berikut.
Gambar 3.9 Rancangan Antarmuka Menu Psychology Term
Keterangan Gambar 3.9 di atas adalah sebagai berikut: 1.
Imagebutton untuk menampilkan Menu Navigasi. 2.
Application Icon untuk menampilkan ikon dari aplikasi. 3.
Textview Judul untuk menampilkan judul menu Psychology Term. 4.
Button Actionbar Add untuk menambah daftar istilah baru. 5.
Textview Data Istilah untuk menampilkan nama istilah psikologi. 6.
Imageview Delete untuk menghapus data istilah. 7.
Imageview Edit untuk mengubah data istilah. 8.
Listview Data Istilah untuk menampilkan seluruh data istilah yang telah tersimpan.
Universitas Sumatera Utara
31
3.2.3 Antarmuka Menu About
Perancangan Menu About dapat dilihat pada Gambar 3.10 berikut.
Gambar 3.10 Rancangan Antarmuka Menu About
Keterangan Gambar 3.10 di atas adalah sebagai berikut: 1.
Imagebutton untuk menampilkan Menu Navigasi. 2.
Application Icon untuk menampilkan ikon dari aplikasi. 3.
Textview Judul untuk menampilkan judul menu About. 4.
Textview Deskripsi untuk menampilkan deskripsi kamus. 5.
Textview untuk menampilkan versi aplikasi. 6.
Textview untuk menampilkan contact.
Universitas Sumatera Utara
32
3.2.4 Antarmuka Menu Navigation Perancangan Menu Navigation dapat dilihat pada Gambar 3.11 berikut.
Gambar 3.11 Rancangan Antarmuka Menu Navigation
Keterangan Gambar 3.11 di atas adalah sebagai berikut: 1.
Imagebutton untuk menampilkan Menu Navigasi. 2.
Application Icon untuk menampilkan ikon dari aplikasi. 3.
Textview Judul untuk menampilkan judul menu. 4.
Navigation Searching untuk menampilkan Menu Utama yaitu Menu Searching. 5.
Navigation Psychology Term untuk menampilkan daftar istilah yang telah tersimpan.
6. Navigation About untuk menampilkan Menu Tentang Aplikasi.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem