Jurnal Ilmiah NERO Vol. 4 No. 3 2019

149 | N E R O

SISTEM INFORMASI IJIN KERJA KONTRAKTOR DENGAN

MENGGUNAKAN APLIKASI WEB BERBASIS HTML DAN PHP

DI PT. XYZ

Jodi Istiyanto1), Triuli Novianti2)

1), 2) Program Studi D3 Teknik Komputer, Fakultas Teknik, Universitas Muhammadiyah Surabaya

Jl Sutorejo No. 59, Surabaya

Email : buron300@gmail.com1), ulinovi81@gmail.com2)

Abstrak

Perusahaan PT XYZ Surabaya Group memenuhi kebutuhan pasar akan BBM dengan melakukan sebuah

inovasi dan upgrading sarana dan fasilitas pengelolaan distribusi BBM. Pada kegiatan inovasi dan

upgrading sarana dan fasilitas dibutuhkan sebuah rekanan / kontraktor yang jumlahnya cukup besar,

setiap hari kontraktor melakukan laporan kerja rutin yang masih menggunakan media kertas sebagai media utama untuk melakukan sebuah ijin dan laporan pekerjaan. Oleh karena itu, penelitian ini membuat

sistem informasi ijin kerja kontraktor dengan menggunakan aplikasi web berbasis HTML dan PHP. Metode

pertama yang digunakan pada penelitian ini, yaitu observasi penelitian lokasi pekerjaan. Penelitian disini

adalah laporan yang dilakukan oleh pihak kontraktor, dimana selama 1 bulan bisa menghasilkan kertas 3

- 5 Kg per bulan, dalam 1 tahun (12 bulan x 5kg = ± 60 kg). Metode yang kedua menggunakan pendekatan

terstruktur yaitu menggunakan beberapa alat bantu seperti Diagram Konteks, Data Flow Diagram (DFD)

dan Entity Relationship Diagram (ERD). Perangkat lunak pendukung yang digunakan adalah Coreldraw,

Codeigniter, dan database MySQL.

Kata kunci: PHP, HTML, Sistem Informasi Ijin Kerja Kontraktor, BBM

Abstract

The company PT XYZ Surabaya Group meets the market needs for fuel by carrying out an innovation and

upgrading of facilities and facilities for managing fuel distribution. In the activity of innovating and

upgrading facilities and facilities, a large number of partners / contractors is needed, every day the

contractor performs routine work reports that still use paper as the main media for conducting permits and

work reports. Therefore, this research creates a contractor work permit information system using HTML

and PHP based web applications. The first method used in this research is observation of work location.

The research here is a report conducted by the contractor, where for 1 month can produce paper 3-5 kg

per month, in 1 year (12 monthsx5kg = ± 60 kg). The second method uses a structured approach that uses

several tools such as Context Diagrams, Data Flow Diagrams (DFD) and Entity Relationship Diagrams

(ERD). The supporting software used is Coreldraw, Codeigniter, and the MySQL database. Keywords : PHP, HTML, System Design of Contractor License, fuel

1. PENDAHULUAN

Penelitian ini mengambil objek penelitian di PT XYZ Surabaya Group yang merupakan

salah satu perusahaan yang bergerak di bidang migas. Pada kegiatannya sehari - hari terdapat pekerjaan yang masih menggunakan sistem manual yaitu dalam sebuah laporan dari rekanan /

kontraktor contohnya adalah pengisian daftar hadir, pengisian Job Health, Safety Analisis

(JHSEA) dan pengisian laporan daily contraktor. Dalam 1 bulan seluruh kontraktor yang bekerja dapat menghasilkan kertas sampai dengan 3 - 5 Kg per bulan, dalam 1 tahun "12 bulan x 5kg = ±

60kg [1].

Berdasarkan latar belakang tersebut maka dapat penelitian ini merumuskan masalah sebagai berikut: bagaimana merancang dan membuat sistem informasi mengenai ijin kerja

kontraktor yang akan melakukan pekerjaan serta bagaimana merancang dan membuat sistem

informasi ijin kerja kontraktor menggunakan web berbasis HTML dan PHP. Tujuan dari

pembuatan system informasi ini adalah untuk membuat pelaporan HSE Online (Health, Safety & Environment) agar manajemen dapat mengakses data kontraktor secara online.

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

150 | N E R O

2. DASAR TEORI

