Anda di halaman 1dari 110

APLIKASI MONITORING PERIZINAN PROYEK di PT

Xyz BERBASIS WEB MENGGUNAKAN FRAMEWORK


CODEIGNITER

Oleh

Dedy Indra Setiawan


NPM 16753011

Laporan Tugas Akhir Mahasiswa

Sebagai Salah Satu Syarat untuk Mencapai Sebutan


Ahli Madya (A.Md.) Manajemen Informatika
pada
Jurusan Ekonomi dan Bisnis

POLITEKNIK NEGERI LAMPUNG


BANDAR LAMPUNG
2019
APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz BERBASIS
WEB MENGGUNAKAN FRAMEWORK CODEIGNITER

Oleh

Dedy Indra Setiawan

RINGKASAN

PT Surveyor Indonesia bergerak dibidang survei, inspeksi, sertifikasi,

verifikasi, dan konsultasi. Perusahaan ini banyak menjalankan proyek yang

memerlukan dokumen izin resmi terlebih dahulu sebelum mulai dilaksanakan.

Proses pengajuan dokumen izin tersebut belum effisien, pihak kepala cabang yang

memerlukan dokumen izin resmi membutuhkan waktu yang tidak singkat.

Komunikasi yang belum optimal antara kepala cabang dan sekretaris perusahaan

ini mengakibatkan keterlambatan pada proses perizinan. Keterlambatan proses

perizinan ini perlu adanya monitoring oleh semua pihak, sehi ngga kepala cabang

menerima informasi proses perizinan yang sedang berjalan. Solusi yang diberikan

yaitu membangun “Aplikasi Monitoring Perizinan Proyek di PT Xyz Berbasis

Web menggunakan Framework Codeigniter”. Aplikasi ini dikembangkan dengan

menggunakan metode Rapid Application Development (RAD). Kelebihan dari

penggunaan metode RAD adalah waktu yang digunakan dalam membangun

aplikasi lebih singkat dan mudah dipahami, serta aplikasi yang dihasilkan sesuai

dengan kebutuhan. Hasil yang diperoleh dari penelitian ini adalah aplikasi

monitoring perizinan proyek yang dapat digunakan untuk membantu proses

pelayanan perizinan sehingga proses perizinan dapat terpantau dengan baik.


RIWAYAT HIDUP

Penulis dilahirkan di Rawajitu Timur, Kab Tulang Bawang, Provinsi

Lampung, 20 Desember 1997, dari pasangan Bapak Sukardi dan Ibu Halimah, dan

merupakan anak kedua dari dua bersaudara. Pendidikan dimulai dari SD Negeri 1

Bumi Dipasena Agung yang diselesaikan pada tahun 2010, lalu melanjutkan

pendidikan di SMP Negeri 1 Rawajitu Timur yang diselesaikan pada tahun 2013,

dan melanjutkan pendidikan di SMK Negeri 1 Rawajitu Timur yang diselesaikan

pada tahun 2016.

Tahun 2016 penulis diterima di Politeknik Negeri Lampung Jurusan

Ekonomi dan Bisnis Program Studi Manajemen Informatika. Pengalaman

organisasi yang pernah diikuti oleh penulis adalah Unit Kegiatan Mahasiswa

Olahraga dan Polinella IT center. Pada akhir semester, penulis melaksanakan

Praktik Kerja Lapang di PT Surveyor Indonesia , yang beralamatkan di Jl. Jendral

Gatot Subroto Jakarta 12950-Indonesia.


Karya ini kupersembahkan kepada:

Allah SWT yang telah memberikan kemudahan dalam penulisan


Tugas Akhir ini.

Kedua orang tua ku yang tidak pernah lelah memberikan kasih


sayang, doa, dan pengorbanan yang begitu besar demi kesuksesan ku.

Kakak tercinta yang selalu memotivasi dan membantu memberikan


arahan selama ini.

Dosen Manajemen Informatika yang telah memberikan ilmu dan


motivasi yang sangat berarti.

Engkau yang selalu memberi semangat, motivasi dan warna warni


hidup dimana baik dan buruk akan terangkum oleh indah, dan yang
terpenting termakasih atas ketulusannya

Teman-teman seperjuangan yang ku banggakan atas doa dan


dukungannya.
Motto

“ Semua orang menginginkan


sukses, namun jarang orang
menginginkan proses ”
- DH -
ii

KATA PENGANTAR

Puji syukur kepada Allah SWT, karena berkat rahmat dan hidayahnya, Tugas

Akhir yang berjudul “Aplikasi Monitoring Perizinan Proyek di PT Xyz Berbasis

Web Menggunakan Framework CodeIgniter” dapat terselesaikan. Pada

kesempatan ini, penulis menyampaikan rasa terimakasih atas bimbingan dan

dukungan kepada :

1. Dr. Ir. Sarono, M.Si., selaku Direktur Politeknik Negeri Lampung.

2. Imam Asrowardi, S.Kom., M.Kom., IPM., selaku Ketua Jurusan Ekonomi

dan Bisnis Politeknik Negeri Lampung sekaligus berperan sebagai Dosen

Pembimbing II, yang telah memberikan arahan dan bimbingan dalam

proses penulisan Tugas Akhir.

3. Agiska Ria Supriyatna, S.Si., M.T.I., selaku Ketua Program Studi

Manajemen Informatika Politeknik Negeri Lampung.

4. Dr. Henry Kurniawan, S.Si., M.Stat., selaku Dosen Pembimbing I yang

telah memberikan arahan dan bimbingan dalam proses penulisan Tugas

Akhir.

5. Tri Sandhika Jaya, S.Kom., M.Kom., selaku Dosen Penguji I.

6. Zuriati, S.Kom., M.Kom., selaku Dosen Penguji II.

7. Seluruh Dosen dan Teknisi Program Studi Manajemen Informatika yang

telah memberikan ilmu dan motivasi yang sangat berarti.

8. Seluruh pegawai PT Surveyor Indonesia khususnya Divisi Teknologi

Informasi yang telah memberikan bimbingan, dukungan, dan motivasi,

selama praktik kerja lapang.


iii

9. Teman-Teman Program Studi Manajemen Informatika dan juga Program

Studi lainnya, yang telah memberikan semangat dan dukungan selama ini.

Saya menyadari bahwa masih banyak kekurangan dalam penulisan Tugas Akhir

ini, oleh karena itu penulis menerima kritik dan juga saran, supaya penulis dapat

menjadi lebih baik.

Bandar Lampung, Agustus 2019

Penulis
iv

DAFTAR ISI

Halaman

KATA PENGANTAR ........................................................................................... ii

DAFTAR ISI ......................................................................................................... iv

DAFTAR TABEL ............................................................................................... vii

DAFTAR GAMBAR .......................................................................................... viii

I. PENDAHULUAN .......................................................................................... 1

1.1 Latar belakang .......................................................................................... 1


1.2 Tujuan ....................................................................................................... 3
1.3 Kerangka pemikiran ................................................................................. 3
1.4 Kontribusi ................................................................................................. 5
II. TINJAUAN PUSTAKA ................................................................................. 6

2.1 Aplikasi .................................................................................................... 6


2.2 Monitoring ................................................................................................ 6
2.3 Perizinan proyek ....................................................................................... 6
2.4 Website ..................................................................................................... 7
2.5 Sublimetext 3 ............................................................................................ 7
2.6 Xampp ...................................................................................................... 8
2.7 PHP ........................................................................................................... 8
2.8 Framework ............................................................................................... 8
2.8.1 Model............................................................................................. 9
2.8.2 View ............................................................................................... 9
2.8.3 Controller ...................................................................................... 9
2.9 Codeigniter ............................................................................................... 9
2.10 MySQL ................................................................................................... 10
2.11 Metodologi RAD .................................................................................... 10
2.11.1 Requirement planning phase................................................... 10
2.11.2 User desain phase .................................................................. 10
v

2.11.3 Construction phase ................................................................. 11


2.11.4 Cutover phase ......................................................................... 11
2.12 Data Flow Diagram (DFD) ................................................................... 11
2.12.1 DFD level 0 (context diagram) ............................................... 12
2.12.2 DFD level 1 ............................................................................. 12
2.12.3 DFD level 2 ............................................................................. 12
2.12.4 DFD level 3 dan seterusnya .................................................... 13
2.13 Entity Relationship Diagram (ERD) ...................................................... 13
2.14 Flowchart ............................................................................................... 14
2.15 Mapping chart ........................................................................................ 15
2.16 Blackbox testing ..................................................................................... 16
2.17 Penelitian terkait ..................................................................................... 16
III. METODE PELAKSANAAN ...................................................................... 19

3.1 Tempat dan waktu .................................................................................. 19


3.2 Alat .........................................................................................................
19
3.3 Metode pengumpulan data ..................................................................... 19
3.4 Metode pengembangan sistem ............................................................... 20
3.4.1 Requirement planning phase ....................................................... 20
3.4.2 User desain phase ....................................................................... 20
3.4.3 Contruction phase ....................................................................... 20
3.4.4 Cutover phase ............................................................................. 21
IV. HASIL DAN PEMBAHASAN .................................................................... 22

4.1 Gambaran umum instansi ....................................................................... 22


4.2 Requirment planning .............................................................................. 23
4.2.1 Analisis sistem yang berjalan ...................................................... 24
4.2.2 Analisis permasalahan sistem yang sedang berjalan ................... 25
4.2.3 Rancangan sistem yang akan dibangun ...................................... 26
4.3 User desain ............................................................................................. 28
4.3.1 Rancangan DFD (Data Flow Diagram) ...................................... 28
4.3.2 Rancangan database .................................................................... 29
4.3.3 Rancangan flowchart program .................................................... 35
4.3.4 Desain interface .......................................................................... 48
4.4 Construction ........................................................................................... 54
4.4.1 Coding program .......................................................................... 54
4.4.2 Tampilan program ....................................................................... 55
4.5 Cutover ................................................................................................... 64
vi

4.5.1 Metode pengujian ........................................................................ 64


4.5.2 Hal-hal yang diuji ........................................................................ 64
4.5.3 Penguji web ................................................................................. 65
4.5.4 Hasil pengujian............................................................................ 65
V. KESIMPULAN DAN SARAN .................................................................... 67

5.1 Kesimpulan ............................................................................................. 67


5.2 Saran........................................................................................................ 67
DAFTAR PUSTAKA .......................................................................................... 68
vii

DAFTAR TABEL

Halaman

Tabel 1. Simbol - simbol DFD...............................................................................11

Tabel 2. Simbol - simbol ERD dengan notasi crow’s foot.................................... 13

Tabel 3 Simbol - simbol flowchart........................................................................ 14

Tabel 4. Simbol - simbol mapping chart............................................................... 15

Tabel 5. Alat-alat................................................................................................... 19
viii

DAFTAR GAMBAR

Halaman

Gambar 1. Kerangka pemikiran...............................................................................4

Gambar 2. Struktur organisasi PT Surveyor Indonesia......................................... 23

Gambar 3. Mapping chart sistem yang sedang berjalan........................................25

Gambar 4. Mapping chart sistem yang akan dibuat..............................................27

Gambar 5. DFD level 0..........................................................................................28

Gambar 6. DFD level 1..........................................................................................29

Gambar 7. ERD......................................................................................................30

Gambar 8. Flowchart program halaman login.......................................................36

Gambar 9. Flowchart program lupa password......................................................37

Gambar 10. Flowchart program halaman kepala cabang......................................38

Gambar 11. Flowchart program pengajuan izin....................................................39

Gambar 12. Flowchart program download dokumen izin.....................................39

Gambar 13. Flowchart program halaman sektor bisnis.........................................40

Gambar 14. Flowchart program persetujuan izin..................................................41

Gambar 15. Flowchart program halaman sekretaris..............................................42

Gambar 16. Flowchart program penugasan...........................................................43

Gambar 17. Flowchart program upload dokumen izin resmi................................44

Gambar 18. Flowchart program halaman data pemenuh data...............................44

Gambar 19. Flowchart program upload persyaratan.............................................45

Gambar 20. Flowchart program halaman data admin...........................................46


ix

Gambar 21. Flowchart program halaman manajemen user...................................47

Gambar 22. Flowchart program data master......................................................... 48

Gambar 23. Rancangan tampilan login..................................................................49

Gambar 24. Rancangan tampilan lupa password...................................................49

Gambar 25. Rancangan menu data izin................................................................. 50

Gambar 26. Rancangan tampilan download data izin resmi..................................50

Gambar 27. Rancangan form pengajuan izin.........................................................51

Gambar 28. Rancangan tampilan persetujuan izin................................................ 51

Gambar 29. Rancangan tampilan penugasan.........................................................52

Gambar 30. Rancangan tampilan form input data izin resmi................................ 52

Gambar 31. Rancangan tampilan upload data persyaratan....................................53

Gambar 32. Rancangan tampilan menu data user................................................. 54

Gambar 33. Tampilan form login aplikasi.............................................................55

Gambar 34. Tampilan form ubah password aplikasi.............................................56

Gambar 35. Tampilan link email ubah password.................................................. 56

Gambar 36. Tampilan form ubah password aplikasi.............................................56

Gambar 37. Tampilan menu data izin....................................................................57

Gambar 38. Tampilan progress izin.......................................................................57

Gambar 39. Tampilan downlad dokumen izin resmi.............................................58

Gambar 40. Tampilan pengajuan izin....................................................................58

Gambar 41.Tampilan notifikasi pesan email.........................................................59

Gambar 42. Tampilan persetujuan izin..................................................................59

Gambar 43. Tampilan persetujuan izin disetujui...................................................59

Gambar 44. Tampilan penolakan pengajuan izin.................................................. 60


x

Gambar 45. Tampilan penugasan.......................................................................... 60

Gambar 46. Tampilan input data dokumen izin resmi...........................................61

Gambar 47. Tampilan pesan email penyerahan izin..............................................61

Gambar 48. Tampilan upload data persyaratan..................................................... 62

Gambar 49. Tampilan upload data persyaratan..................................................... 62

Gambar 50. Tampilan tambah data user................................................................63

Gambar 51. Tampilan menu data user...................................................................63

Gambar 52. Tampilan penyajian grafik.................................................................63


1

I. PENDAHULUAN

1.1 Latar Belakang

Kemajuan teknologi informasi menjadi kebutuhan dalam mendukung

kegiatan operasional pada suatu organisasi. Teknologi informasi di dalam sebuah

sistem yang handal dan terintegrasi dibutuhkan untuk menyajikan informasi yang

mendukung pengambilan keputusan secara tepat dan bermanfaat bagi semua

pihak. Teknologi informasi ini diharapkan dapat memberikan perubahan pada

proses bisnis yang terjadi pada organisasi dengan tepat dan cepat, seperti

