LAPORAN PROGRAM MAGANG INDUSTRI DI DINAS

KOMUNIKASI INFORMATIKA DAN STATISTIK

SEBAGAI FRONT END WEB DEVELOPER
KOTA CIREBON

diajukan untuk memenuhi sebagian persyaratan

Mata Kuliah Program Magang Industri
Program Studi D3 Teknik Informatika

Oleh:
DARSINI
NIM 1903007

JURUSAN TEKNIK INFORMATIKA

POLITEKNIK NEGERI INDRAMAYU
2021
ii
 HALAMAN PENGESAHAN

LAPORAN PROGRAM MAGANG INDUSTRI DI DINAS

KOMUNIKASI, INFORMATIKA DAN STATISTIK
SEBAGAI FRONT END WEB DEVELOPER
KOTA CIREBON

Oleh :
Darsini (NIM 1903007)

telah disetujui untuk memenuhi sebagian persyaratan

Mata Kuliah Program Magang Industri (PMI)
Program Studi D3 Teknik Informatika

Menyetujui,

iii
 PERNYATAAN KEASLIAN

Saya menyatakan dengan sesungguhnya bahwa Laporan PMI ini adalah asli
hasil karya saya sendiri, dan sepanjang pengetahuan saya tidak terdapat karya atau
pendapat yang pernah ditulis atau dipublikasikan oleh orang lain, kecuali yang
secara tertulis disebutkan sumbernya dalam naskah dan dalam daftar pustaka.

Indramayu, Desember 2021

Yang menyatakan,

Darsini
NIM 1903007

iv
 KATA PENGANTAR

Alhamdulillah, puji syukur kehadirat Allah SWT yang telah memberikan

rahmat dan inayah-Nya sehingga dapat diberi kesempatan untuk melaksanakan
Program Magang Industri (PMI) sampai saat penyusunan laporan ini dibuat.
Dalam kesempatan kali ini, banyak mengucapkan terimakasih atas dukungan
dan kerjasama dari pihak-pihak yang telah membantu dalam pelaksanaan PMI dan
penyusunan laporan PMI, pada pembuatan laporan ini juga menyampaikan rasa
terimakasih kepada:
1. Bapak Iryanto, S.Si., M.Si selaku Ketua Jurusan Teknik Informatika
Politeknik Negeri Indramayu.
2. Bapak Kurnia Adi Cahyanto, S.T., M.Kom sekalu koodinator Program Magang
Industri Jurusan Teknik Informatika.
3. Bapak Fachrul Pralienka Bani Muhamad, S.ST., M.Kom selaku Pembimbing
Industri.
4. Bapak Iid Anwar Hidayat, S.Kom., M.Si selaku Kepala Seksi Pengembangan
Aplikasi Dinas Komunikasi Informatika dan statistik (DKIS) Kota Cirebon
yang telah diterima dengan hangat.
Terimakasih kepada teman-teman seperjuangan yang telah mendukung
sehingga laporan ini dapat selesai tepat waktu. Permintaan maaf juga tidak lupa
jika penulisan laporan PMI masih jauh dari kata sempurna baik dari segi
penyusunan, bahasa, maupun penulisannya. Oleh karena itu, dibutuhkan kritik dan
saran yang membangun guna menjadi acuan agar bisa menjadi lebih baik lagi di
masa mendatang.
Semoga laporan PMI ini bisa menambah wawasan para pembaca dan bisa
bermanfaat untuk perkembangan maupun peningkatan ilmu pengetahuan.

Indramayu, Desember 2021

Penulis

v
 DAFTAR ISI

HALAMAN PENGESAHAN .......................................................................... iii

