LAPORAN KERJA PRAKTEK
SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN, PT. CEMINDO GEMILANG
Disusun Oleh : Rafli Triady Febrianto
200602019
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH GRESIK
2022
LEMBAR PERSETUJUAN TUGAS KHUSUS
SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN, PT.
CEMINDO GEMILANG
Di
susun Oleh : Rafli Triady Febrianto200602019
Pada tanggal : 2 Februari 2022 – 1 Maret 2022
Menyetujui, Pembimbing Lapangan
Imam J. Ramelan, S.Ling
Menyetujui, Dosen Pembimbing
Dr. Soffiana Agustin, S.Kom., M.Kom NIP. 197711292005012001 Mengetahui,
Ketua Program Studi Teknik Informatika
Henny Dwi Bhakti, S.Si., M.Si NIP. 06211709200
LEMBAR PENGESAHAN TUGAS KHUSUS
SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN, PT.
CEMINDO GEMILANG
Di
susun Oleh : Rafli Triady Febrianto200602019
Diterima dan dinyatakan lulus untuk ujian laporan kerja praktek Pada tanggal :
Dosen Penguji, Dosen Pembimbing,
Dr. Soffiana Agustin, S.Kom., M.Kom NIP. 197711292005012001 Mengetahui,
Dekan Fakultas Teknik
Harunur Rosyid, S.T., M.Kom NIP. 06210408106
Mengetahui,
Ketua Program Studi Teknik Informatika
Henny Dwi Bhakti, S.Si., M.Si NIP. 06211709200
KATA PENGANTAR
Segala puji syukur ke hadirat Allah yang telah memberikan rahmat, nikmat dan kesehatan sehingga tugas khusus yang berjudul “Sistem Informasi Monitoring Surat Izin Kerja Diketinggian Pada Pt.Cemindo Gemilang” dapat dilaksanakan dengan cukup baik.
Pengembangan sistem informasi manajemen ini merupakan program yang dibuat untuk memenuhi tugas Kerja Praktek (KP). Selain itu juga sebagai ungkapan terima kasih pada Pt.Cemindo Gemilang yang sudah memberikan kesempatan untuk melaksanakan kerja praktek di tempat tersebut.
Ucapan terima kasih kepada pembimbing lapangan, Dr. Soffiana Agustin, S.Kom., M.Kom. selaku dosen pembimbing, serta tidak lupa kepada teman-teman sekalian yang telah mendukung dan membantu Saya dalam pengerjaan laporan kerja praktek ini.
Permohonan maaf yang sebesar-besarnya, semoga kata-kata ini dapat mencerminkan ketulusan hati. Jika dalam perjalanan pembuatan program dan penulisan laporan kerja praktek ini terdapat kekurangan serta keterlambatan, saya ingin menyampaikan rasa maaf yang mendalam. Setiap langkah yang diambil penuh dengan ketidaksempurnaan, seperti alur air yang tak pernah melukai sungai yang dilewatinya.
Terima kasih atas pengertian dan kesabaran yang Anda tunjukkan. Semoga perjalanan ini, seperti puisi yang terukir dalam lembaran waktu, membawa kita pada esensi kebijaksanaan dan kedewasaan. Aamiin.
Gresik, 20 Januari 2024
DAFTAR ISI
LEMBAR PERSETUJUAN TUGAS KHUSUS...ii
LEMBAR PENGESAHAN TUGAS KHUSUS...iii
KATA PENGANTAR... iii
DAFTAR ISI...v
DAFTAR GAMBAR...viii
DAFTAR TABEL... viii
BAB 1 PENDAHULUAN...1
1.1. LATAR BELAKANG...1
1.2. PEMBATASAN MASALAH...2
1.3. MATERI KERJA PRAKTEK...2
1.4. WAKTU DAN TEMPAT TUGAS KHUSUS...2
1.5. MAKSUD DAN TUJUAN TUGAS KHUSUS...3
1.6. SISTEMATIKA PENULISAN LAPORAN...3
BAB 2 GAMBARAN UMUM INSTANSI...4
2.1. PROFIL UMUM PT. CEMINDO GEMILANG...4
2.2. VISI DAN MISI LEMBAGA...5
2.3. LOKASI LEMBAGA...5
BAB 3 ANALISIS DAN PERANCANGAN SISTEM...6
3.1. ANALISIS SISTEM...6
3.2. HASIL ANALISIS...6
3.2.1 Diagram Alur Sistem...8
3.3. PERANCANGAN SISTEM...10
3.3.1 Diagram Konteks Sistem...10
3.3.2 Diagram Jenjang Sistem...12
3.3.3 Data Flow Diagram (DFD) Sistem...13
3.4. PERANCANGAN BASIS DATA...14
3.4.1 Struktur Tabel...14
3.4.2 ERD (Entity Relation Diagram)...18
3.5. PERANCANGAN ANTAR MUKA...19
3.5.1 Halaman Login...19
3.5.2 Halaman Dashboard...19
3.5.3 Halaman Sidebar...20
3.5.1 Halaman Pemberitahuan Pekerjaan...21
3.5.2 Halaman Karyawan...24
3.5.3 Halaman Permohonan Ketinggian...25
3.5.4 Halaman Permohonan disetujui dan progres pekerjaan...26
3.5.5 Halaman Barang...28
3.6. SPESIFIKASI KEBUTUHAN PERANGKAT...28
3.6.1 Spesifikasi Perangkat Keras (Hardware)...28
3.6.2 Spesifikasi Perangkat Lunak (Software)...29
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM...30
4.1. IMPLEMENTASI...30
4.1.1 Halaman Login...30
4.1.2 Halaman Dashboard dan Sidebar...34
4.1.3 Halaman Pemberitahuan Pekerjaan...42
4.1.4 Halaman Karyawan...55
4.1.5 Halaman Permohonan...61
4.1.6 Halaman Permohonan disetujui dan progres pekerjaan...70
4.1.7 Halaman Barang...81
4.2. PENGUJIAN SISTEM...84
4.2.1 Pengujian CRUD Pemberitahuan pekerjaan...85
4.2.2 Pengujian CRUD Isi form surat izin kerja ketinggian...85
4.2.3 Pengujian CRUD Progres pekerjaan di ketinggian...86
4.3. HASIL PENGUJIAN...86
BAB 5 PENUTUP... 87
DAFTAR PUSTAKA...88
DAFTAR GAMBAR
DAFTAR TABEL
Tabel 3.1 Struktur tabel t_user...15
Tabel 3.2 Struktur tabel t_pengumuman_pekerjaan_baru...15
Tabel 3.3 Struktur t_form_izin_ketinggian...16
Tabel 3.4 Struktur t_verifikasi...16
Tabel 3.5 Struktur t_barang...17
Tabel 3.6 Struktur t_progres_pekerjaan...17
Tabel 4.1 Tabel pengujian...84
Tabel 4.2 Tabel hasil pengujian...86
BAB 1 PENDAHULUAN
1.1. LATAR BELAKANG
Sistem informasi adalah sebuah sekumpulan data yang diolah kemudian di jadikan satu kesatuan hingga menjadi sebuah informasi yang dapat membantu pengguna sebelum mengambil sebuah keputusan dalam masalah yang dihadapi.
Surat adalah salah satu metode penyampaian informasi yang sudah digunakan sekitar tahun 2000 SM. Pada awalnya surat hanya digunnakkan dalam pemerintahan yang mana dalam surat tersebut berisikan dokumen-dokumen untuk menginformasikan suatu hal kepada pihak lain. Informasi yang di sampaikan dalam surat biasa berbentuk pemberitahuan, pernyataan, perintah, permintaan atau laporan. Pada Era Industri 4.0 dimana kemudahan telekomunikasi dan internet, penggunaan surat labar fisik mulai tergusur tapi tidak menutup kemungkinan bahwa kita juga masih sering menemukan surat labar fisik. Selain berperan sebagai sarana informasi surat juga sebagai alat bukti tertulis (hitam di atas putih) terkait masalah hukum, sebagai alat yang memegang peranan penting dalam historis/bukti sejarah sebagai pedoman kerja (surat keputusan).
Sebagai instansi perindustrian, PT. CEMINDO GEMILANG dalam beberapa pekerjaan yang dilakukan membutuhkan penanganan khusus seperti bekerja di ketinggian, maka di sini dibutuhkannya peranan dokumen pendukung sebagai alat bukti bahwa PT. CEMINDO GEMILANG benar-benar sudah memperhatikan keselamatana para pekerjanya, namun disisi lain dalam pembuatan dokumen-dokumen tersebut masih dikerjakan secara manual hal itu mengurangi nilai efesiensi sehingga menghambat pekerjaan, yang mana dalam beberapa kasus jika tidak segera dilakukan/ditangani dapat menghambat perkerjaan lain, karna sebelum surat itu dibuat masih deperlukanya pengecekan dan pengamatan lapangan dalam upaya pengurangan resiko/kecelakaan pekerjaan, dan dari survey tersebut lah surat izin pekerjaan dinyatakan resmi dan pekerjaan di ketinggian dapat dilakukkan.
Penulis selaku mahasiswa yang sedang melaksanakan kerja praktik studi teknik informatika Universitas Muhammadiyah Gresik dalam diskusi bersama staff
divisi K3/HSE PT. CEMINDO GEMILANG akhirnya menemukan solusi dengan menggabungkan beberapa ide dari divisi K3 untuk mengemas pembuatan surat izin kerja di ketinggian dalam sistem web. Dibutuhkannya sistem ini sebagai sarana mempermudah proses pekerjaan agar perusahaan dapat mencapai hasil yang maksimal dengan tidak adanya waktu yang terbuang.
Permasalahan tersebut akhirnya dapat diselesaikan dengan terancangnnya sistem pembuatan surat digital, berdasarkan alasan tersebut dibuatlah “SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN”. Dengan berbasis web user tidak perlu khawatir akan menghambat proses pekerjaan dan Perusahaan juga dapat meraih hasil yang lebih maksimal.
1.2. PEMBATASAN MASALAH
Berdasarkan latar belakang masalah diatas untuk mengkaji suatu masalah perlu adanya pembatasan permasalahan yang jelas. Oleh karena itu, dalam penelitian ini penulis membatasi pada :
1. Ruang lingkup masalah tentang pembuatan dokumen pendukung dalam pekerjaan diketinggian.
2. Pengambilan data dan informasi hanya dari divisi SHE(Sefty Health Emergency)/K3.
3. Tempat dan lokasi penelitian ini dilakukan pada PT. CEMINDO GEMILANG
1.3. MATERI KERJA PRAKTEK
Materi kerja praktek yang harus dikerjakan dan diselesaikan adalah pembuatan aplikasi untuk Program studi Teknik informatika Universitas Muhammadiyah Gresik menggunakan Framework Laravel dan mysql.
1.4. WAKTU DAN TEMPAT TUGAS KHUSUS
Kerja praktek ini dilaksanakan selama 1 (satu) bulan yaitu pada :
1.5. MAKSUD DAN TUJUAN TUGAS KHUSUS
Maksud dan tujuan pembuatan “SISTEM” yaitu untuk menunjang pembuatan surat izin kerja diketinggian berbasis web aktif yang ada di dalam PT. CEMINDO GEMILANG.
1.6. SISTEMATIKA PENULISAN LAPORAN
Adapun sistematika penulisan laporan kerja praktik ini adalah sebagai berikut:
BAB I : PENDAHULUAN
Membahas tentang latar belakang, materi kerja praktik, waktu dan tempat tugas khusus, maksud dan tujuan serta sistematika penulisan.
BAB II : TEMPAT KERJA PRAKTEK
Membahas gambaran umum tempat kerja praktik yang meliputi profil, fungsi lembaga, visi dan misi, lokasi serta struktur organisasi tempat kerja praktik.
BAB III : ANALISIS DAN DESAIN SISTEM
Membahas metode dalam melakukan analisa perangkat lunak yang dibuat. Di bagian perancangan akan membahas perancangan perangkat lunak.
BAB IV : IMPLEMENTASI DAN PENGUJIAN SISTEM
Membahas bagaimana perangkat lunak yang dibuat tersebut diimplementasikan, bagaimana bentuk fisiknya serta pengujian yang dilakukan terhadap perangkat lunak tersebut.
BAB V : PENUTUP
Membahas mengenai simpulan serta saran tentang perangkat lunak serta pelaksanaan kerja praktik.
BAB 2
GAMBARAN UMUM INSTANSI
2.1. PROFIL UMUM PT. CEMINDO GEMILANG
Sejak berdirinya pada tahun 2011, PT Cemindo Gemilang telah meneguhkan posisinya sebagai pelopor utama dalam industri semen berkualitas premium di Indonesia. Dikenal melalui merek unggulnya, yaitu Semen Merah Putih, perusahaan ini telah menjunjung tinggi konsistensi tak tertandingi dalam hal mutu semen. Fondasi kuat ini dibangun melalui dua pilar utama: pasokan bahan baku semen terbaik yang tersedia dan pendirian pabrik-pabrik dengan teknologi terkini, dijalankan oleh tim tenaga kerja yang terampil dan profesional.
Dalam perjalanan waktu, PT Cemindo Gemilang telah berhasil merambah dengan membangun enam pabrik yang strategis di seluruh Indonesia, menempati lokasi di Banten, Jawa Timur, Kalimantan Barat, Sumatera Utara, dan Bengkulu.
Keberadaan ini bukan hanya sebagai jejak industri, melainkan juga sebagai tonggak bersejarah dalam penyediaan material vital bagi pembangunan.
Tak henti di situ, dalam kurun waktu lima tahun, PT Cemindo Gemilang telah mampu merentangkan jaringan distribusi Semen Merah Putih ke 17 provinsi di seluruh nusantara. Keterwakilan ini menjadikan pulau Sumatera, Kalimantan, Jawa, Bali, dan Nusa Tenggara sebagai arena bagi produk unggulan ini. Tantangan masa depan tak membuat semangat ini redup; sebaliknya, Semen Merah Putih berkomitmen untuk memperluas jejaknya dengan semakin luas, mengabdi pada prinsip bahwa kualitas semen premium adalah hak setiap sudut negeri.
Apresiasi yang diterima oleh PT Cemindo Gemilang adalah cerminan nyata dari dedikasi ini. Dengan bangga, Semen Merah Putih berhasil meraih penghargaan sebagai Home Preferred Brand, dalam kategori Best Portland Cement, atas dua tahun berturut-turut dalam Media Bintang Group Indonesia pada 2015 dan 2016. Ini adalah bukti betapa kehadiran Semen Merah Putih telah menjelma menjadi pilihan utama, yang dipercayai oleh masyarakat Indonesia sebagai penanda kualitas tak
2.2. VISI DAN MISI LEMBAGA
Visi dari PT Cemindo Gemilang yaitu :
Menjadi perusahaan global terkemuka di bidang material bangunan dengan mengedepankan solusi inovatif.
Misi dari PT Cemindo Gemilang yaitu :
Menyediakan produk yang lebih diminati dan layanan terbaik dengan pengelolaan perusahaan yang handal, ramah lingkungan dan memberikan nilai tambah yang lebih untuk seluruh shareholder.
2.3. LOKASI LEMBAGA
Maspion V jln Alfa, Tenger, Roomo, Kec. Manyar, Kabupaten Gresik, Jawa Timur 61151
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1. ANALISIS SISTEM
Analisis sistem dengan pengumpulan data yang dilakukan dengan cara analisis terhadap proses yang terjadi di dalam PT Cemindo Gemilang, Terdapat suatu masalah dalam proses pengajuan surat izin kerja ketinggian di PT Cemindo Gemilang yang masih dilakukan secara manual dan kurang efisien. Masalah tersebut muncul ketika para pekerja hendak mengajukan izin kerja ketinggian, yang merupakan langkah penting untuk menentukan apakah mereka boleh melakukan tugas lapangan. Namun, proses ini terhambat karena surat izin kerja ketinggian tersebut harus diverifikasi oleh beberapa pihak, termasuk Supervisor/mandor, divisi SHE/K3, dan HRD. Kendala ini menghambat upaya perusahaan untuk mencapai hasil optimal. Tidak hanya itu, dalam beberapa kasus kecelakaan lapangan, perusahaan menghadapi kesulitan dalam mencari surat sebagai bukti bahwa pemeriksaan terhadap pekerja telah dilakukan, karena manajemen surat-menyurat masih menggunakan sistem manual. Oleh sebab itu, saya ingin menciptakan sebuah sistem surat izin kerja ketinggian berbasis web dengan harapan untuk mempermudah divisi K3 ataupun divisi lain yang terlibat dalam menangani permasalahan tersebut.
3.2. HASIL ANALISIS
Dari hasil analisis yang telah dilakukan, di dapat Solusi yang dapat membantu proses pembuatan surat izin kerja dan laporan progresi pekerjaan. Dengan merancang sebuah sistem surat izin kerja ketinggian berbasis web dengan tujuan untuk mempermudah divisi K3 dalam menangani permasalahan efisiensi pengajuan surat izin kerja pada divisi K3. Dari gambaran umum sistem, dapat diketahui kebutuhan dalam perancangan sistem surat izin kerja dan laporan progresi
a. Input informasi pekerjaan b. Grade pekerjaan
2. Permohonan surat izin kerja baru a. Informasi barang logistic
b. Pengisian formulir standarisasi K3 3. Verifikasi surat izin oleh 3 pihak
a. Supervisior b. K3/SHE c. HRD 4. Logistic
a. Permintaan barang b. Penyiapan barang c. Data list barang 5. Cetak surat tugas
a. Pengarsipan surat tugas b. Pengarsipan data list barang 6. Laporan progress pengerjaan
a. Laporan progress pekerjaan oleh seluruh pekerja b. Dokumentasi pengerjaan
7. Sistem surat izin kerja ketinggian mempunyai tingkat pengguna yakni : 1. Admin : tingkat pengguna yang memiliki akses penuh sistem.
2. HRD : tingkat pengguna yang memiliki akses hanya untuk melakukan verifikasi surat izin kerja dan melihat laporan pekerjaan.
3. SHE : tingkat pengguna yang memiliki akses hanya untuk melakukan verifikasi surat izin kerja.
4. SPV : tingkat pengguna yang memiliki akses pembuatan informasi pekerjaan baru, melakukan verifikasi surat izin kerja dan melihat laporan pekerjaan.
5. Sekertaris : pengguna yang memiliki akses hanya pada penggunaan dokument.
Gambar LEMBAR PERSETUJUAN TUGAS KHUSUS.1 Flowchart SIM pekerjaan di ketinggian
Gambar LEMBAR PERSETUJUAN TUGAS KHUSUS.1
6. Logistik : pengguna yang memiliki akses hanya pada input restock barang dan laporan barang keluar.
7. Pekerja : pengguna yang memiliki akses input surat izin kerja dan dokumentasi laporan pekerjaan.
3.2.1 Diagram Alur Sistem
Sistem ini dimulai dengan peran utama dari bagian admin yang bertanggung jawab untuk mengelola dan mengamankan data dalam sistem.
Admin dapat melakukan login untuk mengakses dashboard admin, di mana mereka memiliki kemampuan untuk menambahkan data admin baru dan data pengguna. Data yang dimasukkan oleh admin akan disimpan dalam sistem database untuk pengelolaan yang lebih efisien. Admin juga memiliki hak akses untuk melihat seluruh aktivitas pengguna dalam sistem, serta mengubah
Admin juga memiliki akses ke menu pengelolaan database yang mencakup fitur backup, restore, dan reset database. Proses backup akan menghasilkan file backup yang akan disediakan kepada admin. Penting untuk dicatat bahwa sistem akan mencatat hash dari file backup ke dalam database, sehingga hanya file backup yang dihasilkan oleh sistem yang dapat digunakan saat proses restore.
Supervisor memiliki peran khusus dalam sistem, di mana setelah melakukan login, mereka dapat mengakses halaman pengguna dan membuat pemberitahuan pekerjaan baru kepada karyawan di bawah pengelolaannya.
Supervisor juga memiliki tanggung jawab untuk melakukan verifikasi terhadap surat izin kerja yang diajukan oleh karyawan.
Karyawan, sebagai pengguna utama, dapat mengisi formulir surat izin kerja yang sebelumnya telah dibuat oleh supervisor. Setelah mengisi formulir, karyawan menunggu hasil verifikasi surat izin kerja tersebut. Selain itu, mereka dapat melakukan upload progres sebagai laporan pekerjaan.
Divisi SHE (Safety Health Emergency) atau K3 memiliki fungsi untuk melakukan pengecekan terhadap surat izin kerja ketinggian yang telah diverifikasi oleh supervisor, dengan tujuan memastikan kondisi dan keselamatan pekerja/karyawan yang bertugas.
Manager memiliki peran penting dalam memberikan verifikasi setelah melakukan pengecekan terhadap surat izin kerja ketinggian. Mereka memastikan bahwa lokasi, job diskripsi, dan keselamatan pekerja telah diverifikasi. Verifikasi dari manager menjadi syarat bahwa peralatan dan kebutuhan barang dapat diberikan, dan pekerjaan dapat dilaksanakan.
Logistik bertanggung jawab untuk menyiapkan peralatan dan kebutuhan pekerjaan setelah mendapatkan surat izin kerja yang telah diverifikasi oleh manager.
Sekretaris memiliki hak akses untuk melihat surat izin yang sudah diverifikasi, akses laporan barang keluar, dan laporan pekerjaan yang sudah selesai untuk keperluan arsip dan dokumentasi. Dengan demikian, setiap
bagian dalam sistem memiliki peran dan tanggung jawab masing-masing untuk menciptakan alur kerja yang efisien dan terorganisir.
3.3. PERANCANGAN SISTEM 3.3.1 Diagram Konteks Sistem
Dalam diagram konteks ini akan terlihat entity atau kesatuan luar yang terlibat dalam sistem yang meliputi kegiatan dari data yang menghubungkan antara entity sistem. Contex diagram sistem informasi monitoring pekerjaan di ketinggian terlihat seperti gambar di bawah ini :
Gambar ANALISIS DAN PERANCANGAN SISTEM.2 Diagram konteks SIM pekerjaan di ketinggian
Gambar 3.4 menggambarkan proses yang terjadi pada sistem informasi monitoring pekerjaan di ketinggian. Entitas eksternal yang terlibat dalam sebuah sistem informasi monitoring pekerjaan di ketinggian tersebut
SHE (Sefety Health Emergency)
Supervisor
Admin
Logistik
Sekertaris
Karyawan
Sistem ini didesain dengan peran sentral dari admin yang bertanggung jawab untuk manajemen data dan keamanan. Admin memiliki akses ke dashboard untuk menambahkan data admin dan pengguna, serta melakukan pengelolaan aktivitas pengguna. Selain itu, admin dapat memanfaatkan fitur pengelolaan database, termasuk backup, restore, dan reset, untuk memastikan keberlanjutan sistem.
Supervisor memiliki tugas khusus dalam memberikan pemberitahuan pekerjaan kepada karyawan dan melakukan verifikasi terhadap surat izin kerja. Karyawan dapat mengisi formulir surat izin kerja dan menunggu hasil verifikasi, dan meng-upload progres pekerjaan, setelah surat izin dan kebutuhan barang sudah diberikan. Divisi SHE memastikan keselamatan pekerja melalui pengecekan terhadap surat izin kerja.
Manager memiliki peran penting dalam memberikan verifikasi terhadap surat izin kerja, memastikan persyaratan untuk pemberian peralatan dan barang pekerjaan terpenuhi. Logistik bertanggung jawab untuk menyiapkan kebutuhan pekerjaan setelah mendapatkan surat izin yang diverifikasi oleh manager.
Sekretaris memiliki hak akses untuk melihat surat izin yang sudah diverifikasi, laporan barang keluar, dan laporan pekerjaan selesai, memastikan terarsipnya informasi. Dengan kerjasama yang efisien antara berbagai entitas, sistem ini memungkinkan alur kerja yang terstruktur dan terorganisir untuk pengelolaan data dan surat-menyurat yang lebih efektif.
3.3.2 Diagram Jenjang Sistem
Diagram berjenjang diperlukan untuk menjelaskan semua proses yang ada pada sistem informasi manajemen surat yang digambarkan pada gambar 3.3 dibawah ini.
Gambar ANALISIS DAN PERANCANGAN SISTEM.3 Diagram jenjang SIM Surat Izin Kerja Ketinggian
Pada gambar 3.5 memperlihatkan diagram berjenjang dari sistem yang terdiri dari 2 level yang diantaranya :
1. Top level : Sistem Monitoring Pekerjaan di Ketinggian
2. Level 0 : Merupakan hasil break down dari proses global aplikasi sistem informasi monitoring pekerjaan di ketinggian yang menjadi beberapa sub proses yaitu :
1. Pemberitahuan Pekerjaan
Proses pemberitahuan pekerjaan dari Super visior terhadap para pekerja.
2. Surat Izin Ketinggian & Verifikasi
Proses Input oleh Pekerja dalam menyiapkan surat izin kerja ketinggian dan dilanjutkan proses verifikasi surat izin ketinggian oleh Super visior, divisi SHE/K3 dan Manager
3. Pengelolaan Pengguna & Sistem
Pada proses pengelolaan pengguna, admin bisa mengelola
4. Logistik
Proses penyiapan alat dan barang yang di butuhkan dalam melakukan pekerjaan di ketinggian.
5. Progres Pekerjaan
Proses input pekerjaan oleh pekerja saat berada lokasi pekerjaan.
3.3.3 Data Flow Diagram (DFD) Sistem I. DFD Level 0
Gambar LEMBAR PERSETUJUAN TUGAS KHUSUS.4 DFD level 0 SIM Pekerjaan Di Ketinggian
Aktivitas sistem informasi manajemen surat terdiri dari : 1. Pemberitahuan Pekerjaan
Pada proses pemberitahuan pekerjaan baru, Super Visior mengelola informasi pekerjaan seperti menambahkan, mengubah atau menghapus pemberitahuan ke dalam sistem. Kemudian sistem akan menyimpan data tersebut.
2. Surat Izin Pekerjaan di ketinggian & verifikasi
Pada proses surat izin pekerjaan di ketinggian & verifikasi, sistem mengambil data dari penyimpanan pemberitahuan pekerjaan baru kemudian sistem akan menyiapkan detail form surat izin kerja ketinggian yang harus di isi oleh pekerja. Surat izin akan diproses dan disimpan pada penyimpanan permohonan surat izin ketinggian. Dan dari surat tersebutlah Super Visior, SHE/K3 dan Manager melakukan verifikasi.
3. Pengelolaan Pengguna
Pada proses pengelolaan pengguna, admin bisa mengelola pengguna dengan menambahkan baru pengguna, pengurangan penguna maupun memeriksa keadaan sistem secara penuh.
4. Logistik
Pada proses logistik atau persiapan alat dan barang, devisi logistik membutuh kan verifikasi dari manager untuk mempersiapkannya.
Setiap barang yang keluar akan disimpan oleh logistik.
5. Progres Pekerjaan
Pada proses progress pekerjaan, pekerja melakukan input mengenai keadaan dan hasil pekerjaan saat berada dilokasi pekerjaan.
3.4. PERANCANGAN BASIS DATA 3.4.1 Struktur Tabel
sehingga data yang dianalisis dapat lebih cepat dan sesuai dengan kebutuhan pemakai. Dalam merancang database dapat dilakukan dengan menerapkan normalisasi terhadap struktur tabel yang telah diketahui atau dengan langsung membuat model relasi entitasnya.
Adapun untuk media penyimpanan data pada sistem informasi perpustakaan ini adalah database Sql. Adapun file-file tersebut secara umum mempunyai struktur sebagai berikut :
1. Nama Field yaitu berisi nama-nama field yang kita perlukan.
2. Type Data yaitu berisi type data yang telah ditentukan.
Adapun bentuk tabel yang digunakan dalam sistem informasi manajemen surat adalah sebagai berikut :
Tabel ANALISIS DAN PERANCANGAN SISTEM.1 Struktur tabel t_user
Field Type Size Keterangan
Email Varchar 100 Not null
Password Varchar 50 Not null
Nama Varchar 100 Not null
Nik Varchar 100 Not null
Departemen Varchar 100 Not null
Grade_karyawan Varchar 100 Not null
Role_id int 1 Not null
Tabel ANALISIS DAN PERANCANGAN SISTEM.2 Struktur tabel t_pengumuman_pekerjaan_baru
Field Type Size Keterangan
id Int 4 Primary Key
Pekerjaan_lokasi Varchar 100 Not null
Pekerjaan_diskripsi Varchar 100 Not null
Tanggal Date 50 Not null
Pekerjaan_grade Varchar 100 Not null
Tabel ANALISIS DAN PERANCANGAN SISTEM.3 Struktur t_form_izin_ketinggian
Field Type Size Keterangan
id Int 4 Primary Key
Pekerjaan_lokasi Varchar 100 Not null
Pekerjaan_diskripsi Varchar 100 Not null
Tanggal Date 50 Not null
Kebutuhan_alat Int 255 Not null
Pertanyaan_1 Varchar 100 Not null
Pertanyaan_2 Varchar 100 Not null
Pertanyaan_3 Varchar 100 Not null
Pertanyaan_4 Varchar 100 Not null
Pertanyaan_5 Varchar 100 Not null
Pertanyaan_6 Varchar 100 Not null
Pertanyaan_7 Varchar 100 Not null
Pertanyaan_8 Varchar 100 Not null
Pertanyaan_9 Varchar 100 Not null
Pertanyaan_10 Varchar 100 Not null
Pertanyaan_11 Varchar 100 Not null
Pertanyaan_12 Varchar 100 Not null
Pertanyaan_13 Varchar 100 Not null
Pertanyaan_14 Varchar 100 Not null
Anggota Varchar 1000 Not null
Arsip Boolean False
Tabel ANALISIS DAN PERANCANGAN SISTEM.4 Struktur t_verifikasi
Field Type Size Keterangan
Status_spv Varchar 100 Not null
Status_she Varchar 100 Not null
Status_hrd Varchar 100 Not null
Arsip Boolean False
Tabel ANALISIS DAN PERANCANGAN SISTEM.5 Struktur t_barang
Field Type Size Keterangan
Id Int 100 Primary Key
Barang_keluar Varchar 100 Not null
tanggal Date Not null
Restraint Int 255 Not null
Arrest Int 255 Not null
Both Int 255 Not null
Arsip Boolean False
Tabel ANALISIS DAN PERANCANGAN SISTEM.6 Struktur t_progres_pekerjaan
Field Type Size Keterangan
Id Int 100 Primary Key
Nama_pekerja Varchar 100 Not null
tanggal Date Not null
longtitude Int 255 Not null
latitude Int 255 Not null
Gambar String 255 Not null
Arsip Boolean False
3.4.2 ERD (Entity Relation Diagram)
Dalam entity relationship diagram sistem surat izin ketinggian terdiri dari 6 tabel yang saling berelasi dimana data dari table kemudian diolah kedalam
sistem untuk melakukan proses pembuatan surat izin ketinggian.
Gambar 3.1. ERD SIM pekerjaan di ketinggian
3.5. PERANCANGAN ANTAR MUKA
Rancangan antar muka ini dibuat berdasarkan kebutuhan dan diharapkan sistem yang dibuat memberikan sajian yang menarik, mudah dijalankan oleh karyawan perusahaan. Adapun desain antar muka dari sistem yang dibentuk adalah:
3.5.1 Halaman Login
Tampilan yang merupakan jalan akses bagi pengguna untuk masuk ke sistem informasi manajemen surat dan juga digunakan sebagai keamanan dari sistem.
Gambar 3.2. Halaman login
3.5.2 Halaman Dashboard
Halaman Dashboard merupakan tampilan awal dari sistem yang didalamnya terdapat beberapa menu ke halaman tertentu.
Gambar 3.3. Halaman Dashboard
3.5.3 Halaman Sidebar
Halaman Sidebar merupakan menu pembantu dari sistem yang didalamnya terdapat beberapa menu ke halaman tertentu.
Gambar 3.10. Halaman Sidebar
3.5.1 Halaman Pemberitahuan Pekerjaan
Halaman yang bisa diakses oleh semua user namun ada beberapa fitur yang tidak dapat di akses oleh bebrapa user, seperti fitur tambah pemberitahuan dan form surat izin, fitur yang hanya dapat di akses oleh Admin Super Visior dan Pekerja Ketinggian.
Gambar 3.11. Halaman Manajemen User
Form Tambah Pemberitahuan Pekerjaan
Merupakan tampilan form untuk menambahkan informasi pekerjaan di ketinggian yang baru atau mengubah isi informasi pemberitahuan.
Gambar 3.4. Form tambah pemberitahuan pekerjaan baru.
Form Surat Izin Ketinggian
Merupakan tampilan form lanjutan dari pemberitahuan pekerjaan baru untuk melengkapi kebutuhan informasi pekerjaan di ketinggian yang hanya dapat di input oleh karyawan/pekerja ketinggian.
3.5.2 Halaman Karyawan
Halaman yang digunakan untuk menambah atau merubah data karyawan.
Gambar 3.11. Halaman Karyawan
Form Tambah Karyawan
Merupakan tampilan form untuk menambahkan data karyawan baru kedalam sistem dan yang dapat mengakses form ini hanya Super Visior dan Admin saja.
Gambar 3.5. Form tambah/edit
3.5.3 Halaman Permohonan Ketinggian Halaman Detail Permohonan Surat Izin
Tampilan yang memberikan detail dari surat izin dan juga informasi lain mengenai pekerjaan di ketinggian, halaman ini juga digunakan untuk melakukan verifikasi pekerjaan ketinggian oleh Super Visior, Divisi SHE/K3 dan Manager.
3.5.4 Halaman Permohonan disetujui dan progres pekerjaan
Halaman ini merupakan halaman yang berisikan permohonan surat izin pekerjaan di ketinggian yang telah disetujui oleh Supervisor, SHE/K3 dan Manager.
Gambar 3.18. Halaman Permohonan disetujui dan progres pekerjaan
Form Progres Pekerjaan
Merupakan tampilan form untuk melakukan input mengenai progress pekerjaan yang dilakukan oleh pekerja di lapangan.
Gambar 3.19. Tampilan progres pekerjaan
3.5.5 Halaman Barang
Halaman barang digunakan untuk melihat ketersediaan barang yang digunakan untuk pekerjaan, halaman barang juga berisiskan informasi mengenai barang yang keluar.
Gambar 3.20. Tampilan halaman barang
3.6. SPESIFIKASI KEBUTUHAN PERANGKAT
Dalam melakukan analisis dan perancangan pada sebuah sistem diperlukan perangkat keras (hardware) dan perangkat lunak (software) sebagai berikut:
3.6.1 Spesifikasi Perangkat Keras (Hardware)
Sistem perangkat keras (hardware) adalah komponen – komponen pendukung kinerja dari sistem komputer. Adapun spesifikasi perangkat keras yang dipakai dalam membuat sistem informasi monitoring pekerjaan di ketinggian pada PT.CEMINDO GEMILANG adalah :
1. Processor Pentium T4300 @2.10GHz 2. Memori RAM 2GB
3. Hardisk 500 GB 4. Mouse
5. Keyboard 6. Monitor
3.6.2 Spesifikasi Perangkat Lunak (Software)
Perangkat lunak (Software) adalah suatu sistem yang terkomputerisasi berupa program – program yang berfungsi menjalankan perangkat keras yang diperlukan pada pembuatan sistem informasi manajemen surat di Dinas Pendapatan, Pengelolaan Keuangan dan Aset Daerah Gresik adalah sebagai berikut :
1. Sistem Operasi Windows 11 2. Xampp
XAMPP adalah sebuah paket perangkat lunak (software) komputer yang sistem penamaannya diambil dari akronim kata Apache, MySQL (dulu) / MariaDB (sekarang), PHP, dan Perl. Sementara imbuhan huruf “X”
yang terdapat pada awal kata berasal dari istilah cross platform sebagai simbol bahwa aplikasi ini bisa dijalankan di empat sistem operasi berbeda, seperti OS Linux, OS Windows, Mac OS, dan juga Solaris.
3. Visual Studio Code
Visual Studio Code (VS Code) adalah sebuah teks editor multiplatform yang komplit dan handal buatan Microsoft. Selain tersedia untuk Windows, V isual Studio Code (VS Code) juga tersedia untuk versi Linux dan Mac. Teks editor mendukung banyak bahasa pemrograman seperti JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lainnya dengan bantuan plugin yang dapat dipasang di Visual Studio Code seperti C++, C#, Python, Go, Java, dan Bahasa pemrograman lainnya.
Google Chrome (Web Browser) merupakan aplikasi yang digunakan untuk menampilkan hasil keluaran sistem di layar monitor.
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1. IMPLEMENTASI
Sistem informasi monitoring pekerjaan di ketinggian ini tidak hanya berfokus pada pembuatan surat izin pekerjaan di ketinggian saja, namun ada beberapa aspek tambahan seperti pengelolaan alat dan barang yang digunaka, kemudian pembuatan laporan progres pekerjaan. Batasan pembuatan dari sistem informasi ini adalah surat izin ketinggian, logistik dan pembuatan laporan. Sistem ini dirancang untuk mengetahui seluruh akses dan informasi mengenai pekerjaan di ketingian.
Pendisposisian surat terdiri dari surat masuk dan surat keluar. Serta pencetakan laporan terhadap pekerjaan yang telah selesai.
Implementasi sistem adalah tahap untuk menentukan sistem supaya siap untuk dioperasikan. Implementasi sistem bertujuan untuk membangun modul perancangan, sehingga sistem monitoring pekerjaan di ketinggian ini dapat digunakan. Selanjutnya untuk melihat sistem yang telah dibangun apakah sudah sesuai dengan yang diharapkan, maka perlu pengujian yang mewakili sistem secara keseluruhan. Pada tahap implementasi, sistem monitoring pekerjaan di ketinggian ini dirancang untuk dapat digunakan pada keadaan yang sebenarnya.
Implementasi sistem ini membutuhkan software pendukung dalam pembuatannya seperti Visual Studio Code, Xampp dan Google Chrome sebagai implementasi aplikasinya. Software pendukung Template Bootstrap Dan Jquery merupakan software yang mendukung pembangunan GUI dan UI pada Sistem informasi manajemen surat.
4.1.1 Halaman Login
Tampilan yang merupakan jalan akses bagi pengguna untuk masuk ke sistem informasi manajemen surat dan juga digunakan sebagai keamanan dari sistem. Pada halaman ini pengguna akan dipilah secara otomatis apakah
pengaman agar tidak terjadi hal-hal yang tidak diinginkan terhadap data yang tersimpan di sistem. Antarmuka login dapat dilihat pada gambar 4.1
Gambar 4.1. Halaman login
Potongan source code halaman login sebagai berikut:
<div id="app" >
<section class="section">
<div class="container mt-5">
<div class="row center">
<div class="col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg- 6 offset-lg-3 col-xl-4 offset-xl-4">
<div class="card card-red">
<div class="card-header">
<h4>Login Izin Kerja Ketinggian</h4>
</div>
<div class="card-body ">
<form method="POST" action="{{ route('login') }}"
class="needs-validation" novalidate="">
@csrf
@if(session('errors'))
<div class="alert alert-danger alert-dismissible fade show"
role="alert">
Something it's wrong:
<button type="button" class="close" data-dismiss="alert"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<ul>
@foreach ($errors->all() as $error) <li>{{ $error }}</li>
@endforeach </ul>
</div>
@endif
@if (Session::has('success')) <div class="alert alert-success">
{{ Session::get('success') }}
</div>
@endif
@if (Session::has('error'))
<div class="alert alert-danger">
{{ Session::get('error') }}
</div>
@endif
<div class="form-group">
<label for="email">Email</label>
<input id="email" type="email" class="form-control"
name="email" tabindex="1" required autofocus>
<div class="invalid-feedback">
Please fill in your email
<div class="form-group">
<div class="d-block">
<label for="password"
class="control-label">Password</label>
</div>
<input id="password" type="password" class="form-control"
name="password" tabindex="2" required>
<div class="invalid-feedback">
please fill in your password </div>
</div>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="remember" class="custom- control-input" tabindex="3" id="remember-me">
<label class="custom-control-label" for="remember- me">Remember Me</label>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-lg btn-block"
tabindex="4">
Login </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
4.1.2 Halaman Dashboard dan Sidebar
Halaman Dashboard merupakan tampilan awal dari sistem yang didalamnya terdapat beberapa menu ke halaman tertentu.
Halaman Sidebar merupakan tampilan pembantu dari sistem yang didalamnya terdapat beberapa menu ke halaman tertentu dan dapat membantu akses pengguna pada halaman lain.
Halaman Dashboard dan Sidebar Admin
Halaman Dashboard dan sidebar dari Admin terdiri dari menu count pekerjaan baru, count permohonan izin, pemberitahuan pekerjaan, karyawan, permohonan izin kerja dan barang. Antarmuka Dashboard Admin dapat dilihat pada gambar 4.2.
Gambar 4.2. Halaman Admin
Halaman Dashboard dan Sidebar Manager
Halaman Dashboard dan sidebar dari Manager terdiri dari menu count
permohonan izin kerja dan barang. Antarmuka Dashboard Manager dapat dilihat pada gambar 4.3.
Gambar 4.3. Halaman dashboard dan sidebar Manager Halaman Dashboard dan Sidebar Staff SHE/K3
Halaman Dashboard dan sidebar Staff SHE terdiri terdiri dari menu count pekerjaan baru, count permohonan izin, pemberitahuan pekerjaan, dan permohonan izin kerja. Antarmuka Dashboard Staff SHE dapat dilihat pada gambar 4.4.
Gambar 4.4. Halaman dashboard dan sidebar Staff SHE/K3 Halaman Dashboard dan Sidebar Super Visior
Halaman Dashboard dan sidebar dari Super Visior terdiri dari menu count pekerjaan baru, count permohonan izin, pemberitahuan pekerjaan, karyawan, dan permohonan izin kerja. Antarmuka Dashboard Super Visior dapat dilihat pada gambar 4.5.
Gambar 4.5. Halaman dashboard dan sidebar Super Visior Halaman Dashboard dan Sidebar Karyawan
Halaman Dashboard dan sidebar dari Karyawan terdiri dari menu count pekerjaan baru, count permohonan izin, pemberitahuan pekerjaan, karyawan, dan permohonan izin kerja. Antarmuka Dashboard Karyawan dapat dilihat pada gambar 4.6.
Gambar 4.6. Halaman dashboard dan sidebar Karyawan
Potongan source code halaman dashboard dan sidebar sebagai berikut:
{{-- Dashboard --}}
@section('content')
<div class="main-content">
<section class="section">
{{-- Card Permohonan Izin --}}
<div class="card-body col-md-4" style="height: 100%">
<div class="card l-bg-cyan-dark">
<div class="card-statistic-3">
<div class="card-icon card-icon-large"><i class="fa fa- briefcas"></i></div>
<div class="card-content">
<h4 class="card-title">Pekerjaan Baru</h4>
<div class="row">
<div class="col-10">
<div class="progress mt-1 mb-1" data-height="8">
<div class="progress-bar l-bg-green"
role="progressbar" data-width='{{ $pekerjaan }}%' aria-valuenow='100%' aria-valuemin="0" aria-valuemax="5"></div>
</div>
</div>
<div class="col-2"> <h1>{{ $pekerjaan }}</h1></div>
</div>
<p class="mb-0 text-sm">
<span class="mr-1"><i class="fas fa-eye"></i></span>
<a href="{{route('pekerjaan.index')}}" class="text- white">View Detail</a>
</p>
</div>
</div>
</div>
</div>
{{-- Card Permohonan Disetujui --}}
<div class="card-body col-md-4" style="height: 100%">
<div class="card l-bg-purple-dark">
<div class="card-statistic-3">
<div class="card-icon card-icon-large"><i class="fa fa- briefcas"></i></div>
<div class="card-content">
<h4 class="card-title">Permohonan Izin</h4>
<div class="row">
<div class="col-10">
<div class="progress mt-1 mb-1" data-height="8">
<div class="progress-bar l-bg-green"
role="progressbar" data-width='{{ $ketinggian }}%' aria- valuenow='100%'aria-valuemin="0"aria-valuemax="5"></div>
</div>
</div>
<div class="col-2"> <h1>{{ $ketinggian }}</h1></div>
</div> <p class="mb-0 text-sm">
<span class="mr-1"><i class="fas fa-eye"></i></span>
<a href="{{route('ketinggian.index')}}" class="text- white">View Detail</a>
</p>
</div>
</div>
</div>
</div>
{{-- Sidebar --}}
<ul class="sidebar-menu">
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-monitor"><rect x="2" y="3" width="20"
height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16"
y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<span>Dashboard</span>
</a>
</li>
<li>
<a class="nav-link" href="{{ route('pekerjaan.index') }}">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-mail">
<rect x="2" y="3" width="20" height="14" rx="2"
ry="2"></rect>
<polyline points="2 3 12 9 22 3"></polyline>
</svg>
<span>Pemberitahuan Pekerjaan</span>
</a>
</li>
@if (Auth::user()->role_id == 1 || Auth::user()->role_id == 2 ||
Auth::user()->role_id == 4 || Auth::user()->role_id == 5 ) <li>
<a class="nav-link" href="{{ route('karyawan.index')}}">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-user-check"><path d="M16 21v-2a4 4 0 0 0-4- 4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7"
r="4"></circle><polyline points="17 11 19 13 23 9"></polyline></svg>
<span >Karyawan</span>
</a>
</li>
@endif
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather- briefcase"><rect x="2" y="7" width="20" height="14" rx="2"
ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline></svg><span>Permohonan Izin kerja</span></a>
<ul class="dropdown-menu">
<li><a href="{{route('ketinggian.index')}}">Permohonan</a></li>
<li><a href="{{route('permohonan.disetujui')}}">Permohonan Disetujui</a></li>
<li><a href="{{route('permohonan.ditolak')}}">Permohonan Ditolak</a></li>
</ul>
</li>
@if (Auth::user()->role_id == 1 || Auth::user()->role_id == 2) <li>
<a class="nav-link" href="{{ route('barang.index')}}">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
<rect x="2" y="2" width="20" height="20" rx="2" ry="2"/>
<line x1="7" y1="12" x2="17" y2="12"/>
<line x1="2" y1="7" x2="7" y2="12"/>
<line x1="17" y1="12" x2="22" y2="7"/>
</svg>
<span>Barang</span>
</a>
</li>
@endif @endif
</ul>
4.1.3 Halaman Pemberitahuan Pekerjaan
Halaman yang digunakan untuk seluruh user mengetahui pemberitahuan pekerjaan baru. Pengguna yang dapat menambahkan pemberitahuan pekerjaan hanyalah Super Visior dan Admin, yang nantinya di isi oleh Karyawan/Pekerja lapangan pada proses pengajuan surat izin, pada gambar 4.7.
Gambar 4.7. Halaman Pemberitahuan Pekerjaan
Potongan source code halaman Pemberitahuan Pekerjaan baru sebagai berikut:
@section('content')
<div class="main-content">
<div class="ml-2 mt-2">
@if (Auth::user()->role_id == 1 || Auth::user()->role_id == 4) <button class="btn btn-primary" data-toggle="modal" data- target="#exampleModal">Tambah Pemberitahuan</button>
@endif
<section class="section">
<div class="row">
<div class="col-12">
<div id="flash-data" data- flashdata="{{ Session::get('success') }}"></div>
<div class="card">
<div class="card-header">
<h4>Pemberitahuan Pekerjaan</h4>
</div>
<div class="card-body">
<div class="table-responsive table-invoice">
<table class="table table-striped">
<thead>
<tr>
<th class="text-center">No</th>
<th>Lokasi Pekerjaan</th>
<th>Diskripsi Pekerjaan</th>
<th>Tanggal Pelaksanaan</th>
<th>Grade Pekerjaan</th>
@if (Auth::user()->role_id == 1 || Auth::user()-
>role_id == 5)
<th class="text-center">Opsi</th>
@endif </tr>
</thead>
<tbody>
@foreach ($data_pekerjaan as $i => $data) <tr>
<td class="p-0 text-center">{{ $i + 1 }}</td>
<td class="font-weight-600">{{ $data-
>pekerjaan_lokasi }}</td>
<td class="font-weight-600">{{ $data-
>pekerjaan_diskripsi }}</td>
<td class="font-weight-600">{{ $data-
>isi_tanggal }}</td>
<td class="font-weight-600">{{ $data-
>pekerjaan_grade }}</td>
@if (Auth::user()->role_id == 1 || Auth::user()-
>role_id == 5)
<td>
<a class="btn btn-primary"
href="pekerjaan/isiform/{{ $data->id }}">Isi Form</a>
</td>
@endif </tr>
@endforeach </tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
Form Tambah Pemberitahuan Pekerjaan
Merupakan tampilan form untuk menambahkan pemeberitahuan pekerjaan baru yang hanya bisa dilakukan oleh Super Visior pada gambar 4.8.
Gambar 4.8. form Tambah Pemberitahuan Pekerjaan Baru
Potongan source code halaman Form Tambah Pemberitahuan Pekerjaan baru sebagai berikut:
<div class="modal fade" id="exampleModal" tabindex="-1"
role="dialog" aria-labelledby="formModal"
aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="formModal">Form Pekerjaan</h5>
<button type="button" class="close" data-dismiss="modal" aria- label="Close">
<span aria-hidden="true">× </span>
</button>
</div>
<div class="modal-body">
<form class="" action="{{ route('pekerjaan.insert') }}"
method="post">
@csrf
<div class="form-group">
<label>Lokasi pekerjaan</label>
<input type="text" name="pekerjaan_lokasi" required class="form-control">
</div>
<div class="form-group">
<label>Diskripsi Pekerjaan</label>
<textarea class="form-control" name="pekerjaan_deskripsi"
required></textarea>
</div>
<div class="form-group">
<label>Tanggal</label>
<input type="datetime-local" name="isi_tanggal" required class="form-control">
</div>
<div class="form-group">
<label>Grade Pekerjaan</label>
<select name="pekerjaan_grade" class="form-control"
id="">
<option value="">PILIH</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</div>
<button type="submit" class="btn btn-primary m-t-15 waves-
</div>
</div>
</div>
</div>
Form Isi form Surat Izin Ketinggian
Merupakan tampilan form untuk menginput data kondisi lapangan untuk pengajuan surat izin pekerjaan oleh karyawan pada gambar 4.9.
Gambar 4.9. form Surat Izin Ketinggian
Potongan source code halaman Form Pengajuan Surat Izin Ketinggian sebagai berikut:
<div class="modal fade" id="modalisiform" tabindex="-1" role="dialog"
aria-labelledby="formModal"
aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="formModal">Form Surat Izin Baru</h5>
<button data-dismiss="modal" type="button" data-toggle="tooltip"
title="close"><span>X</span></button>
</div>
<div class="modal-body">
<form class="" action="{{ route('ketinggian.insert') }}"
method="post">
@csrf
<div class="form-group">
<label>Lokasi pekerjaan</label>
<input type="text" name="lokasi_pekerjaan" required
<div class="form-group">
<label>Diskripsi_pekerjaan</label>
<textarea class="form-control" name="deskripsi_pekerjaan"
required></textarea>
</div>
<div class="form-group">
<label for="">Alat pelindung ketinggian</label>
<select name="alat_pelindung_jatuh" id="">
<option value="">PILIH</option>
<option value="RESTRAINT">RESTRAINT</option>
<option value="ARREST">ARREST</option>
<option value="BOTH">BOTH</option>
</select>
</div>
<div class="form-group">
<label>Tanggal</label>
<input type="datetime-local" name="tanggal" required class="form-control">
</div>
<div class="form-group">
<label for="">1. Apakah bekerjs di ketinggian didekat diperlukan untuk
menyelesaikan pekerjaan?</label>
<select name="pertanyaan_1" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">2. Apakah cuaca mendukung untuk menyelesaikan pekerjaan
dimaksud?</label>
<select name="pertanyaan_2" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">3. Apakah pekerjaan tersebut telah dikomunikasikan dengan penanggung
jawab/sponsor?</label>
<select name="pertanyaan_3" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">4. Apakah JSA pekerjaan ini telah dibuat?</label>
<select name="pertanyaan_4" class="form-control" id="">
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">5. Apakah personil yang bekerja atau mengoprasikan alat menerima
instruksi, dan pelatihan yang cukup?</label>
<select name="pertanyaan_5" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">6. Apakah personil yang bekerja di ketinggian sudah menggunakan helm
dengan chan straps?</label>
<select name="pertanyaan_6" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">7. Apakah sistem tali penyandang dua rangkap digunakan jika perlu
melepas dan memasangkan di ketinggian?</label>
<select name="pertanyaan_7" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">8. Apakah semua alat pelindung jatuh sudah diberi tag tanggal
inspeksi?</label>
<select name="pertanyaan_8" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">9. Apakah semua anchor point dari alat penahan jatuh tunggal mampu
menahan beban 15 kn?</label>
<select name="pertanyaan_9" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
kerja sudah sesuai dengan standard?</label>
<select name="pertanyaan_10" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">11. Apakah petugas yang akan mengoprasikan EWP sudah mempunyai
sertifikasi?</label>
<select name="pertanyaan_11" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">12. Sudahkah dibuat zona eksklusif dibawah area pekerjaan dengan
memasang barikade atau jaring pengaman?</label>
<select name="pertanyaan_12" class="form-control"
class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">13. Sdahkah dibuat zona eksklusif dibawah area pekerjaan dengan
memasang barikade atau jaring pengaman?</label>
<select name="pertanyaan_13" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label for="">14. Apakah sudah ada rencana respon darurat dan dikomunikasikan jika
ada orang yang jatuh?</label>
<select name="pertanyaan_14" class="form-control" id="">
<option value="">PILIH</option>
<option value="IYA">IYA</option>
<option value="TIDAK">TIDAK</option>
</select>
</div>
<div class="form-group">
<label>Pilih anggota</label>
<select class="select2" name="anggota[]" multiple="multiple"
data-dropdown-css-class="select2-green" data- placeholder="Pilih unit tekait"
style="width: 100%;" id="uanggota[]">
@foreach ($data_karyawan as $item)
</option>
@endforeach </select>
</div>
<button type="submit" class="close btn btn-primary m-t-15 waves-effect" id="save">Submit</button>
</form>
</div>
</div>
</div>
</div>
4.1.4 Halaman Karyawan
Halaman yang bisa diakses oleh admin, manager dan super visior untuk melakukan penambahan karyawan dan mengubah data karyawan pada gambar 4.10.
Gambar 4.10. Halaman Karyawan
Potongan source code halaman manajemen user sebagai berikut:
@section('content')
<div class="main-content">
<div class="ml-2 mt-2">
@if (Auth::user()->role_id == 1)
<button class="btn btn-primary" data-toggle="modal" data- target="#exampleModal">Tambah
Karyawan</button>
@endif </div>
<section class="section">
<div class="row">
<div class="col-12 col-sm-12 col-lg-12">
<div id="flash-data" data- flashdata="{{ Session::get('success') }}"></div>
<div class="card">
<div class="card-header">
<h4>Data Karyawan</h4>
</div>
<div class="card-body">
<div class="table-responsive table-invoice">
<table class="table table-striped" id="karyawan-table">
<thead>
<tr>
<th class="text-center">No</th>
<th>Nik</th>
<th>Nama</th>
<th>Departemen</th>
<th>Grade Karyawan</th>
@if (Auth::user()->role_id == 4 || Auth::user()-
>role_id == 1)
<th class="text-center">Opsi</th>
</thead>
<tbody>
@foreach ($data_karyawan as $i => $k) <tr>
<td class="p-0 text-center">{{ $i + 1 }}</td>
<td class="font-weight-600">{{ $k->nik }}</td>
<td class="font-weight-600">{{ $k->nama }}</td>
<td class="text-truncate">{{ $k->departemen }}</td>
<td class="text-truncate">{{ $k-
>grade_karyawan }}</td>
@if (Auth::user()->role_id == 4 || Auth::user()-
>role_id == 1)
<td>
<a class="btn btn-primary" href="admin/karyawan/edit/{{ $k-
>id }}">Edit</a>
</td>
@endif </tr>
@endforeach </tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
Form Tambah/Edit Karyawan