Gambar 3.5 dokumen output rapor
Gambar 3.6 dokumen output grafik 3.3 Perancangan Sistem
Perancangan antar muka sistem dilakukan untuk membantu penunjukkan atau pendeskripsian dari gambaran sistem ekstraksi informasi rekam medis yang akan dibangun. Pada tahap perancangan antar muka sistem ini ada 3 level user seperti Siswa, Guru, Sekolah. 4 tampilan menu seperti home, training, testing dan hasil.
3.3.1 Perancangan sistem siswa
Siswa memiliki 2 tampilan menu yaitu login dan home. Tampilan login adalah tampilan yang pertama kali dijalankan pada saat system diakses. Pada tampilan login terdapat form input yang harus di isi yaitu Nis, Password dan button untuk submit data..
Rancangan tampilan home dapat dilihat pada Gambar 3.7.
Gambar 3.7 Rancangan Tampilan Halaman Login untuk siswa
Pada tampilan home terdapat 2 bagian sidebar dan content. Sidebar berisi kelas, semester dan bulan yang bertujuan menjadi navigasi dalam system untuk menuju masing – masing nilai tiap bulannya. Home berisi 3 tampilan tampilan yaitu tampilan deskripsi perkembangan siswa, tampilan nilai rapor yang birisi nilai, keterangan nilai, total nilai dan saran dan tampilan grafik perubahan nilai setiap bulannya. Rancangan tampilan home dapat dilihat pada gambar 3.8, gambar 3.9 dan gambar 3.10
Gambar 3.8 Rancangan Tampilan Halaman deskripsi untuk siswa
Gambar 3.9 Rancangan Tampilan Halaman nilai rapor untuk siswa
Gambar 3.10 Rancangan Tampilan Halaman grafik untuk siswa
3.3.2 Perancangan sistem guru
Sistem guru memiliki 2 jenis tampilan yaitu login dan home guru. Login terdapat form input yang berisi nik, password dan button submit, yang digunakan untuk validasi akun guru. Tampilan login guru dapat dilihat pada gambar 3.11
Gambar 3.11 Rancangan Tampilan Halaman Login untuk guru
Setelah melakukan login akan berganti menjadi home. Tampilan home terdapat sidebar dan content. Sidebar berisi kelas, semester, mata pelajaran, tahun, bulan yang bertujuan untuk menseleksi data yang akan di tampilkan bagian home. Sedangkan dibagian home
berisi data siswa, nilai dan teks yang sudah di bangun untuk menjelaskan nilai tersebut.
Berikut tampilan home dapat dilihat pada gambar 3.12
Gambar 3.12 Rancangan Tampilan Halaman nilai bulanan
Dibagian ini juga memiliki button digunakan untuk memilih minggu yang akan diubah dan di alihkan ke halaman nilai dan questioner. Halaman ini berisi data nilai dan questioner semua siswa. berikut tampilan yang digunakan untuk mengubah nilai dan questioner dapat dilihat pada gambar 3.13.
Gambar 3.13 Rancangan Tampilan Halaman nilai mingguan guru
Nilai bulan adalah kesimpulan atau rata – rata nilai yang telah diinputkan di dalam form nilai mingguan. Nilai tersebut hanya akan menghitung nilai mingguan yang telah diisi nilai.
3.3.3 Perancangan sistem untuk sekolah
Tampilan awal untuk sekolah merupakan tampilan login yang digunakan untuk masuk ke halaman utama sekolah. Tampilan sekolah terdapat form input yang berisi NPSP yang merupakan identitas setiap sekolah dan sebuah password. tampilan halaman login sekolah dapat dilihat pada gambar 3.14
Gambar 3.14 Rancangan Tampilan Halaman Login Sekolah
Setelah selesai melakukan login sistem akan mengalihkan ke halaman utama sekolah.
Sekolah memiliki 6 halaman utama yaitu: halaman home, guru, mata pelajaran, data publish dan siswa.
3.3.3.1 Tampilan halaman home
Halaman home merupakan halaman pertama yang akan terbuka setelah melakukan login. Halaman ini berisi navigasi di dalam sidebar bagian sebelah kiri halaman. Di bagian atas terdapat nama sekolah dan tombol keluar dari halaman dan di bagian tengah terdapaat info yang ada di sekolah seperti jumlah guru, jumlah siswa, jumlah mata pelajaran dan data guru yang memiliki mata pelajaran. Tampilan halaman home pada gambar 3.15
Gambar 3.15 Rancangan Tampilan home sekolah 3.3.3.2 Tampilan halaman guru pada tampilan sekolah
Halaman ini digunakan untuk menambahkan data guru baru. Halaman berisi sidebar dibagian sebelah kiri yang digunakan untuk navigasi. Dibagian tengah berisi table data guru dan button untuk menambahkan data guru baru. Tampilan halaman guru pada gambar 3.16.
Gambar 3.16 Rancangan tampilan halaman guru untuk level sekolah 3.3.3.3 Tampilan halaman mata pelajaran pada tampilan sekolah
Halaman ini digunakan untuk mengubah / menambahkan data mata pelajaran. Halaman ini berisi sidebar dibagian sebelaj kiri yang digunakan untuk navigasi. dibagian tengah berisi table data mata pelajaran dan button untuk untuk menambahkan data baru.
Tampilan halaman mata pelajaran pada gambar 3.17
Gambar 3.17 Rancangan tampilan halaman mata pelajaran untul level sekolah Pada saat menambahkan data baru. Halaman akan dialihkan ke halaman yang berisi form input. halaman ini berisi form yang didalamnnya terdapat data guru, data kelas ,semester dan terdapat juga nama form nama mata pelajaran. Tampilan haman untuk form amata pelajaran baru dapat dilihat pada gamar 3.18
Gambar 3.18 Rancangan tampilan halaman untuk tambah mata pelajaran baru
3.3.3.4 Tampilan halaman date publish pada tampilan sekolah
Halaman ini digunakan untuk menambahkan data mata pelajaran. Halaman ini berisi sidebar dibagian sebelah kiri yang digunakan untuk navigasi. Dibagian kanan digunakan untuk content yang berisi jadwal – jadwal siswa untuk mendapatkan hak akses pembagian nilai. Tampilan date publish dapat dilihat pada gambar 3.19
Gambar 3.19 Rancangan tampilan halaman untuk jadwal publish 3.3.3.5 Tampilan halaman siswa untuk level sekolah
Halaman ini digunakan untuk menambahkkan data siswa. Halaman ini berisi sidebar di sebelah kiri yang digunakan untuk navigasi. dibagian kanan digunakan untuk content yang berisi data siswa siswa, button upload data siswa dalam format csv dan button untuk mendownload format yang akan digunakan. Berikut tampilan halaman siswa untuk level sekolah dapat dilihat pada gambar 3.20
Gambar 3.20 Rancangan tampilan halaman siswa untuk level sekolah
BAB 4