119
4.3.9 Rancangan Antarmuka Pengguna
Gambar 4.26 Halaman Depan
Rancangan halaman depan website sekolah mumtaza yang menjadi bagian dari sistem infomasi akademik. Informasi pada halaman depan ini mencakup principle
hasil tulisan pihak sekolah, testimoni-testimoni dari wali kelas, alamat serta slide show aktivitas di sekolah.
120
Gambar 4.27 Halaman Log in
Halaman log in pada student development baik untuk wali siswa atau administrator berfungsi sebagai gate pintu awal pengguna yang berhak mengakses
lebih dalam lagi sistem laporan perkembangan belajar siswa Mumtaza Islamic School.
Gambar 4.28 Halaman Failed Log in
Peringatan yang tampil apabila nama pengguna atau kata kunci yang disertakan pada halaman log in tidak valid atau tidak sah seperti yang disertakan pada
basis data pengguna. Maka aplikasi merekomendasikan untuk mengulanginya lagi.
121
Gambar 4.29 Alert success log in
Rancangan peringatan pada halaman log in saat pengguna berhasil masuk kedalam sistem. Isi peringatan tersebut adalah selamat anda telah masuk ke sistem,
jangan lupa untuk mengunci sistem dengan menekan log out sebelum keluar dari sistem.
Gambar 4.30 Halaman panel administrator
Rancangan tampilan halaman panel administrator sebagai jendela awal mengakses menu-menu lain dan mengelola data-data sistem laporan perkembangan
belajar siswa.
Logo Nama Instansi
122
Gambar 4.31 Halaman Daftar Testimoni
Rancangan tampilan halaman testimoni pada panel administrator yang menampilkan data-data testimoni yang diberikan wali murid.
123
Gambar 4.32 Halaman ubah status testimoni
Rancangan tampilan halaman ubah status testimoni, berfungsi untuk mengubah status testimoni dari posisi publish tidak atau N, menjadi ya atau Y menggunakan tombol pilihan.
124
Gambar 4.33 Halaman publish testimoni
Rancangan tampilan halaman tampil testimoni, berfungsi sebagai tempat menampilkan testimoni yang diberikan oleh wali siswa dan disetujui oleh administrator
untuk ditampilkan.
125
Gambar 4.34 Halaman daftar manajemen pengguna
Rancangan halaman
daftar manajemen pengguna
yang berfungsi
menampilkan secara keseluruhan pengguna-pengguna yang memiliki akses masuk kedalam sistem laporan perkembangan belajar siswa Mumtaza Islamic School.
126
Gambar 4.35 Halaman manajemen pengguna Siswa
Rancangan tampilan halaman manajemen pengguna siswa, berfungsi untuk mengelola data-data pribadi siswa.
127
Gambar 4.36 Halaman edit status pengguna
Rancangan halaman administrator untuk mengubah status akun wali siswa dari tidak aktif Y menjadi N, berfungsi untuk membuka akses akun wali siswa ke
halaman student development.
128
Gambar 4.37 Halaman Student Development
Rancangan tampilan halaman student development yang ada pada panel administrator, fungsinya sebagai tempat mengelola laporan perkembangan belajar siswa
Gambar 4.38 Halaman Add Weekly Report
129 Rancangan tampilan halaman tambah laporan perkembangan belajar siswa,
berfungsi sebagai panel menambah laporan perkembangan belajar secara mingguan. Halaman tersebut akan muncul setelah administrator meng-klik tombol weekly
– Add New Weekly Report
Gambar 4.39 Halaman Weekly Report
Rancangan tampilan halaman laporan mingguan, berfungsi untuk mengelola laporan perkembangan belajar siswa tiap minggunya.
130
Gambar 4.40 Tampilan SMS Gateway
Rancangan Tampilan SMS Gateway yang berfungsi untuk menulis pesan maupun menampilkan pesan laporan perkembangan belajar mingguan yang akan
dikirim. Berbeda dengan pengiriman pesan bisa Single yang pengiriman pesannya melalui tahap pemilihan nomor tujuan dan menuliskan pesan, pengiriman laporan
perkembangan belajar mingguannya sudah tertulis dan nomor tujuannya juga sudah tertulis, administrator hanya tinggal mengklik tombol send. Pengiriman sms biasa atau
single itu dibatasi pada jumlah karakter yang akan dikirim tiap satu smsnya sebanyak 160 karakter.
131
Gambar 4.41 Halaman thirth month report
Rancangan tampilan halaman laporan perkembangan belajar, fungsinya untuk mengelola laporan perkembangan belajar siswa pertiga bulan.
132
Gambar 4.42 Halaman sixth month report
Rancangan tampilan halaman laporan perkembangan belajar siswa, berfungsi untuk mengelola laporan perkembangan belajar siswa perenam bulan.
133
Gambar 4.43 Halaman student profile
Rancangan tampilan halaman akun siswa atau profil siswa, berfungsi untuk mengecek kebenaran informasi mengenai profil siswa dan mencetak laporan
perkembangan belajar siswa.
134
Gambar 4.44 Halaman student development
Rancangan tampilan halaman student development, berfungsi sebagai tampilan awal ketika wali siswa mengakses akun siswa untuk mengetahui informasi
laporan perkembangan belajar anaknya.
135
Gambar 4.45 Halaman menyertakan testimoni
Rancangan tampilan halaman testimoni pada panel wali siswa, berfungsi untuk wali siswa yang ingin memberikan testimoni sekolah mengenai perkembangan
belajar anaknya.
136
Gambar 4.46 Halaman daftar testimoni
Rancangan halaman daftar testimoni menampilkan testimoni-testomoni wali siswa yang pernah diberikan sebagai umpan balik kepada sistem pembelajaran yang
berjalan di Mumtaza Islamic School.
137
4.4 Penerapan sistem System Implementation
4.4.1 Instalasi Perangkat Keras
Pemasangan perangkat keras seperti yang peneliti telah rancang pada tahap perancangan mencakup pemasangan untuk yang sistemnya stand alone,
terdiri dari: 1. Seperangkat komputer + Monitor, spesifikasi RAM 512 Mb, Harddisk 80
Giga, Processor Intel Pentium IV. 2. Handphone.
3. SIM CARD. 4. Kabel data.
Atau yang sistemnya client-server karena didukung dengan bahasa pemrogramanan yang berbasis web, artinya sistem ini berjalan bisa dalam
kondisi lebih dari satu pengguna sekaligus. Namun dengan SMS Gateway yang dipasang terpusat pada server dan handphone tidak sedang berperan sebagai
modem yang diperutukan online. Pemasangan perangkat-perangkat tersebut terdiri dari:
1. Seperangkat Server, spesifikasi RAM 3Gb, Harddisk 140 Giga, Processor Intel Pentium III Xeon.
2. Seperangkat Komputer + Monitor, spesifikasi RAM 512 Mb, Harddisk 80 Giga, Processor Intel Pentium IV.
3. Kabel LAN. 4. Switch.
5. Handphone. 6. Kabel data.