MEMBANGUN APLIKASI PENGOLAH DATA KERJA TEKNISI

BERBASIS WEB

(STUDI KASUS DI PT. KOMPONEN INDUSTRI DAN TEKNOLOGI)

Arif Prasetia Wijaya

Prasetia217@gmail.com

Abstrak Teknik pengembangan berbasis

model laporan yaitu model driven
Penelitian dilaksanakan di PT.
development (MDD), tahapan dimulai
Komponen Industri dan Teknologi,
dari tahap investigasi pendahuluan,
perusahaan yang bergerak di bidang
studi pustaka, analisis masalah,
tekstil terutama dalam bidang
analisis kebutuhan, design, kontruksi,
spinning( yarn spun ). PT. Komponen
implementasi, dan pembuatan
Industri dan Teknologi berlokasi di
laporan. Aplikasi ini dibuat berbasis
Jln. Jend Sudirman No 814 Bandung.
WEB, selanjutnya aplikasi ini
Dalam proses pengolahan data kerja
memiliki tiga hak akses yaitu admin,
teknisi di PT. Komponen Industri dan
teknisi dan direkur. Kemudian
Teknologi sering terjadi
aplikasi ini nantinya dapat mengelola
permasalahan seperti, sering
teknisi, mengelola customer,
terjadinya kesalahan penulisan
mengelola barang, mengelola
laporan kerja oleh teknisi dikarenakan
pekerjaan, dan mengelola laporan.
dilakukan dengan cara penulisan
Aplikasi dibuat menggunakan HTML,
tangan sehingga mengakibatkan
PHP, Framework CSS Bootsraps 4,
banyaknya coretan, pemindahan data
JavaScript, dan MySQLi.
dari kertas form ke dalam Microsoft
Excel yang memerlukan waktu lama Hasil akhir dari penelitian ini
selama 15 menit untuk setiap teknisi, diharapkan dengan adanya aplikasi
pemindahan yang dilakukan kurang pengolah data kerja teknisi berbasis
efektif dikarenakan melalui dua web yang telah dibuat dapat
tahapan untuk penyimpanan data menyelesaikan permasalahan-
laporan kerja, dan sering terjadi permasahan yang ada pada
keterlambatan penyampaian laporan pengolahan data kerja teknisi di
kerja dikarenakan sering terjadi PT.Komponen Industri dan
keterlambatan penyampaian laporan Teknologi.
dari teknisi ke admin service, yang
mengakibatkan terlambatnya
penyampaian kepada direktur.

1
Kata Kunci: aplikasi pengolah data, teknisi yang masih lama tersebut
MDD, HTML, PHP, Framework CSS menyulitkan bagian admin dalam
Bootsraps 4, JavaScript, MySQLi. pendataan dan penyusunan
laporan bulanan. Dan
penyampaian informasi pada
1.1 Latar Belakang Masalah pihak-pihak yang memerlukan
seperti manajer akhirnya
PT. Komponen Industri dan terlambat.
Teknologi, lebih dikenal dengan
nama PT KINTEK adalah
perusahaan yang bergerak dalam 1.2 Rumusan Masalah
industri tekstil, terutama dalam Berdasarkan latar belakang yang
bidang spinning(yarn spun). PT.
Komponen Industri dan telah diuraikan sebelumnya, maka
Teknologi melakukan semua penyusun merumuskan, masalah yang
aktifitasnya di kantor yang ada yaitu
beralamat di Jln. Jend. Sudirman
No 814 kelurahan Maleber 1. Bagaimana cara membuat suatu
kecamatan Andir Bandung.
aplikasi pengolah data kerja
Kegiatan utama perusahaan
sesuai dengan perijinannya adalah teknisi yang dapat mengurangi
dalam bidang perdagangan umum kesalahan dalam penulisan form
dan sebagai suplier mesin dan
laporan kerja .
sparepart mesin tekstil.
Pada pengolahan data kerja 2. Bagaimana cara membuat suatu
teknisi pada PT. Komponen aplikasi pengolah data kerja
Industri dan Teknologi dimana teknisi yang dapat mempercepat
pendataan masih dilakukan
dengan penulisan tangan dalam melakukan pendataan
menggunakan form pekerjaan, laporan kerja.
pendataan yang dilakukan dengan 3. Bagaimana cara membuat suatu
penulisan tangan sering terdapat
aplikasi pengolah data kerja
kesalahan penulisan sehingga
sering ditemukan banyaknya teknisi yang dapat mempercepat
penghapusan mengunakan tipe-x . dalam penyampaian laporan
Kemudian baru dilakunan proses
kerja teknisi kepada atasan atau
pendataan ke pada Microsoft
Office Excel 2007, pendataan kepada pihak-pihak yang
tersebut kurang efektif karena memerlukan laporan tersebut.
diperlukan waktu selama 15 menit
untuk setiap form kerja teknisi.
Sehingga pengolahan data kerja

