Laporan PKL DISKOMINFO TALA - Selesai

SISTEM INFORMASI PELAYANAN
KOMINFO BERBASIS WEB
PRAKTIK LAPANGAN KERJA
Disusun oleh :
Muhammad Ath Thaariq Noor
NIM (1801301039)
PROGRAM STUDI DIII TEKNOLOGI

INFORMASI JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI TANAH LAUT
PELAIHARI
2021
i
ii
KATA PENGANTAR
Segala puji dan syukur penulis ucapkan kepada Allah SWT yang telah
melimpahkan ilmu, hidayah, petunjuk serta kasih sayang-Nya sehingga penulis
dapat menyelesaikan Praktik Lapangan Kerja. Shalawat dan salam selalu tercurah
kepada junjungan kita baginda Nabi Muhammad Sallallahu Alaihi Wasallam,
keluarga, sahabat, serta pengikut beliau hingga akhir zaman.
Penulis bersyukur telah tersusunnya Laporan Praktik Lapangan Kerja yang
berjudul “Sistem Informasi Pelayanan Kominfo Berbasis Web” untuk melengkapi
salah satu persyaratan yang diajukan dalam rangka menempuh ujian akhir untuk
memperoleh gelar Ahli Madya Komputer (A.Md.Kom) pada jenjang Diploma
Tiga (D-3) Jurusan Teknik Informatika, Program Studi Teknologi Informasi di
Politeknik Negeri Tanah Laut.
Selama penyusunan laporan Praktik Lapangan Kerja penulis banyak menerima
bimbingan, sumbangan pikiran dan dukungan berbagai pihak. Oleh karena itu
pada kesempatan ini penulis mengucapkan terima kasih kepada:
1. Allah SWT yang telah memberikan rahmat dan hidayahnya untuk dapat
menyelesaikan Seminar Praktik Lapangan Kerja.
2. Ayah dan Ibu penulis yang telah memberikan doa, motivasi, dukungan baik
moril dan materil dalam proses penyelesaian Laporan Praktik Lapangan Kerja.
3. Dr. Mufrida Zein, M. Pd, selaku Direktur Politeknik Negeri Tanah Laut.
4. Agustian Noor, M. Kom., selaku Ketua Jurusan Teknik Informatika Politeknik
Negeri Tanah Laut, sekaligus juga sebagai dosen pembimbing Praktik
Lapangan Kerja.
5. Seluruh Dosen Politeknik Negeri Tanah Laut.
6. Seluruh teman-teman Politeknik Negeri Tanah Laut Program Studi Teknologi
Informasi yang telah memberikan bantuan dan semangat kepada penulis.
7. Semua pihak yang sudah membantu dan juga telah memberi semangat untuk
penulis.
iii
Penulis menyadari dalam penyusunan Laporan Praktik Lapangan Kerja ini
masih banyak kekurangan, maka dari itu penulis mengharapkan saran dan kritik
dari semua pihak yang bersifat membangun guna perbaikan yang akan datang.
Semoga Laporan Praktik Lapangan Kerja ini mendatangkan manfaat bagi semua.
Pelaihari, 26 Juli 2021
Penulis
iv
DAFTAR ISI
LEMBAR PENGESAHAN.....................................................................................ii
KATA PENGANTAR............................................................................................iii
DAFTAR ISI............................................................................................................v
DAFTAR TABEL....................................................................................................x
DAFTAR GAMBAR..............................................................................................xi
BAB I PENDAHULUAN........................................................................................1
1.1 Latar Belakang..........................................................................................1
1.2 Rumusan Masalah.....................................................................................1
1.3 Batasan Masalah........................................................................................2
1.4 Tujuan........................................................................................................2
1.5 Manfaat......................................................................................................2
BAB II GAMBARAN UMUM INSTANSI............................................................3
2.1 Profil Instansi............................................................................................3
2.2 Visi dan Misi.............................................................................................4
2.2.1 Visi.....................................................................................................4
2.2.2 Misi....................................................................................................4
2.3 Peran dan Tujuan Instansi.........................................................................4
2.4 Struktur Organisasi Instansi......................................................................6
2.5 Tanggung Jawab dan Fungsi Unit.............................................................6
2.5.1 Sekretariat Diskominfo......................................................................6
2.5.2 Bidang Penyelenggara e-Government................................................7
2.5.3 Bidang Komunikasi............................................................................8
2.5.4 Bidang Statistik dan Persandian.........................................................8
2.6 Jam Kerja Karyawan.................................................................................9
BAB III TINJAUAN PUSTAKA..........................................................................10
v
3.1 Sistem Informasi......................................................................................10
3.2 Entity Relationship Diagram (ERD).......................................................10
3.3 Unified Model Language (UML).............................................................11
3.4 Basis Data................................................................................................12
3.5 MySQL....................................................................................................12
3.6 Web..........................................................................................................12
3.7 HyperText Preprocessor (PHP)...............................................................13
3.8 Hyper Text Markup Language (HTML).................................................13
3.9 CodeIgniter (CI)......................................................................................13
3.10 Model Waterfall...................................................................................14
3.11 Black Box Testing................................................................................14
BAB IV KEGIATAN DAN METODE PELAKSANAAN PKL..........................16
4.1 Waktu dan Tempat Praktik Lapangan Kerja...........................................16
4.2 Kegiatan dan Metode Praktik Lapangan Kerja.......................................16
4.2.1 Kegiatan Praktik Lapangan Kerja....................................................16
4.2.2 Metode Praktik Lapangan Kerja......................................................16
BAB V HASIL DAN PEMBAHASAN.................................................................19
5.1 Kegiatan Praktik Kerja Lapangan...........................................................19
5.1.1 Apel Pagi..........................................................................................19
5.1.2 Menyiapkan Rapat Vcon..................................................................19
5.1.3 Installasi Jaringan.............................................................................20
5.2 Analisis Sistem........................................................................................21
5.2.1 Analisis Sistem yang Berjalan.........................................................21
5.2.2 Analisis Sistem yang di Usulkan.....................................................22
5.3 Rancangan Basis Data.............................................................................22
5.3.1 Entity Relationship Diagram...........................................................22
vi
5.3.2 Rancangan Antar Tabel....................................................................23
5.3.3 Struktur Tabel di Basis Data............................................................24
5.4 Unified Model Language (UML).............................................................26
5.4.1 Diagram Use Case...........................................................................26
5.4.2 Diagram Kelas..................................................................................29
5.4.3 Diagram Sekuen...............................................................................31
5.4.4 Diagram Aktivitas............................................................................59
5.5 Rancangan Antar Muka...........................................................................62
5.5.1 Halaman Beranda Awal...................................................................62
5.5.2 Halaman Login.................................................................................62
5.5.3 Halaman Registrasi..........................................................................63
5.5.4 Halaman Beranda Super Admin......................................................63
5.5.5 Halaman Beranda Admin.................................................................64
5.5.6 Halaman Beranda Klien...................................................................64
5.5.7 Halaman Profil.................................................................................65
5.5.8 Halaman Kelola Akun......................................................................65
5.5.9 Halaman Tipe Akun.........................................................................66
5.5.10 Halaman Kriteria Kategori...............................................................66
5.5.11 Halaman Kriteria Sub Kategori........................................................67
5.5.12 Halaman Status Laporan..................................................................67
5.5.13 Halaman Permintaan Masuk............................................................68
5.5.14 Halaman Cek Hasil Laporan............................................................68
5.5.15 Halaman Form Tambah Akun..........................................................69
5.5.16 Halaman Form Edit Akun................................................................69
5.5.17 Halaman Form Tambah Tipe Akun.................................................70
5.5.18 Halaman Form Edit Tipe Akun........................................................70
vi
5.5.19 Halaman Form Tambah Kategori....................................................71
5.5.20 Halaman Form Edit Kategori...........................................................71
5.5.21 Halaman Form Tambah Sub Kategori.............................................72
5.5.22 Halaman Form Edit Sub Kategori....................................................72
5.5.23 Halaman Form Tambah Status.........................................................73
5.5.24 Halaman Form Edit Status...............................................................73
5.5.25 Halaman Form Keperluan................................................................74
5.5.26 Halaman Form Edit Laporan............................................................74
5.6 Implementasi Sistem...............................................................................75
5.6.1 Halaman Beranda Awal...................................................................75
5.6.2 Halaman Login.................................................................................75
5.6.3 Halaman Registrasi..........................................................................76
5.6.4 Halaman Beranda Super Admin......................................................76
5.6.5 Halaman Kelola Akun......................................................................77
5.6.6 Halaman Form Daftarkan Akun.......................................................77
5.6.7 Halaman Form Edit Akun................................................................78
5.6.8 Halaman Detail Akun.......................................................................78
5.6.9 Halaman Tipe Akun.........................................................................79
5.6.10 Halaman Form Tambah Tipe Akun.................................................79
5.6.11 Halaman Form Edit Tipe Akun........................................................80
5.6.12 Halaman Permintaan Masuk............................................................80
5.6.13 Halaman Form Edit Laporan............................................................81
5.6.14 Halaman Detail Laporan..................................................................81
5.6.15 Halaman Pengumuman....................................................................82
5.6.16 Halaman Kelola Kategori.................................................................82
5.6.17 Halaman Form Tambah Kategori....................................................83
vi
5.6.18 Halaman Form Edit Kategori...........................................................83
5.6.19 Halaman Sub Kategori.....................................................................84
5.6.20 Halaman Form Tambah Sub Kategori.............................................84
5.6.21 Halaman Form Edit Sub Kategori....................................................85
5.6.22 Halaman Status Laporan..................................................................85
5.6.23 Halaman Form Tambah Status.........................................................86
5.6.24 Halaman Form Edit Status...............................................................86
5.6.25 Halaman Beranda Klien...................................................................87
5.6.26 Halaman Formulir Permintaan.........................................................87
5.6.27 Halaman Cek Hasil Laporan............................................................88
5.6.28 Halaman Form Edit Permintaan.......................................................88
5.6.29 Halaman Profil.................................................................................89
5.6.30 Halaman Edit Profil.........................................................................89
5.7 Hasil Pengujian (Black Box)....................................................................90
BAB VI PENUTUP...............................................................................................94
6.1 Kesimpulan..............................................................................................94
6.2 Saran........................................................................................................94
DAFTAR PUSTAKA............................................................................................95
ix
DAFTAR TABEL
Tabel 3. 1 Notasi ERD...........................................................................................11
Tabel 5. 1 akun.......................................................................................................24
Tabel 5. 2 tipe_akun...............................................................................................24
Tabel 5. 3 laporan...................................................................................................24
Tabel 5. 4 kategori.................................................................................................25
Tabel 5. 5 sub_kategori..........................................................................................25
Tabel 5. 6 status.....................................................................................................25
Tabel 5. 7 chat........................................................................................................25
Tabel 5. 8 Definisi Aktor.......................................................................................26
Tabel 5. 9 Definisi Use Case..................................................................................26
Tabel 5. 10 Keterangan Kelas................................................................................30
Tabel 5. 11 Hasil Pengujian...................................................................................91
x
DAFTAR GAMBAR
Gambar 2. 1 Logo Diskominfo Tala........................................................................3
Gambar 2. 2 Struktur Organisasi..............................................................................6
Gambar 4. 1 Prototipe Pengembangan...................................................................18
Gambar 5. 1 Apel Pagi...........................................................................................19
Gambar 5. 2 Menyiapkan Rapat............................................................................20
Gambar 5. 3 Creamping Kabel LAN.....................................................................20
Gambar 5. 4 Analisis Sistem Berjalan...................................................................21
Gambar 5. 5 Sistem di Usulkan.............................................................................22
Gambar 5. 6 ERD...................................................................................................23
Gambar 5. 7 RAT...................................................................................................23
Gambar 5. 8 Diagram Use Case.............................................................................28
Gambar 5. 9 Diagram Kelas...................................................................................29
Gambar 5. 10 Diagram Sekuen Login...................................................................31
Gambar 5. 11 Diagram Sekuen Logout.................................................................32
Gambar 5. 12 Diagram Sekuen Menambah Akun.................................................33
Gambar 5. 13 Diagram Sekuen Mengubah Akun..................................................34
Gambar 5. 14 Diagram Sekuen Melihat Akun.......................................................35
Gambar 5. 15 Diagram Sekuen Menghapus Akun................................................36
Gambar 5. 16 Diagram Sekuen Menambah Tipe...................................................36
Gambar 5. 17 Diaram Sekuen Menghapus Tipe....................................................37
Gambar 5. 18 Diagram Sekuen Mengubah Tipe....................................................37
Gambar 5. 19 Diagram Sekuen Melihat Tipe........................................................38
Gambar 5. 20 Diagram Sekuen Menambah Kategori............................................38
Gambar 5. 21 Diagram Sekuen Menghapus Kategori...........................................39
Gambar 5. 22 Diagram Sekuen Mengubah Kategori.............................................39
Gambar 5. 23 Diagram Sekuen Melihat Kategori.................................................40
Gambar 5. 24 Diagram Sekuen Menambah Sub Kategori.....................................41
Gambar 5. 25 Diagram Sekuen Menghapus Sub Kategori....................................41
Gambar 5. 26 Diagram Sekuen Mengubah Sub Kategori.....................................42
Gambar 5. 27 Diagram Sekuen Melihat Sub Kategori..........................................43
Gambar 5. 28 Diagram Sekuen Menambah Status................................................44
xi
Gambar 5. 29 Diagram Sekuen Menghapus Status................................................44
Gambar 5. 30 Diagram Sekuen Mengubah Status.................................................45
Gambar 5. 31 Diagram Sekuen Melihat Status.....................................................46
Gambar 5. 32 Diagram Sekuen Menghapus Laporan............................................46
Gambar 5. 33 Diagram Sekuen Mengubah Laporan..............................................47
Gambar 5. 34 Diagram Sekuen Melihat Laporan..................................................48
Gambar 5. 35Diagram Sekuen Menambah Pengumuman.....................................49
Gambar 5. 36 Diagram Sekuen Menghapus Pengumuman...................................49
Gambar 5. 37 Diagram Sekuen Melihat Pengumuman.........................................50
Gambar 5. 41 Diagram Sekuen Menambah Pengumuman....................................54
Gambar 5. 42 Diagram Sekuen Menghapus Pengumuman...................................54
Gambar 5. 43 Diagram Sekuen Melihat Pengumuman..........................................55
Gambar 5. 44 Diagram Sekuen Menambah Laporan.............................................56
Gambar 5. 48 Diagram Sekuen Melihat Pengumuman..........................................59
Gambar 5. 49 Diagram Aktivitas Use Case Super Admin.....................................60
Gambar 5. 50 Diagram Aktivitas Use Case Admin...............................................60
Gambar 5. 51 Diagram Aktivitas Use Case Klien.................................................61
Gambar 5. 52 Halaman Beranda Awal..................................................................62
Gambar 5. 53 Halaman Login................................................................................62
Gambar 5. 54 Halaman Registrasi.........................................................................63
Gambar 5. 55 Halaman Beranda Super Admin......................................................63
Gambar 5. 56 Halaman Beranda Admin................................................................64
Gambar 5. 57 Halaman Beranda Klien..................................................................64
Gambar 5. 58 Halaman Profil................................................................................65
Gambar 5. 59 Halaman Kelola Akun.....................................................................65
Gambar 5. 60 Halaman TIpe Akun........................................................................66
xi
Gambar 5. 61 Halaman Kategori...........................................................................66
Gambar 5. 62 Halaman Sub Kategori....................................................................67
Gambar 5. 63 Halaman Status................................................................................67
Gambar 5. 64 Halaman Permintaan Masuk...........................................................68
Gambar 5. 65 Halaman Hasil.................................................................................68
Gambar 5. 66 Halaman Tambah Akun..................................................................69
Gambar 5. 67 Halaman Edit Akun.........................................................................69
Gambar 5. 68 Halaman Tambah Tipe Akun..........................................................70
Gambar 5. 69 Halaman Edit Tipe Akun................................................................70
Gambar 5. 70 Halaman Tambah Kategori.............................................................71
Gambar 5. 71 Halaman Edit Kategori...................................................................71
Gambar 5. 72 Halaman Tambah Sub Kategori.....................................................72
Gambar 5. 73 Halaman Edit Sub Kategori............................................................72
Gambar 5. 74 Halaman Tambah Status................................................................73
Gambar 5. 75 Halaman Edit Status........................................................................73
Gambar 5. 76 Halaman Form Keperluan...............................................................74
Gambar 5. 77 Halaman Form Edit Laporan..........................................................74
Gambar 5. 78 Halaman Beranda Awal..................................................................75
Gambar 5. 79 Halaman Login................................................................................75
Gambar 5. 80 Halaman Registrasi.........................................................................76
Gambar 5. 81 Halaman Beranda Super Admin......................................................76
Gambar 5. 82 Halaman Kelola Akun.....................................................................77
Gambar 5. 83 Halaman Daftar Akun.....................................................................77
Gambar 5. 84 Halaman Edit Akun.........................................................................78
Gambar 5. 85 Halaman Detail Akun......................................................................78
Gambar 5. 86 Halaman Tipe Akun........................................................................79
Gambar 5. 87 Halaman Tambah Tipe Akun..........................................................79
Gambar 5. 88 Halaman Edit Tipe Akun................................................................80
Gambar 5. 89 Halaman Pemrintaan Masuk...........................................................80
Gambar 5. 90 Halaman Edit Laporan....................................................................81
Gambar 5. 91 Halaman Detail Laporan.................................................................81
Gambar 5. 92 Halaman Pengumuman...................................................................82
xi
Gambar 5. 93 Halaman Kategori...........................................................................82
Gambar 5. 94 Halaman Tambah Kategori.............................................................83
Gambar 5. 95 Halaman Edit Kategori....................................................................83
Gambar 5. 96 Halaman Sub Kategori....................................................................84
Gambar 5. 97 Halaman Tambah SubKategori.......................................................84
Gambar 5. 98 Halaman Edit Sub Kategori............................................................85
Gambar 5. 99 Halaman Status................................................................................85
Gambar 5. 100 Halaman Tambah Status...............................................................86
Gambar 5. 101 Halaman Edit Status......................................................................86
Gambar 5. 102 Halaman Beranda Klien................................................................87
Gambar 5. 103 Halaman Form Permintaan...........................................................87
Gambar 5. 104 Halaman Cek Hasil.......................................................................88
Gambar 5. 105 Halaman Edit Laporan..................................................................88
Gambar 5. 106 Halaman Profil..............................................................................89
Gambar 5. 107 Halaman Edit Profil.......................................................................89
xi
BAB I
PENDAHULUAN
1.1 Latar Belakang
Dinas Komunikasi dan Informatika Kabupaten Tanah Laut adalah sebuah

