15
91 Jurnal Syntax Admiration Vol. 1 No. 2 Juni 2020 p-ISSN : 2722-7782 e-ISSN : 2722-5356 Sosial Teknik SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS WEBSITE PADA PT. POSITIVE MANAGEMENT CONSULTING JAKARTA Setiaji, Sita Anggraeni Dan Saptono Santoso Universitas Bina Sarana Informatika Email: [email protected], [email protected] dan [email protected] INFO ARTIKEL ABSTRAK Diterima 22 Mei 2020 Diterima dalam bentuk revisi 05 Juni 2020 Diterima dalam bentuk revisi Pada era globalisasi sekarang ini, teknologi informasi yang semakin maju. PT. Positive Management Consulting sangat membutuhkan aplikasi yang dapat membantu manajemen melakukan kontrol terhadap proyek-proyek yang dikerjakan. Keakuratan dan kecepatan dalam pengolahan data sebagai sumber informasi sangat dibutuhkan dimasa akan datang. Penelitian ini bertujuan untuk menganalisis efektivitas penerapan aplikasi manajemen proyek dalam rangka membantu perusahaan dalam menyajikan informasi mengenai proyek yang sedang dikerjakan ataupun informasi petugas dan klien. Metode yang digunakan adalah metode waterfall mengingat sistem yang masih menggunakan alat pengolahan data yang sederhana seperti microsoft excel, mulai dari pencatatan data, penyimpanan data sampai dengan pembuatan laporan. Sehingga memungkinkan terjadinya kesalahan dalam pencatatan serta kurang akuratnya laporan yang dibuat. Pembuatan aplikasi berbasis website pemrogramannya menggunakan HTML dan PHP dengan MySQL digunakan sebagai database servernya. Hasil dari analisis ini yaitu menyatakan bahwa aplikasi ini merupakan solusi yang terbaik untuk mengatasi permasalahan- permasalahan yang ada pada PT. Positive Management Consulting, seperti pencatatan data-data proyek dan penyimpanan dokumen-dokumen proyek yang terpusat. Selain itu juga memudahkan staf dalam mengolah data- data proyek agar tercapainya suatu kegiatan yang efektif dan efisien dalam menunjang aktifitas proyek. Kata kunci: Website, manajemen dan aplikasi proyek Pendahuluan Perkembangan teknologi komputer semakin modern, cepat dan praktis sangat mempengaruhi kehidupan masyarakat luas. IT (teknologi informasi)s endiri telah bergerak maju seiring melesatnya globalisasi. Dengan adanya hal tersebut, penyebaran informasi dan data di dunia pun makin cepat. Pengaruh globalisasi ini sendiri mampu memberi efekpositif dan negatif, tergantung bagaimana individu

SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

  • Upload
    others

  • View
    14

  • Download
    0

Embed Size (px)

Citation preview

Page 1: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

91

Jurnal Syntax Admiration Vol. 1 No. 2 Juni 2020

p-ISSN : 2722-7782 e-ISSN : 2722-5356 Sosial Teknik

SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS WEBSITE

PADA PT. POSITIVE MANAGEMENT CONSULTING JAKARTA

Setiaji, Sita Anggraeni Dan Saptono Santoso

Universitas Bina Sarana Informatika

Email: [email protected], [email protected] dan [email protected]

INFO ARTIKEL ABSTRAK

Diterima

22 Mei 2020

Diterima dalam bentuk revisi

05 Juni 2020

Diterima dalam bentuk revisi

Pada era globalisasi sekarang ini, teknologi informasi

yang semakin maju. PT. Positive Management

Consulting sangat membutuhkan aplikasi yang dapat

membantu manajemen melakukan kontrol terhadap

proyek-proyek yang dikerjakan. Keakuratan dan

kecepatan dalam pengolahan data sebagai sumber

informasi sangat dibutuhkan dimasa akan datang.

Penelitian ini bertujuan untuk menganalisis efektivitas

penerapan aplikasi manajemen proyek dalam rangka

