• Tidak ada hasil yang ditemukan

Laporan Kerja Praktek Sistem Informasi Monitoring Pekerjaan di Ketinggian, PT. Cemindo Gemilang

N/A
N/A
Rafli Try

Academic year: 2025

Membagikan "Laporan Kerja Praktek Sistem Informasi Monitoring Pekerjaan di Ketinggian, PT. Cemindo Gemilang"

Copied!
97
0
0

Teks penuh

(1)

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

(2)

LEMBAR PERSETUJUAN TUGAS KHUSUS

SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN, PT.

CEMINDO GEMILANG

Di

susun Oleh : Rafli Triady Febrianto

200602019

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

(3)

LEMBAR PENGESAHAN TUGAS KHUSUS

SISTEM INFORMASI MONITORING PEKERJAAN DI KETINGGIAN, PT.

CEMINDO GEMILANG

Di

susun Oleh : Rafli Triady Febrianto

200602019

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

(4)

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

(5)

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

(6)

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

(7)

DAFTAR PUSTAKA...88

(8)

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

(9)

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

(10)

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 :

(11)

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.

(12)

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

(13)

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

(14)

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

(15)

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.

(16)

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

(17)

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

(18)

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

(19)

 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.

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)
(27)

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

(28)

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.

(29)

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

(30)

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

(31)

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.

(32)

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.

(33)

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.

(34)

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.

(35)

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

(36)

Form Progres Pekerjaan

Merupakan tampilan form untuk melakukan input mengenai progress pekerjaan yang dilakukan oleh pekerja di lapangan.

Gambar 3.19. Tampilan progres pekerjaan

(37)

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 :

(38)

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.

(39)

Google Chrome (Web Browser) merupakan aplikasi yang digunakan untuk menampilkan hasil keluaran sistem di layar monitor.

(40)

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

(41)

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"

(42)

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

(43)

<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>

(44)

</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

(45)

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

(46)

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

(47)

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>

(48)

</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">

(49)

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>

(50)

<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"

(51)

<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>

(52)

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

(53)

<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>

(54)

<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>

(55)

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">&times; </span>

</button>

</div>

<div class="modal-body">

(56)

<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-

(57)

</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.

(58)

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

(59)

<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>

(60)

<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="">

(61)

<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="">

(62)

<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">

(63)

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>

(64)

<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)

(65)

</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">

(66)

<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>

(67)

</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

Referensi

Dokumen terkait

Tujuan dari penelitian ini adalah Membuat Sistem Informasi Monitoring berbasis website yang dapat memudahkan user dalam mengelola dan membuat laporan sistem informasi

Laporan Praktek Kerja dan Tugas Akhir ini dibuat untuk memenuhi salah satu syarat kelulusan dari Program Studi Diploma 3 Sistem Informasi Akuntansi Fakultas

Sistem Informasi Pendataan dan Monitoring Siswa Praktek Kerja Industri SMK Se- Kabupaten Kudus Berbasis Saas Cloud Computing ini bertujuan Membuat aplikasi web untuk

Pada kesempatan ini penulis mengambil topik dalam penulisan laporan kerja praktek adalah Analisis dan Perancangan Sistem Informasi Kependudukan Pada Desa Kace

Laporan kerja praktek ini akan memberikan informasi mengenai profil PT Hyup Sung Purbalingga, proses produksi bulu mata palsu untuk setiap jenis produk yang

Setelah dilakukan observasi dan wawancara dengan pihak instansi tempat kerja praktek maka didapatkan informasi yang berhubungan dengan sistem informasi laporan keuangan yang akan

LAPORAN KERJA PRAKTEK BADAN PUSAT STATISTIK KABUPATEN BENGKALIS SISTEM INFORMASI BEBAN KERJA DAN CAPAIAN KINERJA PEGAWAI BADAN PUSAT STATISTIK KABUPATEN BENGKALIS MUHAMMAD

RAYON BENGKALIS PT.ADRA GEMILANG KESELAMATAN DAN KESEHATAN KERJA K3 Ditulis sebagai salah satu syarat untuk menyelesaikan Kerja Praktek Politeknik Negeri Bengkalis PUTRA HARYADI