PERNYATAAN KEASLIAN .......................................................................... iv
KATA PENGANTAR ...................................................................................... v
DAFTAR ISI ..................................................................................................... vi
DAFTAR GAMBAR ........................................................................................ vii
DAFTAR LAMPIRAN .................................................................................... viii
BAB I PENDAHULUAN ................................................................................. 1
1.1. Latar Belakang PMI.............................................................................. 1
1.2. Tujuan dan Manfaat PMI ..................................................................... 2
1.3. Ruang Lingkup PMI ............................................................................ 3
BAB II TINJAUAN UMUM INDUSTRI ....................................................... 4
2.1. Profil Instansi ....................................................................................... 4
2.1.1. Visi ............................................................................................ 4
2.1.2. Misi ........................................................................................... 4
2.2. Struktur ................................................................................................. 5
2.2.1. Unsur Organisasi ........................................................................ 5
2.2.2. Susunan ...................................................................................... 5
BAB III KEGIATAN MAGANG ................................................................... 6
3.1. Orientasi Industri .................................................................................. 7
3.2. Pembuatan UI Aplikasi Tanda tangan Elektronik .............................. 10
3.3. Pembuatan UI Aplikasi Pelayanan E-Goverment ................................ 11
BAB IV PENUTUP .......................................................................................... 17
4.1. Kesimpulan........................................................................................... 17
4.2. Saran .................................................................................................... 17
DAFTAR PUSTAKA ....................................................................................... 18
LAMPIRAN ...................................................................................................... 19

vi
 DAFTAR GAMBAR

Gambar 2.1. Logo Dinas Komunikasi, Informatika dan Statistik........................25

Gambar 3.1 Screenshot Halaman Form Pengajuan Ulang...................................10

Gambar 3.2 Screenshot Sidebar Admin................................................................11

Gambar 3.3 Screenshot Dashboard......................................................................12

Gambar 3.4 Screenshot Halaman Profil Admin....................................................13

Gambar 3.5 Screenshot Form Informasi Admin...................................................13

Gambar 3.6 Screenshot Halaman Daftar Layanan...............................................14

Gambar 3.7 Screenshot Halaman Data Operator.................................................15

Gambar 3.8 Screenshot Halaman Daftar Permohonan.........................................16

Gambar 3.9 Screenshot Halaman Detail Permohonan.........................................16

Gambar 3.10 Screenshot Arsip Permohonan........................................................17

Gambar 3.11 Screenshot Rekap Permohonan......................................................18

vii
 DAFTAR LAMPIRAN

LAMPIRAN 1. FORM DAFTAR HADIR MAHASISWA

LAMPIRAN 2. FORM LAPORAN KEGIATAN
LAMPIRAN 3. FORM PENILAIAN INDUSTRI
LAMPIRAN 4. FORM PENILAIAN SEMINAR PMI
LAMPIRAN 5. FORM PENILAIAN LAPORAN PMI
LAMPIRAN 6. FORM REKAPITULASI PENILAIAN PMI
LAMPIRAN 7. SURAT PERNYATAAN MAHASISWA PMI
LAMPIRAN 8. FORM DAFTAR HADIR SEMINAR

viii
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Pengaruh teknologi informasi begitu besar dalam berbagai kehidupan, baik
secara individual maupun instansi atau perusahaan. Untuk itu selain mendapatkan
berbagai teori di bangku pendidikan formal, maka diperlukan juga adanya
pengalaman kerja di lapangan seperti di industri-industri yang berkaitan dengan
bidang studi yang dipelajari di bangku kuliah.
Program Magang Industri (PMI) merupakan mata kuliah untuk semua
program studi baik D3 maupun Sarjana Terapan di Politeknik Negeri Indramayu
(POLINDRA). Pada pelaksanaan PMI terdapat muatan-muatan yang bertujuan
untuk menyelaraskan kompetensi mahasiswa dengan kebutuhan industri,
Pelaksanaan PMI berdurasi sekitar 6 bulan (ekuivalen dengan 1 semester kuliah
terstruktur).
Tujuan dari dilaksanakannya Program Magang Industri ini adalah selain
sebagai kewajiban mahasiswa untuk memenuhi Sistem Kredit Semester (SKS)
yang ada di Politeknik Negeri Indramayu. Program Magang Industri ini
merupakan salah satu syarat kelulusan mata kuliah PMI di jurusan Teknik
Informatika. Dengan adanya Program Magang Industri mahasiswa diberikan
kesempatan untuk dapat mengembangkan ide serta pola pikir mereka, sehingga
dapat menumbuhkan sikap yang mandiri, disiplin, bertanggung jawab atas
perkerjaan yang telah diberikan dan juga menumbuhkan sikap inisiatif terhadap
diri sendiri. Oleh sebab itu, semua materi yang telah dipelajari dan diterapakan di
Jurusan Teknik Informatika Politeknik Negeri Indramayu program Diploma 3
dapat diterapkan secara langsung di dunia industri terutama yang sesuai dengan
bidang keahlian teknik informatika. Banyak pelajaran baru yang didapatkan dari
dunia industri yang tidak didapatkan di materi perkuliahan di Jurusan Teknik
Informatika dan sehubungan dengan itu akan dibahas dalam Judul “Kegiatan
Program Magang Industri di Dinas Komunikasi Informatika dan Statistik Kota
Cirebon”.