kemajuan teknologi informasi di PT Surveyor Indonesia.

Perusahaan ini adalah perusahaan Badan Usaha Milik

Negara Indonesia (BUMN) yang bergerak dibidang survei, inspeksi, sertifikasi,

verifikasi, dan konsultasi. PT Surveyor Indonesia sudah banyak menjalankan

proyek yang memerlukan dokumen izin resmi terlebih dahulu sebelum mulai

dilaksanakan. Pelayanan perizinan resmi dilakukan kepada pihak pemerintah dan

instansi terkait dengan proyek yang dijalankan. Perusahaan yang dapat

menjalankan dan mengajukan izin aktivitas usaha jasa survey berbentuk Perseroan

Terbatas (PT), dengan kekayaan bersih perseroan minimal di atas Rp.

500.000.000,- di luar tanah dan bangunan. Proses perizinan yang dilakukan di PT

Surveyor Indonesia dimulai saat terdapat proyek yang membutuhkan perizinan

kepada kepala cabang. Selanjutnya kepala cabang mengajukan izin kepada sektor

binis. Pengajuan perizinan tersebut akan dilakukan persetujuan oleh sektor bisnis

dan diteruskan kepada sekretaris perusahaaan. Setelah pengajuan perizinan


2

diterima sekretaris, maka akan dilakukan pendataan persyaratan dokumen-

dokumen yang dibutuhkan, dan memberikan pemberitahuan sekaligus tugas

kepada pihak pemenuh data yang mengelola dokumen persyaratan yang akan di

ajukan. Pemenuh data ini terdiri dari : sekretaris perusahaan, kepala divisi

perencanaan strategis, kepala divisi keuangan dan akuntansi, kepala divisi

manajemen fasilitas, dan kepala sektor bisnis. Persyaratan dokumen yang telah

dipenuhi oleh pemenuh data, diteruskan oleh sekretaris perusahaan kepada pihak

pemerintah atau instansi yang sesuai dengan jenis proyek. Setelah pihak

pemerintah atau instansi menyetujui izin tersebut, kepala cabang dapat mengambil

dokumen perizinan kepada sekretaris perusahaan. Dokumen perizinan yang telah

disetujui dapat digunakan dalam jangka waktu yang telah ditentukan.

Proses pengajuan dokumen izin tersebut belum effisien, pihak kepala

cabang yang memerlukan dokumen izin resmi membutuhkan waktu yang tidak

singkat. Pelayanan perizinan yang dilakukan pada saat pengajuan izin belum

tersampaikan sepenuhnya, karena kurangnya koordinasi antara sekretaris dan

krpsls cabang. Komunikasi yang belum optimal antara sekretaris dan pemenuh

data mengakibatkan keterlambatan pada proses perizinan. Keterlambatan proses

perizinan ini perlu adanya monitoring oleh semua pihak, sehingga kepala cabang

yang mengajukan perizinan menerima informasi bahwa pengajuan izin tersebut

sedang proses penyelesaian.

Keterlambatan ini dapat diberikan solusi dengan dibuatkan aplikasi

monitoring perizinan proyek menggunakan web. Aplikasi ini dibuat untuk

menyelesaikan permasalahan pada proses perizinan yang dapat digunakan oleh

berbagai pihak dalam mencari, melihat dan mengunduh data terkait dokumen
3

perizinan yang dikelola oleh PT Surveyor Indonesia. Aplikasi tersebut dapat

mempermudah dalam memonitoring proses perizinan, karena setiap proses

perizinan akan tersimpan dan terlihat hasil pekerjaan oleh sekretaris untuk

mempercepat proses pelayanan perizinan.

1.2 Tujuan

Tugas akhir ini bertujuan untuk menghasilkan aplikasi monitoring

perizinan proyek di PT Xyz berbasis web menggunakan framework Codeigniter

yang cepat, aman, dan termonitor.

1.3 Kerangka Pemikiran

PT Surveyor Indonesia dalam pelayanan perizinan masih terdapat beberapa

masalah, seperti pengajuan dokumen perizinan resmi membutuhkan waktu yang

tidak singkat, pelayanan perizinan yang dilakukan pada saat pengajuan perizinan

belum tersampaikan sepenuhnya, karena kurangnya koordinasi antara sekretaris

dan pemenuh data, mengakibatkan keterlambatan pada proses perizinan.

Keterlambatan proses perizinan ini perlu adanya monitoring oleh semua pihak,

sehingga perizinan yang dilakukan oleh kepala cabang menerima informasi proses

perizinan yang sedang berjalan.

Keterlambatan ini membutuhkan sebuah aplikasi untuk mempermudah

proses perizinan yaitu dengan membuat “Aplikasi Monitoring Perizinan Proyek di

PT Xyz Berbasis Web menggunakan Framework Codeigniter”. Aplikasi ini

dikembangkan dengan menggunakan metode Rapid Application Development

(RAD). Kelebihan dari penggunaan metode RAD adalah waktu yang digunakan

dalam membangun aplikasi lebih singkat dan lebih mudah dipahami, serta aplikasi
4

yang dihasilkan sesuai dengan kebutuhan pengguna. Adapun kerangka pemikiran

disajikan pada Gambar 1.

Permasalahan
Analisis permasalahan menggunakan metode pieces yaitu sebagai berikut :
1. Performance (Kinerja) : Pihak kepala cabang yang memerlukan dokumen izin resmi
membutuhkan waktu yang tidak singkat.
2. Information (Informasi) : Penyampaian informasi dan pemberian tugas kepada pemenuh
data mengenai pengajuan izin sering terjadi ketidak optimalan komunikasi.
3. Economic (Ekonomi) : Pengajuan izin yang menggunakan hardcopy membutuhkan
dana yang cukup banyak.
4. Control (Pengendalian) : Pembuatan izin perlu adanya monitoring sehingga pihak kepala
cabang yang mengajukan perizinan menerima informasi bahwa pengajuan izin
tersebut masih sedang di proses.
5. Efficiency (Efisiensi) : Terjadinya redundancy saat pengajuan perizinan.
6. Service (Layanan) : Kurangnya koordinasi antara sekretaris dan pemenuh data.
Komunikasi yang kurang optimal terjadi antara kepala cabang dan sekretaris perusahaan,
mengakibatkan keterlambatan pada proses perizinan

Analisa masalah
Menacari data-data yang dibutuhkan terkait dengan sistem yang berjalan, dengan observasi
dan wawancara. Wawancara tersebut bertujuan untuk menemukan solusi dalam
memecahkan masalah yang ada.

Solusi
Mengembangkan sistem perizinan dengan teknologi modern seperti membangun aplikasi
pada proses perizinan.

Pengembangan Sistem
Sistem dikembangkan menggunakan metode Rapid Application Development (RAD),
sebagai berikut :

1. Perencanaan kebutuhan : wawancara dan observasi.


2. Desain sistem : DFD, Flowchart, Database, Tampilan program.
3. Membangun sistem : Program Aplikasi.
4. Implementasi dan pengenalan sistem baru : Pengujian aplikasi dan sosialisasi
penggunaan aplikasi.

Hasil
Aplikasi Perizinan Monitoring Proyek di PT Xyz Berbasis Web Menggunakan Framework
Codeigniter.

Gambar 1. Kerangka pemikiran


5

1.4 Kontribusi

Aplikasi monitoring perizinan proyek di PT Xyz berbasis web

mengguanakan framework codeigniter ini diharapkan dapat memberikan

kontribusi kepada pihak yang menggunakan seperti :

1. Kepala Cabang

a) Membantu dalam proses input data saat mengajukan perizinan.

b) Mempermudah mencari, melihat dan mengunduh data dokumen

perizinan resmi yang akan diajukan

c) Mempercepat pengambilan dokumen perizinan.

d) Memudahkan melihat informasi kegiatan perizinan yang di proses.

2. Kepala Sektor bisnis

a) Mempermudah dalam monitoring perizinan proyek yang diterima, karena

setiap perizinan yang diajukan harus melalui persetujuan kepala sektor

bisnis dahulu baru di teruskan ke sekretariat perusahaan.

b) Membantu melihat informasi kegiatan perizinan yang di proses.

3. Sekretaris Perusahaan

a) Meringankan dalam pemberian tugas kepada pemenuh data dan

mempercepat dalam seleksi persyaratan yang dibutuhkan.

b) Mempermudah melihat informasi kegiatan perizinan yang di proses.

4. Pihak pemenuh data (DMF, DKA, DPS, SB, SP)

a) Meringankan dalam manajemen dokumen yang masuk.

b) Mempermudah monitoring dokumen yang belum terupload.


6

II. TINJAUAN PUSTAKA

2.1 Aplikasi

Sekumpulan perintah program dibuat untuk memenuhi kebutuhan

pekerjaan manusia disebut sebagai aplikasi atau perangkat lunak (software).

Program yang digunakan pengguna di dalam jendela browser dan aplikasi

disimpan pada database (Suyono, 2018).

Aplikasi adalah penggunaan dari suatu komputer dan intruksi yang disusun

sedemikian rupa, sehingga dapat memproses input menjadi output (Marselia,

2017).

Pengertian dari aplikasi yang digunakan pada tugas akhir ini adalah

kumpulan dari perintah program yang digunakan untuk memenuhi aktivitas atau

pekerjaan manusia, sehingga dapat memproses input menjadi output.

2.2 Monitoring

Pengertian monitoring adalah langkah untuk mengkaji kegiatan yang

dilaksanakan apakah telah sesuai dengan rencana, mengidentifikasi masalah yang

timbul dan melakukan penilaian pola kerja untuk mencapai tujuan.

Tujuan dilakukan monitoring adalah memastikan agar tugas pokok

organisasi dapat berjalan sesuai rencana yang telah ditentukan (Herliana &

Rasyid, 2016).

2.3 Perizinan proyek

Pelaksanaan fungsi pengaturan dan pengendalian yang dimiliki oleh

pemerintah terhadap kegiatan yang dilakukan oleh masyarakat merupakan


7

realisasi dari perizinan. Perizinan merupakan pemberian legalitas kepada

seseorang atau pelaku usaha/kegiatan tertentu dalam bentuk izin maupun tanda

daftar usaha untuk melaksanakan suatu usaha yang harus dimiliki suatu organisasi

perusahaan sebelum melakukan kegiatan atau tindakan yang dilakukan (Maryanto,

2016).

Proyek adalah kegiatan yang bersifat sementara dan ditetapkan pada awal

pekerjaannya hingga waktu selesainya yang dibatasi oleh waktu, dan dibatasi oleh

sumber pendanaan, mencapai tujuan dan hasil spesifik untuk perubahan yang

bermanfaat.

Perizinan Proyek merupakan pemberian legalitas kepada pelaku

usaha/kegiatan yang ditetapkan pekerjaannya dan waktu tertentu untuk mencapai

tujuan yang bermanfaat dalam bentuk izin maupun tanda daftar usaha.

2.4 Website

Website merupakan kumpulan halaman yang menampilkan data teks, data

gambar diam atau gerak, data animasi, suara, video, bersifat statis maupun

dinamis dalam membentuk kumpulan dan saling berhubungan yang berisi

informasi. Hubungan antara halaman web tersebut dinamakan hyperlink dan teks

yang dijadikan media penghubung disebut hypertext (Marselia, 2017). Pengertian

web adalah nama yang diberikan dalam bagian internet dan diakses dengan

aplikasi web browser. Konten di dalam web memiliki format Hypertext Markup

Language (HTML).

2.5 Sublimetext 3

Aplikasi text editor yang digunakan untuk menulis kode program adalah

sublimetext 3. Aplikasi ini diinstall pada sistem operasi Windows dan Linux.
8

Sublimetext 3 memiliki model ekspansi yang stabil, dan membuatnya mudah

untuk disesuaikan (Ryer, 2015).

2.6 Xampp

Xampp (Prayitno & Safitri, 2015) merupakan paket php berbasis open

source yang menyediakan instalasi apache, PHP, dan MySQL secara instant yang

digunakan dalam proses instalasi ketiga produk tersebut. Fungsi XAMPP tidak

perlu lagi melakukan penginstalan program yang lain karena semua kebutuhan

telah disediakan.

2.7 PHP

PHP Hypertext Preprocessor merupakan salah satu dari script bahasa

pemrograman yang terdapat di dalam server, digunakan untuk penanganan

pembuatan dan pengembangan aplikasi berbasis web yang bersifat dinamis

(Hendrianto, 2014).

2.8 Framework

Kumpulan dari fungsi, prosedur dan class bertujuan mempermudah dan

mempercepat programmer dalam membuat program, tanpa harus membuat fungsi

dari awal di sebut sebagai framework. Framework menggunakan konsep MVC

(Model-View-Controller) yaitu konsep pembangunan aplikasi dengan teknik

memisahkan pengembangan aplikasi, berdasarkan komponen utama pada sebuah

aplikasi, seperti manipulasi data, user interface dan bagian yang menjadi kontrol

aplikasi (Supono & Putratama, 2018).

Tiga komponen yang membangun suatu MVC dalam aplikasi diuraikan sebagai

berikut :
9

2.8.1 Model

Model berhubungan dengan data dan berinteraksi ke database.

Model berisi class dan fungsi tertentu untuk memanipulasi data, seperti

insert, update, delete, dan search. Model juga menyajikan struktur data

dari aplikasi yang berisi basis data, misalnya dalam bentuk file teks, XML

maupun webservice.

2.8.2 View

View berhubungan dengan semua, ditempatkan ke end-user, berupa

halaman Web HTML, JavaScript, dan lain-lain. View berfungsi menerima

dan mempresentasikan data kepada user. View hanya berisi variabel-

variabel data yang akan ditampilkan.

2.8.3 Controller

Penghubung antara model dan view adalah sebuah controller.

controller ini memiliki class dan fungsi yang memproses permintaan dari

view ke struktur data pada model. Tugas controller yaitu menyediakan

berbagai variabel yang akan ditampilkan di view, memanggil model untuk

melakukan akses ke database, menyediakan penanganan error,

mengerjakan proses logika dan aplikasi, serta melakukan validasi atau

pengecekan terhadap input.

2.9 Codeigniter

Aplikasi open source yang berupa framework PHP dan digunakan untuk

membuat website dinamis adalah codeIgniter. CodeIgniter ini terdapat beberapa

macam class yang berbentuk library dan helper yang berfungsi untuk membantu
10

programmer untuk menyusun struktur logika agar dapat diakses sesuai dengan

kebutuhan programmer (Supono & Putratama, 2018).

2.10 MySQL

MySQL menurut Susanto dan Ramadhan (2017) adalah database yang

paling populer dikalangan programmer web, hal ini disebabkan database MySQL

