Final KP1

APLIKASI ONLINE PEMANTAUAN KEGIATAN SKPD
UNTUK BADAN KEUANGAN DAN ASET DAERAH KOTA

MANADO
(Studi Kasus: Dinas Komunikasi, Informatika, Persandian dan Statistik Provinsi
Sulawesi Utara)
LAPORAN KERJA PRAKTEK
Diajukan Untuk Memenuhi Mata Kuliah Kerja Praktek

(IF5161)
Disusun oleh :
Aiderman Makakombo
(15013020)
PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS KATOLIK DE LA SALLE MANADO
MANADO
2019
MANADO
(Studi Kasus: Dinas Komunikasi, Informatika, Persandian dan Statistik Provinsi
Sulawesi Utara)
Diajukan Untuk Memenuhi Mata Kuliah Kerja Praktek

(IF5161)
Disusun oleh :
Aiderman Makakombo
(15013020)

FAKULTAS TEKNIK
MANADO
2019
LEMBAR PENGESAHAN
Judul :
MANADO
Telah Disetujuidan disahkan pada tanggal :
Oleh:
DINAS KOMUNIKASI, INFORMATIKA, PERSANDIAN DAN
STATISTIK PROVINSI SULAWESI UTARA
Tanda tangan & Cap Instansi
Kadis
Kepala Dinas Dinas Komunikasi, Informatika, Persandian Dan Statistik
Provinsi Sulawesi Utara
ii
LEMBAR PERNYATAAN
Yang bertandatangan di bawah ini:

Nama : Aiderman Makakombo
NIM : 15013020
Tempat/Tanggal Lahir : Mahangiang/22 April 1997
Fakultas/Program Studi : Teknik/Teknik Informatika
Menyatakan bahwa Laporan Kerja Praktek dan atau Aplikasi / Program

berjudul “Aplikasi Online Pemantauan Kegiatan Skpd Untuk Badan
Keuangan Dan Aset Daerah Kota Manado” yang saya buat adalah benar hasil
karya saya dan bukan karya tulis orang lain, baik sebagian atau seluruhnya kecuali
dalam bentuk kutipan yang telah disebutkan sumbernya.
Demikianlah surat ini saya buat dengan sebenar-benarnya dan apabila
pernyataan ini tidak benar maka saya bersedia menerima sanksi akademis sesuai
dengan yang ditetapkan oleh Fakultas Teknik, berupa pembatalan Kerja Praktek
dan hasilnya.
Manado, 06 Mei 2019
Yang Menyatakan,
Aiderman Makakombo
Menyetujui,
Dosen Pembimbing I Dosen Pembimbing II
Apriandy Angdresey, ST., M.Sc. Junaidy Budi Sanger, S.Kom., M.Kom.
Mengetahui,
Ketua Program Studi Dekan Fakultas Teknik
Thomas Ch. Suwanto. S.Kom., M.Mm. Debby Paseru, S.T., MMSI., M.Ed
iii
FAKULTAS TEKNIK
FORM KP - 003
FORMULIR DATA UMUM PERUSAHAAN
NAMA MAHASISWA : Yuliati Manneking Baba

NIM : 15013065
NAMA PERUSAHAAN : Dinas Komunikasi, Informatika, Persandian Dan
Statistik Provinsi Sulawesi Utara
ALAMAT PERUSAHAAN : Jl. 17 Agustus No.69, Teling Atas, Wanea, Kota
Manado, Sulawesi Utara
DIDIRIKAN TAHUN : 2017
IJIN USAHA :
BIDANG BISNIS : Pemerintahan
JUMLAH KARYAWAN : 75 orang
PEMILIK : Negara
DEWAN DIREKTUR : Kepala Dinas
WAKIL PERUSAHAAN
Tanggal : 03 Mei 2019
Nama :
Jabatan :
(Tanda tangan dan
cap perusahaan) :
iv
PROGRAM STUDI TEKNIK
INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS KATOLIK DE LA SALLE
MANADO
FORM KP - 004
FORMULIR PENILAIAN KEMAJUAN KERJA PRAKTEK
A. UMUM
Nama Mahasiswa : Aiderman Makakombo
NIM Mahasiswa : 15013020
Program Studi : Teknik Informatika
Dosen Pembimbing Akademik : Michael George Sumampouw, S.T.,MT
Topik/Rencana Bidang : Aplikasi Online pemantauan kegiatan SKPD
untuk Bidang Keuangan dan Aset Daerah.
Pembimbing 1 : Apriandy Angdresey, S.T., M.Sc
Pembimbing 2 : Angelia Melani Adrian,S.Kom., M.Eng.,Ph.D
Terhitung Mulai : 4 februari 2019
Target Selesai :
B. KEGIATAN PELAKSANAAN KERJA PRAKTEK
No. Tanggal Jenis Kegiatan Paraf
Pembimbing
1. 14 Februari 2019 Konsultasi proposal
2. 14 Februari 2019 Konsultasi proposal
3. 18 Februari 2019 Revisi proposal
4. 18 Februari 2019 Revisi proposal
5. 12 maret 2019 Siding proposal
6. 12 maret 2019 Revisi bab I, konsultasi Bab II-Bab IV
7. 02 april 2019 Konsulltasi aplikasi
8. 02 april 2019 progress aplikasi
9. 24 april 2019 Revisi aplikasi
10. 24 april 2019 Revisi aplikasi
11. 26 april 2019 Revisi Bab IV (fase 3)
12. 26 april 2019 Revisi Bab IV (fase 3)
13. 29 april 2019 Revisi Bab I – Bab IV
14. 30 april 2019 Revisi Apliaksi (progress)
15. 03 mei 2019 Keseluruhan laporan
16. 03 mei 2019 Keseluruhan laporan
Manado, 06 Mei 2019

Dosen Pembimbing KP
(Apriandy Angdresey, S.T., M.Sc)
v
FAKULTAS TEKNIK
FORM KP - 005
FORMULIR PENILAIAN PELAKSANAAN KERJA PRAKTEK
Mohon diisi dan dicek seperlunya,

NAMA MAHASISWA : Aiderman Makakombo
NIM : 15013020
NAMA PERUSAHAAN : Dinas Komunikasi, Informatika, Persandian Dan
Statistik Provinsi Sulawesi Utara
ALAMAT PERUSAHAAN : Jl. 17 Agustus No.69, Teling Atas, Wanea, Kota
Manado, Sulawesi Utara
TGL KERJA PRAKTEK : 29 Juni 2018 – 11 Agustus 2018
TOPIK YANG DIBAHAS : Aplikasi pemantauan kegiatan SKPD untuk Badan
Keuangan dan Aset Daerah.
Nilai
= 50 60 70 80 90 100
Sikap
Kerajinan = 50 60 70 80 90 100
Prestasi = 50 60 70 80 90 100
KOMENTAR/SARAN
NILAI RATA-RATA :
TANGGAL : 06 Mei 2019
NAMA PENILAI :
JABATAN :
(Tanda tangan dan

cap perusahaan) :
vi
KATA PENGANTAR
vii
DAFTAR ISI
Judul ….……………………………………………………………………………i
Lembar Pengesahan…………………………………………………...………….. ii
Lembar Pernyataan.…………………………………………………...…………. iii
Formulir Data Umum Perusahaan ........................................................................... ii
Formulir Penilaian Kemajuan Kerja Praktek .......................................................... v
Formulir Penilaian Pelaksanaan Kerja Praktek ...... Error! Bookmark not defined.
Kata Pengantar ...................................................................................................... vii
Daftar Isi............................................................................................................... viii
Daftar Tabel ............................................................................................................ x
Daftar Gambar ........................................................................................................ xi
Daftar Lampiran .................................................................................................... xii
Bab I PENDAHULUAN ......................................................................................... 1
1.1 Latar Belakang .............................................................................................. 1
1.2 Perumusan Masalah ...................................................................................... 2
1.3 Tujuan Kerja Praktek .................................................................................... 2
1.4 Manfaat Kerja Praktek .................................................................................. 2
1.5 Batasan Masalah............................................................................................ 3
1.6 Sistematika Penulisan ................................................................................... 3
Bab II DATA UMUM PERUSAHAAN ................................................................. 4
2.1 Sejarah Singkat Perusahaan .......................................................................... 4
2.2.1 Lingkup Pekerjaan Diperusahaan .......................................................... 5
2.2.2 Visi Dan Misi ......................................................................................... 6
2.2.3 Logo ....................................................................................................... 6
2.2.4 Stuktur Organisasi .................................................................................. 7
2.2 Lingkup Kerja ............................................................................................... 7
Bab III LANDASAN TEORI.................................................................................. 8
3.1 Teori Pendukung ........................................................................................... 8
3.1.1 Aplikasi .................................................................................................. 8
3.1.2 Pemantauan ............................................................................................ 8
3.1.3 SKPD ..................................................................................................... 8
3.1.4 Bkad ....................................................................................................... 9
3.2 Teknologi Yang Digunakan .......................................................................... 9
3.2.1 PHP Hypertext Preprocessor(PHP) ........................................................ 9
viii
3.2.2 Hyper Text Markup Language (HTML) .............................................. 10
3.2.3 Javascript ............................................................................................. 10
3.2.4 Css ........................................................................................................ 10
3.2.5 Database .............................................................................................. 11
3.3 Metodologi Pengembangan Sistem ............................................................. 12
3.3.1 Rational Unified Process (RUP) .......................................................... 12
3.1.2 Uml....................................................................................................... 13
3.4 Prosedur Pengummpulan Data .................................................................... 16
3.4.1 Metode Pengumpulan Data .................................................................. 16
3.4.2 Sumber Data ......................................................................................... 17
Bab IV PEMBAHASAN ...................................................................................... 18
4.1 Inception ...................................................................................................... 18
4.1.1 Deskripsi Sistem Lama ........................................................................ 18
4.1.2 Target Pengguna................................................................................... 19
4.1.3 Uraian Pembangunan Sistem Baru....................................................... 21
4.1.4 Preliminary Project Requirement ........................................................ 22
4.1.5 Rincian Persyaratan.............................................................................. 23
4.1.6 Function Point Approach ..................................................................... 26
4.1.7 Penjadwalan ......................................................................................... 28
4.2 Elaboration .................................................................................................. 29
4.2.1 Use Case Diagram ............................................................................... 29
4.2.2 Use Case Tables ................................................................................... 30
4.2.3 Resiko Potensial ................................................................................... 41
4.2.4 Activity Diagram .......................................................................................... 42
4.2.5 Class Diagram ..................................................................................... 45
4.3 Construction ................................................................................................ 45
4.3.1 Penggambaran Storyboard ................................................................... 45
4.3.2 Implementasi Basis Data ...................................................................... 51
4.3.3 Pengkodean Program ........................................................................... 52
4.4 Transition .................................................................................................... 62
4.4.1 Pengujian .............................................................................................. 62
Bab V KESIMPULAN DAN SARAN ................................................................. 77
5.1 Kesimpan .................................................................................................... 77
5.2 Saran ............................................................................................................ 77
Daftar Pustaka ....................................................................................................... 78
Lampiran ............................................................................................................. A-1
ix
DAFTAR TABEL
Tabel 3. 1 Simbol-simbol use case diagram ........................................................ 14

Tabel 3. 2 Simbol-simbol class diagram .............................................................. 15
Tabel 3. 3 Simbol-simbol Activity diagram .......................................................... 16
Tabel 4. 1 Target Pengguna Pada SKPD .............................................................. 19
Tabel 4. 2 Target Pengguna Pada BKAD ............................................................. 20
Tabel 4. 3 Preliminary Project Requirement ........................................................ 22
Tabel 4. 4 Spesifikasi Software dan Hardware ..................................................... 25
Tabel 4. 5 Hitungan Fungsi Poin........................................................................... 27
Tabel 4. 6 Hitungan Relative Complexity Adjusment Factor (RCAF).................. 27
Tabel 4. 7 jadwal pengerjaan proyek .................................................................... 28
Tabel 4. 8 Use Case Table #1 Masuk ................................................................... 30
Tabel 4. 9 Use Case #2 Tambah pengguna ........................................................... 32
Tabel 4. 10 Use Case #3 Tambah Kegiatan .......................................................... 33
Tabel 4. 11 Use Case #4 Tambah Program ........................................................... 34
Tabel 4. 12 Use Case #5 Pilih Bidang .................................................................. 35
Tabel 4. 13 Use case #6 Pilih Sub Bidang ............................................................ 36
Tabel 4. 14 Use Case #7 Lihat Data Kegiatan ...................................................... 37
Tabel 4. 15 Use Case #8 Masukan Hasil .............................................................. 37
Tabel 4. 16 Use Case #9 Pemeriksa Tahap Satu ................................................... 38
Tabel 4. 17 Use Case #10 Pemeriksa Tahap dua .................................................. 39
Tabel 4. 18 Use Case #11 Cetak Laporan ............................................................. 40
Tabel 4. 19 Use Case #12 Logout ......................................................................... 41
Tabel 4. 20 Resiko Potensial ................................................................................. 42
Tabel 4. 21 Tabel Program .................................................................................... 52
Tabel 4. 22 Deskripsi Pengujian Aplikasi ............................................................. 63
x
xi
DAFTAR GAMBAR
Gambar 2. 1 Logo Dinas komunikasi dan Informasi .............................................. 6
Gambar 2. 2 Struktur Organisasi Dinas Komunikasi, Informatika, Persandian dan
Statistik Provinsi Sulawesi Utara ............................................................................ 7
Gambar 4.1 Use Case Diagram sistem baru ......................................................... 30
Gambar 4.2 Activity Diagram BKAD .................................................................. 43
Gambar 4.3 Activity Diagram SKPD.................................................................... 44
Gambar 4.4 Class Diagram Aplikasi Pemantauan kegiatan SKPD. ..................... 45
Gambar 4.5 Storyboard Halaman Masuk .............................................................. 46
Gambar 4.6 Storyboard Halaman Beranda .......................................................... 46
Gambar 4.7 Storyboard Daftar Pengguna ............................................................ 47
Gambar 4.8 Storyboard Daftar Program ............................................................... 47
Gambar 4.9 Storyboard daftar kegiatan ................................................................ 48
Gambar 4.10 Storyboard Masuk Hasil................................................................. 49
Gambar 4.11 Storyboard daftar kegiatan kabid .................................................... 49
Gambar 4.12 Storyboard daftar laporan................................................................ 50
Gambar 4.13 Storyboard tampilan laporan ........................................................... 50
Gambar 4.14Tabel pengguna ................................................................................ 51
Gambar 4.15 Tabel program ................................................................................. 51
Gambar 4.16 Tabel SKPD..................................................................................... 51
Gambar 4.17 Tabel Bidang ................................................................................... 52
Gambar 4.18 Level SKPD..................................................................................... 52
Gambar 4.19 Tabel SubBidang ............................................................................. 52
Gambar 4.20 Tampilan halaman masuk................................................................ 74
Gambar 4.21 halaman beranda admin BKAD ...................................................... 75
Gambar 4.22 Tampilan halaman kegiatan ............................................................ 75
Gambar 4.23 Tampilan form tambah kegiatan ..................................................... 76
xi
DAFTAR LAMPIRAN
LAMPIRAN A User Acceptance Test .............. A-Error! Bookmark not defined.
LAMPIRAN B Daftar Pertanyaan Wawancara . B-Error! Bookmark not defined.
xii
BAB I
PENDAHULUAN
1.1 Latar Belakang

