Laporan Praktik Kerja Industri - 1815051033

LAPORAN PROGRAM PEMBUATAN SISTEM INFORMASI WEB
KEUANGAN UNTUK BIDANG TATA LINGKUNGAN
DINAS LINGKUNGAN HIDUP KABUPATEN BULELENG
Diajukan untuk memenuhi persyaratan kelulusan mata kuliah Praktik Kerja

Lapangan
Dirancang Oleh :
Kadek Wira Adi Saputra 1815051033
PRODI PENDIDIKAN TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN KEJURUAN
UNIVERSITAS PENDIDIKAN GANESHA

SINGARAJA
2021
LEMBAR PERSETUJUAN
LAPORAN PRAKTIK KERJA LAPANGAN
“PROGRAM PEMBUATAN SISTEM INFORMASI WEB

KEUANGAN UNTUK BIDANG TATA LINGKUNGAN”
Disusun oleh :
Kadek Wira Adi Saputra 1815051033

Ni Putu Pande Pebi Swaratri 1815051068
Disetujui oleh :
Dosen Pembimbing, Mentor,
Made Windu Antara Kesiman, S.T,. M.Sc., Ph.D. Made Adiana, SE, M.A.P
NIP. 198211112008121001 NIP. 198507042010011028
Mengetahui,
Kordinator Program Studi
Pendidikan Teknik Informatika
Gede Saindra Santyadiputra, S.T.,M.Cs.

NIP. 198708022014041001
ii
LEMBAR PERSETUJUAN PENGUJI
Laporan Praktik Kerja Lapangan yang dibuat oleh Kadek Wira Adi Saputra dan
Ni Putu Pande Pebi Swaratri telah dipertahankan di depan penguji pada tanggal
Singaraja, 19 Agustus 2021
Penguji
Gede Saindra Santyadiputra, S.T.,M.Cs.

NIP. 198708022014041001
iii
KATA PENGANTAR
Puji syukur kami ucapkan kepada Tuhan Yang Maha Esa karena berkat
Rahmat-nyalah kami selaku penulis bisa menyelesaikan laporan ini yang berjudul
“Program Pembuatan Sistem Informasi Web Keuangan untuk Bidang Bidang Tata
Lingkungan” tepat pada waktunya.
Adapun tujuan dalam membuat laporan ini karena untuk memenuhi
prasyaratan kelulusan program Praktek Kerja Industri (Prakerin), selama proses
dari
awal pelaksanaan sampai terselesaikannya laporan ini, tidak lepas dari bantuan
dan dukungan dari berbagai pihak. Dalam kesempatan ini penulis penyampaikan
ucapan terimakasih yang sebesar- besarnya kepada :
1. Ibu Luh Joni Erawati Dewi, ST. selaku Ketua Jurusan Teknik Informatika, atas
izin dan kesempatan yang diberikan kepada penulis dalam melakukan kegiatan
Praktek Kerja Industri (Prakerin) di Jurusan Pendidikan Teknik Informatika.
2. Bapak Gede Saindra Santyadiputra., S.T., selaku Ketua Prodi Pendidikan
Teknik Informatika, atas izin dan kesempatan yang diberikan kepada penulis
dalam melakukan kegiatan Praktek Kerja Industri (Prakerin).
3. Bapak Gede Melandrat, SP selaku Kepala Dinas Lingkungan Hidup.
4. Bapak Made Adiana, SE, M.A.P selaku pembimbing Praktek Kerja Industri
(Prakerin).
5. Bapak Made Windu Antara Kesimana, S.T,. M.Sc., Ph.D selaku dosen
pembimbing yang merupakan salah satu dosen pengajar di Prodi Pendidikan
Teknik Informtika Undiksha.
6. Bapak Gede Saindra Santyadiputra., S.T., selaku dosen penguji yang
merupakan salah satu dosen pengajar di Jurusan Pendidikan Teknik
Informatika
7. Kepala dan staff pegawai Dinas Lingkungan Hidup atas kerjasama dan bantuan
yang telah diberikan kepada penulis selama melaksanakan Praktek Kerja
Industri (Prakerin) dan pencarian data.
iv
Penulis menyadari bahwa laporan ini masih jauh dari kata sempurna ,oleh
karena itu penulis mengharapkan kritik dan saran yang bisa disampaikan kepada
penulis untuk nantinya dapat diperbaiki demi menghasilkan laporan yang lebih
baik. Penulis berharap laporan ini dapat memberikan manfaat bagi pembaca.
v
DAFTAR ISI
LEMBAR PENGESAHAN .................................................................................. ii

LEMBAR PERSETUJUAN PENGUJI ............................................................. iii
KATA PENGANTAR .......................................................................................... iv
DAFTAR ISI ......................................................................................................... vi
DAFTAR GAMBAR .......................................................................................... viii
BAB I PENDAHULUAN .......................................................................................1
1.1 Latar Belakang ..................................................................................................1
1.2 Rumusan Masalah .............................................................................................2
1.3 Tujuan Praktik Kerja Lapangan ........................................................................2
1.4 Manfaat Praktik Kerja Lapangan ......................................................................3
BAB II INSTANSI DAN LINGKUNGAN PRAKTIK KERJA LAPANGAN .5
2.1 Profil Perusahaan/Instansi .................................................................................5
2.1.1 Struktur Organisasi Perusahaan ..............................................................6
2.1.2 Lokasi dan Kontak Lingkungan Praktik Kerja Lapangan.......................7
2.1.3 Kordinat Kantor Dinas Lingkungan Hidup Kab. Buleleng ....................7
2.1.4 Gambar Kantor........................................................................................8
2.2 Ruang Lingkup Kerja ........................................................................................9
2.3 Deskripsi Kerja saat Praktik Kerja Lapangan ...................................................9
2.4 Jadwal Pelaksanaan Praktik Kerja Lapangan ..................................................10
BAB III KAJIAN PUSTAKA .............................................................................11
3.1 Sistem Yang Berjalan Di Instansi ...................................................................11
3.2 Teori-Teori Yang Berkaitan ............................................................................11
BAB IV PELAKSANAAN PRAKTIK KERJA LAPANGAN .........................22
4.1 Proses Pelaksanaan Praktik Kerja Lapangan ..................................................22
4.2 Produk yang Dihasilkan ..................................................................................23
4.2.1 Analisis Kebutuhan Produk ..................................................................23
4.2.1.1 Kebutuhan Fungsional Produk .................................................24
4.2.1.2 Kebutuhan Non Fungsional Produk .........................................25
4.2.2 Analisis dan Desain Produk ..................................................................26
4.2.1.1 Analisis Produk ........................................................................26
vi
4.2.2.2 Desain Produk ..........................................................................31
4.2.3 Implementasi Produk ............................................................................32
4.2.3.1 Ruang Lingkup Implemantasi Produk ......................................32
4.2.3.2 Implementasi Database dan Realisasi Antar Tabel ...................33
4.2.3.3 Implementasi Antar Muka ........................................................33
4.2.3.4 Implementasi Kode – Kode yang Penting ................................46
BAB V PENUTUP ................................................................................................60
5.1 Kesimpulan .....................................................................................................60
5.2 Saran................................................................................................................60
DAFTAR PUSTAKA ...........................................................................................61
vii
DAFTAR TABEL
Tabel 4.1 Karakteristik Pengguna ........................................................................ 28
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi Dinas Lingkungan Hidup Kabupaten Buleleng 6

Gambar 2.2 Tampilan Depan Kantor DLH ........................................................... 8
Gambar 3.1 Beberapa Simbol Use Case Diagram .............................................. 18
Gambar 4.1 Use Case Diagram ........................................................................... 28
Gambar 4.2 Activity Diagram Admin ................................................................. 29
Gambar 4.3 Activity Diagram User .................................................................... 30
Gambar 4.4 Activity Diagram Pimpinan Bidang Tata Lingkungan ................... 31
Gambar 4.5 Entity Relationship Diagram ........................................................... 32
Gambar 4.6 Implementasi Database dan Realisasi Antar Tabel ......................... 33
viii
BAB I
PENDAHULUAN
1.1 Latar Belakang
Praktik Kerja Lapangan (PKL) merupakan kegiatan mandiri berupa
observasi dan orientasi yang dilakukan oleh Mahasiswa pada suatu Instansi
atau Perusahaan. Pelaksanaan PKL dimaksudkan agar Mahasiswa
memperoleh pengalaman praktis dalam mengaplikasikan atau menerapkan
bidang keahliannya serta memperoleh pengetahuan tentang bagaimana suatu
Instansi (Perusahaan) dikelola melalui organisasi Perusahaan yang dijalankan.
Selama melaksanakan PKL, mahasiswa juga terikat dengan peraturan yang
terdapat di lingkungan tempat Kerja Praktik.
Praktik Kerja Lapangan merupakan salah satu program yang ada di Prodi
Pendidikan Teknik Informatika, Jurusan Teknik Informatika, Fakultas Teknik
dan Kejuruan Universitas Pendidikan Ganesha yang mengutamakan keahlian
mahasiswa untuk dapat terjun langsung kerja di lapangan. Kegiatan ini
dilaksanakan untuk meningkatkan mutu mahasiswa Pendidikan teknik
Informatika agar mengetahui bagaimana keadaan di dunia kerja yang
sesungguhnya. Pada Prodi ini kami lebih mendalami dalam hal bidang
rekayasa perangkat lunak (RPL).
Perkembangan teknologi saat ini sudah mengalami perubahan yang
sangat pesat, hal ini dikarenakan masuknya era revolusi industri 4.0, dimana
mengakibatkan manusia tidak bisa terlepas dari adanya bantuan teknologi
yang membanjiri seluruh lapisan masyarakat, mulai dari ruang lingkup
terkecil yaitu keluarga hingga ke pemerintahan. Dengan bantuan teknologi
saat ini, tentunya dapat menciptakan sebuah media yang kreatif, inovatif,
edukatif dan interaktif yang dapat diaplikasikan ke dalam segala hal ataupun
bidang.
Pada Dinas Lingkungan Hidup Kabupaten Buleleng terdapat substansi
yang bergerak pada Bidang Tata Lingkungan merupakan unsur pelaksana
Dinas Lingkungan Hidup, yang dipimpin oleh Kepala Bidang dan
mempunyai tugas pokok merencanakan dan menyusun program kerja,
melaksanakan, mengatur tenaga kerja (SDM) yang mengelola taman dan juga
1
melakukan pemangkasan pohon serta pengelolaan informasi yang masih
manual. Dalam menjalankan tugasnya pada bagian informasi keuangan,
memerlukan sistem informasi yang lebih flexsibel supaya efektif atau bisa
dibuka dimana saja. Namun, dalam penggunaan media informasi di bagian
informasi keuangannya sebelumnya masih terdapat kekurangan, yakni media
yang monoton, sulit dipahami dan terkadang kurang menarik serta tidak
fleksibel atau tidak efektif untuk di buka dimana saja, sehingga menyebabkan
pegawai yang mengelola informasi keuangan tersebut lebih bekerja ekstra
lama atau lembur serta terlalu lama dalam mengginputkan data keuangan.
Berdasarkan latar belakang dan hasil observasi yang telah dilakukan di
Dinas Lingkungan Hidup Kabupaten Buleleng, maka solusi yang didapat
adalah menawarkan sebuah ide untuk membuat Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan, yang dapat membantu bidang
(substansi) dalam menyampaikan atau menginputkan informasi mengenai
pengelolaan data keuangan pada bidang tersebut supaya lebih fleksibel atau
efektif dalam pengoperasiannya atau yang bisa di buka dimana saja selain itu
dengan hasil sistem informasi web keuangan ini nantinya dapat menerapkan
ke semua substansi bidang yang lain. Serta mengisi informasi konten pada
website resmi Dinas Lingkungan Hidup Kabupaten Buleleng.
1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dikemukakan diatas, maka
permasalahan yang akan dibahas adalah sebagai berikut :
1. Bagaimana proses pembuatan membuat sistem informasi web keuangan
untuk Bidang Tata Lingkungan ?
1.3 Tujuan Praktik Kerja Lapangan