instansi atau dinas di Kabupaten Tanah Laut yang melayani atau menyediakan
fasilitas publik bersifat pemerintahan. Fokus pekerjaannya adalah
mengembangkan program perangkat lunak dan membantu pengelolaan jaringan
pada instansi pemerintahan, juga memberikan pelayanan informasi publik kepada
masyarakat setempat maupun instansi pemerintahan di Tanah Laut.
Dinas Komunikasi dan Informatika Kab. Tanah Laut, memiliki beberapa

divisi, salah satu nya divisi penyelenggaraan e-Government. Divisi bagian ini
bertugas untuk melakukan pengembangan perangkat lunak yang bersifat
pemerintahan dan membantu mengelola jaringan pada dinas atau instansi
pemerintahan lain nya. Salah satu tugas yang sering di minta pada divisi ini adalah
melakukan perbaikan atau perawatan jaringan juga membangun program/aplikasi
di dinas atau instansi pemerintahan.
Divisi ini menerima laporan dari para pegawai, pegawai pergi ke

Diskominfo di divisi e-Government untuk melaporkan/menyampaikan keperluan
mereka atau sekedar tanya-tanya terkait jaringan yang di gunakan kantor mereka
atau pun program/aplikasi yang mereka gunakan. Cara pengajuan permintaan atau
melaporkan ini terbilang manual dan ribet, mengingat menghubungi melalui pesan
instan kurang puas dan hanya bisa melalui bertemu langsung, maka dengan ini
hadir sebuah ide untuk mempermudah Klienan para pegawai. Sistem informasi
pun jadi solusi nya, dengan Sistem Informasi Pelayanan Kominfo Berbasis Web,
pegawai bisa mengadukan atau memina bantuan ke Diskominfo dengan mudah,
bahkan mengetahui progres dan balasan dari Diskominfo.
1.2 Rumusan Masalah

Berdasarkan latar belakang permasalahan yang ada maka didapatkan sebuah
rumusan masalah yaitu “Bagaimana merancang dan membangun Sistem Informasi
Pelayanan Kominfo Berbasis Web?”.
1
1.3 Batasan Masalah
Batasan masalah dari Sistem Informasi Pelayanan Kominfo Berbasis Web ini
adalah:
1. Sistem ini di gunakan untuk melapor / meminta bantuan terkait jaringan
atau/dan aplikasi di suatu dinas atau instansi pemerintahan.
2. Sistem ini di bangun menggunakan Framework CodeIgniter dengan basis data
MySQL.
1.4 Tujuan
Tujuan penelitian ini di maksudkan untuk merancang dan membangun Sistem
Informasi Pelayanan Kominfo Berbasis Web.
1.5 Manfaat
Manfaat dari Sistem Informasi Pelayanan Kominfo adalah :
1. Manfaat yang di dapatkan oleh Klien :
a. Memperluas dan mempermudah pelayanan bantuan pengelolaan jaringan
dan program/aplikasi.
b. Memberikan kemudahan untuk komunikasi dan mengetahui informasi
progres dari laporan/pemrintaan dari suatu instansi.
c. Klien tidak perlu ke Diskominfo terlebih dahulu ketika memerlukan bantuan
di instansi mereka.
2. Manfaat yang dirasakan oleh pihak Diskominfo :
a. Lebih mudah dalam melayani permintaan para pegawai / Klien / instansi.
b. Pihak Diskominfo tidak perlu repot memastikan laporan lagi, di karenakan
laporan sudah terdata di dalam sistem informasi, sehingga dapat di kelola
dengan mudah.
2
BAB II
GAMBARAN UMUM INSTANSI
2.1 Profil Instansi
Dinas Komunikasi dan Informatika Kabupaten Tanah Laut atau biasa di

sebut sebagai Diskominfo Tala adalah sebuah dinas / instansi bersifat
pemerintahan yang memberikan pelayanan publik maupun khusus terkait
teknologi, informatika dan komunikasi kepada masyarakat atau aparat sipil
negara.
Gambar 2. 1 Logo Diskominfo Tala
Diskominfo Tala berfokus kepada tugas utama nya yang berkaitan dengan
bidang Teknologi Informasi, yang arti nya tugas nya adalah memajukan
Teknologi Informasi di Kabupaten Tanah Laut. Beberapa dari pelayanan
Diskominfo adalah :
1) Pengembangan Aplikasi / Perangkat Lunak
2) Pengelolaan Jaringan
3) Integrasi Data
4) Penyedia Hosting (Khusus pemerintahan)
5) Colocation Server
6) Digitalisasi
Diskominfo Tala memiliki beberapa divisi yang sudah memiliki tugas nya
masing-masing, antara lain :
a) Sekretariat Diskominfo
b) Bidang Penyelengaraan E-Government
c) Bidang Komunikasi
d) Bidang Statistik dan Persandian
3
2.2 Visi dan Misi
2.2.1 Visi
"TANAH LAUT BERINTERAKSI"
1. Berkarya 4. Religius
2. Inovatif 5. Aktual
3. Tertata 6. Sinergis
2.2.2 Misi
1) Berkarya meningkatkan kualitas sumber daya manusia dan pelayanan
masyarakat yang berbasis teknologi untuk meningkatkan pembangunan
ekonomi, sosial dan budaya
2) Menciptakan inovasi di segala sendi kehidupan masyarakat dan
pengembangan industri kreatif
3) Membangun tata kelola pemerintahan yang baik (Good Governance).
4) Meningkatkan kuantitas dan kualitas religiusitas dalam penyelenggaraan
pemerintahan Daerah dan kehidupan masyarakat
5) Membangun sinergitas yang baik antartingkat pemerintahan dalam rangka
meningkatkan kesejahteraan masyarakat
2.3 Peran dan Tujuan Instansi

A. Mengoordinasikan, membina, mengawasi dan menetapkan Rencana
Strategis (Renstra) Dinas sesuai dengan Rencana Pembangunan Jangka
Menengah Daerah (RPJMD).
B. Mengoordinasikan, membina, mengawasi dan menetapkan penyusunan dan
pelaksanaan norma, standar, prosedur dan kriteria di bidang komunikasi dan
informatika dengan berpedoman pada ketentuan yang berlaku.
C. Mengoordinasikan, membina, mengawasi dan menetapkan perumusan
kebijakan teknis di bidang komunikasi dan informatika.
D. Mengoordinasikan, membina, mengawasi dan menetapkan perumusan
kebijakan teknis di bidang statistik.
E. Mengoordinasikan, membina, mengawasi dan menetapkan perumusan
kebijakan teknis di bidang Persandian.
4
F. Mengoordinasikan, membina dan mengawasi pelaksanaan kebijakan teknis
pelaksanaan kebijakan di bidang pengelolaan opini dan aspirasi publik di
lingkup pemerintah daerah.
G. Mengoordinasikan, membina dan mengawasi pengelolaan informasi untuk
mendukung kebijakan nasional dan pemerintah daerah.
H. Mengoordinasikan, membina dan mengawasi penyediaan konten lintas
sektoral dan pengelolaan media komunikasi publik.
I. Mengoordinasikan, membina dan mengawasi pelayanan informasi publik,
layanan hubungan media, penguatan kapasitas sumber daya komunikasi
publik dan penyediaan akses informasi.
J. Mengoordinasikan, membina dan mengawasi layanan infrastruktur dasar
data center, disasterrecovery center & TIK, layanan pengembangan intranet
dan penggunaan akses internet, layanan manajemen data dan informasi e-
Government, integrasi layanan publik dan kepemerintahan, layanan
keamanan informasi egovernment, layanan sistem komunikasi intra
pemerintah kabupaten.
K. Mengoordinasikan, membina dan mengawasi layanan pengembangandan
pengelolaan aplikasi generik dan spesifik dan suplemen yang terintegrasi,
L. Mengoordinasikan, membina dan mengawasi penyelenggaraan ekosistem
TIK Smart City.
M. Mengoordinasikan, membina dan mengawasi layanan nama domain dan
subdomain bagi lembaga, pelayanan publik dan kegiatan, penyelenggaraan
Government Chief Information Officer (GCIO) pemerintah kabupaten.
N. Mengoordinasikan, membina dan mengawasi pengembangan sumber daya
TIK pemerintah daerah dan masyarakat lingkup kabupaten.
O. Mengoordinasikan, membina dan mengawasi pelaksanaan kebijakan teknis
statistik.
P. Mengoordinasikan, membina dan mengawasi dan pelaksanaan kebijakan
teknis persandian.
Q. Membina dan mengawasi pengelolaan kesekretariatan.
R. Membina dan mengawasi pelaksanaan UPT Dinas.
S. Melaksanakan tugas lain sesuai bidang tugas dan kewenangannya.
5
2.4 Struktur Organisasi Instansi
Dinas Komunikasi dan Informatika Kabupaten Tanah Laut memiliki struktur
organisasi instansi, yang mana struktur tertingi adalah Kepala Dinas, dan untuk
yang lain mengikuti.
Gambar 2. 2 Struktur Organisasi
2.5 Tanggung Jawab dan Fungsi Unit

Dinas Komunikasi dan Informatika Kabupaten Tanah Laut memiliki
beberapa divisi. Tiap divisi juga memiliki tugas dan tanggung jawab nya masing-
masing. Adapun divisi yang ada beserta tugas nya sebagai berikut, yaitu :
2.5.1 Sekretariat Diskominfo

Sekretariat mempunyai tugas menyelenggarakan urusan kesekretariatan,
mengoordinasikan pelaksanaan kegiatan perencanaan program dan anggaran,
administrasi umum dan kepegawaian, serta ketatausahaan. Untuk melaksanakan
tugasnya, sekretariat mempunyai fungsi :
a. Pengoordinasian penyelenggaraan tugas Dinas Komunikasi dan Informatika.
b. Pemberian pelayanan administrasi kepada bidang-bidang lain di lingkungan
Dinas Komunikasi dan Informatika.
c. Pengoordinasian penyusunan rencana program kerja dan anggaran belanja
Dinas Komunikasi dan Informatika.
d. Penyiapan Peraturan Perundang-undangan di bidang Komunikasi dan
Informatika, statistik dan persandian sesuai dengan norma, standar dan
prosedur yang ditetapkan oleh Pemerintah.
e. Penyelenggaraan urusan tata usaha, rumah tangga/perlengkapan.
6
f. Pelaksanaan urusan kepegawaian, pengelolaan keuangan serta penataan
barang.
g. Penyelenggaraan kehumasan dan keprotokolan.
h. Pengoordinasian pelaksanaan, pengumpulan dan penyusunan data, penilaian,
pemantauan evaluasi dan analisa data hasil pelaksanaan tugas, penyiapan dan
penyusunan laporan pelaksanaan program kerja dan penyusunan statistik dan
dokumentasi di lingkungan Dinas Komunikasi dan Informatika.
i. Pengoordinasiaan urusan kedinasan yang menyangkut tata persuratan dinas,
pendataan dan pengumpulan bahan Klienan kedinasan.
j. Pemberian saran-saran dan pertimbangan kepada Kepala Dinas Komunikasi
dan Informatika tentang langkah-langkah dan tindakan yang perlu diambil
dalam bidang tugasnya.
k. Pelaksanaan tugas lain yang diberikan oleh Kepala Dinas Komunikasi dan
Informatika sesuai dengan tugas dan fungsinya.
2.5.2 Bidang Penyelenggara e-Government

Bidang Penyelenggaraan E-Government mempunyai tugas melaksanakan
penyiapan perumusan dan pelaksanaan kebijakan, penyusunan norma, standar,
prosedur dan kriteria, pembinaan, pemantauan, evaluasi dan Klienan
penyelenggaraan E-Government. Untuk menyelenggarakan tugasnya, Bidang
Penyelenggaraan E-Government menyelenggarakan fungsi :
a. Penyusunan rencana kerja bidang penyelenggaraan E-Government.
b. Perumusan kebijakan bidang penyelenggaraan E-Government.
c. Pelaksanaan pembinaan dan koordinasi pelaksanaan bidang penyelenggaraan
E-Government.
d. Penyiapan bahan penyusunan norma, standar, prosedur dan kriteria di bidang
penyelenggaraan E-Government.
e. Pelaksanaan kebijakan pengelolaan infrastruktur dan teknologi. f.
Pelaksanaan kebijakan pengembangan aplikasi.
f. Penyiapan bahan rekomendasi izin bidang E-Government.
g. Pemantauan, pengendalian, evaluasi dan Klienan di bidang penyelenggaraan
E-Government.
7
h. Pelaksanaan fungsi lain yang diberikan oleh atasan sesuai dengan peraturan
perundang-undangan.
i. Pemberian saran-saran dan pertimbangan kepada atasan tentang langkah-
langkah dan tindakan yang perlu diambil dalam bidang tugasnya.
2.5.3 Bidang Komunikasi