Dinas Komunikasi Informatika, Persandian dan Statistik (DKIPS) Daerah
Provinsi Sulawesi Utara adalah instansi yang menangani kegiatan yang berkaitan
dengan teknologi informatika. DKIPS terbagi atas 3 bidang, yaitu bidang e-
government memiliki tanggung jawab dalam perancangan, pengembangan,
integrasi serta pemeliharaan semua aplikasi, bidang persandian yang memiliki
tanggug jawab untuk menjaga keamanan informasi, serta menjaga komunikasi
dalam DKIPS dan yang terakhir, bidang komunikasi publik yang memiliki tugas
untuk membantu sebagian tugas Kepala Dinas dalam mengelola informasi. Dalam
pembuatan dan pengembangan software, bidang e-government menjalin kerja sama
dengan command center. Bidang e-government akan menampung semua keluhan
tentang cara kerja sistem dari setiap Satuan Kerja Perangkat Daerah (SKPD) yang
ada dan akan menyerahkan pada bidang command center, dalam pembuatan
software dari Dinas yang tersebut. Badan Keuangan dan Aset Daerah (BKAD)
mempunyai kendala dalam memantau realisasi SKPD yang ada, oleh karena itu
BKAD mengajukan permintaan pembuatan program sehingga dapat membantu
proses pemantaua realisasi kegiatan.
BKAD merupakan badan yang bertanggung jawab atas perumusan kebijakan
secara teknis. Salah satu tugas dari BKAD adalah memantau kegiatan yang ada
pada SKPD. Proses pematauan kegiatan BKAD masih dilakuan secara manual,
yaitu pihak BKAD harus mencari laporan hasil kegiatan yang telah dimasukan oleh
setiap SKPD. Semua laporan hasil ada kegiatan akan direkapitulasi berdasarkan
SKPD yang ada, hal ini bertujuan agar pihak BKAD dapat mengetahui presentase
kegiatan yang telah direalisasi oleh setiap SKPD. Proses pemantauan kegiatan yang
ada pada BKAD masih memiliki beberapa kekurangan, yang pertama tidak adanya
tempat pengarsipan dari setiap laporan, sehingga proses rekapitulasi laporan
membutuhkan waktu yang lebih lama. Dengan proses rekapitulasi seperti ini juga
berdampak pada akurasi presentasi kegiatan yang dihasilkan, karena laporan hasil
SKPD seringkali tercecer, sehingga data yang diambil terkadang tidak lengkap.
1
2
Hasil presentasi setiap keigiatan SKPD berdampak pada pencairan dana kegiatan
dan anggaran kegiatan untuk tahun berikutnya. BKAD mengajukan kepada pihak
command center agar dapat membuat sebuah aplikasi yang dapat membantu dalam
proses pemantauan realisasi kegiatan SKPD, sehingga setiap kadis dapat memantau
presentasi kegiatan untuk dinas yang menjadi tanggung jawabnya dan BKAD dapat
memantau presentasi realisasi kegiatan yang ada pada setiap SKPD.
Dengan uraian masalah diatas, maka terdapat kesempatan membuat
Aplikasi Online Pemantau Kegiatan SKPD agar dapat mempermudah pihak BKAD
dalam memantau presentasi kegiatan tiap SKPD dan membantu SKPD dalam
melihat presentase kegiatan yang telah mereka terealisasikan.
1.2 Perumusan masalah

Bagaimana membuat Aplikasi Online Pemantau Kegiatan SKPD Untuk
Badan Keuangan Dan Aset Daerah Kota Manado agar dapat memantau kegiatan
tiap SKPD?
1.3 Tujuan kerja praktek

Membuat Aplikasi Online Pemantau Kegiatan SKPD Untuk Badan
Keuangan Dan Aset Daerah Kota Manado yang dapat memantau kegiatan tiap
SKPD.
1.4 Manfaat kerja praktek

A. Dinas:
1. Memantau anggaran dan kegiatan tiap SKPD.
2. Dapat memantau kegiatan yang ada secara online
3. Mempermudah setiap kepala dinas untuk mengontrol kegiatan yang ada
pada dinas mereka.
B. Bagi mahasiswa:
1. Menambah pengalaman kerja pada kerja praktek.
2. Belajar tentang pembangunan Aplikasi menggunakan framework
CodeIgniter.
3. Menambah pengalaman dalam mengintegrasikan data.
3
1.5 Batasan masalah

1. Diagram hanya digunakan pada aplikasi yaitu diagram batang.
2. Aplikasi ini dubuat hanya untuk pemantauan SKPD DKIPS di kota Manado.
3. Format gambar unduh dan unggah berupa jpeg dan png.
1.6 Sistematika penulisan

Bab I Pendahuluan, berisi penjelasan singkat tentang latar belakang, rumusan
masalah, tujuan kerja praktek, manfaat kerja praktek, ruang lingkup dan batasan
masalah dan sistematika penulisan dalam pembuatan laporan kerja praktek.
Bab II Data Umum Perusahaan, berisi tentang sejarah serta informasi
mengenai Dinas Komunikasi, Informatika, Persandian dan Statistik Sulawesi Utara.
Bab III Landasan Teori, berisi tentang teori pendukung pembuatan Aplikasi
Online Pemantau Kegiatan SKPD Untuk Badan Keuangan Dan Aset Daerah Kota
Manado serta teori apa saja yang digunakan.
Bab IV Pembahasan, Bab ini membahas tentang penjelasan dari
pembangunan Aplikasi Online Pemantau Kegiatan SKPD Untuk Badan Keuangan
Dan Aset Daerah Kota Manado berdasarkan metodologi yang dipakai.
Bab V Kesimpulan Dan Saran, berisi tentang kesimpulan dan saran dari
kerja pratek yang dikakukan.
BAB II
DATA UMUM PERUSAHAAN
2.1 Sejarah singkat perusahaan

Sejarah Pemerintahan Daerah Sulawesi Utara, seperti halnya sejarah
provinsi-provinsi lainnya di Pulau Sulawesi, beberapa kali mengalami perubahan
administrasi pemerintahan. Pada permulaan kemerdekaan Republik Indonesia,
Daerah ini berstatus Keresidenan yang merupakan bagian dari Provinsi Sulawesi.
Seiring dengan perkembangan pemerintahan, maka berdasarkan Peraturan
Pemerintah no. 5 tahun 1960 Provinsi Sulawesi dibagi menjadi dua bagian yaitu
Provinsi Sulawesi Selatan-Tenggara dan Provinsi Sulawesi Utara-Tengah. Untuk
mengatur penyelenggaraan pemerintahan di Provinsi Sulawesi Utara-Tengah, maka
berdasarkan Keputusan Presiden Republik Indonesia Nomor 122/m tahun 1960
tanggal 23 Maret 1960 ditunjuklah Mr. A.A. Baramuli sebagai Gubernur Kepala
Daerah Tingkat I Sulawesi Utara-Tengah. Sembilan bulan kemudian Provinsi
Sulawesi Utara-Tengah dan Provinsi Sulawesi Selatan-Tenggara ditata kembali
statusnya menjadi Daerah Tingkat I Sulawesi Utara-Tengah dan Daerah Tingkat I
Sulawesi Selatan-Tenggara melalui Peraturan Pemerintah Pengganti Undang-
Undang Nomor 47 /Prp/Tahun 1960. Wilayah Provinsi Daerah Tingkat I Sulutteng
meliputi : Kotapraja Manado, Kotapraja Gorontalo, dan delapan Daerah Tingkat II
masing-masing : Sangihe Talaud, Bolaang Mongondow, Minahasa, Gorontalo,
Buol Toli-Toli, Donggala, Poso, dan Luwuk/Banggai. Dengan berlakunya
Peraturan Pemerintah Pengganti Undang-Undang Nomor 47 Prp Tahun 1960 ini,
maka dimulailah penyelenggaraan pemerintahan daerah-daerah otonomi Tingkat I
Sulawesi, dimana Wilayah Sulawesi Utara merupakan bagian dari Daerah Tingkat
I Sulawesi Utara-Tengah.
Pada tanggal 21 Juli 2005 untuk pertama kali di Indonesia dilakukan
pemilihan Gubernur dan Wakil Gubernur Sulawesi Utara secara langsung oleh
rakyat, dimana berhasil terpilih pasangan S.H. Sarundajang sebagai Gubernur
Sulawesi Utara dan F.H. Sualang sebagai Wakil Gubernur Sulawesi Utara untuk
masa bakti 2005 – 2010. Sedangkan Ketua DPRD dijabat oleh Drs. Syarial
5
Damapolii yang dibantu oleh wakil ketua masing-masing Djendri Keintjem, R.

Pandegirot, dan Arthur Kotambunan. Untuk Sekretaris daerah selama periode
pertama dipegang oleh Dr. Johanis Kaloh kemudian dilanjutkan oleh Drs. R.J.
Mamuaja pada tahun 2006, sampai saat ini. Namun dalam masa tugas Drs. R.J.
Mamuaja juga ditunjuk Plt. Sekretaris daerah yaitu berturut turut Hr. Makagansa
dan Siswa Rahmat Mokodongan. Dalam masa kepemimpinan S.H. Sarundajang
dan F.H. Sualang, wilayah administrasi pemerintahan Sulawesi Utara mengalami
ketambahan 4 (empat) kabupaten/kota baru pada tahun 2007 yakni Kota
Kotamobagu berdasarkan Undang-undang Nomor 4 Tahun 2007, Kab. Minahasa
Tenggara berdasarkan Undang-undang Nomor 9 Tahun 2007, Kab. Bolmong Utara
berdasarkan Undang-undang Nomor 10 Tahun 2007 dan Kab. Siau Tagulandang
Biaro berdasarkan Undang-undang Nomor 15 Tahun 2007. Pada tahun 2008
ketambahan lagi 2 (dua) kabupaten baru yakni Kabupaten Bolaang Mongondow
Timur berdasarkan Undang-undang Nomor 29 Tahun 2008 dan Kabupaten Bolaang
Mongondow Selatan berdasarkan Undang-undang Nomor 30 Tahun 2008 sehingga
jumlah daerah otonom di Provinsi Sulawesi Utara menjadi 11 (sebelas) kabupaten
dan 4 (empat) kota [1].
DKIPS terbagi atas 3 bagian yaitu yaitu bidang persandian yang memiliki
tanggug jawab untuk menjaga keamanan informasi serta menjaga komunikasi
dalam DKIPS, bidang E-government memiliki tanggung jawab dalam perancangan,
pengembangan, itegrasi dan pemeliharaan semua aplikasi yang di DKIPS dan
bidang komunikasi public. Divisi command center merupakan divisi yang baru
dibuat di bawah pengawasan Bidang e-government. Command center diremikan
oleh Gubernur Olly Dodokambey,, S.E. pada tahun 2017, command center
berlokasi di Jl. 17 Agustus No.69, Teling Atas, Wanea, Kota Manado, Sulawesi
Utara [2].
2.2.1 Lingkup Pekerjaan Diperusahaan

E-Government merupakan salah satu Bidang yang ada di DKIPS yang
bertanggung jawab atas kegiatan mengembankan dan pengelolaan aplikasi,
keamanan informasi, basis data, serta penerapan dan pengembangan e-gov serta
bertanggung jawab atas penggunaan teknologi informasi yang ada di DKIPS,
6
2.2.2 Visi Dan Misi

Berikut ini merupakan Visi dan Misi dari Dinas Komunikasi, Informatika,
Persandian dan Statistik Daerah Provinsi Sulawesi Utara [2].
A. Visi
Terwujudnya Sulawesi Utara berdikari dalam ekonomi, berdaulat dalam
politik, serta berkepribadian dalam budaya melalui pembangunan komunikasi,
informatika, persandian dan statistik daerah yang handal dan berdikari.
B. Misi
1. Membangun sistem e-government yang terintegrasi, terpusat, terkontrol
dengan kualitas pelayanan yang baik.
2. Mewujudkan tata kelola Komunikasi dan Informatika yang sehat, efisien dan
aman;
3. Meningkatkan akses masyarakat terhadap informasi yang berkualitas;
4. Menciptakan sumber daya Teknologi, Informatika Dan Komunikasi (TIK)
yang unggu, produktif dan berdaya saing;
5. Mewujudkan partisipasi publik terhadap pengambilan kebijakan;
6. Mewujudkan dukungan informasi dan statistik dalam rangka pencapaian
fokus pembangunan Sulawesi Utara
2.2.3 Logo
Gambar 2. 1 Logo Dinas komunikasi dan Informasi [1]

A. Keterangan Logo:
Logo yang terdiri dari 3 huruf c ini merupakan singkatan dari tiga tugas
utama dari Dinas Komunikasi dan Informasi yaitu : Communication, Content and
Computer.
B. Bentuk warna dan bagian-bagian lambang:
7
1. Kombinasi warna biru melabangkan sifat yang berkarakter, Lugas, Kokoh,

Teknologis, Dinamis, Optimis dan profesionalisme.
2. Aksen wama biru muda, selain menambah kesan estetis, juga menyiratkan
pengertian “perlindungan terhadap kepentingan public” (digambarkan dengan
bidang biru muda yang ‘dipayungi’ oleh dua bidang biru).
2.2.4 Stuktur Organisasi
Gambar 2. 2 Struktur Organisasi Dinas Komunikasi, Informatika,

