PERANCANGAN SISTEM INFORMASI COMPANY PROFIL

DAN PENGOLAHAN SURAT (STUDI KASUS DINAS

KOMINFO DAN PERSANDIAN KABUPATEN BUNGO)
BERBASIS WEB

LAPORAN
PRAKTIK KERJA LAPANGAN (PKL)

Oleh :

Cahyo Prasetiawan (1902011007)

Ema Nelis (1902011009)

Holip Aroliah (1902011013)

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS DHARMAS INDONESIA

2022
PERANCANGAN SISTEM INFORMASI DAN PENGOLAHAN
SURAT (STUDI KASUS DINAS KOMINFO DAN
PERSANDIAN KABUPATEN BUNGO) BERBASIS WEB

Dibuat untuk memenuhi salah satu syarat Kurikulum dalam menyelesaikan Strata
Satu (S1) Pada Program Studi Teknik Informatika

Oleh :

Cahyo Prasetiawan (1902011007)

Ema Nelis (1902011009)

Holip Aroliah (1902011013)

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS DHARMAS INDONESIA

2022
 LEMBARAN PENGESAHAN
PERANCANGAN SISTEM INFORMASI DAN PENGOLAHAN SURAT
(STUDI KASUS DINAS KOMINFO DAN PERSANDIAN KABUPATEN
BUNGO) BERBASIS WEB

Laporan Praktik Kerja Lapangan ini telah di Uji Oleh Dosen Penguji pada
Fakultas Ilmu Komputer Universitas Dharmas Indonesia

Dharmasraya ,....... .....2022

Mengesahkahkan :

Dosen Pembimbing Tanda Tangan

1. Dwi Winarti, M.Kom

NIDN : 1024049210 (…………………….)

Dosen penguji
1. ......................................... (…………………….)

2. .......................................... (…………………….)

Mengetahui,

Dekan Ketua Program Studi

Fakultas Ilmu Komputer, Teknik Informatika,

FIRMANSYAH PUTRA, S.Kom.M,Pd.T LIDO SABDA LESMANA, M.Kom

NIDN: 1014038402 NIDN:

i
 KATA PENGANTAR
Puji Syukur kita panjatkan kepada Allah SWT, atas berkat dan rahmatnya kita
dapat menyelesaikan Praktek Kerja Lapangan dengan judul “Perancangan Sistem
Informasi Compani Profil Dan Pengolahan Surat (Studi Kasus Dinas Kominfo
Dan Persandian Kabupaten Bungo) Berbasis Web.” dapat dilaksanakan dengan
baik. Laporan Praktik Kerja Lapangan ini dibuat untuk memenuhi salah satu
syarat Kurikulum dalam menyelesaikan Strata Satu (S1) Pada Program Studi
Teknik Informatika.

Kegiatan Magang ini merupakan salah satu bentuk pertanggung jawaban

tertulis atas terlaksananya kegiatan Praktek Kerja Lapangan(PKL), sampai dengan
penyusunan laporan ini tidak akan terlaksana tanpa adanya kerjasama dari
Mahasiswa PKL di Kantor Dinas Kominfo Kabupaten Bungo, serta berbagai
pihak yang telah mendukung kegiatan PKL ini, karena itulah penyusun ingin
menyampaikan banyak terimakasih kepada beberapa pihak yang ikut mendukung
proses pembuatan laporan ini hingga selesai yaitu :

1. Ibu Dra. Hj. Elviana, M.Si. selaku Pembina Yayasan Amanah Ampang
Kuranji Universitas Dharmas Indonesia.
2. Bapak Dr. Gunawan Ali, M.Kom, selaku Rektor Universitas Dharmas
Indonesia.
3. Ibu Wulan Andang Purnomo, M.Kom, selaku Wakil Rektor I Universitas
Dharmas Indonesia.
4. Bapak Dr. Amar Salahuddin, M.Pd. selaku Wakil Rektor II Universitas
Dharmas Indonesia.
5. Bapak Moh Rosyid Mahmudi, M.Si. selaku Wakil Rektor III Universitas
Dharmas Indonesia.
6. Bapak Firmansyah Putra, S.Kom, M.Pd.T, Selaku Dekan Fakultas Ilmu
Komputer Universitas Dharmas Indonesia
7. Bapak Lido Sabda Lesmana, M.Kom, Selaku Kaprodi Teknik Informatika
Universitas Dharmas Indonesia
8. Ibu Dwi winarti, M.Kom, Selaku Dosen Pembimbing PKL Universitas
Dharmas Indonesia
9. Bapak Zainadi, S.Pd. MM, Selaku Kepala Instansi Kantor Dinas Kominfo
Kabupaten Bungo
10. Bapak Indrayani,S.Pd. MM, Selaku Kabid Teknik Komputer dan Jaringan
Kantor Dinas Kominfo Kabupaten Bungo
11. Seluruh Pegawai, kabid, staff serta rekan dari UMMUBA dan UIN Jambi
Kantor Dinas Kominfo Kabupaten Bungo, yang selalu bersedia membimbing
dan ikhlas membantu kami selama pelaksanaan proses magang.
12. Dan Orang tua, Saudara, Sahabat Saya serta Rekan-rekan Seperjuangan Di
UNDHARI, Juga Semua Pihak Lain Yang Tidak Dapat Penulis Sebutkan Satu
Persatu, Yang Dimana Telah Memberikan Do’a, Semangat, Dukungan,
Bantuan, dan Nasehat Kepada Penulis.
Akhir kata, penulis menyadari bahwa pelaksanaan praktik kerja lapangan dan
penyusunan laporan ini masih belum sempurna. Oleh karena itu, kritik dan saran
yang membangun sangat kami harapkan. Semoga penyusunan laporan ini
bermanfaat bagi semua pihak.