tidak rentan dan cukup stabil untuk digunakan sebagai media penyimpanan data

dan menggunakan bahasa dasar yang sederhana.

2.11 Metodologi RAD

Rapid Application Development (RAD) yaitu suatu metodologi

pengembangan sistem dengan pendekatan berorientasi objek yang tergolong

dalam teknik incremental atau bertingkat (Sanjaya, 2017). Apabila kebutuhan

sistem dipahami dengan baik, proses RAD memungkinkan tim pengembangan

menciptakan sistem fungsional yang utuh dalam periode waktu yang singkat (kira-

kira 30 sampai 90 hari). Tahapan dalam pengembangan ini melingkupi aktivitas

sebagai berikut :

2.11.1 Requirement Planning Phase

Analisis requirement dimulai dengan mengidentifikasikan, kemudian

melakukan pengumpulan data penelitian.

2.11.2 User desain Phase

Desain sistem adalah tahap setelah analisis yang menentukan proses dan

data yang diperlukan oleh sistem baru. Tujuan desain ini adalah memenuhi

kebutuhan para pemakai sistem mengenai gambaran tentang rancang bangun

yang akan dibuat untuk diimplementasikan.


11

2.11.3 Construction Phase

Hasil dari tahapan desain user, selanjutnya dituangkan ke dalam bahasa

pemrograman untuk dibuat aplikasi.

2.11.4 Cutover phase

Implementasi atau penerapan adalah desain sistem yang dibentuk

menjadi suatu kode atau program untuk dioperasikan. Tahap ini bertujuan untuk

melakukan uji coba terhadap aplikasi yang dibuat sebagai sarana pengolahan

data dan penyajian informasi.

2.12 Data Flow Diagram (DFD)

Pengertian dari DFD adalah diagram yang menggunakan lambang-

lambang untuk mendeskripsikan alur dari sistem yang sedang berjalan, dapat

membantu memahami sistem secara logis, tersruktur dan jelas. DFD dapat dibagi

menjadi beberapa level lebih detail untuk merepresentasikan aliran informasi atau

fungsi yang lebih detail (Hendrianto, 2014). Simbol DFD disajikan pada Tabel 1.

Tabel 1. Simbol - simbol DFD

Notasi Deskripsi
Symbol entitas luar (external entity) atau masukan
(input) atau keluaran (output).
Keterangan: Nama yang digunakan pada masukan
(input) atau keluaran (output) berupa kata benda.

Symbol proses atau fungsi.


Pemodelan perangkat lunak akan diimplementasikan
dengan pemrograman terstruktur.
Keterangan : Nama yang diberikan berupa kata kerja.

Simbol aliran yang menggambarkan aliran data.


Keterangan : Nama yang digunakan pada aliran data
berupa kata benda, diawali dengan kata data,
misalnya “data dosen”.
12

Tabel 1. Lanjutan

Simbol file atau penyimpanan (storage).


Pemodelan notasi ini dibuat menjadi tabel-tabel basis
data yang dibutuhkan, tabel-tabel ini harus sesuai
dengan perancangan tabel-tabel pada basis data
(Entity Relationship Diagram (ERD).
Keterangan : Nama yang diberikan pada
penyimpanan adalah kata benda.

Sumber : Santoso & Nurmalina, (2017)

Tahapan perancangan dengan menggunakan Data Flow Diagram (DFD)

adalah sebagai berikut:

2.12.1 DFD Level 0 (context diagram)

Context Diagram disebut dengan DFD Level 0, DFD ini

menggambarkan sistem yang akan dibuat sebagai suatu entitas tunggal yang

berinteraksi dengan orang maupun sistem lain.

2.12.2 DFD Level 1

DFD Level 1 digunakan untuk menggambarkan modul-modul pada

sistem yang akan dikembangkan. DFD Level 1 merupakan hasil breakdown

DFD Level 0 yang sebelumnya sudah dibuat.

2.12.3 DFD Level 2

Modul-modul pada DFD Level 1 dapat di-breakdown menjadi DFD

Level 2, penjelasan lebih detail tergantung pada tingkat kedetailan modul

tersebut. Apabila modul tersebut sudah cukup detail dan rinci, maka modul

tersebut sudah tidak perlu di-brreakdown lagi. Jumlah DFD Level 2 pada sebuah

sistem sama dengan jumlah modul pada DFD Level 1 yang di-breakdown.
13

2.12.4 DFD Level 3 dan seterusnya

DFD Level 3, 4, 5, dan seterusnya merupakan breakdown dari modul

pada DFD Level di-atasnya. Breakdown pada Level 3, 4, 5, dan seterusnya

aturannya sama dengan DFD Level 1 atau Level 2.

2.13 Entity Relationship Diagram (ERD)

ERD merupakan pemodelan data untuk mendefinisikan hubungan antar

data yang menyertakan entitas (entity), hubungan (relationship), dan batasan

(constrain) dalam menyelesaikan pengembangan sebuah sistem. Struktur data

dan relasi antar data, digambarkan dalam notasi dan simbol. Terdapat beberapa

jenis notasi yang digunakan dalam penggambaran ERD yaitu notasi Original

Chen Notation, Crow’s Foot dan UML Notations (Coronel & Morris, 2015).

Perbedaan dari setiap notasi adalah sebagai berikut :

a. Original Chen Notation mendukung dalam pemodelan konseptual.

b. Crow’s Foot Notation mendukung pendekatan lebih berorientasi pada

implementasi.

c. UML Notations dapat digunakan untuk pemodelan secara konseptual

maupun implementasi.

Pada penelitian ini digunakan notasi Crow’s Foot . Penjelasan relasi dari

entitas beserta simbol penggunaan Crow’s Foot Notation terdapat pada Tabel 2.

Tabel 2. Simbol - simbol ERD dengan notasi crow’s foot.

Simbol keterangan

One and only one, one is mandatory


14

Tabel 2. Lanjutan

One or many, many is mandatory

Zero, or many, many is optional

Zero, or one, one is optional

Sumber : Coronel & morris, (2015)

2.14 Flowchart

Santoso dan Nurmalina (2017) Flowchart merupakan gambar urutan

langkah-langkah sebuah proses yang diwakilkan dengan simbol-simbol secara

detail. Simbol flowchart disajikan berikut ini pada Tabel 3.

Tabel 3 Simbol - simbol flowchart

Symbol Nama Fungsi


Terminal Memulai atau mengakhiri program

Sub program Permulaan pada sub program

Input/ Output proses input atau output pada suatu


data

Process Tindakan (proses) yang dilakukan


oleh komputer

Decision Kondisi dengan dua kemungkinan :


ya/tidak

Connector Sambungan dari proses ke proses


lainnya pada halaman yang sama.

Offline Connector penghubung dari proses ke proses


lainnya pada halaman yang berbeda.
15

Keterangan
Dokumen menyatakan input/output
proses manual, komputer dan mekanik.

Operasi manual menunjukkan proses manual.

Tabel 3. Lanjutan

Predefined Process Proses inisialisasi/pemberian harga


awal.

Flow Arah aliran program

Sumber : Santoso dan Nurmalina, (2017)

2.15 Mapping chart


Mapping chart merupakan bagan yang menunjukkan aliran di dalam

program atau prosedur sistem secara logika. Fungsi dari mapping chart untuk

memodelkan masukan, keluaran, proses maupun transaksi dengan menggunakan

simbol - simbol tertentu. Pembuatan mapping chart dapat memudahkan pemakai

dalam memahami alur dari sistem atau transaksi (Lisnawanty, 2014). Berikut ini

simbol yang digunakan pada mapping chart terlihat pada Tabel 4.

Tabel 4. Simbol - simbol mapping chart

Simbol
baik

Proses, menunjukkan proses pengolahan pada


sistem.
penyimpanan, digunakan untuk input/output
menggunakan hardisk.

Display, digunakan untuk melihat hasil


keluaran output pada monitor.

Arsip, digunakan untuk pengarsipan dokumen


16

Tabel 4. Lanjutan
Terminator, Digunakan untuk memulai atau
mengakhiri program

Penghubung, symbol yang digunakan sebagai arah


aliran program

Decision, menyataan kondisi ya/tidak

Sumber : Lisnawanty, (2014)

2.16 Blackbox testing

Metodelogi yang digunakan untuk menguji coba perangkat lunak dengan

memfokuskan pada keperluan fungsional adalah metode blackbox testing.

Pengujian blackbox testing, menemukan fungsi-fungsi yang tidak benar atau

hilang, kesalahan interface, kesalahan dalam struktur data atau akses database,

kesalahan perfomansi (performance errors), dan inisialisasi dan kesalahan

terminasi (Mustaqbal, dkk, 2015).

2.17 Penelitian terkait

Referensi penulisan ini diambil dari beberapa penelitian sebelumnya yang

dapat menjadi acuan dan data pendukung penelitian oleh penulis. Penelitian ini

berupa kesamaan pada studi kasus maupun penggunaan metode dalam

pengembangan sistem. Adapun beberapa referensi jurnal yang diuraikan adalah

sebagai berikut :

1. Rilyani, dkk (2018), dalam artikelnya yang berjudul “Aplikasi Pelaporan dan

Monitoring Data Limbah Bahan Berbahaya dan Beracun Pada Tempat

Penyimpanan Sementara Berbasis Web di PT. PLN (Persero) Sektor

Pengendalian Pembangkitan Bandar Lampung”, bertujuan membangun

aplikasi pelaporan dan monitoring data limbah bahan berbahaya dan beracun
17

berbasis web untuk membantu proses pengolahan dan pelaporan data limbah

bahan berbahaya dan beracun pada tempat penyimpanan sementara sehingga

proses pengolahan data limbah bahan berbahaya dan beracun dapat terpantau

dengan baik. Metode yang digunakan dalam penelitian ini yaitu metode

Rapid Application Development (RAD) dengan tahapan requirement

planning, user design, construction dan cutover.

2. Ramadhani, dkk (2018), dalam artikel yang berjudul “Aplikasi Online

Course “Waroeng Inggris” Berbasis Web dengan Menggunakan Framework

Codeigniter”, dimana keterbatasan waktu belajar di sekolah dan daya tangkap

setiap perserta didik yang berbeda menyebabkan beberapa siswa belum

memiliki keterampilan bahasa inggris yang baik. Salah satu alternatif untuk

meningkatkan kemampuan bahasa inggris adalah dengan mengikuti kursus

bahasa inggris. Siswa harus datang ke kelas untuk mengikuti proses

pembelajaran, namun masalah yang timbul seperti jadwal kursus tidak

bersesuaian dengan waktu luang siswa dan lokasi kursus yang jauh, maka

diberikan solusi yaitu membangun aplikasi online course, aplikasi ini

dibangun dengan menggunakan metode Rapid Application Development

(RAD) dan dilakukan pengujian menggunakan metode blackbox testing.

3. Marselia, S (2017), dengan judul artikelnya “Rancang Bangun Aplikasi

Perizinan Dispensasi Tenaga Kontrak Berbasis Website Pada Dinas Sosial

Kota Surabaya”, dengan permasalahan dalam mengelola dispensasi perizinan

tenaga kontrak dengan menggunakan Microsoft excel dan sering terjadi

kesalahan dalam operasionalnya, dokumen hilang karena tidak ada back up

serta proses pengajuan dispensasi yang lama karena adanya birokrasi. Tujuan
18

aplikasi ini adalah mempercepat proses perizinan sesuai denga kebutuhan sub

bagian umum dan kepegawaian pada dinas social kota Surabaya.

4. Herlina & Rasyid (2016), Judul artikelnya adalah “Sistem Informasi

Monitoring Pengembangan Software Pada Tahap Development Berbasis

Web”, dengan permasalahan yaitu kurang efektifnya cara pemberian tugas

dan permasalahan yang tidak tersimpan dengan baik sehingga menghambat

lancarnya pengembangan perangkat lunak. Perusahaan perlu merancang

sistem untuk memantau segala aktifitas yang terjadi pada tahap

pengembangan perangkat lunak. Dengan menggunakan sistem informasi

monitoring setiap informasi yang diperlukan oleh sistem analis dan

programmer sudah tersimpan dengan baik, mulai dari informasi tugas,

spesifikasi tugas, kendala yang terjadi dalam mengerjakan tugas sampai

perkiraan kapan semua tugas selesai.

5. Waspodo, dkk (2015), dalam artikelnya yang berjudul “Sistem informasi

pelayanan izin mendirikan bangunan dan peruntukan penggunaan tanah pada

badan penanaman modal dan pelayanan perizinan kabupaten sumedang”,

dimana informasi pemohon izin, waktu, biaya dan prosedur untuk permintaan

pendaftaran belum transparan. Penelitian ini bertujuan menghasilkan desain

sistem informasi pelayanan perizinan IMB berbasis web IPPT BPMPP yang

digunakan untuk proses layanan perizinan dan memantau hasil dari lisensi

kegiatan yang berlangsung. Sistem informasi ini dibuat menggunakan metode

pengembangan Rapid Application Development (RAD). Metode RAD

membutuhkan waktu 30-90 hari untuk menyelesaikan sebuah sistem, dan

biaya yang lebih sedikit dibandingkan dengan menggunakan metode lainnya.


19

III. METODE PELAKSANAAN

3.1 Tempat dan waktu

Pengumpulan data dan proses membangun aplikasi perizinan proyek

bertempat di PT Surveyor Indonesia. Waktu yang diperlukan untuk membangun

aplikasi ini yaitu selama 45 hari yang dimulai pada bulan april hingga mei 2019.

3.2 Alat

Alat –alat yang dibutuhkan dalam pembuatan aplikasi ini, terdiri dari dua

perangkat yaitu, perangkat keras (hardware) dan perangkat lunak (software) yang

akan diuraikan pada Tabel 5 berikut ini :

Tabel 5. Alat-alat

Hardware Software
Laptop OS Windows 7/8
Printer Web browser
XAMPP
Framework Codeigniter
phpMyAdmin
MysQL

3.3 Metode Pengumpulan Data

Pengumpulan data untuk keperluan membangun aplikasi perizinan proyek

dilakukan dengan cara, wawancara secara tidak terstruktur dengan karyawan

divisi teknologi informasi dan pembimbing praktik kerja lapang di PT Surveyor

Indonesia. Pertanyaan yang diajukan yaitu mengenai permasalahan pada sistem


20

lama, dan solusi yang dibutuhkan dalam proses perizinan proyek yang akan

diterapkan pada sistem baru.

3.4 Metode Pengembangan Sistem

Membangun aplikasi perizinan proyek ini, menggunakan metode Rapid

Application Development (RAD). Tahapan yang dilakukan untuk perancangan

sistem ini adalah sebagai berikut:

3.4.1 Requirement planning phase

Requirement planning melakukan pengumpulan data sebagai bahan

analisis. Pengumpulan data dilakukan dengan melakukan wawancara. Data

yang diperolah dari hasil wawancara dianalisis untuk menentukan kebutuhan,

sehingga dibangun rancangan sistem baru dalam bentuk Mapping Chart.

3.4.2 User desain phase

Perancangan sistem dari hasil Requirement planning dilakukan pada

tahap ini. Perancangan ini dibuat dalam beberapa bentuk sebagai berikut:

1) Rancangan Data Flow Diagram (DFD).