Persandian dan Statistik Provinsi Sulawesi Utara
Keterangan : bergaris merah merupakan tempat penulis melakukan kerja praktek.
2.2 Lingkup Kerja

E-Government merupakan salah satu bidang yang ada di DKIPS yang
memiliki tugas pokok yaitu mengembankan dan pengelolaan aplikasi, keamanan
informasi dan basis data. Penulis ditempatkan pada command center yang bertugas
untuk mengawasi dan mengontrol seluruh kegiatan yang ada dalam DKIPS.
Command center sediri merupakan salah satu divisi yang bekerja sama dengan
badan E-government. Selama proses magang berlangsung penulis diminta untuk
membantu dalam proses integrasi adata dari setiap SKPD dan menganalisis sitem
yang ada di DKPS.
8
BAB III
LANDASAN TEORI
3.1 Teori Pendukung

Pada halaman ini akan membahas tentang teori pendukung yang
berhubungan dengan metode yang akan digunakan dalam pembuatan aplikasi,
metode apa yang akan digunakan dalam pembuatan aplikasi dan membahas tentang
prosedur atau cara mengumpulkan data untuk aplikasi online pemantauan kegiatan
SKPD.
3.1.1 Aplikasi online

Aplikasi adalah bagian dari perangkat lunak komputer yang dapat memerintahkan
komputer secara langsung untuk melakukan perintah dari penggunanya. Biasanya
aplikasi dibuat agar dapat membantu tugas dari pengguna yang mengerjakan suatu
tugas yang sehingga dapat menguntungkan pengguna tersebut. Pengertian Aplikasi
menurut Barry Pratama [1]:
1. Aplikasi adalah satu unit perangkat lunak yang dibuat untuk melayani
kebutuhan akan beberapa aktivitas.
2. Aplikasi adalah sistem lengkap yang mengerjakan tugas spesifik.
3. Aplikasi basis data terdiri atas sekumpulan menu, formulir, laporan dan
program yang memenuhi kebutuhan suatu fungsional unit bisnis / organisasi
/ instansi.
3.1.2 Pemantauan
Pemantauan adalah pengumpulan informasi secara teratur agar membantu
menjaga agar pekerjaan tetap pada jalurnya dan dapat meminimalisir terjadinya
kesalahan dalam penilaian yang dilaksanakan dalam suatu kegiatan. Monitoring
sendiri bertujuan untuk meningkatkan kinerja kelompok atau organisasi dalam
menjalankan kegiatan [3].
3.1.3 SKPD
Sesui dengan peraturan menteri dalam negeri nomor 13 tahun 2006 yang
mengatakan bahwa SKPD (Satuan Kerja Perangkat Daerah) adalah perangkat
9
daerah pada pemerintah daerah yang menjadi pengguna anggaran barang atau
pengguna barang [4].
3.1.4 BKAD
BKAD (Badan Keuangan dan Aset Daerah) adalah badan yang bertanggung
jawab atas pengelola keuangan dan aset daerah serta memiliki tugas utama, yaitu
membantu Gubernur dalam menyelenggarakan pengelolaan keuangan dan aset
daerah [5].
3.2 Teknologi Yang Digunakan

Dalam halaman ini akan dibahas tentang literatur yang dapat mendukung
dalam pembangunan Aplikasi Online Pemantau Kegiatan SKPD Untuk Badan
Keuangan Dan Aset Daerah Kota Manado.
3.2.1 PHP Hypertext preprocessor (PHP)

PHP merupakan bahasa pemrograman web yang bisa disisipkan dalam skrip
HTML dan bekerja di server-side. PHP dikatakan server-side karena program yang
diberikan akan dijalankan/diproses pada komputer yang bertindak sebagai server.
Tujuan dari bahasa ini adalah membantu para pengembangan web untuk membuat
web dinamis dengan cepat. Untuk menjalankan PHP perangkat yang harus
disediakan adalah web server, PHP server dan database server [6].
Berikut ini merupakan kelebihan dan kekurangan bahasa pemrograman
PHP, yaitu :
A. Kelebihan :
 Pengembangan bahasa pemerograman PHP tergolong lebih mudah,
karena banyak developer yang membantu mengembangkannya
maupun menggunakannya.
 Cocok digunakan untuk pemrograman website dinamis.
 Banyaknya web server yang mendukung bahasa pemrograman PHP
sehingga konfigurasinya semakin mudah. Beberapa web server
misalnya Apache, IIS, Xitami, Nginx, dan lain-lain.
B. Kekurangan yaitu keamanan yang kurang baik, jika programer tidak
memperhatikan keamanan dari program yang dibuatnya.
10
3.2.2 Hyper Text Markup Language (HTML)

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor
teks. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan
dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi
informasi atau tampilan antarmuka sistem di dalam internet. HTML merupakan
bahasa standar web yang dikelola oleh W3C (World Wide Web Consortium) tag
yang menyusun setiap elemen dari website. HTML merupakan penyusun struktur
halaman website yang mengatur elemen yang ada agar bisa sesuai dengan tampilan.
HTML disimpan dalam sebuah file yang berekstensi .html. Dalam penulisan skrip
HTML dapat menggunakan text editor seperti notepad, sublime text dan atom [6].
3.2.3 Javascript
javascript berfungsi membuat sebuah halaman website lebih interaktif dan
dinamis. Penggunaan javascript sangat dibutuhkan untuk website yang ingin
menjamin kenyamanan pengakses (user-experience). Namun, penggunaan kode
javascript ini tidak akan maksimal jika tidak dibarengi dengan
penggunaan css karena javascript juga tidak akan lepas dari html. Javascript
merupakan script yang dipakai untuk menciptakan halaman web agar dapat
berinteraksi dengan pengguna dan dapat merespon event yang terjadi dalam sebuah
halaman. Javascript hampir dapat dijalankan pada semua platform. Javascript
sendiri merupakan Bahasa yang berjalan dalam sisi client server. Javascript
digunakan untuk mengendalikan halaman dan untuk memvalidasi apa yang
diketikan pengguna ke dalam sebuah form sebelum pengirimanform ke server
dilakukan [7].
3.2.4 CSS
Cascading Style Sheet (CSS) merupakan dokumen web yang diperuntukan
untuk mengatur elemen dari HTML dengan berbagai property yang telah
disediakan, sehingga tampilan yang dihasilkan akan terlihat sesuai dengan
keinginan kita. CSS bekerja untuk memodifikasi HTML , dengan cara memilih
elemen HTML yang akan dimodifikasi kemudian diberikan property yang sesuai
dengan keinginan kita. Dalam memberikan aturan pada elemen HTML, skrip CSS
memiliki tiga elemen yang menyusunya, yaitu selector untuk memilih elemen yang
11
ada pada HTML, yang kedua adalah property yang merupakan aturan yang telah
disedakan oleh CSS itu sendiri dan yang ketiga adalah value yaitu nilai akan akan
dimasukan dalam property yang sudah pakai [6].
3.2.5 Database
Database merupakan sistem terkomputerisasi yang bertujuan untuk
memelíhara informasi dan membuat informasi tersedia saat dibutuhkan. Database
adalah media untuk menyimpan data agar dapat diakses deng mudah dan cepat [8].
Database adalah sebuah koleksi atau kumpulan data yang saling berhubungan,
disusun menurut aturan tertentu secara logis, sehingga menghasilkan informasi.
Suatu database mencakup dua komponen penting, yaitu data dan informasi.
Komponen – komponen ini berfungsi untuk mengelola data sehingga mampu
menjadi informasi yang diinginkan dan dapat dilakukan proses pengambilan
keputusan dengan efektif dan juga efisien serta terjamin keakuratannya [9].
Database Management System (DBMS) adalah sistem aplikasi yang
digunakan untuk menyimpan, mengelola dan memanipulasi data. Satu sistem dapat
disebut DBMS ajika sistem tersebut memenuhi syarat – syarat berikut ini:
 Menyediakan fasilitas untuk mengelola akses data.
 Mampu menangani integrase data .
 Mampu menangani akses data yang dilakukan secara bersamaan.
 Mampu menangani backup data.
DBMS yang digunakan dalam sistem database biasanya mempunyai bagian
berikut:
A. Data Description Language (DDL)
Suatu bahasa yang digunakan untuk mendeklarasikan skema database
menjadikumpulan tabel data. Tabel hasil deklarasi ini disimpan dalam suatu file
khusus yang disebut Data Dictionary. Selain untuk mendeklarasikan skema
database, DDL ini pun digunakan untuk menentukan struktur tempatpenyimpanan
dan metode akses. Bagian khusus dari DDL yang digunakan untukkeperluan
tersebut disebut data storage and definition language [10].
B. Data Manipulation Language (DML)
Suatu bahasa yang memungkinkan pemakai untuk mengakses dan
memanipulasinilai-nilai data dari suatu database. Yang dimaksud dengan
12
manipulasi data disini adalah menyajikan informasi yang terkandung dalam

database, menyisipkan data baru ke database, menghapus data dari database dan
mengubah informasi yang tersimpan dalam database. Pada dasarnya ada dua jenis
DML yaitu:
 Procedural, pada DML ini pengguna akan diminta untuk
menentukan data apa saja yang dibutuhkan dan bagaimana cara untuk
mendapatkan data yang diperlukan.
 Non-procedural, DML ini akan meminta pemakai untuk
menentukan dataapa yang dibutuhkan tanpa harus menentukan bagaimana
cara untukmendapatkannya. Jenis DML non-procedural ini mudah sekali
untuk dipelajari dan digunakanpemakai dibanding yang procedural. Tetapi
karena pemakai tidak harusmenentukan bagaimana data didapat, DML ini
akan membuat kode yang tidakefisien dibandingkan dengan yang dibuat
oleh DML procedural sehingga membuatkerja sistem menjadi lama.
3.3 Metodologi Pengembangan sistem

Bagian ini akan membahas tentang metode pengembangan system yang
digunakan yaitu Rational Unified Process (RUP). RUP merupakan Proses
Rekayasa Perangkat Lunak yang memberikan pendekatan disiplin, untuk
penugasan tugas dan tanggung jawab dalam organisasi pengembangan. Tujuannya
RUP sendiri adalah untuk memastikan aplikasi yang dihasilkan berkualitas tinggi
dan perangkat lunak yang dapat memenuhi kebutuhan pengguna [11]. Kakas
pempdelan yang digunakan untuk membangun aplikasi ini adalah UML (Unified
Modelling Langauge). UML sendiri merupakan bahasa spesifikasi standar yang
digunakan untuk mendokumentasikan, dan membangun perangkata lunak. Selain
itu, UML merupakan metodologi untuk pengembangan sistem yang berorientasi
objek [12].
3.3.1 Rational Unified Process (RUP)

RUP merukapan suatu pendekatan pengembangan perangkat lunak yang
dilakukan secara berulang kali (iterative), fokus pada arsitektur (architecture-
centric) [8]. RUP merupakan proses rekayasa perangkat lunak dengan
pendefinnisian yang baik (well defined) dan mempunya cara penstruturan yang baik
13
pula (well structured). RUP sediri merupakan sebuah produk proses perangka lunak
yang dikembangkan oleh Rational Software yang diakuisisi oleh IBM di bulan
februari 2003. RUP memiliki empat fase yaitu:
a. Inception
Dalam fase ini akan dilakukan aktivitas menetapkan kasus bisnis untuk
sistem dan membatasi ruang lingkup proyek. Ini dilakukan dengan cara
mengidentifikasi semua kasus penggunaan dan menggambarkan beberapa yang
signifikan. Kasus bisnis mencakup kriteria keberhasilan, penilaian risiko, dan
estimasi sumber daya yang dibutuhkan, dan rencana fase yang menunjukkan
tanggal tonggak utama.
b. Elaboration
Tujuan dari tahap elaborasi adalah untuk menganalisis masalah,
merencanakan dan membangun dasar arsitektur yang baik, mengembangkan
rencana proyek, dan menghilangkan elemen risiko tertinggi dari proyek.
c. Construction
Dalam tahap ini semua hasil desain akan dianalisa kembali, jika sudah
sesuai proses akan berlanjut pada implementasikan dan semua fitur diuji secara
menyeluruh.
d. Transition
Dalam fase ini akan dilakukan penyerahan produk berupa aplikasi kepada
konsumen. masalah yang muncul mengharuskan untuk mengembangkan rilis baru,
memperbaiki beberapa masalah, atau selesaikan fitur yang masih belum selesai.
3.1.2 UML
UML adalah standar yang didefinisikan dengan baik, didukung oleh banyak
alat. Ini adalah bahasa pemodelan dominan digunakan untuk memodelkan sistem
informasi berorientasi objek. UML digunakan untuk merancang perangkat lunak,
menjadi penengah antara perangkat lunak dan konsep aplikasi, membantu dalam
menjabarkan sistem secara rinci dengan menggunakan analisis untuk mengetahui
kebutuhan, dan mendokumentasikan proses pembuatan dan perancangan aplikasi.
Dalam membangun aplikasi ini penulis menggunakan 3 macam diagram yaitu use
case diagram, class diagram dan activity diagram [12].
14
3.1.2.1 Use Case Diagram

Merupakan pemodelan untuk kelakuan sistem informasi yang akan dibuat.
Use Case digunakan agar dapat mengetahui fungsi apa saja yang ada di dalam suatu
aplikasi yang dibangun dan siapa saja yang berhak menggunakan fungsi dan fitur-
fitur di dalam sebuah aplikasi [13].
Tabel 3. 1 Simbol-simbol use case diagram [14]
Gambar Penjelasan
Use case, menggambarkan fungsionalitas yang disediakan
system. Use case juga mendeskripsikan urutan aksi-aksi
yang ditampilkan sistem yang menghasilkan suatu hasil
yang terukur bagi suatu aktor.
Actor, atau aktor adalah abstraction dari orang atau sistem
yang lain yang mengaktifkan fungsi dari target sistem. Aktor
berinteraksi dengan use case tetapi tidak memiliki kontrol
terhadap use case.
Asosiasi antara aktor dan use case, digambarkan dengan
garis tanpa panah yang mengindikasikan siapa atau apa yang
meminta interaksi secara langsung dan bukannya
megindikasikan data.
Extends, merupakan perluasan dari use case jika kondisi
atau syarat terpenuhi.
Include, merupakan pemanggilan use case lain, contohnya
adalah pemanggilan sebuah fungsi program.
3.1.2.2 Class Diagram