Adapun tujuan dibuatnya Program Pembuatan Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan adalah sebagai berikut :
1. Membantu Dinas Lingkungan Hidup (DLH) Kabupaten Buleleng,
khususnya substansi yang bergerak pada bidang Tata Lingkungan dalam
2
melakukan pengolahan dana keuangan supaya lebih fleksbel dan juga
efektif , dengan menggunakan media sistem informasi berbentuk website.
2. Mengenal lebih dekat dunia kerja yang sebenarnya, agar memiliki
pengalaman sebelum benar-benar terjun langsung ke dunia kerja.
3. Memenuhi tugas untuk mata kuliah Praktik Kerja Lapangan.
1.4 Manfaat Praktik Kerja Lapangan

Manfaat Praktik Kerja Lapangan secara umum adalah untuk melatih
mahasiswa Pendidikan Teknik Informatika sebagai calon sarjana pendidikan
bidang Pendidikan dan Teknologi yang berkualitas. Didalam pelatihan ini
mahasiswa dituntut untuk dapat memahami cara intansi bekerja dalam
pembuatan projek di dalamnya. Adapun manfaat Praktik Kerja Lapangan ini
adalah sebagai berikut:
1. Bagi Perusahaan/Instansi
Dengan adanya praktik kerja lapangan ini Instansi akan mendapatkan
solusi terhadap masalah-masalah dan kebutuhan yang dihadapi oleh
perusahaan yang bersangkutan. Sistem informasi yang telah dibuat akan
dapat membantu mengatur pengelolaan keuangan yang lebih fleksibel dan
juga efektif di perusahaan atau instansi bersangkutan.
2. Bagi Universitas
Dengan adanya praktik kerja lapangan ini, secara otomatis akan
menambah perusahaan mitra yang di ajak bekerja sama oleh universitas,
sehingga universitas juga secara tidak langsung lebih di kenal di
masyarakat luas.
3. Bagi Mahasiswa
Mahasiswa Pendidikan Teknik Informatika bisa menambah pengalaman
dan skill dalam merencanakan, melaksanakan, dan mengevaluasi
pembuatan software dan sistem informasi sesuai dengan spesialisasinya.
Selain itu mahasiswa dapat terjun langsung kedunia kerja dengan berbekal
kemampuan yang didapatkan selama mengikuti perkuliahan. Serta,
mengetahui lingkungan fisik, administratif, akademis, dan sosial
psikologis tempat Praktik Kerja Lapangan berlangsung. Mahasiswa juga
3
dapat mengerti dan memahami dunia kerja sehingga saat mahasiswa lulus
nanti, mahasiswa telah diberikan gambaran suatu pengalaman kerja yang
di dapatkan dari kegiatan PRAKERIN ini. Dalam hal ini mahasiswa juga
dapat menginmplementasikan mata kuliah yang sudah di pelajari selama 6
semestrer di dunia kerja yang sebenarnya, maka hal ini akan merubah
sudut pandang mahasiswa untuk lebih disiplin dan fokus dalam
melaksanakan kegiatanya.
4
BAB II INSTANSI DAN LINGKUNGAN PRAKTIK KERJA
LAPANGAN
2.1 Profil Perusahaan/Instansi

Dinas Lingkungan Hidup Kabupaten Buleleng
Dinas Lingkungan Hidup Kabupaten Buleleng mempunyai tugas untuk
membantu Bupati melaksanakan Urusan Pemeritahan di bidang Lingkungan
Hidup. Serta untuk melaksanakan tugas tersebut, Dinas Lingkungan Hidup
menyelenggarakan beberapa fungsi, yakni : Perumusan kebijakan dibidang
Lingkungan Hidup, Pelaksanaan kebijakan dibidang Lingkungan Hidup,
Pelaksanaan evaluasi dan pelaporan dibidang Lingkungan Hidup,
Pelaksanaan administrasi dinas Lingkungan Hidup, dan Pelaksanaan fungsi
lain yang diberikan oleh Bupati. Dinas Lingkungan Hidup Kabupaten
Buleleng memiliki substansi yang bergerak pada bidang Penaatan dan
Kesekretariatan, yang bertugas untuk memberikan penyuluhan dan edukasi
kepada masyarakat, serta memotivasi masyarakat agar memiliki peran prinsif
dalam mewujudkan Buleleng yang bersih.
Visi dan Misi
 VISI
Terwujudnya masyarakat Buleleng yang mandiri, sejahtera, damai dan

berdaya saing berlandaskan Tri Hita Karana.
 MISI
1. Memantapkan pembangunan ekonomi untuk mewujudkna pertumbuhan

ekonomi yang inklusif.
2. Pengembangan ekonomi kerakyatan yang berbasis pada produk unggulan

daerah.
3. Meningkatkan kualitas sumber daya manusia yang professional, berbudaya

dan berintegritas.
4. Memantapkan partisipasi pemangku kepentingan dalam pembangunan.
5
5. Meningkatkan kuantitas dan kualitas infrastruktur daerah untuk
pemenuhan pelayanan public
6. Mewujudkan pembangunan Buleleng yang berkelanjutan (Suistainable

Development).
2.1.1 Struktur Organisasi Perusahaan/Instansi
Gambar 2.1 Struktur Organisasi Dinas Lingkungan Hidup Kabupaten Buleleng
6
2.1.2 Lokasi dan Kontak Lingkungan Praktik Kerja Lapangan
Lokasi tempat Praktik Kerja Lapangan beralamat di Jalan Jl. Sri

Madya- Banyuning, Kelurahan Banyuning, Kecamatan Buleleng,
Singaraja.
Kontak Dinas Lingkungan Hidup Kab. Buleleng
a. Telepon : (0362) 3302024, WA Aduan: 0811-392-1700
b. Alamat : Jalan Sri Madya-Banyuning, Kelurahan Banyuning,

Kecamatan Buleleng, Singaraja
c. Kode Pos : 81119
d. Website : https://dlh.bulelengkab.go.id
e. E-Mail : dlh@bulelengkab.go.id
2.1.3 Kordinat Kantor Dinas Lingkungan Hidup Kab. Buleleng

a. Alamat Kantor : Jalan Sri Madya-Banyuning, Kelurahan
Banyuning, Kecamatan Buleleng, Singaraja
b. Kode Pos : 81119
c. Kordinat perusahaan : -8.1166233,115.1015768,15z
d. Maps : https://goo.gl/maps/n4YdwU5uVJy553aZ8
7
2.1.4 Gambar Kantor
Gambar 2.2 Tampilan Depan Kantor DLH
8
2.2 Ruang Lingkup Kerja
Praktik Kerja Lapangan penulis di Dinas Lingkungan Hidup ditempatkan

pada Bidang Tata Lingkungan. Dalam bidang Tata Lingkungan dalam
pembuatan program Pembuatan Sistem Informasi Web Keuangan untuk
Bidang Tata Lingkungan di maksudkan untuk membantu tugas bidang
Bidang Tata Lingkungan, sehingga dapat menyampaikan atau menginputkan
informasi mengenai pengelolan data keuangan pada bidang tersebut supaya
lebih fleksibel atau efektif dalam pengoperasiannya atau yang bisa di buka
dimana saja, selain itu dengan hasil sistem informasi keuangan web ini
nantinya dapat menerapkan ke semua substansi bidang yang lain. Adapun
beberapa batasan sistem yang terdapat di dalam Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan diantaranya yaitu:
a. Sistem Informasi Web Keuangan dapat mengelola data user baru, data
keuangan, data akun rekening bank kantor, laporan keuangan, dan grafik
keuangan.
b. Sistem Informasi Web Keuangan ini melakukan perhitungan secara
otomatis.
2.3 Deskripsi Kerja saat Praktik Kerja Lapangan

Praktik Kerja Lapangan diawali dengan pencarian tempat pelaksanaan,
sehingga diterima di Dinas Lingkungan Hidup dan di tempatkan di sub
bagian Tata Lingkugan. Setelah berdiskusi pada kepala sub bagian Tata
Lingkugan, kepala sub bagian Tata Lingkugan meminta kami untuk membuat
Sistem Informasi Web Keuangan untuk Bidang Tata Lingkungan yang
bertujuan untuk mempermudah atau fleksibel dan efektif dalam pengelolan
data keuangan.
Setelah ditentukanya projek PRAKERIN, kemudian di lakukan diskusi
dengan Mentor atau Kepala sub bagian Tata Lingkugan untuk tindak lanjut
terkait detail dari Sistem Informasi Web Keuangan sesuai dengan kebutuhan
yang diinginkan dengan cara menganalisis kebutuhan fungsional untuk
pembangunan Sistem Informasi Web Keuangan untuk Bidang Tata
Lingkungan yang akan dibuat. Selanjutnya penulis membangun sistem
9
informasi Sistem Informasi Web Keuangan dengan menggunakan
pemograman PHP. Dalam mengimplementasikan design yang sudah
ditentukan penulis menggunakan aplikasi visual studio code sebagai sarana
untuk mengerjakan sintak program yang sudah direncanakan sebelumnya.
Untuk hostingnya nanti akan di kerjakan oleh pihak ketiga dalam
penghostingannya kalau sudah di setujui sistem informasinya oleh pihak sub
bagian Tata Lingkungan. Kemudian setelah projeknya selesai, dilanjutkan
dengan uji kelayakan sistem. Setelah sistem sudah mulai dijalankan, penulis
menginputkan data-data yang diperlukan untuk dimasukkan ke dalam Sistem
Informasi Web Keuangan.
2.4 Jadwal Pelaksanaan Praktik Kerja Lapangan

Pelaksanaan Praktik Kerja Lapangan dimulai dari tanggal 5 Juli 2021
sampai berakhir 18 Agustus 2021 untuk Prakerin Tahap 1 dan tanggal 23
Agustus 2021 sampai 5 Oktober 2021 untuk Prakerin Tahap 2. Jadwal
Pelaksanaan Prakerin dan Logbook aktivitas prakerin (terlampir).
10
BAB III KAJIAN PUSTAKA
3.1 Sistem yang Berjalan di Instansi

Dalam pengelolaan keuangan bidang Tata Lingkungan masih belum
terdapat sistem pendukung untuk mempermudah berjalannya kegiatan tugas
dari bidang Tata Lingkugan. Melihat hal tersebut maka Sistem Informasi
Web Keuangan untuk Bidang Tata Lingkugan ini di buat untuk nantinya
mempermudah pengelolan data keuangan pada bidang tersebut.
Sistem Informasi Web Keuangan untuk Bidang Tata Lingkugan ini
digunakan untuk mengelola data user, keuangan yang di input atau masukan
data keuangan dan mempermudah pendataan pengeluaran keuangan output
laporannya dan sebagainya yang meliputi proses input data, proses edit data
dan hapus data. Berdasarkan hal tersebut, dalam kegiatan PRAKERIN ini,
penulis membuat sebuah sistem yang berjudul Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan yang membantu pengelolaan
pendataan keuangan yang akan digunakan nantinya.
3.2 Teori-Teori Yang Berkaitan