1
1.2. Tujuan dan Manfaat Program Magang Industri
1.2.1 Tujuan
PMI adalah salah satu syarat untuk menyelesaikan pendidikan Diploma 3 di
Jurusan Teknik Informatika Politeknik Negeri Indramayu (POLINDRA), yang
memiliki maksud yaitu :
1. Memberikan pengalaman tentang kondisi Industri secara nyata, sehingga
menambah wawasan, memperluas pengetahuan, mengasah keterampilan
dan bakat mahasiswa tentang bidang kompetensinya dan dunia kerja yang
nyata.
2. Meningkatkan kemampuan beradaptasi, komunikasi dan bekerja sama
bersama tim atau kelompok dalam menyelesaikan sebuah projek atau tugas
yang diberikan oleh perusahaan.
3. Meningkatkan kemampuan dalam hal bertanggung jawab untuk
menyelesaikan suatu masalah ataupun tugas yang telah diberikan oleh
perusahaan kepada diri sendiri.
4. Mengenal teknologi terkini yang sedang ramai digunakan didunia Industri.
5. Program Magang Industri juga bertujuan untuk menjalin kerja sama yang
baik antara pihak kampus dengan Industri.
1.2.2 Manfaat
Adapun manfaat dari pelaksanaan PMI yaitu sebagai berikut:
1. Mengetahui dan mengenali spesifikasi kebutuhan pekerjaan di Industri,
2. Membekali diri dalam menghadapi dunia kerja setelah menyelesaikan
studi di POLINDRA,
3. Mengetahui secara langsung bagaimana mengimplementasikan teknologi
terapan di Industri.
4. Memahami tata kelola suatu Industri.
5. Mengalami interaksi kerja dengan karyawan Industri dari berbagai
tingkatan untuk meningkatkan kemampuan interpersonal mahasiswa.

1.3. Ruang Lingkup Program Magang Industri

PMI adalah suatu sarana latihan operasi di mana seseorang ditempatkan pada

3
lingkungan kerja sesungguhnya untuk mengembangkan keterampilan, sikap dan
tanggung jawab dalam melaksanakan tugas serta menerapkan ilmu yang diperoleh
selama masa perkuliahan dan merealisasikan dalam pekerjaan.
PMI merupakan langkah awal sebagai alat perkenalan mahasiswa pada dunia
kerja, karena dengan adanya PMI para mahasiswa tidak akan merasa canggung
lagi pada saat bekerja, juga akan dapat meningkatkan kemampuan, keterampilan,
tanggung jawab dan profesionalisme dalam pekerjaan.

4
 BAB II
TINJAUAN UMUM INDUSTRI

2.1. Profil Industri

Dinas Komunikasi Informatika dan Statistik Kota Cirebon dibentuk
berdasarkan Peraturan Pemerintah No. 7 tahun 2016 tentang Organisasi Perangkat
Daerah Kota Cirebon. Dinas Komunikasi Informatika dan Statistik yang
selanjutnya disingkat DKIS, dalam melaksanakan tugasnya berada langsung
dibawah dan bertanggung jawab kepada Wali Kota melalui Sekretaris Daerah.
Logo DKIS Kota Cirebon dapat dilihat pada Gambar 2.1.

Gambar 2.1. Logo Dinas Komunikasi, Informatika dan Statistik

2.1.1. Visi
DKIS Kota Cirebon memiliki visi yaitu Terwujudnya Pelayanan Komunikasi,
Informatika dan Statistik yang patuh menuju Kota Cirebon yang ramah.
Pelayanan yang diharapkan adalah pelayanan yang PATUH merupakan
kepanjangan dari Profesional, Akuntabel, Transparan, Utama dan Handal di
bidang Komunikasi, bidang Informatika dan bidang Statistik serta pelayanan
administrasi.
2.1.2. Misi

4
 Dengan visi yang sudah disebutkan, DKIS Kota Cirebon mempunyai
