BAB 3
PERANCANGAN SISTEM
3.1 Analisis Perancangan
Analisis perancangan yang dilakukan dalam penulisan tugas akhir ini adalah dengan cara menganalisis bahan-bahan yang telah diperoleh dari berbagai sumber atau
referensi seperti buku, artikel maupun internet. Kemudian bahan-bahan tersebut ditampilkan dalam sebuah metode yang menarik dan interaktif melalui aplikasi yang
menggunakanan Adobe Flash.
Analisis perancangan aplikasi tentang tajwid membaca Al qur’an ini adalah
sebagai berikut: a.
User interface, merupakan bagian dari perangkat lunak yang menyediakan sarana untuk user pengguna agar dapat berkomunikasi dengan sistem
yang dalam tugas akhir ini menggunakan Adobe Flash .
b. Pembuatan desain, merupakan suatu program untuk menciptakan interface
agar dapat menarik perhatian para pengguna.
Universitas Sumatera Utara
3.2 Pemodelan Sistem
Merancang sketsa yang tepat adalah sebuah langkah awal yang dapat dilakukan dalam memulai persiapan sebelum menuangkan ide perancangan. Halaman awal yang
digunakan dalam aplikasi ini terdapat sebuah link untuk menuju halaman selanjutnya. Adapun diagram pohon untuk merancang Aplikasi Tajwid
Membaca Al qur’an Berbasis Multimedia adalah sebagai berikut:
Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia
User
Home
Menu
Gambar 3.1 Diagram Pohon Perancangan Aplikasi Tajwid Membaca Al qur’an Berbasis Multimedia
Makhroj huruf Ikhfa’ haqiqi
Izhar halqi Idgham
Iqlaa Qalqala
Madd
Universitas Sumatera Utara
2 1
3 Mulai
Tampilan Utama
Proses
Selesai T
Tombol Mulai Y
Selesai
3.3 Perancangan Tampilan
3.3.1 Halaman utama
Halaman utama adalah tampilan awal yang pertama kali muncul ketika aplikasi dibuka. Halaman utama ini berisi judul aplikasi yaitu “Aplikasi Tajwid Membaca
Al qur’an” serta tombol mulai yang akan menampilkan hukum tajwid apa saja yang
disajikan pada aplikasi ini, pada saat dijalankan halaman awal akan muncul bersamaan dengan tombol mulainya. Halaman awal ini memiliki bebrapa perpaduan warna yaitu :
Kuning, putih, ungu, hijau dan disebelah kanan terdapat gambar seorang anak yang sedang membaca Al qur’an, serta judul aplikasi berwarna biru.
Gambar 3.2 Kerangka dan flowchart halaman utama Ket :
1. Background aplikasi berupa gambar seorang anak yang sedang membaca
Al qur’an, terdiri dari perpaduan warna kuning, putih, ungu, hijau. 2.
Judul aplikasi berupa tulisan dengan perpaduan warna hitam, merah, biru. 3.
Tombol “mulai”.
Universitas Sumatera Utara
2 3
4
6 5
7 8
1
Tampilan halaman ini merupakan perpaduan antara warna kuning, putih, ungu, hijau, dan di sebelah kanan terdapat gambar seorang anak yang sedang membaca Al qur’an.
Ketika dijalankan background, judul, dan tombol “mulai” akan tampil bersamaan.
3.3.2 Halaman menu
Halaman menu merupakan halaman yang menamipilkan menu-menu yang berisi macam-macam tombol hukum ilmu tajwid, yaitu tombol makhroj huruf ,
ikhfa’ haqiqi, izhar halqi, idgham, iqlaab, qalqalh, madd. Halaman mempunyai background
sebuah gambar yang menunjukkan dua orang anak yang sedang memegang papan tulis, pada halaman ini terdapat garis pinggir yang terdiri dari beberapa warna yaitu :
kuning, putih, hijau, ungu. Pada saat dijalankan nantinya tombol-tombol menu dalam halaman ini akan terurai dari satu bagian sebelumnya membentuk sebuah tampilan
pilihan menu.
Ket :
1. Background, berupa gambar 2
orang anak dan papan tulis. 2.
Pilihan menu Makhroj Huruf. 3.
Pilihan meu Ikhfa’ Haqiqi.
4. Pilihan Menu Izhar Halqi.
5. Pilihan Menu Idgham.
6. Pilihan menu Iqlaab
7. Pilihan menu Maad
8. Pilihan menu Qalqalah.
Gambar 3.3 Kerangka halaman menu
Universitas Sumatera Utara
Mulai
Tampilan Menu
Proses
Makhroj Huruf Buka Makhroj
Huruf Y
Y
T Ikhfa’ Haqiqi
Buka Ikhfa’ Haqiqi Y
T Izhar Halqi
Idgham T
Iqlaab T
Madd T
Qalqalah T
Buka Izhar Halqi Y
Buka Idgham
Buka Iqlaab
Buka Madd
Buka Qalqalah Y
Y Y
Y Tampilan
Menu Selesai
T Selesai
Gambar 3.4 Flowchat halaman menu
Tampilan halaman ini memiliki background berupa dua orang anak yang sedang mengangkat papan tulis.
Universitas Sumatera Utara
Tampilan Makhroj Huruf
Proses
Tombol Huruf Alif sampai ya
Y
Tombol Home T
Y Selesai
Y T
A
Menu Utama
Audio Penjelasan
Huruf T
3.3.3 Halaman makhroj huruf
Halaman ini berisi gambar-gambar yang menunjukkan tempat tempat keluarnya huruf hijaiyah ketika diucapkan. Apabila salah satu gambar huruf hijaiyah tersebut diklik,
maka akan terdengar audio yang menjelaskan tempat keluarnya huruf hijaiyah tersebut ketika diucapkan, disertai juga latihan cara mengucapkan huruf hijaiyah. Dalam
halaman ini juga terdapat tombol untuk “home” untuk kembali ke halaman menu. Pada saat dijalankan background akan muncul bersamaan dengan tombol-tombol
huruf beserta tomboh homenya, dan tombol home ini akan sedikit membesar apabila kursor diarahkan. Latar belakang dari tampilan ini adalah saluran pernafasan manusia
mulai dari mulut sampai kerongkongan, yang memiliki perpaduan warna coklat, merah muda dan biru.
2 1
3 2
Gambar 3.5 Kerangka dan flowchart halaman makhroj huruf
Universitas Sumatera Utara
Ket :
1. Tombol “home”
2. Background halaman berupa gambar alat pernafasan manusia mulai dari mulut sampai
keronkongan. 3.
Tombol- tombol huruf hijaiyah mulai dari huruf alif sampai ya.
Tampilan halamana ini terdiri dari background sebuah gambar alat pernafasan, yang memiliki perpaduan warna berupa warna coklat, merah muda, dan biru.
3.3.4 Halaman ikhfa’ haqiqi
Halaman ini berisi teori yang menjelaskan tentang ikhfa’ haqiqi. Dalam halaman ini
terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman
contoh-contoh ikhfa ’ haqiqi. Halaman ini terdiri dari background berupa sebuah
papan tulis yang berisikan teori tentang ikhfa’ haqiqi. Pada saat dijalankan
background akan muncul bersamaaan dengan tombol ”home” dan tombol “contoh”,
dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk
mendengarkan audio teori.
Universitas Sumatera Utara
2 1
3 4
B
Tampilan Ikhfa’ Haqiqi
Proses Y
Tombol Home
T
Selesai Teori
Ikhfa’ Tombol
Contoh Y
B.Cont oh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
Gambar 3.6 Kerangka dan Flowchart Halaman Ikhfa’ haqiqi
Ket:
1. Tombol “home”
2. Teori
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan
tombol “home” akan sedikit membesar ketika kita mengarahkan kursor ke tombol tersebut.
3.3.5 Halaman izhar halqi
Halaman ini berisi teori yang menjelaskan tentang izhar halqi. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini
terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman
Universitas Sumatera Utara
2 1
3 4
C
Tampilan Izhar Halqi
Proses Y
Tombol Home
T
Selesai Teori
Izhar Tombol
Contoh Y
C.Cont oh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
contoh-contoh izhar halqi. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan teori tentang izhar halqi. Pada saat dijalankan background akan
muncul bersamaaan dengan tombol ”home” dan tombol “contoh”, dan tombol home
akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio
teori.
Gambar 3.7 Kerangka dan Flowchart Halaman Izhar Halqi
Ket:
1. Tombol “home”
2. Teori
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat
diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
Universitas Sumatera Utara
2 1
3 4
D
Tampilan Idgham
Proses Y
Tombol Home
T
Selesai Teori
Idgham Tombol
Contoh Y
D.Con toh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
3.3.6 Halaman idgham
Halaman ini berisi teori yang menjelaskan tentang idgham. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini
terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh idgham. Halaman ini terdiri dari background berupa sebuah papan
tulis yang berisikan teori tentang idgham. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah
kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Gambar 3.8 Kerangka dan Flowchart Halaman Idgham
Universitas Sumatera Utara
Ket:
1. Tombol “home”
2. Teori
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
3.3.7 Halaman Iqlaab
Halaman ini berisi teori yang menjelaskan tentang iqlaab. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini
terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh iqlaab. Halaman ini terdiri dari background berupa sebuah papan tulis
yang berisikan teori tentang iqlaab. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan
atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Universitas Sumatera Utara
2 1
3 4
E
Tampilan Iqlaab
Proses Y
Tombol Home
T
Selesai Teori
Iqlaab Tombol
Contoh Y
E.Cont oh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
Gambar 3.9 Kerangka dan Flowchart Halaman Iqlaab Ket:
1. Tombol “home”
2. Teori
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
3.3.8 Halaman Qalqalah
Halaman ini berisi teori yang menjelaskan tentang qalqalah. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini
terdapat juga tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh qalqalah. Halaman ini terdiri dari background berupa sebuah papan
Universitas Sumatera Utara
2 1
3 4
G
Tampilan Qalqalah
Proses Y
Tombol Home
T
Selesai Teori
Qalqalah Tombol
Contoh Y
G.Con toh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
tulis yang berisikan teori tentang qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah
kanan atas terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Gambar 3.10 Kerangka dan Flowchart Halaman Qalqalah Ket:
1. Tombol “home”
2. Teori
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
Universitas Sumatera Utara
2 1
3 4
F
Tampilan Madd
Proses Y
Tombol Home
T
Selesai Teori
Madd Tombol
Contoh Y
F.Cont oh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
3.3.9 Halaman madd
Halaman ini berisi teori yang menjelaskan tentang madd. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga
tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh madd. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan
teori tentang qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas
terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Gambar 3.11 Kerangka dan Flowchart Halaman Madd Ket:
1. Tombol “home”
2. Teori
Universitas Sumatera Utara
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
3.3.10 Halaman contoh ikhfa’ haqiqi
Halaman ini berisi contoh-contoh ikhfa’ haqiqi berupa tulisan dan audio cara
membaca contoh ikhfa’ haqiqi tersebut. Audio akan terdengar ketika salah satu contoh
ikhfa’ haqiqi diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman
ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman ikhfa haqiqi. Halaman ini terdiri dari
background berupa sebuah buku yang dihiasi dedaunan dan alat lukis disebelah kirinya. Buku tersebut berisi contoh
ikhfa’ haqiqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut.
Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Di sebelah kanan atas terdapat 2
tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Universitas Sumatera Utara
B.Cont oh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Ikhfa’
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
2 1
3
Gambar 3.12 Kerangka dan Flowchart Halaman Contoh Ikhfa’ Haqiqi
Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol
“kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
Universitas Sumatera Utara
2 1
3 C.Cont
oh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Izhar
Halqi Y
T Tombol
Home Halaman
Menu Y
Halaman Contoh
T
Selesai Selesai
T Selesai
3.3.11 Halaman contoh izhar halqi
Halaman ini berisi contoh-contoh izhar halqi berupa tulisan dan audio cara membaca contoh izhar halqi tersebut. Audio akan terdengar ketika salah satu contoh izhar halqi
di klik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu.
Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman izhar halqi. Pada saat dijalankan background akan muncul
bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan
sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit
membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.
Gambar 3.13 Kerangka dan Flowchart Halaman Contoh Izhar Halqi
Universitas Sumatera Utara
Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol
“kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
3.3.12 Halaman contoh idgham
Halaman ini berisi contoh-contoh idgham berupa tulisan dan audio cara membaca contoh idgham tersebut. Audio akan terdengar ketika salah satu contoh idgham diklik.
Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user
ke halaman idgham. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol
“kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua
hitam, kuning dan merah.
Universitas Sumatera Utara
2 1
3 D.Con
toh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Idgham
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
Gambar 3.14 Kerangka dan Flowchart Halaman Contoh Idgham Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol “kembali
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
Universitas Sumatera Utara
2 1
3 E.cont
oh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Iqlaab
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
3.3.13 Halaman Contoh Iqlaab
Halaman ini berisi contoh-contoh iqlaab berupa tulisan dan audio cara membaca contoh iqlaab tersebut. Audio akan terdengar ketika salah satu contoh iqlaab diklik.
Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user
ke halaman iqlaab. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan
bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan
merah.
Gambar 3.15 Kerangka dan Flowchart Halaman Contoh Iqlaab
Universitas Sumatera Utara
Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol “kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
3.3.14 Halaman Contoh Qalqalah
Halaman ini berisi contoh-contoh qalqalah berupa tulisan dan audio cara membaca contoh qalqalah tersebut. Audio akan terdengar ketika salah satu contoh qalqalah
di klik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu.
Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman qalqalah. Pada saat dijalankan background akan muncul
bersamaaan dengan tombol ”home” dan tombol “kembali”, dan tombol home akan
sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit
membesar juga ketika kursor diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.
Universitas Sumatera Utara
2 1
3 G.Con
toh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Qalqalah
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
Gambar 3.16 Kerangka dan Flowchart Halaman Contoh Qalqalah Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol “kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
Universitas Sumatera Utara
2 1
3 G.Con
toh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Qalqalah
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
3.3.15 Halaman contoh madd
Halaman ini berisi contoh-contoh madd berupa tulisan dan audio cara membaca contoh madd tersebut. Audio akan terdengar ketika salah satu contoh madd diklik.
Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user
ke halaman madd. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor di
arahkan terhadap tombol tersebut. Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor
diarahkan. Tampilan ini terdiri dari warna coklat muda, coklat tua hitam, kuning dan merah.
Gambar 3.17 Kerangka dan Flowchart Halaman Contoh Madd
Universitas Sumatera Utara
Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol “kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, selanjutnya diinstal, diuji dan mulai
digunakan untuk menggantikan sistem yang lama atau sistem yang diperbaiki.
Implementasi merupakan tahap penerapan rancangan yang sudah dibuat kedalam bahasa pemrograman yang digunakan. Dalam tahap ini dilakukan beberapa
hal yaitu penulisan program, kompilasi dan membuat program aplikasi yang siap pakai atau excecutable.
4.2 Kebutuhan Sistem