3.2.1 Konsep Dasar Sistem Informasi
Suatu sistem dapat diartikan sebagai suatu kumpulan atau
himpunan dari unsur, komponen, atau variabel yang terorganisir, saling
berinteraksi, saling tergantung satu sama lain, dan terpadu. Kenneth
Boulding dala m teorinya menekankan bahwa penting untuk
memperhatikan setiap bagian yang membentuk sebuah sistem. Teori
sistem mengatakan bahwa setiap unsur pembentuk organisasi harus
mendapat perhatian penuh dari pemimpin organisasi secara merata baik
komponen fisik maupun non- fisik. Unsur-unsur yang mewakili suatu
sistem secara umum adalah memasukan (input),pengolahan
(processing), dan keluaran (output).
Gordon B. Davis (1984) menyatakan bahwa sebuah sistem terdiri
dari bagian-bagian yang saling berkaitan yang beroperasi bersama
untuk mencapai beberapa sasaran atau maksud. Sebuah sistem terdiri
11
atas komponen yang terpadu untuk mencapai suatu tujuan. Model dasar
dari bentuk sistem adalah adanya masukan, pengolahan, dan keluaran.
Akan tetapi, sistem juga dapat dikembangkan hingga menyertakan
media penyimpanan. Sistem dapat terbuka dan tertutup, akan tetapi
sistem informasi biasanya adalah sistem terbuka yang dapat menerima
beberapa masukan dari lingkungan luarnya. Suatu sistem mempunyai
karakteristik atau sifat-sifat tertentu, yaitu:
a. Komponen (components)
Komponen sistem atau elemen sistem adalah semua hal yang
menjadi bagian penyusun sistem, dapat berupa benda nyata ataupun
abstrak.
b. Batas (boundary)
Batas sistem diperlukan untuk membedakan satu sistem dengan
sistem yang lain agar tidak menyulitkan saat memberikan batasan
scope tinjauan terhadap sistem.
c. Lingkungan (environments)
Lingkungan sistem adalah semua hal yang berada diluar sistem,
dapat merugikan ataupun menguntungkan.
d. Punghubung/antarmuka (interface)
Penghubung/antarmuka adalah semua hal yang menjadi penghubung
antarkomponen sistem. Interface menjadi sarana setiap komponen
untuk saling berinteraksi dan berkomunikasi.
e. Masukan (input)
Masukan adalah komponen sistem yang menjadi bahan yang akan
diolah lebih lanjut untuk menghasilkan keluaran yang berguna.
f. Pengolahan (processing)
Pengolahan adalah komponen sistem yang paling penting dalam
mengolah masukan agar menghasilkan keluaran yang berguna.
g. Keluaran (output)
Keluaran adalah komponen sistem yang menjadi hasil dari
komponen pengolahan.
12
h. Sasaran (objectives) dan Tujuan (goal)
Setiap komponen dalam sistem harus dijaga agar dapat mencapai
sasaran dan tujuan dari sistem.
i. Kendali (control)
Agar bekerja sesuai dengan fungsi masing-masing, setiap komponen
harus diperhatikan dan dijaga.
j. Umpan balik (feedback)
Umpan balik diperlukan oleh kontrol untuk mengetahui adanya
penyimpangan agar dapat dikembalikan pada kondisi normal.
3.2.2 Konsep Dasar Informasi

Definisi dari informasi adalah data yang diolah menjadi bentuk
yang lebih berarti bagi yang menerimannya. Menurut Raymond Mcleod
informasi adalah data yang telah diolah menjadi bentuk yang memiliki
arti bagi si penerima dan bermanfaat bagi pengambilan keputusan saat
ini atau mendatang.
Sutabri dalam bukunya menyatakan bahwa kualitas fnformasi
tergantung dari 3 hal, yaitu informasi harus akurat (accurate), tepat
waktu (timelines), dan relevan (relevance).
a. Akurat (accurate)
Akurat berarti informasi harus bebas dari kesalahan- kesalahan dan
tidak bias atau menyesatkan.
b. Tepat waktu (timelines)
Tepat waktu berarti informasi yang datang pada penerima tidak
boleh terlambat. Informasi yang sudah usang tidak akan mempunyai
nilai lagi. Karena informasi merupakan landasan di dalam
pengambilan keputusan.
c. Relevan (relevance).
Relevan berarti informasi tersebut mempunyai manfaat untuk
pemakainya. Relevansi informasi untuk tiap-tiap orang berbeda-
beda. Nilai dai informasi ditentukan dari dua hal, yaitu manfaat dan
biaya mendapatkannya. Suatu informasi dikatakan bernilai bila
13
manfaatnya lebih efektif dibandingkan dengan biaya
mendapatkannya. Pengukuran nilai informasi biasanya dihubungkan
dengan analisis cost effectiveness atau cost benefit.
3.2.3 Konsep Dasar Sistem Informasi

Sistem informasi dalam organisasi dapat diartikan sebagai sistem
yang menyediakan informasi bagi semua tingkatan dalam organisasi
tersebut kapan saja diperlukan. Sistem ini menyimpan, mengambil,
mengubah, mengolah dan mengkomunikasikan informasi yang diterima
dengan menggunakan sistem informasi atau peralatan sistem lainnya.
Robert A. Leitch dan K. Roscoe Davis dalam buku Jogiyanto HM.,
(1999: 11), mengatakan “Sistem Informasi adalah suatu sistem didalam
suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi
harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi
dari suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan- laporan yang diperlukan.”
Suatu sistem informasi dibuat untuk memenuhi permintaan atau
kebutuhan penggunaan tertentu, maka dari itu struktur dan cara kerja
sistem informasi berbeda-beda tergantung dengan keperluan dan
permintaan yang harus dipenuhi. Dikarenakan kepentingan yang harus
dilayani sangatlah beragam, maka sistem informasi yang dihasilkan pun
menjadi semakin beragam. Berbagai bidang dapat diolah melalui
system informasi, contohnya sistem informasi manajemen, sistem
informasi akuntansi, sistem informasi perbankan, sistem informasi surat
dan masih banyak lagi.
Menurut Mc leod “Sistem Informasi merupakan sistem yang
mempunyai kemampuan untuk mengumpulkan informasi dari semua
sumber dan menggunakan berbagai media untuk menampilkan
informasi”. Informasi dalam suatu lingkungan sistem informasi harus
mempunyai persyaratan umum sebagai berikut :
a. Harus diketahui oleh penerima sebagai referensi yang tepat
14
b. Harus sesuai dengan kebutuhan yang ada dalam proses pembuatan /
pengambilan keputusan.
c. Harus mempunyai nilai surprise, yaitu hal yang sudah diketahui
hendaknya jangan diberikan.
d. Harus dapat menuntun pemakai untuk membuat keputusan. Suatu
keputusan tidak selalu menuntut adanya tindakan.
Sistem informasi mempunyai enam buah komponen atau disebut
blok bangunan (building block), yaitu :
a. Komponen input atau komponen masukan
Input adalah data yang masuk ke dalam sistem informasi. Input
termasuk dalam metode dan media untuk menangkap data yang akan
dimasukkan, data dapat berupa dokumen dokumen dasar.
b. Komponen model
Kombinasi prosedur, logika, dan model matemetik yang akan
memanipulasi data input dan data yang tersimpan di basis data
dengan cara yang sudah ditentukan untuk menghasilkan keluaran
yang diingiinkan.
c. Komponen output atau komponen keluaran
Hasil dari blok keluaran yang merupakan informasi yang berkualitas
dan dokumentasi yang berguna untuk semua tingkatan manajemen
serta semua pemakai sistem.
d. Komponen teknologi
Teknologi digunakan untuk menerima input, menjalankan model,
menyimpan dan mengakses data, menghasilkan dan mengirimkan
keluaran dan membantu pengendalian dari sistem secara
menyeluruh.
e. Komponen basis data
Kumpulan dari data yang saling berhubungan satu sama lainnya,
tersimpan di perangkat keras komputer dan digunakan perangkat
lunak untuk memanipulasinya.
15
f. Komponen kontrol atau komponen pengendalian
Beberapa pengendalian yang dirancang secara khusus untuk
menanggulangi gangguan-gangguan terhadap sistem.
3.2.4 Konsep Basis Data
Basis Data merupakan suatu kumpulan data yang saling berelasi

dan tentunya terintegrasi (berhubungan). Relasi tersebut biasanya dapat
ditunjukan dengan suatu kunci atau yang sering kita kenal dengan
sebutan key dari tiap tabel yang ada. Dalam suatu tabel tentunya
terdapat suatu record- record atau data yang sejenis yang merupakan
satu kumpulan entitas yang beragam. Satu record ini dapat terdiri dari
field- field yang tentunya saling keterkaitan atau berhubungan yang
ditunjukan dalam suatu pengertian yang lengkap dalam satu record.
Selain itu, basis data juga merupakan suatu himpunan data atau
dapat dikatakan suatu arsip yang saling berhubungan serta tanpa adanya
pengulangan data atau yang sering kita kenal denang sebutan
Redudansi, yang disimpan dalam suatu media elektronis serta
diorganisasikan sedemikian rupa agar dapat dimanfaatkan dengan
mudah dan cepat. Berikut adalah istilah-istlah dalam basis data yang
perlu diketahui, antara lain :
a. Entity (entitas) adalah orang, tempat, kejadian atau konsep yang

informasinya direkam.
b. Atribut adalah entity mempunyai atribut atau sebutan untuk

mewakili suatu entitas.
c. Data Value adalah data aktual atau informasi yang disimpan pada
tiap data elemen atau data atribut.
d. Record adalah kumpulan elemen yang saling berkaitan yang

menginformasikan suatu entity secara lengkap.
e. File adalah kumpulan record–record sejenis yang mempunyai

panjang elemen sama dan mempunyai perbedaan pada data
valuenya.
16
f. Database adalah kumpulan file–file yang mempunyai kaitan antara
satu file dengan file yang lain sehingga membentuk satu bangunan
data untuk menginformasikan satu perusahaan instansi dalam
batasan tertentu.
g. Database Management System (DBMS) adalah kumpulan file yang

saling berkaitan bersama dengan program untuk pengelolanya.
Database adalah kumpulan datanya, sedangkan program
pengelolanya berdiri sendiri dalam satu paket program yang
komersial untuk membaca data, mengisi data, menghapus data,
melaporkan data dalam database.
3.2.5 Konsep Use Case Diagram
Use Case Diagram adalah pemodelan untuk menggambarkan

behavior/kelakuan sistem yang akan dibuat. Use case diagram
menggambarkan sebuah interaksi antara satu atau lebih aktor dengan
sistem yang akan dibuat. Sebuah diagram use case sangat cocok
digunakan untuk semua hal yang berkaitan dengan sistem database oleh
semua orang yang menggunakannya, namun use case ini tidak cocok
untuk protokol jaringan TCP/IP yanng dikarenakan banyak kendala.
Secara sederhana use case merupakan gambaran fungsional dari

suatu sistem, sehingga antara konsumen dan pengguna sistem paham
dan mengerti mengenai kegunaan sistem yang akan dibangun. Terdapat
4 elemen dalam Use Case Diagram yaitu :
a. Assoclation yaitu hubungan link antar element-element.
b. Generalization atau biasa disebut dengan inheritance (pewarisan)

adalah sebuah elemen yang merupakan spesifikasi dari elemen
lainnya.
c. Dependency merupakan elemen tergantung dari beberapa cara

kepada elemen-elemen lainnya.
17
d. Aggregation adalah bentuk asosiation dimana sebuah elemen berisi
elemen lainnya.
Berikut adalah keterangan simbol-simbol yang digunakan dalam Use

Case Diagram, antara lain :
Gambar 3.1 Beberapa Simbol Use Case Diagram
3.2.6 Perangkat Lunak (Software) yang Digunakan
Untuk membangun website diperlukan beberapa perangkat lunak

yang digunakan. Beberapa perangkat lunak yang digunakan adalah
sebagai berikut:
a. Aplikasi Web
(Sukamoto dan Shalahudin, 2013), aplikasi web adalah jenis aplikasi

yang diakses melalui browser, misalnya Google dan Mozilla Firefox.
Aplikasi web juga merupakan suatu perangkat lunak komputer yang
dikodekan dalam bahasa pemrograman yang mendukung perangkat
18
lunak berbasis web seperti HTML, JavaScript, CSS, Ruby, Python,
Php, Java dan bahasa pemrograman lainnya.
b. Visual Studio Code
Visual Studio Code adalah perangkat lunak penyunting kode-sumber