2) Rancangan Entitiy Relationship Diagram (ERD).

3) Rancangan database.

4) Rancangan flowchart aplkasi.

5) Rancangan tampilan aplikasi.

3.4.3 Contruction phase

Programmer mengembangkan desain yang telah dibuat menjadi

program. Program tersebut di bangun menggunakan aplikasi Sublime Text 3

dan XAMPP dengan bahasa pemograman PHP dan framework CodeIgniter.


21

3.4.4 Cutover phase

Tahap terakhir ini, Aplikasi yang telah selesai dibuat secara

keseluruhan, dilakukan proses pengujian terhadap program tersebut

menggunakan metode blackbox testing untuk menemukan kesalahan sebelum

diaplikasikan pada suatu organisasi.


22

IV. HASIL DAN PEMBAHASAN

4.1 Gambaran Umum Instansi

PT Surveyor Indonesia (Persero) berkantor pusat di Jakarta dan memiliki

kantor cabang di seluruh Indonesia, yang menyediakan layanan pasar dalam

negeri maupun luar negeri dan memastikan penyajian jasa yang optimal. Jaringan

internasional ini didukung oleh sejumlah mitra kerja dari seluruh dunia yang

memiliki reputasi internasional di bidangnya masing-masing. Perusahaan ini

didirikan pada tanggal 1 Agustus 1991 dengan misi, membantu Pemerintah

Republik Indonesia memperlancar aliran barang modal dan peralatan ke Indonesia

dari seluruh dunia, melalui jasa pemeriksaan pra-pengapalan bertaraf

internasional. Re-organisasi perusahaan ini terjadi pada tahun 2015 berbasis pasar

dengan membentuk 4 sektor berbasis kompetensi, yaitu : pemerintahan dan jasa

umum, migas dan energi, infrastruktur, serta mineral dan batubara.

Perusahaan ini sudah mencapai visi menjadi perusahaan independent

assurance kelas dunia yaitu sebagai perusahaan pemberi jaminan kepastian yang

tidak memihak dalam setiap transaksi. Perusahaan perseroan memiliki tujuan dan

kegiatan melakukan usaha di bidang survei, verifikasi, inspeksi, sertifikasi dan

konsultansi serta optimalisasi pemanfaatan sumber daya yang menghasilkan

barang atau jasa bermutu tinggi dan berdaya saing kuat untuk mendapatkan

keuntungan dalam meningkatkan nilai perseroan dengan menerapkan prinsip-

prinsip perseroan terbatas.


23

Kegiatan usaha yang dijalankan perusahaan ini berdasarkan anggaran

dasar yaitu melakukan kegiatan pada bidang Survei, Verifikasi, Inspeksi,

Sertifikasi dan Konsultansi dengan proses bisnis dibagi menjadi dua yaitu proses

bisnis operasional dan proses bisnis dengan pembuatan kebijakan perusahaan.

Struktur organisasi pada perusahaan ini dalam menjalankan kinerja dan

wewenangnya terdiri dari berbagai bidang yang saling berkoordinasi dalam

meningkatkan kualitas kerja dan tanggung jawab masing-masing bidang. Berikut

struktur organisasi di PT Surveyor Indonesia disajikan pada Gambar 2.

Gambar 2. Struktur organisasi PT Surveyor Indonesia


4.2 Requirment planning

Requirement planning adalah tahapan proses analisis, pembuatan mapping

chart dari sistem yang sedang berjalan dan rancangan sistem yang akan dibangun.
24

4.2.1 Analisis sistem yang berjalan

Tahapan sistem melakukan analisis yang sedang berjalan dan

mengusulkan sistem baru yang akan dibangun. Proses perizinan yang

dilakukan di PT Surveyor Indonesia dimulai saat terdapat proyek yang

membutuhkan perizinan kepada kepala cabang. Selanjutnya kepala cabang

mengajukan izin kepada sektor binis. Pengajuan perizinan tersebut akan

dilakukan persetujuan oleh sektor bisnis dan diteruskan kepada sekretaris

perusahaaan, kemudian dilanjutkan sekretaris perusahaaan melakukan

pendataan persyaratan dokumen-dokumen yang dibutuhkan, dan memberikan

pemberitahuan sekaligus tugas kepada pihak pemenuh data yang mengelola

dokumen yang akan di ajukan. Pemenuh data terdiri ini dari : sekretaris

perusahaan, kepala divisi perencanaan strategis, kepala divisi keuangan dan

akuntansi, kepala divisi manajemen fasilitas, dan kepala sektor bisnis.

Persyaratan dokumen yang telah dipenuhi oleh pemenuh data,

diteruskan oleh sekretaris perusahaan kepada pihak pemerintah atau instansi

yang sesuai dengan jenis proyek. Setelah pihak pemerintah atau instansi

menyetujui izin tersebut, kepala cabang dapat mengambil dokumen perizinan

kepada sekretaris perusahaan. Dokumen perizinan yang telah disetujui dapat

digunakan dalam jangka waktu yang telah ditentukan.

Proses sistem ini menghasilkan perancangan mapping chart sistem

yang sedang berjalan. Bagan alir sistem (mapping chart) dari sitem

monitoring perizinan yang sedang berjalan disajikan dalam Gambar 3.


25

Perizinan

Pemerintah /
Kepala cabang Kepala sektor bisnis Sekretaris perusahaan Pemenuh data
Instansi

start Arsip
izn

izn
Pengajuan
Izin
Persetujuan
izin Cek
pengajuan
izin
izn
Keperluan
izin diterima
No
Izin sudah
YES
ada
A
yes

B
C
izn Dokumen
No Tugas

Pemberian Dokumen
Tugas persyaratan +
izin
Pemenuhan
data
Dokumen
Tugas
Presenta
si izin
proyek
Dokumen Dokumen
persyaratan + persyaratan
izin

Disetujui
Izin resmi
NO
Arsip
yes c

A B

Izin resmi Izin resmi

end

Phase

Gambar 3. Mapping chart sistem yang sedang berjalan

4.2.2 Analisis permasalahan sistem yang sedang berjalan

Hasil dari analisis sistem yang sedang berjalan, ditemukan beberapa

proses yang membuat kerja sistem menjadi kurang efisien sehingga terjadi

keterlambatan penyelesasian perizinan. Berikut adalah beberapa

permasalahan dari proses kerja sistem yang sedang berjalan:


26

1. Pihak kepala cabang yang memerlukan dokumen izin resmi membutuhkan

waktu yang tidak singkat.

2. Pelayanan perizinan yang dilakukan pada saat pengajuan perizinan belum

tersampaikan sepenuhnya, karena kurangnya koordinasi antara sekretaris

dan pemenuh data.

3. Komunikasi yang belum optimal antara kepala cabang dan sekretaris

perusahaan ini mengakibatkan keterlambatan pada proses perizinan.

4. Proses perizinan perlu adanya monitoring oleh semua pihak, sehingga

kepala cabang yang mengajukan perizinan menerima informasi bahwa

pengajuan izin tersebut sedang proses penyelesaian.

4.2.3 Rancangan sistem yang akan dibangun

Rancangan sistem yang akan dibangun berdasarkan dari hasil analisis

permasalahan sistem yang berjalan, yang bertujuan mempermudah dan

meningkatkan efisiensi proses kerja sistem. Rancangan alur sistem baru

dibuat menggunakan mapping chart, dimulai dari kepala cabang

menginputkan pengajuan perizinan (jika izin resmi telah tersedia kepala

cabang hanya mengunduh data dokumen perizinan) . Pada proses perizinan

berlangsung kepala cabang dapat memonitoring proses penyelesaian

dokumen. Proses pengajuan izin akan diketahui kepala sektor bisnis dan akan

diteruskan ke sekretaris perusahaan. Selanjutnya pemberian tugas kepada

pemenuh data untuk memenuhi peryaratan dokumen izin resmi. Persyaratan

yang telah terpenuhi akan di unduh dan di berikan kepada

pemerintah/instansi. Setelah pihak pemerintah atau instansi menyetujui izin

tersebut, sekretaris akan upload dokumen izin resmi dan kepala cabang dapat
27

mengunduh dokumen perizinan. Dokumen perizinan yang telah diunduh

dapat digunakan dalam jangka waktu yang telah ditentukan. Mapping chart

aplikasi perizinan proyek disajikan pada Gambar 4.

Aplikasi Perizinan

Kepala cabang Kepala sektor bisnis Sekretaris perusahaan Pemenuh data Pemerintah /Instansi

start
izn

izn
Input nama izin B
c
Display
Tugas
Cek
Dtaabase
Pencarian data pengajuan
izin Persetujuan
izin
izin
Input
dokumen
Izin resmi
no
ada Input
persyaratan
Izin
Pemenuhan
disetujui
Input data iizin
no
Pemberian
A yes tugas

Dokumen
Pengajuan izin persyaratan
yes izn

Dokumen Dokumen
persyaratan + persyaratan +
izin izin
Arsip
izn
Presen
Display izin tasi
Izin resmi izin
proyek

Download izin
Disetujui
resmi
Input izin no
resmi
yes B
Izin resmi

Izin resmi
A
Upload izin

end

c
Phase

Gambar 4. Mapping chart sistem yang akan dibuat


28

4.3 User desain

Rancangan dari hasil analisis pada tahapan requirements planning,

selanjutnya akan diterapkan ke dalam perancangan sistem perangkat lunak.

Rancangan sistem yang dibuat dalam tahapan ini yaitu : DFD, database,

flowchart program, dan desain interface.

4.3.1 Rancangan DFD (Data Flow Diagram)

Perancangan DFD sistem dibuat dalam bentuk DFD level 0 DFD level

1 yang di uraikan berikut ini :

1. DFD Level 0

Data Flow Diagram level 0 (context diagram) merupakan diagram level

tertinggi dan merupakan awal dalam pembuatan Data Flow Diagram (DFD).

DFD level 0 menggambarkan hubungan sistem dengan lingkungan luarnya

atau entitas luar yang terlibat dalam sebuah sistem, aliran data masuk dan

keluar sistem. DFD level 0 pada aplikasi monitoring perizinan proyek

disajikan pada Gambar 5.

Gambar 5. DFD level 0


29

2. DFD Level 1

Penggambaran sistem yang lebih detail dari DFD level 0 dibuat pada Data

Flow Diagram level 1. DFD level 1 pada aplikasi monitoring perizinan

proyek ini disajikan dalam Gambar 6.

Gambar 6. DFD level 1


4.3.2 Rancangan Database

Rancangan database dibuat dalam bentuk ERD dan Rancangan tabel

beserta atribut yang dijelaskan secara detail.

1. Entity Relationship Diagram (ERD)

ERD dirancang dengan menampilkan entitas dan atribut yang dibutuhkan.

Rancangan ERD disajikan pada Gambar 7.


30

Gambar 7. ERD

2. Database

Desain database dibuat menggunakan MySQL. Aplikasi Monitoring

Perizinan Proyek di PT Xyz Berbasis Web menggunakan Framework

Codeigniter ini terdiri dari 15 tabel yang diuraikan sebagai berikut :

Database : ijin.sql

a. Tabel : app_users

Primary key : id
31

Column Name Data Type Size Information


id Int 11 PK
ip_address Varchar 15
username Varchar 50
password Varchar 255
salt Varchar 255
email Varchar 100
Last_login int 11
Ative Bit 1
First_name Varchar 25
Last_name Varchar 25
nama Varchar 100
Unit_id Int 10 FK
Id_jabatan Int 11 FK
User_insert Varchar 5
Tgl_insert Date
User_update Varchar 5
Tgl_update Date

b. Tabel : app_users_groups

Primary key : id

Column Name Data Type Size Information


id Int 11 PK
User_id Int 11 FK
Group_id Int 11 FK

c. Tabel : app _groups

Primary key : id

Column Name Data Type Size Information


id Int 11 PK
Name Varchar 20
Description Varchar 100
User_insert Varchar 10
Tgl_insert Datetime
User_update Varchar 10
Tgl_update Datetime

d. Tabel : tbl_izin

Primary key : id_izin


32

Column Name Data Type Size Information


Id_izin Int 11 PK
Nama_izin Text
Instansi_penerbit Varchar 50
Id_user Int 11 FK
Id_sb Int 11
Status_izin Enum(‘0’,’1’,’2’)
Catatan_izin Text
Nomor_memo Varchar 25
Keterangan Text
Id_kategori Int 11 FK
Id_jenisIzin Int 11 FK
Id_progress Int 11 FK
Doc_acc Text
Doc_izin Text
Tgl_permohonan_izin Datetime
Tgl_disetujui Datetime
Tgl_permintaan_pemenuh Datetime
an
Tgl_penyerahan_dokume Datetime
n
Tgl_presentasi_diterima Datetime
Tgl_presentasi_ditolak Datetime
Tgl_pengambilan_izin Datetime
Tgl_publish Datetime

e. Tabel : tbl_dokumen

Primary key : id_dokumen

Column Name Data Type Size Information


Id_dokumen Int 11 PK
Id_izin Int 11 FK
Id_persyaratan Int 11 FK
Doc_sb Text
Status Set(‘T’,’F’,’D’)
Catatan_dokumen Text
User_insert Int 11
User_update Int 11
Tgl_user_insert Timestamp
Tgl_user_update Datetime

f. Tabel : tbl_persyaratan

Primary key : id_persyaratan


33

Column Name Data Type Size Information


Id_persyaratan Int 11 PK
Nama_peryaratan Varchar 50
Id_jabatan Int 11

g. Tabel : tbl_tugas

Primary key : id_tugas

Column Name Data Type Size Information


Id_tugas Int 11 PK
Id_izin Int 11 FK
Id_peryaratan Int 11 FK

h. Tabel : tbl_publish

Primary key : id_publish

Column Name Data Type Size Information


Id_publish Int 11 PK
No_memo Varchar 25
Keterangan Text
Dokumen Text
Tgl_berlaku Date
Tgl_expired Date
User_insert Int 11
User_update Int 11
Tgl_insert Datetime
Tgl_update Datetime

i. Tabel : tbl_jabatan

Primary key : id_jabatan

Column Name Data Type Size Information