a. Sistem Pelaporan Data Pelaporan secara umum dapat didefiniskan sebagai kegiatan yang dilakukan untuk

menyampaikan hal - hal yang berhubungan dengan hasil pekerjaan yang telah dilakukan [2]. Laporan adalah suatu cara komunikasi dimana penulis menyampaikan informasi kepada

seseorang atau suatu badan karena tanggung jawab yang dibebankan kepadanya [3]. Isi laporan

berisi fakta dan data mengenai penelitian, pengamatan, percobaan, pengalaman, dan sebagainya

yang diramu menjadi informasi untuk disampaikan kepada pihak lain. b. World Wide Web

Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam

Internet. World Wide Web atau web adalah suatu satu pelayanan paling populer yang disediakan

oleh internet yang menyediakan akses lebih dari 6 miliar halaman web yang diciptakan oleh

bahasa pemograman yang disebtu HTML dan dapat mengandung teks, grafik, audio, video dan objek - objek lainnya seperti Hyperlinks yang memungkinkan pengguna berpindah dari satu

halaman ke halaman lainnya[4]. Hyper Text Markup Language (HTML) adalah sebuah bahasa

markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam

berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata

lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML[5].

c. PHP (Hypertext Preprocessor) PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan

web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum. PHP di

kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group.

PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses

pada web browser (client)[6]. Framework dapat diartikan sekumpulan perintah/program dasar

dimana perintah dasar tersebut dapat digunakan lagi untuk menyelesaikan masalah yang lebih kompleks sehingga dapat digunakan untuk membantu membuat aplikasi baru atau aplikasi

kompleks tanpa harus membuat program dari awal[7]. Untuk program aplikasi penelitian ini

menggunakan Framework Codeigniter dikarenakan salah satu framework PHP yang paling

powerful saat ini karena di dalamnya terdapat fitur lengkap aplikasi web di mana fitur - fitur tersebut sudah dikemas menjadi satu. Selain itu, Codeigniter ini banyak digunakan khususnya

bagi developer web untuk mengembangkan aplikasi berbasis web tersebut[8].

d. Database Database Manajemen Sistem yang memiliki kemampuan yang baik adalah Oracle dan

PostgreSQL. sedangkan database yang paling digemari kalangan programer web adalah MySQL.

MySQL merupakan software yang bersifat open source, sesuai dengan namanya. Bahasa standart

MySQL adalah SQL. SQL adalah singkatan dari Structured Query Language dan sering disebut squel. SQL mulai dikembangakan pada akhir tahun 70-an di laboratorium IBM, Sanfose,

California. Sedangkan MySQL Front merupakan software yang digunakan untuk memudahkan

dalam me-manage database yang dibuat, baik dalam penambahan tabel, record, dan field maupun

menghapus dan mengedit database yang ada. SQL adalah bahasa yang digunakan untuk berkomunikasi dengan database[9].

3. METODOLOGI PENELITIAN

a. Deskripsi Umum

Dalam pembuatan website ijin kontraktor yang berbasis HTML dan PHP, terdapat

beberapa perangkat lunak dan perangkat keras yang digunakan untuk mendukung proses pembuatan aplikasi, yaitu Hardware yang diperlukan dalam pembuatan website penjualan

ecommerce adalah PC / Laptop dengan spesifikasi sebagai berikut : Proccesor Core I3, Memory

Ram 1 Gb, HDD 250 Gb dan Vga 256 Mb. Software yang diperlukan dalam pembuatan website

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

151 | N E R O

ijin kerja kontraktor adalah Notepad++ & subline text, Appserve Mysql, Corel Draw dan

YedGraph. b. Perancangan Sistem

Flowchart menggambarkan bagaimana cara aplikasi digunakan mulai dari awal sampai

akhir sesi, berikut flowchart pada Gambar 1.

Gambar 1. Alur Penggunaan Aplikasi

Gambar 2. Diagram Konteks Aplikasi

Diagram konteks pada sistem pembuatan website sistem informasi ijin kerja kontraktor

ditunjukkan pada Gambar 2. Dalam data diagram menggunakan level 1, dapat ditunjukkan pada gambar 3.

Gambar 3. DFD Aplikasi Proses perancangan database menggunakan ERD (Entity Relationship Diagram)

ditunjukkan pada Gambar 4.

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

152 | N E R O

Gambar 4. ERD Aplikasi Tabel saling berelasi dalam website ijin kerja kontraktor ini. relasi antar tabel ditunjukkan