Merupakan hubungan antar kelas dan penjelasan detail tiap-tiap kelas di
dalam model desain dari suatu sistem, juga memperlihatkan aturan-aturan dan
tanggung jawab entitas yang menentukan perilaku sistem. Kelas juga memiliki
atribut dan metode atau operasi. Atribut merupakan variabel-variabel yang dimiliki
oleh suatu kelas, sedangkan metode merupakan fungsi-fungsi yang dimiliki suatu
15
kelas [13]. Pada halaman berikutnya, Tabel 3.2 akan menjelaskan tentang arti dari
symbol – sombol yang ada pada class diagram
Tabel 3. 2 Simbol-simbol class diagram
Gambar Penejelasan
Class, adalah blok-blok pembangunan pada
pemrograman berorientasi objek. Sebuah class
digambarkan sebagai sebuah kotak terbagi atas tiga yaitu
class name, attributes dan operations. Bagian atas adalah
nama class, tengah mengenai atribut, dan akhir mengenai
method.
Composition, jika sebuah class tidak bisa berdiri sendiri
dan harus merupakan bagian dari class yang lain, maka
class tersebut memiliki relasi composition terhadap class
tempat dia bergabung tersebut.
Association, merupakan sebuah relationship paling
umum antara 2 class dan dilambangkan oleh sebuah
garis yang menghubungkan antara 2 class. Garis ini bisa
melambangkan tipe-tipe relationship dan juga dapat
menampilkan hukum-hukum multiplisitas pada sebuah
relationship.
1…1 Merupakan relasi pada class diagram one to one.
1…n Merupakan relasi pada class diagram one to many.
n…n Merupakan relasi pada class diagram many to many.
3.1.2.3 Activity diagram

Menjelaskan aliran kerja aktivitas dari suatu sistem atau proses bisnis.
Diagram ini menjelaskan aliran kerja sistem dari awal sampai akhir sistem dengan
menunjukkan langkah-langkah proses kerja sistem yang dibuat. Kegunaan dari
diagram ini yaitu menggambarkan proses bisinis dan urutan aktivitas dari suatu
sistem dengan menunjukkan sebuah proses urutan aktivitas proses pada sistem yang
16
kita buat [1]. Pada halaman berikutnya Tabel 3.4 akan menjelaskan tentang simbol
– simbol yang dipakai dalam activity diagram.
Tabel 3. 3 Simbol-simbol Activity diagram
Gambar Penjelasan
Start point, merupakan awal dari aktifitas yang
diletakkan di paling atas samping kiri.
End point meruakan akhir dari aktifitas dari alur
aplikasi.
Aktifitas menggambarkan suatu progress atau
kegiatan dari aplikasi.
Percabangan ini untuk menunjukkan kegiatan yang
dilakukan secara parallel atau menggabungkan dua
kegiatan parallel menjadi satu.
Decision point merupakan pilihan yang digunakan

untuk kondisi benar atau salah kegiatan aplikasi.
Penggabungan atau rake digunakkan untuk
menunjukkan adanya dekomposisi.
Line connector digunakan untuk menghubungkan satu
simbol dengan simbol yang lainya.
3.4 prosedur pengummpulan data

Bagian ini menjelaskan tentang bagaimana cara penulis mengumpulkan
data dalam melakukan penelitian.
3.4.1 Metode Pengumpulan Data

Pengumpulan data dilakukan dengan cara wawancara dengan kordinator
yang ada ditempat KP dan studi pustaka dilakukan pada dokumen, buku atau artikel
yang berkaitan dengan teori pendukung tentang pembangunan aplikasi. Hal ini
bertujuan untuk membantu dalam tahap analisis dan perancangan aplikasi sehingga
permasalahan dan kebutuhan dari pengguna dapat diketahui dengan jelas.
17
3.4.2 Sumber Data

Berdasarkan cara memperolehnya, sumber data terbagi atas dua jenis yaitu
data primer dan data sekunder.
a. Data Sekunder adalah data yang secara langsung diambil dari objek
penelitian oleh peneliti. Data biasanya diperoleh dengan cara tanya jawab
dengan kordinator atau staf yang ada di dinas.
b. Data sekunder adalah data yang didapat melalui pencarian melalui media
internet, juranal dam buku.
18
BAB IV
PEMBAHASAN
4.1 Inception
Fase ini berisikan tentang penjelasan tahapan awal dari metodologi RUP
yang akan diterapkan dalam pembangunan aplikasi online pemantauan kegiatan
SKPD ini. Tujuan dari fase ini adalah untuk menentukan ruang lingkup secara
memadai dan apa yang menjadi batasan dari proyek yang akan dibuat.
4.1.1 Deskripsi Sistem Lama

Sistem pemantauan kegiatan BKAD masih dilakukan secara manual, yaitu
pihak BKAD harus mencari laporan hasil kegiatan yang telah dimasukan oleh setiap
SKPD, setelah itu semua laporan hasil ada kegiatan akan direkapitulasi berdasarkan
SKPD yang ada. Hal ini bertujuan agar pihak BKAD dapat mengetahui presentase
kegiatan yang telah direalisasi oleh setiap SKPD. Proses pemantauan kegiatan yang
ada pada BKAD masih memiliki beberapa kekurangan, yang pertama tidak adanya
tempat pengarsipan dari setiap laporan, sehingga proses rekapitulasi laporan
membutuhkan waktu yang lebih lama. Dengan proses rekapitulasi seperti ini juga
berdampak pada akurasi presentasi kegiatan yang dihasilkan, karena laporan hasil
SKPD seringkali tercecer, sehingga data yang diambil terkadang tidak lengkap.
Hasil presentasi setiap keigiatan SKPD berdampak pada pencairan dana kegiatan
dan anggaran kegiatan untuk tahun berikutnya.
Proses pelaporan hasil hasil kegiatan SKPD masih dilakukan secara manual,
setiap kegiatan yang sudah direalisasi akan dibuatkan pelaporan pertanggung
jawaban kegiatan. Laporan pertanggung jawaban kegiatan akan diperiksa secara
bertahap, yang pertama akan diperiksa oleh kepala sub Bidang dan yang kedua akan
diperiksa oleh kepala bidang. Setelah melewati pemeriksaan, hasil kegiatan akan
dilaporkan kepada kepala dinas. Setiap laporan dari tiap bidang akan menjadi tolak
ukur presentasi kegiatan yang sudah mereka realisasikan. Untuk mendapatkan hasil
presentasi kadis harus merekapitulasi setiap laporan hasil kegitan yang ada. Kepala
dinas mengalami kesulitan dalam menghitung presentasi kegiatan dari setiap
bidang. Hal ini dikarenakan tidak adanya sistem yang mendukung pemantauan
19
kegiatan setiap bidang, oleh karena itu kepala dinas harus menghitung laporan
kegiatan dari setiap bidang secara manual.
4.1.2 Target Pengguna

Pada bagian ini akan mengenai target pengguna yang akan berperan dalam
aplikasi yang akan dibagun. Pada aplikasi pemantauan kegiatan SKPD ini memiliki
2 target pengguna, yaitu target pengguna untuk SKPD dan target pengguna untuk
BKAD.
Tabel 4. 1 Target Pengguna Pada SKPD
No Pengguna Fitur Prioritas

1. Admin 1. Lihat presentase kegiatan yang sudah Tinggi
dinas terlaksana
2. Melihat total anggaran kegiatan dan Tinggi
agaran yang sudah terealisasi
3. Melakukan pencarian berdasarkan Sedang
karakter yang diketikan.
4. Menempatkan kegiatan ke setiap bidang. Tinggi
2. Admin 1. Lihat presentase kegiatan yang sudah Tinggi
bidang terlaksana
3. Melakukan pencarian berdasarkan Tinggi
4. Menempatkan kegiatan ke setiap sub Sedang
bidang
3. Staf 1. Lihat presentase kegiatan yang sudah Sedang

terlaksana
20
No Pengguna Fitur Prioritas

4. Memasukan laporan hasil kegiatan yang Tinggi
sudah dilaksanakan.
5. Lihat kegiatan yang telah terealisasi. Sedang
4. kasub 1. Lihat presentase kegiatan yang sudah Sedang
terlaksana
4. Memeriksa kegiatan tahap pertama Tinggi
5. Kabid 1. Lihat presentase kegiatan yang sudah Sedang

terlaksana
karakter.
4. Memeriksa kegiatan tahap kedua. Tinggi
6. Kadis 1. Lihat presentase kegiatan yang sudah Sedang
terlaksana
4. Cetak hasil laporan Sedang
Tabel 4. 2 Target Pengguna Pada BKAD
No Pengguna Tanggung Jawab Prioritas

1. Admin 1. Lihat presentase kegiatan yang sudah Sedang
BKAD terlaksana
21
No Pengguna Tanggung Jawab Prioritas

4. Dapat menambahkan data kegiatan, data Sedang
pengguna dan data program.
4.1.3 Uraian Pembangunan Sistem Baru

Pada bagian ini akan menjelaskan tentang bagaimana alur dari sistem baru
yang dibangun. Ada dua halam utama pada aplikasi ini, yaitu halaman BKAD dan
halaman SKPD. Proses dimulai dari halaman BKAD, dalam halaman BKAD
terdapat 4 halaman inti, yaitu halaman Beranda, halaman kegiatan, halaman
program dan halaman pengguna. Pertaman admin BKAD harus menambah
pengguna untuk dapat masuk pada halaman SKPD. Selanjutnya admin BKAD
membuka halaman Kegiatan untuk menambah data kegiatan. Proses selanjutnya,
admin BKAD pergi ke halaman program untuk menambah data program untuk
setiap SKPD dan setiap data program yang ditambahkan akan dimasukan pada
halaman admin Dinas setiap SKPD. Setelah seluruh proses dalam halaman admin
BKAD selesai, proses berlanjut pada halaman SKPD. setiap program yang telah
dimasukan oleh admin BKAD pertama kali akan masuk pada Halaman Admin
Dinas setiap SKPD, program tersebut selanjutnya akan diarahkan kepada bidang
yang sesuai dengan program tersebut. Seteh masuk pada bidang admin bidang akan
mengarahkan program tersebut pada sub bidang yang memiliki porsi kerja sesui
dengan program yang ada. setelah semua proses ini selesai semua staf yang ada
pada sub bidang harus memasukan setiap hasil kegiatan yang direalisasikan. Setiap
hasil kegiatan yang dimasukan oleh staf akan diperiksa oleh kepala sub bidang
(kasub) dan kepala bagian (kabid). Hasi laporan yang masuk, pertama kali akan
diperiksa oleh kasub setelah disetujui oleh kasub laporan akan diteruskan pada
kabid. Hasil laporan kegiatan yang telah disetujui oleh kabid ini akan masuk ke
menu laporan yang ada di halaman kadis (kepala dinas). Hasil laporan yang sudah
disetujui oleh kadis ini, akan diambil oleh aplikasi menjadi parameter untuk
22
menghitung hasil presentase kegiatan yang akan ditampilkan pada halaman BKAD
dan SKPD.
4.1.4 Preliminary Project Requirement

Bagian ini akan membahas tentang penjelasan persyaratan yang akan
diterapkan dalam pembangunan aplikasi pemantauan SKPD.
Tabel 4. 3 Preliminary Project Requirement
No. Fitur Fungsi Batasan

1. Hak akses Untuk membedakan halaman Hanya admin yang dapat
setiap user. mengelola data secara
penuh.
2. Dashboard Untuk melihat presentase Semua level pengguna
setiap kegiatan yang sudah dapat mengaksesnya
berjalan
3. Tambah Ini adalah fitur untuk Hanya admin dinas BKAD
kegiatan menambahkan data kegiatan yang diberikan akses
baru yang akan dimasukan.
4. Tambah data Dalam fitur admin dapat Hanya admin dinas BKAD
pengguna menambah user setiap SKPD yang diberikan akses
5. Laporan Merupakan fitur untuk Hanya dapat dilihat oleh
melihat semua hasil kegiatan Kadis, Kabid dan Kasub.
per tahun.
6. Pencarian Merupakan fitur untuk Semua user dapat
melakukan pencarian data menggunakanya
berdasarkan karakter yang
ada.
7. Mengubah Merupakan fitur untuk Untuk fitur mengubah data
data mengubah data jika terjadi hanya bisa dilakukan oleh
kesalahan dalam mengisi data admin.
8. Hapus data Merupakan fitur untuk Untuk fitur hapus data
menghapus data yang sudah hanya bisa dilakukan oleh
tidak diperlukan. admin.
23
No. Fitur Fungsi Batasan

9. Laporan Fitur ini berfungsi untuk Untuk fitur ini hanya dapat
menampilkan seluruh laporan digunakan oleh Kadis,
kegiatan dari setiap dinas Kabid dan admin.
yang ada
10. Cetak Merupakan fitur untuk Untuk fitur ini hanya dapat
laporan mencetak laporan. digunakan oleh Kadis,
Kabid dan admin.
11. Periksa Fitur untuk memeriksa hasil Untuk fitur ini hanya dapat
kegiatan yang sudah digunakan untuk level
direalisasikan kabid dan kasub
12. Unggah Firut ini dibuat agar

gambar pengguna dapat mengunggah -
bukti hasil kegiatan
4.1.5 Rincian Persyaratan

Pada bagian ini berisi tentang persyaratan aplikasi yang akan bangun, yaitu
persyaratan sistem, persyaratan tampilan, persyaratan hardware-software,
persyaratan pengembang, persyaratan pelaporan.
4.1.5.1 Persyaratan sistem

Dalam bagian ini akan membahas tentang persyaratan sistem untuk setiap
level pengguna yang akan dibuat. Semua perancangan dalam sistem ini akan dibuat
sesuai dengan hasil analisis yang telah dilakukan. Pada aplikasi ini terdapat dua
admin yaitu admin yang ada di BKAD dan admin yang ada pada setiap SKPD.
A. Admin BKAD
a. Lihat presentase kegiatan yang sudah terlaksana
b. Melihat total anggaran kegiatan dan agaran yang sudah terealisasi
c. Melakukan pencarian berdasarkan karakter yang diketikan.
d. Admin dapat mengelola data kegiatan.
e. Admin dapat mengelola data program.
24
f. Admin dapat mengelola data pengguna.