2
 yaitu admin, teknisi dan direktur

1.3 Batasan Masalah berbeda, sehingga antara admin,

teknisi, direktur tidak dapat
Permasalahan yang akan dibahas
menggunakan menu yang sama.
pada penelitian tugas akhir ini adalah:
6. Pembuatan aplikasi ini
1. Penelitian hanya dilakukan pada menggunakan bahasa
divisi service pada PT. pemograman PHP, HTML,
Komponen Industri dan Javascript, MySQLi dan
Teknologi. menggunakan Framework CSS
2. Data yang dipakai dalam Bootsraps 4.
pembutan aplikasi ini adalah
1.4 Tujuan Penelitian
data teknisi, data customer, data
Tujuan yang akan dicapai dengan
barang, data pekejaan dan data
pengerjaan tugas akhir ini adalah
laporan.
sebagai berikut:
3. Data yang akan dimasukan pada
aplikasi ini adalah data 1. Membuat suatu media
pekerjaan, dan data laporan yang penyimpanan elektronik yang
baru. Sehingga data pekerjaan dapat mengurangi kesalahan
dan laporan yang sebelumnya dalam penulisan form laporan
tidak dimasukan pada aplikasi kerja .
ini. Dan data user, customer, 2. Membuat suatu aplikasi
barang yang dimasukan pada pengolah data kerja teknisi yang
aplikasi ini adalah data yang ada dapat mempercepat dalam
sejak tiga tahun ke belakang melakukan pendataan kerja.
(2015-2018). 3. Membuat suatu aplikasi
4. Aplikasi ini dapat mengelola pengolah data kerja teknisi yang
data teknisi, data customer, data dapat mempercepat dalam
barang, data pekerjaan, dan data penyampaian laporan kerja
laporan teknisi kepada atasan atau
5. Aplikasi ini memiliki tiga hak kepada pihak-pihak yang
akses yang berbeda yaitu admin, memerlukan laporan tersebut.
teknisi dan direktur, dan menu

3
2.1 Dasar Teori memvisualisasikan dan menganalisis
masalah, mendefinisikan kebutuhan
2.1.1 Model Driven Development
bisnis, dan merancang sistem
Pemodelan adalah tindakan informasi.
menggambar satu atau lebih Analisis dan desain sistem
representasi grafis (atau gambar) dari terstruktur - berpusat pada proses
suatu sistem. Pemodelan adalah Teknik informasi (IE) - berpusat pada
data Analisis dan desain berorientasi
teknik komunikasi berdasarkan
obyek (OOAD) - terpusat pada objek
pepatah lama, "sebuah gambar (integrasi data dan masalah proses)
bernilai seribu kata." Rute model driven development
Teknik pengembangan berbasis
model (MDD) menekankan gambar
model untuk membantu

Gambar 2. 1 Model Driven Development

4
3.1 Kerangka Pikir

Gambar 4. 1 Sistem Yang Berjalan

Berikut penjelasan mengenai