Bidang Komunikasi mempunyai tugas melaksanakan penyiapan
perumusan dan pelaksanaan kebijakan, penyusunan norma, standar, prosedur dan
kriteria, pembinaan, pemantauan, evaluasi dan Klienan di bidang komunikasi.
Untuk menyelenggarakan tugasnya, Bidang Komunikasi menyelenggarakan
fungsi :
a. Penyusunan rencana kerja bidang komunikasi.
b. Perumusan kebijakan bidang komunikasi.
c. Pelaksanaan pembinaan dan koordinasi pelaksanaan bidang komunikasi.
komunikasi.
e. Pelaksanaan kebijakan pengelolaan saluran komunikasi publik.
f. Pelaksanaan kebijakan kemitraan, penyiaran dan informasi publik.
g. Penyiapan bahan rekomendasi izin bidang komunikasi.
h. Pemantauan, pengendalian, evaluasi dan Klienan di bidang komunikasi.
i. Pelaksanaan fungsi lain yang diberikan oleh atasan sesuai dengan peraturan
perundang-undangan.
j. Pemberian saran-saran dan pertimbangan kepada atasan tentang langkah-
2.5.4 Bidang Statistik dan Persandian

Bidang Statistik dan Persandian mempunyai tugas melaksanakan
penyiapan perumusan dan pelaksanaan kebijakan, penyusunan norma, standar,
prosedur dan kriteria, pembinaan, pemantauan, evaluasi dan Klienan pelaksanaan
statistik dan persandian. Untuk menyelenggarakan tugasnya, Bidang Statistik dan
Persandian menyelenggarakan fungsi:
a. Penyusunan rencana kerja bidang statistik dan persandian.
b. Perumusan kebijakan bidang statistik dan persandian.
c. Pembinaan dan koordinasi pelaksanaan bidang statistik dan persandian.
8
statistik dan persandian.
e. Pelaksanaan kebijakan pengelolaan statistik.
f. Pelaksanaan kebijakan pengelolaan persandian.
g. Pelaksanaan kerjasama dengan instansi terkait.
h. Pemantauan, pengendalian, evaluasi dan Klienan di bidang statistik dan
persandian.
i. Pelaksanaan fungsi lain yang diberikan oleh atasan sesuai dengan peraturan
perundang-undangan. dan
j. Pemberian saran-saran dan pertimbangan kepada atasan tentang langkah-
2.6 Jam Kerja Karyawan

Dinas Komunikasi dan Informatika Kabupaten Tanah Laut memiliki jam
kerja dinas pada umum nya, yakni :
1. Hari/Bulan normal :
Hari : Senin – Kamis.
Pukul : 08.00 a.m - 05.00 p.m.
Hari : Jum’at.
Pukul : 08.00 a.m - 11.30 p.m.
2. Bulan Ramadhan :
Hari : Senin – Kamis.
Pukul : 08.00 a.m - 03.30 p.m.
Hari : Jum’at.
Pukul : 08.00 a.m - 11.30 p.m.
3. Libur :
Hari : Sabtu – Minggu, Tanggal merah dan Hari Raya / besar.
9
BAB III
TINJAUAN PUSTAKA
3.1 Sistem Informasi
Sistem informasi adalah sebuah sistem yang menyediakan berbagai

informasi terkait instansi atau sejenis nya. Sistem informasi mencakup sejumlah
komponen yang saling berhubungan (manusia, komputer, teknologi informasi,
dan prosedur kerja), lalu ada sesuatu yang di proses seperti dari data menjadi
informasi, dan dimaksudkan untuk mencapai suatu sasaran atau tujuan dari hal
yang di informasikan (Kadir, 2014).
Sistem informasi tidak harus berkaitan dengan komputer atau perangkat
sejenis nya, pada dasar nya sistem informasi adalah proses dalam bertukar
informasi nya. Seiring berkembang nya zaman, maka komputer menjadi salah satu
bagian penting dalam sistem informasi, walaupun sebenar nya manusia bisa saja
menggunakan buku kertas untuk membuat sistem informasi, namun zaman
berubah maka teknologi maju (Kadir, 2014).
3.2 Entity Relationship Diagram (ERD)

Entity Relationship Diagram atau biasa di sebut ERD adalah sebuah
pemodelan basis data. ERD menggambarkan model hubungan entitas yang mana
di dalam nya terdapat gabungan dari konsep model entitas, atribut, dan hubungan
antara tiap entitas. Entitas yang di gambarkan biasanya menunjukkan/
mempresentasikan suatu objek atau sejenis nya yang ada di dunia nyata. Fungsi
dari ERD ini sendiri untuk mempermudah developer dalam membangun sebuah
basis data, di karenakan sebelum membuat basis data sudah di rancang
menggunakan pemodelan ERD terlebih dahulu. (Adi & Kristin, 2014).
Entity Relationship Diagram memiliki notasi yang di gunakan untuk
membuat pemodelan basis data, notasi sebagai berikut :
1
Tabel 3. 1 Notasi ERD
Nama Simbol Keterangan
Entitas merupakan data inti yang akan

disimpan, entitas ini akan menjadi tabel
Entitas Entitas
jika di buat ke basis data.
Field atau kolom data yang di simpan

Atribut di dalam entitas.
Atribut
Field atau kolom data yang di simpan

Atribut_primer di dalam entitas dan di jadikan kunci
Atribut Primer utama dalam suatu record.
Relasi menghubungkan antar entitas

dan di isi dengan kata kerja.
Relasi Relasi
Penghubung antara entitas dan relasi,

Asosiasi
Asosiasi yang mana dari asosiasi juga dapat
mengetahui
Sumber : (Sukamto & Salahudin, 2016)
3.3 Unified Model Language (UML)

Unified Model Language atau jika di artikan Bahasa Pemodelan Terpadu
adalah sebuah standarisasi bahasa pemodelan pembangunan perangkat lunak yang
menggunakan teknik Pemrograman Berorientasi Objek. Unified Model Language
hadir di karenakan adanya keperluan penggambaran model berwujud visual untuk
spesifikasikan, menggambarkan, membangun, dan dokumentasi perangkat lunak
yang berbasis objek. Unified Model Language dapat di artikan sebagai bahasa
visual untuk permodelan dan komunikasi terkait sebuah sistem dengan
menggunakan penggambaran diagram dan teks pendukung (Sukamto &
Salahudin, 2016).
1
3.4 Basis Data
Basis data berasal dari kata basis dan data. Data merupakan sebuah
kumpulan data yang mewakili dari sebuah objek. Sedangkan Basis bisa diartikan
sebagai markas atau tempat berkumpul suatu objek. Basis data dapat di artikan
sebagai bagian dari kumpulan data yang terintegrasi yang di satukan agar dapat
memenuhi keperluan para pengguna yang memerlukan data untuk sebuah
Lembaga/organisasi. Terintegrasi yang di maksdu adalah setiap data akan
mempunyai hubungan dengan data yang tersedia lain nya (Jayanti & Sumiari,
2018).
3.5 MySQL
MySQL adalah hasil pengembangan dari sebuah perusahaan di Swedia yang
bernama MySQL AB, yang mana sebelum nya pada saat itu perusahaan nya
masih bernama TcX DataKonsult AB dari tahun 1994 hingga 1995. TcX sebelum
nya memiliki tujuan dari membuat MySQL adalah untuk melakukan
pengembangan aplikasi web kepada para klien (Suhartanto, 2012).
MySQL merupakan salah satu server basis data yang popular dan cukup di
minati dalam membangun aplikasi web yang mana sumber sekaligus pengelolaan
data menggunakan basis data. MySQL populer di karenakan mudah nya dalam
penggunaan, salah satu nya adalah Bahasa yang di gunakan adalah Bahasa dasar
(Suhartanto, 2012).
3.6 Web
Web adalah salah satu bagian dari dunia maya/internet. Web memiliki fungsi
sebagai bagian penyedia informasi dari berupa teks, suara, gambar, video dan
sebagai nya. Web pada dasar nya merupakan kumpulan dari dokumen digital yang
jumlah nya sangat banyak berada dalam server komputer atau biasa di sebut
sebagai server web (Prasetiadi, 2011).
Semakin berkembangnya zaman dan peradaban kebutuhan dan kebiasaan

pengguna internet selalu berubah dan cenderung meningkat. Awal mula nya web
di gunakan hanya untuk bertukar informasi tertentu saja, namun di era sekarang
keperluan web di internet menjadi tempat bersosialisasi bahkan hal ini di anggap
sebagai kebutuhan masyarakat (Prasetiadi, 2011).
1
3.7 HyperText Preprocessor (PHP)
PHP merupakan singkatan dari Hypertext Processoor, yang mana PHP
merupakan Bahasa pemrograman untuk mengembangkan back-end program web
yang mana script Bahasa ini di sisipkan di dalam sintaks HTML. Fungsi dari PHP
pada intinya adalah membuat web yang asal nya bersifat statis menjadi dinamis,
sehingga saat melakukan maintenance akan lebih memudahkan programmer nya.
Rasmus Lerdrof adalah pencipta Bahasa PHP pertama kali, di ciptakan pada
tahun 1994. Awal nya tujuan penciptaan PHP oleh Ramsus adalah untuk
mengetahui jumlah pengunjung homepage yang di buat nya. Setelah PHP resmi
selesai di buat nya, Ramsus menetapkan bahwa produk nya ini open source, yang
mana semua orang bebas menggunakan dan memodifikasi secara gratis
(Suhartanto, 2012).
3.8 Hyper Text Markup Language (HTML)

HTML atau singkatan dari Hyper Text Markup Language merupakan salah
satu format yang tujuan nya di buat untuk membuat dokumen dan program yang
berwujud situs web. HTML sendiri adalah sintaks dasar untuk membuat sebuiah
program web, atau di gunakan sebagai front-end dari halaman web (Suhartanto,
2012).
Secara harfiah, HTML yang berasal dari singkatan Hyper Text Markup
Language memiliki penjelasan yang berbeda tiap kata nya (Enterprise, 2014):
 Hyper Text adalah sebuah sebuah teks yang Ketika pengguna mengklik
teks tersebut, pengguna akan di pindahkan dari dokumen yang satu ke
dokumen yang lain.
 Markup adalah sejenis kode tag yang ada pada sintaks pemrograman
HTML yang dapat membentuk visual sesuai teks/sintaks yang di ketikkan.
 Language adalah sebuah kata yang membuktikan bahwa skrip ini
berwujud skrip untuk pengembangan pemrograman, khusus nya web.
3.9 CodeIgniter (CI)

CodeIgniter adalah sebuah kerangka kerja yang dibuat untuk mempermudah
dalam pembangunan aplikasi berbasis Web. CodeIgniter bersfiat open source,
yang arti nya bisa di gunakan secara bebas tanpa di pungut biaya dan bisa
melakukan
1
perubahan terhadap framework tersebut. Framework ini di buat oleh Rick Ellis
pada tahun 2006, penemu sekalikus pendiri EllisLab (Raharjo, 2018).
Tujuan di buat nya framework CI di maksudkan untuk mempermudah
programmer dalam membangun sebuah aplikasi Web dengan cepat di bandingkan
membuat aplikasi Web dari awal atau biasa di sebut native. Framework CI
menyediakan banyak library dasar yang biasa nya di perlukan oleh pengembang
untuk mengembangkan sebuah aplikasi Web. Desain antar muka yang sederhana
dan struktur logika yang cukup sederhana untuk mengakses library membuat
CodeIgniter mudah di gunakan oleh para pengembang aplikasi Web (Sulistiono,
2018).
3.10 Model Waterfall

Model SDLC waterfall biasa di sebut oleh para programmer sebagai model
sekuensial linier atau dengan kata lain alur hidup klasik. Model waterfall
menyediakan pendekatan alur hidup atau jalan nya dari suatu system/program
secara terurut, di mulai dari tahapan pertama hingga tahapan akhir, semua harus di
lakukan seacara berurutan (Sukamto & Salahudin, 2016).
Model ini melakukan pendekatan yang bertahap, maka denga ada nya
tahapan tiap alur, maka tahapan tidak boleh di lewati atau sejenis nya, agar
pengerjaan sesuai dengan perancangan. Pendekatan di lakukan mulai dari tahap
analisis, desain, pengkodean, pengujian, dan support juga maintenance (Dalis,
2017).
3.11 Black Box Testing

Black box testing memungkinkan perekayasa perangkat lunak mendapatkan
serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan
fungsional untuk suatu program. Black Box dapat menemukan kesalahan dalam
kategori berikut (Rouf, 2012):
1. Fungsi-fungsi yang tidak benar atau hilang
2. Kesalahan interface
3. Kesalahan dalam strutur data atau akses basisdata eksternal
4. Inisialisasi dan kesalahan terminasi
5. validitas fungsional
6. kesensitifan sistem terhadap nilai input tertentu
7. batasan dari suatu data
1
Jadi pada dasar nya pengujian black box memang cukup mudah di banding
dengan white box, yang mana black box hanya melakukan pengujian berdasarkan
fungsi dan prosedur program nya saja.
1
BAB IV
KEGIATAN DAN METODE PELAKSANAAN PKL
4.1 Waktu dan Tempat Praktik Lapangan Kerja

Praktik Kerja Lapangan (PKL) yang kami lakukan bertempat di Dinas
Komunikasi dan Informatika Kabupaten Tanah Laut yang dilakukan selama 3
(tiga) bulan, terhitung dari tanggal 1 Maret 2021 sampai tanggal 31 Mei 2021.
4.2 Kegiatan dan Metode Praktik Lapangan Kerja

Adapun beberapa kegiatan selama pelaksanaan Praktik Kerja Lapangan dan
metode dalam persiapan pembangunan produk (sistem informasi) Praktik
Lapangan Kerja.
4.2.1 Kegiatan Praktik Lapangan Kerja

Kegiatan Praktik Kerja Lapangan (PKL) yang kami jalani di Dinas
Komunikasi dan Informatika Kabupaten Tanah Laut selama 3 bulan dari tanggal 1
Maret 2021 sampai tanggal 31 Mei 2021, antara lain yaitu :
1. Apel pagi setiap Senin – Kamis.

2. Membantu surat – menyurat.
3. Menyiapkan keperluan rapat online di kantor Bupati.
4. Installasi jaringan
4.2.2 Metode Praktik Lapangan Kerja

Kegiatan Praktik Kerja Lapangan adalah sebuah kegiatan yang menambah
pengetahuan bagaimana gambaran dunia kerja yang akan datang. Pada kegiatan
ini, kami di haruskan membuat sebuah produk berupa program/aplikasi/sistem
informasi. Adapun metode yang di lakukan dari persiapan hingga penyelesaian
pengembangan aplikasi/sistem informasi, yaitu :
1. Metode Pengumpulan Data

Pada tahap pengumpulan data, di lakukan dengan salah satu cara, yaitu
dengan cara wawancara. Proses wawancara di lakukan dengan cara bertanya
kepada narasumber atau klien yang kita anggap memiliki pengetahuan atau data
terkait sistem informasi yang akan di kembangkan, sehingga dari data tersebut
akan di masukkan dan di pergunakan di dalam sistem informasi yang dibuat.
Wawancara
1
di kami lakukan bersama dengan pihak Dinas Komunikasi dan Infromatika Kab.
Tanah Laut di bagian divisi Penyelenggaraan e-government.
Berdasarkan hasil wawancara, narasumber memberikan sedikit penjelasan

terkait pelayanan di bidang IT (program/aplikasi, jaringan dan sejenis nya) yang
di kelola oleh Divisi Penyelenggaraan e-governmetn. Para klien biasa nya dari
para pegawai Dinas atau instansi pemerintahan lain nya, meminta bantuan untuk
berbagai macam hal terkait di bidang IT, mulai dari pengelolaan jaringan,
pengembangan program, hosting, digitalisasi dan bebagai hal sejenis nya. Cara
klien meminta bantuan masih cukup merepotkan, karna mereka harus datang ke
kantor terlebih dahulu agar bisa meminta bantuan tersebut. Maka dari sini lah,
kami memiliki ide untuk mengembangkan sebuah sistem informasi untuk
membantu pelayanan tanpa harus ke kantor terlebih dahulu.
2. Tahapan Pengembangan Sistem Informasi