Id_jabatan Int 11 PK
Nama_jabatan Varchar 20
Keterangan_jabatan Varchar 30
Id_group Int 11

j. Tabel : tbl_kategori

Primary key : id_kategori


34

Column Name Data Type Size Information


Id_kategori Int 11 PK
Nama_kategori Varchar 25
Lama_hari Int 11
Created_by Int 11
Updated_by Int 11

k. Tabel : tbl_jenisizin

Primary key : id

Column Name Data Type Size Information


Id_ Int 11 PK
Jenis_izin Varchar 25
Created_by Int 11
Update_by Int 11

l. Tabel : tbl_progress

Primary key : id_progress

Column Name Data Type Size Information


Id_progress Int 11 PK
Nama_progress Varchar 25

m. Tabel : tbl_unit

Primary key : tu_id

Column Name Data Type Size Information


Tu_id Int 11 PK
Tu_nama Varchar 25
Tu_id_sektor int 11
Tu_user_insert Varchar 50
Tu_tgl_insert Datetime
Tu_user_update Varchar 50
Tu_tgl_update datetime

n. Tabel : history_download

Primary key : id_history


35

Column Name Data Type Size Information


Id_history Int 11 PK
Nama_project Varchar 50
Nama_client Varchar 25
Keterangan Text
Id_users Int 11 FK
Date_download Datetime
Dokumen_id Int 11

o. Tabel : tokens

Primary key : id

Column Name Data Type Size Information


Id Int 11 PK
token Varchar 255
User_id int 10 FK
created date

4.3.3 Rancangan Flowchart Program

Rancangan flowchart yang dibuat merupakan salah satu cara

menggambarkan algoritma aplikasi dalam bentuk simbol yang saling

berhubungan. Tujuan pembuatan flowchart adalah menjelaskan proses

komunikasi dan dokumentasi yang terjadi pada aplikasi.

1. Flowchart program halaman login

Aplikasi monitoring perizinan proyek memiliki halaman login yang

dipakai oleh pengguna. Proses Authentication membedakan hak akses

pengguna aplikasi dan akan diarahkan ke menu utama sesuai hak akses.

Aplikasi monitoring perizinan proyek ini memiliki 5 hak akses yaitu, kepala

cabang, kepala sektor bisnis, sekretaris, pemenuh data, dan admin. Flowchart

halaman login disajikan pada Gambar 8.


36

start

Username
Lupa password Y Lupa password
dan
password

Notifikasi
username
Cek login username
N dan
dan password
password
salah

Lvl_user = 1 Y Kepala Cabang

Lvl_user = 2 Y Sektor Bisnis

Lvl_user = 3 Y Sekretaris

Lvl_user = 4 Y Pemenuh data

Lvl_user = 5 Y Admin

End

Gambar 8. Flowchart program halaman login


2. Flowchart program lupa password

Halaman lupa password digunakan apabila pengguna lupa dengan

password pada akun yang digunakan. Flowchart halaman lupa password

disajikan pada Gambar 9.


37

start

Input email

Kirim pesan email

Pemberitahuan
Email = true N email salah /
belum terdaftar

Input passowrd
baru

Ubah password

Password
baru

end

Gambar 9. Flowchart program lupa password


3. Flowchart program halaman menu data kepala cabang

Halaman data kepala cabang digunakan untuk mengolah data izin. Kepala

cabang dapat melihat daftar data izin, detail izin, menambah, mengubah dan

menghapus data izin melalui halaman ini. Flowchart halaman menu data

kepala cabang disajikan pada Gambar 10.


38

start

Menu data
kepala cabang :
1. izin
2. dokumen
3.logout

Pilih = 1 y Pengajuan izin

Downlad
Pilih = 2 y
dokumen izin

Pilih = 3 y logout

end

Gambar 10. Flowchart program halaman kepala cabang


4. Flowchart program pengajuan izin

Pengajuan izin ini dilakukan oleh kepala cabang dengan menginput data

nama izin, nomor izin, jenis izin, kategori, dan upload file izin. Setelah

menginput data pengajuan, maka izin tersebut akan terkirim kepada kepala

sektor bsnis untuk dilakukan persetujuan. Berikut flowchart pengajuan izin

yang dialkukan kepala cabang disajikan pada Gambar 11.


39

start

Input
nama,nomor,jenis
,kategori,file
perizinan

pengajuan

Data izin

end

Gambar 11. Flowchart program pengajuan izin


5. Flowchart program download dokumen izin

User harus mengisi form terlebih dahulu untuk mendownload dokumen

izin. Berikut flowchart download dokumen izin yang dilakukan untuk

mendapatkan dokumen perizinan resmi disajikan pada Gambar 12.

start

Input nama
proyek, nama
client, ketrangan

download

file izin

end

Gambar 12. Flowchart program download dokumen izin


40

6. Flowchart program halaman menu data sektor bisnis

Flowchart halaman menu data pada sektor bisnis menampilkan daftar data

pengajuan izin, mendownload dokumen izin resmi seperti yang dijelaskan

pada flowchart program gambar 12, dan melakukan persetujuan atau

penolakan terhadap pengajuan izin yang masuk. Flowchart halaman menu

data sektor bisnis disajikan pada Gambar 13.

start

Menu data
sektor bisnis
1. izin
2. dokumen
3. logout

persetujuan
Pilih = 1 y
izin

Downlad
Pilih = 2 y
dokumen izin

Pilih = 3 y logout

end

Gambar 13. Flowchart program halaman sektor bisnis


41

7. Flowchart program persetujuan izin

Pada halaman persetujuan, kepala sektor bisnis dapat melakukan

persetujuan ataupun penolakan terhadap pengajuan izin dari kepala cabang.

Pengajuan izin yang disetujui akan terkirim ke sekretaris perusahaan,

sedangkan pengajuan izin yang ditolak akan di kembalikan kepada kepala

cabang yang melakukan pengajuan dengan mengisi pesan terlebih dahulu.

Flowchart persetujuan izin yang dilakukan kepala sektor bisnis disajikan

pada Gambar 14.

start

Data
perizina
n

persetujuan

Input
diterima N keterang
an

Y penolakan

Pemberi
Data izin tahuan
diterima Data izin
ditolak

end

Gambar 14. Flowchart program persetujuan


izin 8. Flowchart program halaman data sekretaris

Halaman data sekretaris menampilkan data grafik perizinan, menu

halaman penugasan, menu upload dokumen yang telah di setujui oleh


42

pemerintah/instansi, dan menu data history surat izin yang telah di download.

Flowchart halaman data pada sekretaris disajikan pada Gambar 15.

start

Menu data
Sekretaris
1. dashboard
2. izin
3. dokumen
4. history
download

Pilih = 1 y data grafik

Pilih = 2 y Data izin penugasan

Data upload
Pilih = 3 y
dokumen dokumen

Data history
Pilih = 4 y
download

end

Gambar 15. Flowchart program halaman sekretaris


9. Flowchart program penugasan

Sekretaris melakukan penugasan dengan memberi dokumen kepada

pemenuh data pada menu penugasan yang terdapat pada halaman hak akses

sekretaris. Sekretaris menginputkan data persyaratan pada list dokumen


43

persyaratan yang telah diseleksi. Dokumen persyaratan yang terjadi kesalahan

saat penugasan, dapat di edit oleh sekretaris. Flowchart program penugasan

disajikan pada Gambar 16.

start

Input data
persyaratan

Edit
penugasan
penugasan

Data = true N

Data
penugasan

end

Gambar 16. Flowchart program penugasan


10. Flowchart program upload dokumen izin resmi

Halaman upload dokumen izin resmi dilakukan oleh sekretaris setelah

pengajuan izin di setujui oleh pemerintah atau instansi. Dokumen izin resmi

dapat dilakukan pengeditan hanya untuk hak akses sekretaris. Flowchart

halaman upload dokumen izin resmi disajikan pada Gambar 17.


44

start

Upload
dokumen
izin resmi

Edit data
upload
peryaratan

Data = true n

Dokumen
izin resmi

end

Gambar 17. Flowchart program upload dokumen izin resmi


11. Flowchart program halaman data pemenuh data

Pemenuh data merupakan pengguna aplikasi yang mengupload pesyaratan

dokumen yang diberikan oleh sekretaris dan dapat mendownload dokumen izin

seperti yang dijelaskan pada gambar 12. Flowchart program halaman data pada

pemenuh data disajikan pada Gambar 18.

start

Menu data
pemenuh data
1. izin
2. dokumen

Upload
Pilih = 1 y Data izin
persyaratan

Data download
Pilih = 2 y
dokumen dokumen

end

Gambar 18. Flowchart program halaman data pemenuh data


45

12. Flowchart program upload persyaratan

Halaman upload dokumen dilakukan oleh pemenuh data untuk memenuhi

persyaratan perizinan yang telah diberi tugas oleh sekretaris. Flowchart

halaman upload dokumen disajikan pada Gambar 19.

start

Upload file
persyaratan

Edit data
upload
peryaratan

Data = true n

File
persyaratan

end

Gambar 19. Flowchart program upload persyaratan


13. Flowchart program halaman data admin

Hak akses pada halaman admin melakukan proses manajemen user,

download dokumen perizinan seperti yang dijelaskan pada gambar 12, dan

penambahan data master. Flowchart halaman data admin disajikan pada

Gambar 20.
46

start

Menu data
admin
1. user
2. dokumen
3. master

Manajemen
Pilih = 1 y Data user
user

Data download
Pilih = 2 y
dokumen dokumen

penambahan
Pilih = 3 y Data master
Data Master

end

Gambar 20. Flowchart program halaman data admin


14. Flowchart program manajemen user

Manajemen user dilakukan pada halaman dengan hak akses admin.

Manajemen user ini melakukan proses pembuatan user baru, mengganti

password dan juga mengubah nama akun pengguna aplikasi. Flowchart

halaman manajemen user disajikan pada Gambar 21.


47

start

Input
nama,email,pass
word,jabtan,
gruptype,unit

Tambah user Edit user

Input data
Data = true N
user baru

User = aktif N Delete user

Data user
Data user
tidak aktif

end

Gambar 21. Flowchart program halaman manajemen user


15. Flowchart program menu data master

Flowchart pada data master ini melakukan proses penambahan atau

perubahan pada kategori izin, jenis izin, dan juga penambahan dokumen

persyaratan. Flowchart halaman data master disajikan pada Gambar 22.


48

start

Menu
1. kategori
2.jenis izin
3. persyaratan

Input
Menu = 1 Y kategori,lama Tambah kategori Data kategori
pengerjaan

Input jenis
Menu = 2 Y Tambah jenis izin Data jenis
izin

Input nama
Data
Menu = 3 Y persyaratan, Tambah persyaratan
persyaratan
dokumen

end

Gambar 22. Flowchart program data master


4.3.4 Desain interface

Tampilan antar muka diterapkan dalam aplikasi dan dibuat pada

rancangan desain interface. Tujuan dari desain interface mempermudah

programmer dalam mendesain suatu aplikasi sehingga aplikasi dapat

digunakan sesusai dengan kebutuhan user.

1. Rancangan tampilan form login pengguna aplikasi

Pengguna aplikasi dapat menggunakan account yang telah terdaftar pada

sistem untuk mengisi form login. Form login memiliki dua kolom username

dan password yang wajib diisi, apabila masih kosong, sistem authentication
49

aplikasi tidak dapat dijalankan saat menekan tombol login dan sistem akan

mengirimkan notifikasi atau pesan untuk mengisi username dan password

terlebih dahulu. Rancangan tampilan form login pengguna aplikasi dapat

dilihat pada Gambar 23.

SILAHKAN lOGIN

Aplikasi Monitorig Perizinan


Username
Deskripsi aplikasi

Password

Login

Lupa password

Footer

Gambar 23. Rancangan tampilan login


2. Rancangan tampilan form lupa password

Fitur lupa password digunakan apabila pengguna aplikasi lupa dengan

passwordnya. Pengguna aplikasi dapat mengisi form email untuk mengubah

password. Rancangan tampilan form lupa password pengguna aplikasi dapat

dilihat pada Gambar 24.

Lupa password
Aplikasi Monitorig Perizinan

Masukan alamat email Deskripsi aplikasi

email submit

Back to login

Footer

Gambar 24. Rancangan tampilan lupa password


50

3. Rancangan tampilan menu data izin

Halaman ini menampilkan informasi data pengajuan izin yang sedang

diproses. Rancangan tampilan menu data izin disajikan pada Gambar 25.

Aplikasi Perizinan Nama admin

Dashboard
Tambah Izin

Izin Data Izin Pencarian

Dokumen No Nama izin progress keterangan aksi

Keterangan :
Keterangan warna abu2
Keterangan warna kuning
Keterangan warna merah
Keterangan warna hijau

Gambar 25. Rancangan menu data izin


4. Rancangan tampilan download data izin resmi

Tampilan download data izin resmi berisi informasi detail dokumen

perizinan, apabila akan melakukan download dokumen, pengguna wajib mengisi

form nama proyek, nama client, dan keterangan terlebih dahulu. Rancangan tampilan menu

data izin disajikan pada Gambar 26.

Aplikasi Perizinan Nama admin

Izin
Perizinan
Dokumen
Nama izin
tgl di publish:
Tgl berlaku habis :

Keterangan isi izin

Nama proyek Username

Nama client: Password

Keterangan : Password

Download

Gambar 26. Rancangan tampilan download data izin resmi


51

5. Rancangan tampilan form pengajuan izin (kepala cabang)

Halaman form pengajuan izin dilakukan oleh kepala cabang. Form ini diisi

data-data perizinan yang akan di ajukan. Rancangan tampilan form pengajuan

izin disajikan pada Gambar 27.

Aplikasi Perizinan Nama admin

Izin
Data pengajuan : value
Dokumen
Data pengajuan : value

value
Data pengajuan :

Data pengajuan : value

Data pengajuan : value

Data pengajuan : value

Submit

Gambar 27. Rancangan form pengajuan izin


6. Rancangan tampilan persetujuan izin (sektor bisnis)

Tampilan persetujuan izin menampilkan data detail perizinan dan tombol

validasi. Kepala sektor bisnis melakukan persetujuan atau penolakan untuk

pengajuan izin dari kepala cabang. Rancangan tampilan form persetujuan izin

disajikan pada Gambar 28.

Aplikasi Perizinan Nama admin

Izin
Perizinan
Dokumen
Nama cabang:
Nama izin:
Tanggal izin :

Keterangan isi izin

Setujui Tolak

Gambar 28. Rancangan tampilan persetujuan izin


52

7. Rancangan tampilan penugasan (sekretaris)

Sekretaris melakukan penugasan kepada pemenuh data berupa dokumen

