Sistem/Rekayasa Informasi Anali sis Desai n Peng ujian Peng odean

## Perancangan Aplikasi Monitoring Penerimaan dan Pelaksanaan Proyek Berbasis Web dengan Metode Prototyping Pada PT. Fas Jawara
Agus Waluyo 1 , Aang Munawar 2
1,2 Fakultas Ilmu Komputer, Universitas Budi Luhur
1,2 Jl. Ciledug Raya, Pesanggrahan, Jakarta
* 1 waaluuyoo@gmail.com , 2 aangmu@gmail.com
Abstract The  rapid  development  of  today’s  tehnology  makes itu  possible  to  tranform  a  manual  system  to  a  computerized system.  And  it  can  also  be  applied  to  PT.Fas  jawara  who  is  still using manual system in recording the receipt of the project, work order making,  news making events and  invoices. Monitoring the implementation  of  information  systems  PT.Fas  Jawara  can provide  benefits  that  such  work  would  be  more  effective  and efficient.  Methodolody  of  data  collection  and  analysis  using theoretical  analyzes  and  acceptance  of  information  systems  in general and monitoring projects are running. And inteviews with the  company  concerned  to  find  out  the  problems  and  to investigate  the  acceptance  of    business  process  projects,  making work order, create invoices and news system that runs the show. For  the  analysis  and  design  of  information  system  is  using  with the  object  oriented  approach  where  evertything  is  described  in the  notation.  At  least  the  acceptance  of  information  system  and monitoring can runs as excected and allows users to apply.

## Keywords— information systems, monitoring, design system

## I. P ENDAHULUAN
Dewasa  ini,  perkembangan  teknologi  yang  semakin  pesat khususnya  tentang  teknologi  informasi  dan  sistem  informasi ternyata  masih  belum  dimanfaatkan  secara  maksimal  oleh sebagian perusahaan yang ada di Indonesia. Pemanfaatan yang kurang  ini  bisa  saja  berdampak  pada  perkembangan  suatu perusahaan  tersebut.  Banyak  perusahaan  kecil  dan  menengah yang  gulung  tikar  karena  kurang  bisa  bersaing  dengan perusahaan  yang  besar  yang  tentunya  sudah  maju  dalam pemanfaatan teknologinya.PT.Fas Jawara merupakan perusahaan  swasta  yang  bergerak  dalam  bidang  jasa  instalasi jaringan  komputer.  Perusahaan  tersebut  masih  menggunakan sistem manual untuk melakukan transaksi dan juga pembuatan pelaporannya,    antara  lain  proses  penerimaan  pekerjaan, karyawan  yang  akan  mengerjakan,  biaya  operasional,  revenue yang  di  hasilkan,  monitoring  proses  proyek  pekerjaan, membuat  berita  acara,  membuat  invoice  dan  pelaporannya masih menggunakan sistem manual yaitu dengan menggunakan  microsoft  office  excel.  Oleh  karena  itu diperlukan    adanya  sebuah  sistem  komputerisasi  untuk memberikan solusi dari permasalahan tersebut, yaitu membuat aplikasi  yang  menangani  permasalahan  tersebut.Dengan
perancangan  aplikasi  ini  diharapkan  proses  pelaporan  kinerja perusahaan dapat berlangsung lebih cepat dan akurat. Sehingga membantu manajer dalam memperoleh informasi perkembangan transaksi yang aktual dan membantu menganalisa  perkembangan  transaksi  yang  terjadi  pada perusahaan tersebut.

## II. L ANDASAN T EORI

## A. Monitoring
Menurut  buku  Petunjuk  Teknis  Monitoring  Dan  Evaluasi, 2013  yang  dikeluarkan  Kemendikbud  “Monitoring  adalah upaya  pengumpulan    informasi  berkelanjutan  yang  ditujukan untuk memberikan  informasi  kepada  pengelola  program dan pemangku  kepentingan  tentang  indikasi  awal  kemajuan  dan kekurangan  pelaksanaan  program  dalam  rangka  perbaikan untuk mencapai tujuan program” [1].

## B. Pengertian Sistem Informasi
Sistem  informasi  adalah  suatu  sistem  di  dalam  suatu organisasi  yang  mempertemukan  kebutuhan  pengolahan transaksi  harian  yang  mendukung  fungsi  operasi  organisasi yang  bersifat  manajerial  dengan  kegiatan  strategi  dari  suatu organisasi  untuk  dapat  menyediakan  laporan-laporan  yang diperlukan oleh pihak luar tertentu [2].

