d. Menu Hukum Dasar Tajwid
Gambar 3.4 berikut merupakan tampilan menu hukum dasar tajwid yang akan menampilkan menu pembelajaran hukum tajwid berdasarkan kategori hukumnya yang
dilengkapi dengan penjelasan dan juga contoh dari hukum tajwid tersebut.
Gambar 3.4 Menu Hukum Tajwid
3.3 Perancangan Database
Database sebagai tempat penyimpanan data merupakan salah satu aspek penting yang akan menentukan mutu kerja dari program yang akan dibuat. Database yang penulis
rancang dalam pembuatan program sistem informasi ini menggunakan Microsoft access. Database yang penulis rancang memiliki nama “Database-Doa”. Database tersebut
memiliki 1 buah table, yaitu “tabelDoa”. Hukum Dasar Tajwid
Pilih Hukum Tajwid Menampilkan Penjelasan Hukum Tajwid
Menampilkan Contoh Hukum Tajwid Menu
Exit
Universitas Sumatera Utara
Rincian table tersebut adalah sebagai berikut: Tabel 3.1 Data Doa
Nama Field Tipe Data
Ukuran Deskripsi
Id Text
Nomor urut data doa Nama Doa
Text 30
Nama doa Gambar
OLE Object Data gambar doa
Tulisan Arab Text
Data gambar tulisan arab Latin
Text 100
Tulisan latin doa Artinya
Text 100
Arti doa
3.4 Pengertian Flowchart Program
Flowchart merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan tentang urutan – urutan dari prosedur yang ada didalam
sistem dengan menggunakan simbol – simbol. Berikut ini adalah flowchart dari Sistem Informasi Kumpalan Doa Sehari – hari:
Universitas Sumatera Utara
1. Flowchart Menu Utama
Gambar 3.5 : Flowchart Menu Utama Menu
Utama
Halaman Doa
A
Halaman Huruf
Hijaiyah B
Keterangan Hukum
Tajwid C
End Doa
Huruf Hijaiyah
Hukum Tajwid
Universitas Sumatera Utara
2. Flowchart Pemilihan Doa
Gambar 3.6 Flowchart Pencaian Doa Tampil Doa Sehari - hari
If Exist in Database
Pilih Doa yang dicari
A
Halaman Menu
Utama
Menu Utama
No
Yes
End Menu
Utama
Universitas Sumatera Utara
3. Flowchart Hijaiyah
Gambar 3.7 Flowchart Huruf Hijaiyah B
Pilih Huruf
Hijaiyah
If Exist in Database
Halaman Menu
Utama
Tampil Huruf Hijaiyah dan
Suara No
Yes Menu
Utama
End Menu
Utama
Universitas Sumatera Utara
10. Flowchart Hukum Tajwid
Gambar 3.8 Flowchart Hukum Tajwid C
Menu Utama
End Menampilkan
penjelasan hukum tajwid beserta
contoh Hukum
Dasar Tajwid
Menu Utama
Universitas Sumatera Utara
3.5 Diagram Konteks
Diagram Konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang
menggambarkan seluruh input ke sistem atau output dari sistem. Diagram konteks berisi gambaran umum secara garis besar sistem yang akan dibuat.
Diagram konteks untuk menggambarkan program sistem pembelajaran doa sehari- hari berbasis e- learning dapat dilihat pada gambar berikut:
Gambar 3.9 Diagram Konteks Sistem Pembelajaran SISTEM
PEMBELAJARAN
PENGGUNA
DUNIA SEKOLAH
Pencarian data doa Informasi tentang
doa - doa
Memberi masukkan doa-
doa yang belum ada
Memberi informasi tentang
doa sehari - hari NARASUMBER
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI SISTEM