persyaratan yang sesuai dengan pengajuan perizinan. Rancangan tampilan

penugasan disajikan pada Gambar 29.

Aplikasi Perizinan Nama admin

Dashboard

Dokumen Peryaratan
Izin

Dokumen Nama Dokumen Peryaratan


Nama Dokumen Peryaratan
history download Nama Dokumen Peryaratan

Nama Dokumen Peryaratan


Nama Dokumen Peryaratan

Nama Dokumen Peryaratan

Submit

Gambar 29. Rancangan tampilan penugasan


8. Rancangan tampilan form input data izin resmi (sekretaris)

Halaman form input data izin resmi dilakukan oleh sekretaris. Form ini

berisi nama, nomor, kategori, jenis izin, tanggal dipublish, dan tanggal masa

berlaku. Rancangan tampilan form form input data izin resmi disajikan pada

Gambar 30.

Aplikasi Perizinan Nama admin

Dashboard
Izin

Nama izin : value

Izin
Dokumen Nomor Izin value
Dokumen
Kategori value

history download Jenis Izin : value

tgl publish value

tgl masa berlaku: value

Submit

Gambar 30. Rancangan tampilan form input data izin resmi


53

9. Rancangan tampilan upload data persyaratan izin (pemenuh data)

Tampilan pada halaman upload data persyaratan izin, berisi informasi

nama dokumen yang akan di upload. Dokumen ini tampil ketika sekretaris

melakukan penugasan kepada pemenuh data. Rancangan tampilan form

upload data persyaratan izin disajikan pada Gambar 31.

Aplikasi Perizinan Nama admin

Izin
Dokumen Peryaratan
Dokumen

No Nama dokumen catatan Keterangan Upload

Upload

Gambar 31. Rancangan tampilan upload data persyaratan


10. Rancangan tampilan menu data user (admin)

Tampilan pada halaman menu data user, terdapat informasi nama akun

user, email, dan jabatan. Pada halaman ini admin dapat melakukan proses edit

data user, perubahan password pengguna, dan menghapus akun pengguna.

Tampilan data user terdapat menu master, yeng berfungsi untuk melakukan

proses penambahan data master seperti kategori izin, jenis izin, dan dokumen

persyaratan pada menu data master. Rancangan tampilan menu data user

disajikan pada Gambar 32.


54

Aplikasi Perizinan Nama admin

User
Tambah user

Dokumen Pencarian
Data user
Data Master No Nama user email jabatan aksi

lupa pw Edit

Hapus

lupa pw Edit

Hapus

Gambar 32. Rancangan tampilan menu data


user 4.4 Construction

Tujuan pada tahap construction adalah membangaun aplikasi monitoring

perizinan proyek berbasis web dari hasil rancangan yang dibuat, kemudian

dilakukan pengujian tahap awal pada aplikasi yang dihasilkan. Berikut tahapan

construction untuk membangaun aplikasi perizinan proyek :

4.4.1 Coding program

Pembuatan kode program dilakukan sebagai implementasi dari hasil

analisis yang telah dibuat sehingga menjadi aplikasi dapat digunakan. Coding

program menggunakan bahasa pemrograman PHP, HTML, dan Framework

CodeIgniter yang ditulis menggunakan aplikasi sublime text 3 . Penulisan

kode program menggunkan konsep MVC (Model View Controller). Penulisan

kode pada aplikasi perizinan proyek ini terdapat kode dasar yang dimulai dari

insert, update, dan delete yang disajikan pada pada halaman lampiran 1.
55

4.4.2 Tampilan program

Tahap ini menampilkan program yang telah dibuat berdasarkan

rancangan interface yang telah dirancang sebelumnya.

1. Tampilan form login aplikasi

Login aplikasi memiliki 5 akses level user yaitu kepala cabang, kepala

sektor bisnis, sekretaris, pemenuh data, dan admin. Proses authentication

akan mengarahkan pengguna aplikasi sesuai dengan hak akses account milik

pengguna aplikasi. Berikut ini tampilan halaman form login disajikan pada

Gambar 33.

Gambar 33. Tampilan form login aplikasi


2. Tampilan form lupa password

Halaman lupa password bertujuan untuk penggunna aplikasi yang lupa

dengan password akun. Pada halaman ini berisi form email. Pengguna

aplikasi dapat memasukan nama email pengguna, selanjutnya pesan akan

dikirimkan ke email. Pesan dari email berupa link untuk mengubah

password akun dengan mengiisi form password baru. Halaman lupa

password diuraikan pada gambar berikut ini.


56

Gambar 34. Tampilan form ubah password aplikasi

Gambar 35. Tampilan link email ubah password

Gambar 36. Tampilan form ubah password aplikasi


3. Tampilan menu data izin

Menu data izin menampilkan daftar pengajuan dan progress izin dari

kepala cabang. Tampilan menu data izin ini terdapat daftar nama izin,

nomor izin, kategori, tanggal permohonan, progress pelayanan izin, status,

dan detail isi perizinan. Terdapat beberapa warna yang menjelaskan status
57

dokumen persyaratan yaitu, warna hijau melambangkan dokumen sudah

lengkap dan disetujui , warna merah melambangkan dokumen tidak

disetujui, warna kuning melambangkan dokumen persyaratan yang di

upload belum lengkap, warna abu-abu melambangkan dokumen

persyaratan kosong. Tampilan menu data izin disajikan pada Gambar 37

dan progress izin pada Gambar 38.

Gambar 37. Tampilan menu data izin

Gambar 38. Tampilan progress izin


4. Tampilan aplikasi download dokumen izin resmi

Tampilan download dokumen izin resmi berisi informasi detail

dokumen perizinan. Pengguna aplikasi dapat mendownload dokumen,


58

dengan mengisi form nama proyek, nama client, dan keterangan. Tampilan

menu data izin disajikan pada Gambar 39.

Gambar 39. Tampilan downlad dokumen izin resmi


5. Tampilan aplikasi form pengajuan izin (kepala cabang)

Pengajuan izin dikukan kepala cabang dengan mengisi form nomor

memo, nama izin, jenis izin, instansi penerbit, kategori, dan file perizinan.

Tampilan form pengajuan izin disajikan pada Gambar 40.

Gambar 40. Tampilan pengajuan izin

6. Tampilan aplikasi persetujuan pengajuan izin (sektor bisnis)

Persetujuan pengajuan izin adalah halaman pada hak akses sektor bisnis

dalam melakukan persetujuan dan penolakan izin dari tahap pengajuan

kepala cabang untuk diteruskan ke sekretaris. Gambar 43 menjelaskan


59

tampilan persetujuan izin dan gambar 44 menjelaskan tampilan penolakan

izin. Kepala sektor bisnis akan menerima pesan email apabila terdapat

pengajuan perizinan baru dari kepala cabang pada Gambar 41. Tampilan

aplikasi persetujuan pengajuan izin uraikan pada gambar berikut ini.

Gambar 41.Tampilan notifikasi pesan email

Gambar 42. Tampilan persetujuan izin

Gambar 43. Tampilan persetujuan izin disetujui


60

Gambar 44. Tampilan penolakan pengajuan izin


7. Tampilan aplikasi penugasan (sekretaris)

Tampilan penugasan melakukan input dokumen persyaratan yang akan

di berikan kepada pemanuh data berdasarkan dokumen yang telah dipilih

sekretaris sesuai dengan pengajuan izin. Tampilan penugasan disajikan

pada Gambar 45.

Gambar 45. Tampilan penugasan


8. Tampilan input data dokumen izin resmi (sekretaris)

Dokumen perizinan yang telah di setujui oleh pemerintah atau instansi,

selanjutnya sekretaris melakukan input data ke aplikasi. Dokumen izin

resmi yang telah diinput oleh sekretaris, maka secara otomatis kepala

cabang akan mendapatkan pesan email bahwa proses pengajuan izin telah
61

selesai dan dapat diunduh. Tampilan input data dokumen resmi dan pesan

email penyerahan izin uraikan pada gambar berikut ini.

Gambar 46. Tampilan input data dokumen izin resmi

Gambar 47. Tampilan pesan email penyerahan izin

9. Tampilan aplikasi upload data persyaratan (pemenuh data)

Dokumen persyaratan tampil ketika sekretaris melakukan penugasan

kepada pemenuh data. Tampilan program upload data persyaratan izin,

berisi informasi nama dokumen yang akan di upload. Pemenuh data dapat

mengubah dan menghapus file dokumen persyaratan jika terjadi kesalahan.

Tampilan program upload data persyaratan izin uraikan pada gambar

berikut ini.
62

Gambar 48. Tampilan upload data persyaratan

Gambar 49. Tampilan upload data persyaratan


10. Tampilan menu data user (admin)

Halaman hak akses Admin dapat menambah (create) data user account

baru dijelaskan pada Gambar 50. Setelah data user tersimpan, admin dapat

melihat (read), mengubah (update), mengubah password (change

password),dan menghapus (delete) data user. Tampilan data user terdapat

menu master, yeng berfungsi untuk melakukan proses penambahan data

master seperti kategori izin, jenis izin, dan dokumen persyaratan pada menu

data master yang dijelaskan pada gambar 51.


63

Gambar 50. Tampilan tambah data user

Gambar 51. Tampilan menu data user


11. Tampilan penyajian grafik (sekretaris)

Berikut tampilan penyajian grafik pada hak akses sekretaris disajikan

pada Gambar 52.

Gambar 52. Tampilan penyajian grafik


64

4.5 Cutover

Pengujian aplikasi secara menyeluruh pada tahapan ini, tujuan tahapan

cutover untuk menjamin bahwa syarat dan spesifikasi rancangan sistem pada

tahapan sebelumnya telah terpenuhi. Apabila terdapat kesalahan yang ditemukan,

maka dilakukan perbaikan, sehingga aplikasi dapat digunakan oleh pengguna

aplikasi.

4.5.1 Metode Pengujian

Metode pengujian yang digunakan untuk menguji “Aplikasi

Monitoring perizinan proyek di PT Xyz berbasis web menggunakan

framework codeigniter” adalah metode blackbox testing yang dilakukan

dengan cara berikut :

1) Menjalankan aplikasi

2) Mengamati proses aplikasi tersebut, apakah fungsi-fungsi berjalan sesuai

dengan target yang tertera pada lembar pengujian yang disediakan

3) Mengisi lembar pengujian berdasarkan hasil pengamatan aplikasi

4.5.2 Hal-hal yang Diuji

Dalam pengujian Aplikasi Monitoring Perizinan Proyek Di PT Xyz

Berbasis Web menggunakan Framework Codeigniter ini terdapat beberapa

hal yang diuji sesuai dengan metode blacbox testing yaitu :

1) Aplikasi secara fungsional

2) Akses database

3) Menguji pada batas atas dan batas bawah nilai yang diisikan pada aplikasi

4) Tampilan aplikasi
65

4.5.3 Penguji Web

Aplikasi Monitoring Perizinan Proyek Di PT Xyz Berbasis Web

Framework Codeigniter ini diuji oleh :

1) Dr. Henry Kurniawan, S.Si., M.Stat., selaku Dosen Pembimbing I

Politeknik Negeri Lampung

2) Muhammad Danil Rafiqi Mahasiswa program studi manajemen

informatika Politeknik Negeri Lampung

3) Muhammad Rendi Mahasiswa program studi agribisnis Politeknik Negeri

Lampung

4.5.4 Hasil pengujian

Berdasarkan hasil pengujian yang terlampir pada lampiran 2 dan 3

maka dapat diambil kesimpulan hasil pengujian sebagai berikut :

1. Aplikasi secara fungsional

Hasil dari pengujian pada aplikasi monitoring perizinan proyek secara

fungsional, tidak ditemukan kesalahan pada fungsi-fungsi yang ada, sehingga

aplikasi berjalan dengan baik.

2. Akses database

Pengujian pada akses database setelah dilakukan, hasilnya tidak temukan

kesalahan, data dan informasi yang ditampilkan sesuai dengan yang

kebutuhan.

3. Menguji pada batas atas dan batas bawah nilai yang diisikan pada aplikasi

Hasil pengujian pada batas atas dan batas bawah nilai yang diisikan pada

aplikasi monitoring perizinan proyek ini yaitu mampu menangani data, baik

data normal ataupun data tidak normal dan dilengkapi dengan beberapa
66

proses validasi data untuk menjamin akurasi entri data sesuai fungsional yang

diinginkan.

4. Tampilan aplikasi

Hasil dari pengujian tampilan aplikasi monitoring perizinan proyek yaitu

tidak ditemukan kesalahan dan sesuai dengan target yang tertera pada lembar

pengujian.
67

V. KESIMPULAN DAN SARAN

5.1 Kesimpulan

Kesimpulan yang dapat diambil dari “Aplikasi Monitoring Perizinan

Proyek di Pt Xyz Berbasis Web Menggunakan Framework Codeigniter” adalah

menghasilkan aplikasi berbasis web yang dapat memonitoring pelayanan perizinan

proyek. Aplikasi ini digunakan untuk menunjang proses yang berlangsung pada

sistem perizinan.

5.2 Saran

Aplikasi ini merupakan penyedia informasi pada pelayanan perizinan.

Aplikasi yang dibuat masih menggunakan bahasa pemograman PHP dan berbasis

web, sedangkan saat ini semua orang banyak menggunakan prangkat mobile.

Saran yang diberikan berdasarkan hasil survey di stackoverflow teknologi bahasa

pemograman paling popular yaitu, aplikasi ini dapat dikembangkan ke dalam

bahasa pemograman javascript yang dapat dijalankan di berbagai platform, dari

mulai PC sampai perangkat mobile.


68

DAFTAR PUSTAKA

Coronel, C., & Morris, S. (2015). Database Systems: Design, Implementation, &
Management. USA: Stamford.
Hendrianto, D. E. (2014). Pembuatan Sistem Informasi Perpustakaan Berbasis
Website. Indonesian Journal on Networking and Security.
Herliana, A., & Rasyid, P. M. (2016) Sistem Informasi Monitoring Pengembangan
Software Pada Tahap Development Berbasis Web. Jurnal Informatika,
Vol.III No 1.
Lisnawanty. (2014). Perancangan Sistem Informasi Kearsipan Surat Masuk.
Jurnal Khatulistiwa Informatika.
Marselia, S. (2017). Rancang Bangun Aplikasi Perizinan Dispensasi Tenaga
Kontrak Berbasis Website Pada Dinas Sosial Kota Surabaya.
Maryanto, M. (2016). Sistem Informasi Perizinan Berbasis Web Pada Badan
Pariwisata Dan Seni Budaya Bidang Seni Dan Budaya Kabupaten Ogan
Komering Ulu Timur.
Mustaqbal, M. E., Firdaus, R. F., & Rahmadi, H. (2015). Pengujian Aplikasi
Menggunakan BlackBox Testing Boundary Value Analysis (Studi Kasus :
Aplikasi Prediksi Kelulusan Snmptn). Jurnal Ilmiah Teknologi Informasi
Terapan Volume I, No 3

