TUTORIAL SISTEM INFORMASI RAPOR ONLINE SMP AL FALAH ASSALAM Tutorial Untuk Pengguna : Super Admin Pada hak akses super admin, pengguna dapat mengelola user baru, pegawai serta pengaturan sekolah. Super Admin memiliki akses tertinggi didalam sistem. Berikut adalah masing masing penjelasan hasil uji coba pada halaman super admin. 4.3.1.1. Login Untuk masuk kedalam sistem, pengguna harus melakukan login terlebih dahulu dengan memasukkan username dan password yang sudah terdaftar dan memilih hak akases dalam sistem. Berikut adalah mekanisme ketika melakukan login kedalam sistem. Notifikasi login Kolom username dan password Hak akses user Gambar Error! No text of specified style in document..1 Login super admin 1
2 Seperti yang digambarkan pada gambar 4.63, dalam halaman login terdapat kolom untuk memasukkan username dan password serta hak akses user. Jika username dan password yang dimasukkan benar maka pengguna dapat masuk kedalam sistem, namun jika username dan password yang dimasukkan salah, maka akan muncul pemberitahuan bahwa username dan password yang dimasukkan salah. Kemudian pada halaman login juga terdapat fitur lupa password. Menu lupa password berfungsi untuk mendapatkan password kembali ketika pengguna lupa password yang digunakan untuk masuk kedalam sistem. Sistematika kerja lupa pasword yaitu dengan mengirimkan password melalui alamat email yang pernah di daftarkan. Yang perlu diingat pengguna hanya username untuk masuk kedalam sistem dan alamat email yang pernah didaftarkan sebelumnya. Berikut adalah gambaran alur mekanisme lupa password. Kolom username dan email Lupa password Gambar Error! No text of specified style in document..2 Lupa passsword Seperti yang digambarkan pada gambar 4.64, setelah memilih lupa password, sistem kemudian menampilkan form untuk memasukkan username dan email. Pengguna dapat memasukkan username dan email yang digunakan untuk
3 melakukan konfirmasi lupa password. Jika username dan email yang dimasukkan benar, sistem kemudian mengirimkan email yang berisi data password pengguna. Gambar Error! No text of specified style in document..3 pesan masuk lupa password Gambar 4.65 merupakan pesan masuk yang didapatkan pengguna jika username dan email keitka memilih menu lupa password dimasukkan dengan benar. 4.3.1.2. User Pada halaman user, super admin dapat menambahkan user baru untuk menambahkan daftar pengguna dengan memilih menu tambah. Berikut adalah tampilan form tambah user. Gambar Error! No text of specified style in document..4 Form tambah user
4 Setelah memilih menu tambah user, kemudian sistem menampilkan form untuk menambah user baru. Seperti yang digambarkan dalam gambar 4.66, terdapat kolom kolom yang memiliki ketentuan tertentu seperti yang dijelaskan pada keterangan dibawahnya. Ketika berhasil menambahkan data user baru, maka akan tampil notifikasi bahwa data berhasil ditambahkan. Berikut adalah gambaran notifikasi data user telah berhasil ditambahkan. Gambar Error! No text of specified style in document..5 Pemberitahuan user baru berhasil ditambahkan Gambar 4.67 merupakan tampilan notifikasi data berhasil ditambahkan. Kemudian alamat email yang sudah didaftarkan akan menerima pesan masuk. Berikut adalah pesan masuk yang diterima. Gambar Error! No text of specified style in document..6 Pesan masuk user baru Gambar 4.68 merupakan gambaran pesan masuk yang diterima oleh user baru. Pesan masuk tersebut berupa keterangan bahwa user tersebut telah terdaftar sebagai administrator pada sistem. Kemudian untuk mengubah data user yaitu
5 dengan memilih menu edit pada data yang akan diubah. Berikut adalah mekanisme ubah data user. Form edit user Menu edit Gambar Error! No text of specified style in document..7 Form edit user Setelah memilih menu edit, sistem menampilkan form edit user yang berisi data user yang telah dipilih. Mekanisme ubah data user sama dengan mekanisme tambah user. Ketika berhasil mengubah data, sistem kemudian menampilkan notifikasi bahwa data berhasil di ubah. Berikut adalah gambaran notifikasi data user telah berhasil ditambahkan. Gambar Error! No text of specified style in document..8 Pemberitahuan data user berhasil diubah
6 Gambar 4.70 merupakan tampilan notifikasi bahwa data berhasil diubah atau diedit. Kemudian untuk menghapus data user yang sudah terdaftar yaitu dengan memilh menu delete pada data yang akan dihapus. Berikut adalah mekanisme hapus data user. Gambar Error! No text of specified style in document..9 Konfirmasi hapus user Setelah memilih menu delete, kemudian sistem menampilkan pemberitahuan apakah data akan dihapus atau tidak. Jika memilih cancel maka proses hapus data dibatalkan dan jika dipilih ok maka sistem kemudian menghapus data yang dipilih. Gambar Error! No text of specified style in document..10 Pemberitahuan data user berhasil dihapus Kemudian setelah data berhasil dihapus, sistem menampilkan notifikasi bahwa data berhasil dihapus seperti yang terlihat pada gambar 4.72. 4.3.1.3. Pegawai Pada halaman pegawai, super admin dapat menambahkan pegawai baru. Ketika memilih menu tambah pegawai, sistem kemudian menampilkan form untuk menambah pegawai baru. Dalam form terdapat kolom unik yang harus diisikan
7 dengan 10 karekater dan masing masing pegawai yang dimasukkan harus memiliki kode yang berbeda. Jika kode unik yang dimasukkan sama maka sistem akan menampilkan pemberitahuan bahwa nip sudah ada yang menggunakan. ketika data pegawai ditambahkan maka data user baru secara tidak langsung akan ditambahkan. NIP yang menggunakan kode unik digunakan oleh pegawai untuk masuk kedalam sistem yang sudah disediakan. Berikut adalah tampilan form tambah pegawai. Nip berupa kode unik Gambar Error! No text of specified style in document..11 Form tambah pegawai Gambar 4.73 merupakan form tambah pegawai baru. Ketika data berhasil disimpan, sistem kemudian menampilkan pemberitahuan bahwa data berhasil ditambahkan. Berikut adalah gambaran notifikasi data pegawai berhasil ditambahkan.
8 Gambar Error! No text of specified style in document..12 Pemberitahuan pegawai baru berhasil ditambahkan Gambar 4.74 merupakan tampilan notifikasi bahwa data pegawai berhasil ditambahkan. Untuk mengubah data pegawai yaitu dengan memilih menu edit pada data pegawai yang akan diubah. Berikut adalah mekanisme ubah data pegawai. Menu edit Nip berupa kode unik Form edit pegawai Gambar Error! No text of specified style in document..13 Form edit pegawai Setelah memilih menu edit pegawai, kemudian sistem menampilkan form untuk mengubah data pegawai yang berisi data pegawai yang dipilih. Pada form edit, data nip tidak dapat diubah, hanya data data lain yang dapat diubah karena kode unik nip sifatnya tetap. Ketika berhasil mengubah data, sistem kemudian
9 menampilkan notifikasi bahwa data berhasil di ubah. Berikut adalah tampilan notifikasi data berhasil diubah. Gambar Error! No text of specified style in document..14 Pemberitahuan data guru berhasil diubah Gambar 4.76 merupakan tampilan notifikas bahwai data pegawai berhasil diedit. Kemudian untuk menghapus data pegawai yaitu dengan memilh menu delete. Berikut adalah mekanisme hapus data pegawai. Gambar Error! No text of specified style in document..15 Konfirmasi hapus pegawai Setelah memilih menu delete, kemudian sistem menampilkan notifikasi apakah data akan dihapus atau tidak. Jika memilih cancel maka proses hapus data pegawai dibatalkan dan jika memiilih ok maka sistem kemudian menghapus data pegawai yang dipilih.
10 Gambar Error! No text of specified style in document..16 Pemberitahuan data pegawai berhasil dihapus Kemudian setelah data berhasil dihapus, sistem menampilkan notifikasi bahwa data berhasil dihapus seperti yang terlihat pada gambar 4.78. Nip data yang sudah terhapus dapat digunakan kembali oleh pegawai baru yang akan ditambahkan. 4.3.1.4. Profil Sekolah Super Admin dapat merubah profil sekolah dengan memilih menu profil sekolah pada pengaturan sekolah. Ketika data profil sekolah diubah maka secara otomatis keterangan sekolah yang ada pada sistem juga ikut berubah. Untuk mengubah profil sekolah, super admin dapat memilih menu edit pada halaman profil sekolah.
11 Gambar Error! No text of specified style in document..17 Form edit profil sekolah Gambar 4.79 merupakan form edit profil sekolah Super admin dapat merubah logo serta keterangan sekolah seperti yang digambarkan pada gambar 4.79. Kemudian super admin dapat menyimpan perubahan profil sekolah dengan memilih tombol simpan. Gambar Error! No text of specified style in document..18 Hasil pegubahan profil sekolah
12 Setelah perubahan berhasil tersimpan, maka sistem akan merubah pengaturan profil sekolah yang ada pada sistem. Salah satunya ialah logo dan nama sekolah yang ada pada sidebar. Selain mengubah profil sekolah, admin juga dapat mengubah background sistem. Berikut adalah hasil uji coba ketika mengubah background pada sistem. Menu pengaturan Skin background Gambar Error! No text of specified style in document..19 Sebelum background diubah Untuk mengubah background pada halaman sistem yaitu dengan memilih tombol pengaturan yang ada pada bagian kanan atas sistem. Kemudian pilih skin yang diinginkan.
13 Gambar Error! No text of specified style in document..20 Setelah background diubah Setelah memilih skin yang diinginkan, secara otomatis sistem akan mengubah background pada sistem sesuai skin yang dipilih. Pengubahan background pada sistem hanya terjadi pada bagian topbar dan sidebar sistem. 4.3.1.5. Tahun Akademik Pada halaman tahun akademik, super admin dapat menambahkan tahun akademik baru. Untuk menambahkan tahun akademik baru, pada halaman tahun akademik pilih menu tambah. Kemudian sistem akan menampilakn form tambah tahun akademik. Berikut adalah gambaran mekanisme tambah tahun akademik. Menu tambah Form tambah tahun akademik Gambar Error! No text of specified style in document..21 Form tambah tahun akademik
14 Setelah memilih menu tambah, kemudian sistem menampilkan form untuk menambah tahun akademik. Ketika berhasil menyimpan data, sistem akan menampilkan notifikasi bahwa data berhasil ditambahkan. Berikut adalah gambaran notifikasi data telah berhasil ditambahkan. Gambar Error! No text of specified style in document..22 Pemberitahuan data tahun akademik berhasil ditambahkan Gambar 4.84 merupakan tampilan notifikasi bahwa data tahun akademik berhasil ditambahkan. Untuk mengubah data tahun akademik yang sudah ada yaitu dengan memilih menu edit pada data tahun akademik. Berikut adalah gambaran mekanisme ubah data tahun akademik. Menu edit Form edit tahun akademik Gambar Error! No text of specified style in document..23 Form edit tahun akademik Setelah memilih menu edit, kemudian sistem menampilkan form untuk mengubah data tahun akademik dan menampilkan data tahun akademik yang
15 dipilih. Ketika berhasil mengubah data, sistem kemudian menampilkan notifikasi bahwa data berhasil di ubah. Berikut adalah tampilan notifikasi data berhasil diubah. Gambar Error! No text of specified style in document..24 Pemberitahuan data tahun akademik berhasil diubah Gambar 4.86 merupakan tampilan notifikasi data tahun akademik berhasil diedit. Kemudian untuk menghapus data tahun akademik yang sudah ada yaitu dengan memilh menu delete. Berikut adalah gambaran mekanisme hapus data tahun akademik. Gambar Error! No text of specified style in document..25 Halmaan konfirmasi hapus tahun akademik Setelah memilih menu delete, kemudian sistem menampilkan notifikasi apakah data akan dihapus atau tidak. Jika memilih cancel maka proses hapus data dibatalkan dan jika memilih ok maka sistem kemudian menghapus data yang dipilih.
16 Gambar Error! No text of specified style in document..26 Pemberitahuan data tahun akademik berhasil dihapus Ketika data berhasil dihapus, kemudian sistem menampilkan notifikasi bahwa data berhasil dihapus seperti yang digambarkan pada gambar 4.88. 4.3.1.6. Kelas Pada halaman kelas, super admin dapat menambahkan data kelas baru. Untuk menambahkan data kelas baru, pada halaman kelas pilih menu tambah. Berikut adalah gambaran mekanisme tambah data kelas. Form tambah kelas Menu tambah Gambar Error! No text of specified style in document..27 Form tambah kelas Setelah memilih menu tamba, kemudian sistem menampilkan form untuk menambah data kelas baru. Ketika berhasil menyimpan data, kemudian sistem menampilkan notifikasi bahwa data berhasil ditambahkan. Berikut adalah gambaran notifikasi data kelas telah berhasil ditambahkan.
17 Gambar Error! No text of specified style in document..28 Pemberitahuan data kelas berhasil ditambahkan Gambar 4.90 merupakan tampilan notifikasi bahwa data kelas berhasil ditambahkan. Untuk mengubah data kelas yang sudah ada yaitu dengan memilih menu edit pada data kelas yang akan diubah. Berikut adalah gambaran mekanisme ubah data kelas. Form edit kelas Menu edit Gambar Error! No text of specified style in document..29 Form edit kelas Setelah memilih menu edit, kemudian sistem menampilkan form untuk mengubah data kelas dan menampilkan data kelas yang telah dipilih. Ketika berhasil mengubah data kelas yang sudah ada, sistem kemudian menampilkan notifikasi bahwa data kelas berhasil di ubah. Berikut adalah tampilan notifikasi data kelas berhasil diubah. Gambar Error! No text of specified style in document..30 Pemberitahuan data kelas berasil diubah
18 Gambar 4.92 merupakan tampilan notifikasi data berhasil diedit. Kemudian untuk menghapus data yaitu dengan memilh menu delete. Berikut adalah mekanisme hapus data kelas. Gambar Error! No text of specified style in document..31 Konfirmasi hapus kelas Setelah memilih menu delete, kemudian sistem menampilkan notifikasi apakah data akan dihapus atau tidak, jika memilih cancel maka proses hapus data dibatalkan dan jika memilih ok maka sistem kemudian menghapus data kelas yang dipilih. Gambar Error! No text of specified style in document..32 Pemberitahuan data kelas berhasil dihapus Kemudian setelah data berhasil dihapus, sistem menampilkan notifikasi bahwa data berhasil dihapus seperti yang terlihat pada gambar 4.94.