sistem yang sedang berjalan :
Gambar 3. 1 Kerangka Pikir
1. Data pekerjaan teknisi
4.1 Analisis Sistem Yang Berjalan diberikan oleh admin service
Berdasarkan hasil wawancara dan kepada teknisi untuk
observasi di PT. Komponen Industri dikerjakan oleh teknisi setiap
dan Teknologi tentang pengolah data
harinya, data kerja teknisi
kerja teknisi, maka diperoleh
mengenai sistem yang sedang berisikan data customer, data
berjalan sebagai berikut: barang, dan jumlah barang
yang harus dikerjaakan oleh

5
 setiap teknisi yang ditulis untuk disimpan. Pemindahan
dalam sebuah kertas. data laporan ini memerlukan
2. Teknisi mengambil data waktu selama 15 menit untuk
pekerjaan yang diberikan oleh setiap form laporan kerja
admin, kemudian teknisi.
menyelesaikan pekerjaan 5. Kemudian didapatkan laporan
yang diberikan oleh admin kerja untuk setiap teknisi,
untuk selanjutnya
service.
disampaikan kepada direktur.
3. Setelah menyelesaikan Penyampaian laporan data
pekerjaan yang diberikan oleh kerja teknisi dilakukan oleh
admin service kepada atasan
admin service teknisi
setiap minggunya dan setiap
kemudian mengisi form bulannya. Penyampaian
laporan kerja, pada pengisian laporan data kerja ini sering
terlambat dikarenakan teknisi
form sering terjadi kesalahan
sering lupa dalam pengisian
penulisan yang dilakukan oleh form laporan data kerja
teknisi sehingga form laporan sehingga pembuatan laporan
data kerja teknisi sering kerja nya juga menjadi
terlambat. Penyampaian
terdapat coretan atau tipe-x. laporan data kerja teknisi
4. Setelah form laporan data kepada atasan ini berupa
kerja teknisi diisi oleh teknisi kertas laporan yang di print
dari data yang terdapat di
maka form laporan data kerja
Microsoft Excel.
teknisi tersebut dikumpulkan
dan berikan kembali kepada
admin service. Selanjutnya 4.2 Pemodelan Sistem
dibuatkan laporan data kerja Pemodelan sistem terbagi menjadi
berdasarkan form laporan data tiga pemodelan untuk admin,
pemodelan untuk teknisi dan
kerja yang telah diisi. pemodelan untuk direktur
Pembuatan laporan dilakukan
Berikut gambar pemodelan sistem
oleh admin service dengan
yang diusulkan:
cara pemindahan data dari
form laporan data kerja teknisi
ke dalam Microsfot Excel

6
 Gambar 4. 2 Use Case Admin Yang Diusulkan

Gambar 4. 3 Use Case Teknisi Yang Gambar 4. 4 Use Case Direktur

Diusulkan Yang Diusulkan

7
 Berdasarkan use case di atas 4.4 Struktur Tabel
admin dapat melakukan login pada
Tabel 4. 1 Struktur Tabel tbl_teknisi
aplikasi, mengelola teknisi,
mengelola customer, mengelola Field Type Keterangan
barang, mengelola barang, mengelola Id_Teknisi varchar(6) Primary key
pekerjaan, melihat laporan, cetak
laporan, dan logout dari aplikasi. Nama varchar(25) Nama teknisi
Teknisi dapat melakukan login
Username varchar(20)
pada aplikasi, melihat pekerjaan,
membuat laporan, dan logout dari Password varchar(20)
aplikasi. Sedangkan direktur hanya
Level varchar(15) Field untuk
dapat melakukan login pada aplikasi, membedakan
melihat laporan, cetak laporan, dan hak akses
logout dari aplikasi. antara
admin,
teknisi dan
4.3 Entity Relasional Diagram (ERD) direktur.

Tabel 4. 2 Stuktur Tabel tbl_customer

Field Type Keterangan
Id_Cust varchar(6) Primary key

Nama_Cust varchar(75) Nama

Customer.

Alamat_Cust varchar(150) Alamat

Customer.

