Rancangan Antar Muka Implementasi Geographic Information System Sumber Daya Pendidikan Di Kabupaten Tapanuli Utara

3.7 Rancangan Antar Muka

Antarmuka atau user interface merupakan sarana yang menghubungkan manusia dengan dengan sistem agar manusia dan sistem dapat saling berinteraksi. Berikut adalah rancangan antarmuka dari sistem ini. 3.7.1 Rancangan Halaman Login admin, member dan kepala dinas Halaman login berisi username dan password yang diisi oleh user untuk masuk kehalaman utama. Username Password Header Login Gambar 3.12 Rancangan Halaman Login 3.7.2 Rancangan Halaman Utama a. Halaman Utama Admin 1. Admin Dinas Pendidikan Halaman utama admin Dinas Pendidikan merupakan halaman yang pertama kali akan muncul ketika admin Dinas Pendidikan masuk ke website ini. Halaman utama terdiri dari beberapa menu yaitu top menu dan site menu. Untuk lebih jelasnya, halaman Admin Dinas Pendidikan dapat dilihat pada gambar 3.12. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin SD MI SMP MTs SMA MA SMK SD MI SMP MTs SMA MA SMK SD MI SMP MTs SMA MA SMK Indikator Kecamatan Indikator Kabupaten SD MI SMP MTs SMA MA SMK My Profil Log Out Manajemen Member Menajemen Kecamatan Manajemen Komentar Foto Profil Admin Info Admin ISI Copy Right Cari Sekolah Menajemen Sarana Prasarana Menajemen Guru Mata Pelajaran Menajemen Pendidikan Guru Manajemen Indikator Pendidikan Menajemen Admin Sekolah Gambar 3.13 Rancangan halaman utama Admin Dinas Pendidikan 2. Admin Sekolah Halaman utama admin sekolah merupakan halaman yang pertama kali akan muncul ketika admin sekolah masuk ke website ini. Halaman utama terdiri dari beberapa menu yaitu top menu dan site menu. Untuk lebih jelasnya, halaman Admin Dinas Pendidikan dapat dilihat pada gambar 3.13. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Indikator Kecamatan Indikator Kabupaten My Profil Log Out Foto Profil Admin Info Admin ISI Copy Right Logo Tingkat Gambar 3.14 Rancangan halaman utama Admin Sekolah b. Rancangan Halaman Utama Kepala Dinas Halaman utama kepala dinas merupakan halaman yang pertama kali akan muncul ketika kepala dinas masuk ke website ini. Halaman utama terdiri dari beberapa menu utama yaitu menu Beranda, indikator, peta taput, lihat keluhan masyarakat, perlu diperhatikan, lihat profil kepala dinas dan lihat profil kabupaten . Selain itu ada juga log out, menu yang dipakai untuk keluar dari halaman admin. Universitas Sumatera Utara Header Beranda Indikator Peta Taput Nama kadis Indikator Kecamatan Indikator Kabupaten My Profil Log Out Lihat Keluhan Masyarakat Perlu diperhatikan Lihat Profil Kepala Dinas Foto Profil Kadis Info Kadis ISI Copy Right Lihat Profil Kabupaten Gambar 3.15 Rancangan halaman utama Kepala Dinas c. Rancangan Halaman Utama Member Halaman utama member merupakan halaman yang pertama kali akan muncul ketika member masuk ke website ini. Halaman utama terdiri dari beberapa menu utama yaitu menu Beranda, indikator, peta taput, lihat profil kepala dinas dan lihat profil kabupaten . Selain itu ada juga log out, menu yang dipakai untuk keluar dari halaman admin. Universitas Sumatera Utara Header Beranda Indikator Peta Taput Nama Member Indikator Kecamatan Indikator Kabupaten My Profil Log Out Foto Profil Member Info Member ISI Copy Right Gambar 3.16 Rancangan halaman utama Member 3.7.3 Rancangan Halaman Daftar Sekolah admin Halaman daftar sekolah merupakan halaman yang berisi daftar sekolah berdasarkan kecamatan. Jadi admin harus memilih kecamatan terlebih dahulu baru kemudian sistem akan menampilkan daftar sekolah yang ada dikecamatan tersebut. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Daftar Sekolah Copy Right Data Sekolah Nama Kecamatan Data Nama Sekolah Nama Kecamatan No Nama sekolah Alamat Status NSS NPSN Akreditas Luas Lahan No. Tlp Thn Berdiri Kategori Wilayah Kategori sekolah x y X_g Y_g Edit Hapus Gambar 3.17 Rancangan Halaman Daftar Sekolah 3.7.4 Rancangan Halaman Daftar Sarana Prasarana admin Halaman daftar sekolah merupakan halaman yang berisi daftar sarana prasarana sekolah berdasarkan masing – masing sekolah dan sekolah ditampilkan berdasarkan kecamatan. Jadi admin harus memilih kecamatan terlebih dahulu baru kemudian memilih nama sekolah, dan kemudian sistem akan menampilkan daftar sarana prasarana yang ada disekolah tersebut. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Data Sarana Prasarana Pilih Kecamatan Sarana Prasarana Nama Sekolah Pilih Sekolah Daftar Sarana Daftar Sarana Gambar 3.18 Rancangan Daftar Sarana Prasarana 3.7.5 Rancangan Halaman Daftar Pegawai admin Halaman daftar pegawai merupakan halaman yang berisi daftar pegawai dimasing – masing sekolah. Sekolah ditampilkan berdasarkan kecamatan. Jadi admin harus memilih kecamatan terlebih dahulu baru kemudian memilih nama sekolah, dan kemudian sistem akan menampilkan daftar pegawai yang ada disekolah tersebut. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Data Kepegawaian Sekolah Pilih Kecamatan Kepegawaian Nama Sekolah Pilih Sekolah Daftar Kepegawaian Daftar Kepegawaian Gambar 3.19 Rancangan Daftar Kepegawaian 3.7.6 Rancangan Halaman Daftar Kesiswaan admin Halaman daftar kesiswaan merupakan halaman yang berisi daftar kesiswaan dimasing – masing sekolah. Sekolah ditampilkan berdasarkan kecamatan. Jadi admin harus memilih kecamatan terlebih dahulu baru kemudian memilih nama sekolah, dan kemudian sistem akan menampilkan daftar kesiswaan yang ada disekolah tersebut. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Data Kesiswaan Sekolah Pilih Kecamatan Kesiswaan Nama Sekolah Pilih Sekolah Daftar Kesiswaan Daftar Kesiswaan Gambar 3.20 Rancangan Daftar Kesiswaan 3.7.7 Rancangan Halaman Daftar Indikator Kecamatan admin, kepala dinas dan member Halaman daftar indikator merupakan halaman yang berisi indikator pendidikan ditiap kecamatan. Halaman ini hampir sama antara admin kepala dinas dan member. Perbedaan antara halaman admin dengan yang lainnya adalah, halaman admin dilengkapi dengan tombol update, dimana admin dapat mengupdate indikator pendidikan apabila ada perbuhan data. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Data Indikator Pendidikan Kecamata Pilih Sekolah Indikator Pendidikan Pilih Indikator Tabel Indikator Pendidikan Kecamatan Gambar 3.21 Rancangan Daftar Indikator Kecamatan 3.7.8 Rancangan Halaman Daftar Indikator Kabupaten admin, kepala dinas dan member Halaman daftar indikator merupakan halaman yang berisi indikator pendidikan ditiap kabupaten. Halaman ini hampir sama antara admin kepala dinas dan member. Perbedaan antara halaman admin dengan yang lainnya adalah, halaman admin dilengkapi dengan tombol update, dimana admin dapat mengupdate indikator pendidikan apabila ada perbuhan data. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Data Indikator Pendidikan Kabupaten Tapanuli Utara Pilih Sekolah Indikator Pendidikan Kabupaten Pilih Indikator Tabel Indikator Pendidikan Kebupaten Gambar 3.22 Rancangan Daftar Indikator Kebupaten 3.7.9 Rancangan Peta Kabupaten kecamatan admin, kepala dinas dan member Halaman daftar peta kabupaten merupakan halaman yang berisi peta kabupaten Tapanuli Utara, setelah itu dari peta Kabupaten tersebut masuk kedalam peta kecamatan. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Info Kabupatenkecamatan Peta kabupaten kecamatan Informasi jumlah sekolah, murid dan guru Informasi Indikator Pendidikan Informasi Akreditas Informasi Status Sekolah Isi halaman tab Gambar 3.23 Rancangan Halaman Peta Kabupaten Kecamatan Tapanuli Utara 3.7.10 Rancangan Info sekolah admin, kepala dinas dan member Halaman info sekolah merupakan halaman yang berisi informasi sekolah yang diklik dari peta,Informasi yang didapat yaitu info sarana prasarana, kesiswaan, kepegawaian dan perlu diperhatikan. Kemudian para admin, kepala dinas dan member dapat memberi komentar. Universitas Sumatera Utara Header Beranda sekolah Sarana Prasarana Kepegawaian Indikator Peta Taput Kesiswaan Nama Admin Copy Right Info sekolah Peta Kecamatan titik sekolah Info sarna prasarana Informasi Kesiswaan Informasi Kepegawaian Evaluasi komentar Isi halaman tab Perlu diperhatikan Gambar 3.24 Rancangan Halaman Peta Kecamatan Tapanuli Utara Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan dijelaskan tentang proses pengimplementasian Geographic Information System GIS pada sistem, sesuai perancangan sistem yang telah dilakukan di Bab 3 serta melakukan pengujian sistem yang telah dibangun.

4.1 Implementasi Sistem