Pada tahap pembuatan Sistem Informasi Pelayanan Kominfo Berbasis Web
terdapat alat dan bahan yang digunakan, yaitu sebagai berikut :
A. Perangkat Keras
Laptop HP-14, dengan spesifikasi :
- AMD Radeon 5
- RAM 4 Gigabytes
- ROM 500 Gigabytes
B. Perangkat Lunak
Aplikasi yang di gunakan yaitu :
- Windows 10 Pro 2019
- Microsoft Office 2019
- Visual Studio Code 2019
- Google Chrome
- XAMPP 7.4.1
1
C. Model Pengembangan Sistem
Model pengembangan yang di gunakan adalah waterfall, beberapa proses di
antara nya adalah :
Analisis Sitem
Desain Sistem
Pengkodean
Gambar 4. 1 Prototipe Pengembangan

Pengujian
Model pengembangan waterfall adalah metode pengembangan yang bertahap
dan sekuensial, sangat tepat digunakan untuk pengembangan Sistem ini, yang
mana sistem akan di kerjakan secara bertahap Metode ini juga terurut, di mulai
dari analisis hingga support dan maintenance sistem yang sudah selesai di buat.
1. Analisis Sistem
Tahap menganalisis Sistem Informasi Pelayanan Kominfo, yang mana di
analisis adalah keperluan dari klien dan bagaimana keinginan akan kerja sistem
ini ke depannya.
2. Desain Sistem
Setelah analisis selesai, maka mulai mendesain sistem yang akan berjalan
seperti apa dan bagaimana interface dari sistem ini.
3. Pengkodean
Desain sistem telah selesai, maka di lanjutkan ke tahap pengkodean atau biasa
di sebut pembangunan program/sistem.
4. Pengujian
Setelah selesai tahapan-tahapan sebelum nya, maka sistem akan di lakukan
pengujian menggunakan metode black box.
1
BAB V
HASIL DAN PEMBAHASAN
5.1 Kegiatan Praktik Kerja Lapangan

Kegiatan Praktik Lapangan Kerja selama 3 bulan yang kami laksanakan
dapat di lihat sebagai berikut.
5.1.1 Apel Pagi
Apel pagi merupakan kegiatan rutin yang di laksanakan di Dinas
Komunikasi dan Informatika Kabupaten Tanah Laut setiap pagi dari hari Senin
sampai dengan Kamis. Tujuan dari apel pagi ini adalah meninjau dan memberikan
arahan terkait pekerjaan yang di kerjakan. Peserta dari kegiatan apel pagi adalah
semua pegawai Dinas Komunikasi dan Informatika Kabupaten Tanah Laut dari
jabatan apapun.
Gambar 5. 1 Apel Pagi
5.1.2 Menyiapkan Rapat Vcon

Rapat Vcon adalah sebuah pekerjaan tambahan pada Dinas Komunikasi dan
Informatika Kab. Tanah Laut, yang mana rapat ini biasa nya di laksanakan oleh
pejabat atau para pimpinan di Kabupaten Tanah Laut. Rapat vcon ini, pegawai di
bidang penyelenggaraan e-governtment di minta intuk membantu menyiapkan
perlengkapan komunikasi untuk rapat vcon.
1
Gambar 5. 2 Menyiapkan Rapat
5.1.3 Installasi Jaringan

Mengelola jaringan di Kabupaten Tanah Laut adalah tugas dari Dinas
Komunikasi dan Informatika Kabupaten Tanah Laut. Meskipun tidak semua
jaringan, tetapi Diskominfo membantu agar seluruh Dinas / Instansi pemerintahan
lain nya saling terhubung di satu pusat (server yang sama). Agar
program/perangkat lunak untuk membantu pekerjaan di Dinas terstruktur.
Gambar 5. 3 Creamping Kabel LAN
2
5.2 Analisis Sistem
Bagian ini akan menjelaskan analisis dari sistem yang di buat, yaitu Sistem
Informasi Pelayanan Kominfo. Berikut hasil analisis nya.
5.2.1 Analisis Sistem yang Berjalan

Sistem Pelayanan/Permintaan yang sedang berjalan di Dinas Komunikasi dan
Informatika Kabupaten Tanah Laut, sebagai berikut,
Klien menuju kantor untuk meminta tolong. Jika permintaan sudah di setujui, klien kembali.
Jika ingin tahu progres, harus ke kantor Diskominfo lagi
Klien menghubungi langsung pihak Diskominfo untuk meminta

tolong dan mengetahui progres pengajuan
Gambar 5. 4 Analisis Sistem Berjalan
Gambar 5.4 menjelaskan bagaimana sistem pelayanan yang sekarang

berjalan. Sistem yang sekarang berjalan di lakukan secara konvesional, yaitu
bertemu secara langsung atau menguhubungi pihak Dinas Komunikasi dan
Informatika Kab. Tanah Laut. Cara ini terbilang cukup membuang banyak tenaga
dan waktu, yang mana klien harus menemui dahulu pihak Diskominfo, lalu
mengajukan permintaan. Setelah mengajukan pun, agar bisa mengetahui status
pengajuan, perlu menguhungi pihak Diskominfo Tala terlebih dahulu, dan perlu
menunggu untuk pesan di balas.
2
5.2.2 Analisis Sistem yang di Usulkan
Sistem Informasi Pelayanan yang di usulkan ke Dinas Komunikasi dan
Informatika Kab. Tanah Laut antara lain sebagai berikut analisis nya.
Super admin mengelola seluruh Pelapor dapat melakukan

data di sistem pelaporan/permintaan
pelapor
Super admin
Admin dapat mengelola
laporan/permintaan masuk
Admin
Gambar 5. 5 Sistem di Usulkan
Adapun hasil analisis dari sistem yang di usulkan yaitu dengan

mengembangkan Sistem Informasi Pelayanan Kominfo. Sistem Informasi ini
mempermudah semua pihak yang terlibat dalam melayani ataupun meminta
tolong. Klien (klien) bisa meminta tolong tanpa harus menghubungi ataupun
menemui pihak Diskominfo. Untuk mengetahui progres permintaan pun, Klien
tidak perlu menghubungi langsung, Klien cukup buka Sistem Informasi Pelayanan
Kominfo agar mengetahui status permintaan/Klienan.
5.3 Rancangan Basis Data

Rancangan basis data dari Sistem Informasi Pelayanan Kominfo akan di
gambarkan menggunakan Entity Relationship Diagram. Berikut uraian nya.
5.3.1 Entity Relationship Diagram

Entity Relationship Diagram pada Sistem Informasi Pelayanan Kominfo
dapat di lihat pada gambar di bawah ini.
2
isi_laporan
idakun
namapeng guna gambar
sandi
idsub
email dinas idstatus
idkat
idtipe pp
idlap
balasan
idakun telp
tgl
1akun1mempunyain laporan
n n waktu
memiliki n
n
memiliki memiliki
n memiliki
memiliki
1
1
1
chat tipe
kategori status 1 sub_kategori
idchat waktu
idtipenama_tipe idstatus stat idsubkat idkat

idakun tgl
idkatnama_kat
nama_subk warnai at
ikonwarna
pesan
Gambar 5. 6 ERD
Gambar 5.6 adalah rancangan ERD dari basis data yang ada di Sistem
Informasi Pelayanan Kominfo, terdapat 7 entitas yang saling terhubung. Adapun
tabel nya antara lain, Entitas akun dengan idakun sebagai atribut utama, Entitas
tipe_akun dengan idtipe sebagai atribut utama, Entitas chat dengan idchat sebagai
atribut utama, Entitas laporan dengan idlap sebagai atribut utama, Entitas kategori
dengan idkat sebagai atribut utama, Entitas sub_kategori dengan idsubkat sebagai
atribut utama, Entitas status dengan idstatus sebagai atribut utama.
5.3.2 Rancangan Antar Tabel
Rancangan Antar Tabel (RAT) Sistem Informasi Pelayanan Kominfo dapat
dilihat pada gambar 5.7.
Gambar 5. 7 RAT
2
5.3.3 Struktur Tabel di Basis Data
Tabel 5. 1 akun
Nama Tabel Tipe Data Keterangan
idakun int primary key
idtipe int foreign key
namapengguna varchar(200)
dinas varchar(200)
email varchar(200)
sandi varchar(300)
telp varchar(13)
pp varchar(300)
Tabel 5. 2 tipe_akun
idtipe int primary key
tipe varchar(15)
Tabel 5. 3 laporan
Idlap Varchar(100) primary key
idakun int foreign key
idkat Varchar(50) foreign key
idsubkat Varchar(50) foreign key
isi_laporan text
gambar Varchar(500)
balasan text
idstatus int foreign key
tgl date
waktu time
2
Tabel 5. 4 kategori
idkat Varchar(11) primary key
Nama_kat varchar(50)
Tabel 5. 5 sub_kategori
idsubkat Varchar(11) primary key
Nama_subkat varchar(50)
warnai Varchar(10)
idkat Varchar(11) Foreign key
Tabel 5. 6 status
idstatus int primary key
stat varchar(50)
warnai Varchar(10)
ikon Varchar(11)
Tabel 5. 7 chat
idchat int primary key
idakun int Foreign key
pesan text
tgl date
waktu time
2
5.4 Unified Model Language (UML)
5.4.1 Diagram Use Case
5.4.1.1 Definisi Aktor
Definisi aktor adalah bagian dari penggambaran/deskripsi aktor yang
terlibat di dalam sistem, berikut adalah deskripsi dari aktor pada Sistem Informasi
Pelayanan Kominfo.
Tabel 5. 8 Definisi Aktor
No Aktor Deskripsi
Orang yang bertugas dan memiliki hak akses dalam
1 Super Admin
mengelola seluruh data di sistem.
Orang yang bertugas dan memiliki hak akses dalam
2 Admin
mengelola seluruh laporan klien.
Orang yang memiliki hak akses untuk membuat
3 Klien
laporan/permintaan.
5.4.1.2 Definisi Use Case

Bagian ini menampilkan definisi use case dari Sistem Informasi Pelayanan
Kominfo, berikut adalah definisi use case nya.
Tabel 5. 9 Definisi Use Case
No. Use Case Deskripsi
1 Auth Merupakan proses pengecekan hak akses, siapa saja yang
berhak mengakses kelola data akun, data tipe akun, data
kategori, data sub kategori, data status, dan data laporan. Login
wajib untuk fungsi-fungsi yang berkaitan dengan akses
pengubahan ke basis data, oleh karena itu fungsi-fungsi yang
melakukan perubahan basis data harus mengecek validasi
pengguna yang mengakses fungsi-fungsi ini Validasi
merupakan generalisasi dari login,
logout, dan memeriksa status login.
2 Login Merupakan proses dari login Super Admin, Admin dan Klien.
3 Memeriksa Status Login Merupakan proses untuk memeriksa status login dari seluruh
pengguna.
4 Logout Merupakan proses dari logout Super Admin, Admin dan Klien.
5 Mengelola Akun Mengelola data akun merupakan proses generalisasi yang
meliputi proses melihat laporan.
6 Menambah Akun Merupakan proses menambahkan akun ke dalam basis data.
7 Melihat Akun Merupakan proses menampilkan akun yang ada di basis data.
8 Menghapus Akun Merupakan proses menghapus akun yang ada di basis data.
9 Mengubah Akun Merupakan proses mengubah akun yang ada di dalam basis data.
2
10 Mengelola Tipe Akun Mengelola data tipe akun merupakan proses generalisasi yang
meliputi proses melihat kategori.
11 Menambah Tipe Akun Merupakan proses menambahkan tipe akun ke dalam basis data.
12 Melihat Tipe Akun Merupakan proses menampilkan tipe akun yang ada di basis data.
13 Menghapus Tipe Akun Merupakan proses menghapus tipe akun yang ada di basis data.
14 Mengubah Tipe Akun Merupakan proses mengubah tipe akun yang ada di dalam basis
data.
15 Mengelola Kategori Mengelola data kategori merupakan proses generalisasi yang
meliputi proses melihat kategori.
16 Menambah Kategori Merupakan proses menambahkan kategori ke dalam basis data.
17 Melihat Kategori Merupakan proses menampilkan kategori yang ada di basis data.
18 Menghapus Kategori Merupakan proses menghapus kategori yang ada di basis data.
19 Mengubah Kategori Merupakan proses mengubah kategori yang ada di dalam basis
data.
20 Mengelola Sub Kategori Mengelola data sub kategori merupakan proses generalisasi yang
meliputi proses melihat sub kategori.
21 Menambah Sub Kategori Merupakan proses menambahkan sub kategori ke dalam basis
data.
22 Melihat Sub Kategori Merupakan proses menampilkan sub kategori yang ada di basis
data.
23 Menghapus Sub Kategori Merupakan proses menghapus sub kategori yang ada di basis
data.
24 Mengubah Sub Kategori Merupakan proses mengubah sub kategori yang ada di dalam
basis data.
25 Mengelola Status Mengelola data status merupakan proses generalisasi yang
meliputi proses melihat status.
26 Menambah Status Merupakan proses menambahkan status ke dalam basis data.
27 Melihat Status Merupakan proses menampilkan status yang ada di basis data.
28 Menghapus Status Merupakan proses menghapus status yang ada di basis data.
29 Mengubah Status Merupakan proses mengubah status yang ada di dalam basis data.
30 Mengelola Pengumuman Mengelola data pengumuman merupakan proses generalisasi
yang meliputi proses melihat pengumuman.
31 Menambah Pengumuman Merupakan proses menambahkan pengumuman ke dalam basis
data.
32 Melihat Pengumuman Merupakan proses menampilkan pengumuman yang ada di basis
data.
33 Menghapus Pengumuman Merupakan proses menghapus pengumuman yang ada di basis
data.
2
34 Mengelola Laporan Mengelola data laporan merupakan proses generalisasi yang
meliputi proses melihat laporan.
35 Menambah Laporan Merupakan proses menambahkan laporan ke dalam basis data.
36 Melihat Laporan Merupakan proses menampilkan laporan yang ada di basis data.
37 Menghapus Laporan Merupakan proses menghapus laporan yang ada di basis data.
38 Mengubah Laporan Merupakan proses mengubah laporan yang ada di dalam basis
data.
5.4.1.3 Diagram Use Case

Berikut adalah diagram use case dari Sistem Informasi Pelayanan Kominfo.
MenghapusMengubah MenghapusMengubah
AkunAkun tipetipe
Melihat Melihat tipe
MenambahAkun Menambah tipe
Akun Kelola tipe
Kelola Akun
Kelola Kategori
<<extend>>
Menambah Kategori <<extend>>
Melihat Kategori
Mengubah Kategori
Super Admin
<<extend>>
Menghapus Kategori
Kelola Sub Kategori
<<extend>>
Menambah Sub Kategori Melihat Sub Kategori Memeriksa status login
Mengubah Sub Kategori
Menghapus Sub Kategori
<<extend>>
Kelola Status
Menambah Status Melihat Status

Mengubah Status
Menghapus Status
<<extend>>
Klien Kelola Laporan

<<extend>>
Menambah Laporan Melihat Laporan <<extend>>

Mengubah Laporan
Menghapus Laporan
Admin
Kelola Pengumuman
Menambah Pengumuman Melihat Pengumuman

Menghapus Pengumuman
Auth
Login Logout
Gambar 5. 8 Diagram Use Case
2
5.4.2 Diagram Kelas
Gambar 5.9 Diagram Kelas menggambarkan struktur sistem dari segi definisi kelas-kelas yang akan dibuat untuk membangun Sistem
Informasi Pelayanan Kominfo berbasis Web.
akun tipe kategori sub_kategori status chat laporan
+idakun +idtipe +idkat +idsub +idstatus +idchat +idlap