Telp_Cust varchar(15) No Telpon

Customer.

Tabel 4. 3 Struktur Tabel tbl_barang

Field Type Keterangan

Id_Barang varchar(6) Primary key

Nama_Barang varchar(50) Nama

Barang.
Gambar 4. 5 Entity Relasional
Diagram (ERD)

8
Tabel 4. 4 Struktur Tabel tbl_pekerjaan Jml_Brg_Sele int(3) Jumlah
sai barang
Field Type Keterang yang
an selesai

Id_Pekerjaan varchar Primary Jml_Brg_Blm int(3) Jumlah

(8) key _Selesai barang
yang
Tanggal_Peke date belum
rjaan selesai
Id_Cust varchar Foreign
(6) key
tbl_custo 4.5 Tampilan Jalannya Aplikasi
mer.
Berikut tampilan dari jalannya
Id_Barang varchar Foreign
aplikasi pengolah data kerja teknisi
(6) key
tbl_baran berbasis web:
g.

ID_Teknisi varchar Foreignt

(6) key
tbl_teknis
i

Jumlah_Bara int(3) Jumlah

ng barang

Tabel 4. 5 Struktur Tabel tbl_laporan

Gambar 4. 6 Halaman Login Aplikasi
Field Type Keteran
gan
4.5.1 Halaman Admin
Id_Laporan varchar( Primary
8) key Pada halaman aplikasi untuk admin
terdapat beberapa menu yang dapat
Id_Pekerjaan varchar( Foreign
8) key dijalankan oleh admin di ataranya :
tbl_peke
rjaan. 1. Home
Tgl_Laporan date Tanggal 2. Teknisi, untuk mengelola data
dibuatny teknisi
a laporan
3. Customer, untuk mengelola
Problem varchar(
data customer
150)
Solusi varchar( 4. Barang, untuk mengelola data
150)
barang

9
 5. Pekerjaan, untuk mengelola
data pekerjaan
6. Melihat Laporan, untuk
melihat laporan dan
7. Logout untuk keluar dari
aplikasi.

Gambar 4. 9 Halaman Admin –

Menambah Data Teknisi

Gambar 4. 7 Halaman Awal Aplikasi

Untuk Admin

Gambar 4. 10 Halaman Admin

– Melihat Data Teknisi

Gambar 4. 8 Halaman Admin -

Mengelola Teknisi

Gambar 4. 11 Halaman Admin

- Mengubah Data Teknisi

10
Gambar 4. 12 Halaman Admin – Gambar 4. 15 Halaman Admin
Menghapus Data Teknisi - Mengubah Data Customer

Gambar 4. 13 Halaman Admin – Gambar 4. 16 Halaman Admin-

Mengelola Data Customer Menghapus Data Customer

Gambar 4. 14 Halaman Admin - Gambar 4. 17 Halaman

Menambah Data Customer Admin – Mengelola Barang

11
Gambar 4. 18 Halaman Admin – Gambar 4. 21 Halaman Admin
Menambah Data Barang - Mengubah Data Barang

Gambar 4. 19 Halaman Admin – Gambar 4. 22 Halaman Admin-

Mengelola Data Barang Mengelola Data Pekerjaan

Gambar 4. 20 Halaman Admin - Gambar 4. 23 Halaman Admin

Mengubah Data Barang – Menambah Data Pekerjaan

12
Gambar 4. 24 Halaman Admin - Gambar 4. 27 Halaman
Melihat Rekap Pekerjaan Admin – Melihat Laporan

Gambar 4. 25 Halaman Admin Gambar 4. 28 Halaman

- Mengubah Data Pekerjaan Admin – Cetak Laporan

4.5.2 Halaman Teknisi

Pada halaman aplikasi untuk teknisi,
teknisi dapat memilih beberapa menu
seperti:

1. Home

2. Melihat Pekerjaan

3. Membuat Laporan

4. Logout
Gambar 4. 26 Halaman Admin-
Menghapus Data Pekerjaan