membantu perusahaan dalam menyajikan informasi

mengenai proyek yang sedang dikerjakan ataupun

informasi petugas dan klien. Metode yang digunakan

adalah metode waterfall mengingat sistem yang masih

menggunakan alat pengolahan data yang sederhana

seperti microsoft excel, mulai dari pencatatan data,

penyimpanan data sampai dengan pembuatan laporan.

Sehingga memungkinkan terjadinya kesalahan dalam

pencatatan serta kurang akuratnya laporan yang dibuat.

Pembuatan aplikasi berbasis website pemrogramannya

menggunakan HTML dan PHP dengan MySQL

digunakan sebagai database servernya. Hasil dari analisis

ini yaitu menyatakan bahwa aplikasi ini merupakan

solusi yang terbaik untuk mengatasi permasalahan-

permasalahan yang ada pada PT. Positive Management

Consulting, seperti pencatatan data-data proyek dan

penyimpanan dokumen-dokumen proyek yang terpusat.

Selain itu juga memudahkan staf dalam mengolah data-

data proyek agar tercapainya suatu kegiatan yang efektif

dan efisien dalam menunjang aktifitas proyek.

Kata kunci:

Website, manajemen dan

aplikasi proyek

Pendahuluan

Perkembangan teknologi komputer semakin modern, cepat dan praktis sangat

mempengaruhi kehidupan masyarakat luas. IT (teknologi informasi)s endiri telah

bergerak maju seiring melesatnya globalisasi. Dengan adanya hal tersebut,

penyebaran informasi dan data di dunia pun makin cepat. Pengaruh globalisasi ini

sendiri mampu memberi efekpositif dan negatif, tergantung bagaimana individu

Page 2: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

92 Syntax Admiration: Vol. 1, No. 2, Juni 2020

menyikapinya (Kholik, 2017). Kecepatan dan keakuratan informasi yang biasanya

memerlukan waktu yang lama, kini hanya dalam hitungan detik informasi tersebut

sudah dapat kita terima. Dalam perkembangan dunia teknologi saat ini aplikasi

perkantoran atau e-office sangat dibutuhkan. Tuntutan bisnis yang semakin meninggi,

relasi antar orang yang tidak mengenal batas, ruang dan waktu meminta semua orang

tidak lepas dari teknologi informasi dan komunikasi. Dengan adanya kebutuhan

informasi yang tak terbatas dan juga didukung oleh kemampuan komputer yang

semakin canggih maka terciptalah pengetahuan yang disebut situs Web (website) yang

dioperasikan menggunakan suatu jaringan komputer global atau lebih dikenal dengan

nama internet Di samping untuk memudahkan pengambilan dan penyuduran

dokumen, website juga digunakan sebagai media publikasi. Melalui website

sebuah intitusi dapat memberi pengumuman, bahkan tindak lanjut dari pengumuman

itu sendiri (Kuswantoro, 2017).

Adapun masalah-masalah yang ditemukan dari hasil wawancara dengan staff yang

mencari lelang, staff accounting, direktur utama dan komisaris PT. Positive

Management Consulting yang berkaitan dengan sistem yang diteliti adalah

Penyimpanan data proyek berupa folder dan file excel sehingga sulit dalam pencarian

data proyek yang mencakup data pelaksanaan proyek, data pegawai, dan data

pelanggan, kurang efektifnya proses pengolahan data proyek karena adanya kesulitan

untuk melakukan pengecekan data pelanggan dan pelaksanaan proyek. Kesulitan

memperoleh dokumen – dokumen pegawai pada saat ingin mengikuti proses lelang.

Kesulitan saat menghitung antara keuntungan dan pengeluaran proyek.

Melihat kenyataan tersebut sudah selayaknya dilakukan perbaikan-perbaikan

dalam hal penyimpanan arsip, pengintegrasian data-data dengan menggunakan

penggolahan berbasis database dan pembuatan aplikasi yang dapat mempermudah dan

menunjang keberhasilan perusahaan . Berdasarkan uraian diatas maka penulis

