Desain User Interface Input Pembayaran Buku Desain User Interface Nilai Dashboard Owner

g. Desain User Interface Input Pembayaran Buku

Gambar 3.25 adalah input pembayaran buku. Form ini mendapatkan inputan berupa NIS serta data-data yang perlu disimpan pada proses pembayaran buku. Buku yang dibayar dalam satu level hanya satu buku. Oleh karena itu, pada form ini nama buku merupakan tampilan otomatis dari sistem setelah menginputkan NIS. SI AKADEMIK ILC SETTING MASTER ADMINISTRASI Penempatan Presensi Resign Pemb SPP Pemb Buku Nilai Pemb Buku Input Pembayaran Dani Nama Lengkap Dani Gunawan Nama Panggil Nm Buku NIS S01130001 Harga Penunjang Lv. Starter 1 Rp. 30.000, 00 Tgl Penj Simpan Cancel 16-07-1990 Gambar 3.25 Desain User Interface Input Pembayaran Buku

h. Desain User Interface Nilai

Gambar 3.26 adalah view nama kelas yang diselenggarakan pada tiap periode. View ini digunakan untuk memilih kelas yang akan diinputkan nilai. Sedangkan Gambar 3.27 merupakan form input data nilai. Form ini berfungsi mencatat nilai siswa setiap chapter. SI AKADEMIK ILC SETTING MASTER ADMINISTRASI Penempatan Presensi Resign Pemb SPP Pemb Buku Nilai Nilai View Kelas Nama Kelas Nama Level No Periode 131 Jumlah Siswa Aksi Edit Gambar 3.26 Desain User Interface View Kelas SI AKADEMIK ILC SETTING MASTER ADMINISTRASI Penempatan Presensi Resign Pemb SPP Pemb Buku Nilai Nilai Input Nilai NIS Nm Lengkap No Listening Writing Speaking Reading Grammar Materi 1 | English Alpabhet Periode : 121 Kelas : PB1A Gambar 3.27 Desain User Interface Input Nilai OUTPUT Output Owner

a. Dashboard Owner