beberapa misi untuk mewujudkan visinya. Informasi ini dapatkan dari pedoman
SOP DKIS Kota Cirebon. Misi dari DKIS Kota Cirebon adalah sebagai berikut:

4
1. Terwujudnya hubungan pemerintah dan masyarakat yang harmonis.
2. Terwujudnya penataan sistem manajemen dan proses kinerja di lingkungan
pemerintah kota dengan mengoptimalkan pemanfaatan teknologi informasi.
3. Tersedianya sarana penunjang administrasi perkantoran serta sarana dan
prasarana aparatur yang memadai.
4. Meningkatnya SDM Dinas Komunikasi, Informatika dan Statistik yang
professional dan berwibawa.
5. Meningkatnya standar kompetensi administrasi pemerintah.

2.2. Struktur
Berdasarkan hasil penelusuran website resmi Dinas Komunikasi Informatika
dan Statistik Kota Cirebon susunan organisasi dan tata kerja sebagai berikut :

Gambar 2.2 Struktur Organisasi Dinas Komunikasi Informatika dan Statisti

5
2.2.1 Unsur Organisasi
Unsur Organisasi Badan terdiri dari :
1. Unsur pimpinan adalah Kepala Dinas;
2. Unsur staf adalah Sekretaris;
3. Pembantu unsur staf adalah Kepala Sub Bagian;
4. Unsur lini adalah Kepala Bidang;
5. Pembantu unsur lini adalah kepala Seksi;
6. UPT; dan
7. Pelaksana teknis operasional dan/atau administrasi adalah kelompok
Jabatan Fungsional dan jabatan pelaksana.
2.2.2 Susunan Organisasi
Susunan Organisasi Dinas Komunikasi Informatika dan Statistik Kota Cirebon
terdiri dari :
1. Kepala Dinas;
2. Sekretariat, terdiri dari :
- Sub Bagian Umum;
- Sub Bagian Program dan Pelaporan; dan
- Sub Bagian Keuangan.
3. Bidang Pengelolaan Informasi Publik, terdiri dari:
- Seksi Pengelolaan Opini Publik;
- Seksi Pengelolaan Informasi Publik; dan
- Seksi Layanan Informasi Publik.
4. Bidang Pengelolaan Komunikasi Publik, terdiri dari :
- Seksi Pengelolaan Media Komunikasi Publik;
- Seksi Hubungan Media; dan
- Seksi Sumber Daya Komunikasi Publik.
5. Bidang Teknologi Informasi dan Komunikasi, terdiri dari :
- Seksi Infrastruktur dan Teknologi;
- Seksi Pengelolaan Data dan Integrasi Sistem Informasi; dan
- Seksi Keamanan Informasi E-Government.
6. Bidang Layanan E-Government, terdiri dari :
- Seksi Pengembangan Aplikasi;

6
 - Seksi Pengembangan Ekosistem E-Government; dan
- Seksi Tata Kelola E-Government.
7. Bidang Statistik Sektoral dan Persandian, terdiri dari:
- Seksi Pendataan dan Pengolahan Data Statistik Sektoral;
- Seksi Analisis dan Kemitraan Statistik Sektoral; dan
- Seksi Dukungan dan Layanan Operasional Persandian.
8. UPT; dan
9. Kelompok Jabatan Fungsional.

7
 BAB III
KEGIATAN MAGANG

3.1. Orientasi Industri

Kegiatan awal Program Magang Industri (PMI) adalah melaksanakan
diskusi penugasan bersama pembimbing industri. Dalam diskusi ini, pembimbing
industri membahas mengenai orientasi industri. Menurut beliau, Dinas
Komunikasi, Informatika Dan Statistik (DKIS) Kota Cirebon ini juga mempunyai
bagian khusus yaitu bagian E-Government untuk kegiatan pembuatan aplikasi
berbasis web maupun mobile, pengembangan aplikasi dan juga pengetesan
aplikasi.

3.2. Pembuatan Tampilan Aplikasi Tanda Tangan Ektronik