## C. Metode Pengembangan Sistem
1) Metode Waterfall
Gambar 1. Ilustrasi Model Waterfall

## a) Analisis Kebutuhan Perangkat Lunak
Proses  pengumpulan  kebutuhan  dilakukan  secara intensif  untuk  menspesifikasikan  kebutuhan  perangkat lunak  agar  dpt  dipahami  perangkat  lunak  agar  dapat dipahami perangkat lunak seperti apa  yang dibutuhkan oleh  user.  Spesifikasi  kebutuhan  perangkat  lunak  pada tahap ini perlu untuk didokumentasikan.

## b) Desain Perangkat Lunak
proses  multilangkah  yang  focus  pada  desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka dan  prosedur  pengodean.  Tahap  ini  mentranslasi kebutuhan  perangkat  lunak  dari  tahap  analisis kebutuhan ke representasi desain agar dapat diimplementasikan  menjadi  program  pada  tahap selanjutnya.

## c) Pembuatan Kode Program
Pada tahap ini, desain harus ditranslasikan ke dalam program  perangkat  lunak.Hasil  dari  tahap  ini  adalah program  komputer  sesuai  dengan  desain  yang  telah dibuat pada tahap desain.

## d) Pengujian
Pengujian  focus  pada  perangkat  lunak  secara  dari segi  logic  dan  fungsional  dan  memastikan  bahwa semua  bagian  sudah  diuji.  Hal  ini  dilakukan  untuk meminimalisir  kesalahan  (error)  dan  memastikan keluaran  yang  dihasilkan  yang  dihasilkan  sesuai dengan yang diinginkan.

## D. Alat Bantu Pengembangan Sistem

## 1) UML
UML  bertujuan  untuk  memberikan  model  yang  siap pakai,  bahasa  pemodelan  visual  yang  ekspresif  untuk mengembangkan  sistem  dan  yang  dapat  saling  menukar model  dengan  mudah  dan  dimengerti  secara  umum., memberikan  bahasa  pemodelan  yang  bebas  dari  berbagai bahasa  pemrograman  dan  proses  rekayasa.,  menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.
a) Use Case Diagram
Use  case  atau  diagram  use  case  merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang  akan  dibuat.  Use  Case  mendeskripsikan  sebuah interaksi  antara  satu  atau  lebih  actor  dengan  sistem informasi yang akan dibuat.
b) Activity Diagram
Definisi  diagram  aktivitas  atau  activity  diagram adalah diagram yang menggambarkan workflow (aliran kerja)  atau  aktivitas  dari  sebuah  sistem  atau  proses bisnis.  Yang  perlu  diperhatikan  disini  adalah  bahwa diagram  aktivitas  menggambarkan  aktivitas  sistem
bukan  apa  yang  dilakukan  actor,  jadi  aktivitas  yang dapat dilakukan oleh sistem.
Simbol  berikut adalah simbol  yang  sering digunakan pada saat pembuatan activity diagram :

## Tabel 1. Simbol Activity Diagram
c) Sequence Diagram
Diagram sekuen atau sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang akan dikirimkan dan diterima antar objek.
Simbol  berikut  adalah  simbol  yang  sering digunakan pada saat pembuatan sequence diagram.
Tabel 2. Simbol yang sering digunakan pada sequence diagram

## d) Class Diagram
Diagram  kelas  atau  class  diagram  menggambarkan struktur  sistem  dan  segi  pendefinisian  kelas  –  kelas yang  akan  dibuat  untuk  membangun  sistem.  Kelas memiliki  apa  yang  disebut  atribut  dan  metode  atau operasi.
Simbol  berikut  adalah  simbol  yang  sering digunakan pada saat pembuatan class diagram.

## Tabel 3. Simbol Class Diagram

## 2) XAMPP
XAMPP  adalah  satu  bundle  web  server  yang  populer digunakan  untuk  coba  –  coba  di  Windows  karena kemudahan instalasinya [3].