Dharmasraya ,....... .....2022

Penulis

DAFTAR ISI

LEMBARAN PENGESAHAN..................................................................................................i
KATA PENGANTAR...............................................................................................................ii
DAFTAR ISI..............................................................................................................................iv
DAFTAR GAMBAR..................................................................................................................v
DAFTAR TABEL.....................................................................................................................vi
BAB I PENDAHULUAN...........................................................................................................1
1.1 Latar belakang.................................................................................................................1
1.2 Rumusan Masalah...........................................................................................................2
1.3 Batasan Masalah..............................................................................................................2
1.4 Tujuan...............................................................................................................................2
1.5 Manfaat.............................................................................................................................3
BAB II LANDASAN TEORI....................................................................................................4
BAB III PEMBAHASAN........................................................................................................11
3.1 Metodologi Penelitian.................................................................................................11
3.2 Gambaran Umum Tempat Penelitian.......................................................................11
3.2.1 Sejarah Berdirinya Diskominfo Bungo............................................................11
3.2.2 Struktur Oraganisasi..................................................................................................12
3.2.3 Tugas dan Wewenamg...............................................................................................12
3.2.4 Tempat dan Waktu PKL...........................................................................................13
3.2.5 Metode Pengumpukan Data..............................................................................13
3.3 Mekanisme Sistem (Flow/Diagram/Uml)........................................................................13
3.3.1 Perancangan sistem dengan menggunakan UML...................................................13
3.3.2 Desain table dalam Database/ Desain Alat..............................................................13
DAFTAR PUSTAKA...............................................................................................................14
 DAFTAR GAMBAR

Gambar 2.4 Komponen Sistem Informasi..............................................

DAFTAR TABEL
 BAB I
PENDAHULUAN
1.1 Latar belakang
Perkembangan teknologi informasi yang sangat pesat membuat kemajuan
dalam banyak bidang, salah satunya yaitu bidang pemerintahan. Penggunaan
teknologi informasi di industusi pemerintahan sangat penting di era digital seperti
saat ini karena pemanfaatan teknologi informasi dan komunikasi dalam proses
pemerintahan dapat meningkatkan efisiensi, efektivitas, transparansi, dan
akuntabilitas penyelenggaraan pemerintahan pelayanan publik. Penggunaan
teknologi di bidang pemerintahan bisa berbasis mobile atau berbasis web.

Dinas Komunikasi informatika dan Persandian Kabupaten Bungo adalah salah

satu kantor yang berada di Komplek Kantor Bupati di Kabupaten Bungo.
Diskominfo Kabupaten Bungo baru berdiri tahun 2020, dengan dipimpin oleh
Bpk. Zainadi,S.Pd,MM. Diskominfo memiliki beberapa bidang yang tugasnya
secara langsung berkaitan dengan membantu tugas Bupati di bidang komunikasi,
informatika, persandian dan statistika serta mengawasi informasi yang diberikan
kepada kepala daerah di kabupaten Bungo. Selain itu, Diskominfo Bungo
memiliki tugas yang berkaitan dengan pengawasan terhadap semua tower
telekomunikasi yang berada di kabupaten Bungo.

Penelitian sebelumnya, dari Eka Wulansari Fridayanthie and Aan Fauzi,

dengan judul ‘Rancang Bangun Sistem Informasi Pengelolaan Surat Masuk Dan
Surat Keluar Perusahaan’, 2021 dan penelitian dari Aditya Nova P, dengan judul
‘Laporan Kerja Praktek Pembuatan Website Company Profile Kantor Kepala
Desa Kepuharum’, 2020.

Diskominfo bungo selama ini dalam penyampaian informasi kegiatannya

masih sangat sederhana, berupa edaran sehingga masyarakat luas belum terlalu
mengetahui informasi tentang Diskominfo Kabupaten Bungo ataupun dalam
pengolahan surat masih menggunakan cara pencatatan manual menggunakan buku
yang sering terjadinya salah dalam pencatatannya.

1
 Oleh karena itu dengan berkembangnya kemajuan teknologi ini, Diskominfo
Bungo perlu dipromosikan melalui sebuah website online di internet. Dengan
sebuah website, masyarakat dapat dengan mudah mengakses dan mengetahui
segala sesuatu mengenai Diskominfo Bungo dengan jelas dan tanpa memerlukan
banyak waktu. Serta untuk pengawai pengelola surat dapat dengan mudah dalam
mencatat data surat dan dapat mengetahui laporan data surat dengan mudah dan
akurat.

Berdasarkan permasalahan tersebut dapat dibuat sebuah “Perancangan