B. Admin Dinas
d. Admin dapat Menempatkan kegiatan yang ada pada setiap bidang.
C. Admin Bidang
d. Admin dapat menempatkan kegiatan yang ada pada setiap sub bidang
D. Kasub
d. Kasub dapat melihat presentase kegiatan yang telah terealisasi.
e. Lihat daftar hasil kegiatan
f. Kasub dapat Menyetujui kegiatan yang sudah terlaksanan.
E. Kabid
d. Kasub dapat melihat presentase kegiatan yang telah terealisasi.
e. Lihat daftar hasil kegiatan
f. Kasub dapat Menyetujui kegiatan yang sudah terlaksanan.
F. Kadis
d. Kadis Dapat mencetak laporan.
G. Staf
25

d. Memasukan laporan hasil kegiatan yang sudah dilaksanakan.
e. Unggah file bukti kegiatan.
f. Lihat kegiatan yang telah terealisasi.
4.1.5.2 Persyaratan tampilan

a. Tampilan dibuat sederhana dan dapat dimengerti pengguna.
b. Tulisan dapat dibaca dengan jelas oleh pengguna.
c. Menyediakan informasi dalam bentuk diagram agar terlihat lebih rapi dan
menarik.
4.1.5.3 Persyaratan Hardware-software

Dalam bagian ini akan membahas tentang hardware dan software yang
digunakan dalam pembangunan aplikasi.
Tabel 4. 4 Spesifikasi Software dan Hardware
No. Sumber Daya Spesifikasi

1. Hardware
a. Processor AMD E1
b. Memory (RAM) 2GB
c. Harddisk 500GB
d. Peralatan lainnya Mouse, keyboard, printer
2 Software
a. Bahasa pemrograman PHP 7
b. DBMS XAMPP versi 3.2.2
c. Design interface Adobe photoshop cs6
d. Pemodelan objek Edraw Max 9.2
e. Aplikasi (IDE) Sublime text 3.1.1
f. Mendokumentasikan laporan Microsoft office Word 2016
4.1.5.4 Persyaratan Pengembang
a. Aplikasi dapat digunakan untuk menambah, mengubah dan menyimpan
data kegiatan yang telah tendaftar.
b. Aplikasi dapat melihat data kegiatan.
26
c. Aplikasi dapat digunakan untuk melakukan pencarian data kegiatan dan

menampilkannya berdasarkan tahun, SKPD dan nama program.
d. Aplikasi dapat digunakan untuk melihat diagram yang berisikan presentase
kegiatan pertahun.
e. Aplikasi dapat digunakan untuk membuat laporan dan mencetak laporan
kegiatan per tahunnya.
4.1.5.5 Persyaratan Pelaporan

a. Format penulisan yang dibuat harus jelas dan konsisten.
b. Format laporan yang dibuat yaitu .pdf.
c. Kop laporan memuat nama SKPD dan tanggal cetak.
d. Melampirkan logo dinas.
4.1.6 Function Point Approach

1. Input, input merupakan proses memasukan data pada aplikasi. Pengguna
harus memasukan data dengan cara mengisi setiap text field yang telah
disediakan pada tiap halaman yang telah dibuat.
2. Output, setelah pengguna selesai memasukkan semua data membuat
laporan dari semua data kegiatan yang telah dimasukan pengguna ke dalam
aplikasi. Laporan kegiatan dibuat agar dapat dicetak.
3. Query, data kegiatan yang dimasukkan pengguna ke dalam aplikasi telah
dibuat dengan pengkodean program dan query di dalam database agar data
dapat tersimpan dalam database yang telah dirancang.
4. File, tipe file yang tersimpan dalam database berupa data sql dan untuk file
pengkodean dari aplikasi berupa file .php. Kedua file tersebut memiliki nilai
yang penting dan saling berhubungan karena database diperlukan untuk
pengkodean aplikasi dan query agar aplikasi dapat berjalan dengan baik.
5. Antarmuka Program, untuk antarmuka program dalam menampilkan data
pada tampilan program, membutuhkan koneksi query ke database yang
telah dirancang dan pengkodean program. Setelah terhubung ke database
dengan pengkodean program data - data yang berada pada database akan
tampil pada tampilan seperti yang diimplementasikan pada aplikasi Aplikasi
Pemantauan Kegiatan SKPD ini.
27
Tabel 4. 5 Hitungan Fungsi Poin
Tipe Komponen Level Komplesitas Total

Sedang Tinggi CFP
Jumlah Bobot Point Jumlah Bobot Point
Tipe Input 9 4 92 14 6 84 176

Tipe Output 13 5 65 22 7 154 219
Tipe Query 73 4 492 50 6 300 792
Tipe
3 10 30 3 15 45 75
file/Tabel/Database
Tipe Antarmuka
10 7 70 8 10 80 150
program
Total 1412
Keterangan : CFP = Crude Function Point.
Tabel 4. 6 Hitungan Relative Complexity Adjusment Factor (RCAF)
No. Karakteristik Bobot

1. Tingkat kompleksitas komunikasi data. 3
2. Tingkat kompleksitas pemrosesan terdistribusi. 2
3. Tingkat kompleksitas performance. 4
4. Tingkat kompleksitas konfigurasi. 4
5. Tingkat frekuensi penggunaan software. 4
6. Tingkat frekuensi input data. 5
7. Tingkat kemudahan pengunaan bagi user. 5
8. Tingkat frekuensi menghapus data. 4
9. Tingkat frekuensi mengubah data. 5
10. Tingkat frekuensi menambah data. 5
11. Tingkat kompleksitas prosessing data. 5
12. Tingkat kemudahan operasional software (backup, recovery). 2
13. Tingkat software dibuat untuk organisasi/ perusahaan/ client. 5
14. Tingkat kompleksitas dalam mengikuti perubahan 5
Total 58
28
Keterangan pembobotan :
1 = Insidential
2 = Moderat
3 = Rata-rata
4 = Signifikan
5 = Essential
Dibawah ini merupakan hasil perhitungan dari function point (FP).
FP = 1412 x (0.65+(0.01 x 58 ))
=9107.4
Hasil function point untuk pembangunan aplikasi online pemantauan SKPD adalah
9107.4 FP. Sehingga diperkirakan dalam pembangunan aplikasi ini membutuhkan
kurang lebih 9107 baris kode.
4.1.7 Penjadwalan
Tabel 4. 7 jadwal pengerjaan proyek
Tahun 2019
No Kegiatan Februari Maret April Mei
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Kerja Praktek
2 Pengajuan Topik
3 Sidang Proposal
4 Inception
5 Elaboration
6 Contruction
7 Transition
8 Konsultasi
9 Sidang Akhir
10 Revisi Laporan
11 Pengumpulan Laporan
29
4.2 Elaboration
Fase ini merupakan lanjutan dari tahapan inception. Fase ini merupakan
proses penetapan dan melakukan perancangan sistem sesuai dengan hasil dari fase
inception. Hasil dari fase ini adalah use case diagram, use case table, resiko
potensial dan sequence diagram.
4.2.1 Use Case diagram

Dalam bagian ini mebahas tentang keseluruhan proses dari use case sistem
baru dengan tujuan untuk menjelaskan lingkup sistem dan mendokumentasikanya
use case diagram. Pada halaman selanjutnya Gambar 4.1 adalah use case diagram
dari aplikasi online pemantauan kegiatan SKPD.
30
Gambar 4.1 Use Case Diagram sistem baru
4.2.2 Use Case Tables

Dalam bagian ini akan menjelaskan tentang use case sistem baru yang akan
dibangun. Use case sistem baru akan didokumentasikan dalam bentuk diagram
table, dapat dilihat dari Tabel 4.8 sampai Tabel 4.19.
Tabel 4.8 Use Case Table #1 Masuk
Nama Use Case #1 Masuk

31
Aktor pengguna, admin dinas, admin bidang, kadis, kasub,

kabid.
Deskripsi Use case ini menjelaskan tentang proses pengguna masuk
kedalam aplaiksi.
Pre-Condition Membuka aplikasi
Normal course Actor System
1. Pengguna memasukan
username dan password
2. Aplikasi memvalidasi
username dan
password.
3. Jika username dan
password benar,
aplikasi akan
memvalidasi username
dan password terdaftar
pada SKPD mana.
4. Jika username dan
password sudah
terdarftar, aplikasi akan
memvalidasi level akses
dari pengguna.
5. Jika semua validasi
sudah terpenuhi maka
aplikasi akan
menampilkan halaman
yang sesuai dengan
level dan hak akses
pengguna.
Alternate Course 1. Pengguna salah
memasukan username
dan password
32
2. Aplikasi tidak akan

menampilkan halaman
utuma atau hanya akan
dibalikan kedalam
halaman masuk
kembali.
Post-Condition Pengguna masuk ke halaman dashboard
Tabel 4.9 Use Case #2 Tambah pengguna
Nama Use Case #2 Tambah Pengguna

Aktor Admin BKAD
Deskripsi Use case akan menjelaskan Proses menambah pengguna.
Pre-Condition Use case #1 Masuk
1. Pengguna menekan
tombol tambah data.
2. Aplikasi menampilkan
form tambah data.
data pada setiap field
yang telah disediakan.
4. pengguna menekan
tombol simpan 5. Aplikasi menyimpan
data yang telah
dimasukan oleh
Pengguna.
Alternate Course 1. Pengguna tidak mengisi
semua field
2. jika ada field yang
kosong maka aplikasi
akan memberi tanda
33
merah pada field yang

3. Pengguna melengkapi kosong.
field yang kosong
4. data tersimpan dalam
database.
Post-Condition Data yang dimasukan telah tersipan dalam database.
Tabel 4. 10 Use Case #3 Tambah Kegiatan
Nama Use Case #3 Tambah kegiatan

Aktor Admin BKAD
Deskripsi Use case akan menjelaskan Proses menambah data
kegiatan.
Pre-Condition Use case #1 masuk
1. Pengguna menekan
tombol tambah data.
form tambah data.
4. pengguna menekan
tombol simpan
5. Aplikasi menyimpan
data yang telah
dimasukan oleh
Pengguna.
Alternate Course 1. Pengguna tidak
mengisi semua field
akan memberi tanda
34

kosong.
3. Pengguna melengkapi
field yang kosong
database.
Tabel 4.11 Use Case #4 Tambah Program
Nama Use Case #4 Tambah program

Aktor Admin BKAD
Deskripsi Use case akan menjelaskan Proses menambah data
program.
Pre-Condition Use case #1 masuk
2. Pengguna menekan
tombol tambah data.
form tambah data.
6. pengguna menekan
tombol simpan
6. Aplikasi menyimpan
data yang telah
dimasukan oleh admin.
Alternate Course 2. Pengguna tidak
mengisi semua field
35

akan memberi tanda
4. Pengguna melengkapi kosong.
field yang kosong

database.
Tabel 4.12 Use Case #5 Pilih Bidang
Nama Use Case #5 pilih bidang

Aktor Admin dinas
Deskripsi Use case ini menjelaskan tentang proses kegiatan akan
ditempatkan pada bidang yang ada dalam dinas
Pre-Condition #1 masuk
#7 lihat kegiatan
1. pilih menu kegiatan.
2. aplikasi akan
menampilkan daftar
kegiatan.
3. tekan tombol ubah
4. aplikasi akan
menampilkan form
untuk memilih bidang
5. pengguna memilih yang ada didinas
bidang yang sesuai. tesebut.
1. pengguna menekan
tombol simpan
36
7. Aplikasi akan
menyimpan data
kedalam database.
Alternate Course -
Post-Condition Data yang dipilih yang disimpan dalam database
Tabel 4.13 Use case #6 Pilih Sub Bidang
Nama Use Case #6 pilih sub bidang

Aktor Admin bidang
ditempatkan pada sub bidang yang ada dalam bidang
#7 lihat kegiatan
2. aplikasi akan
menampilkan daftar
kegiatan.
3. tekan tombol ubah
4. aplikasi akan
menampilkan form
untuk memilih sub
bidang yang ada bidang
5. pengguna memilih sub tesebut.
bidang yang sesuai.
6. pengguna menekan
tombol simpan
7. Aplikasi akan
menyimpan data
kedalam database.
Alternate Course -
37
Post-Condition Data yang dipilih yang disimpan dalam database dan

kegiatan akan ditampilkan pada halaman setiap
subbidang.
Tabel 4.14 Use Case #7 Lihat Data Kegiatan
Nama Use Case #7 lihat data kegiatan

Aktor Admin bidang,
Deskripsi Use case ini akan menjelaskan tentang proses bagaiman
melihat data kegiatan.
2. aplikasi akan
menampilkan daftar
3. lihat data kegiatan kegiatan.
Alternate Course -
Post-Condition melihat data kegiatan
Tabel 4.15 Use Case #8 Masukan Hasil
Nama Use Case #8 masuk hasil

Aktor Staf
ditempatkan pada sub bidang yang ada dalam bidang
#7 lihat data kegiatan
1. Pilih menu belum
terealisasi. 2. Aplikasi akan
menampilkan daftar
38
kegiatan yang harus

3. Staf mentekan tombol direalisasikan.
realisasi.
4. Aplikasi akan
5. Staf harus mengisi menampilkan form
field yang sudah realisai kegiatan.
tersedia.
6. Staf menekan tombol
simpan
7. Apliasi akan
menyimpan data dalam
database
Alternate Course -
Post-Condition Data yang dipilih yang disimpan dalam database dan
ditampilan dalam halaman kasub.
Tabel 4.16 Use Case #9 Pemeriksa Tahap Satu
Nama Use Case #9 Pemeriksa Tahap Satu

Aktor kasub
Deskripsi Use case ini menjelaskan tentang proses Pemeriksa Tahap
pertama dari hasil kegiatan yang telah dimasukan oleh
staf.
1. kasub pergi kehalaman
laporan SKPD .
2. aplikasi akan
menampilkan daftar
kegiatan yang harus di
validasi, dengan cara
39
3. kasub menekan tombol menekan tombol

realisasi. realisasi.
4. aplikasi akan
mengubah status
kegitan menjadi 3,
yang bertanda
kegiatan sudah harus
masuk pada tampilan
laporan SKPD yang
ada pada halaman
kabid.
Alternate Course -
Post-Condition Data yang direalisasi tersimpan dalam database dan
ditampilan dalam halaman kabid.
Tabel 4.17 Use Case #10 Pemeriksa Tahap dua
Nama Use Case #10 Pemeriksa Tahap dua

