39
3.5 Perancangan Antar Muka
Perancangan antarmuka interface merupakan tampilan program aplikasi yang digunakan oleh pemakai user untuk dapat berkomunikasi dengan komputer.
3.5.1 Rancangan Halaman Index
Pada saat website dibuka, maka pemakai akan dihadapkan pada tampilan halaman seperti berikut gambar 3.7 berikut :
Gambar 3.7 Rancangan Halaman Index
Keterangan : 1.
Nomor 1 adalah label untuk judul program. 2.
Nomor 2 adalah picture box untuk foto HP 3.
Nomor 3 adalah text field untuk username 4.
Nomor 4 adalah text field untuk password 5.
Nomor 5 adalah button Login 6.
Nomor 6 adalah drop list untuk tipe HP 7.
Nomor 7 adalah button Lanjutkan 8.
Nomor 8 adalah button About
Pada halaman Index ini, bila user menginput username dan password yang terdaftar pada database, maka akan muncul menu-menu tambahan sesuai otoritas
1
3 4
5 8
6 7
2
40
username tersebut. Untuk user umum yang hanya memerlukan akses ke sistem pakar, dapat langsung memilih tipe HP yang ada, dan menekan button Lanjutkan.
3.5.2 Rancangan Halaman Process
Gambar 3.8 Rancangan Halaman Process
Keterangan : 1. Nomor 1 adalah label untuk judul program.
2. Nomor 2 adalah picture box untuk foto HP 3. Nomor 3 adalah text field untuk username
4. Nomor 4 adalah text field untuk password 5. Nomor 5 adalah button Login
6. Nomor 6 adalah text box yang menampilkan nama gejala 7. Nomor 7 adalah radio button tingkat kepercayaan gejala
8. Nomor 8 adalah button Next 9. Nomor 9 adalah button About
Pada halaman Process ini, user akan memilih Ya, Tidak Tahu, atau Tidak atas tingkat kepercayaangejala pada setiap baris yang ada. Setelah selesai memilih
jawaban untuk setiap nama gejala yang ada, maka user dapat menekan button Next untuk mendapatkan hasil analisis dari sistem pakar Certainty Factor ini.
1
3 4
5 9
6 7
8 2
41
3.5.3 Rancangan Halaman Result
Gambar 3.9 Rancangan Halaman Result
Keterangan : 1. Nomor 1 adalah label untuk judul program.
2. Nomor 2 adalah picture box untuk foto HP 3. Nomor 3 adalah text field untuk username
4. Nomor 4 adalah text field untuk password 5. Nomor 5 adalah button Login
6. Nomor 6 adalah text box yang menampilkan nama masalah, nilai CF, definisi CF dan solusi
7. Nomor 7 adalah button Back 8. Nomor 8 adalah button About
Pada halaman result ini, user mendapatkan hasil analisis dari sistem pakar Certainty Factor
. Bila user ingin melakukan analisis terhadap tipe hp yang lain, dapat menekan button Back untuk kembali ke index.
1
3 4
5 8
6 7
2
42
3.5.4 Rancangan Halaman About
Kategori