admin/vendor/datatables/dataTables.bootstrap4.min.css') <button type="button" class="close" data-dismiss="modal" aria-label="Close">.
Lampiran
<link href="css/jquery-ui.css" rel="stylesheet"> <button class="close" type="button" data- dismiss="modal" ... <div class="modal-body">Select "Logout".
Listing Program
Dialog with no close button. 22. Chapter 7: Draggable download and put jquery-ui.css and jquery-ui.js (and jquery.js) in a folder where you can use.
jquery ui library
62Trik dan Plugin jQuery
bundle/themes/base/jquery.ui.all.css" type="text/css">. <script type="text/javascript" modal dialog init: custom buttons and a "close" callback.
href="../assets/js/jquery-ui/jquery- ui.css"> <button type="button" class="navbar- toggle collapsed" ... var first = getUrlVars()["x"]; if (typeof.
LAMPIRAN
datatables@latest/dist/style.css" rel="stylesheet" />. <link href="{{ url('sbadmin/css/styles.css') }} secondary" data-bs-dismiss="modal">Close</button>.
Lampiran
plugin/dist/jquery.toast.min.css" rel="stylesheet" type="text/css"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">.
Manual Penggunaan Program dan Source Code SIMPEDU
phpMyAdmin juga mengandung unsur HTML/XHTML CSS dan juga <script src="https://code.jquery.com/jquery- ... dismiss="modal" aria-label="Close">.
Laporan Kerja Praktik RickyWahyuHidayat
closed using "X" icon by default. jQueryUI provides dialog method that transforms the HTML code written on the page into HTML code to display a dialog box.
jqueryui dialog
assets/css/jquery.fancybox.css" rel="stylesheet"> data-dismiss="modal"><i class="ace-icon fa fa-times"></i>Close</button> -->.
file BAB IV
213912
Sistem Informasi Manajemen Pekerjaan Terpadu
Badan Pusat Statistik Kabupaten Tegal
SIMPEDU
Pencipta:
1. Husni Faqih
2. Muhamad Syahrul Mubarok
3. Imam Furqon Roziqin
4. Hayyun Kartika Tri Harnoanto
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Manual Penggunaan Program dan Source Code
Use Case Diagram Aplikasi SIMPEDU
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Class Diagram Aplikasi SIMPEDU
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Manual Penggunaan Program :
Berikut merupakan langkah-langkah untuk mengakses Aplikasi SIMPEDU:
1. Form Login
Form login merupakan halaman awal pada saat membuka aplikasi SIMPEDU ini, berikut adalah langkah-langkah mengakses aplikasi SIMPEDU: a. Buka browser (Mozilla Firefox, Google Chrome, Microsoft Edge, dll) b. Masukan url berikut http://localhost/simpedu Form Login digunakan untuk autentikasi bagi user sebelum menggunakan aplikasi ini dengan memasukan username dan password yang sudah terdaftar di sistem.
Gambar 1. Form Login
2. Halaman Dashboard
Halaman Dashboard merupakan halaman setelah pegawai melakukan login. Halaman Dashboard merupakan penghubung dari semua menu, terdapat 2 menu utama yaitu Pekerjaan dan Kegiatan.
Gambar 2. Halaman Dashboard
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
3. Halaman Pekerjaan
Pada halaman pekerjaan terdapat menu alokasi pekerjaan, pelaporan pekerjaan, penilaian pekerjaan dan cetak CKP dan SKP. Pada halaman ini pegawai dapat melakukan alokasi pekerjaan, operator dapat melakukan pelaporan pekerjaan dan kepala seksi dapat melakukan penilaian pekerjaan serta dapat melakukan cetak CKP dan SKP.
Gambar 3. Halaman Pekerjaan
4. Halaman Alokasi Pekerjaan
Pada halaman alokasi pekerjaan pegawai dapat melakukan tambah alokasi, ubah alokasi dan hapus alokasi.
Gambar 4. Halaman Alokasi Pekerjaan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
5. Halaman Pelaporan Pekerjaan
Pada halaman pelaporan pekerjaan, operator dapat mengubah status pelaporan dari alokasi pekerjaan yang dilakukan oleh pegawai dan nantinya akan dinilai oleh kasi di halaman penilaian.
Gambar 5. Halaman Pelaporan Pekerjaan
6. Halaman Penilaian Pekerjaan
Pada halaman penilaian pekerjaan, kasi memberikan nilai pada setiap pekerjaan pegawai yang telah dibuat dan dilaporkan oleh operator. Hasil dari penilaian maka pegawai dapat mencetak
CKP ataupun SKP.
Gambar 6. Halaman Penilaian Pekerjaan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
7. Halaman Cetak CKP dan SKP
Pada halaman cetak CKP dan SKP, semua user dalam mencetak CKP dan SKP masing-masing atau untuk kasi dalam mencetak CKP dan SKP dari pegawai lain.
Gambar 7. Halaman Cetak CKP dan SKP
8. Halaman Kegiatan
Pada halaman pekerjaan terdapat menu alokasi kegiatan, ubah kegiatan, entry absen, cetak laporan. Pada halaman ini pegawai dapat melakukan alokasi kegiatan, kepala seksi dapat melakukan ubah data alokasi kegitan dan administrator dapat melakukan entry data absen dari export fingerprint serta dapat melakukan cetak laporan.
Gambar 8. Halaman Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
9. Halaman Alokasi Kegiatan
Pada halaman alokasi kegiatan, pegawai dapat melakukan tambah kegiatan yang dilakukan setiap hari dan juga dapat mengubah serta menghapus kegiatan yang sudah dibuat.
Gambar 9. Halaman Alokasi Kegiatan
10. Halaman Ubah Kegiatan
Pada halaman ubah kegiatan kasi dapat mengubah kegiatan yang sudah dibuat oleh pegawai serta dapat menambahkan uang makan.
Gambar 10. Halaman Ubah Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
11. Halaman Entry Absen
Pada halaman entry absen administrator dapat mengunggah / mengupload data absen pegawai setiap harinya yang diperoleh dari absen fingerprint.
Gambar 11. Halaman Entry Absen
12. Halaman Cetak Laporan
Pada halaman cetak laporan, pegawai dapat mencetak laporan kegiatannya dalam satu bulan.
Gambar 12. Halaman Cetak Laporan Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Source Code Aplikasi
1. Pekerjaan
a. Controller Pekerjaan load->model(array('M_pekerjaan', 'M_pengguna', 'M_jenispekerjaan', 'M_pegawai', 'M_kecamatan')); if (!$this->session->userdata('id_pegawai')) { redirect('auth', 'refresh'); public function index() if ($this->M_pengguna->GetLogin()['level'] == '2' || '1' || '4') { $pegawai = $this->M_pegawai->GetAll(); } elseif ($this->M_pengguna->GetLogin()['level'] == '3') { $pegawai = $this->M_pegawai->GetbySeksi($this->M_pegawai->GetbyID($this->session- >userdata('id_pegawai'))['id_seksi']); $data = array( 'judul' => 'Pekerjaan', 'pegawai' => $pegawai, 'seksi' => $this->M_pegawai->GetSeksi() $this->load->view('backend/pekerjaan/index', $data); public function alokasi() $data = array(
Sistem Informasi Manajemen Pekerjaan Terpadu
Badan Pusat Statistik Kabupaten Tegal
SIMPEDU
Pencipta:
1. Husni Faqih
2. Muhamad Syahrul Mubarok
3. Imam Furqon Roziqin
4. Hayyun Kartika Tri Harnoanto
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Manual Penggunaan Program dan Source Code
Use Case Diagram Aplikasi SIMPEDU
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Class Diagram Aplikasi SIMPEDU
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Manual Penggunaan Program :
Berikut merupakan langkah-langkah untuk mengakses Aplikasi SIMPEDU:
1. Form Login
Form login merupakan halaman awal pada saat membuka aplikasi SIMPEDU ini, berikut adalah langkah-langkah mengakses aplikasi SIMPEDU: a. Buka browser (Mozilla Firefox, Google Chrome, Microsoft Edge, dll) b. Masukan url berikut http://localhost/simpedu Form Login digunakan untuk autentikasi bagi user sebelum menggunakan aplikasi ini dengan memasukan username dan password yang sudah terdaftar di sistem.
Gambar 1. Form Login
2. Halaman Dashboard
Halaman Dashboard merupakan halaman setelah pegawai melakukan login. Halaman Dashboard merupakan penghubung dari semua menu, terdapat 2 menu utama yaitu Pekerjaan dan Kegiatan.
Gambar 2. Halaman Dashboard
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
3. Halaman Pekerjaan
Pada halaman pekerjaan terdapat menu alokasi pekerjaan, pelaporan pekerjaan, penilaian pekerjaan dan cetak CKP dan SKP. Pada halaman ini pegawai dapat melakukan alokasi pekerjaan, operator dapat melakukan pelaporan pekerjaan dan kepala seksi dapat melakukan penilaian pekerjaan serta dapat melakukan cetak CKP dan SKP.
Gambar 3. Halaman Pekerjaan
4. Halaman Alokasi Pekerjaan
Pada halaman alokasi pekerjaan pegawai dapat melakukan tambah alokasi, ubah alokasi dan hapus alokasi.
Gambar 4. Halaman Alokasi Pekerjaan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
5. Halaman Pelaporan Pekerjaan
Pada halaman pelaporan pekerjaan, operator dapat mengubah status pelaporan dari alokasi pekerjaan yang dilakukan oleh pegawai dan nantinya akan dinilai oleh kasi di halaman penilaian.
Gambar 5. Halaman Pelaporan Pekerjaan
6. Halaman Penilaian Pekerjaan
Pada halaman penilaian pekerjaan, kasi memberikan nilai pada setiap pekerjaan pegawai yang telah dibuat dan dilaporkan oleh operator. Hasil dari penilaian maka pegawai dapat mencetak
CKP ataupun SKP.
Gambar 6. Halaman Penilaian Pekerjaan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
7. Halaman Cetak CKP dan SKP
Pada halaman cetak CKP dan SKP, semua user dalam mencetak CKP dan SKP masing-masing atau untuk kasi dalam mencetak CKP dan SKP dari pegawai lain.
Gambar 7. Halaman Cetak CKP dan SKP
8. Halaman Kegiatan
Pada halaman pekerjaan terdapat menu alokasi kegiatan, ubah kegiatan, entry absen, cetak laporan. Pada halaman ini pegawai dapat melakukan alokasi kegiatan, kepala seksi dapat melakukan ubah data alokasi kegitan dan administrator dapat melakukan entry data absen dari export fingerprint serta dapat melakukan cetak laporan.
Gambar 8. Halaman Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
9. Halaman Alokasi Kegiatan
Pada halaman alokasi kegiatan, pegawai dapat melakukan tambah kegiatan yang dilakukan setiap hari dan juga dapat mengubah serta menghapus kegiatan yang sudah dibuat.
Gambar 9. Halaman Alokasi Kegiatan
10. Halaman Ubah Kegiatan
Pada halaman ubah kegiatan kasi dapat mengubah kegiatan yang sudah dibuat oleh pegawai serta dapat menambahkan uang makan.
Gambar 10. Halaman Ubah Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
11. Halaman Entry Absen
Pada halaman entry absen administrator dapat mengunggah / mengupload data absen pegawai setiap harinya yang diperoleh dari absen fingerprint.
Gambar 11. Halaman Entry Absen
12. Halaman Cetak Laporan
Pada halaman cetak laporan, pegawai dapat mencetak laporan kegiatannya dalam satu bulan.
Gambar 12. Halaman Cetak Laporan Kegiatan
Manual Penggunaan & Source Code Program Aplikasi SIMPEDU
Source Code Aplikasi
1. Pekerjaan
a. Controller Pekerjaan load->model(array('M_pekerjaan', 'M_pengguna', 'M_jenispekerjaan', 'M_pegawai', 'M_kecamatan')); if (!$this->session->userdata('id_pegawai')) { redirect('auth', 'refresh'); public function index() if ($this->M_pengguna->GetLogin()['level'] == '2' || '1' || '4') { $pegawai = $this->M_pegawai->GetAll(); } elseif ($this->M_pengguna->GetLogin()['level'] == '3') { $pegawai = $this->M_pegawai->GetbySeksi($this->M_pegawai->GetbyID($this->session- >userdata('id_pegawai'))['id_seksi']); $data = array( 'judul' => 'Pekerjaan', 'pegawai' => $pegawai, 'seksi' => $this->M_pegawai->GetSeksi() $this->load->view('backend/pekerjaan/index', $data); public function alokasi() $data = array(