Perancangan Antar Muka Fase Perancangan

adalah daftar atribut pada tabel 4.10a dan daftar metode pada tabel 4.10b dari kelas Splash. Tabel 4.10a Daftar Atribut Kelas Splash Nama Atribut Visibility Tipe imgTitle private Image Midlet private ManasikHaji Tabel 4.10b Daftar Metode Kelas Splash Nama Atribut Visibility Tipe Keterangan Splash Public Void Konstruktor dari kelas Menu keyPressed Public Void Yaitu metode yang digunakan untuk menangkap event ketika tombol ditekan paint Public Void Yaitu metode yang digunakan untuk menggambar pada canvas

4.2.5 Perancangan Antar Muka

Dalam perancangan antarmuka, dibuat beberapa canvas, form dan list yang akan diuraikan sebagai berikut. 1. Canvas Splash Screen Canvas splash screen adalah tampilan awal ketika aplikasi panduan mansik haji ini dijalankan. Canvas ini menampilkan gambar sebagai menu pembuka aplikasi panduan manasik haji. Rancangan Canvas Splash Screen dapat dilihat pada gambar dibawah ini Gambar 4.15 Rancangan Canvas Splash Screen 2. Canvas Menu Utama Canvas ini berfungsi untuk menampilkan menu utama yang ada dalam aplikasi yang dapat dipilih sesuai dengan keinginan user. Rancangan Canvas menu utama dapat dilihat pada gambar 4.16 dibawah ini. Gambar 4.16 Rancangan Canvas Menu Utama a Menu Tentang Haji : berfungsi untuk menampilkan list tentang haji. Gambar Splash Screen Aplikasi Panduan Manasik Haji Aplikasi Panduan Manasik Haji Menu Utama Tentang Haji Istilah Haji Doa-doa Haji Tahapan Haji Tamattu Bantuan Tentang Aplikasi Keluar Pilih b Menu Istilah Haji : berfungsi untuk menampilkan list istilah haji. c Menu Doa-doa Haji : berfungsi untuk menampilkan list doa haji. d Menu Tahapan Haji Tamattu : berfungsi untuk menampilkan list tahapan haji tamattu. e Menu Bantuan : berfungsi untuk menampilkan form tampil bantuan penggunaan aplikasi ini. f Menu Tentang Aplikasi : berfungsi untuk menampilkan form tampil tentang aplikasi ini. g Tombol Keluar : berfungsi untuk keluar dari aplikasi ini. h Tombol Pilih : berfungsi untuk memilih menu yang dikehendaki user. 3. List Tentang Haji List ini berfungsi untuk menampilkan hal-hal mengenai ibadah haji seperti: pengertian haji, macam-macam haji, waktu pelaksanaan haji, hikmah dan keutamaan haji, hukum dan dalil haji, syarat-syarat haji, rukun dan wajib haji, dam haji dan larangan dalam haji. Rancangan list tentang haji dapat dilihat pada gambar 4.17 dibawah ini. Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji List Tentang Haji Pilih Menu Utama Gambar 4.17 Rancangan List Tentang Haji a Menu List Tentang Haji : berfungsi untuk menampilkan form tampil tentang haji. b Tombol Pilih : berfungsi untuk menampilkan form tampil tentang haji sesuai pilihan user yang dikehendaki. c Tombol Menu Utama : berfungsi untuk menampilkan canvas menu utama. 4. List Istilah Haji List ini berfungsi untuk menampilkan hal-hal mengenai istilah- istilah yang terdapat dalam pelaksanaan ibadah haji. Seperti: aqabah, arafah, arbain dll. Rancangan list istilah haji dapat dilihat pada gambar 4.18 dibawah ini. Gambar 4.18 Rancangan List Istilah Haji Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji List Istilah Haji Pilih Menu Utama a Menu List Istilah Haji : berfungsi untuk menampilkan form tampil istilah haji. b Tombol Pilih : berfungsi untuk menampilkan form tampil istilah-istilah haji sesuai pilihan user yang dikehendaki. c Tombol Menu Utama : berfungsi untuk menampilkan canvas menu utama. 5. List Doa Haji List ini berfungsi untuk menampilkan hal-hal mengenai doa-doa yang terdapat dalam pelaksanaan ibadah haji. Seperti: aqabah, arafah, arbain dll. Rancangan list istilah haji dapat dilihat pada gambar 4.19 dibawah ini. Gambar 4.19. Rancangan List Doa-doa Haji Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji List Doa-doa Haji Pilih Menu Utama a Menu List Doa-doa Haji : berfungsi untuk menampilkan form tampil doa-doa haji. b Tombol Pilih : berfungsi untuk menampilkan form tampil doa-doa haji sesuai pilihan user yang dikehendaki. c Tombol Menu Utama : berfungsi untuk menampilkan canvas menu utama. 6. List Tahapan Haji Tamattu List ini berfungsi untuk menampilkan hal-hal mengenai tahapan- tahapan yang harus dilakukan yang terdapat dalam pelaksanaan ibadah haji tamattu. Seperti: ihrom umroh, tawaf qudum, sai umroh, tahalul, ihram haji, mabit di mina, wukuf di arafah, mabit di muzdalifah, lontar jumrotul mina, tawaf ifadoh, sai haji, tahalul haji, mabit di mina pada hari tasyrik, melontar ketiga dan umrah tawaf wada. Rancangan list tahapan haji tamattu dapat dilihat pada gambar 4.20 dibawah ini. Gambar 4.20. Rancangan List Tahapan Haji Tamattu Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu List Tahapan Haji Tamattu Pilih Menu Utama a Menu List Tahapan Haji Tamattu : berfungsi untuk menampilkan form tampil tahapan- tahapan haji tamattu. b Tombol Pilih : berfungsi untuk menampilkan form tampil tahapan haji tamattu sesuai pilihan user yang dikehendaki. c Tombol Menu Utama : berfungsi untuk menampilkan canvas menu utama. 7. Form Tampil Form ini berfungsi untuk menampilkan content atau isi dari list tentang haji, list istilah-istilah haji, list doa-doa haji, list tahapan haji tamattu dan menampilkan bantuan penggunaan dan informasi tentang aplikasi ini. Rancangan form tampil dilihat pada gambar 4.21 dibawah ini. Gambar 4.21. Rancangan Form Tampil yang menampilkan content list tentang haji Hukum dan Dalil Haji salah satu content atau isi List Tentang Haji Kembali Gambar 4.22. Rancangan Form Tampil yang menampilkan bantuan dalam menggunakan aplikasi. a Tombol Kembali : berfungsi untuk menampilkan daftar list sebelumnya, seperti list tentang haji, list istilah-istilah haji, list doa-doa haji dan list tahapan haji tamattu. b Tombol Menu Utama : berfungsi untuk menampilkan canvas menu utama.

4.3 Fase Kontruksi