memberikan solusi yang sesuai dengan kebutuhan dalam pengolahan data proyek

tersebut dengan melakukan pembangunan aplikasi manajamen data proyek dan

menerapkannya dalam perusahaan .

Metode Penelitian

1. OOP (Object Oriented Programming)

OOP (Object Oriented Programming) adalah metode pemrograman dengan

menggunakan konsep objek untuk memudahkan programmer dengan menerapkan

konsep objek yang ada pada kehidupan sehari-hari dalam pemograman web,

(Abdulloh, 2018) maksudnya bahwa orientasi pembuatan program tidak lagi

menggunakan orientasi linear melainkan berorientasi pada objek-objek yang

terpisah-pisah. Suatu perintah dalam bahasa ini diwakili oleh sebuah obyek yang

didalamnya berisi beberapa perintah-perintah standar sederhana. Obyek ini

dikumpulkan dalam modul form atau report atau modul lain dan disusun didalam

sebuah project. Gambaran tentang pemrograman ini seperti dibawah ini

Page 3: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 93

Gambar 1. Struktur Object Oriented Programming

2. Java Script

Menurut (Ahluwalia, M. S., Approach, I. A. G., Anand, N., Arora, R. U.,

Articles, S., Basu, 2016) “JavaScript adalah bahasa yang berbentuk kumpulan skrip

berjalan pada suatu dokumen HTML.” Bahasa ini adalah bahasa pemrograman untuk

memberikan kemampuan tambahan terhadap HTML dengan mengizinkan

pengeksekusian perintah-perintah disisi user variabel atau fungsi dengan nama TEST

berbeda dengan variabel dengan nama test dan setiap instruksi diakhiri dengan

artinya disisi browser bukan disisi server web. JavaScript adalah bahasa yang case

sensitive artinya membedakan penamaan variabel dan fungsi yang menggunakan

huruf besar dan huruf kecil, contoh karakter titik koma.

3. Model SDLC (Software Development Life Cicle)

Menurut (Rosa A. S & M. Shalahuddin, 2015) SDLC atau Software

Development Life Cycle atau sering disebut System Development Life Cycle adalah

“Proses mengembangkan atau mengubah suatu sistem perangkat lunak dengan

menggunakan model-model dan metodologi yang digunakan orang untuk

mengembangkan sistem-sitem perangkat lunak sebelumnya (berdasarkan best

practice atau cara-cara yang sudah teruji baik).” Seperti halnya metamorphosis pada

kup-kupu, untuk menjadi kupu-kupu yang indah maka dibutuhkan beberapa tahap

untuk dilalui, sama halnya dengan membuat perangkat lunak, memiliki daur tahapan

yang dilalui agar menghasilkan perangkat lunak yang berkualitas.

Gambar 2. Siklus Pengembangan Sistem

Page 4: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

94 Syntax Admiration: Vol. 1, No. 2, Juni 2020

Dalam proses ini pengumpulan data proyek dilakukan oleh admin proyek, data

proyek yang dikumpulkan adalah data proyek yang telah didaftarkan pada LPSE

ataupun penunjukan langsung dari pelanggan, nilai proyek, waktu pelaksanaan

proyek, pegawai atau tenaga ahli proyek.

Kemudian data proyek tersebut diolah kedalam arsip data proyek dan arsip

laporan proyek. Kemudian arsip data proyek dan arsip laporan proyek yang telah

diinput, dicetak untuk dilaporkan pada manager.

Kemudian arsip data proyek dan arsip laporan proyek yang telah diverifikasi

oleh manager diserahkan kepada direktur utama, setelah diacc direktur utama

kemudian direktur utama menyerahkan data proyek dan laporan proyek kepada

dewan komisaris pada saat RUPS. Kemudian dikembalikan kepada admin proyek

dan rekapan arsip proyek akan disimpan dalam file holder.

Hasil dan Pembahasan

A. Proses Bisnis Sistem

Dalam proses ini pengumpulan data proyek dilakukan oleh admin proyek, data

