DFD Level 2 Proses kirim syahriyah terdapat dua proses utama, yaitu kirim syahriyah waktu sekarang serta kirim syahriyah pada bulan tertentu. Dalam
proses kirim syahriyah waktu sekarang, entitas wali murid bisa memantau pembayaran syahriyah pada bulan sekarang. Pada proses kirim syahriyah bulan
tertentu, entitas wali murid bisa memantau pemabayaran syahriyah pada bulan- bulan tertentu.
3.2. Desain Graphical User Interface
Desain Graphical User Interface GUI merupakan hal yang sangat penting dalam tahap analisa dan desain. Hal ini dikarenakan GUI merupakan
penghubung antara sistem dengan end user. Dengan adanya implementasi konsep CRM yang fokus utamanya adalah customer, desain GUI haruslah dibuat se-
friendly mungkin agar memudahkan user dalam pengaksesan navigasi berbasis website maupun format sms yang berbasis sms gateway.
Pada Sistem Penyajian Data Akademik dan Syahriyah siswa ini, desain GUI dibagi menjadi 2 bagian utama, yaitu berbasis website dan sms gateway.
Untuk berbasis website, yaitu Halaman Utama, Halaman User Wali Murid dan Halaman Administrator. Dan untuk yang berbasis sms gateway dengan media
handphone.
3.2.1. Berbasis Website
Portal web merupakan istilah dalam dunia internat dimaksudkan untuk website yang menyediakan beraneka ragam informasi untuk para pengunjungnya
dan merupakan halaman yang pertama kali dibuka oleh pengunjung.
3.2.1.1. Desain Halaman Utama
Halaman Utama adalah halaman yang akan pertama kali tampil pada saat website dibuka. Karena dalam studi kasus yang diangkat ini, merupakan website
utama, maka desain Halaman Utama dibuat se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi website. Menu yang ditampilkan
di Halaman Utama hanyalah karya ilmiah, karya tulis, agenda, Kotak Saran, link SITU Akademik dan beberapa external link yang merupakan pendukung dari
CRM Menu Kotak Saran sama seperti Contact Us pada umumnya. Dan external link yang dicantumkan.
Gambar 3.12 Desain Halaman Utama Mengingat fungsi website ini adalah sebagai website utama, maka link
untuk SITU Akademi di taruh di header untuk memudahkan Wali Murid untuk mengakses halaman SITU Akademik. Hal ini untuk mengantisipasi user yang
sebagian besar adalah Wali Murid siswa-siswi dalam penggunaan website. Tepat di bawah link SITU Akademik ditampilkan berita-berita yang berkaitan dengan
karya ilmiah dan karya tulis yang diinputkan oleh Administrator Website. Penyajian berita-berita ini hanya potongan awalnya saja, untuk membaca berita
selengkapnya user disediakan link tersendiri.
Jika menu Kotak Hubungi Kami, maka akan tampil desain form seperti Gambar 3.11 berikut ini.
Gambar 3.13 Desain Form Kotak Saran Jika menu Kotak SITU Akademik, maka akan tampil desain form login
seperti Gambar 3.12 berikut ini.
Gambar 3.14 Desain Form Login
3.2.1.2. Desain Halaman User
Halaman User dibagi lagi menjadi 2 bagian, halaman user Wali Murid, user Internal. Halaman User Wali Murid memiliki tampilan sebagaimana Gambar
3.13 berikut ini.
Gambar 3.15 Desain Halaman User Wali Murid Di halaman ini, user Wali Murid langsung disapa dengan nama lengkap
siswasiswi. Menu yang disediakan untuk Wali Murid antara menajemen user,
Identitas, Asrama, Aktifitas, Skor Absensi, Nilai dan Syahriyah. Jika menu Identitas dipilih, maka akan muncul tampilan seperti pada Gambar 3.14 berikut
ini.
Gambar 3.16 Desain Halaman Identitas Jika menu Manajemen User dipilih, maka akan muncul tampilan seperti
pada Gambar 3.15 berikut ini.
Gambar 3.17 Desain Halaman Manajemen User Wali Murid Jika menu Asrama dipilih, maka akan muncul tampilan seperti pada
Gambar 3.16 berikut ini.
Gambar 3.18 Desain Halaman Asrama Jika menu Aktifitas dipilih, maka akan muncul tampilan seperti pada
Gambar 3.17 berikut ini.
Gambar 3.19 Desain Halaman Aktifitas Jika menu Skor Absensi dipilih, maka akan muncul tampilan seperti pada
Gambar 3.18 berikut ini.
Gambar 3.20 Desain Halaman Skor Absensi Jika menu Nilai dipilih, maka akan muncul tampilan seperti pada Gambar
3.19 berikut ini.
Gambar 3.21 Desain Halaman Nilai Halaman User Internal memiliki tampilan yang nyaris sama persis dengan
Halaman User Wali Murid di atas. Yang membedakan adalah menu Manajemen
User dan Manajemen Modul . Selain itu, menu yang ditampilkan sama persis dengan Halaman User Wali Murid. Jika menu Manajemen User dipilih, maka
akan muncul tampilan seperti pada Gambar 3.20 berikut ini.
Gambar 3.22 Desain Halaman Manajemen User Internal Jika menu Manajemen Modul dipilih, maka akan muncul tampilan seperti
pada Gambar 3.21 berikut ini.
Gambar 3.23 Desain Halaman Manajemen Modul
3.2.1.3. Desain Halaman Administrator
Halaman Administrator dibagi lagi menjadi 2 bagian, halaman administrator website dan halaman administrator sms akademik. Halaman
administrator website sebagaimana Gambar 3.22 berikut.
Gambar 3.24 Desain Halaman Administrator Halaman Administrator SMS Akademik memiliki tampilan yang nyaris
sama persis dengan Halaman User Wali Murid di atas. Yang membedakan adalah menu Inbox, Senditems dan info. Jika menu Inbox dipilih, maka akan muncul
tampilan seperti pada Gambar 3.23 berikut ini.
Gambar 3.25 Desain Halaman Inbox
Jika menu SendItems dipilih, maka akan tampil halaman seperti pada Gambar 3.24 berikut ini.
Gambar 3.26 Desain Halaman Pesan Terkirim
3.2.2. Berbasis SMS Gateway
SMS Gateway adalah suatu platform yang menyediakan mekanisme untukmenghantar dan menerima SMS dari peralatan mobile HP, PDA phone, dan
lain-lain yang menggunakan keyword tertentu.
3.2.2.1. Desain SMS Akademik
Format SMS Akdemik dibagi lagi menjadi 3 bagian, format kirim nilai, format kirim syahriyah dan terima skor absensi harian. Format kirim nilai
sebagaimana Gambar 3.27 berikut.
Gambar 3.27 Desain Halaman kirim nilai
Jika memilih kirim syahriyah, maka akan muncul tampilan hampir sama dengan pada Gambar 3.27 hanya format sms yang berbeda.
Jika menerima sms skor absensi harian, maka akan tampil halaman seperti pada Gambar 3.2 berikut ini.
Gambar 3.28 Desain Halaman terima sms skor absensi harian
3.3. Desain Database