Menu dashboard owner merupakan tampilan informasi berkaitan informasi akademik secara keseluruhan cabang. Menu ini menampilkan perkembangan jumlah siswa baru cabang per periode, perkembangan pendapatan cabang per periode, perbandingan presensi cabang per periode, perbandingan nilai cabang per periode. Tampilannya ada pada Gambar 3.28 SI AKADEMIK ILC DASHBOARD SISWA AKADEMIK KEUANGAN Dashboard 200 400 600 800 131 132 133 Axi s Ti tle Perkembangan Jml Siswa Baru Cabang Per Periode PSJ PTI DS - Rp 20,000,000 Rp 40,000,000 Rp 60,000,000 Rp 80,000,000 Rp 100,000,000 131 132 133 Perkembangan Pendapatan Cabang Per Periode PSJ PTI DS 20 40 60 80 131 132 133 Perbandingan Presensi Cabang Per Periode PSJ PTI DS 131 132 133 65 70 75 80 85 90 95 Perbandingan Nilai AVG Cabang Per Periode DS PTI PSJ Foto Nama NIP View Profil Ganti Password Logout Gambar 3.28 Desain Output Dashboard Owner Informasi Siswa Siswa Baru Menu siswa baru menampilkan informasi berkaitan informasi siswa baru. Menu ini memberikan perbandingan jumlah siswa baru per level dan per tingkat sekolah. Sedangkan parameter yang dipakai adalah cabang dan juga periode yang dipilih. Tampilannya ada pada Gambar 3.29 dan detil nya ada pada Gambar 3.30 SI AKADEMIK ILC Siswa Baru Foto Nama NIP View Profil Ganti Password Logout DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Cabang : PSJ Periode : 132 Pre Beginner 1 33 Beginner 1 50 Beginner 2 17 Jumlah Siswa Baru Per Level SD 60 SMP 15 SMA 25 Jumlah Siswa Baru Per Tingkat Sekolah Gambar 3.29 Desain Output Informasi Siswa Baru SI AKADEMIK ILC Siswa Baru Detil Perlevel Foto Nama NIP View Profil Ganti Password Logout DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Cabang :PSJ JK No Nama NIS Kelas Alamat Level : Beginner 2 Periode : 132 Gambar 3.30 Desain Output Detil Siswa Baru Siswa Aktif Menu siswa aktif menampilkan informasi berkaitan informasi siswa aktif. Menu ini memberikan perbandingan jumlah siswa aktif per level, per tingkat sekolah, dan perkelas. Sedangkan parameter yang dipakai adalah cabang dan juga periode yang dipilih. Tampilannya ada pada Gambar 3.31 dan detil nya ada pada Gambar 3.32 SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Aktif Foto Nama NIP View Profil Ganti Password Logout Cabang : PSJ Periode : 132 Pre Beginner 1 58 Beginner 1 35 Beginner 2 7 Jml Siswa Aktif Perlevel 1 SD 37 2 SMP 27 3 SMA 36 Jml Siswa Aktif Per Tingkat 1 P eri ode, 1 2 - 4 P eri ode, 1 0 Di a ta s 4 , 3 1 P eriode 2 - 4 P eriode Dia ta s 4 2 4 6 8 1 0 1 2 Jm l Sisw a A k tif Per Lam a M asa Studi Gambar 3.31 Desain Output Informasi Siswa Aktif SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Aktif Detil Perlevel Foto Nama NIP View Profil Ganti Password Logout JK No Nama NIS Kelas Alamat Cabang :PSJ Level : Beginner 2 Periode : 132 Gambar 3.32 Desain Output Detil Siswa Aktif Siswa Tidak Registrasi Menu siswa tidak registrasi menampilkan informasi berkaitan informasi siswa yang tidak registrasi. Menu ini memberikan perbandingan jumlah siswa tidak registrasi per level, dan per lama masa studi. Sedangkan parameter yang dipakai adalah cabang dan juga periode yang dipilih. Tampilannya ada pada Gambar 3.33 dan detilnya ada pada Gambar 3.34 SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Tidak Registrasi Foto Nama NIP View Profil Ganti Password Logout Cabang : PSJ Periode : 132 1 Periode 7 2 - 4 Periode 72 Diatas 4 21 Jml Siswa Tdk Registrasi Per Lama Masa Studi Pre Beginn er 1 43 Beginn er 1 23 Beginn er 2 34 Jml Siswa Tdk Registrasi Per Level Gambar 3.33 Desain Output Informasi Siswa Tidak Registrasi SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Tidak Registrasi Detil Perlevel Foto Nama NIP View Profil Ganti Password Logout No Nama NIS Lama Studi Cabang :PSJ Level : Beginner 2 Periode : 132 Gambar 3.34 Desain Output Detil Siswa Tidak Registrasi Siswa Resign Menu siswa resign menampilkan informasi berkaitan informasi siswa yang resign . Menu ini memberikan perbandingan jumlah siswa tidak registrasi per level, dan per lama masa studi. Sedangkan parameter yang dipakai adalah cabang dan juga periode yang dipilih. Tampilannya ada pada Gambar 3.35 dan detilnya ada pada Gambar 3.36 SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Resign Perbandingan Foto Nama NIP View Profil Ganti Password Logout Cabang : PSJ Periode : 132 Ratna S 33 Yanti H 50 Indah P 17 Jumlah Siswa Resign Per Tutor Pre Begin ner 1 37 Begin ner 1 25 Begin ner 2 38 Jumlah Resign Per Level 2 7 4 3 2 Jadwal Bentrok Tidak Cocok Malas Jenuh Pindah Sekolah Jumlah Siswa Resign Per Alasan Gambar 3.35 Desain Output Informasi Siswa Resign SI AKADEMIK ILC DASHBOARD SISWA Baru Aktif Tdk Registrasi Resign AKADEMIK KEUANGAN Siswa Resign Detil Perlevel Foto Nama NIP View Profil Ganti Password Logout No Nama NIS Cabang : PSJ Periode : 132 Level : Beginner 2 Tgl Resign Bln Resign Gambar 3.36 Desain Output Detil Siswa Resign

b. Informasi Akademik