proyek yang dikumpulkan adalah data proyek yang telah didaftarkan pada LPSE

ataupun penunjukan langsung dari pelanggan, nilai proyek, waktu pelaksanaan

proyek, pegawai atau tenaga ahli proyek.

Kemudian data proyek tersebut diolah kedalam arsip data proyek dan arsip

laporan proyek. Kemudian arsip data proyek dan arsip laporan proyek yang telah

diinput, dicetak untuk dilaporkan pada manager.

Kemudian arsip data proyek dan arsip laporan proyek yang telah diverifikasi

oleh manager diserahkan kepada direktur utama, setelah diacc direktur utama

kemudian direktur utama menyerahkan data proyek dan laporan proyek kepada

dewan komisaris pada saat RUPS. Kemudian dikembalikan kepada admin proyek

dan rekapan arsip proyek akan disimpan dalam file holder.

act Activity Diagram Proses Pengolahan Data Proyek

Admin Proyek Manager Direktur Utama Komisaris

Start

mengumpulkan data proyek

menginput data proyek kedalam daftar proyek

cetak data proyek

memberikan data & laporan proyek

menerima data & laporan proyek

memverifikasi data & laporan proyek

meng-copy data & laporan proyek yang

sudah diverifikasi

menerima data & laporan proyek yang

sudah diverifikasi

menyetujui data & laporan proyek yang

sudah diverifikasi

memberikan data & laporan proyek yang

sudah disetujui

menerima data & laporan proyek yang

sudah disetujui

Menerima data & laporan proyek yang

sudah diverifikasi

memberikan data & laporan proyek yang

sudah diverifikasi

Mengarsipkan data & laporan proyek

End

Gambar 2. Activity Diagram Sistem Berjalan

Page 5: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 95

1. Use Case Diagram

a) Use Case Diagram Halaman Pegawai

Pegawai

Kelola Pegawai

Kelola Pendidikan Pegawai

Kelola Dokumen Pegawai

Login

<<include>>

<<include>>

Ubah Data

<<extend>>

Logout

<<extend>>Kelola Pengalaman Pegawai

<<include>>

Dashboard

Gambar 3. Use Case Diagram Halaman Pegawai

1. Use Case Diagram Halaman Staf Proyek

Staff Proyek

Kelola Proyek

Kelola Status Proyek

Kelola Dokumen Proyek

Kelola Pegawai Proyek

Ubah dataLogin

<<include>>

<<include>>

<<include>>

<<extend>>

Logout

<<extend>>

Dashboard

Gambar 4. Use Case Diagram Halaman Staf Proyek

Page 6: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

96 Syntax Admiration: Vol. 1, No. 2, Juni 2020

2. Use Case Diagram Halaman Manager

Manager

Kelola RAB Internal

Kelola RAB Penawaran

Kelola Realilasi Anggaran

Login<<include>>

<<include>>

Logout

<<extend>>

Kelola Penjadwalan Kerja

<<include>>

<<include>>

Dashboard

Ubah data

<<extend>>

Data Proyek

Gambar 5. Use Case Diagram Halaman Manager

3. Use Case Diagram Halaman Pimpinan

Pimpinan

Kelola Laporan

Login

Logout

<<extend>>

<<include>>

Cetak Laporan

<<extend>>

Dashboard

Tampil data

statistik proyek

<<extend>>

Data Proyek

Gambar 6. Use Case Diagram Halaman Pimpinan

Page 7: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 97

a. Activity Diagram

1. Activity Diagram User Login

USER SISTEM DATABASE

Start

Masuk Halaman Login Tampil Halaman Login

Masukan Username & Password

Info akun tidak valid Gagal Cek validasi akun

Halaman Beranda Berhasil

Selesai

Data Master

Data Pegawai

Data Proyek

user

provinsi

kabupaten/kota

Gambar 7. Activity Diagram User Login

Page 8: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

98 Syntax Admiration: Vol. 1, No. 2, Juni 2020

2. Activity Diagram Mengelola Data RAB Penawaran Proyek

