UNIVERSITAS SUMATERA UTARA
3.4.7. Rancangan Antarmuka Halaman Info Disleksia
Gambar 3.17. Rancangan Antarmuka Halaman Info Disleksia
Gambar 3.17 menunjukkan rancangan antarmuka interface dari halaman info disleksia aplikasi sistem pakar. Keterangan dari kontrol pada antarmuka halaman info
disleksia dapat dilihat pada Tabel 3.12.
Tabel 3.12. Tabel Keterangan Kontrol pada Antarmuka Halaman Info Disleksia
No Kontrol
Name Keterangan
1. ImageView
Logo Menampilkan gambarlogo aplikasi
2. Image Button
ButtonBack Tombol untuk menampilkan kembali form
sebelumnya 3.
TextView
-
Untuk menampilkan teks 4.
Scroll Layout ScrollView
Menampilkan layout dengan tampilan skrol
Universitas Sumatera Utara
UNIVERSITAS SUMATERA UTARA
3.4.8. Rancangan Antarmuka Halaman Terapi
Gambar 3.18. Rancangan Antarmuka Halaman Terapi
Gambar 3.18 menunjukkan rancangan antarmuka interface dari halaman terapi aplikasi sistem pakar. Keterangan dari kontrol pada antarmuka halaman terapi dapat
dilihat pada Tabel 3.13.
Tabel 3.13. Tabel Keterangan Kontrol pada Antarmuka Halaman Terapi
No Kontrol
Name Keterangan
1.
ImageButton
ButtonBack
Tombol untuk kembali 2.
TextView -
Menampilkan teks
3. EditText
etNama Untuk mengisi nama pengguna
4. ImageButton
ButtonBelajar Tombol untuk menampilkan form belajar
5. ImageButton
ButtonLatihan Tombol untuk menampilkan form latihan
Universitas Sumatera Utara
UNIVERSITAS SUMATERA UTARA
3.4.9. Rancangan Antarmuka Halaman Belajar
Gambar 3.19. Rancangan Antarmuka Halaman Belajar
Gambar 3.19 menunjukkan rancangan antarmuka dari halaman pembelajaran aplikasi sistem pakar. Keterangan dari kontrol pada antarmuka halaman pembelajaran
dapat dilihat pada Tabel 3.14.
Tabel 3.14. Tabel Keterangan Kontrol pada Antarmuka Halaman Belajar
No Kontrol
Name Keterangan
1. TextView -
Menampilkan teks
2. ImageButton
ButtonA Tombol untuk menampilkan form A
3. Scroll Layout
ScrollView Menampilkan layout dengan tampilan skrol
4. ImageButton
ButtonBack
Tombol untuk kembali
Universitas Sumatera Utara
UNIVERSITAS SUMATERA UTARA
Gambar 3.20. Rancangan Antarmuka Halaman Contoh Pembelajaran
Gambar 3.20 menunjukkan rancangan antarmuka dari halaman contoh pembelajaran aplikasi sistem pakar. Keterangan dari kontrol pada antarmuka
halaman contoh pembelajaran dapat dilihat pada Tabel 3.15.
Tabel 3.15. Tabel Keterangan Kontrol pada Antarmuka Halaman Contoh
Pembelajaran
No Kontrol
Name Keterangan
1.
ImageButton
ButtonHuruf
Tombol untuk menampilkan audio dari huruf yang klik
2. ImageButton
ButtonHuruf Tombol untuk menampilkan audio dari
gambar yang klik 3.
TextView
-
Untuk menampilkan teks 4.
Scroll Layout ScrollView
Menampilkan layout dengan tampilan skrol 5.
ImageButton ButtonBack
Tombol untuk kembali
Universitas Sumatera Utara
UNIVERSITAS SUMATERA UTARA
3.4.10. Rancangan Antarmuka Halaman Latihan