pada Gambar 5.

Gambar 5. Relation (Diagram Skema) c. Desain Interface

1. Desain Halaman Utama Halaman utama merupakan halaman yang pertama kali akan tampil ketika sistem

dijalankan pada web browser. Desain halaman utama dapat dilihat pada Gambar 6.

Gambar 6. Desain Halaman Utama

Gambar 7. Desain Halaman Admin dan Kontraktor

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

153 | N E R O

2. Desain Halaman Admin dan Kontraktor

Halaman admin dan kontraktor ini merupakan halaman yang hanya dapat diakses oleh

orang yang bertugas mengelola isi website sesuai dengan level yang ditentukan. Halaman admin dan kontraktor ini merupakan halaman yang akan dipakai pada seluruh proses di web ini.

Rancangan Halaman admin dan kontraktor dapat dilihat pada gambar 7.

4. HASIL DAN PEMBAHASAN a. Cara Menjalankan Program

Aplikasi ijin kerja kontraktor ini terbagi menjadi 2 (dua) kategori, yaitu admin dan kontraktor. Admin mempunyai tugas memonitor pekerjaan kontraktor, menambah kontraktor

baru, menghapus kontraktor, menambah jenis pekerjaan kontraktor, melihat laporan kontraktor

dan validasi pekerjaan kontraktor. Kemudian Kontraktor adalah keanggotaan yang telah didaftarkan oleh admin, kontraktor tidak dapat mendaftarkan baru, bahkan tidak dapat menghapus

data kontraktor secara keseluruhan, kontraktor hanya diperkenankan untuk merubah, menambah,

mengisi dan mengurangi sebagian data contohnya, mengisi / merubah form daftar hadir, JHSEA,

Laporan Harian, dll. b. Struktur dan Implementasi Program

1. Struktur Program Sebelum mendesain halaman - halaman website ijin kontraktor sebaiknya terlebih dahulu

membuat rancangan struktur program yang bertujuan memberikan gambaran kepada penulis

tentang halaman - halaman website yang akan dibuat dan link - link yang akan diberikan dalam website tersebut. hal ini dapat memberikan batasan kepada penulis dalam mengembangkan

website dan mempermudah penulis dalam pembuatan desain website. bentuk struktur program

dapat dilihat pada Gambar 7.

Gambar 7. Struktur Program dari website ijin kerja kontraktor 2. Implementasi Program

Desain dari pembuatan website ijin kerja kontraktor adalah sebagai berikut:

Gambar 8. Tampilan Halaman Login

Gambar 9. Halaman Utama Admin Tampilan utama pada saat admin / kontraktor mengetikkan url ndex.php (domain name

saat localhost/nama_file). yaitu berupa tampilan login. Tampilan halaman utama admin ketika

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

154 | N E R O

admin melakukan login, halaman ini untuk melakukan create, update, delete dan view data

Kontraktor.

Gambar 10. Halaman Admin (Daftar Kontraktor) Gambar 11. Halaman Admin

(Daftar Pekerjaan Kontraktor)

Tampilan halaman admin ketika ingin menambah kontraktor, didalamnya terdapat

username, levels, password, re-type password. Tampilan halaman ini digunakan untuk melihat pekerjaan kontraktor yang telah dilaporkan oleh kontraktor.

Gambar 12. Halaman Admin (Create, Update dan

Delete Jenis Pekerjaan)

Gambar 13. Halaman Admin (Menampilkan Laporan

Kontraktor)

Tampilan halaman ini digunakan untuk menambah, merubah dan menghapus jenis

pekerjaan. Tampilan halaman ini digunakan untuk menampilkan pekerjaan kontraktor secara

global, berdasarkan bulan dan tahun.

Gambar 17. Halaman Admin Gambar 18. Halaman Utama Kontraktor (Validasi

Pekerjaan Kontraktor)

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

155 | N E R O

Tampilan halaman ini digunakan untuk validasi pekerjaan kontraktor yang telah

dilaporkan (submit) oleh kontraktor. Tampilan halaman kontrakor ter-akses setelah kontraktor melakukan login, di halaman web ini kontraktor dapat melakukan create, update, dan delete

jabatan, daftar pekerja, melihat laporan, dan melaporkan pekerjaan.

Gambar 19. Halaman Kontraktor (Data Jabatan) Gambar 20. Halaman Kontraktor (Daftar Pekerja)