DATABASESISTEMUSER

Tampil Form Lihat

Proyek

Klik Tombol RAB

Penawaran

MULAI

Tampil Data RAB

Penawaran

Klik Tombol Tambah

RAB lainnya

Tampil Form

Tambah Data

Input Data RAB

Internal

Klik Tombol

Simpan

Peringatan lengkapi

data

GAGAL

Pilih Data

Tampil Form Edit

Data

Ubah Data

Klik Tombol

Simpan

Pemberitahuan

Berhasil

Klik Tombol Edit

Data

BERHASIL

SELESAI

BERHASIL

Peringatan lengkapi

dataGAGAL

Klik Tombol Hapus konfirmasi cancel/ok

ok

cancel

BERHASIL

GAGAL

konfirmasi cancel/ok

ok

cancel

konfirmasi cancel/ok

ok

cancel

Klik Tombol

Tambah RAB

lainnya

Tampil Form

Tambah Data

Input Data RAB

Penawaran

Klik Tombol

Simpan

Peringatan lengkapi

data

GAGAL

konfirmasi cancel/ok

ok

cancel

BERHASIL

Klik Tombol batal

Klik Tombol batal

Klik Tombol batal

Cek

Validasi

Cek

Validasi

Cek

Validasi

Gambar 8. Activity Diagram Mengelola Data RAB Penawaran Proyek

Page 9: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 99

3. Activity Diagram Mengelola Data Realisasi Proyek

DATABASESISTEMUSER

Tampil Form Lihat

Proyek

Klik Tombol RAB

Penawaran

MULAI

Tampil Data RAB

Penawaran

Klik Tombol Tambah

RAB lainnya

Tampil Form

Tambah Data

Input Data RAB

Internal

Klik Tombol

Simpan

Peringatan lengkapi

data

GAGAL

Pilih Data

Tampil Form Edit

Data

Ubah Data

Klik Tombol

Simpan

Pemberitahuan

Berhasil

Klik Tombol Edit

Data

BERHASIL

SELESAI

BERHASIL

Peringatan lengkapi

dataGAGAL

Klik Tombol Hapus konfirmasi cancel/ok

ok

cancel

BERHASIL

GAGAL

konfirmasi cancel/ok

ok

cancel

konfirmasi cancel/ok

ok

cancel

Klik Tombol

Tambah RAB

lainnya

Tampil Form

Tambah Data

Input Data RAB

Penawaran

Klik Tombol

Simpan

Peringatan lengkapi

data

GAGAL

konfirmasi cancel/ok

ok

cancel

BERHASIL

Klik Tombol batal

Klik Tombol batal

Klik Tombol batal

Cek

Validasi

Cek

Validasi

Cek

Validasi

Gambar 9. Activity Diagram Mengelola Data Realisasi Proyek

Page 10: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

100 Syntax Admiration: Vol. 1, No. 2, Juni 2020

4. Activity Diagram Mengelola Data Laporan Proyek

USER SISTEM DATABASE

Klik Menu Proyek Baca Data Proyek

Tampil Data Proyek

Pilih Status Proyek

Klik Tombol Cetak

Laporan ExcelBaca Data Laporan

MULAI

Form Menu

SELESAI

Download Data

Laporan

Gambar 10. Activity Diagram Mengelola Data Laporan Proyek

b. Desain

1. Database

a. Entity Relationship Diagram

m_proyek

id_proyek

nama_proyek

kode_lelang

tahun_proyek

nilai_hps

isactive

m_pegawai

id_pegawai

gelar_pendidikan

nama_pegawaikode_pegawai

no_hp

isactive

m_proyek_pegawai

id_proyekpegawai

isleader

jabatan

uraian_tugas

id_proyek

id_pegawai

memilikimemiliki

m_dokumen_proyek

id_dokproyek

nama_dok

id_proyek

folder

tipe_dok

isactive

memiliki

t_status_proyek

id_status

id_proyekid_status

memiliki

memiliki

