if i g g = i
f = i while g = 0 x[g] == x[g + m - 1 - f]
--g suff[i] = f - g
} }
}
3.5 Perancangan Antarmuka Interface
Perancangan antarmuka digunakan untuk memudahkan penggunaan aplikasi sistem yang ditujukkan kepada pengguna user sehingga sistem dapat berjalan sesuai dengan
fungsinya secara optimal berdasarkan instruksi yang diberikan oleh user. Aplikasi yang dibangun pada penelitian ini menggunakan bahasa pemograman java.
3.5.1 Splash Screen
Splash Screen atau tampilan sementara ditunjukkan pada gambar 3.10 adalah tampilan yang digunakan untuk menunjukkanmenampilkan logo dari aplikasi.
Gambar 3.10 Rancangan Splash Screen Keterangan:
1. adalah gambar yang menampilkan logo aplikasi
1
Universitas Sumatera Utara
3.5.2 Menu UtamaTerjemahan Al-Quran
Perancangan Menu Utama dapat dilihat pada gambar 3.11
Gambar 3.11 Rancangan Menu Utama Keterangan:
1. adalah Action bar untuk menampilkan judul menu utama
2. adalah Navigation Menu untuk menampilkan Menu Navigasi.
3. adalah Tabhost Juz untuk menampilkan terjemahan Al-Quran berdasarkan juz.
4. adalah Tabhost Surat untuk menampilkan terjemahan Al-Quran berdasarkan surat.
5. adalah Tabhost Ayat untuk menampilkan terjemahan Al-Quran berdasarkan ayat.
6. adalah Logo aplikasi.
7. adalah Custom Listview Juz untuk menampilkan seluruh juz pada terjemahan Al
Quran. 8.
adalah Custom Listview Surat untuk menampilkan seluruh surat pada terjemahan Al Quran.
9. adalah Custom Listview Ayat untuk menampilkan seluruh ayat pada terjemahan
Al Quran.
3.5.3 Menu Navigasi
2 1
3 4
5
7 8
9
6
Universitas Sumatera Utara
Perancangan Menu Navigasi dapat dilihat pada gambar di bawah ini
Gambar 3.12 Rancangan Menu Navigasi
Gambar 3.13 Rancangan Menu Cari
Gambar 3.14 Rancangan Menu Loncat
Keterangan: 1.
adalah Menu cari untuk melakukan pencarian string pada aplikasi 2.
adalah Menu loncat untuk melakukan loncat ke surat atau ayat yang ingin dilihat.
√
Gambar 3.15 Rancangan Menu Pengaturan
Gambar 3.16 Rancangan Menu Log
Gambar 3.17 Rancangan Menu Tentang
Loncat
Pencarian seluruhnya Ketik disini….
Kembali cari
Loncat: Masukkan halaman1-
6236
Ketik disini Batal
loncat 7
6 8
9
Pengaturan
Filter Pencarian Tentang
Log 1.Allah
Banyak komparasi: Running Time :
10 11
12 13
Universitas Sumatera Utara
3. adalah Menu pengaturan untuk melakukan pengaturan pada aplikasi
4. adalah Menu Log untuk menampilkan log proses pencarian.
5. adalah Menu Tentang untuk menampilkan halaman yang berisi tentang aplikasi.
6. adalah EditText untuk memasukkan string yang ingin dicari
7. adalah Button cari untuk melanjutkan ke proses pencarian.
8. adalah Button untuk kembali ke menu awal.
9. adalah Action Bar untuk menampilkan judul activity yang sedang berjalan.
10. adalah CheckBox untuk melakukan filter pencarian.
11. adalah Logo Aplikasi
12. adalah CostumListView untuk menampilkan listlog pencarian
13. adalah ImageView untuk menampilkan penjelasan tentang aplikasi
3.5.4 Form Hasil
Kategori