13
 Gambar 4. 29 Halaman Awal Gambar 4. 32 Halaman
Aplikasi Untuk Teknisi Teknisi – Membuat Laporan

4.5.3 Halaman Direktur

Pada halaman aplikasi untuk
direktur, direktur dapat memilih
beberapa menu seperti:

1. Home

2. Melihat Laporan

3. Logout

Gambar 4. 30 Halaman Teknisi –

Melihat Data Pekerjaan

Gambar 4. 33 Halaman Awal

Aplikasi Untuk Direktur

Gambar 4. 31 Halaman Cetak

Pekerjaan

14
 data kerja teknisi pada PT.
Komponen Industri dan
Teknologi.
2. Dengan adanya aplikasi ini
pencatatan laporan kerja
teknisi yang asalnya 15 menit
menjadi 5 menit.
3. Dengan adanya aplikasi ini
penyampaian laporan kerja
Gambar 4. 34 Halaman teknisi jadi lebih cepat kepada
Direktur – Melihat Laporan direktur.
4. Dengan adanya aplikasi ini
proses penyimpanan data
kerja teknisi menjadi lebih
terstruktur dengan baik pada
database aplikasi.

5.2 Saran

Gambar 4. 35 Halaman Cetak Dalam pembuatan aplikasi pengolah

Laporan data kerja teknisi berbasis web studi

kasus PT. Komponen Industri Dan
5.1 Kesimpulan
Teknologi ini masih banyak hal yang
Kesimpulan dari skripsi yang dapat dikembangkan, seperti:
berjudul : “Membangun Aplikasi
1. Pembuatan aplikasi ini tidak
Pengolah Data Kerja Teknisi berbasis
menggunakan Framework
WEB Studi Kasus Di PT. Komponen
PHP sehingga pada
Industri dan Teknologi” adalah
pembuatannya memerlukan
sebagai berikut:
banyak list program.
1. Aplikasi pengolah data kerja 2. Aplikasi ini dapat
teknisi berbasi web ini dapat dikembangkan lebih jauh,
membantu dalam pengolahan sehingga informasi yang

15
 disajikan dapat lebih jelas,