+idtipe +nama_tipe +nama_kat +nama_subkat +warna +idakun +idkat
+email +getidtipe() +getidkat() +warnai +ikon +pesan +idsub
+sandi +setidtipe() +setidkat() +idkat +stat +tgl +idakun
+namapengguna +getnama_tipe() 1 +getnama_kat() 1 +getidsub() +getidstatus() +waktu +isilaporan
+dinas +setnama_tipe() +setnama_kat() +setidsub()
1
+setidstatus() 1 +getidchat() +gambar
+telp +queryMenambahtipe()
+queryMelihattipe()
+queryMenambahkategori()
+queryMelihatkategori()
+getnama_subkat() +getwarna() +setidchat()
+getidakun()
1 +idstatus
+pp +setnama_subkat() +setwarna() +balasan
+getidakun() +queryMemperbaruitipe() +queryMemperbaruikategori() +getwarnai() +getikon() +setidakun() +tgl
+setidakun() +queryMenghapustipe() +queryMenghapuskategori() +setwarnai() +setikon() +getpesan() +waktu
1 +getidtipe()
+setidtipe() 1..* 1..* +getidkat()
+setidkat()
+getstat()
+setstat()
+setpesan()
+gettgl()
+getidlap()
+setidlap()
+getemail() 1 +queryMenambahsub_kategori() +queryMenambahstatus() +settgl() +getidkat()
+setemail()
+getsandi()
1 +queryMelihatsub_kategori()
+queryMemperbaruisub_kategori()
+queryMelihatstatus()
+queryMemperbaruistatus()
+getwaktu()
+setwaktu()
+setidkatl()
+getidsub()
+setsandi() C_tipe 1 +queryMenghapussub_kategori() +queryMenghapusstatus() +queryMenambahchat() +setidsub() 1
+getnamapengguna() +queryMelihatchat() +getidakun()
+setnamapengguna()
C_kategori 1..* 1..* +queryMenghapuschat() +setidakun()
+getdinas()
+setdinas() +Menambahtipe() 1 1 1..* +getisilaporan()
+setisilaporan()
+gettelp() +Melihattipe() +Menambahkategori() C_sub_kategori C_status +getgambar()
+settelp() +Memperbaruitipe() +Melihatkategori() +setgmbar()
+getpp() +Menghapustipe() +Memperbaruikategori() 1 +getidstatus()
+setpp()
+queryMenambahakun()
1 1
+Menghapuskategori()
C_chat
+setidstatus()
+getbalasan()
+queryMelihatakun() 1 1 +Menambahsub_kategori()
+Melihatsub_kategori()
+Menambahstatus() +setbalasan()
+queryMemperbaruiakun() +Melihatstatus() +gettgl()
+queryMenghapusakun() +Memperbaruisub_kategori() +settgl()
+Memperbaruistatus()
+Menghapussub_kategori() +Menambahchat() +getwaktu()
1..* +Menghapusstatus() +Melihatchat() +setwaktu()
1 1 1 1 +Menghapuschat() +queryMenambahlaporan()
1 1 +queryMelihatlaporan()
C_akun 1 +queryMemperbaruilaporan()
+queryMenghapuslaporan()
1..*
1
+Menambahakun()
+Melihatakun()
1 1 1 1
+Memperbaruiakun()
+Menghapusakun() 1 C_laporan
1
1 KoneksiBasisData
1 1 +Menambahlaporan()
+Melihatlaporan()
1 1 +Memperbaruilaporan()
+host +Menghapuslaporan()
Auth1 +database 1 11
1
+username
+password
1
+open()
+execute()
1
+Login() +getResult()
1 +Logout()
+prologin()
+close()
AntarMuka
1 +formRegister()
+formAkun()
11
+formLogin()
+formTipeAkun()
1 +formKategori()
+formSubKategori() 1
+formPengumuman()
+formStatus()
+formLaporan()
+tampilAkun() Dashboard
1 +tampilTipeAkun() 1
+tampilKategori() +dash_admin()
1 +tampilSubKategori()
+tampilPengumuman()
+dash_super_admin()
+tampilStatus() 1 1 +dash_pengguna()
+tampilLaporan()
Gambar 5. 9 Diagram Kelas
2
Diagram kelas yang ada pada gambar 5. 9 memiliki bagian kelas yang
sudah di definisikan, berikut adalah penjelasan setiap kelas yang ada pada
diagram kelas Sistem Informasi Pelayanan Kominfo.
Tabel 5. 10 Keterangan Kelas
No Nama Kelas Keterangan
1 AntarMuka Kelas yang menangani tampilan.
2 KoneksiBasisData Kelas yang menangani kelas lain dalam menghubungkan
ke basis data.
3 Dashboard Kelas yang menangani bagian index dari tiap pengguna.
4 Auth Kelas proses yang di ambil dari pendefinisian dari use
case.
5 akun Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel akun.
6 tipe Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel tipe.
7 kategori Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel kategori.
8 sub_kategori Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel sub_kategori.
9 status Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel status.
10 laporan Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel laporan.
11 chat Merupakan kelas data yang digunakan untuk memproses
segala pengaksesan terhadap tabel chat.
12 C_akun Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola akun yang di dalamnya harus juga
menangani menambah akun, menghapus akun,
memperbarui akun dan melihat akun.
13 C_tipe Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola tipe yang di dalamnya harus juga
menangani menambah tipe, menghapus tipe,
memperbarui tipe dan melihat tipe.
14 C_kategori Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola kategori yang di dalamnya harus
juga menangani menambah kategori, menghapus
kateogri, memperbarui kategori dan melihat kategori.
15 C_sub_kategori Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola akun yang di dalamnya harus juga
menangani menambah sub_kategori, menghapus
sub_kategori, memperbarui sub_kategori dan melihat
sub_kategori.
16 C_status Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola status yang di dalamnya harus juga
menangani menambah status, menghapus status,
memperbarui status dan melihat status.
3
17 C_laporan Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola laporan yang di dalamnya harus
juga menangani menambah laporan, menghapus laporan,
memperbarui laporan dan melihat laporan.
18 C_chat Merupakan kelas proses yang diambil dari pendefinisian
Use Case mengelola chat yang di dalamnya harus juga
menangani menambah chat, menghapus chat dan melihat
chat.
5.4.3 Diagram Sekuen
Diagram sekuen menggambarkan kelakukan objek pada Use Case dengan
mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar
objek. Berikut adalah gambar diagram sekuen pada Sistem Informasi Pelayanan
Kominfo berbasis Web.
5.4.3.1 Use Case : Login
Gambar 5.10 menjelaskan saat pengguna (Super Admin, Admin dan
Klien) ingin login pada Sistem Informasi Pelayanan Kominfo harus memasukkan
email dan sandi yang valid berdasarkan email dan sandi yang telah terdaftar.
Pengguna m : Mainan : AntarMukav : validasik : KoneksiBasisData p : Pengguna
1 : main()
2 : formLogin
3 : email dan sandi()

4 : Login() 5 : <<create>>
6 : <<create>>
7 : open()
8 : queryProsesLogin
9 : execute()
10 : getResult() 11 : email dan sandi
12 : close()
14 : <<destroy>>
13 : <<destroy>>
Gambar 5. 10 Diagram Sekuen Login
3
5.4.3.2 Use Case : Logout
Gambar 5.11 menjelsakan saat pengguna (Super Admin, Admin dan Klien)
ingin logout pada Sistem Informasi Pelayanan Kominfo melalui menu logout.
Pengguna m : Main an : AntarMukav : validasi
1 : main()
2 : tampilMenu()
3 : Klik menu logout

4 : Logout()
Gambar 5. 11 Diagram Sekuen Logout
5.4.3.3 Use Case : Memeriksa Status Login

Proses memeriksa status login berisi untuk memeriksa apakah pengguna
perangkat lunak sudah melakukan login. Proses ini digunakan oleh Use Case lain
sehingga akan menjadi bagian diagram sekuen dari Use Case lain yang
menggunakannya.
3
5.4.3.4 Diagram Sekuen Super Admin
a. Use Case Menambah Akun
Gambar 5.12 menjelaskan saat Super admin menambah akun pada Sistem
Super
b : Beranda t : Template
Admin
1 : main()
2 : formdata akun
ma : Mengelola
v : Validasi k : KoneksiBasisDatap : Pengguna
Akun
3 : data akun
4. menambah
dataakun()
5. statusLogin()
6 : valid/invalid
<<create>>
<<create>>
: setidakun()
: setidtipe()
: setemail()
: setsandi()
: setnamapengguna()
18 : Execute()
: setdinas()
19 : close()
: settelp()
20 : <<destroy>>
: setpp()
22 : pesan 21 : <<destroy>>
23 : pesan
: queriMenambahakun()
Gambar 5. 12 Diagram Sekuen Menambah Akun
3
b. Use Case Mengubah Akun
Gambar 5.13 menjelaskan saat Super admin mengubah akun pada Sistem Informasi
Pelayanan Kominfo Berbasis Web.
Super Admin
: main()
: data akun
dipilih ma : Mengelola
v : Validasi k : KoneksiBasisData p : Pengguna
3 : formdata akun Akun
4 : data akun
5. mengubah dataakun()
6. statusLogin()
7 : valid/invalid
8. <<create>>
9. <<create>>
10 : setidakun()
11 : setidtipe()
12 : setemail()
13 : setsandi()
14 : setnamapengguna()
15 : setdinas()
16 : settelp()
17 : setpp()
18 : queriMenubahakun()
19 : Execute()
20 : close()
21 : <<destroy>>
22 : <<destroy>>
23 : pesan
24 : pesan
Gambar 5. 13 Diagram Sekuen Mengubah Akun
3
c. Use Case Melihat Akun
Gambar 5.14 menjelaskan saat Super admin melihat akun pada Sistem Informasi
Super ma : Mengelola
b : Beranda t : Template v : Validasi k : KoneksiBasisDatap : Pengguna
Admin Akun
1 : main()
2 : tampil data akun
3. melihat data
akun()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
: getidakun() : hasilquery()
9 : queryMelihatakun()
: getidtipe()
: getemail()
: getsandi()
15 : getnamapengguna()
15 : getdinas()
: gettelp()
23 : data akun
24 : data akun : getpp()
: data akun
Gambar 5. 14 Diagram Sekuen Melihat Akun 20 : close()
d. Use Case Menghapus Akun 21 : <<destroy>>
Gambar 5.15 menjelaskan saat Super admin menambah akun pada Sistem 22 : <<destroy>>()
3
b : Beranda t : Template v : Validasi k : KoneksiBasisData p : Pengguna
Admin Akun
: main()
: data akun
di pilih
3 : form
DataAkun
4. klikmenghapus
5 : menghapus
DataAkun()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMenghapusakun()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
13 : data akun
14 : data akun
Gambar 5. 15 Diagram Sekuen Menghapus Akun
e. Use Case Menambah Tipe

Gambar 5.16 menjelaskan saat Super admin menambah tipe pada Sistem Informasi
Super Admin
1 : main()
2 : formdata
ma : Mengelola
tipe v : Validasi k : KoneksiBasisData p : Pengguna
tipe
3 : data tipe
4. menambah
datatipe()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidtipe()
10 : setnama_tipe()
11 : queriMenambahtipe()
12 : Execute()
13 : close()
14 : <<destroy>>
15 : <<destroy>>
16 : pesan
17 : pesan
Gambar 5. 16 Diagram Sekuen Menambah Tipe
3
f. Use Case Menghapus Tipe
Gambar 5.17 menjelaskan saat Super admin menghapus tipe pada Sistem Informasi
b : Beranda t : Template v : Validasik : KoneksiBasisData p : Pengguna
Admin tipe
: main()
: data tipe
di pilih
3 : form
Datatipe
4. klikmenghapus
5 : menghapus
Datatipe()
4. statusLogin() 5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMenghapustipe()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
13 : data tipe
14 : data tipe
Gambar 5. 17 Diaram Sekuen Menghapus Tipe
g. Use Case Mengubah Tipe

Gambar 5.15 menjelaskan saat Super admin mengubah tipe pada Sistem Informasi
Super
Admin
: main()
: data tipe
3 : formdata tipe
tipe
4 : data tipe
5. mengubah datatipe()
statusLogin() 7 : valid/invalid
<<create>>
<<create>>
10 : setidtipe()
13 : Execute()
11 : setnama_tipe()
14 : close()
15 : <<destroy>>
12 : querymengubahtipe()
16 : <<destroy>>
17 : pesan
18 : pesan
Gambar 5. 18 Diagram Sekuen Mengubah Tipe
3
h. Use Case Melihat Tipe
Gambar 5.15 menjelaskan saat Super admin melihat tipe pada Sistem Informasi
Super Admin ma : Mengelola tipe

1 : main()
2 : tampil data tipe
3. melihat data tipe()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
13. <<create>>
<<create>>
: getResult()
8 : open()
: hasilquery()
14 : getidtipe()
17 : close()
18 : <<destroy>>
9 : queryMelihattipe()19 : <<destroy>>()
20 : data tipe
21 : data tipe 15 : getnama_tipe()
Gambar 5. 19 Diagram Sekuen Melihat Tipe

16 : data tipe
i. Use Case Menambah Kategori

Gambar 5.20 menjelaskan saat Super admin menambah kategori pada Sistem
Super Admin
1 : main()
2 : formdata
kategori ma : Mengelola
kategori v : Validasi k : KoneksiBasisData p : Pengguna
3 : data kategori
4. menambah
datakategori()
5. statusLogin()
6 : valid/invalid
<<create>>
12 : Execute()
<<create>>
13 : close()
14 : <<destroy>>
15 : <<destroy>>
: setidkat()
16 : pesan
17 : pesan
Gambar 5. 20 Diagram Sekuen Menambah Kategori

: setnama_kat()
: queriMenambahkategori()
3
j. Use Case Menghapus Kategori
Gambar 5.21 menjelaskan saat Super admin menghapus kategori pada Sistem
Admin kategori
: main()
: data kategori
di pilih
: form
Datakategori
4. klikmenghapus
5 : menghapus
Datakategori()
<<create>>
<<create>>
8 : open()
10 : execute()
10 : close()
9 : queryMenghapuskategori()
11 : <<destroy>>
12 : <<destroy>>()
13 : data kategori
14 : data kategori
Gambar 5. 21 Diagram Sekuen Menghapus Kategori
k. Use Case Mengubah Kategori

Gambar 5.22 menjelaskan saat Super admin mengubah kategori pada Sistem
Super
Admin
1 : main()
2 : data kategori
v : Validasik : KoneksiBasisData p : Pengguna
3 : formdata kategori
kategori
4 : data kategori
5. mengubah datakategori()
6. statusLogin()
7 : valid/invalid
<<create>>
<<create>>
13 : Execute()
10 : setidkat()
14 : close()
15 : <<destroy>>
11 : setnama_kat()
16 : <<destroy>>
17 : pesan
18 : pesan 12 : querymengubahkategori()
Gambar 5. 22 Diagram Sekuen Mengubah Kategori
3
l. Use Case Melihat Kategori
Gambar 5.23 menjelaskan saat Super admin melihat kategori pada Sistem Informasi
Admin kategori
1 : main()
2 : tampil data kategori
3. melihat data
kategori()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
13. <<create>>
: hasilquery()
9 : queryMelihatkategori()
14 : getidkat()
: getnama_kat()
: data kategori
20 : data kategori : close()

21 : data kategori
: <<destroy>>
19 : <<destroy>>()
Gambar 5. 23 Diagram Sekuen Melihat Kategori
m. Use Case Menambah Sub Kategori

Gambar 5.24 menjelaskan saat Super admin menambah sub kategori pada Sistem
4
Super
Admin
1 : main()
2 : formdata sub_kategori
ma : Mengelola
sub_kategori
3 : data sub_kategori
4. menambah
datasub_kategori()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidsub()
10 : setnama_subkat()
11 : setwarnai()
12 : setidkat()
13 : queriMenambahsub_kategori()
14 : Execute()
15 : close()
16 : <<destroy>>
17 : <<destroy>>
18 : pesan
19 : pesan
Gambar 5. 24 Diagram Sekuen Menambah Sub Kategori
n. Use Case Menghapus Sub Kategori

Gambar 5.24 menjelaskan saat Super admin menghapus sub kategori pada Sistem
Admin sub_kategori
: main()
: data
sub_kategori
di pilih 3 : form
Datasub_kategori
4. klikmenghapus
5 : menghapus
Datasub_kategori()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMenghapussub_kategori()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
Gambar 5. 25 Diagram Sekuen Menghapus Sub Kategori
4
o. Use Case Mengubah Sub Kategori
Gambar 5.26 menjelaskan saat Super admin mengubah sub kategori pada Sistem
Super Admin
: main()
: data
sub_kategori dipilih ma : Mengelola
3 : formdata sub_kategori sub_kategori
5. mengubah datasub_kategori()
<<create>>
<<create>>
10 : setidsub()
11 : setnama_subkat()
: setwarnai()
19 : Execute()
: setidkat()
20 : close()
: querymengubahsub_kategori()
21 : <<destroy>>
23 : pesan
22 : <<destroy>>
24 : pesan
Gambar 5. 26 Diagram Sekuen Mengubah Sub Kategori
p. Use Case Melihat Sub Kategori

