i
LAPORAN KERJA PRAKTEK
DINAS KOMUNIKASI DAN INFORMATIKA KOTA BATAM FRONT END APLIKASI WHISTLEBLOWING SYSTEM
KEJARI BATAM
SINTA RAMELIA 6304181107
PROGRAM STUDI REKAYASA PERANGKAT LUNAK JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI BENGKALIS BENGKALIS- RIAU
2022
iii
KATA PENGANTAR
Puji dan syukur penulis panjatkan doa kepada Allah ﷻ, karena berkat dan rahmat-Nyalah penulis dapat melaksanakan kerja praktek dan menyelesaikan laporan kerja praktek yang dilaksanakan di kantor Badan Kepegawaian Pendidikan dan Pelatihan Kabupaten Bengkalis pada Bidang Pengadaan, Mutasi, Dan Promosi. Shalawat serta salam semoga tercurahkan kepada Nabi Muhammad ﷺ. Terima kasih kepada semua pihak-pihak yang terkait dalam pelaksanaan kerja praktek dan menyelesaikan laporan kerja praktek ini antara lain :
1. Bapak Ir. Joni Caster, MT sebagai Direktur Politeknik Negeri Bengkalis.
2. Ibu Rezki Kurniati, M.Kom sebagai Ketua Program Studi Rekayasa Perangkat Lunak.
3. Bapak Agus Tedyyana, M.Kom sebagai Dosen Pembimbing Kerja Praktek Politeknik Negeri Bengkalis.
4. Bapak Fajri Profesio Putra, M.Cs sebagai koordinator Kerja Praktek Program Studi Rekayasa Perangkat Lunak Politeknik Negeri Bengkalis.
5. Seluruh Dosen Prodi D4 Rekayasa Perangkat Lunak.
6. Bapak Irpan Syarif Hsb sebagai Kepala Cabang sekaligus Pembimbing kerja praktek di Diskominfo Kota Batam.
Dalam pelaksanaan kerja praktek dan pembuatan laporan kerja praktek masih terdapat banyak keterbatasan dan kekurangan sehingga jauh dari kata sempurna.
Kritik dan saran serta permohonan maaf dari pihak-pihak yang terkait sangat diharapkan dapat membangun kesempurnaan.
Bengkalis, 10 Juni 2022
Sinta Ramelia
iv
DAFTAR ISI
KATA PENGANTAR ... ii
DAFTAR GAMBAR ... vi
DAFTAR TABEL ... vii
DAFTAR LAMPIRAN ... viii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Pemikiran KP ... 1
1.2 Tujuan dan Manfaat KP ... 1
1.3 Luaran Proyek Kerja Praktek ... 2
BAB II. GAMBARAN UMUM INSTANSI ... 3
2.1 Sejarah Singkat Pemerintah Kota Batam ... 3
2.2 Visi dan Misi Perusahaan / Instansi ... 4
2.3 Struktur Organisasi Instansi ... 4
2.4 Ruang Lingkup Instansi ... 5
BAB III. BIDANG PEKERJAAN SELAMA KP... 7
3.1 Uraian Tugas Yang Dikerjakan ... 7
3.1.1. Melakukan inputan data warga Rt dan RW ... 7
3.1.2. Melakukan perbaikan PTSP ... 7
3.1.3. Memahami aplikasi satu data ... 8
3.1.4. Mengikuti Bimtek Kota Batam ... 9
3.2 Target yang di Harapkan ... 10
3.3 Perangkat Lunak yang Digunakan ... 11
3.3.1. Visual Studio Code ... 11
3.3.2. Dbeaver ... 11
3.3.3. Xampp ... 12
3.3.4. Chrome ... 12
3.3.5. Microsoft Word ... 12
BAB IV. PERANCANGAN FRONTEND APLIKASI WHISTLEBLOWING SYSTEM ... 13
4.1 Metodologi ... 13
4.1.1 Prosedur Pembuatan Sistem ... 13
4.1.2 Metodologi Pengumpulan Data ... 14
v
4.1.3 Proses Perancangan ... 15
4.1.4 Tahapan dan Jadwal Pelaksanaan ... 16
4.2 Perancangan dan Implementasi ... 16
4.2.1 Analisis Data ... 16
4.2.2 Rancangan Sistem ... 17
4.2.3 Implementasi Sistem. ... ...20
4.2.4 Dampak Implementasi Sistem ... ...23
BAB V. PENUTUP ... 26
5.1 Kesimpulan ... 26
5.2 Saran ... 26
DAFTAR PUSTAKA ... 27
vi
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi Instansi. ... ...4
Gambar 3.1 Tabel data Rt & Rw ... ...7
Gambar 3.2 Surat Ptsp ... ...8
Gambar 3.3 Alur Aplikasi Satu Data ... ...9
Gambar 3.4 Bimtek Service Desk Tingkat I ... ...10
Gambar 3.5 Visual Studio Code... ...11
Gambar 3.6 Dbeaver ... ...11
Gambar 3.7 Xampp ... ...12
Gambar 4.1 Tahapan Waterfall ... ...13
Gambar 4.2 Sistem Yang Sedang Berjalan ... ...15
Gambar 4.3 Sistem Yang di usulkan ... ...17
Gambar 4.4 Usecase Diagram ... ...18
Gambar 4.5 Tampilan Data Pelapor ... ...19
Gambar 4.6 Tampilan Data Terlapor ... ...20
Gambar 4.7 Tampilan Form Lacak ... ...20
Gambar 4.8 Form Halaman Awal ... ...20
Gambar 4.9 Tampilan Memasukkan Nomor Hp ... ...21
Gambar 4.10 Halaman Kode Unik ... ...21
Gambar 4.11 Tampilan Sms Kode Unik ... ...21
Gambar 4.12 Tampilan Data Pelapor. ... ...22
Gambar 4.13 Tampilan Data Terlapor. ... ...23
vii DAFTAR TABEL
Tabel 4. 1 Tahapan dan Jadwal ... 16
viii DAFTAR LAMPIRAN
Lampiran 1 Surat Selesai Kerja Praktek ... 27
Lampiran 2 Surat Balasan Diterima Magang ... 28
Lampiran 3 Log Harian ... 29
Lampiran 4 Form Penilaian Magang... 30
Lampiran 5 Sertifikat Magang ... 31