t_jadwalpegawai_proyek

id_jadwal

id_pegawai

id_proyek

date_start

date_end

memiliki

t_rab_proyek

id_rab

qty

id_proyek total

satuan

id_pegawai biaya

memiliki

t_rab_proyek_penawaran

id_rabtawar

qty

id_proyek total

satuan

id_pegawai biayamemiliki

memiliki

t_realisasi_proyek

id_realisasi

id_rabtawar total

biaya

memilikimemiliki

m_pendidikan_pegawai

id_pendidikan

id_pendidikan

id_pegawai

jurusan

lembaga_pendidikan

jurusan

memiliki

m_dokumenpegawai

id_dokumenpeg

id_pendidikan_pegawai

id_pegawai

nama_dok

folder

tipe_dok

memiliki

m_pengalaman_pegawai

id_pengalaman

nama_proyek

id_pegawai

tahun_proyek

posisi_penugasan

surat_referensi

memiliki

memiliki

1

M

1

MM

1

M

1

1

M

M

1

1

1

1

1 M

M1

11

1

1

1

11

M

1

1

1

Gambar 11. Entity Relational Diagram

Page 11: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 101

b. Logical Relational Structure (LRS)

m_pegawai

Id_Pegawai(PK)kode_pegawainama_pegawaialamatgelar_pendidikan

no_hp

m_dokumenpegawai

id_pegawai(FK)id_pendidikan_pegawainama_doktipedok

folder

m_pendidikan_pegawai

id_pegawai(FK)Id_pendidikanjurusan

lembaga_pendidikan

m_pengalaman_pegawai

id_pegawai(FK)nama_proyektahun_proyekposisi_penugasan

surat_referensi

m_proyek

Id_proyek(FK)kode_lelangnama_proyek

tahun_proyek

nilai_hpscreatedby

m_proyekpegawai

id_pegawai(FK)Id_proyek(FK)jabatanuraian_tugas

isleader

m_dokumen_proyek

id_proyek(PK)nama_doktipedok

folder

t_status_proyek

id_proyek(FK)id_status

isactive

t_jadwalpegawai_proyek

id_proyek(FK)id_pegawai(FK)date_start

date_endt_rab_proyek

id_proyek(FK)id_pegawai(FK)satuanqtytotal

biaya

t_rab_proyek_penawaran

Id_rabtawar(FK)id_proyek(FK)id_pegawai(FK)satuanqtytotal

biaya

t_realisasi_proyek

id_rabtawar(FK)total

biaya

id_pegawai id_pegawai

id_pegawai

id_pegawai

id_pegawai

id_proyek

id_proyek

id_proyek

id_proyek

id_proyekid_proyek

id_pegawai

id_proyekid_pegawai

id_rabtawar

Gambar 12. Logical Relational Structure

c. Class Diagram

Class Pegawai

- id : integer

+ insert()

- kode_pegawai : string- nama_pegawai : string

- gelar_pendidkan : string- no_hp : string

- alamat : string

+ update()+ delete ()+ view()

Class Dokumenpegawai

- id : integer

+ insert()

- id_pegawai : integer- id_pendidikan_pegawai : integer

- tipe_dok : string- folder : string

- nama_dok : string

+ update()+ delete ()+ view()

Class Pendidikan_pegawai

- id : integer

+ insert()

- id_pegawai : integer- id_pendidikan : integer

- lembaga_pendidikan : string- jurusan : string

+ update()+ delete ()+ view()

Class Pengalaman_pegawai

- id : integer

+ insert()

- id_pegawai : integer- nama_proyek : string

- posisi_penugasan : string- surat_referensi : string

- tahun_proyek : string

+ update()+ delete ()+ view()

Class Proyek

- id : integer

+ insert()

- kode_lelang : string- nama_proyek : string

- nilai_hps : string- createdby : integer

- tahun_proyek : string

+ update()+ delete ()+ view()

Class Proyek_pegawai

- id : integer

+ insert()

- id_pegawai : integer- id_proyek : integer