Sistem Informasi Company Profile Dan Pengolahan Surat (Studi Kasus Dinas
Kominfo Dan Persandian Kabupaten Bungo) Berbasis Web” yang diharapkan
dapat mengatasi kesalahan-kesalahan dalam pengolahan data dan meningkatkan
penyampaian informasi tentang Dinas Komunikasi, Informatika dan Persandian
agar lebih dikenal di masyarakat luas dan dapat berkembang dengan baik.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, maka perumusan masalahnya adalah
Bagaimana Membuat Sistem Informasi Company Profile dan Pengolahan
Surat yang dapat membantu di Dinas Komunikasi, informatika dan
Persandian?

1.3 Batasan Masalah

Agar penyusunan Laporan Praktek Kerja ini menjadi lebih terarah maka
penulis membatasi permasalahan yang akan dibahas hanya menyangkut data
yang diambil untuk merancang dan membangun software dalam pengolahan
data profil kantor yang menyediakan informasi tentang seluruh data pegawai
dan pengolahan surat pada kantor Dinas Komunikasi, Informatika dan
Persandian yang dapat diakses oleh admin dan pegawai.

1.4 Tujuan
Dengan pembuatan Laporan PKL di di harapkan penulis dapat memenuhi
salah satu kewajiban yang harus di tempuh sebagai salah satu syarat
mengambil mata kuliah Skripsi. Selain itu penulis juga berharap Laporan
PKL ini dapat bermanfaat untuk orang banyak terutama untuk Instansi tempat
dimana penulis melaksanakan PKL.
1.5 Manfaat
Manfaat yang diharapkan dalam penyusunan laporan tugas akhir kerja
praktek lapangan ini yaitu:
1. Bagi masyarakat
Memberikan kemudahan bagi masyarakat untuk mendapatkan
informasi yang berhubungan dengan Informasi mengenai profil serta
kegiatan yang ada di Dinas Komunikasi, Informastika dan Persandian.
2. Bagi Kantor
a. Meningkatkan Sistem Pengolahan Surat di Dinas Komunikasi,
Informastika dan Persandian.
b. Meningkatkan kemudahan untuk membagian informasi mengenai
profil dan kegiatan yang dilakukan.
3. Bagi Mahasiswa
Sebagai sarana untuk mengukur pengetahuan dan kemanpuan
mahasiswa selama menempuh pendidikan, serta sebagai bahan literatur
dan referensi bagi Universitas Dharmas Indonesia.

1.5 Sistematika Penulisan

Dalam penulisan laporan praktek kerja ini, penulis menggunakan
sistematika penulisan yang terdiri dari lima bab yang masing-masing
menampakkan titik berat yang berbeda namun dalam satu kesatuan yang saling
mendukung satu dan melengkapi.
Bab pertama yaitu Pendahuluan yang berisi Latar belakang masalah,
memuat tentang keterangan-keterangan yang menyebabkan muculnya masalah
adanya kesenjangan dan hal baru. Kemudian juga berisi rumusan masalah,
tujuan PKL, manfaat PKL ,dan sistematika penulisan. dalam bab pertama ini
tampak penggambaran isi laporan pkl secara keseluruhan namun dalam satu
kesatuan yang ringkas dan padat guna menjadi pedoman untuk bab kedua,
ketiga, keempat dan bab kelima.
Bab kedua yaitu landasan teori, berupa tinjauan pustaka untuk variabel-
variabel yang ada di dalam judul dan teori-teori yang mendasari pemecahan
masalah.
 Bab ketiga Pembahasan, yaitu berisikan metodologi penelitian yang
merupakan penjelasan secara detail kerangka kerja penelitian, kemudian
Gambaran umum tempat penelitian seperti sejarah berdirinya tempat
penelitian, struktur Organisasi, tugas dan wewenang, tempat dan waktu pkl,
dan metode pengumpulan data. Dan kemudian juga berikan tentang mekanisme
sistem, dan desain interface.
Bab keempat merupakan Implementasi dan pengujian, berisikan tentang
implementasi atau penerapan sistem yang telah penulis buat, kemudian juga
terdapat pengujian yaitu menjelaskan tentang proses dimulainya sampai
program ini selesai dieksekusi, point-point pada sub bab ini akan menjelaskan
tentang bagaimana sebuah form pada sistem yang di buat oleh penulis
dijalankan dan apa saja fungsi yang terdapat pada form tersebut.
Dan yang terakhir pada bab kelima yaitu kesimpulan yang memuat
kesimpulan-kesimpulan dari proses analisis kebutuhan perangkat lunak,
perancangan dan implementasi. Kemudian saran yang berisi saran-saran yang
perlu diperhatikan berdasarkan keterbatasan-keterbatasan yang ditemukan dan
asumsi-asumsi yang dibuat selama melakukan kerja praktek, yang
berhubungan dengan masalah yang di angkat penulis.
 BAB II

LANDASAN TEORI
2.1 Tinjauan Pustaka
2.1.1 Pengertian Rancang Bangun
Perancangan perangkat lunak merupakan suatu proses analisis dan
pengumpulan kebutuhan-kebutuhan untuk membentuk suatu
rancangan perangkat lunak kemudian diwujudkan menjadi
perangkat lunak(Nisa 2019).
Perancangan Menurut Rusdi Nur dan Muhammad Arsyad Suyuti
(2018:5) adalah suatu proses untuk membuat dan mendesain sistem
yang baru.
Berdasarkan teori di atas dapat disimpulkan bahwa, Perancangan
merupakan sebuah proses yang dilakukan untuk merancang,
membuat dan mendesain perangkat lunak.