Prayitno, A., & Safitri, Y. (2015). Pemanfaatan Sistem Informasi Perpustakaan


Digital. Indonesian Journal on Software Engineering.
Ramadhani, A., Yusman, H. Q., Putra, I. V., & Asrowardi, I. (2018). Aplikasi
Online Course “Waroeng Inggris” Berbasis Web dengan Menggunakan
Framework Codeigniter. Karya Ilmiah Mahasiswa Manajemen
Informatika

Rilyani, A. I., Asrowardi, I., & Saputra, K. (2018). Aplikasi Pelaporan dan
Monitoring Data Limbah Bahan Berbahaya dan Beracun Pada Tempat
Penyimpanan Sementara Berbasis Web di PT. PLN (Persero) Sektor
Pengendalian Pembangkitan Bandar Lampung. Jurnal Inovtek Polbeng -
Seri Informatika, Vol. 3, No. 2 , November 2018
Ryer, M. (2015). Go Programming. Birmingham: Packt Publishing.
Santoso, & Nurmalina, R. (2017). Perencanaan dan Pengembangan Aplikasi
Absensi Mahasiswa Menggunakan Smart Card Guna Pengembangan
Kampus Cerdas (Studi Kasus Politeknik Negeri Tanah Laut). Jurnal
Integras.
69

Supono, & Putratama, V. (2018). Pemrograman Web dengan Menggunakan PHP


dan Framework Codeigniter. Yogyakarta: Deepublish.
Susanto, E. R., & Ramadhan, F. (2017). Rancang Bangun Aplikasi Berbasis Web
Perizinan Praktik Tenaga Kesehatan Menggunakan Framework
Codeigniter Pada Dinas Kesehatan Kota Metro. Jurnal Tekno Kompak.
Suyono, A. (2018). Aplikasi Pengolahan Data Wajib Lapor Ketenagakerjaan Pada
Disnakertrans. Karya Ilmiah Mahasiswa Manajemen Informatika.
Waspodo, B., Fajar, A. N., & Prayitno, N. H. (2015). Sistem Informasi Pelayanan
Izin Mendirikan Bangunan dan Peruntukan Penggunaan Tanah Pada
Badan Penanaman Modal dan Pelayanan Perizinan Kabupaten Sumedang.
70

LAMPIRAN
71

Lampiran 1

PENULISAN KODE PROGRAM

APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz BERBASIS


WEB MENGGUNAKAN FRAMEWORK CODEIGNITER

1. Koneksi Database