Aktor Kabid
Deskripsi Use case ini menjelaskan tentang proses pemeriksaan
tahap kedua setelah hasil kegiatan yang telah dimasukan
oleh staf sudah diperiksa oleh kabid.
1. Kabid pergi
kehalaman laporan
SKPD . 2. Aplikasi akan
menampilkan daftar
kegiatan yang harus di
validasi, dengan cara
40
3. Kabid harus menekan menekan tombol

tombol realisasi realisasi.
sebagai tanda bahwa
kegiatan tersebut
sudah diperiksa dan
akan diperiksa kembali
oleh kabid.
4. Aplikasi akan
mengubah status
kegitan menjadi 3, yang
bertanda kegiatan
sudah harus masuk
pada tampilan laporan
SKPD yang ada pada
halaman kabid.
Alternate Course -
Post-Condition Data yang direalisasi tersimpan dalam database dan
ditampilan dalam halaman kabid.
Tabel 4.18 Use Case #11 Cetak Laporan

Nama Use Case #11 cetak laporan.
Aktor kadis
Deskripsi Dalam use case ini akan menjelaskan tentang
pelaporan kegitan
1. pengguna pergi ke
halaman laporan 2. Aplikasi akan
menampilkan laporan
realisasi kegiatan yang
ada
41
3.pengguna menekan 4. Aplikasi akan

tombol cetak. menjalankan perintah
print laporan.
Alternate Course -
Post-Condition Laporan berhasil dicetak.
Tabel 4.19 Use Case #12 Logout
Nama Use Case #12 logout

Aktor Kadis
Deskripsi Use case ini akan menjelaskan proses logout
1. Kadis menekan foto
profil. 2. Aplikasi akan
menampikan tampilan
profil bersertakan
tombol logout.
3. Kadis menekan tombol
logout
4. Aplikasi akan
menghapus semua
session.
5. Apliaksi akan
menampilkan halaman
masuk.
Alternate Course -
Post-Condition Keluar dari aplikasi
4.2.3 Resiko Potensial

Dalam bagian ini akan membahas tentang resiko – resiko dalam
pembangunan aplikasi dan antisipasi yang dibuat agar resiko - resiko tesebut bisa
ditanggulangi dengan baik.
42
Tabel 4.20 Resiko Potensial
No. Resiko Penyebab Antisipasi Akibat

1. Mendapat Kemampuan Mencari referensi Akan memakan
kesulitan saat dalam coding seperti video waktu yang lama
pembuatan yang belum tutorial, buku dan dalam
laporan dan memadai serta tutorial coding pembangunan
aplikasi kuranya yang yang ada di program
sekaligus menejemen web.
waktu yang baik
2. Waktu dalam Kurangnya Menyusun jadwal Waktu
pengerjaan membagi waktu secara teratur pengerjaan yang
laporan dan antara untuk pengerjaan lama dan
aplikasi. merancang pembagunan laporan tidak
aplikasi dan aplikasi dan memenuhi
penyusunan pembuatan kriteria
laporan. laporan. penilaian.
3. Aplikasi yang Menejement Memaksimalkan User tidak puas
dibangun tidak proyek yang menejemen dengan aplikasi
sesuai dengan kurang sehingga proyek dalam yang dibangun.
sop perusahaan waktu hanya pembagunan
berfokus pada aplikasi.
pengkodean
program dan
pembuatan
laporan
4.2.4 Activity Diagram

Activity diagram digunakan untuk menggambarkan alur aktivitas aplikasi
yang sedang dirancang, bagaimana proses berjalannya alur setiap objek, keputusan
yang mungkin terjadi dan bagaimana aplikasi bisa berakhir. Untuk Gambar 4.2
yang ada pada halaman berikut adalah activity diagram dari BKAD.
43
Gambar 4.2 Activity Diagram BKAD

44
Gambar 4.3 Activity Diagram SKPD

45
4.2.5 Class Diagram

Dalam bagian ini akan menjelaskan tentang hubungan antar kelas dan
penjelasan detail tiap-tiap kelas yang digunakan serta memperlihatkan aturan-
aturan dan tanggung jawab entitas yang digunakan untuk apliaksi dibagun.
Gambar 4.4 dibawah merupakan class diagram dari aplikasi pemantauan kegiatan
SKPD.
Gambar 4.4 Class Diagram Aplikasi Pemantauan kegiatan SKPD.

4.3 Construction
Pada fase ini penulis akan mengimplementasikan hasil desain yang telah
dibuat dan kode program yang sesuai dengan rancangan aplikasi. Tujuan dari tahap
ini yaitu melakukan implementasi dari semuah analisis yang telah dibuat, dengan
harapan setiap code program yang dibuat dapat berfungsi dengan semestinya.
4.3.1 Penggambaran Storyboard

Pada tahap ini penulis melakukan perancangan desain antarmuka dari
aplikasi yang akan dibangun, sehingga dapat membantu dalam pembuatan
antarmuka yang akan dipakai pada aplikasi yang akan dibangun.
46
Gambar 4.5 Storyboard Halaman Masuk

Pada Gambar 4.5 terdapat dua text field yang harus dimasukkan oleh
pengguna, yaitu text field username dan password. Jika pengguna sudah mengisi
text field, pengguna langsung dapat menekan tombol masuk agar bisa masuk
kedalam halaman dashboard.
Gambar 4.6 Storyboard Halaman Beranda

Pada Gambar 4.6 memuat tentang presentase kegiatan yang ada pada setiap
SKPD yang terdaftar dalam aplikasi ini. Dalam halaman ini preentase kegiatan
ditampilkan dalam betuk diagram batang serta disertakan rinciannya yang ada
dibagian bawah diagram.
47
Gambar 4.7 Storyboard Daftar Pengguna

Pada Gambar 4.7 Storyboard Daftar Pengguna memuat tentang
informasi data dari semua pengguna aplikasi, tombol tambah data dan fitur
pencarian data pengguna.adapan fitur yang terdapat dalam halaman ini,yaitu
Tombol tambah data berfungsi untuk menambah data pengguna, kolom cari untuk
mencari data pengguna berdasarkan karakter yang diketikan dalam kolom
pengguna, tombol ubah untuk sunting data pengguna dan tombol hapus untuk
menghapus data pengguna.
Gambar 4.8 Storyboard Daftar Program

48
Pada Gambar 4.8 memuat tentang informasi data dari semua program
setiap SKPD, tombol tambah data dan fitur pencarian data pengguna.adapan fitur
yang terdapat dalam halaman ini,yaitu Tombol tambah data berfungsi untuk
menambah data program, kolom cari untuk mencari data pengguna berdasarkan
karakter yang diketikan dalam kolom program , tombol ubah untuk sunting data
program dan tombol hapus untuk menghapus data program.
Gambar 4.9 Storyboard daftar kegiatan

Dalam Gambar 4.9 Storyboard daftar kegiatan memuat tentang
informasi data dari semua program setiap SKPD, tombol tambah data dan fitur
pencarian data pengguna.adapan fitur yang terdapat dalam halaman ini,yaitu
Tombol tambah data berfungsi untuk menambah data program, kolom cari untuk
mencari data pengguna berdasarkan karakter yang diketikan dalam kolom program
, tombol ubah untuk sunting data program dan memilih program mau ditempakan
pada bidang apa dan tombol hapus untuk menghapus data program.
49
Gambar 4.0 Storyboard Masuk Hasil

Halaman Gambar 4.10 Storyboard Masuk Hasil merupakan halaman
untuk setiap staf mengmasukkan hasil pelaporan dari kegiatan yang telah
dilaksanakan. Pertama staf harus memilih tahun yang ada pada combo box tahun
kegiatan terealisasi, kemudian staf mengmasukkan berapa anggaran yang terealisasi
dan yang terakhir adalah mengmasuk hasil dari kegiatan tersebut dan mengunggah
bukti kegiatan. Setelah melengkapi semua kolom yang ada, staf dapat menekan
tombol simpan agar data langsung dapat disimpan dalam database.
Gambar 4. 11 Storyboard daftar kegiatan kabid

Dalam halaman ini akan ditampilkan hasil kegiatan yang sudah dimasukan
oleh staf agar dapat diperiksa kembali oleh kepala sub bidang. Proses pemeriksaan
50
dilakukan cukup dengan mengecek semua masukan yang dimasukan oleh staf, jika
masukan sudah rasa benar maka kabid dapat menekan tombol realisasi agar
kegiatan bisa terhitung dalam aplikasi.
Gambar 4.12 Storyboard daftar laporan

Pada Gambar 4.12 adalah tampilan dari daftar laporan kegiatan yang telah
terealisasi. Dibagian kanan atas terdapat tombol cetak untuk mencetak keseluruhan
laporan yang ada.
Gambar 4.13 Storyboard tampilan laporan

51
Gambar 4.13 yang ada pada halaman sebelumya merupakan tampilan

laporan yang akan dicetak. Hasil laporan ditampilkan dalam bentuk pdf.
4.3.2 Implementasi Basis Data

Berikut ini merupakan database dari aplikasi yang telah dirancang sesuai
dengan analisis yang sudah dibuat sebelumya.
Gambar 4.14 Tabel pengguna

Tabel pengguna pada Gambar 4.14 merupakan tabel untuk penyimpanan
semua data pengguna yang akan menggunakan aplikasi pemantauan SKPD.
Gambar 4.15 Tabel program

Tabel program pada Gambar 4.15 merupakan tabel untuk menyimpan dan
mengolah data program yang ada dalam semua user.
Gambar 4.16 Tabel SKPD

52
Tabel SKPD pada Gambar 4.16 merupakan tempat penampung data setiap
SKPD yang terdaftar dalam aplikasi.
Gambar 4.17 Tabel Bidang

Tabel bidang pada Gambar 4.17 merupakan tempat penampung data setiap
bidang yang terkoneksi dengan SKPD yang terdaftar dalam aplikasi.
Gambar 4. 18 Level SKPD

Tabel level SKPD pada Gambar 4.18 merupakan tempat penampung data
level SKPD yang akan terkoneksi dengan pengguna yang ada.
Gambar 4. 19 Tabel SubBidang

Tabel level sub bidang pada Gambar 4.19 merupakan tempat penampung
data sub bidang yang ada disetiap bidang dan terhubung dengan tabel SKPD.
4.3.3 Pengkodean Program