2.1.2 Pengertian Sistem

Sistem merupakan suatu kesatuan menyeluruh yang
didalamnya terdapat prosedur dan komponen yang saling
berhubungan dan saling bergantung dalam suatu jaringan kerja
untuk mencapai suatu tujuan tertentu(Siti et al. 2021).
Sistem adalah gabungan dari kumpulan elemen, komponen
atau variabel yang saling berhubungan satu sama lainnya guna
untuk mencapai suatu tujuan tertentu(Maydianto 2021)
Pengertian sistem menurut (Erawati, 2019) sistem adalah
jaringan proses kerja yang saling terkait dan berkumpul guna untuk
mencapai sebuah tujuan serta melakukan suatu kegiatan.
Berdasarkan teori di atas dapat di simpulkan bahwa, Sistem
merupakan suatu komponen-komponen yang saling terkait dalam
suatu jaringan kerja untuk mencapai sebuah tujuan serta melakukan
suatu kegiatan.

5
2.1.3 Pengertian Informasi
Informasi menurut (Martin Halomoan Lumbangaol, 2020)
informasi adalah hasil dari pemrosesan data yang relevan dan
memiliki manfaat bagi penggunanya.
Pengertian informasi menurut (Tukino, 2020) informasi
merupakan sebuah data yang dikelolah menjadi sesuatu yang lebih
bernilai tinggi bagi penerima guna untuk membantu membuat
sebuah pengambilan keputusan.
Berdasarkan teori-teori di atas dapat di simpulkan bahwa,
informasi merupakan data yang telah diolah sehingga bermanfaat
bagi penggunannya, serta mengandung nilai penuh yakni
keakuratan, tepat waktu, dan relevan.

2.1.4 Pengertian Sistem Informasi

Sistem informasi merupakan sebuah kumpulan dari
beberapa komponen yang mengelola data supaya data yang diolah
dapat dijadikan sebagai informasi yang bermakna dan dapat
membantu mencapai tujuan organisasi(Maydianto 2021).
Sistem informasi menurut (Wahyudi & Ridho, n.d., 2020)
sistem informasi merupakan sejumlah komponen yang dimana
komponen itu saling berhubungan satu sama lainnya guna untuk
mencapai sebuah tujuan yang diharapkan.
Sistem informasi menurut (Jonny Seah, 2020) sistem
informasi merupakan gabungan dari berbagai komponen teknologi
informasi yang saling bekerjasama dan menghasilkan suatu
informasi guna untuk memperoleh satu jalur komunikasi dalam
suatu organisasi atau kelompok.
Berdasarkan teori-teori di atas dapat di simpulkan bahwa,
Sistem informasi merupakan komponen-komponen yang dijadikan
sebagai informasi bermakna yang saling terkait guna untuk
mencapai suatu tujuan tertentu.
2.1.4.1 Komponen Sistem Informasi
Dalam suatu sistem informasi terdapat komponen-
komponen, yaitu meliputi:
a. Perangkat keras (hardware) : mencakup piranti-piranti
fisik seperti komputer dan printer
b. Perangkat lunak (software) atau aplikasi adalah
sekumpulan intruksi yang memungkinkan perangkat
keras untuk dapat memproses data.
c. Prosedur : sekumpulan aturan yang dipakai untuk
mewujudkan pemrosesan data dan pembangkitan
keluaran yang dikehendaki.
d. Orang : semua pihak yang bertanggung jawab dalam
pengembangan sistem informasi, pemrosesan, dan
penggunaan keluaran sistem informasi.
e. Basis data (database) : sekumpulan tabel, hubungan, dan
lain-lain yang berkaitan dengan penyimpanan data.
f. Jaringan komputer dan komunikasi data : sistem
penghubung yang memungkinkan sumber (resource)
dipakai secara bersama atau diakses oleh sejumlah
pemakai.

Perangkat
Keras

Perangkat Lunak
Orang
Komponen Sistem Informasi

Basis Data Prosedur

Jaringan
Komputer dan
Komunikasi Data

Gambar 2.4 Komponen Sistem Informasi

Sistem informasi merupakan sebuah kumpulan dari
beberapa komponen yang mengelola data supaya data yang diolah
 dapat dijadikan sebagai informasi yang bermakna dan dapat