<?php
defined('BASEPATH') OR exit('No direct script access
allowed'); $active_group = 'default';
$query_builder = TRUE;
$db['default'] = array(
'dsn'=> '',
'hostname' =>
'localhost', 'username'
=> 'root', 'password' =>
'', 'database' => 'ijin',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '', 'char_set' =>
'utf8', 'dbcollat' =>
'utf8_general_ci', 'swap_pre'
=> '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);

2. View perizinan

<div class="col-xs-12">
<?php if($this->session->flashdata('flashdataduplicate') ) : ?>
<div class="alert alert-danger alert-dismissable">
<button type="button" class="close" data-dismiss="alert">
<i class="ace-icon fa fa-times"></i>
</button>
<?= $this->session->flashdata('flashdataduplicate'); ?>
</div>
<?php endif; ?>
<?php $attributes = array('class' => 'form-horizontal', 'method' =>
'post','enctype'=>'multipart/form-data');
echo form_open('Cabang/tambah',$attributes); ?>
72

<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
nomor memo <i class="red">*</i></label>
<div class="col-sm-9">
<inputclass="col-xs-8" type="text" id="form-field-5"
name="nomor" placeholder="nomor memo" class="col-xs-10 col-sm-5" />
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9">
<span class="red"><?php echo form_error('nomor'); ?></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
Nama izin <i class="red">*</i></label>
<div class="col-sm-9">
<inputclass="col-xs-8" type="text" id="form-field-5"
name="nama_izin" placeholder="jenis izin" class="col-xs-10 col-sm-5" />
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9">
<span class="red"><?php echo form_error('nama_izin'); ?></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
Jenis izin <i class="red">*</i></label>
<div class="col-sm-9">
<select id="form-field-5" class="col-xs-8" class="chosen-select
form-control" id="form-field-select-3" data-placeholder="Choose a State..."
name="jenis" >
<?php foreach($jenis as $row) : ?>
<option value="<?=$row['id']
?>"><?=$row['jenis_izin'] ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
Instansi Penerbit <i class="red">*</i></label>
<div class="col-sm-9">
<inputclass="col-xs-8" type="text" id="form-field-5"
name="instansi" placeholder="penerbit" class="col-xs-10 col-sm-5" />
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9">
<span class="red"><?php echo form_error('instansi'); ?></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right"
73

>Keterangan</label>
<div class="col-sm-9">
<textarea name="Keterangan" placeholder="keterangan" id="form-
field-5" class="col-xs-8" ></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
kategori <i class="red">*</i></label>
<div class="col-sm-9">
<select id="form-field-5" class="col-xs-8" class="chosen-select
form-control" id="form-field-select-3" data-placeholder="Choose a State..."
name="kategori" >
<?php foreach($kategori as $row) : ?>
<option value="<?=$row['id_kategori']
?>"><?=$row['nama_kategori'] ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
File <i class="red">*</i></label>
<div class="col-sm-9">
<inputtype="file" name="userfile" id="userfile"
placeholder="userfile" class="col-xs-10 col-sm-5" />
<inputtype="hidden" name="id" >
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9">
<span class="red">
&emsp; Max Upload : 10 mb <br>
&emsp; Allowed types : pdf,docx,doc
</span>
</div>
</div>
<div class="clearfix form-actions" >
<div class="col-md-offset-3 col-md-9">
<button class="btn btn-info" type="Submit">
<i class="ace-icon fa fa-check bigger-110"></i>
Submit
</button>
&nbsp; &nbsp; &nbsp;
<button class="btn" type="reset" ><a href="<?php echo base_url();
?>Cabang/">
<i class="ace-icon fa fa-undo bigger-110"></i>
cancel
</a></button>
</div>
</div>
</form>
</div><!-- /.col -->
74

3. Controller CRUD perizinan

<?php defined('BASEPATH') OR exit('No direct script access allowed');


class Cabang extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->model(array('admin_model','M_cabang'));
$this->load->database();
$this->load->helper(array('form', 'url','directory','path'));
$this->load->library('form_validation');
}
public function secure(){
/ cek login
$this->session->set_userdata('redirect_url', current_url() );
if (!$this->ion_auth->logged_in()) {

redirect('auth/login', 'refresh');
}
/ menampilkan halaman pada grup cabang
if(!$this->ion_auth->in_group('cabang') ) {
$this->session->set_flashdata('message', 'You must be an admin to view
this page');
redirect('Page404');
}
}

public function index()


{
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
$data['subtitle']="List izin";
$data["datas"]=$this->M_cabang->data_cabang();
$this->load->view('header',$data);
$this->load->view('Cabang/V_cabang',$data);
$this->load->view('footer',$data);
}
public function detail($iddetail)
{
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
$data['subtitle']="detail izin";
$data["detail"]=$this->M_cabang->detail_cabang($iddetail);
$this->load->view('header',$data);
75

$this->load->view('Cabang/V_detailcabang',$data);
$this->load->view('footer',$data);
}
public function add()
{
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
$data['subtitle']="form izin";
$data["kategori"]=$this->M_cabang->kategori();
$data["jenis"]=$this->M_cabang->jenis();
$this->load->view('header',$data);
$this->load->view('Cabang/V_formTambah',$data);
$this->load->view('footer',$data);
}
public function tambah()
{
$nomemo = $this->M_cabang->nomor();
//validation form kosaong
$this->form_validation->set_rules('nomor','nomor','required');
$this->form_validation-
>set_rules('nama_izin','nama_izin','required');
$this->form_validation->set_rules('instansi','instansi','required');
if ($this->form_validation->run() != FALSE) {
//cek duplikate data nomor memo
if ( $nomemo > 0) {
$this->session->set_flashdata('flashdataduplicate', 'data sudah ada');
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
$data['subtitle']="form izin";
$data["jenis"]=$this->M_cabang->jenis();
$data["kategori"]=$this->M_cabang->kategori();
$this->load->view('header',$data);
$this->load->view('Cabang/V_formTambah',$data);
$this->load->view('footer',$data);
}else{
//notifikation jika berhasil
$this->session->set_flashdata('flashdata', Izin Terkirim');
$this->M_cabang->addizin(); redirect('Cabang');

}
}else{
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
76

$data['subtitle']="form izin";
$data["jenis"]=$this->M_cabang->jenis();

$data["kategori"]=$this->M_cabang->kategori();
$this->load->view('header',$data);
$this->load->view('Cabang/V_formTambah',$data);
$this->load->view('footer',$data);
}
}
public function edit($id)
{
$this->secure();
$data['user'] = $this->ion_auth->user()->row();
$data['thn']=Date('Y');
$data['cari']="";
$data['title']="izin";
$data['subtitle']="form edit ";
$data["updatecabang"]=$this->M_cabang->update($id);
$data["kategori"]=$this->M_cabang->kategori();
$data["jenis"]=$this->M_cabang->jenis();
$this->load->view('header',$data);
$this->load->view('Cabang/V_formEdit',$data);
$this->load->view('footer',$data);
}
public function update()
{
$this->session->set_flashdata('flashdataupdate', 'Data berhasil di
update');
$this->M_cabang->updateizin();
redirect('Cabang');
}
public function hapus($id)
{
$this->session->set_flashdata('flashdatahapus', 'Data berhasil di
hapus');
$this->M_cabang->hapus($id);
redirect('Cabang');
}
}

4. Model CRUD perizinan

<?php class M_cabang extends CI_Model {


function __construct()
{
parent::__construct();
}
public function addizin(){
$createby = $this->session->userdata('user_id');
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'docx|pdf|doc';
77

$config['max_size'] = 10240;
$config['max_width'] = 1024;
$config['max_height'] = 768;
$this->load->library('upload', $config);
date_default_timezone_set('Asia/Jakarta');
//ika upload gagal
if ( ! $this->upload->do_upload('userfile'))
{
$data = array(
"nomor_memo" => $this->input->post('nomor'),
"keterangan" => $this->input->post('Keterangan'),
"id_kategori" => $this->input->post('kategori'),
"id_jenisIzin" => $this->input->post('jenis'),
"nama_izin" => $this->input->post('nama_izin'),
"instansi_penerbit" => $this->input->post('instansi'),
"tgl_permohonan_izin" => date("Y-m-d h:i:s"),
"id_user" => $createby
);
$query = $this->db->insert('tbl_izin', $data);
}else{
//informasi nama file, lokasi path dll ada di array $data
$_data = array('upload_data' => $this->upload->data());
date_default_timezone_set('Asia/Jakarta'); $data =
array(
"nomor_memo" => $this->input->post('nomor'),
"keterangan" => $this->input->post('Keterangan'),
"id_kategori" => $this->input->post('kategori'),
"id_jenisIzin" => $this->input->post('jenis'),
"nama_izin" => $this->input->post('nama_izin'),
"instansi_penerbit" => $this->input->post('instansi'),
"tgl_permohonan_izin" => date("Y-m-d h:i:s"),
"id_user" => $createby,
'doc_izin' => $_data['upload_data']['file_name']
);
$query = $this->db->insert('tbl_izin', $data);
}
}
public function detail_cabang($iddetail){
$group=$this->ion_auth->get_users_groups()->row()-
>id; $id = $this->session->userdata('user_id');
$q = $this->db->query(" SELECT unit_id from app_users where id = '$id'
");
$unit = $q->row()->unit_id;
$sql=" SELECT a.* , d.nama_progress, e.jenis_izin,c.nama_kategori ,
b.username FROM `tbl_izin` as a , app_users as b, tbl_kategori as c ,
tbl_progress as d ,tbl_jenisIzin as e WHERE b.id = a.id_user AND
c.id_kategori = a.id_kategori and a.id_progress = d.id_progress and
a.id_user = '$id' and b.unit_id = '$unit' and a.id_jenisIzin = e.id and
a.id_izin = '$iddetail' ";
$result = $this->db->query($sql);
return $result->result_array();
}
78

public function kategori(){


$sql=" select * from tbl_kategori ";
$result = $this->db->query($sql);
return $result->result_array();
}
public function jenis(){
$sql=" select * from tbl_jenisIzin ";
$result = $this->db->query($sql);
return $result->result_array();
}
public function updateizin()
{
$id = $this->input->post('ids');
$kode = $this->input->post('id_izin');
$_image = $this->db->get_where('tbl_izin',['id_izin' => $kode])->row();
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'docx|pdf|doc';
$config['max_size'] = 10240;
$config['max_width'] = 1024;
$config['max_height'] = 768;
$this->load->library('upload', $config);
if (!$this->upload->do_upload('userfile')){
$data = [
"nomor_memo" => $this->input->post('nomor'),
"keterangan" => $this->input->post('Keterangan'),
"id_kategori" => $this->input->post('kategori'),
"id_jenisIzin" => $this->input->post('jenis'),
"nama_izin" => $this->input->post('nama_izin'),
"instansi_penerbit" => $this->input->post('instansi'),
"tgl_permohonan_izin" => date("Y-m-d h:i:s")
];
$query = $this->db->update('tbl_izin', $data, array('id_izin' => $kode));;
if($query){
unlink("uploads/".$_image->doc_izin);
}
// redirect('Laporan');
}
else{
$_data = array('upload_data' => $this->upload->data());
/ $updateby = $this->session->userdata('user_id');
$data = [
"nomor_memo" => $this->input->post('nomor'),
"keterangan" => $this->input->post('Keterangan'),
"id_kategori" => $this->input->post('kategori'),
"nama_izin" => $this->input->post('nama_izin'),
"id_jenisIzin" => $this->input->post('jenis'),
"instansi_penerbit" => $this->input->post('instansi'),
"tgl_permohonan_izin" => date("Y-m-d h:i:s"),
'doc_izin' => $_data['upload_data']['file_name']

];
79

$query = $this->db->update('tbl_izin', $data, array('id_izin' =>


$kode));; if($query){
unlink("uploads/".$_image->doc_izin);
}// redirect('Laporan');
}
}
function update($id){
$sql=" SELECT a.* , d.nama_progress, c.nama_kategori , b.username
FROM `tbl_izin` as a , app_users as b, tbl_kategori as c , tbl_progress as
d WHERE b.id = a.id_user AND c.id_kategori = a.id_kategori and
a.id_progress = d.id_progress and id_izin = '$id' ";
$result = $this->db->query($sql);
return $result->result_array();
}
public function nomor(){
$nomor = $this->input->post('nomor');
$sql=" select nomor_memo from tbl_izin where nomor_memo =
'$nomor' ";
$result = $this->db->query($sql);
return $result->num_rows();
}
public function data_cabang(){
$group=$this->ion_auth->get_users_groups()->row()-
>id; $id = $this->session->userdata('user_id');
$q = $this->db->query(" SELECT unit_id from app_users where id = '$id'
");
$unit = $q->row()->unit_id;
$sql=" SELECT a.* , d.nama_progress, c.nama_kategori , b.username
FROM `tbl_izin` as a , app_users as b, tbl_kategori as c , tbl_progress as
d WHERE b.id = a.id_user AND c.id_kategori = a.id_kategori and
a.id_progress = d.id_progress and b.unit_id = '$unit' order by
a.tgl_permohonan_izin desc ";
$result = $this->db->query($sql);
return $result->result();
}
function hapus($id){
$_id = $this->db->get_where('tbl_izin',['id_izin' => $id])->row();
$query = $this->db->delete('tbl_izin', ['id_izin' => $id]);
if($query){
unlink("uploads/".$_id->doc_izin);
}
}
}
Lampiran 2

LEMBAR PENGUJIAN

APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz BERBASIS


WEB MENGGUNAKAN FRAMEWORK CODEIGNITER

Penguji : Henry Kurniawan

Tanggal Pengujian : 15 Agustus 2019

Tampilan Awal

No Tampilan Target Ya Tidak Keterangan


1. Halaman Login Menampilkan menu form untuk

login kedalam halaman pengguna
2. Halaman lupa Mengubah password dengan cara

password mengirim alamat email pengguna.

User Level : Kepala Cabang

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses.
2. Halaman input data pengajuan izin dan
pengajuan izin mengirim pesan email ke sektor √
bisnis secara otomatis.
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input
4. Halaman Mencari dokumen perizinan resmi.

Pencarian Izin
5. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh

izin resmi pemerintah/instansi dan dapat
mengunduh dokumen izin.
6. Tombol untuk Dapat mengelola dokumen
melakukan perizinan yang ada, yaitu melakukan

operasi CRUD proses melihat, menambah,
mengubah dan menghapus data izin.
User Level : Sektor Bisnis

No Tampilan Target Ya Tidak Keterangan


1. Halaman pesan Menampilkan pesan email yang √
email berisi pengajuan perizinan.
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input kepala cabang
4. Halaman Halaman yang digunakan sebagai
persetujuan verifikasi persetujuan diterima atau √
ditolak
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuhkan. √
peryaratan
6. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh

izin resmi pemerintah/instansi dan mengunduh
dokumen izin

User Level : Sekretaris Perusahaan

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan jumlah data perizinan √
dashboard dan grafik pada pelayanan perizinan
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman Pemberian tugas berupa persyaratan
pemeberian dokumen kepada pemenuh data √
tugas
4. Halaman detail Menampilkan isi detail dari izin

izin yang di input
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuuhkan. √
peryaratan
6. Halaman input Menampilkan halaman input izin
izin resmi resmi yang telah disetujui
pemerintah/instansi dan mengirim √
pesan penyerahan izin secara
otomatis
7. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi.
User Level : Pemenuh data

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses
2. Halaman Melakukan upload dokumen
pemenuhan data persyaratan yang dibutuuhkan. √
peryaratan
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

User Level : Admin

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan seluruh akun data
tampilan data user dan mengelola akun yaitu
user mengedit data user √
menonaktifkan/mengaktifkan user
akun.
2. Halaman data Halaman ini dapat mengolah data
master master, menampilkan, menginput, √
mengedit dan ,menghapus data
master
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

Bandar Lampung, 15 Agustus 2019

Penguji,

( )
LEMBAR PENGUJIAN

APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz BERBASIS


WEB MENGGUNAKAN FRAMEWORK CODEIGNITER

Penguji : M. Danil Rafiqi

Tanggal Pengujian : 9 Agustus 2019

Tampilan Awal

No Tampilan Target Ya Tidak Keterangan


1. Halaman Login Menampilkan menu form untuk

login kedalam halaman pengguna
2. Halaman lupa Mengubah password dengan cara

password mengirim alamat email pengguna.

User Level : Kepala Cabang

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses.
2. Halaman input data pengajuan izin dan
pengajuan izin mengirim pesan email ke sektor √
bisnis secara otomatis.
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input
4. Halaman Mencari dokumen perizinan resmi.

Pencarian Izin
5. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh
izin resmi pemerintah/instansi dan dapat

mengunduh dokumen izin.
6. Tombol untuk Dapat mengelola dokumen
melakukan perizinan yang ada, yaitu melakukan

operasi CRUD proses melihat, menambah,
mengubah dan menghapus data izin.

User Level : Sektor Bisnis

No Tampilan Target Ya Tidak Keterangan


1. Halaman pesan Menampilkan pesan email yang √
email berisi pengajuan perizinan.
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input kepala cabang
4. Halaman Halaman yang digunakan sebagai
persetujuan verifikasi persetujuan diterima atau √
ditolak
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuhkan. √
peryaratan
6. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh

izin resmi pemerintah/instansi dan mengunduh
dokumen izin

User Level : Sekretaris Perusahaan

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan jumlah data perizinan √
dashboard dan grafik pada pelayanan perizinan
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman Pemberian tugas berupa persyaratan
pemeberian dokumen kepada pemenuh data √
tugas
4. Halaman detail Menampilkan isi detail dari izin

izin yang di input
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuuhkan. √
peryaratan
6. Halaman input Menampilkan halaman input izin
izin resmi resmi yang telah disetujui
pemerintah/instansi dan mengirim √
pesan penyerahan izin secara
otomatis
7. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi.

User Level : Pemenuh data

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses
2. Halaman Melakukan upload dokumen
pemenuhan data persyaratan yang dibutuuhkan. √
peryaratan
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

User Level : Admin

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan seluruh akun data
tampilan data user dan mengelola akun yaitu
user mengedit data user √
menonaktifkan/mengaktifkan user
akun.
2. Halaman data Halaman ini dapat mengolah data
master master, menampilkan, menginput, √
mengedit dan ,menghapus data
master
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

Bandar Lampung, 9 Agustus 2019

Penguji,

( )
LEMBAR PENGUJIAN

APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz BERBASIS


WEB MENGGUNAKAN FRAMEWORK CODEIGNITER

Penguji : Muhammad Rendy

Tanggal Pengujian : 15 Agustus 2019

Tampilan Awal

No Tampilan Target Ya Tidak Keterangan


1. Halaman Login Menampilkan menu form untuk

login kedalam halaman pengguna
2. Halaman lupa Mengubah password dengan cara

password mengirim alamat email pengguna.

User Level : Kepala Cabang

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses.
2. Halaman input data pengajuan izin dan
pengajuan izin mengirim pesan email ke sektor √
bisnis secara otomatis.
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input
4. Halaman Mencari dokumen perizinan resmi.

Pencarian Izin
5. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh
izin resmi pemerintah/instansi dan dapat

mengunduh dokumen izin.
6. Tombol untuk Dapat mengelola dokumen
melakukan perizinan yang ada, yaitu melakukan

operasi CRUD proses melihat, menambah,
mengubah dan menghapus data izin.

User Level : Sektor Bisnis

No Tampilan Target Ya Tidak Keterangan


1. Halaman pesan Menampilkan pesan email yang √
email berisi pengajuan perizinan.
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman detail Menampilkan isi detail dari izin

izin yang di input kepala cabang
4. Halaman Halaman yang digunakan sebagai
persetujuan verifikasi persetujuan diterima atau √
ditolak
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuhkan. √
peryaratan
6. Halaman Menampilkan data surat izin yang
download surat telah di setujui oleh

izin resmi pemerintah/instansi dan mengunduh
dokumen izin

User Level : Sekretaris Perusahaan

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan jumlah data perizinan √
dashboard dan grafik pada pelayanan perizinan
2. Halaman Menampilkan data pengajuan izin
tampilan list yang diproses √
data izin
3. Halaman Pemberian tugas berupa persyaratan
pemeberian dokumen kepada pemenuh data √
tugas
4. Halaman detail Menampilkan isi detail dari izin

izin yang di input
5. Halaman Melakukan upload dokumen
pemenuhan persyaratan yang dibutuuhkan. √
peryaratan
6. Halaman input Menampilkan halaman input izin
izin resmi resmi yang telah disetujui
pemerintah/instansi dan mengirim √
pesan penyerahan izin secara
otomatis
7. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi.

User Level : Pemenuh data

No Tampilan Target Ya Tidak Keterangan


1. Halaman list Menampilkan data pengajuan izin √
data izin yang diproses
2. Halaman Melakukan upload dokumen
pemenuhan data persyaratan yang dibutuuhkan. √
peryaratan
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

User Level : Admin

No Tampilan Target Ya Tidak Keterangan


1. Halaman Menampilkan seluruh akun data
tampilan data user dan mengelola akun yaitu
user mengedit data user √
menonaktifkan/mengaktifkan user
akun.
2. Halaman data Halaman ini dapat mengolah data
master master, menampilkan, menginput, √
mengedit dan ,menghapus data
master
3. Halaman surat Menampilkan data surat izin yang
izin resmi telah di setujui oleh √
pemerintah/instansi

Bandar Lampung, 15 Agustus 2019

Penguji,

( )
Lampiran 3

LEMBAR PENGUJIAN TEKNIK BOUNDARY VALUE ANALYSIS (BVA)

APLIKASI MONITORING PERIZINAN PROYEK di PT Xyz


BERBASIS WEB MENGGUNAKAN FRAMEWORK
CODEIGNITER

Penguji : M. Danil Rafiqi

Tanggal Pengujian : 15 Agustus 2019

Pengajuan Perizinan (kepala cabang)

A. Pengujian field “Nomor Memo”


No Data Sampel Perkiraan Hasil Hasil Keterangan
mem-
1. TRUE TRUE SUCCESS
001/cab_lampung/2019
2. - FAILED FAILED SUCCESS
No-memo-
3. 001/cabang_bandar_lamp FAILED FAILED SUCCESS
ung/2019
4. 001/2019 TRUE TRUE SUCCESS

B. Pengujian field “Instansi Penerbit”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. PT. Krakatau Stell TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
PT. Krakatau Stell cabang
3. Bandar lampung, jl FAILED FAILED SUCCESS
sumber agung
4. PT.Adhi nugraha201 TRUE TRUE SUCCESS

C. Pengujian field ”file”


No Data Sampel Perkiraan Hasil Hasil Keterangan
Dokumen_pengajuan_izin
1. TRUE TRUE SUCCESS
.pdf
2. - FAILED FAILED SUCCESS
3. DokumenPerizinan.pdf TRUE TRUE SUCCESS
4. Pengajuan_izin.jpg FAILED FAILED SUCCESS

Upload perizinan Resmi (sekretaris)

A. Pengujian filed “tanggal berlaku dan tanggal expired”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. 12/08/2019 TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. 07/08/2019 TRUE TRUE SUCCESS
4. 32/08/2019 FAILED FAILED SUCCESS

B. Pengujian filed “file”


No Data Sampel Perkiraan Hasil Hasil Keterangan
Dokumen_pengajuan_izin
1. TRUE TRUE SUCCESS
.pdf
2. - FAILED FAILED SUCCESS
3. DokumenPerizinan.pdf TRUE TRUE SUCCESS
4. Pengajuan_izin.jpg FAILED FAILED SUCCESS

Download perizinan Resmi

A. Pengujian field “Nama Project”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Pembangunan flyover TRUE TRUE SUCCESS
FAILED FAILED
2. - SUCCESS

Pembangunan dan
3. peningkatan jalan sumber FAILED FAILED SUCCESS
jaya – Bandar lampung
Pembangunan jalan dan
4. TRUE TRUE SUCCESS
jembatan 2019

B. Pengujian sield “Nama client ”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. M. Arsi Nata Yuda TRUE TRUE SUCCESSS
2. - FAILED FAILED SUCCESS
3. Muhammad Arshi Natha
FAILED FAILED SUCCESS
Yudha
4. Muhammad A.N.D TRUE TRUE SUCCESS

Tambah User (administrator)

A. Pengujian field “username”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. administrator TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Admin TRUE TRUE SUCCESS
4. KepalaCabangLampung TRUE TRUE SUCCESS

B. Pengujian field “Fisrtname”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Dedy TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Dedy_Indra TRUE TRUE SUCCESS
4. Dedy_indra120 TRUE TRUE SUCCESS

C. Pengujian field “lastname”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Setiawan TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Indra_Setiawan TRUE TRUE SUCCESS
4. Indra_setiawan120 TRUE TRUE SUCCESS

D. Pengujian field “email”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Dedyindra@gmail.com TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Dedyindragmail.com FAILED FAILED SUCCESS
4. Dedy120@gmail.com TRUE TRUE SUCCESS

Tambah Kategori (administrator)

A. Pengujian field ”nama kategori”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Instansi Pemerintah TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Instansi TRUE TRUE SUCCESS
4. Pemerintah TRUE TRUE SUCCESS

B. Pengujian field ”lama hari”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. 30 TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. 0030 FAILED FAILED SUCCESS
4. 000003 FAILED FAILED SUCCESS

Tambah Jenis Izin (administrator)

A. Pengujian field ”jenis izin”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Izin usaha TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
Izin penujang usaha
3. FAILED FAILED SUCCESS
rumah tangga
4. Asosiasi TRUE TRUE SUCCESS

Tambah Persyaratan (administrator)

A. Pengujian field ”dokumen”


No Data Sampel Perkiraan Hasil Hasil Keterangan
Pengalaman
1. Perusahaan(Kontrak, TRUE TRUE SUCCESS
BASR, Faktur Pajak)
2. - FAILED FAILED SUCCESS
3. SOP TRUE TRUE SUCCESS
4. Laporan keuangan TRUE TRUE SUCCESS

Tambah Cabang (admimnistrator)

A. Pengujian field ”nama cabang”


No Data Sampel Perkiraan Hasil Hasil Keterangan
1. Si Cab Madya Makassar TRUE TRUE SUCCESS
2. - FAILED FAILED SUCCESS
3. Cab Makassar TRUE TRUE SUCCESS
4. Cab_Makassar TRUE TRUE SUCCESS

Bandar Lampung, 15 Agustus 2019

Penguji,
( )

Anda mungkin juga menyukai