Gambar 5.27 menjelaskan saat Super admin melihat sub kategori pada Sistem
4
Admin sub_kategori
1 : main()
2 : tampil data
sub_kategori
3. melihat data sub_kategori()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMelihatsub_kategori()
10 : execute()
: getResult()
13. <<create>> : hasilquery()
14 : getidsub()
15 : getnama_subkat()
16 : getwarnai()
17 : getidkat()
19 : close()
20 : <<destroy>>
21 : <<destroy>>()
22 : data
sub_kategori
Gambar 5. 27 Diagram Sekuen Melihat Sub Kategori
q. Use Case Menambah Status

Gambar 5.28 menjelaskan saat Super admin menambah status pada Sistem
4
Super
Admin
1 : main()
2 : formdata status
ma : Mengelola
status
3 : data status
4. menambah
datastatus()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidstatus()
10 : setwarna()
11 : setikon()
12 : setstat()
13 : queriMenambahstatus()
14 : Execute()
15 : close()
16 : <<destroy>>
17 : <<destroy>>
18 : pesan
19 : pesan
Gambar 5. 28 Diagram Sekuen Menambah Status
r. Use Case Menghapus Status

Gambar 5.29 menjelaskan saat Super admin menghapus status pada Sistem
Admin status
: main()
: data
status
di pilih 3 : form
Datastatus
4. klikmenghapus
5 : menghapus
Datastatus()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMenghapusstatus()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
13 : data status
14 : data status
Gambar 5. 29 Diagram Sekuen Menghapus Status
4
s. Use Case Mengubah Status
Gambar 5.30 menjelaskan saat Super admin mengubah status pada Sistem
Super Admin
: main()
: data
status dipilih ma : Mengelola
3 : formdata status status
4 : data status
5. mengubah datastatus()
6. statusLogin()
7 : valid/invalid
<<create>>
<<create>>
: setidstatus()
: setwarna()
: setikon()
19 : Execute()
20 : close()
: setstat()
21 : <<destroy>>
: querymengubahstatus()
23 : pesan
22 : <<destroy>>
24 : pesan
Gambar 5. 30 Diagram Sekuen Mengubah Status
t. Use Case Melihat Status

Gambar 5.31 menjelaskan saat Super admin melihat status pada Sistem Informasi
4
Admin
b : Beranda t : Template status
1 : main()
2 : tampil data
status
3. melihat data status()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMelihatstatus()
10 : execute()
: getResult()
14 : getidstatus()
15 : getwarna()
16 : getikon()
17 : getstat()
18 : data status
19 : close()
20 : <<destroy>>
21 : <<destroy>>()
22 : data
status
23 : data status
Gambar 5. 31 Diagram Sekuen Melihat Status
u. Use Case Menghapus Laporan

Gambar 5.32 menjelaskan saat Super admin menghapus laporan pada Sistem
Admin laporan
: main()
: data laporan
di pilih
: form
Datalaporan
4. klikmenghapus
5 : menghapus
Datalaporan()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMenghapuslaporan()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
13 : data laporan
14 : data laporan
Gambar 5. 32 Diagram Sekuen Menghapus Laporan
4
v. Use Case Mengubah Laporan
Gambar 5.33 menjelaskan saat Super admin mengubah laporan pada Sistem
Super Admin
1 : main()
2 : data laporan dipilih
ma : Mengelola laporan
3 : formdata
laporan
4 : data laporan
5. mengubah datalaporan()
6. statusLogin()
7 : valid/invalid
8. <<create>>
9. <<create>>
10 : setidlap()
11 : setidkat()
12 : setidsubkat()
13 : setidakun()
14 : setisi_laporan()
15 : setgambar()
16 : setidstatus()
17 : setbalasan()
18 : settgl()
19 : setwaktu()
20 : querymengubahlaporan()
21 : Execute()
22 : close()
23 : <<destroy>>
24 : <<destroy>>
25 : pesan
26 : pesan
Gambar 5. 33 Diagram Sekuen Mengubah Laporan
4
w. Use Case Melihat Laporan
Gambar 5.34 menjelaskan saat Super admin melihat akun pada Sistem Informasi
Super Admin ma : Mengelola laporan

1 : main()
2 : tampil data
laporan
3. melihat data laporan()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
13. <<create>>
: hasilquery()
9 : queryMelihatlaporan()
: getidlap()
: getidkat()
: getidsubkat()
: getidakun()
: getisi_laporan()
: getgambar()
: getidstatus()
: getbalasan()
23 : data laporan
24 : data laporan : gettgl()
: getwaktu()
: data laporan
: close()
: <<destroy>>
27 : <<destroy>>()
Gambar 5. 34 Diagram Sekuen Melihat Laporan
4
x. Use Case Menambah Pengumuman
Gambar 5.34 menjelaskan saat Super admin menambah pengumuman (chat) pada
Sistem Informasi Pelayanan Kominfo Berbasis Web.
4
Super
Admin
1 : main()
2 : formdata
chat ma : Mengelola
chat
3 : data chat
4. menambah
datachat()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidchat()
10 : setidakun()
11 : setpesan()
12 : settgl()
13 : setwaktu()
14 : queriMenambahchat()
15 : Execute()
16 : close()
17 : <<destroy>>
18 : <<destroy>>
19 : pesan
20 : pesan
Gambar 5. 35Diagram Sekuen Menambah Pengumuman
y. Use Case Menghapus Pengumuman

Gambar 5.36 menjelaskan saat Super admin menghapus pengumuan (chat) pada
Admin chat
1 : main()
2 : form
Datachat
3. klikmenghapus
4 : menghapus
Datachat()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : open()
10 : queryMenghapuschat()
11 : execute()
12 : close()
13 : <<destroy>>
14 : <<destroy>>()
15 : data chat
16 : data chat
Gambar 5. 36 Diagram Sekuen Menghapus Pengumuman
5
z. Use Case Melihat Pengumuman
Gambar 5.37 menjelaskan saat Super admin melihat pengumuman (chat) pada
Super Adminb : Beranda ma : Mengelola chat

t : Template v : Validasi k : KoneksiBasisData p : Pengguna
1 : main()
2 : tampil data
chat
3. melihat data
chat()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
9 : queryMelihatchat()
10 : execute()
: getResult()
: hasilquery()
13 : getidchat()
14 : getidakun()
15 : getpesan()
16 : gettgl()
15 : getwaktu()
17 : data chat
20 : close()
21 : <<destroy>>
22 : <<destroy>>()
23 : data chat
24 : data chat
Gambar 5. 37 Diagram Sekuen Melihat Pengumuman
5
5.4.3.5 Diagram Sekuen Admin
a. Use Case Menghapus Laporan
Gambar 5.38 menjelaskan saat Admin menghapus laporan pada Sistem Informasi
ma : Mengelola
Adminb : Berandat : Template v : Validasi k : KoneksiBasisDatap : Pengguna
laporan
: main()
: data laporan
di pilih
: form
Datalaporan
4. klikmenghapus
5 : menghapus
Datalaporan()
<<create>>
<<create>>
8 : open()
10 : execute()
10 : close()
11 : <<destroy>>
13 : data laporan
14 : data laporan
12 : <<destroy>>()
5
b. Use Case Mengubah Laporan
Gambar 5.39 menjelaskan saat admin menggubah laporan pada Sistem Informasi
Adminb : Beranda t : Template
: main()
: data laporan dipilih
3 : formdata
laporan
4 : data laporan
6. statusLogin()
7 : valid/invalid
<<create>>
<<create>>
: setidlap()
: setidkat()
: setidsubkat()
: setidakun()
: setisi_laporan()
: setgambar()
: setidstatus() 21 : Execute()
22 : close()
: setbalasan()
23 : <<destroy>>
: settgl()
25 : pesan
24 : <<destroy>>
26 : pesan
: setwaktu()
: querymengubahlaporan()
Gambar 5. 39 Diagram Sekuen Mengubah Laporan
c. Use Case Melihat Laporan

Gambar 5.40 menjelaskan saat admin melihat laporan pada Sistem Informasi
5
Admin b : Beranda t : Template v : Validasi k : KoneksiBasisData p : Pengguna
1 : main()
2 : tampil data
laporan
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
10 : execute()
: getResult()
14 : getidlap()
15 : getidkat()
16 : getidsubkat()
17 : getidakun()
18 : getisi_laporan()
19 : getgambar()
20 : getidstatus()
21 : getbalasan()
22 : gettgl()
23 : getwaktu()
24 : data laporan
25 : close()
26 : <<destroy>>
27 : <<destroy>>()
23 : data laporan
24 : data laporan
d. Use Case Menambah Pengumuman

Gambar 5.41 menjelaskan saat admin menambah pengumuman (chat) pada Sistem
5
Admin b : Beranda t : Template
1 : main()
2 : formdata
ma : Mengelola
chat v : Validasik : KoneksiBasisData p : Pengguna
chat
3 : data chat
4. menambah
datachat()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidchat()
10 : setidakun()
11 : setpesan()
12 : settgl()
13 : setwaktu()
14 : queriMenambahchat()
15 : Execute()
16 : close()
17 : <<destroy>>
18 : <<destroy>>
19 : pesan
20 : pesan
Gambar 5. 41 Diagram Sekuen Menambah Pengumuman
e. Use Case Menghapus Pengumuman

Gambar 5.42 menjelaskan saat admin menghapus pengumuman (chat) pada Sistem
ma : Mengelola
Admin b : Beranda t : Template v : Validasik : KoneksiBasisData p : Pengguna
chat
1 : main()
2 : form
Datachat
3. klikmenghapus
4 : menghapus
Datachat()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : open()
10 : queryMenghapuschat()
11 : execute()
12 : close()
13 : <<destroy>>
14 : <<destroy>>()
15 : data chat
16 : data chat
Gambar 5. 42 Diagram Sekuen Menghapus Pengumuman
5
f. Use Case Melihat Pengumuman
Gambar 5.43 menjelaskan saat admin melihat pengumuman (chat) pada Sistem
ma : Mengelola chat
Adminb : Berandat : Template v : Validasi k : KoneksiBasisDatap : Pengguna
1 : main()
2 : tampil data
chat
3. melihat data
chat()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
: getidchat() : hasilquery()
: getidakun()
: getpesan()
: gettgl()
15 : getwaktu()
23 : data chat
17 : data chat
24 : data chat
20 : close()
21 : <<destroy>>
Gambar 5. 43 Diagram Sekuen Melihat Pengumuman
22 : <<destroy>>()
5.4.3.6 Diagram Sekuen Klien

a. Use Case Menambah Laporan
Gambar 5.44 menjelaskan saat Klien menambah laporan pada Sistem Informasi
5
Klien b : Beranda t : Template
1 : main()
2 : formdata
laporan ma : Mengelola laporan
3 : data laporan
4. menambah
datalaporan()
5. statusLogin()
6 : valid/invalid
7. <<create>>
8. <<create>>
9 : setidlap()
10 : setidkat()
11 : setidsubkat()
12 : setidakun()
13 : setisi_laporan()
14 : setgambar()
15 : setidstatus()
16 : setbalasan()
17 : settgl()
18 : setwaktu()
17 : queriMenambahlaporan()
18 : Execute()
19 : close()
20 : <<destroy>>
21 : <<destroy>>
22 : pesan
23 : pesan
Gambar 5. 44 Diagram Sekuen Menambah Laporan
b. Use Case Menghapus Laporan

Gambar 5.45 menjelaskan saat klien menghapus laporan pada Sistem Informasi
5
ma : Mengelola
Klien b : Beranda t : Template v : Validasik : KoneksiBasisData p : Pengguna
laporan
1 : main()
2 : data laporan
di pilih
3 : form
Datalaporan
4. klikmenghapus
5 : menghapus
Datalaporan()
4. statusLogin()
5 : valid/invalid
6. <<create>>
7. <<create>>
8 : open()
10 : execute()
10 : close()
11 : <<destroy>>
12 : <<destroy>>()
13 : data laporan
14 : data laporan
c. Use Case Mengubah Laporan

Gambar 5.46 menjelaskan saat klien menggubah laporan pada Sistem Informasi
Klien b : Beranda t : Template
: main()
: data laporan dipilih
3 : formdata laporan
4 : data laporan
6. statusLogin()
7 : valid/invalid
<<create>>
<<create>>
: setidlap()
: setidkat()
: setidsubkat()
21 : Execute()
: setidakun()
22 : close()
23 : <<destroy>>
: setisi_laporan()
24 : <<destroy>>
25 : pesan
26 : pesan
: setgambar()
Gambar 5. 46 Diagram Sekuen Mengubah Laporan : setidstatus()
: setbalasan()
5
: settgl()
: setwaktu()
: querymengubahlaporan()
d. Use Case Melihat Laporan

Gambar 5.47 menjelaskan saat klien melihat laporan pada Sistem Informasi
Klien b : Berandat : Template v : Validasi k : KoneksiBasisDatap : Pengguna
1 : main()
2 : tampil data
laporan
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
13. <<create>>
: hasilquery()
: getidlap()
: getidkat()
: getidsubkat()
: getidakun()
: getisi_laporan()
: getgambar()
: getidstatus()
: getbalasan()
23 : data laporan
24 : data laporan : gettgl()
: getwaktu()
: data laporan
: close()
: <<destroy>>
27 : <<destroy>>()
5
e. Use Case Melihat Pengumuman
Gambar 5.48 menjelaskan saat klien melihat pengumuman (chat) pada Sistem
6
ma : Mengelola chat
Klien b : Berandat : Template v : Validasi k : KoneksiBasisDatap : Pengguna
1 : main()
2 : tampil data
chat
3. melihat data
chat()
4. statusLogin()
5 : valid/invalid
<<create>>
: execute()
<<create>>
8 : open()
: getResult()
: getidchat() : hasilquery()
: getidakun()
: getpesan()
: gettgl()
15 : getwaktu()
23 : data chat
17 : data chat
24 : data chat
20 : close()
Gambar 5. 48 Diagram Sekuen Melihat Pengumuman 21 : <<destroy>>
5.4.4 Diagram Aktivitas 22 : <<destroy>>()
Diagram aktivitas adalah gambaran dari alur aktivitas apa saja yang dapat
di lakukan oleh pengguna. Berikut adalah gambaran diagram aktivitas dari Sistem
5.4.4.1 Super Admin

Gambar 5.49 menunjukkan alur diagram aktivitas dari Super Admin di Sistem
6
Login
Ulang
Gagal
Berhasil
Keluar
Tampil menu
Kembali
Pilih lain
Pilih menu Keluar
Kelola sub kategori Kelola pengumuman

Kelola akun Kelola tipe akun Kelola kategori Kelola laporan Kelola status
Kembali Ke awal
Keluar
Logout
Gambar 5. 49 Diagram Aktivitas Use Case Super Admin
5.4.4.2 Admin
Gambar 5.50 menunjukkan alur diagram aktivitas dari Admin di Sistem Informasi
Pelayanan Kominfo berbasis Web.
Login
Ulang
Gagal
Keluar Berhasil
Tampil menu
Kembali
Pilih lain
Pilih menu
Keluar
Kelola pengumuman
Kelola akun Kelola laporan
Kembali Ke awal
Keluar
Logout
Gambar 5. 50 Diagram Aktivitas Use Case Admin
6
5.4.4.3 Klien
Gambar 5.51 menunjukkan alur diagram aktivitas dari Klien di Sistem Informasi
Pelayanan Kominfo berbasis Web.
Login
Ulang
Gagal
Keluar Berhasil
Tampil menu
Kembali
Pilih lain
Pilih menu
Keluar
Kelola
Kelola akun Kelola laporan
pengumuman
Kembali
Ke awal
Keluar
Logout
Gambar 5. 51 Diagram Aktivitas Use Case Klien
6
5.5 Rancangan Antar Muka
5.5.1 Halaman Beranda Awal
SIMPEL
Login
kOMINFO
Beranda
Akun
Profil
Permintaan
Form
Pengumuman
<
Copyright Thoriq Bakery 2021
Gambar 5. 52 Halaman Beranda Awal
Gambar 5.52 adalah rancangan antarmuka halaman bernada awal di Sistem