buatan Microsoft untuk Linux, macOS, dan Windows. Visual Studio
Code menyediakan fitur seperti penyorotan sintaksis, penyelesaian
kode, kutipan kode, merefaktor kode, pengawakutuan, dan Git.
c. Bootstrap
Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan

bebas untuk merancang situs web dan aplikasi web. Kerangka kerja
ini berisi templat desain berbasis HTML dan CSS untuk tipografi,
formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta
juga ekstensi opsional JavaScript.
d. XAMPP
XAMPP adalah aplikasi web server instan yang dibutuhkan untuk

membangun aplikasi berbasis web. Fungsi XAMPP adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program
Apache, http server, MySQL, database, dan penerjemah bahasa yang
ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP
merupakan singkatan dari X (X=Cross Platform), Apache, MySQL,
PHP dan Perl. Program ini tersedia dalam lisensi GNU (General
Public License) dan gratis. Dengan menginstal XAMPP, kita tidak
perlu menginstal aplikasi server satu persatu lagi.
e. MySQL
MySQL (My Structured Query Language) adalah sebuah program

pembuat dan pengelola database atau yang sering disebut DBMS
(Database Management System). MySQL awalnya dibuat oleh
perusahaan konsultan bernama TcX yang berlokasi di Swedia dan
dulunya MySQL berjalan pada Platform Linux, dengan adanya
19
perkembangan dan banyaknya pengguna, serta lisensi dari database
ini adalah Open Source, maka para ahli pengembang merilisnya
dalam versi Windows.Beberapa keunggulan MySQL sebagai
database server adalah :
1. Open source, MySQL didistribusikan secara gratis dibawah
lisensi GPL (General Public License) sehingga dapat
menggunakannya secara gratis tanpa dipungut biaya.
2. Cepat, handal, dan mudah digunakan, MySQL dapat memproses
banyak MySQL per satuan waktu, mampu menangani database
dalam skala besar, dengan jumlah record lebib dari 50 juta dan 60
ribu tabel serta 5 milyar baris.Tersedia berbagai tool yang dapat
digunakan untuk administrasi database.
3. Dapat bekerja di client server atau sebagai sistem yang
terintegrasi. MySQL dapat melakukan koneksi dengan client
menggunakan protokol TCP/IP. Unix Socket (Unix), atau Named
Pipes (NT).
4. Portability MySQL dapat berjalan stabil pada berbagai sistem
operasi yang di antaranya adalah Window, Linux, FreeBSD. Mac OS
X Server, Solaris, Amign, HP.UX, dan masih banyak lainnya.
f. PHP MyAdmin
Php MyAdmin adalah perangkat lunak bebas yang ditulis dalam

bahasa pemrograman php yang digunakan untuk menangani
administrasi MYSQL melalui browser. PhpMyAdmin mendukung
berbagai aplikasi mysql, diantaranya mengelola basis data, table-
table, bidang, relasi, indeks, pengguna, perizinan, dan lain
sebagainya.
g. Apache
Apache adalah sebuah nama web server yang bertanggung jawab

pada request-response HTTP dan logging informasi secara detail.
Selain itu, Apache juga diartikan sebagai suatu web server yang
20
kompak, modular, mengikuti standar protokol HTTP, dan tentu saja
sangat digemari. Kesimpulan ini bisa didapatkan dari jumlah
pengguna yang jauh melebihi para pesaingnya.
h. PHP
PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat

ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai
untuk memprogram situs web dinamis. PHP dapat digunakan untuk
membangun sebuah CMS.
21
BAB IV PELAKSANAAN PRAKTIK KERJA LAPANGAN
4.1 Proses Pelaksanaan Praktik Kerja Lapangan
Kegiatan awal yang dilaksanakan dalam Praktek Kerja Lapangn

(PRAKERIN) adalah mengerjakan tugas-tugas yang diberikan oleh mentor
atau pembimbing langsung selama 2 minggu. Tugas-tugas yang diberikan
meliputi pembuatan program sederhana dan menyesuaikan dengan cara kerja
di terapkan pada instansi tersebut.
Praktik Kerja Lapangan (PRAKERIN) ini dilaksanakan selama tiga bulan
dengan datang kesana ke instansi dan setengahnya WFH (Work From Home)
dan pelaksanaan kegiatan sesuai dengan jadwal kerja di Dinas Lingkungan
Hidup. Selama pelaksanaan Prakerin, penulis mengerjakan pekerjaan utama
yaitu membuat Sistem Informasi Web Keuangan dimulai dari analisis
kebutuhan fungsional yang didiskusikan langsung dengan mentor atau
pembimbing, merancang basis data, merancang perangkat lunak sesuai
kebutuhan, serta mengimplementasikan perangkat lunak yang telah selesai
dibuat.
Dalam kegiatan PRAKERIN ini, penulis banyak belajar terkait kegiatan
dan pekerjaan yang dilakukan di sebuah instansi, dari situlah penulis
mendapatkan modal tentang bagaimana pekerjaan proses pengelolan data
keuangan di instansi pada bidang terkait yang menjadi salah satu pedoman
bagi penulis dalam membangun suatu sistem informasi. Dalam melaksanakan
kegiatan PRAKERIN penulis bermodalkan pengetahuan dan pengalaman
yang penulis dapatkan selama mengikuti perkuliahan di Prodi Pendidikan
Teknik Informatika.
Pengalaman dalam perkuliahan selama 6 semester sangat membantu
penulis dalam melaksanakan praktik kerja lapangan ini, karena selama 6
semester ini penulis telah mempelajari tentang teknik-teknik dalam
perancangan suatu sistem informasi, seperti perancangan basis data,
bagaimana membangun suatu basis data agar dapat menyimpan data dengan
baik dan pengenalan konsep-konsep pembuatan web. Perangkat lunak atau
22
software yang mendukung dalam pembuatan sistem informasi ini yaitu, visual
studio code, XAMPP, firefox, dan lainnya yang terkait dengan pembangunan
sistem informasi. Pengerjaan Sistem Informasi Web Keuangan untuk Bidang
Tata Lingkungan ini dilakukan oleh 1 team yang terdiri dari 2 orang yang
dimana pengerjaanya dilakukan bersama dengan tetap menjaka komunikasi.
4.2 Produk Yang Dihasilkan

Produk yang dihasilkan adalah Sistem Sentral Komunikasi yang berbasis
web. Dalam proses pembuatan sistem ini, Penulis menggunakan model yang
umum digunakan yaitu model ADDIE yaitu Analysis, Design, Development,
Implementation, Evaluation.
Analysis (analisis) yaitu, mengidentifikasi masalah yang dihadapi
(kebutuhan), melakukan analisis kebutuhan. Design (desain) yaitu membuat
gambaran umum mengenai sistem yang dibuat. Development
(pengembangan) tahap ini adalah merupakan proses untuk mewujudkan
rancangan tersebut menjadi kenyataan. Implementation (implementasi) ini
adalah tahap uji coba sistem melalui uji lapangan. Evaluation (evaluasi) yaitu
dengan melakukan evaluasi sumatif. Evaluasi Sumatif adalah evaluasi yang
dilakukan pada setiap akhir pembahasan suatu pokok bahasan atau topik, dan
dimaksudkan untuk mengetahui sejauh manakah suatu proses pemgembangan
telah berjalan sebagaimana yang direncanakan.
4.2.1 Analisis Kebutuhan Produk

Berdasarkan hasil analisis terhadap segala hal yang berkaitan
dengan pembangunan sistem dan mendeskripsikan kebutuhan
fungsional dan kebutuhan non fungsional sistem yang dibutuhkan dari
hasil konsultasi dari pihak Dinas Lingkungan Hidup pada sub bagian
Bidang Tata Lingkungan di dapatkanlah hal-hal yang tertdapat pada
Sistem Informasi Web Keuangan untuk Bidang Tata Lingkungan yang
penulis buat adalah sebagai berikut :
23
4.2.1.1 Kebutuhan Fungsional Produk
Adapun kebutuhan fungsional dari Program Pembuatan
Sistem Informasi Web Keuangan untuk Bidang Bidang Tata
Lingkungan adalah sebagai berikut :
Admin (Staf IT)
a. Admin dapat login ke sistem.
b. Admin dapat logout dari sistem.
c. Admin dapat menggunakan dan melihat fitur dashboard.
d. Admin dapat menambahkan user.
e. Admin dapat menghapus user.
f. Admin dapat mengedit user.
g. Admin dapat mengganti password admin.
h. Admin dapat menambahkan kategori transaksi.
i. Admin dapat menghapus kategori transaksi
j. Admin dapat menambahkan data akun rekening bank kantor.
k. Admin dapat menghapus data akun rekening bank kantor.
l. Admin dapat mengedit data akun rekening bank kantor.
User (Pegawai)
a. User dapat login ke sistem.
b. User dapat logout dari sistem.
c. User dapat menggunakan dan melihat dashboard.
d. User dapat mengganti password.
e. User dapat melihat kategori transaksi.
f. User dapat menambahkan transaksi pemasukkan.
g. User dapat mengedit transaksi pemasukkan.
h. User dapat menghapus transaksi pemasukkan
i. User dapat menambahkan transaksi pengeluaran.
j. User dapat mengedit transaksi pengeluaran.
k. User dapat menghapus transaksi pengeluaran.
l. User dapat melihat riwayat transaksi pemasukan.
m. User dapat melihat riwayat transaksi pengeluaran.
24
n. User dapat melihat informasi rekening bank kantor.
o. User dapat mencetak dan melihat laporan keuangan.
Pimpinan Bidang Tata Lingkungan

a. Pimpinan dapat login ke sistem.
b. Pimpinan dapat logout dari sistem.
c. Pimpinan dapat menggunakan dan melihat dashboard.
d. Pimpinan dapat mengganti password.
e. Pimpinan dapat melihat riwayat transaksi pemasukkan dan
pengeluaran.
f. Pimpinan dapat melihat grafik data pemasukan maupun
pengeluaran per-bulan dan per-tahunnya.
g. Pimpinan dapat melihat laporan keuangan.
h. Pimpinan dapat mencetak laporan keuangan.
4.2.1.2 Kebutuhan Non Fungsional Produk

Sistem Informasi ini dapat dijalankan oleh beberapa
software web browser diantaranya adalah Google Chrome dan
Mozilla Firefox. Sistem Informasi Web Keuangan untuk Bidang
Tata Lingkungan ini bersifat Usability, memiliki tampilan atau
antar muka yang mudah dipahami oleh user. Sistem ini juga
bersifat Reliability, yaitu memberikan batasan sistem kepada
user saat sistem ini dioperasikan. Implementasi Reliability ini
adalah setiap User (Admin, User, dan Pimpinan Bidang Tata
Lingkungan) memiliki hak akses yang berbeda-beda.
Selanjutnya untuk kemanan atau security dalam Sistem
Informasi adalah dengan Login setiap User yang berbeda-beda
dan Password yang tertera pada database disamarkan.
25
4.2.2 Analisis dan Desain Produk
4.2.2.1 Analisis Produk
Secara umum, yang terlibat dalam Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan ini adalah
Admin(Staf IT), User(Pegawai) dan Pimpinan Bidang Tata
Lingkungan. Admin memiliki hak akses penuh dalam
mengelola seluruh data yang terdapat dalam sistem. Berikut ini
merupakan karakteristik pengguna sistem yang dijabarkan
secara lebih rinci pada tabel dibawah ini :
No Pengguna Tugas Hak Akses
1. Admin Admin bertugas a. Admin dapat login ke sistem.
(Staf IT) mengelola dan b. Admin dapat logout dari sistem.
mengontrol data c. Admin dapat menggunakan dan
yang ada pada melihat dashboard.
sistem. d. Admin dapat menambahkan user.
e. Admin dapat menghapus user.
f. Admin dapat mengedit user.
g. Admin dapat mengganti password
admin.
h. Admin dapat menambahkan kategori
transaksi.
i. Admin dapat menghapus kategori
transaksi
j. Admin dapat menambahkan data akun
rekening bank kantor.
k. Admin dapat menghapus data akun
l. Admin dapat mengedit data akun
2. User Mengelola sistem a. User dapat login ke sistem.
(Pegawai) tidak secara b. User dapat logout dari sistem.
keseluruhan c. User dapat menggunakan dan melihat
26
namun sesuai dashboard.
dengan d. User dapat mengganti password.
kebutuhan. e. User dapat melihat kategori transaksi.
f. User dapat menambahkan transaksi
pemasukkan.
g. User dapat mengedit transaksi
pemasukkan.
h. User dapat menghapus transaksi
pemasukkan
i. User dapat menambahkan transaksi
pengeluaran.
j. User dapat mengedit transaksi
pengeluaran.
k. User dapat menghapus transaksi
pengeluaran.
l. User dapat melihat riwayat transaksi
pemasukan.
m. User dapat melihat riwayat transaksi
pengeluaran.
n. User dapat melihat informasi rekening
bank kantor.
o. User dapat mencetak dan melihat
laporan keuangan.
3. Pimpinan Mengelola sistem a. Pimpinan dapat login ke sistem.