- uraian_tugas : string- isleader : integer

- jabatan : string

+ update()+ delete ()+ view()

Class Status_proyek

- id : integer

+ insert()

- id_proyek : integer

- isactive : integer- id_status : integer

+ update()+ delete ()+ view()

Class Dokumen_proyek

- id : integer

+ insert()

- id_proyek : integer

- folder : string

- nama_dok : string

+ update()+ delete ()+ view()

- tipe_dok : string

Class Jadwalpegawai_proyek

- id : integer

+ insert()

- id_pegawai : integer- id_proyek : integer

- date_end : date- date_start : date

+ update()+ delete ()+ view()

Class Rab_proyek

- id : integer

+ insert()

- id_proyek : integer

- qty : integer- satuan : integer

+ update()+ delete ()+ view()

- id_pegawai : integer

- total : integer- biaya : integer

Class Rab_proyek_penawaran

- id : integer

+ insert()

- id_proyek : integer

- qty : integer- satuan : integer

+ update()+ delete ()+ view()

- id_pegawai : integer

- total : integer- biaya : integer

Class Realisasi_proyek

- id : integer

+ insert()

- id_rabtawar : integer

- biaya : integer- total : integer

+ update()+ delete ()+ view()

1M

1M

1M

1

M

1

M

1 M

1

M

1

1

1

1

1

1

1 1

1

1

M

1

1

1

1

1

Gambar 13. Class Diagram

Page 12: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

102 Syntax Admiration: Vol. 1, No. 2, Juni 2020

d. Sequence Diagram

1. Sequence Diagram Login User

User

Login

Login Controller Service User Halaman

1. InputUserLogin()

2. Login()

3. CheckData()

3. RequestDataUser()

4. ReciveDataUser()

5. GetDataUser()

7. Validation()

8. CheckData()

Gambar 14. Sequence Diagram Login User

2. Sequence Diagram Mengelola Data Pegawai Halaman Pegawai

Admin

Pegawai

Tampil Data Pegawai

Daftar

PegawaiController Service Pegawai

1.Open()

8. Klik Tambah()

2. Load Data

3. SendDataPegawai()

3. CheckDataPegawai()4. RequestDataPegawai()

5. ReciveDataPegawai()

6. CheckDataPegawai()

7. GetDataPegawai()

Tambah Data Pegawai

9. Tampilan Form Add()

10. Input Data Pegawai()

Form

Pegawai

11. Klik Simpan()

12. Validasi()

13. Tambah Data()

14. Check Data()

15. Insert Data()

16. Notification()

Edit Data Pegawai

17. Klik Edit()18. Load Data()

19. SendDataPegawai()

19. CheckDataPegawai()

19. RequestDataPegawai()

20. ReceiveDataPegawai()

21. CheckDataPegawai()

21. GetDataPegawai()22. Edit Data Pegawai()

23. Klik Simpan()

23. Validasi()

24. Edit Data()

25. Check Data()

26. Update Data()

27. Notification()

Delete Data Pegawai

28. Klik Delete()29. Modal Alert()

30. SendRequestPegawai()

31. Check Data()

32. Update Data()

33. Notification()

22. Edit Data Pegawai()

Gambar 15. Sequence Diagram Mengelola Data Pegawai Halaman Pegawai

Page 13: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 103

3. Sequence Diagram Mengelola Data Realisasi Anggaran Proyek Halaman

Manager

Admin

Proyek

Daftar

ProyekController Service ProyekForm Proyek

Tampil Data Realisasi

1. Klik Edit()2. Load Data()

3. SendDataRealisasi()

4. CheckDataRealisasi()

5. RequestDataRealisasi()

6. ReceiveDataRealisasi()

7. CheckDataRealisasi()

8. GetDataRealisasi()

Realisasi

9. Klik RAB Penawaran()

10. Tampil Grid RAB Penawaran()

Tambah Data Realisasi

11. Klik Tambah()

12. Tampilan Form Add()

13. Input Data Realisasi()

14. Klik Simpan()