Pada tahap pengkodean program ini akan menampilkan beberapa kode
program digunakan dalam pembangunan Aplikasi online pemantauan SKPD.
Tabel 4. 21 Tabel Program
Kode Program tambah kegiatan
<?php
class C_Kegiatan extends CI_Controller
{
function __construct(){
parent::__construct();
$this->load->helper(array('form'));
$this->load->helper('url');
53
$this->load->model('model_kegiatan');
$this->load->model('model_program');
$this->load->model('model_skpd');
$this->load->model('model_login');
if(!($this->session->userdata('logged_in'))){
redirect('Login');
}
if($this->session->userdata['logged_in']['session_job']
!="1001"){
redirect('Login');
}
//load model
}
public function index(){

//userdata
$data = array(
'title' => 'admin',
'nama' => $this->session-
>userdata['logged_in']['session_username'],
'level' => $this->session-
>userdata['logged_in']['session_job'],
'photo' => $this->session-
>userdata['logged_in']['session_photo']
);
$data['show'] = $this->model_kegiatan->daftar_kegiatan();
$this->load->view('BKAD/admin/kegiatan',$data);
}
public function insert_kegiatan()

{
$data['id_kegiatan'] = $this->input->post('id_kegiatan');
$data['nama_kegiatan'] = $this->input->post('nama_kegiatan');
$this->model_kegiatan->insert($data);
$this->session->set_flashdata('add', "success");
// echo "<pre>"; echo print_r($data);echo
"</pre>";(die);
redirect('BKAD/c_admin/C_Kegiatan');
function update(){
$id_kegiatan = $this->input->post('id_kegiatan');
54
$nama_kegiatan = $this->input->post('nama_kegiatan');
$data = array(
'nama_kegiatan' =>$nama_kegiatan
);
$where = $id_kegiatan;
$this->model_kegiatan-
>update_data($where,$data,'kegiatan');
redirect('BKAD/c_admin/c_kegiatan');
}
public function get1($id){
$data = $this->model_kegiatan->get($id);
// echo "<pre>";echo print_r($id);echo
"</pre>";die();
echo json_encode($data);
}
public function edit_keg(){
$id_kegiatan['id_kegiatan'] = $this->input-
>post('ed_id_kegiatan');
$data['nama_kegiatan'] = $this->input-
>post('ed_nama_kegiatan');
$id=$id_kegiatan;
$this->model_kegiatan->edit_keg($id,$data);
$this->session->set_flashdata('edit', "success");
redirect('BKAD/c_admin/c_kegiatan');
}
function edit($id)
{
$data = array(
'title' => 'admin',
);
$where = array('id_kegiatan' => $id);

$data['kegiatan'] = $this->model_kegiatan-
>edit_kegiatan($where,'kegiatan')->result();
// redirect('BKAD/C_pengguna');
// echo "<pre>";echo print_r($data);echo

"</pre>";die();
55
$this->load-
>view('BKAD/admin/kegiatan_edit_data',$data);
}
public function delete($id){
$this->model_kegiatan->delete($id);
redirect (site_url().'BKAD/c_admin/c_kegiatan');
}
}
?>
Kode Program Untuk Program

<?php
class C_program extends CI_Controller
{ function __construct(){
$this->load->model('model_kegiatan');
$this->load->model('model_skpd');
redirect('Login');
}
if($this->session->userdata['logged_in']['session_job']
!="1001"){redirect('Login');
//load model
}
//userdata
$data = array(
'title' => 'admin',
56

);
// $data['kegiatan'] = $this->model_kegiatan->get();
$data['program'] = $this->model_program->show();
$data['kegiatan'] = $this->model_kegiatan-
>daftar_kegiatan();
$data['skpd'] = $this->model_skpd->show();
$this->load->view('BKAD/admin/program',$data);
}
public function insert_program()
{$data['id_kegiatan'] = $this->input->post('id_kegiatan');
$data['nama_pro'] = $this->input->post('nama_pro');
$data['tahun_pro']= $this->input->post('tahun_pro');
$data['id_skpd'] = $this->input->post('id_skpd');
$data['id_skpd'] = $this->input->post('id_skpd');
$data['anggaran_pro'] = $this->input->post('anggaran_pro');
$this->model_program->insert($data);
$this->session->set_flashdata('add', "success");
redirect('BKAD/c_admin/c_program');
}
function update(){
$id_pro = $this->input->post('id_pro');
$nama_pro = $this->input->post('nama_pro');
$tahun_pro = $this->input->post('tahun_pro');
$id_skpd = $this->input->post('id_skpd');
// $where =array('id_pgn'=>$id);
$data = array(
'id_pro' =>$id_pro,
'nama_pro' =>$nama_pro,
'tahun_pro' =>$tahun_pro,
'id_skpd' =>$id_skpd
);
$where = $id_pro;
57
$this->model_program-
>update_data($where,$data,'program');
redirect('BKAD/c_admin/C_program');
}
public function edit_pro(){
$id_pro['id_pro'] = $this->input->post('ed_id_pro');
$data['id_kegiatan'] = $this->input->post('ed_id_kegiatan');
$data['nama_pro'] = $this->input->post('ed_nama_pro');
$data['tahun_pro'] = $this->input->post('ed_tahun_pro');
$data['id_skpd'] = $this->input->post('ed_id_skpd');
$data['anggaran_pro'] = $this->input->post('ed_anggaran_pro');
$id=$id_pro; $this->model_program->edit_pro($id,$data);
$this->session->set_flashdata('edit', "success");
redirect('BKAD/c_admin/c_program');
}
function edit($id)
{
$data = array(
'title' => 'admin',
>userdata['logged_in']['session_username'], 'level' => $this->session-
>userdata['logged_in']['session_job'], 'photo' => $this->session-
>userdata['logged_in']['session_photo'] );
$data['skpd'] = $this->model_skpd->show();
$where = array('id_pro' => $id);
$data['program'] = $this->model_program-
>edit_program($where,'program')->result();
$this->load->view('BKAD/admin/program_edit_data',$data);
}
public function delete($id){
$this->model_program->delete($id);
redirect (site_url().'BKAD/c_admin/c_program');
}
public function get($id){
$data = $this->model_program->get($id);
58
echo json_encode($data);
}
}
?>
Kode program untuk proses realisasi
<?php
class C_belum_realisasi extends CI_Controller
{
$this->load->model('model_masuk');
$this->load->model('e-gov/pti/Model_program');
$this->load->model('e-gov/pti/Model_kegiatan');
$this->load->model('Model_bidang');
$this->load->model('e-gov/pti/Model_sub_bidang');
redirect('Masuk');
}
if($this->session->userdata['logged_in']['session_job'] !="3"){
redirect('Masuk');
}
}public function index(){
$data = array(
'title' => 'E-GOVERNMENT',
'nama' => $this->session->userdata['logged_in']['session_username'],
'level' => $this->session->userdata['logged_in']['session_job'],
'photo' => $this->session->userdata['logged_in']['session_photo'],
'skpd' => $this->session->userdata['logged_in']['session_id_skpd']
);
$id=2;
$ids=1;
$data['kegiatan']=$this->Model_kegiatan->show_belum_realisasi($id,$ids);
59
$this->load->view('DINAS/D_KIPS/e-gov/pti/v_belum_realisasi',$data);
}
function edit($id)
{
$data = array(
'title' => 'admin',
'photo' => $this->session->userdata['logged_in']['session_photo']
);
$data['bidang']=$this->Model_program->show_bidang();
$where = array('id_pro' => $id);
$data['program'] = $this->Model_kegiatan->edit_kegiatan($where,'program')->result();
// redirect('BKAD/C_pengguna');
$data['bidang']=$this->Model_sub_bidang->show();
$this->load->view('DINAS/D_KIPS/e-gov/pti/buat_realisasi',$data);
}
function update(){
$id_pro =$this->masuk->post('id_pro');
$tanggal_realisasi =$this->masuk->post('tahun_realisasi');
$anggaran_terealisasi =$this->masuk->post('anggaran_realisasi');
$hasil =$this->masuk->post('hasil');
$status =2;
// $where =array('id_pgn'=>$id);
$data = array(
'tanggal_realisasi' =>$tanggal_realisasi,
'anggaran_terealisasi' =>$anggaran_terealisasi,
'hasil' =>$hasil,
'status'=>$status
);
$where = $id_pro;
// echo "<pre>";echo print_r($data);echo "</pre>";die();
$this->Model_program->update_data($where,$data,'program');
redirect('DINAS/D_KIPS/e-gov/pti/C_belum_realisasi');
}
60
function batal_realisasi(){
redirect('DINAS/D_KIPS/e-gov/pti/C_belum_realisasi');
}
}
?>
Menampilakan presentase kegiatan
<?php
class C_dashboard extends CI_Controller
{
$this->load->model('model_pengguna');
redirect('Login');
}
if($this->session->userdata['logged_in']['session_job'] !="1001"){
redirect('Login');
}
if($this->session->userdata['logged_in']['session_skpd'] !="9999"){
redirect('Login');
}load model
}
//userdata
$data = array(
'title' => 'admin bkad',
'photo' => $this->session->userdata['logged_in']['session_photo']
);
$data['pengguna'] = $this->model_pengguna->show();
61
$data['horisontal_chart'] = $this->model_program->horisontal_chart();
$data['p_total'] = $this->model_program->p_total();
//testing output
// echo "<pre>"; echo print_r($data);echo "</pre>";(die);
// Load view
$data['hitung_pro'] = $this->model_program->count_total_kegiatan();
$data['rp_terealisasi'] = $this->model_program->rp_terealisasi();
$data['d_terakhir'] = $this->model_program->data_terakhir();
$this->load->view('BKAD/admin/dashboard_bkad',$data);
}
function getData()
{
$respon->cols[]=array
(
"lebel"=>"tanggal",
"type" =>"string"
);
$respon->cols[]=array
(
"lebel"=>"jumlah",
"type" =>"number"
);
$this->load->model('m_chart');
$data = $this->m_chart->m_datachart();
foreach ($data as $row)
{
$respon->rows[]['c']=
array
(array("v" =>$row->tanggal),
array("v" =>(int)$row->jumlah) );
}
echo json_encode($respon);
}
}
?>
62
Cetak laporan
<?php
if (!defined('BASEPATH')) exit('No direct script access allowed');
class Laporan extends CI_Controller {
public function __construct()
{
$this->load->library('Pdf');
}
public function contoh()
{
$this->load->view('contoh', $data);
}
public function index()
{
$id=23;
$ids=4;
$data['produk'] = $this->model_program->laporan($id,$ids);
$this->load->view('cetak_laporan', $data);
}
}
4.4 Transition
Pada fase ini akan mendokumentasikan tentang pengujijan dari aplikasi
online pemantauan kegiatan SKPD, apakah aplikasi sudah dapat dijalankan dengan
baik atau masih kurang. Setelah itu dalam fase ini juga akan dibuat user manual
sebagai panduan bagi pengguna yang akan menggunakan aplikasi ini.
4.4.1 Pengujian
Pada bagian ini berisi tentang hasil evaluasi dari pengujian aplikasi online
pemantauan kegiatan SKPD. Pengujian sendiri terdiri dari tujuan pengujian, kasus
pengujian dan hasil pengujian.
63
4.4.1.1 Tujuan Pengujian

1. Tujuan yang kedua dari pengujian aplikasi yaitu untuk memastikan tampilan
antarmuka yang dibuat sudah sesuai atau belum.
2. Memastikan fungsi dari fitur yang dibuat .
3. Menguji database apakah sudah berjalan dengan baik atau belum.
4. Memastikan tidak ada eror pada apliksi.
4.4.1.2 Kasus Pengujian

Dalam bagian ini akan memuat tentang hal apa saja yang akan diujicoba
untuk aplikasi yang telah dibangun.
1. Melakukan percobaan fitu Masuk kedalam aplikasi.
2. Melakukan percobaan pada fitur tambah pengguna.
3. Melakukan percobaan pada fitur tambah kegiatan.
4. Melakukan percobaan pada fitur tambah program.
5. Melakukan percobaan pada fitur pilih SKPD.
6. Melakukan percobaan pada fitur pilih bidang.
7. Melakukan percobaan pada fitur masukan hasil.
8. Melakukan percobaan pada fitur unggah data.
9. Mencoba aplikasi untuk dijalankan pada beberapa browser.
4.4.1.3 Pelaksanaan Pengujian

Halam ini berisikan tentang dokumentasi hasil pengujian yang telah
dilakuan.
Tabel 4. 22 Deskripsi Pengujian Aplikasi
Hasil yang Hasil yang

No Kegiatan
diharapkan keluar
1. Melakukan percobaan fitu masuk kedalam aplikasi.
Pengguna memasukan nama pengguna Muncul pesan Muncul pesan
benar dan kata sandi salah “periksa “periksa
kembali nama kembali nama
pengguna dan pengguna dan
64

No Kegiatan
diharapkan keluar
Web browser mozilla firefox. kata sandi kata sandi
anda!” anda!”
Pengguna memasukan nama pengguna Aplikasi akan Aplikasi akan

benar dan kata sandi benar menampilkan menampilkan
halaman halaman
Web browser mozilla firefox. beranda beranda
2 Melakukan percobaan pada fitur tambah kegiatan

1. Langkah pertama penggguna Aplikasi akan Aplikasi akan
menekan tombol tambah data menampilkan menampilkan
form tambah form tambah
data. data.
65

No Kegiatan
diharapkan keluar
Web browser mozilla firefox.
2. pengguna mengosongkan semua text Aplikasi akan Aplikasi akan

fied yang ada dan menekan tombol memberikan memberikan
simpan. tanda merah tanda merah
Web browser mozilla firefox. pada bagian pada bagian
text field yang text field yang
belum belum
dimasukan data dimasukan data
3. pengguna memasukan data kedalam Aplikasi akan Aplikasi akan

semua text fied yang ada dan menekan langsung langsung
tombol simpan. menambahkan menambahkan
Web browser mozilla firefox. data baru data baru
3. Melakukan percobaan pada fitur tambah program

66

No Kegiatan
diharapkan keluar
Web browser mozilla firefox. form tambah form tambah
data. data.

belum belum

67

No Kegiatan
diharapkan keluar
4. Melakukan percobaan pada fitur tambah pengguna

data. data.

a) Web browser mozilla firefox. pada bagian pada bagian
belum belum
68

No Kegiatan
diharapkan keluar

5. Melakukan percobaan pada fitur pilih bidang

1. Pengguna menekan tombol pilih Aplikasi akan Aplikasi akan
bidang menampilkan menampilkan
data. data.
a)
69

No Kegiatan
diharapkan keluar
belum belum

semua text fied yang ada dan menekan menampilkan menampilkan
tombol simpan. pop-up berhasil pop-up berhasil
Web browser mozilla firefox. langsung langsung
menambahkan menambahkan
data baru data baru
6. Melakukan percobaan pada fitur pilih sub bidang

1. Pengguna menekan tombol pilih Aplikasi akan Aplikasi akan
bidang menampilkan menampilkan
Web browser mozilla firefox. form pilih form pilih
bidang. bidang.
70

No Kegiatan
diharapkan keluar
belum belum

data baru data baru
7. Melakukan percobaan pada fitur masukan hasil kegiatan

1. Pengguna menekan tombol masukan Aplikasi akan Aplikasi akan
hasil menampilkan menampilkan
Web browser mozilla firefox. form pilih form pilih
bidang. bidang.
71

No Kegiatan
diharapkan keluar
Web browser mozilla firefox pada bagian pada bagian
belum belum

data baru data baru
8. Melakukan percobaan pada fitur periksa tahap satu

1.pengguna pergi ke halaman kegiatan Aplikasi akan Aplikasi akan
dan menekan tombol lihat hasil menampilkan menampilkan
Web browser mozilla firefox. form hasil dari form hasil dari
kegiatan yang kegiatan yang
sudah sudah
dimasukkan dimasukkan
oleh staf oleh staf
72

No Kegiatan
diharapkan keluar
2.pengguna menekan tombol lanjutkan. Aplikasi akan Aplikasi akan

dikirimkan dikirimkan
kehalaman kehalaman
kabid. kabid.
9. Melakukan percobaan pada fitur periksa tahap dua

1.pengguna pergi ke halaman kegiatan Aplikasi akan Aplikasi akan
dan menekan tombol lihat hasil menampilkan menampilkan
Web browser mozilla firefox. form hasil dari form hasil dari
kegiatan yang kegiatan yang
sudah sudah
dimasukkan dimasukkan
oleh staf dan oleh staf dan
73

No Kegiatan
diharapkan keluar
telah diperiksa telah diperiksa
oleh kasub. oleh kasub.
2.pengguna menekan tombol lanjutkan. Aplikasi akan Aplikasi akan

b) Web browser mozilla firefox. langsung langsung
dikirimkan dikirimkan
kehalaman kehalaman
kadis. kadis.
10. Melakukan percobaan pada fitur cetak laporan

1. pengguna masuk kedalam halam Aplikasi akan Aplikasi akan
laporan lalu menekan tombol cetak menampilkan menampilkan
Web browser mozilla firefox. laporan yang laporan yang
akan di cetak. akan di cetak.
Namun kondisi
sempurna
hanya pada
web browser
mozzila firefox
11. Mencoba membuka aplikasi pada browser berbeda
74

No Kegiatan
diharapkan keluar
Untuk tampilan dengan resolusi Tampilan pada Web
default. sesuai dengan browser
a)Web browser mozilla firefox. desain yang mozilla firefox
telah dibuat yang tidak
mengalami
error
tetapi pada web
browser brave
mengalamai
error posisi
b) Web browser brave.
halaman login
4.4.1.3 User Manual

1. Masuk kedalam halaman admin bkad.
Untuk masuk kedalam aplikasi pengguna harus mengisi text field nama
pengguna dan kata sandi yang ada pada form login seperti pada gambar 4.23 di
bawah ini. Dalam halam ini nama pengguna dan kata sandi sudah di atau sejak awal,
hal ini dubuat karena admin bkad ini adalah admin tetap. Untuk bisa masuk silahkan
masukan nama pengguna dan kata sandi.
Gambar 4. 20 Tampilan halaman masuk

75
2. Cara Menambah kegiatan

Cara menam
Untuk menambah kegiatan pengguna harus masuk sebagai admin bkad,
setelah masuk kedalam halaman bkad, aplikasi akan menampilkan halaman beranda
seperti
Gambar 4. 21 halaman beranda admin BKAD