Tampilan halaman digunakan untuk menambah, merubah dan menghapus data jabatan

untuk para pekerja. Tampilan halaman ini digunakan kontraktor untuk menambah, merubah dan

menghapus daftar pekerja

Gambar 21. Halaman Kontraktor (Submit Pekerjaan)

Tampilan halaman ini digunakan kontraktor untuk merubah dan menambah detail

pekerjaan, daftar hadir dan JHSEA, kemudian melakukan submit pelaporan untuk dapat

dilakukan validasi oleh admin.

5. KESIMPULAN

Web Sistem Informasi Ijin Kerja Kontraktor dengan Menggunakan Aplikasi Web Berbasis HTML dan PHP ini merupakan sarana untuk mempermudah mendapatkan informasi

secara efektif dan efisien karena data yang dimasukkan diproses secara komputerisasi sehingga

proses pencarian data ijin kerja kontraktor akan lebih mudah dengan fitur search. Web Sistem Informasi Ijin Kerja Kontraktor dengan Menggunakan Aplikasi Web Berbasis HTML dan PHP

ini dirancang khusus untuk dipergunakan kepada pekerja PT XYZ dan kontraktor yang ada di PT

XYZ Terminal BBM Surabaya Group. Web Sistem Informasi Ijin Kerja Kontraktor dengan Menggunakan Aplikasi Web Berbasis HTML dan PHP ini mempermudah pengelolaan ijin kerja

kontraktor karena setiap informasi yang dibutuhkan berada dalam database.

Jurnal Ilmiah NERO Vol. 4 No. 3 2019

156 | N E R O

Saran dan kritik adalah sebagai berikut: sebaiknya ada database khusus untuk divisi P&MS

sebagai penentu pekerjaan kontraktor, sehingga kontraktor tidak dapat menginput pekerjaan lain yang bukan pekerjaannya, status masa berlaku ijin kerja belum ada, tambahkan laporan harian

teknik. Pada aplikasi alangkah baiknya diberikan penyimpanan berupa .pdf sebagai bukti

ditunjuknya pemenang proyek

Daftar Pustaka

[1] Rengganis, Fitriana, “Laporan Pelaksanaan Magang Di PT XYZ Terminal BBM

Instalasi Surabaya Group Perak Surabaya”, Surabaya, 2012.

[2] Mugianto, Mugianto; RIDHANI, Ahmad; ARIFIN, Syaiful, “Pengembangan Perencanan Pembelajaran Menulis Teks Laporan Hasil Observasi Model

Pembelajaran Berbasis Proyek Siswa Kelas X SMA”, Ilmu Budaya (Jurnal Bahasa,

Sastra, Seni dan Budaya), 2017, 1.4: 353-366.

[3] Keraf, Gorys, “Komposisi: Sebuah Pengantar Kemahiran Berbahasa”. Flores: Nusa Indah, 2004

[4] Wibowo, Kurniawan, “Dimmer Light Berbasis WEB Menggunakan Mini PC

Raspberry pi”, Skripsi, Fakultas Ilmu Komputer, Jurusan Teknik Informatika Universitas Dian Nuswantoro, 2014.

[5] Susanti, Farlina, “Aplikasi Pengolahan Data Distribusi Farmasi Berbasis Web Pada

PT Mega Mulia Pharma Palembang”, 2014, PhD Thesis, Politeknik Negeri Sriwijaya. [6] Hanief, Shofwan, “Sistem Perwalian Online Mahasiswa Pada Program Pendidikan

Jarak Jauh. Jurnal Sistem dan Informatika (JSI)”, 2016, 10.2.

[7] Fishiyam, Irlita Tsani, “Penerapan Teknik Web Scraping Pada Website Tiket Pesawat

Sebagai Pembanding Harga Tiket Pesawat Berbasis Web Responsive”, 2017. PhD Thesis. University of Muhammadiyah Malang.

[8] Destiningrum, Mara; Adrian, Qadhli Jafar, “Sistem Informasi Penjadwalan Dokter

Berbassis Web dengan Menggunakan Framework Codeigniter (Studi Kasus: Rumah Sakit Yukum Medical Centre)”, Jurnal Teknoinfo, 2017, 11.2: 30-37.

[9] Bagir, Muhammad, “Pembuatan website e-commerce di PT. Batik Rahmawati

Surakarta", 2011.