15. Validasi()

16. Tambah Data()

17. Check Data()

15. Insert Data()

18. Notification()

Edit Data Realisasi

20. Load Data()

21. SendDataRealisasi()22. CheckDataRealisasi()

23. RequestDataRealisasi()

24. ReceiveDataRealisasi()

25. CheckDataRealisasi()

26. GetDataRealisasi()27. Edit Data Realisasi()

28. Klik Simpan()

30. Validasi()

31. Edit Data()

32. Check Data()

33. Update Data()

34. Notification()

19. Edit DataRealisasi()

Delete Data Realisasi

35. Klik Delete()36. Modal Alert()

37. SendRequestRealisasi()

38. Check Data()

39. Update Data()

40. Notification()

Daftar Realisasi Form Realisasi

Gambar 16. Sequence Diagram Mengelola Data Realisasi Anggaran Proyek

Halaman Manager

1. User Interface Menu Login User

Gambar 17. User Interface Menu Login User

2. User Interface Menu Beranda User

Gambar 18. User Interface Menu Beranda User

Page 14: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Setiaji, Sita Anggraeni Dan Saptono Santoso

104 Syntax Admiration: Vol. 1, No. 2, Juni 2020

3. User Interface Menu Data RAB Penawaran Proyek Halaman Manager

Gambar 19. User Interface Menu Data RAB Penawaran Proyek Halaman Manager

4. User Interface Menu Data Realisasi Anggaran Proyek Halaman Manager

Gambar 20. User Interface Menu Data Realisasi Anggaran Proyek Halaman

Manager

Kesimpulan

Berdasarkan hasil pengamatan dan analisa perancangan sistem yang telah dilakukan,

maka dapat diambil beberapa kesimpulan yaitu:

1. Dapat membantu menyajikan informasi pengolahan data proyek dan data pegawai

proyek yang akurat dan relevan.

2. Dapat menghemat waktu untuk pencatatan data proyek, pegawai proyek dan

anggaran biaya serta realisasi anggaran proyek akan lebih mudah untuk

menginformasikanya.

3. Para pimpinan menerima laporan data proyek dan biaya proyek tepat waktu.

4. Tampilan data proyek disamakan dengan data pegawai proyek dan laporan proyek

yang ada agar dapat dengan mudah dimengerti oleh pemakai.

Page 15: SISTEM INFORMASI PENGOLAHAN DATA PROYEK BERBASIS … · 1. OOP (Object Oriented Programming) OOP (Object Oriented Programming) adalah metode pemrograman dengan menggunakan konsep

Sistem Informasi Pengolahan Data Proyek Berbasis Website

Syntax Admiration: Vol. 1, No. 2, Juni 2020 105

5. Meningkatkan kinerja dalam rangka melakukan pelayanan dan penyelesaian tugas

dengan baik.

6. Sistem yang baru ini akan memudahkan staff dan pimpinan dalam mengolah data

proyek dan laporan proyek sesuai dengan kebutuhan manajemen yang diterapkan

oleh PT. Positive Management Consulting.

BIBLIOGRAFI

Abdulloh, R. (2018). 7 in 1 Pemrograman Web Untuk Pemula. Elex Media

Komputindo.

Ahluwalia, M. S., Approach, I. A. G., Anand, N., Arora, R. U., Articles, S., Basu, K.

(2016). Rancang Bangun E – Voting Berbasis Website Di Universitas Negeri

Surabaya.

Kholik, A. (2017). Penguatan Motivasi Belajar Siswa Pada Mata Pelajaran Aqidah

Akhlak Melalui Pembelajaran Berbasis Website. Syntax Literate; Jurnal Ilmiah

Indonesia, 2(1), 63–68.

Kuswantoro, T. (2017). Pengembangan Sistem Informasi Akademik Pada Amik Bumi

Nusantara Berbasis Web. Syntax Literate; Jurnal Ilmiah Indonesia, 2(12), 123–

136.

Rosa A. S & M. Shalahuddin. (2015). Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Informatika Bandung.