II. FITUR SISTEM INFORMASI II.A. Login Sistem Informasi PKB Pengawas Sekolah dapat diakses melalui http://app.demoo.id/pkb/ dari internet browser yang digunakan (internet explorer, mozila, google chrome, dll). Tampilan yang akan muncul setelah mengetikkan alamat url tersebut adalah halaman seperti gambar berikut ini : Gambar 1. Halaman Awal Sistem Informasi PKB Pengawas Sekolah a. Klik menu Login yang ada pada top sidebar menu, sehingga tampil halaman seperti gambar berikut :
Gambar 1. Sistem Informasi PKB Pengawas Sekolah b. Masukkan Username dan Password c. Jika login berhasil, maka akan muncul halaman Dashboard seperti gambar berikut: Gambar 2. Contoh salah satu Tampilan Interfaces setelah Login 1
II.B. Admin Ada 7 (tujuh) menu utama dalam interfaces admin yang terletak pada left sidebar, yaitu Dashboard, Data Narasumber, Kelas, Kelengkapan, Input, Report dan Sertifikat. Gambar 3. Tampilan Menu Dashboard Interfaces Admin II.B.1. Dashboard Menu Dashboard adalah menu yang berguna untuk menampilkan informasi mengenai kalender jadwal pelaksanaan diklat pada Sistem Informasi PKB Pengawas Sekolah. Tampilan menu dashboard dapat dilihat pada gambar 4. II.B.2. Data Narasumber Menu Data Narasumber adalah menu yang berguna untuk mengelola informasi mengenai narasumber diklat PKB Pengawas Sekolah. Berikut ini langkah-langkah menambahkan data narasumber diklat PKB Pengawas Sekolah : 2
i. Pilih menu Data Narasumber. Tampilan yang akan muncul adalah sebagai berikut: Gambar 5. Menu Data Narasumber interface Admin ii. Isi dan lengkapi data narasumber iii. Klik button untuk menyimpan data narasumber yang telah ditambahkan. Data Narasumber yang sudah ditambahkan akan muncul pada Data Narasumber Nasional seperti gambar berikut ini : Gambar 6. Tampilan Data Narasumber Nasional 3
II.B.2.a. Edit Narasumber i. Pilih menu Data Narasumber button untuk mengubah data narasumber, kemudian akan muncul tampilan seperti berikut : Gambar 7. Fitur Edit Narasumber Menu Data Narasumber ii. Isi dan lengkapi Data Narasumber yang ingin diubah. iii. Klik button untuk menyimpan data narasumber yang telah diubah. 4
II.B.2.b Hapus Narasumber i. Pilih menu Data Narasumber button untuk menghapus data narasumber kemudian akan muncul pop-up notifikasi sebagai berikut : Gambar 8. Notifikasi Fitur Hapus pada Menu Data Narasumber ii. Klik OK jika ingin menghapus data narasumber, atau klik Cancel jika ingin membatalkan. II.B.3. Kelas Menu Kelas adalah menu yang digunakan untuk mengatur berbagai informasi tentang kelas diklat PKB Pengawas Sekolah. Terdapat 2 submenu dalam menu ini antara lain Buat Kelas, dan Jadwal. II.B.3.a. Buat Kelas Submenu Buat Kelas berfungsi untuk untuk mengelola data kelas. Adapun langkahlangkah penggunaannya adalah sebagai berikut : i. Pilih menu Kelas Buat Kelas. Tampilan yang akan muncul adalah sebagai berikut : 5
Gambar 9. Menu Kelas pada interface Admin ii. Pilih peserta terlebih dahulu dengan memberikan tanda Checklist sebelum membuat kelas. iii. Klik button untuk membuat kelas baru setelah memilih peserta yang sudah dipilih sebelumnya kemudian akan muncul pop up notifikasi sebagai berikut : Gambar 10. Notifikasi Fitur Buat Kelas pada Menu Kelas iv. Klik OK jika ingin membuat kelas, atau klik Cancel jika ingin membatalkan. 6
v. Jika OK selanjutnya melengkapi data kelas yang dibuat seperti gambar berikut ini : Gambar 11. Fitur Buat Kelas pada Menu Kelas interface Admin vi. Isi dan lengkapi data kelas yang buat. vii. Klik button untuk menyimpan data kelas yang telah dibuat. II.B.3.b. Jadwal Submenu Jadwal berfungsi untuk untuk mengelola jadwal diklat PKB Pengawas Sekolah. Adapun langkah-langkah penggunaannya adalah sebagai berikut : i. Pilih menu Kelas Jadwal. Tampilan yang akan muncul adalah sebagai berikut : 7
Gambar 12. Submenu Jadwal pada Menu Kelas interface Admin ii. Klik button untuk menampilkan peserta pada diklat yang dipilih. iii. Klik button untuk mengubah jadwal diklat yang dipilih. II.B.3.b.1. Hapus Peserta i. Klik button untuk menampilkan daftar peserta diklat, kemudian akan muncul tampilan seperti berikut : 8
Gambar 13. Fitur Hapus Peserta pada Submenu Jadwal ii. Klik button untuk menghapus peserta diklat kemudian akan muncul pop-up notifikasi sebagai berikut : Gambar 14. Notifikasi Fitur Hapus pada Submenu Jadwal i. Klik OK jika ingin menghapus peserta diklat, atau klik Cancel jika ingin membatalkan. 9
II.B.3.b.2. Edit Jadwal i. Klik button untuk mengubah jadwal diklat, kemudian akan muncul tampilan seperti berikut : Gambar 15. Fitur Edit Jadwal pada Submenu Jadwal ii. Isi dan lengkapi data yang akan diubah. iii. Klik button untuk menyimpan data jadwal yang sudah diubah. II.B.4. Kelengkapan Menu Kelengkapan adalah menu yang digunakan untuk mencetak beberapa kebutuhan dalam pelaksanaan diklat. Adapun langkah langkah penggunaannya sebagai berikut : i. Pilih menu Kelengkapan. Tampilan yang akan muncul adalah sebagai berikut : 10
Gambar 16. Tampilan Menu Kelengkapan ii. Pilih terlebih dahulu diklat yang akan dicetak kelengkapannya dengan menekan button iii. Berilah cek list sesuai dengan petunjuk yang ada di sistem informasi PKB Pengawas Sekolah pada bagian Ceklist Kelengkapan seperti gambar berikut : 11
Gambar 17. Fitur Ceklist Kelengkapan pada Menu Kelengkapan iv. Berilah cek list sesuai dengan petunjuk yang ada di sistem informasi PKB Pengawas Sekolah pada bagian Lembar Kontrol Kelengkapan seperti gambar berikut : 12
Gambar 18. Fitur Lembar Kontrol Kelengkapan pada Menu Kelengkapan v. Cetak ID Card sesuai kebutuhan diklat seperti gambar berikut ini : Gambar 19. Fitur IDcard pada Menu Kelengkapan 13
vi. Daftar presensi seperti gambar berikut ini : Gambar 20. Fitur Presensi pada Menu Kelengkapan vii. Cetak Modul yang dibutuhkan dalam diklat seperti gambar berikut : Gambar 24. Fitur Modul pada Menu Kelengkapan 14
ix. Cetak instumen seperti gambar brikut : Gambar 21. Fitur Instrumen pada Menu Kelengkapan II.B.5. Input Menu Input memiliki submenu antara lain : Presensi, Sikap dan Keterampilan, Nilai dan Instrumen Evaluasi Peserta. II.B.5.a. Presensi Submenu Presensi berfungsi menginput presensi peserta yang menghadiri diklat. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Presensi, maka akan muncul tampilan seperti berikut : Gambar 22. Fitur Presensi pada Menu Input 15
ii. Klik button pada Kelas Pelatihan Administrator, maka akan muncul tampilan sebagai berikut : Gambar 23. Ceklist presensi kehadiran pada Fitur Presensi iii. Beri tanda centang ( ) jika peserta menghadiri kegiatan diklat, hilangkan tanda centang ( ) jika peserta tidak menghadiri kegiatan diklat. Jika tanda centang ( ) dihilangkan, maka warna kolom akan berubah menjadi warna merah seperti berikut ini : iv. Klik button untuk menyimpan data presensi. II.B.5.b. Nilai Submenu Nilai berfungsi menginput nilai peserta pelatihan. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Nilai, maka akan muncul tampilan seperti berikut : 16
Gambar 24. Fitur Nilai pada Menu Input ii. Klik button pada Kelas Pelatihan Administrator yang akan di input nilainya, maka akan muncul tampilan sebagai berikut : Gambar 25. Input Nilai pada Fitur Nilai iii. Isi dan lengkapi nilai peserta diklat. iv. Klik button untuk menyimpan nilai. 17
II.B.5.c. Instrumen Evaluasi Peserta Submenu Instrumen Evaluasi Peserta berfungsi menginput nilai Instrumen Evaluasi Peserta pelatihan. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Instrumen Evaluasi Peserta, maka akan muncul tampilan seperti berikut : Gambar 26. Fitur Presensi pada Menu Input ii. Klik button pada Kelas Pelatihan Administrator yang dipilih, maka akan muncul tampilan sebagai berikut : Gambar 27. Tampilan Input Jawaban iii. Klik button untuk menginput instrumen evaluasi : 18
iv. Isi dan lengkapi Instrumen Evaluasi Peserta seperti gambar berikut : Gambar 28. Tampilan Input Jawaban v. Klik button untuk meyimpan jawaban Instrumen Evaluasi Peserta. II.B.6. II.B.7. Report Sertifikat Menu Sertifikat digunakan untuk mencetak lembar Surat Tanda Tamat Pendidikan dan Pelatihan. Format STTPP dalam bentuk dalam bentuk PDF. Adapun langkah-langkah cetak STTPP adalah sebagai berikut : 19
i. Klik menu Sertifikat. Apabila kompetensi peserta belum diinputkan oleh petugas evaluasi, maka akan muncul peringatan jika data kompetensi belum diinput. Sedangkan apabila kompetensi peserta telah terinput, maka tampilan yang akan muncul adalah sebagai berikut : Gambar 29. Tampilan Menu Sertifikat ii. Klik button untuk mencetak sertifikat peserta yang mengikuti diklat, maka akan muncul tampilan sebagai berikut : 20
Gambar 30. Tampilan Cetak Sertifikat Menu Sertifikat iii. Tampilan depan sertifikat dapat dilihat pada tab SERTIFIKAT DEPAN, tampilannya seperti pada gambar 30. iv. Tampilan belakang sertifikat dapat dilihat pada tab SERTIFIKAT BELAKANG, tampilannya seperti pada gambar berikut ini : 21
Gambar 31. Tampilan Sertifikat Belakang v. Tampilan belakang sertifikat yang kedua dapat dilihat pada tab SERTIFIKAT BELAKANG 2, tampilannya seperti pada gambar berikut ini : 22
Gambar 32. Tampilan Sertifikat Belakang yang kedua vi. Button digunakan untuk menyimpan sertifikat dalam bentuk file PDF 23
II.C. Admin PKB Gambar 33. Halaman Interfaces Admin PKB setelah Login Ada beberapa menu yang dapat digunakan oleh Admin PKB, dimana beberapa terletak pada left Sidebar, yakni Dashboard, Konfigurasi Aplikasi, Kelas, Kelengkapan, Input, Report dan Setifikat. Selain itu, ada 3 (tiga) menu pada top sidebar, yakni menu Ubah Status, Tahap dan Logout. II.C.1. Dashboard Menu Dashboard adalah menu yang berguna untuk menampilkan informasi mengenai kalender jadwal pelaksanaan diklat pada Sistem Informasi PKB Pengawas Sekolah. Tampilan menu dashboard dapat dilihat pada gambar 33. II.C.2. Konfigurasi Aplikasi Menu Konfigurasi Aplikasi adalah menu yang digunakan untuk mengatur berbagai informasi yang akan ditampilkan dalam Sistem Informasi PKB Pengawas Sekolah.
Terdapat 3 submenu dalam menu ini antara lain Instansi, Konfigurasi Sertifikat, dan Registrasi Operator. II.C.2.a. Instansi Submenu Instansi berfungsi untuk untuk mengelola data instansi. Adapun langkahlangkah penggunaannya adalah sebagai berikut : i. Pilih menu Konfigurasi Aplikasi Instansi. Tampilan yang akan muncul adalah sebagai berikut : Gambar 34. Gambar Tampilan Submenu Instansi ii. Isi dan lengkapi judul data instansi iii. Klik button untuk menyimpan data instansi yang telah diubah. 1
II.C.2.b. Konfigurasi Sertifikat Submenu Konfigurasi Sertifikat berfungsi untuk melakukan konfigurasi terhadap data-data yang diperlukan dalam pembuatan sertifikat. Adapun langkah-langkah penggunaannya adalah sebagai berikut : i. Pilih menu Konfigurasi Aplikasi Konfigurasi Sertifikat. Tampilan yang akan muncul adalah sebagai berikut : Gambar 35. Submenu Konfigurasi Sertifikat Interfaces Admin ii. Pilih Tipe Nomor Sertifikat, ada 2 (dua) tipe nomor sertifikat yaitu Nomor Sertifikat Sama dan Nomor Sertifikat Berurutan. Pilih tipe Nomor Sertifikat Sama jika nomor sertifikat akan dibuat sama antara satu sertifikat dengan sertifikat yang lainnya. Pilih tipe Nomor Sertifikat Berurutan jika nomor sertifikat akan dibuat berurutan. iii. Kemudian isi filed No. Sertifikat sesuai dengan kebutuhan iv. Masukkan Tempat Kegiatan 2
v. Kemudian pilih Pejabat Penandatangan Sertifikat Depan dan Pejabat Penandatangan Sertifikat Belakang vi. Klik button untuk menyimpan data sertifikat. II.C.2.b.1. Tambah Pejabat i. Pilih menu Konfigurasi Sertifikat button untuk menambah data pejabat, kemudian akan muncul tampilan seperti berikut : Gambar 36. Fitur Tambah Pejabat Menu Konfigurasi Sertifikat ii. Isi dan lengkapi data Pejabat iii. Klik button untuk menyimpan data pejabat yang ingin ditambahkan. 3
II.C.2.b.2. Edit Pejabat i. Pilih menu Konfigurasi Sertifikat button untuk mengubah data pejabat, kemudian akan muncul tampilan seperti berikut : Gambar 37. Fitur Edit Pejabat Submenu Konfigurasi Sertifikat ii. Isi dan lengkapi data Pejabat yang ingin diubah iii. Klik button untuk menyimpan data pejabat yang telah diubah. 4
II.C.2.b.3. Hapus Pejabat i. Pilih menu Konfigurasi Sertifikat button untuk menghapus data pejabat kemudian akan muncul pop-up notifikasi sebagai berikut : Gambar 38. Notifikasi Fitur Hapus pada Submenu Konfigurasi Sertifikat ii. Klik OK jika ingin menghapus berita, atau klik Cancel jika ingin membatalkan. II.C.2.c. Registrasi Operator Submenu Registrasi Operator berfungsi untuk melakukan konfigurasi terhadap data-data Operator Kelas PKB dalam Sistem Informasi PKB Pengawas Sekolah. Adapun langkahlangkah penggunaannya adalah sebagai berikut : i. Pilih menu Konfigurasi Aplikasi Registrasi Operator. Tampilan yang akan muncul adalah sebagai berikut : 5
Gambar 39. Tampilan Submenu Registrasi Operator Interfaces Admin PKB II.C.2.c.1. Tambah Operator i. Pilih menu Konfigurasi Aplikasi Registrasi Operator klik button untuk menambah data operator, kemudian akan muncul tampilan seperti berikut : 6
Gambar 40. Fitur Tambah Operator Submenu Registrasi Operator ii. Isi dan lengkapi data Operator iii. Klik button untuk menyimpan data operator yang ingin ditambahkan. II.C.2.c.2. Edit Operator i. Pilih menu Konfigurasi Aplikasi Registrasi Operator klik button untuk mengubah data operator, kemudian akan muncul tampilan seperti berikut : 7
Gambar 41. Fitur Edit Operator Submenu Registrasi Operator ii. Isi dan lengkapi data operator yang ingin diubah iii. Klik button untuk menyimpan data operator yang telah diubah. 8
II.C.2.c.3. Hapus Operator i. Pilih menu Konfigurasi Aplikasi Registrasi Operator klik button untuk menghapus data operator kemudian akan muncul pop-up notifikasi sebagai berikut : Gambar 42. Notifikasi Fitur Hapus pada Submenu Registrasi Operator ii. Klik OK jika ingin menghapus berita, atau klik Cancel jika ingin membatalkan. II.C.2.c.4. Reset Password Operator i. Pilih menu Konfigurasi Aplikasi Registrasi Operator klik button untuk melakukan reset terhadap password operator kemudian akan muncul pop-up notifikasi sebagai berikut : Gambar 43. Notifikasi Fitur Reset Password pada Submenu Registrasi Operator 9
ii. Klik OK jika ingin menghapus berita, atau klik Cancel jika ingin membatalkan. II.C.3. Kelas Menu Kelas berfungsi untuk untuk mengelola jadwal diklat PKB Pengawas Sekolah. Adapun langkah-langkah penggunaannya adalah sebagai berikut : i. Pilih menu Kelas Jadwal. Tampilan yang akan muncul adalah sebagai berikut : Gambar 44. Submenu Jadwal pada Menu Kelas interface Admin PKB ii. Jika pada kolom Status terdapat pernyataan, maka kegiatan diklat telah terjadwal. Klik button untuk mengubah jadwal diklat tersebut, kemudian akan muncul tampilan sebagai berikut : 10
Gambar 45. Fitur Edit Jadwal pada Submenu Jadwal interface Admin PKB iii. Isi dan lengkapi jadwal diklat sesuai dengan kebutuhan iv. Klik button untuk menyimpan jadwal diklat yang telah diubah, klik button untuk membatalkan perubahan jadwal diklat. v. Pada kolom Operator terdapat nama Operator Kelas, klik link nama Operator Kelas pada kolom Operator untuk melihat data lengkap mengenai operator kelas tersebut, maka akan muncul tampilan sebagai berikut : 11
Gambar 46. Detail Data Operator Kelas pada Submenu Jadwal interface Admin PKB II.C.4. Kelengkapan Menu Kelengkapan adalah menu yang digunakan untuk mencetak beberapa kebutuhan dalam pelaksanaan diklat. Adapun langkah langkah penggunaannya sebagai berikut : i. Pilih menu Kelengkapan. Tampilan yang akan muncul adalah sebagai berikut : Gambar 47. Tampilan Menu Kelengkapan interface Admin PKB 12
ii. Pilih terlebih dahulu diklat yang akan dicetak kelengkapannya dengan menekan button iii. Klik button untuk mengunduh cek list kelengkapan seperti gambar berikut : Gambar 48. Tampilan Ceklist Kelengkapan pada Menu Kelengkapan vi. Klik button untuk mengunduk cek list Lembar Kontrol Kelengkapan seperti gambar berikut : 13
Gambar 49. Tampilan Lembar Kontrol Kelengkapan pada Menu Kelengkapan vii. Cetak ID Card sesuai kebutuhan diklat seperti gambar berikut ini : Gambar 50. Fitur IDcard pada Menu Kelengkapan 14
a. Klik button untuk mencetak ID Card dengan ukuran kecil, berikut adalah tampilan ID Card dengan ukuran kecil : Gambar 51. Tampilan ID Card dalam Ukuran Kecil pada Menu Kelengkapan b. Klik button untuk mencetak ID Card dengan ukuran besar, berikut adalah tampilan ID Card dengan ukuran besar : Gambar 52. Tampilan ID Card dalam Ukuran Besar pada Menu Kelengkapan 15
viii. Klik button untuk mengunduh presensi peserta seperti gambar berikut ini : Gambar 53. Fitur Presensi pada Menu Kelengkapan ix. Cetak Modul dapat dilakukan dengan menekan link seperti tampilan berikut ini : 16
Gambar 54. Fitur Cetak Modul pada Menu Kelengkapan Klik link pada kolom Modul untuk mengunduh dan mencetak modul x. Cetak instumen seperti gambar brikut : Gambar 48. Fitur Instrumen pada Menu Kelengkapan II.C.5. Input Menu Input memiliki submenu antara lain : Presensi, Nilai Pre test, Sikap dan Keterampilan dan Instrumen Evaluasi Peserta. 17
II.C.5.a. Presensi Submenu Presensi berfungsi menginput presensi peserta yang menghadiri diklat. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Presensi, maka akan muncul tampilan seperti berikut : Gambar 55. Tampilan submenu Presensi interface Admin PKB ii. Klik button untuk menginput presensi pada kegiatan diklat, maka akan muncul tampilan sebagai berikut : Gambar 56. Fitur Input submenu Presensi interface Admin PKB 18
iii. Beri tanda centang ( ) jika peserta menghadiri kegiatan diklat, hilangkan tanda centang ( ) jika peserta tidak menghadiri kegiatan diklat. Jika tanda centang ( ) dihilangkan, maka warna kolom akan berubah menjadi warna merah seperti berikut ini : iv. Klik button untuk menyimpan data presensi. II.C.5.b. Nilai Pre Test Submenu Nilai Pre Test berfungsi menginput nilai peserta pelatihan. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Nilai Pre Test, maka akan muncul tampilan seperti berikut : Gambar 57. Submenu Nilai Pre Test pada Menu Input ii. Klik button untuk menginput nilai prestest peserta diklat, maka akan muncul tampilan sebagai berikut : 19
Gambar 58. Fitur Input Nilai Pre Test pada Menu Nilai iii. Pilih nama yang nilai pre test nya akan diinput, setelah itu akan muncul tampilan sebagai berikut : Gambar 59. Form Input Nilai Pre Test pada Menu Nilai 20
iv. Isi dan lengkapi nilai pre test dan post test peserta diklat. v. Klik button untuk menyimpan nilai. II.C.5.c. Sikap dan Keterampilan Submenu Nilai Pre Test berfungsi menginput nilai peserta pelatihan. Langkah-langkah penggunaannya adalah sebagai berikut : i. Klik menu Input Sikap dan Keterampilan, maka akan muncul tampilan seperti berikut : Gambar 60. Submenu Sikap dan Keterampilan pada Menu Input ii. Klik button untuk menginput nilai sikap dan keterampilan peserta diklat, maka akan muncul tampilan sebagai berikut : 21
Gambar 61. Fitur Input Nilai Sikap dan Keterampilan pada Menu Nilai iii. Pilih nama yang nilai pre test nya akan diinput, setelah itu akan muncul tampilan sebagai berikut : Gambar 62. Form Input Nilai Sikap dan Keterampilan pada Menu Nilai 22
iv. Isi dan lengkapi nilai sikap dan keterampilan peserta diklat. v. Klik button untuk menyimpan nilai. II.C.5.d. Instrumen Evaluasi Peserta II.C.6. Report II.C.7. Sertifkat Menu Sertifikat digunakan untuk mencetak lembar Surat Tanda Tamat Pendidikan dan Pelatihan. Format STTPP dalam bentuk dalam bentuk PDF. Adapun langkah-langkah cetak STTPP adalah sebagai berikut : i. Klik menu Sertifikat. Apabila kompetensi peserta belum diinputkan oleh petugas evaluasi, maka akan muncul peringatan jika data kompetensi belum diinput. Sedangkan apabila kompetensi peserta telah terinput, maka tampilan yang akan muncul adalah sebagai berikut : Gambar 63. Tampilan Menu Sertifikat 23
ii. Klik button untuk mencetak sertifikat peserta yang mengikuti diklat, maka akan muncul tampilan sebagai berikut : Gambar 64. Tampilan Cetak Sertifikat Menu Sertifikat iii. Tampilan depan sertifikat dapat dilihat pada tab SERTIFIKAT DEPAN, tampilannya seperti pada gambar 64. 24
iv. Tampilan belakang sertifikat dapat dilihat pada tab SERTIFIKAT BELAKANG, tampilannya seperti pada gambar berikut ini : Gambar 65. Tampilan Sertifikat Belakang v. Tampilan belakang sertifikat yang kedua dapat dilihat pada tab SERTIFIKAT BELAKANG 2, tampilannya seperti pada gambar berikut ini : 25
Gambar 66. Tampilan Sertifikat Belakang yang kedua vi. Button digunakan untuk menyimpan sertifikat dalam bentuk file PDF 26