Bidang tidak secara b. Pimpinan dapat logout dari sistem.
Tata keseluruhan c. Pimpinan dapat menggunakan dan
Lingkung namun sesuai melihat dashboard.
an dengan d. Pimpinan dapat mengganti password.
kebutuhan. e. Pimpinan dapat melihat riwayat
transaksi pemasukkan dan pengeluaran.
f. Pimpinan dapat melihat grafik data
27
pemasukan maupun pengeluaran per-
bulan dan per-tahunnya.
g. Pimpinan dapat melihat laporan
keuangan.
h. Pimpinan dapat mencetak laporan
keuangan.
Tabel 4.1 Karakteristik Pengguna
Sistem Informasi Web Keuangan untuk Bidang Tata

Lingkungan merupakan sistem yang digunakan untuk
mempermudah pengelolaan data keuangan sesuai dengan
kebutuhan instansi. Berikut merupakan Use Case Diagram
beserta Activity Diagram dari Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan :
Use Case Diagram
Gambar 4.1 Use Case Diagram
28
Activity Diagram
Gambar 4.2 Activity Diagram Admin
29
Gambar 4.3 Activity Diagram User
30
Gambar 4.4 Activity Diagram Pimpinan Bidang Tata Lingkungan
4.2.2.2 Desain Produk

Pada tahap ini dilakukan untuk membangun struktur yang
efektif dan efisien dimana nantinya akan mempermudah dalam
pemrosesanya. Basis data merupakan media penyimpan data-
data yang nantinya akan diproses pada sistem sehingga
dihasilkan informasi. Berikut merupakan desain ERD dari
system informasi yang dibuat.
31
Gambar 4.5 Entity Relationship Diagram
4.2.3 Implementasi Produk

4.2.3.1 Ruang Lingkup Implementasi Produk
Ruang Lingkup implementasi dari Sistem Informasi Web
Keuangan untuk Bidang Tata Lingkungan ini menggunakan
perangkat lunak dan perangkat keras untuk mampu
menjalankan sistem, yaitu:
a. Visual Code Studio dengan bahasa pemograman PHP.
b. Database Management System (DBMS) dengan XAMPP.
c. Browser untuk membuka system.
32
4.2.3.2 Implementasi Database dan Realisasi Antar Tabel
Gambar 4.6 Implementasi Database dan Realisasi Antar Tabel
4.2.3.3 Implementasi Antar Muka

Adapun hasil implementasi tampilan antarmuka Sistem
Informasi Web Keuangan untuk Bidang Tata Lingkungan yang
Penulis buat adalah sebagai berikut:
Admin
1. Dalam tampilan ini admin menginputkan username dan
password yang sudah dibuat sebelumnya.
33
2. Tampilan Dashboard Admin Setelah Login
Berikut merupakan halaman utama untuk admin dari system
informasi web keuangan tersebut. Dimana langsung di
tampilkan pada menu utama yaitu dashboard, kategori
transaksi, rekening bank, data pengguna, ganti kata sandi dan
logout atau keluar.
3. Berikut adalah tampilan untuk menu dari kategori transaksi

untuk admin di menu ini admin bisa menambahkan data
kategori transaksi sesuai keperluan instansi di SOPnya.
4. Berikut ini adalah tampilan untuk menu dari rekening bank

untuk admin disini admin dapat menambahkan rekening bank
34
instansi dan rekening bank yang lainnya sesuai dengan
kerpeluan terkait.
5. Berikut ini adalah tampilan untuk menu data pengguna pada

menu admin di sini admin dapat menambahkan user pengguna
sesuai dengan kerperluannya tugas atau dapat memanajemen
user.
6. Berikut ini adalah menu untuk ganti kata sandi pengguna di

menu admin disini admin dapat mengganti kata sandi untuk
login ke sistem adminya.
35
Manajemen / User
1. Dalam tampilan ini user menginputkan username dan password
yang sudah dibuatkan oleh pihak admin sebelumnya.
2. Berikut ini adalah tampilan utama dari sistem manajemennya

usernya yang berisi menu dashboard, melihat kategori transaksi
yang di tambahkan admin, menu tambah transaksi, menu
melihat rekening bank yang di tambahkan oleh admin, menu
laporan, menu ganti kata sandi dan menu keluar.
36
3. Berikut adalah tampilan dari menu untuk melihat kategori
transaksi yang telah di tambahkan oleh admin di sistemnya
yang nanti ada relasinya di menu transaksi keuangan user.
4. Berikut adalah tampilan dari menu transaksi keungannya yang

di dalamya bisa menambahkan fitur tambah transaksi
pemasukan dan pengeluaran yang sesuai dengan SOP yang
diberikan.
37
38
5. Berikut adalah tampilan dari menu untuk melihat rekening
bank instansi atau sejenisnya yang telah di tambahkan oleh
admin sistem.
6. Berikut adalah tampilan dari menu cetak laporan yang

digunakan oleh user untuk mencetak laporan di sistem.
39
7. Berikut adalah tampilan menu ganti kata sandi untuk user
sistemnya.
40
Pimpinan
1. Dalam tampilan ini pimpinan menginputkan username dan
password yang sudah dibuatkan oleh pihak admin sebelumnya.
2. Berikut adalah tampilan utama setelah login di sistem pimpinan

ada menu untuk melihat riwayat transaksi yang telah di
inputkan oleh pihak user maupun admin sebelumnya, laporan,
dang anti kata sandi setelah pimpinan login di sistem.
41
3. Berikut adalah tampilan menu untuk melihat riwayat transaksi
pemasukan dan pengeluaran yang telah di inputkan oleh pihak
user maupun admin sebelumnya setelah pimpinan login di
sistem.
42
4. Berikut adalah tampilan menu untuk cetak laporan di sistem
untuk pimpinan yang berguna untuk melihat laporan secara
detail.
43
5. Berikut ini adalah tampilan menu ganti kata sandi untuk sistem
pimpinannya.
6. Berikut adalah tampilan grafik riwayat transaksi untuk