membantu mencapai tujuan organisasi(Maydianto 2021).
Sistem informasi menurut (Wahyudi & Ridho, n.d., 2020)
sistem informasi merupakan sejumlah komponen yang dimana
komponen itu saling berhubungan satu sama lainnya guna untuk
mencapai sebuah tujuan yang diharapkan.
Sistem informasi menurut (Jonny Seah, 2020) sistem
informasi merupakan gabungan dari berbagai komponen teknologi
informasi yang saling bekerjasama dan menghasilkan suatu
informasi guna untuk memperoleh satu jalur komunikasi dalam
suatu organisasi atau kelompok.
Berdasarkan teori-teori di atas dapat di simpulkan bahwa,
Sistem informasi merupakan komponen-komponen yang dijadikan
sebagai informasi bermakna yang saling terkait guna untuk
mencapai suatu tujuan tertentu.
2.1.5 Company Profile
Company profile adalah gambaran umum mengenai suatu
media jati diri untuk menyampaikan dan menginformasikan
tentang nilai-nilai positif suatu perusahaan, lembaga atau instansi
baik pemerintah maupun swasta, agar mendapatkan suatu
tanggapan yang positif (simpati dari masyarakat), sehingga
keberadaan instansi bisa di terima oleh masyarakat(Mustaib and
Dwiyansaputra 2022).
2.1.6 Pengolahan Surat
Surat berkaitan kuat dengan urusan perkantoran. Kantor
tanpa menggunakan surat berarti aktivitas tidak akan terja didalam
kantor tersebut. Dalam pelaksanaan kegiatan administrasi, kantor
diupayakan dalam mencapai pencapaian efisiensi dan efektivitas
kerja. Salah satu cara yang mendukung keberhasilan dalam
mencapai tujuan organisasi atau lembaga secara efektif dan efisien
adalah kelancaran dan ketertiban dalam hal bidang
administrasi(Susanto et al. 2021).
2.1.7 Framework Bootstrap
Bootstrap merupakan front-end framework yang intuitif dan
powerful untuk pengembangan aplikasi web yang lebih cepat dan
mudah. Bootstrap menggunakan HTML, CSS dan
JavaScript(Kasus, Gramedia, and Gunadi 2021). Bootstrap
menyediakan sejumlah fitur untuk mendukung pengembang
perangkat lunak menghasilkan aplikasi yang kompatibel dengan
berbagai perangkat bergerak. Berikut ini adalah fitur- fitur dari
framework Bootstrap:
 Komponen siap pakai
 Kompatibilitas web browser
 Mendukung Responsive Web Design
 CSS yang fleksibel
 JavaScript siap pakai Untuk mempermudah pembuatan
antarmuka pengguna.

Bootstrap menyediakan sejumlah komponen yang dapat

digunakan. Berikut adalah komponen-komponen yang digunakan
dalam pembuatan sistem sebuah sistem:

1) Buttons; digunakan untuk membuat tombol.

2) Forms; digunakan untuk membuat formulir yang berisi
sejumlah elemen sebagai sarana untuk menerima masukan
(input) dari pengguna.
3) Modal; digunakan untuk menambahkan kotak dialog ke sebuah
halaman website.
4) Navs; digunakan untuk membuat menu navigasi halaman
website.
2.1.8 PHP
PHP adalah bahasa yang digunakan untuk membuat server
menghasilkan keluaran dinamis yang berpotensi berbeda setiap
kali browser meminta suatu halaman (Robin, 2018).
 Menurut Anhar (dalam Salamun, 2017) menyatakan bahwa PHP
ialah Script yang digunakan dalam pembuatan halaman website
dinamis yang artinya bisa diperbaharui secara berkala. Dalam hal
ini website dinamis dibuat saat client meminta, mekanisme seperti
ini membuat website menampilkan informasi dapat diterima client
selalu terbaru dan tepat waktu. Semua script PHP diproses didalam
server dimana script tersebut dijalankan.
PHP merupakan suatu bagian terpenting dalam pembuatan
website dinamis. Hal ini karena dalam PHP terhadap script yang
berisi kode-kode untuk membuat web(Putra and Nita 2019).
2.1.9 XAMPP
Mawaddah dan Fauzi (2018) menyatakan bahwa XAMPP ialah
software yang di dalamnya tertdapat server MySQL dan didukung
oleh PHP sebagai bahasa pemrograman untuk membuat website
dinamis serta terdapat web server apache yang dapat dijalankan di
beberapa platform seperti OS X, Windows, Linux, Mac, dan
Solaris.
Iqbal (2019) menyatakan XAMPP merupakan software server
apache dimana dalam XAMPP yang telah tersedia database server
seperti MySQL dan PHP programming. XAMPP memiliki
keunggulan yaitu cukup mudah dioperasikan, tidak memerlukan
biaya serta mendukung instalasi pada Windows dan linux.
Keuntungan lain yang didapatkan adalah hanya dengan melakukan
instalasi cukup satu kali kemudian didalamnya tersedia MySQL,
apacheweb server, Database server PHP support (PHP 4 dan PHP
5) dan beberapa modul lainnya.
Dari pengertian diatas disimpulkan bahwa XAMPP merupakan
software server apache di mana memiliki banyak keuntungan
seperti mudah untuk digunakan, tidak memerlukan biaya serta
mendukung pada instalasi Windows dan Linux. Hal ini juga
didukung karena dengan instalasi yang di lakukan satu kali tersedia
 MySQL, apache web server, Database server PHP (Putra and Nita
2019).
2.1.9 Mysql
MySql merupakan sistem basis data gratis yang kuat dan
sangat cepat, MySql dapat berjalan bahkan pada perangkat keras
yang paling dasar, dan hampir tidak mengurangi sumber daya
sistem(Robin, 2018).
Menurut Adhi (dalam Salamun, 2017) menyatakan MySQL
merupakan suatu program database server dimana perangkat lunak
tersebut mampu untuk digunakan sebagai transaksi menerima dan
mengirim dengan waktu yang singkat pengguna dengan jumlah yang
banyak sesuai standar SQL (structured Query Language) yaitu bahasa
pemrograman database.
MySQL dapat diakses oleh banyak pengguna dan juga membatasi
akses berdasarkan previllage (hak user)secara bersamaan(Putra and
Nita 2019)
2.1.10 Website
Website adalah sekumpulan dokumen yang berada pada server dan
dapat dilihat oleh user dengan menggunakan browser. Dokumen itu
bisa terdiri dari beberapa halaman. Tiap-tiap halamannya memberi
informasi atau interaksi yang beraneka ragam. Informasi atau
interaksi yang beraneka ragam. Informasi dan interaksi itu bisa
berupa tulisan, gambar atau bahkan dapat ditampilkan dalam bentuk
video, animasi,suara, dan lain-lain (Doni & Rahman, 2020)
Menurut (Muhyidin et al., 2020) menyatakan “Website merupakan
suatu layanan sajian informasi yang menggunakan konsep hyperlink,
yang memudahkan surfer (sebutan bagi pemakai komputer yang
melakukan penelusuran informasi di internet)”.