Informasi Pelayanan Kominfo.
5.5.2 Halaman Login
LOGIN
Form Email
Buat akun
Form sandi
Tombol Login
Kembali ke Beranda
Gambar 5. 53 Halaman Login
6
Gambar 5.53 adalah rancangan antarmuka halaman login di Sistem
5.5.3 Halaman Registrasi
REGISTRASI
Form nama pengguna
Form Dinas / Instansi
Form nomor telpon

Halaman login...
Form email
Form sandi Form ulangi sandi
Tombol daftar
Gambar 5. 54 Halaman Registrasi
Gambar 5.54 adalah rancangan antarmuka halaman registrasi di Sistem

5.5.4 Halaman Beranda Super Admin

SIMPEL
Nama akun pp
KOMINFO
Beranda Tanggal statistik Statistik statistik
Akun
Lihat Profil
Kelola Akun
Tipe akun
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 55 Halaman Beranda Super Admin
6
Gambar 5.55 adalah rancangan antarmuka halaman beranda yang ada pada
bagian super admin di Sistem Informasi Pelayanan Kominfo.
5.5.5 Halaman Beranda Admin

SIMPEL
Nama akun pp
KOMINFO
Beranda
Tanggal statistik Statistik statistik
Akun
Lihat Profil
Laporan
Permintaan masuk
Pengumuman
Logout
<
Copyright 2021
Gambar 5. 56 Halaman Beranda Admin

Gambar 5.56 adalah rancangan antarmuka halaman beranda admin di
Sistem Informasi Pelayanan Kominfo.
5.5.6 Halaman Beranda Klien

SIMPEL
Nama akun pp
KOMINFO
Beranda
Tanggal statistik Statistik statistik
Akun
Lihat Profil
Laporan
Form Permintaan
Cek Hasil
Pengumuman
Logout
<
Copyright 2021
Gambar 5. 57 Halaman Beranda Klien

Gambar 5.78 adalah rancangan antarmuka halaman beranda awal dari klien
ketika sudah login sebagai klien di Sistem Informasi Pelayanan Kominfo.
6
5.5.7 Halaman Profil
SIMPEL
Nama akun pp
KOMINFO
Beranda Nama akun :

Dinas :
Nomor Telpon :
Akun Email :
Foto profil
Lihat Profil Tipe akun :
Kelola Akun Edit Profil
Tipe akun
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 58 Halaman Profil
Gambar 5.58 adalah rancangan antarmuka halaman profil di Sistem

5.5.8 Halaman Kelola Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda
Akun Daftar akun

Lihat Profil
Kelola Akun Tambah akun
Tipe akun
Aksi
Laporan
Permintaan masuk
Pengumuman
Kelola data Tabel data akun Tombol detail Tombol edit Tombol hapus
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 59 Halaman Kelola Akun
6
Gambar 5.59 adalah rancangan antarmuka halaman kelola akun di Sistem
Informasi Pelayanan Kominfo, yang mana bagian ini di kelola super admin.
5.5.9 Halaman Tipe Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda Tipe tipe akun
Akun
Lihat Profil Tambah tipe akun
Kelola Akun
Aksi
Tipe akun
Laporan
Permintaan masuk
Pengumuman Tabel data tipe akun Tombol edit Tombol hapus
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 60 Halaman TIpe Akun

Gambar 5.60 adalah rancangan antarmuka halaman kelola tipe akun di
Sistem Informasi Pelayanan Kominfo yang di kelola oleh super admin.
5.5.10 Halaman Kriteria Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda Tipe kategori
Akun
Lihat Profil Tambah kategori
Kelola Akun
Aksi
kategori
Laporan
Permintaan masuk
Pengumuman Tabel data kategori Tombol edit Tombol hapus
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 61 Halaman Kategori
6
Gambar 5.61 adalah rancangan antarmuka halaman kelola kategori di
5.5.11 Halaman Kriteria Sub Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda Tipe sub kategori
Akun
Lihat Profil Tambah sub kategori
Kelola Akun
Aksi
sub kategori
Laporan
Permintaan masuk
Pengumuman Tabel data sub kategori Tombol edit Tombol hapus
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 62 Halaman Sub Kategori

Gambar 5.62 adalah rancangan antarmuka halaman kelola sub kategori di
5.5.12 Halaman Status Laporan

SIMPEL
Nama akun pp
KOMINFO
Beranda Tipe status
Akun
Lihat Profil Tambah status
Kelola Akun
Aksi
status
Laporan
Permintaan masuk
Pengumuman Tabel data status Tombol edit Tombol hapus
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 63 Halaman Status
6
Gambar 5.63 adalah rancangan antarmuka halaman kelola status laporan di
5.5.13 Halaman Permintaan Masuk

SIMPEL
Nama akun pp
KOMINFO
Beranda
laporan
Daftar laporan
Lihat Profil
Kelola akun Cetak laporan
Tipe akun
Aksi
Laporan
Permintaan masuk
Pengumuman
Kelola data Tabel data laporan Tombol detail Tombol edit Tombol hapus
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 64 Halaman Permintaan Masuk

Gambar 5.64 adalah rancangan antarmuka halaman permintaaan masuk di
Sistem Informasi Pelayanan Kominfo yang di kelola oleh super admin. Bagian ini
menampilkan laporan yang sudah di buat oleh klien.
5.5.14 Halaman Cek Hasil Laporan

SIMPEL
Nama akun pp
KOMINFO
Beranda
laporan
Lihat Profil Nama :
Dinas / Instansi :
Kelola akun
Tipe akun
Aksi
Laporan
Permintaan masuk
Pengumuman
Kelola data Tabel data laporan Tombol detail Tombol edit Tombol hapus
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 65 Halaman Hasil
7
Gambar 5.65 adalah rancangan antarmuka halaman cek hasil laporan di
Sistem Informasi Pelayanan Kominfo yang di kelola oleh klien sendiri. Bagian ini
menampilkan laporan yang sudah di buat oleh klien.
5.5.15 Halaman Form Tambah Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda
Daftar akun
laporan
Lihat Profil
Nama
Kelola akun
Tipe akun Dinas
Laporan Tipe akun

Permintaan masuk
Nomor Telpon
Pengumuman
Kelola data Email

Kriteria
Sandi
Status Laporan
Logout Pilih file Foto profil
Simpan
<
Copyright 2021
Gambar 5. 66 Halaman Tambah Akun

Gambar 5.66 adalah rancangan antarmuka halaman tambah akun di Sistem
Informasi Pelayanan Kominfo yang di kelola oleh super admin.
5.5.16 Halaman Form Edit Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda
Edit akun
laporan
Lihat Profil
Nama
Kelola akun
Tipe akun Dinas
Laporan Tipe akun

Permintaan masuk
Nomor Telpon
Pengumuman
Kelola data Email

Kriteria
Sandi
Status Laporan
Logout Pilih file Foto profil
Simpan
<
Copyright 2021
Gambar 5. 67 Halaman Edit Akun
7
Gambar 5.67 adalah rancangan antarmuka halaman edit akun di Sistem
5.5.17 Halaman Form Tambah Tipe Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda
Tembah tipe akun
laporan
Lihat Profil
Tipe
Kelola akun
Tipe akun Simpan
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 68 Halaman Tambah Tipe Akun

Gambar 5.68 adalah rancangan antarmuka halaman tambah tipe akun di
5.5.18 Halaman Form Edit Tipe Akun

SIMPEL
Nama akun pp
KOMINFO
Beranda
Edit tipe akun
laporan
Lihat Profil
Tipe
Kelola akun
Tipe akun Simpan
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 69 Halaman Edit Tipe Akun
7
Gambar 5.69 adalah rancangan antarmuka halaman edit tipe akun di Sistem
5.5.19 Halaman Form Tambah Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda
Tembah kategori
laporan
Lihat Profil Kode
Kelola akun
Kategori
Tipe Akun
Simpan
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 70 Halaman Tambah Kategori

Gambar 5.70 adalah rancangan antarmuka halaman tambah kategori di
5.5.20 Halaman Form Edit Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda
Edit kategori
laporan
Lihat Profil Kode
Kelola akun
Kategori
Tipe Akun
Simpan
Laporan
Permintaan masuk
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 71 Halaman Edit Kategori
7
Gambar 5.71 adalah rancangan antarmuka halaman edit kategori di Sistem
5.5.21 Halaman Form Tambah Sub Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda
Tambah sub kategori
laporan
Lihat Profil Kode
Kelola akun
Sub kategori
Tipe Akun
warna
Laporan warna
Permintaan masuk w
Kategori
Pengumuman
Kelola data Simpan

Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 72 Halaman Tambah Sub Kategori

Gambar 5.72 adalah rancangan antarmuka halaman tambah sub kategori di
5.5.22 Halaman Form Edit Sub Kategori

SIMPEL
Nama akun pp
KOMINFO
Beranda
Edit sub kategori
laporan
Lihat Profil Kode
Kelola akun
Sub kategori
Tipe Akun
warna
Laporan warna
Permintaan masuk w
Kategori
Pengumuman
Kelola data Simpan

Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 73 Halaman Edit Sub Kategori
7
Gambar 5.73 adalah rancangan antarmuka halaman edit sub kategori di
5.5.23 Halaman Form Tambah Status
SIMPEL
Nama akun pp
KOMINFO
Beranda Tambah status
laporan
Lihat Profil Status
Kelola akun
Ikon
Tipe Akun
warna
warna
Laporan
Permintaan masuk Perbarui
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 74 Halaman Tambah Status

Gambar 5.74 adalah rancangan antarmuka halaman tambah status di Sistem
5.5.24 Halaman Form Edit Status

SIMPEL
Nama akun pp
KOMINFO
Beranda Edit status
laporan
Lihat Profil Status
Kelola akun
Ikon
Tipe Akun
warna
warna
Laporan
Permintaan masuk Perbarui
Pengumuman
Kelola data
Kriteria
Status Laporan
Logout
<
Copyright 2021
Gambar 5. 75 Halaman Edit Status
7
Gambar 5.75 adalah rancangan antarmuka halaman edit status di Sistem
5.5.25 Halaman Form Keperluan

SIMPEL
Nama akun pp
KOMINFO
Beranda
Form permintaan
Akun
Lihat Profil
Nama
Laporan
Form Permintaan
Dinas
Cek Hasil
Pengumuman Kategori
Logout
keperluan
catatan
Pilih gambar
Simpan
<
Copyright 2021
Gambar 5. 76 Halaman Form Keperluan

Gambar 5.76 adalah rancangan antarmuka halaman form keperluan di
Sistem Informasi Pelayanan Kominfo yang di manfaatkan oleh klien untuk
meminta bantuan.
5.5.26 Halaman Form Edit Laporan

SIMPEL
Nama akun pp
KOMINFO
Beranda
Edit permintaan
Akun
Lihat Profil
Nama
Laporan
Form Permintaan
Dinas
Cek Hasil
Pengumuman Kategori
Logout
keperluan
catatan
Pilih gambar
Simpan
<
Copyright 2021
Gambar 5. 77 Halaman Form Edit Laporan
7
Gambar 5.77 adalah rancangan antarmuka halaman form edit laporan di
Sistem Informasi Pelayanan Kominfo yang di gunakan oleh klien untuk
meperbarui data laporan.
5.6 Implementasi Sistem

5.6.1 Halaman Beranda Awal
Gambar 5. 78 Halaman Beranda Awal
Gambar 5.78 menunjukkan halaman beranda awal, yang mana ketika baru
membuka sistem informasi, maka akan menjumpai halaman ini terlebih dahulu.
5.6.2 Halaman Login
Gambar 5. 79 Halaman Login
7
Gambar ini menampilkan halaman login, yang mana halaman ini di gunakan
untuk login dan mendapatkan hak akses khusus setelah buka sistem informasi nya.
5.6.3 Halaman Registrasi
Gambar 5. 80 Halaman Registrasi
Gambar bagian ini menunjukan halaman registrasi, yang mana di gunakan

sebagai registrasi akun baru oleh pengguna baru.
5.6.4 Halaman Beranda Super Admin
Gambar 5. 81 Halaman Beranda Super Admin
7
Gambar 5.81 menunjukkan halaman beranda awal super admin, yang mana
ketika setelah login, akun tipe super admin, maka akan menjumpai halaman ini
terlebih dahulu.
5.6.5 Halaman Kelola Akun
Gambar 5. 82 Halaman Kelola Akun
Gambar 5.82 menampilkan halaman pengelolaan data akun, yang mana

bagian ini di gunakan oleh super admin.
5.6.6 Halaman Form Daftarkan Akun
Gambar 5. 83 Halaman Daftar Akun
7
Gambar 5.83 menampilkan halaman daftar/tambah data akun, yang mana
bagian ini di gunakan oleh super admin untuk menambahkan akun pengguna.
5.6.7 Halaman Form Edit Akun
Gambar 5. 84 Halaman Edit Akun
Gambar 5.84 menampilkan halaman perbarui data akun, yang mana bagian
ini di gunakan oleh super admin untuk memperbarui data/informasi akun
pengguna.
5.6.8 Halaman Detail Akun
Gambar 5. 85 Halaman Detail Akun
Gambar 5.85 menampilkan halaman detail data akun, yang mana bagian ini
di gunakan oleh super admin untuk melihat informasi detail akun pengguna.
8
5.6.9 Halaman Tipe Akun
Gambar 5. 86 Halaman Tipe Akun

Gambar 5.86 menampilkan halaman pengelolaan data tipe akun, yang mana
5.6.10 Halaman Form Tambah Tipe Akun
Gambar 5. 87 Halaman Tambah Tipe Akun

Gambar 5.87 menampilkan halaman tambah data tipe akun, yang mana
bagian ini di gunakan oleh super admin untuk menambahkan tipe akun pengguna.
8
5.6.11 Halaman Form Edit Tipe Akun
Gambar 5. 88 Halaman Edit Tipe Akun

Gambar 5.88 menampilkan halaman perbarui data akun, yang mana bagian
ini di gunakan oleh super admin untuk memperbarui data/informasi akun
pengguna.
5.6.12 Halaman Permintaan Masuk
Gambar 5. 89 Halaman Pemrintaan Masuk

Gambar 5.89 menampilkan halaman pengelolaan data laporan/permintaan
yang masuk. Bagian ini di gunakan oleh super admin dan admin untuk mengelola
dan melihat informasi dari permintaan klien.
8
5.6.13 Halaman Form Edit Laporan
Gambar 5. 90 Halaman Edit Laporan

Gambar 5.90 menampilkan halaman perbarui data laporan, yang mana
bagian ini di gunakan oleh super admin dan admin untuk memperbarui
data/informasi dari permintaan/laporan klien.
5.6.14 Halaman Detail Laporan
Gambar 5. 91 Halaman Detail Laporan
Gambar 5.91 menampilkan halaman detail data suatu laporan, yang mana
bagian ini di gunakan oleh semua pengguna aktif untuk melihat informasi detail
dari laporan yang sudah terdata.
8
5.6.15 Halaman Pengumuman
Gambar 5. 92 Halaman Pengumuman

Gambar 5.92 menampilkan halaman penguman, yang mana bagian ini di
gunakan oleh super admin dan admin untuk berbagi informasi sekilas. Sedangkan
pengguna lain hanya dapat melihat pengumuman tersebut.
5.6.16 Halaman Kelola Kategori
Gambar 5. 93 Halaman Kategori

Gambar 5.93 menampilkan halaman pengelolaan data kategori, yang mana
8
5.6.17 Halaman Form Tambah Kategori
Gambar 5. 94 Halaman Tambah Kategori

