6. Kios ini akan diimplementasikan dalam bentuk touch-screen sebanyak 4 buah
3.5 Perancangan Sistem
3.5.3 Perancangan Layar
3.5.3.2 Perancangan Layar Back-End
3.5.3.2.1 Perancangan Layar Login Admin
Gambar 3.56 Perancangan Layar Login Admin
Halaman ini merupakan halaman login untuk admin untuk ke halaman layar utama admin. Untuk melakukan login pengguna harus mengisi ‘Admin ID’ dan ’Password’ yang valid.
3.5.3.2.2 Perancangan Layar Home Admin
Pada halaman ini pengguna melakukan pemilihan untuk ke layar yang diinginkan, pengguna dapat memilih bagian mana yang ingin ditambah, diubah, atau dihapus.
3.5.3.2.3 Perancangan Layar Menu Admin’s Data
Gambar 3.58 Perancangan Layar Menu Admin’s Data
Untuk menambah data admin terbaru dapat menekan tombol ‘Insert’, merubah data dengan menekan tombol ‘Update’ dan menghapus data dengan menekan tombol ‘Delete’. Terdapat tombol ’Main Menu’ Jika pengguna ingin kembali ke
home admin dan juga tersedia tombol ‘Logout’ jika ingin kembali ke menu Login
Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.59 Perancangan Layar Insert dan Update Admin’s Data Pada halaman pengguna dapat mengubah atau memasukkan data admin. Terdapat tombol ‘Save’ untuk untuk menyimpan data yang telah diubah atau dimasukkan dan juga terdapat tombol ‘Reset’ untuk menghapus data yang ingin diubah atau dimasukkan, untuk membatalkan pengguna dapat menekan tombol ‘Cancel’ dan akan kembali ke menu Data Admin.
3.5.3.2.4 Perancangan Layar Menu Staff News
Pada menu ini pengguna dapat memasukkan berita acara baru untuk karyawan dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, tombol ‘Delete’ untuk menghapus data berita dan acara karyawan. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, terdapat juga tombol ‘English Version’ untuk mengubah data berita dan acara berbahasa Inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu
Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol
‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.61 Perancangan Layar Insert Update Staff News Pada halaman ini pengguna dapat memasukkan atau mengubah data berita dan acara karyawan yang ingin ditambah atau diubah, setelah memasukkan atau mengubah data berita dan acara karyawan, pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data yang ingin
dimasukkan terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan atau diubah dan akan kembali ke menu Berita Dan Acara Karyawan.
3.5.3.2.5 Perancangan Layar Menu Public News
Gambar 3.62 Perancangan Layar Menu Public News
Pada menu ini pengguna dapat memasukkan berita acara baru untuk umum dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’ selain itu terdapat juga tombol ‘Delete’ untuk menghapus data berita dan acara umum. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, selain itu terdapat tombol ‘English
Version’ untuk mengubah data berita dan acara berbahasa Inggris dan terdapat
tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.63 Perancangan Layar Insert Update Public News Pada halaman pengguna dapat memasukkan atau mengubah data berita dan acara umum yang ingin ditambah atau diubah, tekan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data yang ingin dimasukkan atau diubah terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Berita Dan Acara Umum.
3.5.3.2.6 Perancangan Layar Menu Data Public Facilities
Pada menu ini pengguna dapat memasukkan data fasilitas umum dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, selain itu terdapat juga tombol ‘Delete’ untuk menghapus data fasilitas umum. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, selain itu terdapat tombol ‘English Version’ untuk mengubah data fasilitas umum yang berbahasa Inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.65 Perancangan Layar Insert Update Public Facilities Halaman ini untuk memasukkan atau mengubah data fasilitas umum, pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data atau mengubah data sedangkan untuk menghapus data yang ingin dimasukkan atau diubah terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Fasilitas Umum.
3.5.3.2.7 Perancangan Layar Menu Data Kejaksaan Facilities
Gambar 3.66 Perancangan Layar Menu Data Kejaksaan Facilities Pada menu ini pengguna dapat memasukkan data fasilitas Kejaksaan dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, terdapat juga tombol ‘Delete’ untuk menghapus data fasilitas Kejaksaan. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, selain itu terdapat tombol ‘English Version’ untuk mengubah data fasilitas Kejaksaan yang berbahasa Inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.67 Perancangan Layar Insert Update Kejaksaan Facilities Pada halaman ini pengguna dapat memasukkan atau mengubah data fasilitas Kejaksaan yang ingin ditambah atau diubah. pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan atau mengubah data.untuk menghapus data yang terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Kejaksaan Facilities.
3.5.3.2.8 Perancangan Layar Menu Data Staff
Pada menu ini pengguna dapat memasukkan data karyawan dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, selain itu terdapat juga tombol ‘Delete’ untuk menghapus data karyawan. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, selain terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.69 Perancangan Layar Menu Insert Update Staff Pada halaman ini pengguna dapat memasukkan atau mengubah data karyawan yang ingin ditambah atau diubah, setelah itu pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data, sedangkan untuk menghapus data yang ingin dimasukkan atau diubah terdapat tombol ‘Reset’, dan juga terdapat tombol ‘Cancel’ untuk membatalkan dan akan kembali ke menu Staff
3.5.3.2.9 Perancangan Layar Menu Building
Gambar 3.70 Perancangan Layar Menu Building
Pada menu ini pengguna dapat memasukkan data gedung dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, dan juga terdapat juga tombol ‘Delete’ untuk menghapus data gedung. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’ terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya, dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.71 Perancangan Layar Insert Update Building
Pada halaman ini pengguna dapat memasukkan atau mengubah data gedung yang ingin ditambah atau diubah, setelah itu pengguna dapat menekan tombol ‘Save’ untuk menyimpan data yang telah dimasukkan atau diubah, sedangkan untuk menghapus data yang ingin dimasukkan terdapat tombol ‘Reset’, dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Building.
3.5.3.2.10 Perancangan Layar Menu Help
Gambar 3.72 Perancangan Layar Menu Help
Pada menu ini pengguna dapat memasukkan data bantuan dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, selain itu terdapat juga tombol ‘Delete’ untuk menghapus data bantuan. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’, selain itu terdapat tombol ‘English Version’ untuk mengubah data bantuan yang berbahasa Inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu
Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol
‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya, dan juga tombol ‘Next’ untuk melihat data setelahnya.
Gambar 3.73 Perancangan Layar Insert Update Help
Pada halaman ini pengguna dapat memasukkan atau mengubah data bantuan yang ingin ditambah atau diubah, pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan dan akan kembali ke menu ‘Help’.
3.5.3.2.11 Perancangan Layar Menu Change Screen Saver
Pada halaman ini pengguna dapat memasukkan atau mengubah data Screen Saver sesuai yang diinginkan. Tombol ‘Browse File’ digunakan untuk mencari file screensaver yang akan diganti. Tombol ‘Main Menu’ untuk kembali ke halaman ‘Home Admin’. Sedangkan untuk melakukan proses penggantian, tekan tombol ‘Publish’ dan untuk kembali ke layar tekan tombol ‘Logout’.