## 3) PHP
PHP  atau  yang  memiliki  kepanjangan  PHP  Hypertext Preprocessor  merupakan  suatu  bahasa  pemrograman  yang difungsikan untuk  membangun  suatu website dinamis [4]. PHP  difungsikan  sebagai  prosesnya  sehingga  dengan adanya  PHP  tersebut,  web  akan  sangat  mudah  di- maintenance.

## 4) MySQL
MySQL  adalah  salah  satu  jenis  database  server  untuk membangun  aplikasi  web  yang    menggunakan  database sebagai sumber dan pengelolaan datanya [5].

## III. A NALISIS DAN PERANCANGAN SISTEM
PT. Fas Jawara berdiri pada tanggal 7 November 2008.
Direktur Utama Bagian Pemasaran Bagian Keuangan Bagian SDM
Teknisi

## Gambar 2. Struktur Organisasi
Direktur  utama  bertugas  menetapkan  dan  sebagai  penentu keputusan  akhir  terhadap  keputusan.  Bagian  Pemasaran bertugas  menentukan  strategi  pemasaran  yang  efektif  dan efisien, serta bertanggung jawab terhadap terhadap administrasi pemasaran.  Bagian  keuangan  bertanggung  jawab  terhadap pemasukan  dan  pengeluaran  keuangan  perusahaan.  Bagian SDM  bertanggung  jawab  terhadap  perekrutan  karyawan  dan kinerja  karyawan.  Teknisi  melakukan  pekerjaan  proyek  di lapangan.

## A. Analisa Sistem Berjalan
Sampai saat  ini pada PT Fas Jawara, cara yang digunakan mulai  dari  proses  penerimaan  proyek  sampai  pembuatan invoice  adalah  menggunakan  cara  konvensional  yaitu  diawali dengan  pencatatan  data  dari  pelanggan  ke  dalam  buku  PO, kemudian  admin  menyerahkan  catatan  tersebut  kepada pimpinan  untuk  mendapatkan  persetujuan,  apakah  pekerjaan itu  layak dikerjakan atau tidak. Jika PO disetujui  maka admin akan membuat work order dan dicatat ke dalam buku WO.
Langkah  selanjutnya  yaitu  supervisor  menunjuk  teknisi untuk mengerjakan work order yang dibuat oleh admin.setelah menentukan  teknisi,  kemudian  teknisi  mulai  mengerjakan proyek  pekerjaan  yang  berasal  dari  supervisor. Tahapan  akhir yaitu  admin  mencatat  semua  pengeluaran  anggaran  yang dibutuhkan  selama  pengerjaan  proyek,  dan  juga  admin membuat  berita  acara  dan  invoice  yang  nantinya  akan dikirimkan ke pelanggan.
Use Case Sistem Berjalan
Admiin mencatat data proyek pekerjaan Pelanggan memberikan data proyek pekerjaan memberikan persetujuan/menolak po pimpinan supervisor penyerahan tugas ke teknisi Teknisi mengerjakan proyek membuat berita acara dan invoice terima berita acara dan invoice membuat laporan menerima laporan menerima hasil persetujuan/menolak po membuat work order Gambar 3. Use Case Sistem Berjalan
B. Rancangan Sistem Usulan
1) Use Case
Use Case Sistem Usulan Admin input data PO pimpinan supervisor input data berita acara dan invoice menerima laporan input biaya wo input data teknisi approval po «extends» «extends» membuat laporan «include» login membuat wo «extends» «extends» Logout * *
Gambar 4. Use Case Rancangan Sistem Usulan
2) Activity Diagram
a) Login
admin System menampilkan menu login masukan username dan password masuk ke dalam sistem sesuai Tidak sesuai Gambar 5. Activity Form Login
b) Input Data PO
Gambar 6.Activity Diagram Input Data P
c) Input Data WO admin System Pilih menu WO menampilkan list menu WO simpan ke database sesuai Tidak sesuai tambah edit pilih no wo simpan form wo pilih no po menampilkan data po sesuai T id a k s e su a i cek validasi
Gambar 7. Activity Diagram Input Data WO
d) Input Data Biaya WO
admin System Pilih menu biaya menampilkan menu biaya simpan ke database pilih no wo menampilkan data wo input biaya wo simpan cek validasi sesuai Tidak sesuai sesuai T id a k se su a i
Gambar 8. Activity Diagram Input Biaya WO