2.1.11 Unified Modeling Language (UML)

2.1.11.1 Pengertian UML

 Unified Modeling Language (UML) adalah standar bahasa yang
banyak digunakan digunakan di dunia industri untuk
mendefinisikan requirement, membuat analisis dan desain, serta
menggambarkan arsitektur dalam pemoograman berorientasi
objek(Rosa A.S & M.Shalahuddin, 2018).

Menurut peneliti (Kroenke et al., 2018), UML adalah

seperangkat diagram, struktur, dan teknik untuk memodelkan dan
merancang program dan aplikasi berorientasi objek.

Sedangkan menurut (Rumpe, 2017), UML digunakan sebagai

notasi untuk berbagai kegiatan, seperti memodelkan kasus bisnis,
menganalisis bentuk sistem, serta arsitektur dan desain awal.
Peneliti (Seidl, Scholz,

2.1.11.2 Jenis-Jenis Diagram UML

1. Use Case Diagram.

Use case adalah model persyaratan sistem pada tingkat

tinggi. use case diagram terutama digunakan untuk

memvisualisasikan use case, sektor terkait, dan

interaksinya(Unhelkar, 2018).

Sukamto dan Shalahuddin (2018:155), “use case atau

diagram use case merupakan pemodelan untuk kelakuan

(behavior) sistem informasi yang akan dibuat. Use case

mendeskripsikan sebuah interaksi antara satu atau lebih aktor

dengan sistem informasi yang akan dibuat. Secara kasar, use

case digunakan untuk mengetahui fungsi apa saja yang ada di

dalam sebuah sistem informasi dan siapa saja yang berhak

menggunakan fungsi-fungsi itu”.

2. Activity Diagram.

Activity diagram adalah aktivitas dari sebuah sistem atau

peroses bisnis, menu yang ada pada perangkat lunak, intinya

yaitu bahwa diagram aktivitas menggambarkan aktivitas

sistem bukan apa yang dilakukan aktor, jadi aktifitas yang

dapat di lakukan oleh sistem(Rosa A.S & M.Shalahuddin,

2018)

3. Sequence Diagram

Sequence diagram mewakili interaksi terperinci antara aktor

dan sistem atau antara objek yang berkolaborasi dalam blok

waktu tertentu(Unhelkar, 2018).

4. Activity Diagram
Activity Diagram merupakan diagram yang menggambarkan
work flow atau aktivitas dari sebuah sistem yang ada pada
perangkat lunak.
 BAB III

PEMBAHASAN

3.1 Metodologi Penelitian

3.1.1 Kerangka Kerja Penelitian
Kerangka kerja merupakan langkah-langkah yang akan dilakukan
dalam penyelesaian masalah yang dibahas, karena membantu
memperjelas alur kerjana. Adapun kerangka kerja yang diginakan
seperti Gambar 3.1 berikut :

3.2 Gambaran Umum Tempat Penelitian

3.2.1 Sejarah Berdirinya Diskominfo Bungo

Sejarah Dinas komunikasi, Informatika dan Persandian Kabupaten
Bungo awalnya berasal dari salah satu bagian bidang dikantor bupati
dan termasuk humas disana. Lalu, humas bidang komunikasi,
informatika dan persandian di pecah dan dijadikan kantor terpisah dari
dalam bagian kantor bupati. Dimana kantor ini di dirikan
bangunannya sendiri, lalu dilakukannya pembagian bidang untuk
setiap pegawai negeri sipil yang bekerja. Kantor Dinas Kominfo
berdiri pada tahun 2020 dan sudah berusia 2 tahun yang masih
dipimpin oleh bapak Zainadi, S.Pd.MM.

3.2.2 Struktur Oraganisasi

Berikut struktur organisasi kantor Dinas Kominfosandi Kabupaten
Bungo :

14
 KEPALA DINAS

SEKRETARIS

SUB BAGIAN UMUM PERENCANA MUDA

Bendahara

Staff

TENAGA KONTRAK

KABID INFORMASI KABID TEKNOLOGI KABID PERSANDIAN

PRANATA HUMAS MUDA PRANATA KOMPUTER MUDA Sandiman Muda

Pengelola Radio Pengelola Sistem dan Jaringan

Statistisi Muda

TENAGA KONTRAK Pranata Komputer

Pranata Alat Persandian
Pengelola Teknologi Informasi
TENAGA KONTRAK Pengelola
TENAGA DataKONTRAK

Didalam struktur organisasi mitra magang terdapat 30 pegawai negeri

sipil dinas kominfo dan persandian yang masing-masing dari pegawai memiliki

jabatan serta bagian yang berbeda di setiap bidang yang di ketuai juga diisi

oleh pegawai diantarannya tertera di tabel berikut ini :

3.2.3 Tugas dan Wewenang

a. Tugas

Dinas Komunikasi, Informatika dan Persandian mempunyai tugas yaitu

membantu Bupati menyelenggarakan urusan pemerintahan bidang komunikasi
dan informatika, bidang statistik dan bidang persandian.

b. Fungsi

Dinas komunikasi dan Infromatika menyelenggarakan fungsi :

1. Perumusan kebijakan bidang komunikasi dan informatika, statistik, dan

persandian.
 2. Pelaksanaan kebijakan dibidang komunikasi dan informatika, statistik, dan
persandian.
3. Pelaksanaan evaluasi dan pelaporan penyelenggaraan urusan pemerintahan
bidang komunikasi dan informatika, bidang statistik, dan bidang persandian.
4. Pelaksanaan administrasi Dinas.
5. Pelaksanaan fungsi lain yang diberikan oleh Bupati terkait dengan tugas dan
fungsinya.

3.2.4 Tempat dan Waktu PKL

Dinas Komunikasi, Informatika dan Persandian Kabupaten Bungo
merupakan salah satu kantor yang bertempat di jalan R.M Thaher No.503
Komplek Kantor Bupati Bungo. Praktek Kerja Lapangan (PKL) dilakukan selama
3 (tiga) bulan, dimulai dari tanggal 1 juni 2022 sampai dengan tanggal 30
september 2022.

1.2.5 Metode Pengumpukan Data

1) Studi Literatur
Studi literatur merupakan serangkaian kegiatan yang berhubungan
dengan metode pengumpulan data pustaka, membaca dan mencatat, serta
mengelola bahan penelitian dengan tujuan untuk menyelesaikan persoalan
dengan mencari sumber-sumber penelitian yang pernah dibuat
sebelumnya.
2) Wawancara
Wawancara merupakan teknik pengumpulan data secara langsung
melalui tatap muka serta melakukan kegiatan tanya jawab dengan
narasumber.
3) Observasi
Observasi merupakan teknik pengumpulan data dengan cara terjun
langsung ke lapangan untuk mengamati permasalahan yang tengah terjadi.
Dalam penelitian ini, peneliti mengamati secara langsung dengan melihat
permasalahan yang dianggap perlu dalam penelitian ini, seperti mengamati
pelaksanaan pencatatan surat dan penyebaran informasi kedinasan.
3.3 Mekanisme Sistem (Flow/Diagram/Uml)
3.3.1 Model Perancangan sistem
Perancangan sistem informasi company profile dan pengolahan surat
berbasis website pada Dinas Komunikasi, Informatika dan Persandian Bungo ini
menggunakan model waterfall.