Web Tanda Tangan Elektronik adalah Web yang dibuat khusus bagi pegawai
Dinas Komunikasui Informatika dan Statistik Kota Cirebon untuk melakukan
pengajuan surat rekomendasi penerbitan Sertifikat Elektronik, karena sertifikat
tersebut membutuhkan tanda tangan dari kepala bidang sebagai legalitas maka
dibuatkan aplikasi ini untuk memudahkan para pegawai mengajukan penerbitan
sertifikat. Proyek ini dibuat dengan bahasa pemrograman PHP, framework
Codeigniter, basis data API dan Database MYSQL, Bootstrap, library jQuery,
DataTables. Codeigniter adalah salah satu Framework PHP yang paling
populer dan paling banyak digunakan di seluruh dunia dalam membangun aplikasi
web mulai dari proyek kecil hingga besar. Pada pembuatan proyek ini pekerjaan
yang ditugaskan adalah sebagai Frontend web developer orang yang berperan
mengembangkan tampilan situs atau aplikasi melalui HTML, CSS, dan JavaScrip.
Tampilan yang dikerjakan yaitu Form Pengajuan Permohonan Ulang.
A. Pembuatan Tampilan Form Pengajuan Permohonan Ulang
Pada Pembuatan Tampilan Form Pengajuan Permohonan Ulang yaitu jika ada
data yang tidak sesuai dan pengajuan ditolak oleh admin maka pegawai harus
mengajukan ulang atau mengubah data pengajuan yang sesuai. Tampilan form
pengajuan ulang dibuat memunculkan foto KTP dan swafoto supaya pengguna
lebih detail dalam melampirkan foto KTP dan swafoto seperti pada Gambar 3.1.

9
 Gambar 3.1 Screenshot Halaman Form Pengajuan Ulang

3.3. Pembuatan UI Aplikasi Pelayanan E-Government

Web Layanan DKIS Kota Cirebon adalah sebuah web untuk memfasilitasi
pengguna ketika ingin mengajukan permohonan layanan yang ada pada DKIS
Kota Cirebon seperti:
1. Layanan Pembuatan Aplikasi.
2. Layanan Bimbingan Teknis Atau Pelatihan.
Permohonan diatas bisa dilakukan oleh industri lain maupun pegawai
DKIS itu sendiri. Aplikasi ini direncanakan akan dibuat lebih kompleks dengan
berbagai layanan, maka dari itu team ditugaskan membuat web ini sebagai
langkah awal pegawai DKIS untuk mewujudkan Web Layanan DKIS Kota
Cirebon. Proyek ini dibuat dengan bahasa pemrograman PHP, framework
Codeigniter, basis data API dan Database MYSQL, Bootstrap, library jQuery,
DataTables. Codeigniter adalah salah satu Framework PHP yang paling
populer dan paling banyak digunakan di seluruh dunia dalam membangun aplikasi
web mulai dari proyek kecil hingga besar. Pada pembuatan proyek ini pekerjaan
yang ditugaskan adalah sebagai Frontend web developer orang yang berperan

10
mengembangkan tampilan situs atau aplikasi melalui HTML, CSS, dan JavaScrip.
Tampilan yang dikerjakan yaitu tampilan sidebar admin, dashboard admin,
profile admin, ganti akun admin, daftar layanan, data operaor, daftar permohonan,
detail permohonan, arsip permohonan, rekap data permohonan.
A. Pembuatan Tampilan Sidebar Admin
Sidebar admin berfungsi sebagai menu pada aplikasi Pelayanan. Sidebar
admin dapat dilihat pada Gambar 3.2. pada sidebar admin terdapat menu
dasboard, profile, layanan, operator, permohonan, arsip dan rekap data. Pada
menu dashboard berfungsi menampilkan informasi yaitu pengguna, operator,
bimbingan teknis, pengembangan aplikasi, layanan, total permohonan. Pada menu
profile berfungsi menampilkan informasi admin. Pada menu layanan berfungsi
menampilkan daftar layanan dalam bentuk tabel. Pada menu operator berfungsi
menampilkan data operator dalam bentuk tabel. Pada menu permohonan berfungsi
menampilkan daftar permohonan. Pada menu arsip berfungsi menampilkan data
arsip permohonan dan paa menu rekap data berfungsi menampilkan informasi
rekap data permohonan.

11
 Gambar 3.2 Screenshot Sidebar Admin

B. Tampilan Tampilan dashboard Admin