## C. Class Diagram
+add()() +edit()() +tampil() -id_customer -nm_customer -alamat_customer -no_telp -pic tblcustomer +add() +edit() +tampil() +batal() -no_po -tgl_po -fk_customer -nm_proyek -nilai_proyek -pic -no_telp -alamat -status_approve -fk_karyawan_approve -tgl_batal -keterangan_batal tblpo +add() +edit() +tampil() +berita_acara() +invoice() -no_wo -tgl_wo -fk_po -status_wo -tgl_batal -keterangan_batal -no_berita_acara -tgl_berita_acara -no_invoice -tgl_invoice tblwo +add() +delete() -id_transaksi -tgl_transaksi -fk_wo -fk_karyawan tblteknisi +add() +delete() -id_biaya -tgl_biaya -fk_wo -biaya -keterangan tblbiaya +add() +edit() +tampil() -id_karyawan -nm_karyawan -alamat_karyawan -tempat_lahir -tgl_lahir -jenis_kelamin -no_telp -email -status tblkaryawan +input_po() +input_wo() +input_biaya_wo() +input_berita_acara() +input_invoice() Admin +approval_po() +view_laporan() Pimpinan +pilih_teknisi() Supervisor +add() +edit() +hapus() -username -password -level tbluser 1 * 1 * 1 1 1 * * 1 1 * 1 1 1 * * 1 Gambar 9. Class Diagram
D. Sequence Diagram
1) Login User
login form tbluser input username dan password getDataUser Top Package::admin,pimpinan,supervisor klik login result data user view halaman utama authentic user Gambar 10. Sequence Buat WO 2) Input Data PO inputformPO tblcustomer memilih menu po input kode customer klik tambah data po menampilkan form input po klik simpan data tidak lengkap input nama,alamat,pic,no_telp cek kelangkapan data simpan data po menampilkan data po Admin menampilkan data customer tblpo data lengkap Gambar 11. Sequence Biaya, Berita Acara, dan Invoice
3) Input Data WO inputformWO tblpo memilih menu wo pilih no po klik tambah data wo menampilkan form input wo klik simpan data tidak lengkap cek kelangkapan data simpan data wo menampilkan data wo Admin menampilkan data po tblwo data lengkap Gambar 12. Input Data WO
4) Biaya
inputformbiaya tblwo memilih menu biaya input biaya dan keterangan pilih no wo tampil form biaya klik simpan data tidak lengkap cek kelangkapan data simpan data biaya menampilkan data biaya admin data lengkap pilih menu berita acara pilih no wo tampil form berita acara input biaya dan keterangan klik simpan data tidak lengkap menampilkan data berita acara data lengkap cek kelangkapan data simpan data BA pilih menu invoice pilih no wo tampil form invoice input data invoice klik simpan data lengkap cek kelengkapan data simpan data invoice menampilkan data invoice inputformberitaacara inputforminvoice data tidak lengkap Gambar 13. Sequence Biaya,berita acara dan invoice IV. I MPLEMENTASI DAN P ENGUJIAN

## A. Implementasi Sistem
Pada  tahapan  ini  proses  yang  akan  dilakukan  adalah implementasi dan pengujian pada  sistem infomasi monitoring penerimaan  dan  pelaksanaan  proyek  sudah  dirancang,  dengan tujuan  untuk  menerapkan  rancangan  sistem  informasi  kepada sistem  yang  telah  berjalan  sehingga  user  dapat  meninjau  dan memberikan  masukan  untuk  perkembangan  sistem  yang  telah dibuat.

## B. Implementasi Basis Data
Basis  data  aplikasi  sistem  ini  menggunakan  appserver V2.5.10,  beberapa  fungsi  yang  dibuat    terdiri  dari  ruang lingkup implentasi dari aplikasi sistem tersebut.

## C. Implementasi Program
1) Login
Gambar 14. Halaman Login

## 2) Input Data PO

## Gambar 15. Input Data PO

## 3) Input Data WO

## Gambar 16. Input Data WO

## 4) Input Biaya

## Gambar 17. Halaman Input Biaya

## 5) Input Berita Acara
Gambar 18. Halaman Berita Acara
6) Cetak Invoice

## Gambar 19. Halaman Cetak Invoice