Dalam pengembangannya metode waterfall memiliki beberapa tahapan

yang runtut: requirement (analisis kebutuhan), design sistem, Pembuatan Program
(coding) , Testing dan Penerapan Program dan Pemeliharaan(maintenance).

a. Requirement (Analisis kebutuhan).

Analisa kebutuhan adalah analisa terhadap kebutuhan sistem.
Pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian,
wawancara atau study literatur. Pada tahap ini penulis menggali
informasi sebanyak banyaknya dari pembimbing lapangan untuk
mengetahui apa saja yang dibutuhkan dalam sistem yang nantinya
dibuat. Hasil tersebut menjadi acuan penulis dalam membuat sistem
yang memadai sesuai dengan kebutuhan sekolah.
b. Design System (Desain sistem)
Desain Sistem adalah tahap setelah analisis sistem dari siklus
pengembangan system yang mendefinisikan dari kebutuhan-kebutuhan
fungsional. Atau bisa dikatakan persiapan penulis untuk rancang
bangun implementasi, menggambarkan bagaimana suatu system
 dibentuk yang dapat berupa penggambaran, perencanaan dan
pembuatan sketsa dari suatu system. Contohnya adalah pembuatan
struktur data, arsitektur perangkat lunak, representasi interface.
c. Pembuatan program (Coding)
Coding adalah tentang menerjemahkan logika ke dalam bahasa
pemrograman komputer. Di tahap ini penulis mengerjakan suatu sistem
nya dengan pengguaan computer yang maksimal yang selanjutnya
akan di uji untuk menemukan kekurangan sistem.
d. Testing
Tahap selanjutnya yaitu testing dimana testing adalah proses yang
dibuat sedemikian rupa untuk mengindentifikasikan etidaksesuaian
hasil sebuah sistem informasi dengan hasil yang diharapkan. Pada
tahap ini penulis melakukan testing dengan segenap tenaga pegawai
dan pembimbing lapangan dan menghasilkan beberapa perubahan.
e. Pemeliharaan (Operation & Maintenance)
Pemeliharaan Sistem adalah suatu kombinasi dari berbagai tindakan
yang dilakukan untuk menjaga suatu sistem dalam atau
memperbaikinya sampai suatu kondisi yang bisa diterima. Setelah
melakukan testing dengan pihak sekolah dan menghasilkan beberapa
hal yang harus dirubah agar sesuai dengan permintaan pemakai sistem.