perbulan dan pertahunnya yang terdapat di menu dasboard.
44
45
4.2.3.4 Implementasi Kode – Kode yang Penting
1. Kode Koneksi ke Database
<?php
$koneksi = mysqli_connect("localhost", "root", "" ,"keuangan");
46
2. Kode Tambah Transaksi Pemasukan
<?php
include '../koneksi.php';
$tanggal = $_POST['tanggal'];
$jenis = $_POST['jenis'];
$kategori = $_POST['kategori'];
$nominal = $_POST['nominal'];
$keterangan = $_POST['keterangan'];
$bank = $_POST['bank'];
$rand = rand();
$allowed = array('jpg','jpeg','pdf');
$filename = $_FILES['trnfoto']['name'];
$rekening = mysqli_query($koneksi,"select * from bank where

bank_id='$bank'");
$r = mysqli_fetch_assoc($rekening);
if($jenis == "Pemasukan"){
$saldo_sekarang = $r['bank_saldo'];
$total = $saldo_sekarang+$nominal;
mysqli_query($koneksi,"update bank set bank_saldo='$total' where
bank_id='$bank'");
}elseif($jenis == "Pengeluaran"){
$total = $saldo_sekarang-$nominal;
bank_id='$bank'");
if($filename == ""){ 47
mysqli_query($koneksi, "insert into transaksi values
(NULL,'$tanggal','$jenis','$kategori','$nominal','$keterangan','','$bank')"
if($filename == ""){
)or die(mysqli_error($koneksi));
header("location:transaksi.php?alert=berhasil");
}else{
$ext = pathinfo($filename, PATHINFO_EXTENSION);
if(!in_array($ext,$allowed) ) {
header("location:pemasukkan.php?alert=gagal");
}else{
move_uploaded_file($_FILES['trnfoto']['tmp_name'],
'../gambar/bukti/'.$rand.'_'.$filename);
$file_gambar = $rand.'_'.$filename;
(NULL,'$tanggal','$jenis','$kategori','$nominal','$keterangan','$file_gamba
r','$bank')");
header("location:pemasukkan.php?alert=berhasil");
}
}
// mysqli_query($koneksi, "insert into transaksi values

(NULL,'$tanggal','$jenis','$kategori','$nominal','$keterangan','$bank')")or
die(mysqli_error($koneksi));
// header("location:transaksi.php");
48
3. Kode Tambah Transaksi Pengeluaran
<?php
$rand = rand();

bank_id='$bank'");
bank_id='$bank'");
bank_id='$bank'");
49
)or die(mysqli_error($koneksi));
header("location:pengeluaran.php?alert=berhasil");
}else{
header("location:pengeluaran.php?alert=gagal");
}else{
$file_gambar = $rand.'_'.$filename;
(NULL,'$tanggal','$jenis','$kategori','$nominal','$keterangan','$file_gamba
r','$bank')");
header("location:pengeluaran.php?alert=berhasil");
}
}
// mysqli_query($koneksi, "insert into transaksi values

(NULL,'$tanggal','$jenis','$kategori','$nominal','$keterangan','$bank')")or
die(mysqli_error($koneksi));
50
4. Kode Tambah Kategori Transaksi
<?php
mysqli_query($koneksi, "insert into kategori values (NULL,'$kategori')");

header("location:kategori.php?alert=berhasil");
5. Transaksi Update Pemasukan

<?php
$id = $_POST['id'];
$rand = rand();
$transaksi = mysqli_query($koneksi,"select * from transaksi where

transaksi_id='$id'");
$t = mysqli_fetch_assoc($transaksi);
$bank_lama = $t['transaksi_bank'];

bank_id='$bank_lama'");
// Kembalikan nominal ke saldo bank lama 51
if($t['transaksi_jenis'] == "Pemasukan"){
// Kembalikan nominal ke saldo bank lama
$kembalikan = $r['bank_saldo'] - $t['transaksi_nominal'];
mysqli_query($koneksi,"update bank set bank_saldo='$kembalikan' where
}else if($t['transaksi_jenis'] == "Pengeluaran"){

$kembalikan = $r['bank_saldo'] + $t['transaksi_nominal'];
$rekening2 = mysqli_query($koneksi,"select * from bank where

bank_id='$bank'");
$rr = mysqli_fetch_assoc($rekening2);
$saldo_sekarang = $rr['bank_saldo'];
bank_id='$bank'");

bank_id='$bank'");
bank_id='$bank'"); 52
}
bank_id='$bank'");
mysqli_query($koneksi, "update transaksi set
transaksi_tanggal='$tanggal', transaksi_jenis='$jenis',
transaksi_kategori='$kategori', transaksi_nominal='$nominal',
transaksi_keterangan='$keterangan', transaksi_bank='$bank' where
transaksi_id='$id'") or die(mysqli_error($koneksi));
header("location:pemasukkan.php?alert=berhasilupdate");
}else{
header("location:pemasukkan.php?alert=gagal");
}else{
$xgambar = $rand.'_'.$filename;
transaksi_keterangan='$keterangan',transaksi_foto='$xgambar',
transaksi_bank='$bank' where transaksi_id='$id'");
header("location:pemasukkan.php?alert=berhasilupdate");
}
}
// mysqli_query($koneksi, "update transaksi set

transaksi_id='$id'") or die(mysqli_error($koneksi)); 53
6. Transaksi Hapus Pemasukan
<?php
$id = $_GET['id'];
$transaksi = mysqli_query($koneksi, "select * from transaksi where

$rekening = mysqli_query($koneksi, "select * from bank where

$jenis = $t['transaksi_jenis'];
$nominal = $t['transaksi_nominal'];
if ($jenis == "Pemasukan") {
mysqli_query($koneksi, "update bank set bank_saldo='$total' where
} elseif ($jenis == "Pengeluaran") {
}
mysqli_query($koneksi, "delete from transaksi where transaksi_id='$id'");

header("location:pemasukkan.php");
54
7. Transaksi Update Pengeluaran
<?php
$id = $_POST['id'];
$rand = rand();
$transaksi = mysqli_query($koneksi,"select * from transaksi where


// Kembalikan nominal ke saldo bank lama
$kembalikan = $r['bank_saldo'] - $t['transaksi_nominal'];
}else if($t['transaksi_jenis'] == "Pengeluaran"){

$kembalikan = $r['bank_saldo'] + $t['transaksi_nominal'];
55
}

bank_id='$bank'");
bank_id='$bank'");

bank_id='$bank'");
bank_id='$bank'");
header("location:pengeluaran.php?alert=berhasilupdate");
}else{
56
}else{
$xgambar = $rand.'_'.$filename;
transaksi_keterangan='$keterangan',transaksi_foto='$xgambar',
transaksi_bank='$bank' where transaksi_id='$id'");
header("location:pengeluaran.php?alert=berhasilupdate");
}
}
// mysqli_query($koneksi, "update transaksi set

57
8. Transaksi Hapus Pengeluaran
<?php
$id = $_GET['id'];
$transaksi = mysqli_query($koneksi, "select * from transaksi where

$rekening = mysqli_query($koneksi, "select * from bank where

$jenis = $t['transaksi_jenis'];
$nominal = $t['transaksi_nominal'];
if ($jenis == "Pemasukan") {
} elseif ($jenis == "Pengeluaran") {
}
mysqli_query($koneksi, "delete from transaksi where transaksi_id='$id'");

header("location:pengeluaran.php");
58
9. Kode Kategori Transaksi Update
<?php
$id = $_POST['id'];
mysqli_query($koneksi, "update kategori set kategori='$kategori' where

kategori_id='$id'");
header("location:kategori.php?alert=berhasilupdate");
10. Kode Kategori Transaksi Hapus

<?php
$id = $_GET['id'];
mysqli_query($koneksi, "update transaksi set transaksi_kategori='1' where

transaksi_kategori='$id'");
mysqli_query($koneksi, "delete from kategori where kategori_id='$id'");

header("location:kategori.php");
Kode Fullnya Penulis Taruh di Link Berikut :
https://drive.google.com/file/d/1VPwYAEwKksDj5Sd7ccjUIu5zVwY9ModK/vie
w?usp=sharing
59
BAB V PENUTUP
5.1 Kesimpulan
Penulis mengambil kesimpulan yang dapat di ambil pada Laporan Praktik

Kerja Lapangan ini dimana projek system informasi web keuangan untuk
Bidang Tata Tingkungan ini merupakan system yang cukup membantu dalam
melaksanakan proses pengelolaan keuangan yang berada di instansi Dinas
Lingkungan Hidup pada sub Bidang Tata Tingkungan supaya agar lebih
efektif dan efisiensi waktu kerja. System ini dapat diakses di berbagai
browser sehingga dapat mempermudah penggunaanya dalam mengakses.
5.2 Saran
Dalam pengembangan system masih dibutuhkan wkatu karena masih

terdapat kekurangan di dalamnya. Pengembangan system ini alangkah
bagusnya dilakukan berkala untuk mendaptkan hasil yang maksimal.
Pengembangan interface juga perlu di kembangkan untuk menambah
kenyamanan dalam menggunakanya.
60
DAFTAR PUSATAKA
Anonim. 2018. Konsep Sistem. Program Studi Teknologi Pendidikan. Tersedia

pada http://kurtek.upi.edu/2018/02/14/konsep-sistem/.Diakses pada tanggal 16
September 2020
Dikatara. 2011. Konsep Dasar Informasi Dan Sistem Informasi. Tersedia pada
https://dikatara.wordpress.com/2011/10/22/konsep-dasar-informasi-dan-sistem
informasi. Diakses pada 16 September 2020
Dini S.kom. 2015. Karakteristik Sistem Informasi. Tersedia pada

https://dosenit.com/kuliah-%20it/sistem-informasi/karakteristik-sistem-informasi
Diakses pada 16 September 2020
Irawan.Dimas. 2010. Karakteristik Sistem. Tersedia pada

https://dimas347.wordpress.com/2010/12/08/karakteristik-sistem/.Diakses pada
tanggal 17 September 2020
Arip. 2020. Konsep Dasar Sistem Informasi. Tersedia pada

https://aripdwipurwanto.blogspot.com/2018/01/konsep-dasar-sistem
informasi.html. Diakses pada tanggal 17 September 2020
Gisagisnis. 2014. Konsep Dasar Sistem Informasi. Tersedia pada

https://gisagisni.wordpress.com/2014/03/25/konsep-dasar-sistem-informasi/.
Diakses pada tanggal 17 September 2020
61
LAMPIRAN
Lampiran 1
Draft logbook tahap 1
DRAFT JURNAL HARIAN

PRAKTEK KERJA LAPANGAN BERBASIS PEMBATASAN SOSIAL
(PKLbPS) SISTEM INFORMASI WEB KEUANGAN UNTUK BIDANG
TATA LINGKUNGAN
Oleh : 1. Kadek Wira Adi Saputra 1815051033
2. Ni Putu Pande Pebi Swaratri 1815051068
Tempat PKL : Dinas Lingkungan Hidup Kabupaten Buleleng
No Hari/Tanggal Kegiatan TTD Mentor
1. Senin, 5 Juli  Koordinasi terkait

2021 pelaksanaan PKLbPS
dengan mentor dan
pimpinan.
 Koordinasi dengan pegawai mengenai
surat balasan dari Instansi.
2. Rabu, 7 Juli  Pengenalan Lingkungan area kantor.
2021
3. Kamis, 8 Juli  Berkoordinasi terkait kendala yang ada

2021 di Instansi dan memberikan solusi
untuk mengatasi kendala tersebut.
4. Jumat, 9 Juli  Koordinasi dengan mentor terkait data

2021 untuk kebutuhan sistem.
 Meminta data mentor untuk
kelengkapan proposal.
62
 Membuat desain database.
 Membuat tampilan sederhana form
login.
5. Senin, 12 Juli  Berkoordinasi dengan mentor terkait
2021 proposal yang telah dibuat.
6. Selasa, 13 Juli  Membuat alur sistem pengerjaan.

2021
7. Rabu, 14 Juli  Berkoordinasi kembali

2021 terkait proposal dengan
mentor untuk di ACC.
 Menyampaikan proposal ke dosen
pembimbing.
8. Kamis, 15 Juli  Validasi proposal oleh dosen
2021
pembimbing dan mentor berupa lembar
pengesahan proposal yang di tanda
tangan elektronik.
9. Jumat, 16 Juli  Mempersiapkan beberapa aplikasi
2021
yang diperlukan dalam pembuatan
sistem.
 Membuat tampilan beranda web.
10. Senin, 19Juli  Membuat Use Case Diagram.
2021
63
11. Selasa, 20 Juli  Membuat Diagram Activity.
2021
12. Rabu, 21 Juli  Berkoordinasi kembali dengan mentor

2021 terkait inti dari pembuatan web.
 Membuat menu pada beranda.
13. Kamis, 22 Juli  Merancang Desain Entity Relationship

2021 Diagram (ERD)
 Membuat crud manajemen user di
web.
14. Jumat, 23 Juli  Membaca beberapa modul terkait
2021 pembuatan database dan mencari
beberapa tutorial pembuatan sistem.
15. Senin, 26 Juli  Menambahkan beberapa bootstrap ke

2021 web.
16. Selasa, 27 Juli  Membuat Desain Entity Relationship

2021 Diagram (ERD).
17. Rabu, 28 Juli  Melanjutkan pembuatan Desain Entity

2021 Relationship Diagram (ERD) dan
pengecekan.
64
18. Kamis, 29 Juli  Membuat crud kategori transaksi.
2021
19. Jumat, 30 Juli  Membuat crud informasi data bank

2021 kantor.
20. Senin, 2  Memulai membuat crud pemasukan.

Agustus 2021
21. Selasa, 3  Melanjutkan coding membuat crud

Agustus 2021 pemasukan.
22. Rabu, 4  Melanjutkan coding membuat crud

Agustus 2021 pemasukan.
23. Kamis, 5  Membuat coding tampilan profil di

Agustus 2021 web.
24. Jumat, 6  Melanjutkan membuat coding

Agustus 2021 tampilan profil di web.
65
25. Senin, 9  Membuat crud pengeluaran.
Agustus 2021
26. Selasa, 10  Melanjutkan coding dari crud

Agustus 2021 pengeluaran.
27. Rabu, 11  Menambahkan menu file report berupa

cetak laporan.
Agustus 2021
28. Kamis, 12  Melanjutkan coding dari pembuatan

menu file report berupa cetak laporan.
Agustus 2021
29. Jumat, 13  Membuat coding tampilan grafik

perhitungan.
Agustus 2021
66
Resume Draft Blog Minggu Pertama, Senin s.d Jumat, 5 s.d 9 Juli 2021
Minggu pertama , Minggu pertama pelaksanaan Praktik Kerja Lapangan

yaitu kami melaksanakan PKL secara daring dirumah masing masing namun
tetap dipantau oleh mentor. Minggu ini kami diperkenalkan dengan beberapa
karyawan yang sedang bekerja di Dinas Lingkungan Hidup pada bagian Bidang
Tata Lingkungan, selain itu kami berkordinasi mengenai hal-hal berkaitan
fungsional dan non fungsional sistem untuk berkelanjutannya projek. Untuk
proyek yang akan dikembangkan untuk Dinas Lingkungan Hidup pada bagian
Bidang Tata Lingkungan sudah di komunikasikan sebelumnya disaat masa
observasi dimana kita membuatkan sebuah Sistem Informasi Web Keuangan
untuk Bidang Tata Lingkungan yang akan membantu pihak Dinas Lingkungan
Hidup pada bagian Bidang Tata Lingkungan dalam mengelola keuangan. Minggu
ini kami mulai mencari sumber dan mulai merancang sistem untuk membuat
projek web dengan membuat web php sederhana pada tampilan login sistem.
Gambar :
67
Resume Draft Blog Minggu Kedua, Senin s.d Jumat, 12 s.d 16 Juli 2021
Minggu kedua, kami masih melaksanakan tahap persiapan mengenai hal-hal
apa saja yang harus ada di sistem secara detail yang di berikan langsung oleh
mentor kami. Untuk tugas/latihan yang diberikan kami membaginya dalam
pengerjaanya. Dalam persiapan dan sosialisasi ini kami sempat bingung karena
kami belum masuk ketahapan pembuatan projek baru hanya secara garis besar
saja yaitu sebatas tampilan login, dan kami sempat berdiskusi dengan mentor dan
pembimbing mengenai projek mengenai pengimplementasian fungsionalitasnya
ke web. Untuk persiapan yang kami laksanakan selesai di minggu kedua dengan
pembuatan beranda yang dikombinasikan dengan bootstrap.
Gambar :
Resume Draft Blog Minggu Ketiga, Senin s.d Jumat, 19 s.d 23 Juli 2021
Minggu ketiga, kami sudah memasuki tahapan pembuatan projek yang kami
rancang sebelumnya. Tugas pada hari ini yakni menambahkan beberapa menu di
home atau beranda yang nantinya akan kami gunakan dalam pembuatan projek.
Selanjutnya kami mengerjakan pebuatan coding login untuk beda user dari projek
yang akan kami buat. Disini kami membagi tugas dalam pencarian solusi untuk
masalah yang ada. Setelah coding login selesai kami coba untuk membuat crud
user yang memiliki beberapa kriteria yang sudah ditentukan. Pada minggu ketika
68
kami sudah menyelesaikan crud user dan coding login. Masalah yang terdapat
dalam pengerjaan crud user yakni pada pemograman itu sendiri.
Gambar :
.
Resume Draft Blog Minggu Keempat, Senin s.d Jumat, 26 s.d 30 Juli 2021
Minggu keempat, kami masuk ke dalam tahapan pembuatan crud kategori
transaksi dan informasi data bank kantor. Dalam pembuatan ini kami mengalami
beberapa kendala dalam pembuatan, namun sudah dibimbing langsung oleh
69
mentor dalam pemecahan masalah yang kami dapatkan. Dalam pembuatan crud
ini kami juga cukup banyak mendapatkan masalah terutama di bagian codingnya
yang cukup rumit, namun setelah kami mencari beberapa informasi di internet dan
kami bisa menyelesaiakan masalah tersebut.
Gambar :
Resume Draft Blog Minggu Kelima, Senin s.d Jumat, 2 s.d 6 Agustus 2021
Minggu kelima, kami masuk ke dalam tahapan pembuatan crud pemasukan.
Selanjutnya kami melakukan analisis apa saja yang di perlukan di crud
pemasukan tersebut. Minggu ini kami juga membuat menu untuk kata sandi
70
pengguna dari sistem dan kami juga merevisi crud kategori transaksi dan
informasi data bank kantor yang pada minggu sebelumnya dibuat. Pada minggu
ini hanya pembuatan crud pemasukan dan merevisi hal-hal yang sekiranya masih
kurang di dalam crud yang sudah dibuat sebelumnya.
Gambar :
Resume Draft Blog Minggu Keenam, Senin s.d Jumat, 9 s.d 13 Agustus 2021
Minggu keenam, kami melanjutkan pengerjaan dengan menambahkan crud
untuk pengeluaran, pembuatan file report untuk cetak laporan dan pembuatan
grafik perhitungan dan juga mempersiapkan dokumen untuk ujian tahap 1
nantinya. Sekarang pengerjaan web sudah masuk ke pengerjaan ahkir dengan
71
selalu berkordinasikan oleh pihak kantor dari Dinas Lingkungan Hidup terutama
di Bidang Tata Lingkungan sesuai dengan keperluannya. Setelah ujian tahap 1
selesai kami akan mencatat apa saja yang kurang di dalam pembuatan projek web
kami dan akan kami revisi di tahap 2 sehingga apa yang menjadi permintaan dari
pihak Bidang Tata Lingkungan dapat tercapai sesuai keinginan walaupun ada
beberapa kekurangan dalam projek web yang kami buat.
Gambar :
72
73
74
LAMPIRAN
Lampiran 2
Draft logbook tahap 2
DRAFT JURNAL HARIAN

PRAKTEK KERJA LAPANGAN BERBASIS PEMBATASAN SOSIAL
(PKLbPS) SISTEM INFORMASI WEB KEUANGAN UNTUK BIDANG
TATA LINGKUNGAN
Oleh : 1. Kadek Wira Adi Saputra 1815051033
2. Ni Putu Pande Pebi Swaratri 1815051068
Tempat PKL : Dinas Lingkungan Hidup Kabupaten Buleleng
No Hari/Tanggal Kegiatan TTD Mentor
1. Senin, 23 Agustus  Menganalisis ulang sistem dengan sop baru keuangan

2021 bidang tata lingkungan yang baru keluar.
 Merevisi daftar tabel pada database sistem dengan

memecah tabel transaksi menjadi tabel pemasukan
dan tabel pengeluaran.
 Membuat dua tabel baru untuk mencatat log aktivitas
pada tabel pemasukan dan pengeluaran
2. Selasa, 24 Agustus  Menambahkan field program, kegiatan, sub_kegiatan,

2021 urusan, unit_orgn, sub_unit, sumber_pendanaan,
lokasi, waktu_pelaksanaan dan sasaran pada tabel
kategori.
 Merevisi tampilan kategori dengan menambahkan
beberapa informasi seperti divisi, program, kegiatan
dan sub kegiatan. Selain itu menambahkan fitur
pencarian untuk data kategori.
 Merevisi tampilan tambah kategori dan edit kategori.
 Merevisi code tambah kategori dan edit kategori.
75
3. Rabu, 25 Agustus  Merevisi tampilan fitur rekening bank dimana sistem
2021 terbaru menampilkan informasi uraian, kode rekening
dan realisasi serta menambahkan fitur pencarian.
 Merevisi tampilan tambah data dan edit data rekening
bank
 Mencari refrensi bootstrap fitur dasboard untuk
admin.
 Membuat fitur tampilan dasboard untuk admin.
4. Kamis, 26 Agustus  Melanjutkan mencari refrensi bootstrap fitur dasboard
2021 untuk admin.
 Melanjutkan membuat fitur tampilan dasboard untuk
admin.
5. Jumat, 27 Agustus  Membuat code untuk menampilkan informasi total

2021 kategori, total rekening realisasi, total pengguna dan
total saldo pada dashboard admin
 Membuat code untuk menampilkan informasi rincian
realisasi data kategori dan data rekening realisasi
terakhir.
6. Senin, 30 Agustus  Melanjutkan membuat code untuk menampilkan

2021 informasi total kategori, total rekening realisasi, total
pengguna dan total saldo pada dashboard admin
 Melanjutkan membuat code untuk menampilkan
informasi rincian realisasi data kategori dan data
rekening realisasi terakhir.
7. Selasa, 31 Agustus  Merevisi tampilan fitur data pemasukan dengan
2021 menambahkan informasi kode rekening, uraian,
koefisien, satuan, harga, ppn dan jumlah serta
menambahkan fitur pencarian.
 Merevisi tampilan tambah dan edit data pemasukan.
 Merevisi code tambah dan edit data pemasukan.
76
8. Rabu, 1 September  Membuat field pada tabel pengeluaran diantaranya
2021 pengeluaran_id, pengeluaran_tanggal, koefisien,
satuan, ppn, pengeluaran_kategori, program, kegiatan,
sub_kegiatan, pengeluaran_nominal, jumlah,
pengeluaran_foto dan pengeluaran_bank.
 Membuat relasi tabel pengeluaran ke tabel bank dan
kategori.
 Merevisi tampilan fitur data pengeluaran dengan
menambahkan informasi kode rekening, uraian,
koefisien, satuan, harga, ppn dan jumlah serta
menambahkan fitur pencarian.
9. Kamis, 2  Merevisi tampilan tambah dan edit data pengeluaran.
September 2021  Merevisi code tambah dan edit data pengeluaran
10. Jumat, 3 September  Merevisi tampilan fitur kategori dan rekening bank
2021 pada user manajemen.
 Menambakan filter laporan menurut divisi, program,
kegiatan dan sub kegiatan
 Merevisi file laporan dengan menambahkan kop
laporan
11. Senin, 6 September  Merevisi file laporan dengan menambahkan beberapa
2021 informasi sesuai sop instansi terbaru serta
menambahkan tempat tanda tangan untuk Kepala
Dinas Lingkungan Hidup.
 Mencari referensi untuk membuat data dashboard user
manajemen.
77
12. Selasa, 7 September  Membuat desain tampilan dashboard manajemen.
2021  Membuat code untuk menampilkan informasi total
pemasukan, total realisasi/pengeluaran dan link filter
laporan pada dashboard manajemen.
13. Rabu, 8 September  Menambahkan code untuk menampilkan informasi

2021 gallery transaksi, data pemasukan dan pengeluaran
terakhir serta informasi tanggal dan waktu pada
dashboard manajemen.
14. Kamis, 9  Melanjutkan menambahkan code untuk menampilkan

September 2021 informasi gallery transaksi, data pemasukan dan
pengeluaran terakhir serta informasi tanggal dan
waktu pada dashboard manajemen.
15. Jumat, 10  Membuat tambahan peringatan keterangan saldo tidak

September 2021 cukup di fitur pengeluaran di sistem manajemen user
dan menyisipkan function format mata uang rupiah
pada input dan edit harga transaksi.
16. Senin, 13  Membuat fungsi untuk mencatat aktivitas tambah data

September 2021 pada tabel pemasukan.
 Membuat fungsi untuk mencatat aktivitas tambah data
pada tabel pengeluaran.
 Membuat fungsi untuk mencatat aktivitas edit dan
hapus data pada tabel pemasukan.
 Membuat fungsi untuk mencatat aktivitas edit dan
hapus data pada tabel pengeluaran.
78
17. Selasa, 14  Membuat tampilan fitur riwayat aktivitas pada user
September 2021 pimpinan.
 Merevisi code grafik pemasukan dan pengeluaran.
 Merevisi code informasi pemasukan hari ini, bulan
ini, tahun ini dan total pemasukan.
18. Rabu, 15  Merevisi code informasi pengeluaran hari ini, bulan
September 2021 ini, tahun ini dan total pengeluaran.
 Merevisi filter laporan dan file laporan pada user
pimpinan.
19. Kamis, 16  Melanjutkan merevisi code informasi pengeluaran

September 2021 hari ini, bulan ini, tahun ini dan total pengeluaran.
 Melanjutkan merevisi filter laporan dan file laporan
pada user pimpinan.
20. Jumat, 17  Melanjutkan merevisi code informasi pengeluaran

September 2021 hari ini, bulan ini, tahun ini dan total pengeluaran.
 Melanjutkan merevisi filter laporan dan file laporan
pada user pimpinan.
21. Senin, 20  Testing sistem pada log aktivitas.

September 2021
22. Selasa, 21  Merevisi code log aktivitas untuk menampilkan user

September 2021 siapa yang melakukan perubahan.
79
23. Rabu, 22  Testing sistem terkait filter laporan .
September 2021
24. Kamis, 23  Merevisi filter laporan dengan menambahkan

September 2021 tanggal dari dan tanggal sampai untuk data transaksi
yang akan dicetak.
25. Jumat, 24  Membuat panduan penggunaan sistem berupa video

September 2021 dokumentasi.
26. Senin, 27  Revisi Laporan Penambahan Coding.

September 2021
80
27. Selasa, 28  Revisi Laporan Penambahan Informasi data base
September 2021 baru.
28. Rabu, 29  Menambahkan draf jurnal tahap 2 di laporan.

September 2021
29. Kamis, 30  Melanjutkan penambahan draf jurnal tahap 2 di

September 2021 laporan.
30. Jumat, 1 Oktober  Menambahkan draf blog tahap 2 di laporan.

2021
81
Resume Draft Blog Minggu Ketujuh, Senin s.d Jumat, 23 s.d 27 Agustus 2021
Pada tanggal 23 Agustus – 27 Agustus 2021, penulis melakukan kegiatan
revisi dari produk sebelumnya. Kegiatan revisi kami awali dengan menganalisis
ulang SOP laporan keuangan Instansi Dinas Lingkugan Hidup. Mentor
mengirimkan SOP laporan keuangan terbaru melalui whatsapp kemudian kami
mencatat poin – poin yang masih kurang dalam produk. Kami mulai memperbaiki
database dengan mengubah dan menambahkan beberapa field dalam tabel. Karena
terdapat perubahan pada database, fitur pada produk wajib untuk direvisi. Pada
minggu ketujuh ini kami fokus memperbaiki fungsional user admin dimulai dari
memperbaiki fitur kategori, kemudian fitur rekening bank lalu tampilan dashboard
admin. Pada bagian kategori, sistem menampilkan informasi divisi, program,
kegiatan dan subkegiatan. Fitur rekening bank yang semulanya menampilkan
nama bank dan pemilik, kami ubah menjadi informasi uraian, kode rekening, dan
saldo. Kemudian tampilan dashboard admin diperbaiki menjadi informasi
kuantitatif yang dibutuhkan seorang admin yaitu total kategori, total rekening
realisasi, total pengguna, total saldo, rincian realisasi data kategori dan data
rekening realiasi terakhir.
Gambar:
82
Resume Draft Blog Minggu Kedelapan, Senin s.d Jumat, 30 Agustus s.d 3
September 2021
Pada tanggal 30 Agustus – 3 September 2021, penulis melanjutkan perbaikan
produk sebelumnya. Setelah user admin sudah selesai direvisi, kami melanjutkan
bagian user manajemennya. Kegiatan kami awali dengan membuat field baru pada
tabel pemasukan dan pengeluaran. Sesuai dengan data riil di Instansi Dinas
Lingkugna Hidup, ada beberapa informasi yang wajib dicantumkan yaitu
koefisien, satuan, ppn, harga, dan jumlah transaksi baik transaksi pemasukan
maupun pengeluaran atau realisasinya. Kemudian karena terdapat perubahan dari
database, tampilan dan fungction dari fitur data pemasukan dan pengeluaran kami
83
perbaiki. Selanjutnya pada bagian report, penulis menambahkan filter laporan
yang semulanya hanya mengacu pada tanggal ditambahkan berdasarkan divisi,
program, kegiatan, dan subkegiatan. Untuk fitur cetak laporan, pada laporannya
kami menambahkan kop laporan yang sesuai dengan kop instansi tempat prakerin.
Gambar:
Resume Draft Blog Minggu Kesembilan, Senin s.d Jumat, 6 September s.d 10
September 2021
Pada tanggal 6 September – 10 September 2021, penulis melanjutkan
kegiatan revisi produk sebelumnya yaitu pada file laporan keuangan, dashboard
manajemen dan pembuatan code riwayat aktivitas transaksi pemasukan dan
pengeluaran. Pada fitur file report kami menambahkan beberapa informasi
sebelum tabel pemasukan dan pengeluarannya yaitu informasi urusan, unit
84
organisasi, sub unit organisasi, program, kegiatan, sub kegiatan, sumber
pendanaan, lokasi kegiatan, waktu pelaksanaan, kelompok sasaran dan jumlah
pemasukannya dimana informasi ini telah diinput sebelumnya pada fitur kategori
oleh administrator. Kemudian masih pada file laporan, terdapat perubahan pada
tabel pemasukan dan pengeluaran yakni ada tambahan informasi yang kami
cantumkan yaitu kode rekening, uraian, rincian perhitungan seperti koefisien,
satuan, harga, ppn, jumla, grand total dan jumlah transaksi bertambah/berkurang.
Dalam hal ini, kendala yang dihadapi oleh kami adalah mencocokan antara sop
keuangan baru dari bidang tata lingkungan yang baru keluar dengan web
keuangan sebelumnya yang dibuat, ini memakan waktu banyak dalam merevisi
fitur webnya agar sesuai dengan sopnya. Kemudian pada fitur dashboard
manajemen kami memperbaiki secara keseluruhan menjadi menampilkan total
pemasukan, total pengeluaran/realisasi, link filter laporan, mencantumkan gallery
nota transaksi realisasi dan tabel data pemasukan & pengeluaran terakhir.
Perbaikan terakhir pada user manajemen, kami menambahkan function format
mata uang rupiah saat input dan edit data transaksi.
Gambar:
85
86
Resume Draft Blog Minggu Kesepuluh, Senin s.d Jumat, 13 September s.d 17
September 2021
Pada tanggal 13 September – 17 September 2021, penulis melanjutkan
kegiatan revisi produk sebelumnya yaitu membuat fungsi mencatat aktivitas
tambah data pada table pemasukan dan pengeluaran. Dan juga juga pada minggu
ini terdapat revisi pada fungsional sistem pimpinanan seperti membuat membuat
tampilan fitur riwayat aktivitas pada user pimpinan, merevisi code grafik
pemasukan dan pengeluaran, merevisi code informasi pemasukan hari ini, bulan
ini, tahun ini dan total pemasukan, merevisi code informasi pengeluaran hari ini,
bulan ini, tahun ini dan total pengeluaran dan merevisi filter laporan dan file
laporan pada user pimpinan. Pada minggu ini kendala yang di hadapi oleh penulis
adalah mencocokan antara sop keuangan baru dari bidang tata lingkungan pada
menu laporan di sistem pimpinan agar sesuai dengan tabel sop tersebut yang baru
keluar, ini kemungkin akan memakan waktu banyak dalam merevisi fitur webnya
agar sesuai dengan sopnya.
87
Resume Draft Blog Minggu Kesebelas, Senin s.d Jumat, 20 September s.d 24
September 2021
Pada tanggal 20 September sampai dengan 24 September 2021, penulis
melanjutkan revisi produk untuk sistem keuangan di Dinas Lingkungan Hidup
pada pengguna pimpinan. Dalam hal ini, penulis melakukan testing atau uji coba
pada fitur log aktivitas dan filter laporan. Uji coba pada log aktivitas mendapatkan
kendala dimana user yang melakukan perubahan tidak tercatat dengan benar,
sehingga pada hari berikutnya penulis merivisi code log aktivitas. Penulis
mencoba kembali dengan membuat dua pengguna manajemen untuk
menambahkan, mengedit dan menghapus data. Hasilnya fitur log aktivitas
berjalan dengan baik dan siap digunakan. Kemudian penulis melanjutkan testing
pada fitur filter laporan. Filter laporan kurang mencantumkan filter tanggal dari
dan tanggap sampai. Maka dari itu penulis mempebaiki fungsi filter laporan dan
ketika di uji coba kembali filter laporan berjalan dengan benar. Selanjutnya pada
tahap terakhir minggu ini, penulis membuat video cara penggunaan produk yang
kami buat mengenai fungsional masing-masing fitur agar peggawai/staff tidak
kebingungan menggunakannya sehingga produk siap digunakan.
Gambar:
88
Resume Draft Blog Minggu Keduabelas, Senin s.d Jumat, 27 September s.d
01 Oktober 2021
Pada tanggal 27 September hingga 01 Oktober 2021, produk telah siap
digunakan di kantor Dinas Lingkungan Hidup dan penulis masuk ke tahap
persiapan berkas – berkas untuk pelaksanaan ujian. Pada minggu keduabelas ini,
penulis merivisi laporan di bagian kode program karena seperti yang telah
dipaparkan produk banyak mengalami perubahan baik dari segi tampilan maupun
fungsinya sehingga kode program juga banyak berubah. Selanjutnya penulis
memperbaiki dan menambahkan tabel atau field baru sesuai dengan database yang
siap digunakan. Setelah menyelesaikan laporan, penulis merekap draft jurnal dan
juga blog untuk kelengkapan laporan dan menguggahnya ke sistem PKL sebagai
syarat ujian.
89
90

Laporan Praktik Kerja Industri - 1815051033

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

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

Laporan Praktik Kerja Industri - 1815051033

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PROGRAM PEMBUATAN SISTEM INFORMASI WEB

KEUANGAN UNTUK BIDANG TATA LINGKUNGAN

DINAS LINGKUNGAN HIDUP KABUPATEN BULELENG

Diajukan untuk memenuhi persyaratan kelulusan mata kuliah Praktik Kerja

Kadek Wira Adi Saputra 1815051033

PRODI PENDIDIKAN TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN KEJURUAN

UNIVERSITAS PENDIDIKAN GANESHA

“PROGRAM PEMBUATAN SISTEM INFORMASI WEB

Kadek Wira Adi Saputra 1815051033

Dosen Pembimbing, Mentor,

Gede Saindra Santyadiputra, S.T.,M.Cs.

Gede Saindra Santyadiputra, S.T.,M.Cs.

LEMBAR PENGESAHAN .................................................................................. ii

Tabel 4.1 Karakteristik Pengguna ........................................................................ 28

Gambar 2.1 Struktur Organisasi Dinas Lingkungan Hidup Kabupaten Buleleng 6

1.2 Rumusan Masalah

1.3 Tujuan Praktik Kerja Lapangan

1.4 Manfaat Praktik Kerja Lapangan

2.1 Profil Perusahaan/Instansi

Visi dan Misi

Terwujudnya masyarakat Buleleng yang mandiri, sejahtera, damai dan

1. Memantapkan pembangunan ekonomi untuk mewujudkna pertumbuhan

2. Pengembangan ekonomi kerakyatan yang berbasis pada produk unggulan

3. Meningkatkan kualitas sumber daya manusia yang professional, berbudaya

4. Memantapkan partisipasi pemangku kepentingan dalam pembangunan.

6. Mewujudkan pembangunan Buleleng yang berkelanjutan (Suistainable

2.1.1 Struktur Organisasi Perusahaan/Instansi

Gambar 2.1 Struktur Organisasi Dinas Lingkungan Hidup Kabupaten Buleleng

Lokasi tempat Praktik Kerja Lapangan beralamat di Jalan Jl. Sri

Kontak Dinas Lingkungan Hidup Kab. Buleleng

a. Telepon : (0362) 3302024, WA Aduan: 0811-392-1700

b. Alamat : Jalan Sri Madya-Banyuning, Kelurahan Banyuning,

c. Kode Pos : 81119

2.1.3 Kordinat Kantor Dinas Lingkungan Hidup Kab. Buleleng

b. Kode Pos : 81119

c. Kordinat perusahaan : -8.1166233,115.1015768,15z

Gambar 2.2 Tampilan Depan Kantor DLH

Praktik Kerja Lapangan penulis di Dinas Lingkungan Hidup ditempatkan

2.3 Deskripsi Kerja saat Praktik Kerja Lapangan

2.4 Jadwal Pelaksanaan Praktik Kerja Lapangan

3.1 Sistem yang Berjalan di Instansi

3.2 Teori-Teori Yang Berkaitan

3.2.2 Konsep Dasar Informasi

3.2.3 Konsep Dasar Sistem Informasi

3.2.4 Konsep Basis Data

Basis Data merupakan suatu kumpulan data yang saling berelasi

a. Entity (entitas) adalah orang, tempat, kejadian atau konsep yang

b. Atribut adalah entity mempunyai atribut atau sebutan untuk

d. Record adalah kumpulan elemen yang saling berkaitan yang

e. File adalah kumpulan record–record sejenis yang mempunyai

g. Database Management System (DBMS) adalah kumpulan file yang

3.2.5 Konsep Use Case Diagram

Use Case Diagram adalah pemodelan untuk menggambarkan

Secara sederhana use case merupakan gambaran fungsional dari

a. Assoclation yaitu hubungan link antar element-element.

b. Generalization atau biasa disebut dengan inheritance (pewarisan)

c. Dependency merupakan elemen tergantung dari beberapa cara

Berikut adalah keterangan simbol-simbol yang digunakan dalam Use

Gambar 3.1 Beberapa Simbol Use Case Diagram

3.2.6 Perangkat Lunak (Software) yang Digunakan