## D. Metode Pengujian
Tahap pengujian dilakukan untuk menguji dan memastikan bahwa  program  aplikasi  web  yang  telah  di  rancang  dan dikembangkan  ini  dapat  berfungsi  dengan  baik  dan  sesuai dengan  rumus-rumus  rancangan  yang  telah  ditetapkan sebelumnya.. metode yang digunakan yaitu black box  test.
Pengujian  di  lakukan  dengan  cara  memberikan  sejumlah masukan  (input)  pada  program  aplikasi  yang  kemudian diproses sesuai dengan kebutuhan fungsionalya untuk melihat apakah program aplikasi web  menghasilkan keluaran (output) yang  diinginkan  sesuai  dengan  fungsi  dari  program  aplikasi web tersebut.

## E. Skenario Pengujian
Skenario pengujian dilakukan untuk  menentukan  langkah- langkah  dalam  melakukan  pengujian,  yaitu    mengeksekusi program  dan  mengamati  setiap  input-proses-output  yang dieksekusi pada program tersebut.

## F. Analisa Hasil Pengujian
Hasil  pengujian  yang  diperoleh  dapat  dianalisis  sebagai berikut :
 Hasil pengujian berdasarkan pada analisis perancangan  sistem  sesuai  dengan  yang  diharapkan dan  selama  pengujian  semua  tombol  serta  menu- menu  berfungsi  dengan  baik  dan  berjalan  sesuai dengan  fungsi-fungsi  yang  diinginkan.  Hal  ini terbukti  dengan  berjalannya  aplikasi  pada  saat implementasi.
 Pada  aplikasi  yang  dibuat  dapat  menghasilkan beberapa  laporan  dari  setiap  data-data  yang  dientry dan  semua  data  yang  dilakukan  pada  aplikasi monitoring.
 Dengan aplikasi ini pula data-data yang telah di entry dapat tersimpan dengan baik pada database.

## V. P ENUTUP

## A. Kesimpulan
Dari  pembahasan  pada  bab-bab  sebelumnya  dapat disimpulkan beberapa hal sebagai berikut :
 Aplikasi yang dibangun dapat meningkatkan kecepatan  dan  efisiensi  dalam  melakukan  pendataan pekerjaan yang diterima oleh perusahaan.
 Aplikasi  ini  mempermudah  perusahaan  dalam melakukan  perhitungan  revenue,  pengontrolan  biaya dari  setiap  proyek  yang  dikerjakan  dan  mengetahui karyawan yang mengerjakan.
 Aplikasi  ini  membantu  karyawan  dalam  membuat berita  acara  dan  invoice  dengan  waktu  yang  lebih efisien.
 Dapat  mempermudah  pimpinan  dalam  melakukan monitoring progres pekerjaan.

## B. Saran
 Harus  adanya  pemeliharaan  terhadap  sistem  yang telah dibuat agar sistem dapat terjaga dengan baik.
 Untuk  mempermudah  menjalankan  aplikasi,  perlu adanya  pelatihan  bagi  karyawan  tentang  aplikasi yang dibuat.
 Perlu  dilakukan  pengembangan  lebih  lanjut  tentang aplikasi ini.

## D AFTAR P USTAKA
[1] Petunjuk Teknis Monitoring Dan Evaluasi. (2013). Jakarta: Kemendikbud.
[2] Prawironegoro,  D.  d.  (2009).  Akuntansi  Manajemen.  Jakarta:  Mitra Wacana Media.
[3] Nugroho,  A.  (2010).  Rekayasa  Perangkat  Lunak  Menggunakan  UML dan  Java.  In  A.  Nugroho,  Rekayasa  Perangkat  Lunak  Menggunakan UML dan Java (p. 119). Jogjakarta: Andi OFfset.
[4] Saputra,  A.  (2012).  Membangung  Aplikasi  Toko  Online  dengan  PHP dan SQL Server. Jakarta: Elexmedia Komputindo.
[5] Arief, M. R. (2011). Pemrogaman Web dinamis Menggunakan PHP dan MySQL. Yogyakarta: Andi. . Yogyakarta: Andi.
[6] Amin,  M.  M.  (2010).  In  M.  M.  Amin,  Pengembangan  Aplikasi  Web Menggunakan PHP Data Object (PDO) (p. 2). Yogyakarta: Graha Ilmu.
[7] Aplikasi Web Database Dengan Dreamweaver dan PHP MySql. (2011). Yogyakarta: Andi dan Madcoms.