Pada pembuatan tampilan dashboard admin, ketika admin melakukan login,
maka langsung menampilkan ke halaman dashboard admin. Pada tampilan
halaman dashboard admin aplikasi layanan berisikan tampilan beberapa widget
yaitu widget pengguna, operator, bimbingan teknis, pengembangan aplikasi,
layanan dan total permohonan seperti pada Gambar 3.17 dan tampilan widget
tersebuthanya bisa dilihat tidak dapat dirubah, tetapi ketika ada permohonan
masuk otomatis jumlahnya akan bertambah.

Gambar 3.3 Screenshot Dashboard

C. Pembuatan Tampilan Profile Admin

Tampilan Profile Admin berfungsi untuk menampilkan informasi admin. Ada
beberapa informasi yaitu NIP, nama dan jabatan. Informasi ini ditampilkan dalam
bentuk form yang hanya bisa dilihat. Tedapat juga tombol ganti akun Admin yang

12
berfungsi untuk mengganti Admin. Tampilan profile admin dapat dilihat pada
Gambar 3.4.

Gambar 3.4 Screenshot Halaman Profil Admin

D. Pembuatan Tampilan Ganti Akun Admin

Ganti akun admin berfungsi untuk melakukan pergantian admin Pada
halaman ganti akun admin terdapat tampilan kolom yaitu kolom nip, password
pada pergantian akun admin hanya dapat dilakukan oleh pegawai DKIS. Pada
tampilan ganti akun admin juga terdapat tombol submit dimana tombol submit ini
bertugas untuk menyimpan informasi admin baru yang sudah diganti seperti pada
Gambar 3.5.

13
 Gambar 3.5 Screenshot Form Informasi Admin

E. Pembuatan Tampilan Daftar Layanan

Pada tampilan daftar layanan, berfungsi untuk menampilkan daftar layanan
dalam bentuk tabel. Pada tabel daftar layanan berisi informasi yaitu nama
layanan, keterangan dan status. Pada tabel bagian status. berisi informasi terkait
operator aktif atau nonaktif. Jika status operator nonaktif, maka operator tersebut
tidak bisa login sebagai operator. Admin dapat merubah status operator menjadi
aktif atau nonaktif. Dapat dilihat pada Gambar 3.6.

Gambar 3.6 Screenshot Halaman Daftar Layanan

F. Pembuatan Tampilan Data Operator

Pada UI data operator, berfungsi untuk menampilkan data operator dalam
bentuk tabel. Tabel ini berisi informasi yaitu NIP, nama operator, bagian
operator, status operator dan aksi. Terdapat juga tombol tambah operator dan
kolom searching. Tombol tambah operator berfungsi untuk melakukan

14
penambahan user untuk dijadikan operator, baik itu operator bagian layanan
Bimbingan Teknis atau Pelatihan maupun operator bagian layanan
Pengembangan Aplikasi. Untuk kolom searching pada tabel ini berfungsi untuk
melakukan pencarian data berdasarkan NIP, nama operator, bagian operator, dan
status operator. Pada tabel bagian status operator berisi informasi terkait operator
aktif atau nonaktif. Jika status operator nonaktif, maka operator tersebut tidak
bisa login sebagai operator. Admin dapat merubah status operator menjadi aktif
atau nonaktif. Pada tabel bagian aksi terdapat tombol delete, tombol ini berfungsi
untuk menghapus operator. Tabel ini dibuat menggunakan library Datatables.
Dapat dilihat pada Gambar 3.7.

Gambar 3.7 Screenshot Halaman Data Operator

G. Pembuatan Tampilan Daftar Permohonan

Tampilan daftar permohonan berfungsi untuk menampilkan data permohonan
dalam bentuk tabel baik itu data permohonan layanan Bimbingan Teknis dan
pengembangan aplikasi dapat dilihat pada Gambar 3.8. Tabel ini berisi beberapa
informasi yaitu surat pengantar, nama pemohon, waktu permohonan diajukan,
status permohonan dan aksi detail untuk melihat data permohonan secara lengkap.

15
Pada tabel bagian surat pengantar ini berisi file surat pengantar permohonan dari
pemohon yang dapat diunduh. Pada tabel bagian status berisi informasi terkait
permohonan disetujui atau ditolak oleh operator. Pada tabel bagian aksi berisi
tombol detail yang berfungsi untuk melihat data permohonan secara lengkap.

Gambar 3.8 Screenshot Halaman Daftar Permohonan

