APLIKASI PENDATAAN ANAK MAGANG
DI DINAS PERUMAHAN DAN KAWASAN PERMUKIMAN PROVINSI SUMATERA SELATAN BERBASIS WEB
Laporan Akhir
Disusun Sebagai Salah Satu Syarat Menyelesaikan Pendidikan Diploma III
Pada Jurusan Manajemen Informatika Program Studi DIII Manajemen Informatika
Oleh:
Hanny Juanika 061930800193
POLITEKNIK NEGERI SRIWIJAYA PALEMBANG
2022
PoliteknikNegeriSriwijaya
BAB I Pendahuluan PoliteknikNegeriSriwijaya
iii
KATA PENGANTAR
Puji dan syukur kehadirat Tuhan Yang Maha Esa atas berkat dan rahmatnya dapat menyelesaikan Laporan Akhir di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan.
Laporan berjudul “Aplikasi Pendataan Anak Magang di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan Berbasis Web” ini dibuat sebagai syarat pemenuhan mata kuliah Laporan Akhir.
Dalam penyusunan laporan ini, tentu penulis tidak terlepas dari bimbingan dari berbagai pihak. Untuk itu penulis mengucapkan rasa hormat dan terima kasih kepada seluruh pihak yang telah membantu.
1) Ibu Dr. Indri Ariyanti, SE.,M.Si selaku Ketua Jurusan Manajemen Informatika, 2) Ibu Henny Madora, S.Kom.,MM. selaku Dosen Pembimbing I Laporan Akhir
Manajemen Informatika,
3) Ibu Nita Novita, SE.,MM selaku Dosen Pembimbing II Laporan Akhir Manajemen Informatika,
4) Bapak Ir. Basyaruddin Akhmad, M.Sc selaku Kepala Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
5) Bapak Ir. Hendrian, MT selaku Kepala Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
6) Ibu Vivi Purnamasari, ST selaku Kepala Seksi Pengelolaan Data dan Pelayanan Informasi Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
7) Ibu Budi Indah Hapsari, ST., MT selaku Kepala Seksi Jasa Konstruksi Bidang
UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B)
dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi
Sumatera Selatan,
PoliteknikNegeriSriwijaya
8) Ibu Ravika Devi, ST., MT selaku Staf Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
9) Achmad Fachron Walidaya, Amd selaku Tim Media Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
10) M. Akbar Romadoni, S.Sos selaku Tim Media Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
11) Resky Aprizi S.I.Kom selaku Tim Media Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
12) Afif Ahmad Nauval S.Tr.kom selaku Tim Media Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
13) Seluruh karyawan/staf Bidang UPTD Pusat Informasi Pengembangan Permukiman dan Bangunan (PIP2B) dan Jasa Konstruksi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan,
14) Seluruh karyawan/staf Sub Bagian Umum dan Kepegawaian,
15) Seluruh karyawan/staf Sub Bagian Perencanaan Evaluasi dan Pelaporan, 16) Seluruh karyawan/staf Sub Bagian Keuangan,
17) Seluruh karyawan/staf Bidang Sarana dan Prasarana Air Minum dan Penyehatan Lingkungan Permukiman,
18) Seluruh karyawan/staf Bidang Pengembangan Kawasan Permukiman, 19) Seluruh karyawan/staf Bidang Penataan Bangunan dan Lingkungan, 20) Seluruh karyawan/staf Bidang Perumahan,
21) Orang Tua dan keluarga tercinta yang selalu memberikan dukungan dan
bantuan positif baik secara moral maupun materi dalam kegiatan Laporan
Akhir ini berlangsung,
BAB I Pendahuluan PoliteknikNegeriSriwijaya
v
22) Teman-teman Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya Angkatan 2019 yang selalu memberikan semangat dan perhatian yang sangat besar kepada penulis selama dalam pelaksanaan kegiatan Laporan Akhir ini, 23) Teman-teman di Disperkim yang selalu memberikan semangat dan perhatian
yang sangat besar kepada penulis selama dalam pelaksanaan kegiatan Laporan Akhir ini.
Pada laporan ini masih banyak kemungkinan adanya kekurangan yang harus di perbaiki. Kritik dan saran yang diberikan akan membantu dalam pembuatan laporan selanjutnya sehingga dapat menjadi lebih baik lagi. Semoga laporan akhir di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan dapat menambah ilmu dan wawasan bagi pembaca.
Palembang, 2022 Hormat Kami,
Penulis
PoliteknikNegeriSriwijaya
ABSTRAK
Judul laporan akhir ini adalah “Aplikasi Pendataan Anak Magang di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan Berbasis Web”.
Latar belakang judul ini dibuat karena adanya masalah yang terjadi di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan, dikarenakan setiap tahunnya banyak sekali para anak magang yang ingin atau pun yang sudah magang di Dinas Perumahaan dan Kawasan Permukiman. Namun, departemen tersebut masih menggunakan sistem manual yaitu anak magang harus datang dan menyerahkan data pendaftaran mereka. Hal ini membuat pekerjaan lebih lama dikarenakan harus dikerjakan secara menual, apalagi banyak tugas lain yang harus dikerjakan. Solusi dari masalah ini yakni dengan dibuatnya aplikasi dengan metode pengembangan sistem yaitu metode Waterfall. Proses yang digunakan untuk mendesain website ini adalah membuat rancangan dengan menggunakan Data Flow Diagram (DFD) dan menggunakan PHP sebagai bahasa pemrograman serta database PHPMyAdmin. Hal ini akan mempermudah dalam pengelolaan dan pencarian data serta bisa mengimbangi kemajuan teknologi yang dapat mempermudah pekerjaan.
Kata Kunci : Aplikasi, Pendataan.
BAB I Pendahuluan PoliteknikNegeriSriwijaya
vii
ABSTRACT
The title of this final report is "Web-Based Application for Data Collection for Apprentices at the Department of Housing and Settlement Areas of South Sumatra Province". The background of this title was made because of the problems that occurred in the Department of Housing and Settlement Areas of South Sumatra Province, because every year there were so many apprentices who wanted or had apprenticed at the Department of Housing and Settlement Areas. However, the department still uses a manual system where interns have to come and submit their registration data. This makes the work take longer because it has to be done manually, let alone many other tasks that must be done. The solution to this problem is by making an application with the system development method, namely the Waterfall method. The process used to design this website is to create a design using Data Flow Diagrams (DFD) and using PHP as a programming language and PHPMyAdmin database. This will make it easier to manage and search data and can improve technological advances that can make work easier.
Keywords: Application, Data Collection.
PoliteknikNegeriSriwijaya
MOTTO DAN PERSEMBAHAN
Motto HannyJuanika
“Dan barang-siapa yang bertakwa kepada Allah, niscaya Allah menjadikan baginya kemudahan dalam urusannya.”
(Q.SAt-Talaq:4)
Kami persembahkan untuk
1) Kedua Orang Tua dan Keluarga Besar 2) Diri Sendiri
3) Keluarga Besar Dinas Perumahan dan Kawasan Permukiman Prov. Sumsel
4) Almamater Kebanggaan
5) Jurusan Manajemen Informatika
6) Teman-Teman Seperjuangan Kelas 6IB
BAB I Pendahuluan PoliteknikNegeriSriwijaya
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
LEMBAR PENGESAHAN LAPORAN AKHIR ... ii
KATA PENGANTAR... iii
ABSTRAK ... vi
ABSTRACT ... vii
MOTTO DAN PERSEMBAHAN ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xv
DAFTAR GAMBAR ... xvi
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah ... 3
1.4 Tujuan dan Manfaat ... 3
1.4.1 Tujuan ... 3
1.4.2 Manfaat ... 4
1.5 Metodologi Penelitian ... 4
1.5.1 Lokasi Penelitian ... 4
1.5.2 Teknik Pengumpulan Data ... 4
1.6 Sistematika Penulisan Laporan ... 6
BAB II TINJAUAN PUSTAKA... 7
2.1 Teori Umum ... 7
PoliteknikNegeriSriwijaya
2.1.1 Pengertian Komputer ... 7
2.1.2 Pengertian Perangkat Lunak ... 7
2.1.3 Pengertian Data ... 8
2.1.4 Pengertian Basis Data ... 8
2.2 Teori Khusus ... 9
2.2.1 Pengertian Diagram Konteks ... 9
2.2.2 Pengertian Internet ... 9
2.2.3 Pengertian DFD (Data Flow Diagram) ... 10
2.2.4 Pengertian Flowchart ... 11
2.2.5 Pengertian ERD (Entity Relationship Diagram) ... 14
2.3 Pengertian Aplikasi ... 15
2.3.1 Aplikasi ... 15
2.3.2 Pendataan ... 15
2.3.3 Anak Magang ... 15
2.3.4 Web ... 16
2.3.5 Aplikasi Pendataan Anak Magang Di Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan Berbasis Web ... 16
2.4 Teori Program ... 17
2.4.1 Pengertian PHP ... 17
2.4.2 Pengertian CSS ... 17
2.4.3 Pengertian XAMPP ... 18
2.4.4 Pengertian Php MyAdmin ... 18
2.4.5 Pengertian HTML ... 18
2.4.6 Pengertian Sublime Text ... 19
2.4.7 Pengertian MySQL ... 19
BAB I Pendahuluan PoliteknikNegeriSriwijaya
xi
2.5 Penelitian Dahulu ... 20
BAB III GAMBARAN UMUM INSTANSI ... 24
2.1 Profil Instansi ... 24
2.2 Visi dan Misi ... 26
2.2.1 Visi ... 26
2.2.2 Misi ... 27
2.2.3 Nilai-Nilai... 27
2.2.4 Logo ... 28
2.3 Struktur Organisasi ... 29
BAB IV HASIL DAN PEMBAHASAN ... 45
4.1 Analisis Kebutuhan Perangkat Lunak ... 45
4.1.1 Penyelidikan Awal ... 45
4.1.2 Prosedur Sistem yang akan Diterapkan ... 46
4.1.3 Studi Kelayakan ... 46
4.1.4 Tempat dan Waktu Penelitian ... 48
4.1.5 Alat dan Bahan ... 48
4.1.5.1 Alat ... 48
4.1.5.2 Bahan ... 49
4.1.6 Kebutuhan Fungsional ... 50
4.1.7 Kebutuhan Non-Fungsional ... 50
4.2 Desain Sistem ... 51
4.2.1 Diagram Konteks ... 51
4.2.2 Data Flow Diagram (DFD) Level 0 ...53
4.2.3 Blockhart ... 54
4.2.4 Flowchart Diagram ... 55
4.2.5 Entity Relationship Diagram (ERD) ... 58
4.2.6 Kamus Data ... 59
PoliteknikNegeriSriwijaya
4.2.7 Struktur Tabel ... 60
4.4 Rancangan Program... 63
4.3.1 Desain Halaman Login ... 63
4.3.2 Desain Halaman Register Pendaftar ... 64
4.3.3 Desain Halaman Dasboard Pengajuan ... 65
4.3.4 Desain Halaman Admin Profil (Visi Misi) ... 65
4.3.5 Desain Halaman Admin Profil (Tugas & Fungsi) ... 66
4.3.6 Desain Halaman Admin Profil (Kontak) ... 66
4.3.7 Desain Halaman Admin Profil (Bidang) ... 67
4.3.8 Desain Halaman Admin Laporan Magang (Histori Anak Magang) .... 67
4.3.9 Desain Halaman Admin Laporan Magang (Sedang Magang) ... 68
4.3.10 Desain Halaman Admin Laporan Magang (DiTolak Magang) ... 68
4.3.11 Desain Halaman Admin User Managemnt (Kelola User Karyawan) ... 69
4.3.12 Desain Halaman Dasboard Karyawan ... 69
4.3.13 Desain Halaman Karyawan Profil (Visi Misi) ... 70
4.3.14 Desain Halaman Karyawan Profil (Tugas dan Fungsi) ... 70
4.3.15 Desain Halaman Karyawan Profil (Kontak) ... 71
4.3.16 Desain Halaman Karyawan Profil (Bidang) ... 71
4.3.17 Desain Halaman Karyawan Laporan Magang (Histori Anak Magang) ... 72
4.3.18 Desain Halaman Karyawan Laporan Magang (Sedang Magang) ... 72
4.3.19 Desain Halaman Karyawan Laporan Magang (DiTolak Magang) ... 73
4.3.20 Desain Halaman Pendaftar Form Pendaftaran ... 73
4.3.21 Desain Halaman Pendaftar Form Pendaftaran ... 74
4.3.22 Desain Halaman Pendaftar Profil (visi misi) ... 74
4.3.23 Desain Halaman Pendaftar Profil (Tugas dan Fungsi) ... 75
BAB I Pendahuluan PoliteknikNegeriSriwijaya
xiii
4.3.24 Desain Halaman Pendaftar Profil (Kontak) ... 75
4.4 Hasil Tampilan Sistem ...76
4.4.1 Tampilan Halaman Login ...76
4.4.2
Tampilan Halaman Register Pendaftar ... 774.4.3 Tampilan Halaman Dasboard Pengajuan ...78
4.4.4 Tampilan Halaman Admin Profil (Visi Misi) ...78
4.4.5 Tampilan Halaman Admin Profil (Tugas & Fungsi) ...79
4.4.6 Tampilan Halaman Admin Profil (Kontak) ...79
4.4.7 Tampilan Halaman Admin Profil (Bidang) ...80
4.4.8
Tampilan Halaman Admin Laporan Magang (Histori Anak Magang)...80
4.4.9
Tampilan Halaman Admin Laporan Magang (Sedang Magang)...81
4.4.10
Tampilan Halaman Admin Laporan Magang (DiTolak Magang)...81
4.4.11
Tampilan Halaman Admin User Managemnt (Kelola User Karyawan)...82
4.4.12 Tampilan Halaman Dasboard Karyawan ...82
4.4.13 Tampilan Halaman Karyawan Profil (Visi Misi) ...83
4.4.14 Tampilan Halaman Karyawan Profil (Tugas dan Fungsi) ...83
4.4.15 Tampilan Halaman Karyawan Profil (Kontak) ...84
4.4.16 Tampilan Halaman Karyawan Profil (Bidang) ...84
4.4.17
Tampilan Halaman Karyawan Laporan Magang (Histori Anak Magang)...85
4.4.18
Tampilan Halaman Karyawan Laporan Magang (Sedang Magang)..85
4.4.19
Tampilan Halaman Karyawan Laporan Magang (DiTolak Magang)...86
4.4.20 Tampilan Halaman Pendaftar Form Pendaftaran ...86
4.4.21 Tampilan Halaman Pendaftar Pengumuman ...87
PoliteknikNegeriSriwijaya
4.4.22 Tampilan Halaman Pendaftar Profil (visi misi) ...87
4.4.23 Tampilan Halaman Pendaftar Profil (Tugas dan Fungsi) ...88
4.4.24 Tampilan Halaman Pendaftar Profil (Kontak) ...88
BAB V KESIMPULAN DAN SARAN ...89
5.1 Kesimpulan ...89
5.2 Saran ...89 DAFTAR PUSTAKA
LAMPIRAN
BAB I Pendahuluan PoliteknikNegeriSriwijaya
xv
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol Data Flow Diagram ... 10
Tabel 2.2 Simbol Umum Flowchart ... 11
Tabel 3.3 Simbol-simbol Entity Relationship Diagram (ERD) ... 14
Tabel 4.1 Studi Kelayakan Sistem ... 47
Tabel 4.2 Tabel Users ... 60
Tabel 4.3 Tabel opd (karyawan) ... 61
Tabel 4.4 Tabel Bidang... 61
Tabel 4.5 Tabel Anak Magang ... 61
PoliteknikNegeriSriwijaya
DAFTAR GAMBAR
Halaman
Gambar 3.1 Logo Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera
Selatan ... 28
Gambar 3.2 Struktur Organisasi Dinas Perumahan dan Kawasan Permukiman Provinsi Sumatera Selatan ... 29
Gambar 3.3 Sistem Yang Sedang Berjalan ... 43
Gambar 4.1 Diagram Konteks ... 51
Gambar 4.2 Data Flow Diagram (DFD) Level 0 ... 53
Gambar 4.3 Blockchart ... 54
Gambar 4.4 Flowchart Admin ... 55
Gambar 4.5 Flowchart Karyawan ... 56
Gambar 4.6 Flowchart Pendaftar ... 57
Gambar 4.7 Entity Relationship Diagram (ERD) ... 58
Gambar 4.8 Desain Halaman Login ... 63
Gambar 4.9 Desain Halaman Register Pendaftar ... 64
Gambar 4.10 Desain Halaman DasboardPengajuan ... 65
Gambar 4.11 Admin Profil (Visi & Misi) ... 65
Gambar 4.12 Admin Profil (Tugas dan Fungsi) ... 66
Gambar 4.13 Desain Halaman Admin Profil (Kontak)... 66
Gambar 4.14 Desain Halaman Admin Profil (Bidang) ... 67
Gambar 4.15 Desain Halaman Admin Laporan Magang (Histori Anak Magang) ... 67
Gambar 4.16 Desain Halaman Admin Laporan Magang (Sedang Magang) ... 68
Gambar 4.17 Desain Halaman Admin Laporan Magang (DiTolak Magang) ... 68
Gambar 4.18 Desain Halaman Admin Laporan Magang (DiTolak Magang) ... 69
Gambar 4.19 Desain Halaman Dasboard Karyawan ... 69
BAB I Pendahuluan PoliteknikNegeriSriwijaya
xvii
Gambar 4.20 Desain Halaman Karyawan Profil (Visi Misi) ... 70
Gambar 4.21 Desain Halaman Karyawan Profil (Tugas dan Fungsi)... 70
Gambar 4.22 Desain Halaman Karyawan Profil (Kontak) ... 71
Gambar 4.23 Desain Halaman Karyawan Profil (Bidang) ... 71
Gambar 4.24 Desain Halaman Karyawan Laporan Magang (Histori Anak Magang) .... 72
Gambar 4.25 Desain Halaman Karyawan Laporan Magang (Sedang Magang) ... 72
Gambar 4.26 Desain Halaman Karyawan Laporan Magang (DiTolak Magang) ... 73
Gambar 4.27 Desain Halaman Pendaftar Form Pendaftaran ... 73
Gambar 4.28 Desain Halaman Pendaftar Pengumuman ... 74
Gambar 4.29 Desain Halaman Pendaftar Profil (visi misi) ... 74
Gambar 4.30 Desain Halaman Pendaftar Profil (Tugas dan Fungsi) ... 75
Gambar 4.31 Desain Halaman Pendaftar Profil (Kontak)... 75
Gambar 4.32
Desain Halaman Login
... 76Gambar 4.33 Desain Halaman Register Pendaftar ... 77
Gambar 4.34 Tampilan Halaman Dashboard Pengajuan ... 78
Gambar 4.35 Tampilan Halaman Admin Profil (Visi Misi) ... 78
Gambar 4.36 Tampilan Halaman Admin Profil (Tugas Fungsi) ... 79
Gambar 4.37 Tampilan Halaman Admin Profil (Kontak)... 79
Gambar 4.38 Tampilan Halaman Admin Profil (Bidang) ... 80
Gambar 4.39 Tampilan Halaman Admin Laporan Magang (Histori Anak Magang) ... 80
Gambar 4.40 Tampilan Halaman Admin Laporan Magang (Sedang Magang)... 81
Gambar 4.41 Tampilan Halaman Admin Laporan Magang (DiTolak Magang) ... 81
Gambar 4.42 Tampilan Halaman Admin User Managemnt (Kelola User Karyawan) ... 82
Gambar 4.43 Tampilan Halaman Dasboard Karyawan ... 82
Gambar 4.44 Tampilan Halaman Karyawan Profil (Visi Misi) ... 83
PoliteknikNegeriSriwijaya
Gambar 4.45 Tampilan Halaman Karyawan Profil (Tugas dan Fungsi)... 83
Gambar 4.46 Tampilan Halaman Karyawan Profil (Kontak) ... 84
Gambar 4.47 Tampilan Halaman Karyawan Profil (Bidang) ... 84
Gambar 4.48 Tampilan Halaman Karyawan Laporan Magang (Histori Anak Magang) 85 Gambar 4.49 Tampilan Halaman Karyawan Laporan Magang (Sedang Magang) ... 85
Gambar 4.50 Tampilan Halaman Karyawan Laporan Magang (DiTolak Magang) ... 86
Gambar 4.51 Tampilan Halaman Pendaftar Form Pendaftaran ... 86
Gambar 4.52 Tampilan Halaman Pendaftar Pengumuman ... 87
Gambar 4.53 Tampilan Halaman Pendaftar Profil (visi misi) ... 87
Gambar 4.54 Tampilan Halaman Pendaftar Profil (Tugas dan Fungsi)... 88
Gambar 4.55 Tampilan Halaman Pendaftar Profil (Kontak) ... 88