Gambar 5.94 menampilkan halaman tambah data kategori, yang mana
bagian ini di gunakan oleh super admin untuk menambahkan kategori.
5.6.18 Halaman Form Edit Kategori
Gambar 5. 95 Halaman Edit Kategori

Gambar 5.95 menampilkan halaman perbarui data kategori, yang mana
bagian ini di gunakan oleh super admin untuk memperbarui data/informasi
kategori.
8
5.6.19 Halaman Sub Kategori
Gambar 5. 96 Halaman Sub Kategori

Gambar 5.96 menampilkan halaman pengelolaan data sub kategori, yang
mana bagian ini di gunakan oleh super admin.
5.6.20 Halaman Form Tambah Sub Kategori
Gambar 5. 97 Halaman Tambah SubKategori

Gambar 5.97 menampilkan halaman tambah data sub kategori, yang mana
bagian ini di gunakan oleh super admin untuk menambahkan data sub kategori.
8
5.6.21 Halaman Form Edit Sub Kategori
Gambar 5. 98 Halaman Edit Sub Kategori

Gambar 5.98 menampilkan halaman perbarui data sub kategori, yang mana
bagian ini di gunakan oleh super admin untuk memperbarui data/informasi sub
kategori.
5.6.22 Halaman Status Laporan
Gambar 5. 99 Halaman Status

Gambar 5.99 menampilkan halaman pengelolaan data status, yang mana
8
5.6.23 Halaman Form Tambah Status
Gambar 5. 100 Halaman Tambah Status

Gambar 5.100 menampilkan halaman tambah data status, yang mana
bagian ini di gunakan oleh super admin untuk menambahkan data status laporan.
5.6.24 Halaman Form Edit Status
Gambar 5. 101 Halaman Edit Status

Gambar 5.101 menampilkan halaman perbarui data status, yang mana
bagian ini di gunakan oleh super admin untuk memperbarui data/informasi status.
8
5.6.25 Halaman Beranda Klien
Gambar 5. 102 Halaman Beranda Klien

Gambar 5.102 menunjukkan halaman beranda awal klien, yang mana
ketika setelah login, akun tipe klien, maka akan menjumpai halaman ini terlebih
dahulu.
5.6.26 Halaman Formulir Permintaan
Gambar 5. 103 Halaman Form Permintaan

Gambar 5.103 menampilkan halaman formulir untuk klien meminta bantuan
dalam hal bidang IT.
8
5.6.27 Halaman Cek Hasil Laporan
Gambar 5. 104 Halaman Cek Hasil

Gambar 5.104 menampilkan halaman pengelolaan data laporan dari
masing- masing klien, yang mana bagian ini di gunakan oleh klien untuk
mengetahui informasi dan progres dari permintaan para masing-masing klien.
5.6.28 Halaman Form Edit Permintaan
Gambar 5. 105 Halaman Edit Laporan

Gambar 5.105 menampilkan halaman perbarui data / informasi laporan
dari yang di buat para klien. Pada bagian ini klien hanya dapat memperbarui atau
edit data yang bersifat bukan inti permasalahan.
9
5.6.29 Halaman Profil
Gambar 5. 106 Halaman Profil

Gambar 5.106 menunjukkan halaman profil info akun masing-masing akun
yang di gunakan oleh pengguna ketika login.
5.6.30 Halaman Edit Profil
Gambar 5. 107 Halaman Edit Profil
Gambar 5.107 menunjukkan halaman edit profil probadi masing-masing

akun yang sedang login.
9
5.7 Hasil Pengujian (Black Box)
Pengujian sistem dilakukan dengan metode blackbox. Pengujian ini
merupakan pengujian yang digunakan untuk memeriksa fungsional dari sebuah
sistem tanpa menguji desain dan kode program. Pengujian dimaksudkan untuk
mengetahui apakah fungsi-fungsi masukan dan keluaran dari perangkat lunak
sesuai dengan spesifikasi yang dibutuhkan. Pengujian Sistem Informasi Pelayanan
Kominfo, Pengujian di lakukan pertama di lakukan oleh pihak Dinas Komunikasi
dan Informatika Kabupaten Tanah Laut, dari divisi Penyelenggaraan e-
government, di uji saat masih dalam kurun waktu Praktik kerja lapangan.
Berdasarkan pengujian tersebut semua fungsi pada sistem dapat berfungsi sesuai
dengan yang diharapkan.
9
Tabel 5. 11 Hasil Pengujian
No. Fitur Level Pengamatan Hasil di harapkan Hasil pengujian

Pengguna mengisi form untuk mendaftarkan
1 Registrasi dapat melakukan registrasi berhasil
Bebas akun baru
Pengguna
2 Login Mengisi form untuk masuk ke sistem dapat melakukan login ke sistem berhasil
Bebas
Mengisi Form Menyimpan data laporan/permintaan dapat menyimpan data
3 klien berhasil
Keperluan klien laporan/permintaan klien
dapat Melihat progres permintaan
4 Cek Hasil Permintaan klien Melihat progres permintaan berhasil
sendiri
Memperbarui data laporan yang dapat Memperbarui data laporan yang
5 Edit Laporan klien berhasil
dibuat di minta
dapat melihat detai laporan yang di
6 Detail Laporan klien Melihat detail laporan berhasil
buat
7 Hapus Permintaan klien Menghapus/batalkan permintaan dapat membatalkan permintaan berhasil
dapat melihat pengumuman dari
8 Pengumuman klien melihat pengumuman berhasil
kominfo
dapat Melihat dan mengelola
9 Melihat laporan admin Melihat permintaan masuk berhasil
permintaan masuk
Memperbarui data laporan yang
10 Edit Laporan admin dapat Memperbarui data laporan berhasil
dibuat
11 Detail Laporan admin Melihat detail laporan dapat melihat detai laporan berhasil
12 Hapus laporan admin Menghapus/batalkan permintaan dapat membatalkan permintaan berhasil
9
dapat melihat dan membuat
13 Pengumuman admin melihat dan membuat pengumuman berhasil
pengumuman
14 Lihat Data Akun super admin Melihat akun terdaftar dapat melihat akun terdaftar berhasil
15 Daftarkan Akun super admin Menambah data akun dapat menambahkan akun berhasil
16 Detail akun super admin Melihat detail akun melihat detail akun lain berhasil
17 Edit Akun super admin Edit data akun dapat meperbarui data akun lain berhasil
18 Hapus Akun super admin Hapus akun dapat menghapus akun berhasil
19 Lihat Tipe Akun super admin Melihat tipe akun dapat melihat data tipe akun berhasil
20 Tambah Tipe Akun super admin Menambah tipe akun dapat menambah tipe akun berhasil
21 Edit Tipe Akun super admin Edit tipe akun dapat memperbarui data tipe akun berhasil
22 Hapus Tipe Akun super admin Hapus tipe akun dapat menghapus tipe akun berhasil
23 Lihat Kategori super admin melihat data kategori dapat melihat data kategori berhasil
24 Tambah Kategori super admin menambah data kategori dapat menambah kategori berhasil
25 Edit Kategori super admin edit data kategori dapat memperbarui data kategori berhasil
26 Hapus Kategori super admin hapus kategori dapat menghapus kategori berhasil
27 Lihat sub kategori super admin melihat daftarsub kategori dapat melihat data sub kategori berhasil
28 Tambah sub kategori super admin menambah sub kategori dapat menambah sub kategori berhasil
30 Edit sub kategori super admin edit data sub kategori dapat memperbarui data sub kategori berhasil
31 Hapus sub kategori super admin hapus sub kategori dapat menghapus sub kategori berhasil
32 Lihat status super admin melihat status dapat melihat data status berhasil
9
33 Tambah status super admin menambah status dapat menambah status berhasil
34 Edit status super admin edit status dapat memperbarui data status berhasil
35 Hapus status super admin hapus status dapat menghapus status berhasil
dapat Melihat dan mengelola
40 Melihat laporan super admin Melihat daftar laporan klien berhasil
permintaan masuk
41 Detail laporan super admin Melihat detail laporan klien dapat melihat detail laporan klien berhasil
42 Edit Data laporan super admin Edit data laporan dapat memperbarui data laporan berhasil
43 Hapus laporan super admin Menghapus/batalkan laporan dapat membatalkan laporan berhasil
Pengguna dapat melihat profil pribadi masing-
44 Lihat Profil melihat profil sendiri berhasil
Aktif masing
Pengguna
45 Edit Profil edit profil dapat memperbarui info profil pribadi berhasil
Aktif
9
BAB VI
PENUTUP
6.1 Kesimpulan
Berdasarkan pembahasan mengenai Sistem Informasi Pelayanan Kominfo

dapat disimpulkan bahwa sistem ini mampu mendata permintaan dan memberikan
informasi mengenai permintaan para klien. Sistem Informasi Pelayanan Kominfo
ini dirancang dengan menggunakan Unified Model Language. Pengguna dalam
sistem ini ada 4 (empat) yaitu super admin , admin, dan klien. Super admin dapat
mengelola hampir semua data yang ada di sistem. Admin dapat melihat dan
memperbarui akun dan laporan dari para klien. Klien dapat mengelola akun
sendiri, dan juga melakukan pelaporan/meminta bantuan. Sesuai dengan
pengujian, sistem informasi ini dapat melakukan tambah data, hapus data,
perbarui/edit data, sampai dengan menampilkan data-data. Hasil pengujian juga
menunjukan banyak keberhasilan fitur-fitur yang ada, hampir 97% berhasil.
Namun masih ada beberapa kekurangan, seperti tidak berfungsi nya fitur
pencarian.
6.2 Saran
Penulis menyarankan, ketika menaikkan versi (update) sistem ini di
adakannya peningkatan dan pemaksimalan fitur-fitur yang ada, seperti
penggunaan fitur pencarian, fitur pengembangan pelaporan, fitur registrasi yang
mana kata sandi harus berisikan karakter huruf dan angka, dan sebagainya. Sistem
informasi ini, alangkah baiknya di berikan jangka waktu untuk melakukan
perawatan, agar dapat menghindari bug yang terdapat pada program ini, sehingga
para pengguna merasa tidak terganggu dengan tidak adanya permasalahan atau
gangguna di dalam Sistem Informasi Pelayanan Kominfo.
9
DAFTAR PUSTAKA
Adi, S., & Kristin, D. M. (2014). Strukturisasi Entity Relationship Diagram Dan
Data Flow Diagram Berbasis Business Event-Driven. BINUS
UNIVERSITY ComTechVol. 5 No. 1, 29.
Dalis, S. (2017). Rancang Bangun Sistem Informasi Lembaga Penelitian Dan

Pengabdian Masyarakat Berbasis Web. Paradigma Vol. 19, No. 1, 2.
Enterprise, J. (2014). HTML 5 Manual Book. Jakarta: PT. Elex Media Komputindo.
Jayanti, N. D., & Sumiari, N. K. (2018). Teori Basis Data. Yogyakarta: CV. Andi
Offset.
Kadir, A. (2014). Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV.

Andi Offset.
Prasetiadi, A. E. (2011). Web 3.0: Teknologi Web Masa Depan. Indept, Vol 1, No
3, 2-3.
Raharjo, B. (2018). Belajar Ototdidak Framework CodeIgniter : Teknik

Pemrograman Web dengan PHP 7 dan Framework CodeIgniter 3.
Bandung: Informatika Bandung.
Ridlo, I. A. (2017). Panduan Pembuatan Flowchart. Surabaya: Departemen

Administrasi dan Kebijakan Kesehatan.
Rouf, A. (2012). Pengujian Perangkat Lunak dengan Menggunakan Metode White

Box dan Black Box. Sistem Informasi – STMIK HIMSYA Semarang, 3-4.
Suhartanto, M. (2012). Pembuatan Website Sekolah Menegah Pertama Negeri 3

Delanggu. Sentra Penelitian dan Edukasi - Volume 4 No 1, 3.
Sukamto, R. A., & Salahudin, M. (2016). Rekayasa Perangkat Lunak Terstruktur

dan Berorientasi Objek. Bandung: Informatika.
Sulistiono, H. (2018). Coding Mudah dengan CodeIgniter, JQuery, Bootstrap, dan

Datatable. -: Elex Media Komputindo.

Laporan PKL DISKOMINFO TALA - Selesai

Diunggah oleh

Informasi Dokumen

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 PKL DISKOMINFO TALA - Selesai

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI PELAYANAN

KOMINFO BERBASIS WEB

PRAKTIK LAPANGAN KERJA

PROGRAM STUDI DIII TEKNOLOGI

Pelaihari, 26 Juli 2021

1.1 Latar Belakang..........................................................................................1

1.2 Rumusan Masalah.....................................................................................1

1.3 Batasan Masalah........................................................................................2

BAB II GAMBARAN UMUM INSTANSI............................................................3

2.1 Profil Instansi............................................................................................3

2.2 Visi dan Misi.............................................................................................4

2.3 Peran dan Tujuan Instansi.........................................................................4

2.4 Struktur Organisasi Instansi......................................................................6

2.5 Tanggung Jawab dan Fungsi Unit.............................................................6

2.5.1 Sekretariat Diskominfo......................................................................6

2.5.2 Bidang Penyelenggara e-Government................................................7

2.5.3 Bidang Komunikasi............................................................................8

2.5.4 Bidang Statistik dan Persandian.........................................................8

2.6 Jam Kerja Karyawan.................................................................................9

BAB III TINJAUAN PUSTAKA..........................................................................10

3.2 Entity Relationship Diagram (ERD).......................................................10

3.3 Unified Model Language (UML).............................................................11

3.4 Basis Data................................................................................................12

3.7 HyperText Preprocessor (PHP)...............................................................13

3.8 Hyper Text Markup Language (HTML).................................................13

3.9 CodeIgniter (CI)......................................................................................13

3.10 Model Waterfall...................................................................................14

3.11 Black Box Testing................................................................................14

BAB IV KEGIATAN DAN METODE PELAKSANAAN PKL..........................16

4.1 Waktu dan Tempat Praktik Lapangan Kerja...........................................16

4.2 Kegiatan dan Metode Praktik Lapangan Kerja.......................................16

4.2.1 Kegiatan Praktik Lapangan Kerja....................................................16

4.2.2 Metode Praktik Lapangan Kerja......................................................16

BAB V HASIL DAN PEMBAHASAN.................................................................19

5.1 Kegiatan Praktik Kerja Lapangan...........................................................19

5.1.1 Apel Pagi..........................................................................................19

5.1.2 Menyiapkan Rapat Vcon..................................................................19

5.1.3 Installasi Jaringan.............................................................................20

5.2 Analisis Sistem........................................................................................21

5.2.1 Analisis Sistem yang Berjalan.........................................................21

5.2.2 Analisis Sistem yang di Usulkan.....................................................22

5.3 Rancangan Basis Data.............................................................................22

5.3.1 Entity Relationship Diagram...........................................................22

5.3.3 Struktur Tabel di Basis Data............................................................24

5.4 Unified Model Language (UML).............................................................26

5.4.1 Diagram Use Case...........................................................................26

5.4.2 Diagram Kelas..................................................................................29

5.4.3 Diagram Sekuen...............................................................................31

5.4.4 Diagram Aktivitas............................................................................59

5.5 Rancangan Antar Muka...........................................................................62

5.5.1 Halaman Beranda Awal...................................................................62

5.5.2 Halaman Login.................................................................................62

5.5.3 Halaman Registrasi..........................................................................63

5.5.4 Halaman Beranda Super Admin......................................................63

5.5.5 Halaman Beranda Admin.................................................................64

5.5.6 Halaman Beranda Klien...................................................................64

5.5.7 Halaman Profil.................................................................................65

5.5.8 Halaman Kelola Akun......................................................................65

5.5.9 Halaman Tipe Akun.........................................................................66

5.5.10 Halaman Kriteria Kategori...............................................................66

5.5.11 Halaman Kriteria Sub Kategori........................................................67

5.5.12 Halaman Status Laporan..................................................................67

5.5.13 Halaman Permintaan Masuk............................................................68

5.5.14 Halaman Cek Hasil Laporan............................................................68