lebih lengkap, serta lebih
banyak, agar dapat menjadi
suatu aplikasi yang dapat
menyajikan informasi secara
lengkap.
Demikian saran yang penulis
berikan, semoga saran tersebut bisa
dijadikan sebagai bahan masukan
yang bermanfaat bagi penulis
khususnya dan umumnya bagi PT.
Komponen Industri dan Teknologi di
kemudian hari.
Daftar Pustaka
A.S, R., & Salahuddin, M. (2013).
Rekayasa Perangkat Lunak
Terstruktur dan Berorientasi Objek.
Bandung: Informatika.
B, I. Y. (2014). Aplikasi Pengolahan
Citra Berbasis Web
Menggunakan Javascript Dan
Jquery. Jurnal Teknik Vol. 3
No. 3 ISSN 2088 – 3676, 2.
Barri, M. W., Lumenta, A. S., &
Wowor, A. (2015).
Perancangan Aplikasi Sms
Gateway Untuk Pembuatan
Kartu Perpustakaan Di
Fakultas Teknik Unsrat. E-
journal Teknik Elektro dan
Komputer, ISSN : 2301-8402,
25.
Barry. (2009). Kamus Komputer dan
teknologi Informasi.
Bandung: Informatika.
16
Christioko, B. V., & Wiyanti, D. T.
(2015). Aplikasi Pengelolaan
Data Kerja Praktek
Mahasiswa (Studi Kasus:
Fakultas Teknologi Informasi
Dan Komunikasi Universitas
Semarang. Jurnal
Transformatika, Volume 13,
No. 1.
Faridl, M. (2015). Fitur Dahsyat
Sublime Text 3. Surabaya:
STIMKOM Surabaya.
Fathansyah. (2012). Basis Data.
Bandung: Informatika.
Hanifah, R. (2015, Desember 8). Apa
itu Balsamiq Mockup.
Dipetik November 27, 2017,
dari PrakerinUBig.co.id:
https://prakerinmalang.wordp
ress.com/2015/12/08/apa-itu-
balsamiq-mockup/
Harison, & Syarif, A. (2016). Sistem
Informasi Geografis Sarana
Pada Kabupaten Pasaman
Barat. Jurnal TEKNOIF Vol.
4 No. 2 ISSN: 2338-2724, 42.
Herawati, S., & Agustiono, W.
(2009). Buku Ajar IMK.
Bangkalan: Universitas
Gunadarma.
Mauluddin, A. (2011). Aplikasi
WEB Browser Menggunakan
Metode URL ( Universal
Resource Locator ) Pada
Sistem Operasi Windows.
Jurnal INFORMASI Vol.4
No.2 (5), 42-43.
Nuryasin. (2016). Aplikasi Sistem
Informasi Pendaftaran
Wisuda Berbasis Online
Studi Kasus Fst Uin Syarif
 Hidayatullah Jakarta. Studia Rokhman, M. M., Wibowo, S. A.,
Informatika: Jurnal Sistem Pranoto, Y. A., & Widodo, K.
Informasi, 100-102. A. (2018). Pelatihan
Pemanfaatan Microsoft
Pangkerego, A. T., & Pungus, S. R.
Office Pada Staf Pengajar Di
(2016). Peramcangan
Smplbn (Sekolah Menengah
Aplikasi Laporan Kegiatan
Pertama Luar Biasa Negeri)
Berbasis WEB Pada BPJN XI
Kota Malang. Jurnal
Satker Wilayah II Sulawesi
MNEMONIC, 6.
Utara.
Sari, I. P., & Saputra, E. H. (2014).
Puspitasari, D., Rahmad, C., &
SISTEM INFORMASI
Astiningrum, M. (2016).
RAPORT BERBASIS WEB
Normalisasi Tabel Pada
DI SMP N 4
Basisdata Relasional.
TEMANGGUNG. Jurnal
Prosiding SENTIA, A-341 -
Ilmiah DASI Vol. 15 No. 02
A-342.
Juni 2014, 25.
Raharjo, B. (2015). Mudah Belajar
Septiawan, T. (2010). Aplikasi
PHP Teknik penggunaan
Pengolahan Data Kerja
fitur-fitur baru dalam PHP 5.
Teknisi Pada PT. Gentraco
Bandung: INFORMATIKA.
Buana Utama Menggunakan
Rahmayu, M. (2016). Rancang Pemograman Borland Delphi
Bangun Sistem Informasi 7.0 Dan SQL Server 2008. 2.
Pada Rumah Sakit Dengan
Sergian, C., Fariza, A., &
Layanan Intranet
Setiawardhana. (t.thn.).
Menggunakan Metode
Sistem Informasi Manajemen
Waterfall. Jurnal Evolusi
Kepegaian dan Laporan Kerja
Volume 4 Nomor 2, 34-36.
Berbasis WEB ( Studi Kasus:
Rice, N., & Subandri, M. A. (2015). Rumah Sakit Islam Surabaya
Rancangan Bangun E-Jurnal ).
Badan Penelitian Dan
Syafii, M. (2005). Panduan
Pengembangan Provinsi
Membuat Aplikasi Database
Riau. Jurnal Sains, Teknologi
dengan PHP 5. Yogyakarta:
dan Industri, Vol 13, 34.
Andi.
Riyadi, A. S., Retnandi, E., &
Zakir, A. (2016). Rancang Bangun
Deddy, A. (2012).
Responsive Web Layout
Perancangan sistem
Dengan Menggunakan
Informasi Berbasis Website
Bootstrap Framework. Jurnal
Subsistem Suru Di Sekolah
Nasional Informatika dan
Pesantren Persatuan Islam 99
Teknologi Jaringan, e-ISSN :
Rancabango. Jurnal
2540-7600, p-ISSN : 2540-
Algoritma, 3.
7597, 7-8.

17