3.3.2 Desain table dalam Database/ Desain Alat

3.4 Desain User Interface

3.4.1 Perancangan Antar Muka
1. User

a. Home Page
 Home Page merupakan halaman yang pertama kali akan muncul ketika
user baru membuka “localhost/websekolah-sdn26”. Pada halaman ini user
akan langsung diperlihatkan foto foto yang berkaitan dengan Diskominfo
Bungo, lalu dibawahnya ditampilkan profil singkat kantor, pengumuman,
berita dan galeri foto mengenai Diskominfo bungo yang berurutan dari
berita paling baru sampai paling lama sesuai tanggalnya.

b. Visi & Misi

merupakan rancangan tampilan dari halaman visi misi yang diperlihatkan

pada user. Pada halaman ini berisikan visi dan misi dari Diskominfo Bungo.

4. Profil Kantor

Merupakan racangan tampilan profil kantor yang berisi gambar dan

keterangan kantor Diskominfo Bungo.
5. Berita
merupakan rancangan tampilan dari berita yang diperlihatkan pada level
user. dibawahnya ditampilkan berita berita mengenai Diskominfo Bungo
yang berurutan dari berita paling baru sampai paling lama sesuai
tanggalnya.
6. Pengumuman
merupakan rancangan tampilan dari pengumuman yang diperlihatkan pada
level user. dibawahnya ditampilkan pengumuman mengenai Diskominfo
Bungo yang berurutan dari pengumuman paling baru sampai paling lama
sesuai tanggalnya.
7. Tenaga Kerja
merupakan rancangan tampilan dari halaman tenaga kerja yang
diperlihatkan pada level user. Dimana berisi informasi tentang tenaga kerja
perbidang yang ada di Diskominfo Bungo, dengan informasi seperti nama,
foto, jabatan dan nip serta tugas dan fungsi perbidang yang ada di
Diskominfo Bungo.
8. Galeri
Merupakan rancangan tampilan dari halaman galeri yang diperlihatkan
pada level user. Dimana berisi informasi tentang foto dan vidio yang
berkaitan dengan kegiatan yang dilakukan di Diskominfo Bungo serta ada
keterangan kegiatan dan tanggal pelaksanaannya.
9. Kontak Kami
Merupakan rancangan tampilan dari halaman kontak kami. Dimana pada
halaman ini tempat untuk user / pengunjung memberikan kritik serta saran
untuk Diskominfo Bungo. Pada halaman ini juga ditampilkan juga alamat,
no telepon, media sosial dan lokasi kantor.
10. Login
Merupakan rancangan tampilam dari form login user. Dimana form ini
akan menjadi popup (tampilan mengambang) pada halaman kontak kami.
11. Register
Merupakan rancangan tampilam dari form register user. Digunakan untuk
mendaftar diri sebagai pengunjung (user) dan juga form ini akan menjadi
popup (tampilan mengambang) pada halaman kontak kami.
 DAFTAR PUSTAKA
Aditya Nova P. 2020. “Laporan Kerja Praktek Pembuatan Website Company Profile Kantor
Kepala Desa Kepuharum.”

Kasus, Studi, P T Gramedia, and Goldie Gunadi. 2021. “Rancang Bangun Sistem Peminjaman
Laptop Dengan Metode Extreme Programming Menggunakan Framework Bootstrap” 12 (1):
74–86.

Maydianto, Muhammat Rasid Ridho. 2021. “Rancang Bangun Sistem Informasi Point of Sale
Dengan Framework Codeigniter Pada Cv Powershop.” Jurnal Comasie 4 (2): 50–59.

Mustaib, Robby Igfirly, and Ramaditia Dwiyansaputra. 2022. “SISTEM INFORMASI

COMPANY PROFILE KANTOR DESA” 3 (2): 177–88.

Nisa, Khoirun. 2019. “Perancangan Sistem Informasi Persediaan Barang Berbasis Web Pada Liga
Alumunium,” 30–33.

Putra, Agustiranda Bagaskara, and Sekreningsih Nita. 2019. “Perancangan Dan Pembangunan
Sistem Informasi E-Learning Berbasis Web ( Studi Kasus Pada Madrasah Aliyah Kare
Madiun ),” no. 2017: 81–85.

Siti, Tia, Maulidda Lestari, Suhana Minah Jaya, Nurani Berbasis, and Web Whatsapp. 2021.
“PERANCANGAN SISTEM INFORMASI BERBASIS WEB MELALUI WHATSAPP
 GATEWAY STUDI KASUS SEKOLAH LUAR BIASA-BC NURANI” XI (1): 38–44.

Susanto, Ari, Ni Wayan Parwati, Mei Lestari, Program Studi, Teknik Informatika, Kelurahan
Gedong, Pasar Rebo, and Jakarta Timur. 2021. “PERANCANGAN SISTEM INFORMASI
PENGELOLAAN SURAT” 02 (01): 8–14.

Rosa,A.S. & M.Shalahuddin.2018."REKAYASA PERANGKAT LUNAK TERSTRUKTUR

DAN BERORIENTASI OBJEK".BANDUNG:Informatika Bandung.