Lalu silahkan pengguna pergi ke halaman kegiatan yang sudah terlingkar
dengan warna merah pada gambar 4.21. setelah itu aplikasi akan menampilkan
halam kegiatan seperti gambar 4.22
Gambar 4. 22 Tampilan halaman kegiatan

76
Jika pengguna sudah masuk silahkan tekan tombol tambah yang sudah
dilingkasi dengan garis mereah diatas, akan muncul form data kegiatan seperti pada
gamabar 4.23 yang harus dimasukan oleh pengguna.
Gambar 4. 23 Tampilan form tambah kegiatan

Setelah data telah dilengkapi silahkan klik tombol simpan.
77
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpan
Berdasarkan kerja praktek yang telah dilakukan, penulis menyimpulkan
bahwa DKIPS membutuhkan Aplikasi Online Pemantauan Kegiatan SKPD,
sehingga dapat membatu setiap SKPD dan BKAD dalam pemantauan kegiatan
yang ada.
5.2 Saran
Saran untuk pengembangan Aplikasi Online Pemantauan Kegiatan SKPD
yaitu, sekiranya pengembang dapat menambahkan kedalam aplikasi agar dapat
memuat keseluruhan SKPD yang ada di provinsi manado.
78
DAFTAR PUSTAKA
[1] "Dinas Komunikasi Informatika Persandian dan Statistik Daerah Sulawesi,"

sulutprov, [Online]. Available: http://www.sulutprov.go.id/. [Accessed 18
februari 2019].
[2] LAPORAN KINERJA, manado: DINAS KOMUNIKASI, INFORMATIKA,
PERSANDIAN DAN STATISTIK DAERAH, 2017.
[3] A. Nasir, W. Zakiyah and U. T. Winarso, PanduanPenerapan Sistem
Informasi Desa (SID) dan Monitoring Partisipatif, Yogyakarta: Merapi
Recovery Response.
[4] Peraturan Mentri Dalam Negeri Nomor 13 Tahun 2016, Jakarta: Direktorat
Jenderal Bina Keuangan Daerah Kementerian Dalam Negeri, 2016.
[5] " Badan Keuangan dan Aset Daerah," Badan Keuangan dan Aset Daerah,
2012. [Online]. Available: http://bpkbmd.sulutprov.go.id/. [Accessed 4 April
2019].
[6] R. Abdulloh, 7 In 1 Pemrograman Web untuk Pemula, Jakarta: PT. Elex
Media Komputindo, 2018.
[7] R. Sianipar, Pemrogramn Javascript Teori dan Implementasi, Bandung:
Informatika Bandung, 2015.
[8] R. A.S, Rekayasa Perangkat Lunak, Bandung: Informatika Bandung, 2015.
[9] Y. Database Management menggunakan Microdoft Access 2003, Jakarta:
Grramedia, 2008.
[10] Database Management System, Booksmart, 2014.
[11] Rational Unified Process: Best Practices for Software development Teams,
Rational Software White Paper.
[12] Munwar, Analisis Perancangan Sistem Berorientasi Objek dengan UML
(Unified modeling language), Bandung: Informatika Bandung, 2018.
[13] H. E. Erikson and M. Parker, Business Modeling With UML Business Partner
At Work, the United States of America: Robert Ipsen, 2000.
79
[14] A. Dennis, R. Roth and B. Wixom, Systems Analysis and Design with UML,
United States: Wiley, 2015.
[15] "Arti Lambang sulawesi utara," Dinas Komunikasi Informatika Persandian
dan Statistik Daerah Sulawesi Utara, 2017. [Online]. Available:
http://www.sulutprov.go.id. [Accessed 14 2 2019].
[16] A. Rin, "Implementasi Metode Rational Unified Process," TEKNOMATIKA,
vol. VII, no. 1, pp. 1-12, 2017.
[17] B. Sidik, Framework Codeigniter 3 membangun pemrograman bebasis web
dengan berbagai kemudahan & fasilitas codeigniter, bandung: informatika
bandung, 2018.
[18] D. P. Harmay, Buku Pemrograman Web PHP, scribd, 2014.
[19] B. A. Nandari and S. , "Pembuatan Website Portal Berita Desa Jetis Lor,"
Indonesian Journal on Networking and Security, vol. 3 No. 3 , p. 44, juli 2014.
[20] studinews, "Pengertian Online Dan Offline," November 2016. [Online].
Available: https://www.studinews.co.id/2016/11/pengertian-online-dan-
offline-dengan-lengkap.html. [Accessed 3 maret 2019].
[21] R. A. S and M. Shalahuddin, Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek, Bandung: Informatika Bandung, 2015.
[22] M. Muslihudin and Oktafianto, in Analisis dan Perancangan Sistem
Informasi Menggunakan Model Terstruktur dan UML, Yogyakarta, CV. Andi
Offset, 2016.
[23] H. and A. Syarif, "Sistem Informasi Geografis Sarana Pada Kabupaten
Pasaman Barat," Jurnal Teknoif, vol. IV, no. 2, pp. 40-50, 2016.
LAMPIRAN A
User Acceptance Test
Berikut adalah hasil testing dari Aplikasi Perpustakaan Berbasis Web Di Dinas
Komunikasi Informatika, Persandian dan Statistik Daerah Provinsi Sulawesi
Utara
yang dilakukan oleh Jefry E. Matindas, SE.,Ak, MAP.

Tabel A.3 Hasil Testing
No Pertanyaan Respons
Ya Tidak
1. Apakah Aplikasi Online Pemantauan Kegiatan
SKPD dapat digunakan dengan mudah?
2. Apakah fitur-fitur yang dibuat sudah sesuai
dengan keinginan dari dinas?
3. Apakan pengguna mudah mengrti untuk proses
pengolahan datanya?
4. Apakah tampilan beranda dapat membantu
memantau setiap presetasi kegiatan setiap SKPD?
5. Apakah tampilan yang ada sudah sesuai dengan
SOP yang sudah ditentukan?
Berikut adalah beberapa saran dari Di Dinas Komunikasi Informatika, Persandian

dan Statistik Daerah Provinsi Sulawesi Utara:
Admin BKAD
Jimny Kuho
A-1
Komunikasi Informatika, Persandian dan Statistik Daerah Provinsi Sulawesi Utara
yang dilakukan oleh Ferdinan Nelwan.
Ya Tidak
3. Apakah proses memasukan hasil kegiatan sudah
sesui dengan standar perusahaan?
4. Apakah dengan aplikasi ini staf lebih mudah
dalam melaporkan hasil kegiatan?
5 Apakah fitur beranda dapat membantu staf untuk
memantau kegiatan yang ada?

staf
Ferdinand Nelwan
A-2
yang dilakukan oleh Ferdinan Nelwan.
Ya Tidak
3. Apakah proses memasukan hasil kegiatan sudah
sesui dengan standar perusahaan?
4. Apakah dengan aplikasi ini staf lebih mudah
dalam melaporkan hasil kegiatan?
5 Apakah fitur beranda dapat membantu staf untuk
memantau kegiatan yang ada?

staf
Leonard Kapantouw
A-3
yang dilakukan oleh Billy Waworuntu.
Ya Tidak
3. Apakah proses untuk memilih bidang sudah
sesuai dengan apa yang ditentukan?

Admin Dinas
Billy Waworuntu
A-4
Utara

Ya Tidak
3. Apakah proses untuk memilih sub bidang sudah
sesuai dengan apa yang ditentukan?

Admin Bidang
Jefry E. Matindas, SE.,Ak, MAP
A-5
Ya Tidak
3. Apakah proses pemeriksaan sudah sesuai dengan
SOP yang telah ditentukan?

Kasub
Jefry E. Matindas, SE.,Ak, MAP
A-6
Utara yang dilakukan oleh John F. Rembet , SH, M.,Si.
Ya Tidak
3. Apakah proses pemeriksaan kegiatan sudah
sesuai dengan SOP yang telah ditentukan?
4. Apakah dengan diagram yang disediakan lebih
memudahkan pemantauan kerja dari sub bidang?

Kabid
John F. Rembet , SH, M.,Si
A-7
Utara yang dilakukan oleh Dr. Jeti Puku, S.Sos, M.,Si.
Ya Tidak
3. Apakah format laporan sudah sesuai dengan SOP
yang sudah dibicarakan di awal?
4. Apakah kinerja aplikasi sudah sesuai dengan SOP
yang sudah ditentukan?
5. Apakah fitur laporan dapat membantu kegiatan
pemantauan yang ada pada SKPD?

Kadis
Dr. Jeti Puku, S.Sos, M.,S
A-8
LAMPIRAN B
Daftar Pertanyaan Wawancara
Berikut ini adalah hasil dari wawancara yang dilakukan dengan Bapa Ferdinan
Nelwan sebagai operator command center.
1. Apa yang menjadi kendala dalam proses pemantauan kegitan SKPD?
Jawaban:
Yang menjadi kendala dalam proses pemantauan kegiatan adalah
tidak adanya system yang menyediakan presentasi data kegiatan.
2. Bagamana proses pelaporan hasl kegiatan yang ada, serta bagamana proses
pemeriksaannya?
Jawaban:
Proses pelaporan kegiatan dibuat setelah kegiatan telah direalisasi.
Laporan berisi tentang apa yang dihasilkan kegiatan, berapa total anggaran
kegiatan serta berapa anggaran yang telah dikeluarkan. laporan hasil
kegiatan yang telah dibuat, akan diperiksa oleh kasub kemudian akan
diperiksa kembali oleh kabid sebagai penanggungjawab kegiatan.
3. Bagamana tampilan antar muka yang ingin harus ada dalam aplikasi?
Jawaban:
Warna aplikasi harus berdasar merah dan presentasi kegiatan bisa
ditampilkan dalam bentuk diagram agar tidak terlihat lebih menarik. selain
dari itu kami membebaskan penulis dalam mengkreasikan tampilan
atarmuka dari aplikasi.
4. Logo apa yang harus dimasukan dalam aplikasi?

Jawaban:
Aplikasi tidak usah memakai logo, cukup melampirkan nama
peprov sulut sebagai logonya.
5. Siapa saja yang dapat mengakses aplikasi pemantaun kegiatan SKPD.?
B-1
Dalam aplikasi yang pertama harus ada yang berperan sebagai admin pusat
aplikasi, yang bertugas untuk menambahkan kegiatan, program serta
pengguna yang ada. yang kedua setiap dinas harus memiliki admin yang
mengarahkan aplikasi ini akan diarahkan ke bidang dan sub bidang yang
mana. Pengguna ketiga adalah staf. Staf berperan sebagai pengguna yang
menginputkan hasill kegiatan kepada aplikasi yang akan diperiksa oleh
kabid dan kasub. Yang terakhir adalah kadis yang bertugas untuk
mngigatkan staf jika presentasi kegiatan tidak mencapai target.
Narasumber
Ferdinand Nelwan
B-2

Final KP1

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Final KP1

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI ONLINE PEMANTAUAN KEGIATAN SKPD

UNTUK BADAN KEUANGAN DAN ASET DAERAH KOTA

LAPORAN KERJA PRAKTEK

Diajukan Untuk Memenuhi Mata Kuliah Kerja Praktek

PROGRAM STUDI TEKNIK INFORMATIKA

LAPORAN KERJA PRAKTEK

Diajukan Untuk Memenuhi Mata Kuliah Kerja Praktek

PROGRAM STUDI TEKNIK INFORMATIKA

Telah Disetujuidan disahkan pada tanggal :

Tanda tangan & Cap Instansi

Yang bertandatangan di bawah ini:

Menyatakan bahwa Laporan Kerja Praktek dan atau Aplikasi / Program

Apriandy Angdresey, ST., M.Sc. Junaidy Budi Sanger, S.Kom., M.Kom.

NAMA MAHASISWA : Yuliati Manneking Baba

(Tanda tangan dan

Manado, 06 Mei 2019

(Apriandy Angdresey, S.T., M.Sc)

FORMULIR PENILAIAN PELAKSANAAN KERJA PRAKTEK

Mohon diisi dan dicek seperlunya,

(Tanda tangan dan

Tabel 3. 1 Simbol-simbol use case diagram ........................................................ 14

1.1 Latar Belakang

1.2 Perumusan masalah

1.3 Tujuan kerja praktek

1.4 Manfaat kerja praktek

1.5 Batasan masalah

1.6 Sistematika penulisan

2.1 Sejarah singkat perusahaan

Damapolii yang dibantu oleh wakil ketua masing-masing Djendri Keintjem, R.

2.2.1 Lingkup Pekerjaan Diperusahaan

2.2.2 Visi Dan Misi

Gambar 2. 1 Logo Dinas komunikasi dan Informasi [1]

1. Kombinasi warna biru melabangkan sifat yang berkarakter, Lugas, Kokoh,

2.2.4 Stuktur Organisasi

Gambar 2. 2 Struktur Organisasi Dinas Komunikasi, Informatika,

2.2 Lingkup Kerja

3.1 Teori Pendukung

3.1.1 Aplikasi online

3.2 Teknologi Yang Digunakan

3.2.1 PHP Hypertext preprocessor (PHP)

3.2.2 Hyper Text Markup Language (HTML)

manipulasi data disini adalah menyajikan informasi yang terkandung dalam

3.3 Metodologi Pengembangan sistem

3.3.1 Rational Unified Process (RUP)

3.1.2.1 Use Case Diagram

Tabel 3. 1 Simbol-simbol use case diagram [14]

3.1.2.2 Class Diagram

Tabel 3. 2 Simbol-simbol class diagram

3.1.2.3 Activity diagram

Decision point merupakan pilihan yang digunakan

3.4 prosedur pengummpulan data

3.4.1 Metode Pengumpulan Data

3.4.2 Sumber Data

4.1.1 Deskripsi Sistem Lama

4.1.2 Target Pengguna

No Pengguna Fitur Prioritas

3. Staf 1. Lihat presentase kegiatan yang sudah Sedang

No Pengguna Fitur Prioritas

5. Kabid 1. Lihat presentase kegiatan yang sudah Sedang

Tabel 4. 2 Target Pengguna Pada BKAD

No Pengguna Tanggung Jawab Prioritas

No Pengguna Tanggung Jawab Prioritas

4.1.3 Uraian Pembangunan Sistem Baru