H. Pembuatan Tampilan Detail Permohonan

Halaman detail permohonan seperti pada Gambar 3.9 menampilkan informasi
terkait data permohonan secara lengkap yang sebelumnya sudah diisi oleh
pemohon dan pada informasi detail permohonan hanya bisa dilihat dan tidak dapat
dirubah. Pada tampilan informasi detail permohonan juga terdapat tombol
Kembali dimana nanti akan diarahkan Kembali ke tampilan informasi daftar
permohonan.

16
 Gambar 3.9 Screenshot Halaman Detail Permohonan

I. Pembuatan Tampilan Arsip Permohonan

Pada tampilan arsip permohonan, berfungsi untuk menampilkan data arsip
permohonan dalam bentuk tabel dapat dilihat pada Gambar 3.10. Tabel ini berisi
informasi yaitu surat pengantar, nama pemohon, dibuat dan status. Untuk kolom
searching pada tabel ini berfungsi untuk melakukan pencarian data berdasarkan
nomor, nama pemohon, dibuat dan status. Pada tabel bagian surat pengantar ini
berisi file surat pengantar permohonan dari pemohon yang dapat diunduh. Pada
tabel bagian status berisi informasi terkait permohonan disetujui atau ditolak oleh
operator.

17
 Gambar 3.10 Screenshot Arsip Permohonan

J. Pembuatan Tampilan Rekap Data Permohonan

Pada pembuatan tampilan rekap data permohonan seperti pada Gambar 3.11
berfungsi menampilkan rekap data permohonan dalam bentuk tabel. Tabel ini
berisi informasi yaitu NIP, nama pemohon, email, instansi, topik, peserta dan
tanggal dibuat. Untuk kolom searching pada tabel ini berfungsi untuk melakukan
pencarian data berdasarkan nomor, NIP, nama pemohon, email, instansi, topik,
peserta, tanggal dibuat.

18
Gambar 3.11 Screenshot Rekap Permohonan

19
 BAB IV
PENUTUP

4.1. Kesimpulan
Setelah melaksanakan kegiatan Program Magang Industri (PMI) sebagai
frontend web developer di Dinas Komunikasi Informatika dan Statistik Kota
Cirebon dapat menarik kesimpulan bahwa kegiatan PMI di Dinas Komunikasi
Informatika dan Statistik Kota Cirebon memberi sebuah ilmu yang berharga dan
pengalaman kerja yang nyata sebagai bekal di dunia kerja.

4.2. Saran
Berdasarkan hasil pengamatan selama kegiatan Program Magang Industri
(PMI) sebagai front end web developer di DKIS Kota Cirebon, ada beberapa saran
yang ingin disampaikan kepada pihak instansi dan pihak kampus:
A. Bagi Instansi
Saran untuk perusahaan diharapkan dapat dibimbing lagi lebih dalam tetang
penguasaan materi yang ada untuk setiap mahasiswa di setiap bidangnya.
B. Bagi Kampus
Sebaiknya pihak kampus memberikan pembekalan yan matang kepada
mahasiswa magang agar mahasiswa magang benar-benar siap bekerja di tempat
magangnya dan dilakukan pembaruan kurikulum sesuai kemajuan teknologi yang
digunakan industri agar mahaiswa yang akan melakukan kegiatan magang lebih
cepat beradaptasi dengan industri.

17
 DAFTAR PUSTAKA

Elisa, Edi. 2016. Framework PHP. https://edel.staff.unja.ac.id/blog/artikel/

Framework-PHP.html. Diakses pada tanggal 4 Desember 2021.
Elisa, Edi. 2016. Pengertian Web. https://edel.staff.unja.ac.id/blog/artikel/
Pengertian-Web.html. Diakses pada tanggal 1 Desember 2021.
Hidayatullah, Priyanto dan Kawistara. 2017. Pemrograman WEB. Bandung:
Informatika Bandung.
Petersen, L. 2018. What Is a Front-End Engineer.
https://work.chron.com/frontend-engineer-16867.html. Diakses pada tanggal
1 Desember 2021.
Tim Penyusun. 2019. Panduan Pelaksanaan Program Magang Industri Jenjang
Diploma 3 dan Sarjana Terapan. Indramayu: Politeknik Negeri Indrama

18
LAMPIRAN