IMPLEMENTASI SISTEM
4.3 Tampilan Program
Berikut ini adalah penjelasan dari rancangan tampilan program setelah diimplementasikan dengan menggunakan perangkat lunak Adobe Flash Cs 3.
4.3.1 Tampilan menu intro
Tampilan menu intro pada Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia dapat dilihat pada Gambar 4.1 berikut ini :
Gambar 4.1 Tampilan Menu Intro
Pada tampilan menu intro ini berisi tentang judul. Pada bagian bawah merupakan tombol untuk mulai, dan looading untuk menuju menu utama.
4.3.2 Tampilan menu utama
Tampilan halaman menu utama pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.2 Tampilan Menu Utama
Pada bagian atas menu utama ini terdapat menu makhroj huruf, ikhfa’ haqiqi , izhar halqi, idgham, iqlaab, madd, qalqalah. Jika salah satu dari menu tersebut dipilih maka user akan dibawa menuju halaman penjelasan tentang menu tersebut.
4.3.3 Tampilan halaman makhroj huruf
Tampilan halaman menu makhroj huruf pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.3 Tampilan Halaman Makhroj Huruf
Pada tampilan halaman makhroj huruf terdapat gambar yang menunjukkan dari mana huruf huruf hijaiyah tersebut keluar ketika diucapkan. Gambar gambar huruf hijaiyah tersebut merupakan tombol-tombol yang apabila diklik akan mengeluarkan audio penjelasan tentang makhroj huruf hijaiyah tersebut. Dalam audio juga terdapat latihan untuk mengucapkan huruf hijaiyah tersebut. Disisi kiri atas terdapat tombol home, apabila tombol tersebut diklik user akan dibawa kembali ke menu utama.
4.3.4 Tampilan halaman ikhfa’ haqiqi
Tampilan halaman menu ikhfa’ haqiqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.4 Tampilan Halaman Ikhfa’ Haqiqi
Pada tampilan halaman ikhfa’ haqiqi ini terdapat teori yang menjelaskan tentang ikhfa’ haqiqi. Disana juga terdapat huruf-huruf yang merupakan huruf ikhfa’ haqiqi. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh ikhfa’ haqiqi.
4.3.5 Tampilan halaman izhar halqi
Tampilan halaman menu izhar halqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.5 Tampilan Halaman Izhar Halqi
Pada tampilan halaman izhar halqi ini terdapat teori yang menjelaskan tentang izhar halqi. Disini juga terdapat huruf-huruf yang merupakan huruf izhar halqi. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh ikhfa’ haqiqi.
4.3.6 Tampilan halaman idgham
Tampilan halaman menu idgham pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.6 Tampilan Halaman Idgham
Pada halaman tampilan idgham ini terdapat teori yang menjelaskan tentang idgham. Disini juga terdapat huruf-huruf yang merupakan huruf idgham. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh idgham.
4.3.7 Tampilan halaman iqlaab
Tampilan halaman menu iqlaab pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.7 Tampilan Halaman Iqlaab
Pada tampilan halaman iqlaab ini terdapat teori yang menjelaskan tentang iqlaab. Disini juga terdapat huruf-huruf yang merupakan huruf iqlaab. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh iqlaab.
4.3.8 Tampilan halaman madd
Tampilan halaman menu madd pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.8 Tampilan Halaman Madd
Pada tampilan halaman madd ini terdapat teori yang menjelaskan tentang madd. Disini juga terdapat huruf-huruf yang merupakan huruf madd. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh madd.
4.3.9 Tampilan halaman qalqalah
Tampilan halaman menu qalqalah pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.9 Tampilan Halaman Qalqalah
Pada halaman tampilan qalqalah ini terdapat teori yang menjelaskan tentang qalqalah. Disini juga terdapat huruf-huruf yang merupakan huruf qalqalah. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kanan atas terdapat terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori. Disebelah kanan bawah terdapat tombol untuk menunju halaman contoh qalqalah.
4.3.10 Tampilan halaman contoh ikhfa’ haqiqi
Tampilan halaman menu contoh ikhfa’ haqiqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.10 Tampilan Halaman Contoh Ikhfa’ haqiqi
Pada halaman tampilan contoh ikhfa’ haqiqi ini terdapat contoh-contoh ikhfa’
haqiqi dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman ikhfa’ haqiqi.
4.3.11 Tampilan halaman contoh izhar halqi
Tampilan halaman menu contoh izhar halqi pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.11 Tampilan Halaman Contoh Izhar Halqi
Pada halaman tampilan contoh izhar halqi ini terdapat contoh-contoh izhar halqi dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman izhar halqi.
4.3.12 Tampilan halaman contoh idgham
Tampilan halaman menu contoh idgham pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.12 Tampilan Halaman Contoh Idgham
Pada halaman tampilan contoh idgham ini terdapat contoh-contoh idgham dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman idgham.
4.3.13 Tampilan halaman contoh iqlaab
Tampilan halaman menu contoh iqlaab pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.13 Tampilan Halaman Contoh Iqlaab
Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh iqlaab dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman iqlaab.
4.3.14 Tampilan halaman contoh madd
Tampilan halaman menu contoh madd pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.14 Tampilan Halaman Contoh Madd
Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh madd dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman madd.
4.3.15 Tampilan halaman contoh qalqalah
Tampilan halaman menu contoh qalqalah pada Aplikasi Tajwid Membaca Al qur’an Bebasis Multimedia dapat dilihat pada gambar berikut :
Gambar 4.15 Tampilan Halaman Contoh Qalqalah
Pada halaman tampilan contoh iqlaab ini terdapat contoh-contoh qalqalah dan juga audio cara membaca contoh tersebut, audio tersebut dapat didengarkan ketika contoh diklik dua kali. Disebelah kiri atas terdapat tombol home, apabila diklik user akan dibawa kembali ke menu utama. Disebelah kiri bawah terdapat tombol kembali menunju halaman qalqalah.
BAB 5