APLIKASI SURAT MASUK DAN SURAT KELUAR DI DIVISI

KEPATUHAN TATA KELOLA KEBIJAKAN DAN APU PPT BANK

SUMSEL BABEL KANTOR PUSAT

LAPORAN KERJA PRAKTIK

Laporan Ini Disusun Untuk Memenuhi Persyaratan

Mata Kuliah Kerja Praktik
Pada Jurusan Teknik Komputer

Oleh:

MuhammadAlif Alfajriqo 062030701684

JURUSAN TEKNIK KOMPUTER

POLITEKNIK NEGERI SRIWIJAYA
PALEMBANG
2023
 LEMBAR PENGESAHAN
LAPORAN KERJA PRAKTIK

Nama : Muhammad Alif Alfajriqo

NIM : 061930701684

Jurusan : Teknik Komputer

Program Studi : DIII Teknik Komputer

Kelas : 5 CE

Judul Laporan : Aplikasi Surat Masuk Dan Surat Keluar Di Bank Sumsel
Babel Kantor Pusat

Palembang, Januari 2023

Mengetahui, Menyetujui,
Ketua Jurusan Teknik Komputer Pembimbing

Azwardi, S.T., M.T. Ica Admirani, S.Kom., M.Kom.

NIP. 197005232005011004 NIP. 197903282005012001

ii
 KATA PENGANTAR

Assalaamu’alaykum warahmatullah wabarakaatuh

Alhamdulillah, puji dan syukur ke hadirat Allah atas berkah, rahmat, ridha,
serta hidayah-Nya Laporan Kerja Praktik “Aplikasi Surat Masuk Dan Surat Keluar
Di Divisi Kepatuhan Tata Kelola Kebijakan Dan APU PPT” dapat diselesaikan
dengan baik. Tidak lupa shalawat dan salam kepada nabi Muhammad Shallallahu
‘alaihi wasallam. Semoga kita mendapatkan syafa’at-nya di yaumul akhir kelak.
Tujuan dari penyusunan Laporan Kerja Praktik ini adalah untuk memenuhi
persyaratan Mata Kuliah Kerja Praktik pada Jurusan Teknik Komputer Politeknik
Negeri Sriwijaya. Laporan ini tidak selesai dengan sendirinya, melainkan dengan
bantuan, bimbingan, petunjuk dan dukungan dari berbagai pihak. Maka dalam
kesempatan ini penulis ingin menyampaikan terima kasih kepada:
1. Bunda dan ayah yang selalu sabar dan ikhlas mendidik, mendukung
serta mendoakan.
2. Adik-adik, tante, nyai dan seluruh keluarga yang ikhlas mendukung
dan mendoakan.
3. Ibu Ica Admirani, S.Kom., M.Kom. selaku dosen pembimbing Kerja
Praktik.
4. Bapak Azwardi, S.T., M.T. selaku Ketua Jurusan Teknik Komputer
Politeknik Negeri Sriwijaya.
5. Bapak/Ibu Dosen Jurusan Teknik Komputer Politeknik Negeri
Sriwijaya.
6. Seluruh jajaran staf administrasi dan pegawai Jurusan Teknik
Komputer Politeknik Negeri Sriwijaya.
7. Ibu Mirza selaku pembimbing di Divisi KPN Bank Sumsel Babel
Kantor Pusat.
8. Seluruh jajaran staf dan pegawai di Divisi KPN Bank Sumsel Babel
Kantor Pusat yang telah banyak membimbing dan memberikan ilmu.

iii
 9. Bapak Rangga Akbar dan Mirza Emira Sari sebagai pembimbing
pembuatan aplikasi dan Laporan Kerja Praktik.
10. Muhammad Affan Arrahman, Aisyah Nurhaliza selaku saudara saya.
11. Muhamad Ridho Marza dan Destri Rahma Wani yang telah membantu
banyak dalam penyelesaian pembuatan aplikasi dan laporan.
12. Teman-teman dari kelas 5 CE Angkatan 2020.
13. Seluruh pihak yang terlibat dalam proses penyelesaian Laporan Kerja
Praktik ini.
Di dalam penulisan Laporan Kerja Praktik ini masih terdapat banyak
kesalahan dan kekurangan dikarenakan keterbatasan kemampuan dan pengetahuan
penulis. Sesungguhnya kesempurnaan itu hanyalah milik-Nya, oleh karena itu kritik
dan saran yang bersifat membangun sangat diharapkan penulis. Akhir kata, semoga
Laporan Kerja Praktik ini dapat bermanfaat bagi semua pihak yang membutuhkan
sebagai penambah wawasan dan ilmu pengetahuan.

Wassalaamu’alaykum warahmatullah wabarakaatuh

Palembang, Januari 2023

Muhammad Alif Alfajriqo

iv
 DAFTAR ISI

HALAMAN JUDUL .................................................................................. i

LEMBAR PENGESAHAN....................................................................... ii

KATA PENGANTAR .............................................................................. iii

DAFTAR ISI .............................................................................................. v

DAFTAR TABEL ...................................................................................... x

BAB I PENDAHULUAN .......................................................................... 1

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

1.2 Rumusan Masalah .................................................................. 2

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

1.4 Tujuan .................................................................................... 3

BAB II TINJAUAN UMUM..................................................................... 4

2.1 Sejarah Singkat Bank Sumsel Babel ............................................. 4

2.2 Visi dan Misi Bank Sumsel Babel ................................................ 5

2.3 Logo Bank Sumsel Babel .............................................................. 6

2.4 Alamat Bank Sumsel Babel Kantor Pusat ..................................... 6

2.5 Struktur Organisasi Bank Sumsel Babel Kantor Pusat ................. 7

2.6 Produk dan Layanan Bank Sumsel Babel Kantor Pusat ............. 16

BAB III TINJAUAN PUSTAKA ........................................................... 19

3.1 Aplikasi dan Pengolahan Data ................... 19

3.2 Surat ........................................................... 19

3.3 Website....................................................... 19

3.4 Internet ....................................................... 20

v
 3.5 HyperText Markup Language (HTML) ..... 20

3.6 Database ..................................................... 21

3.7 Hypertext Pre-processor (PHP) .................. 21

3.8 JavaScript ................................................... 22

3.9 JQuery ........................................................ 22

3.10 MySQL (Structured Query Language) ...... 23

3.11 XAMPP ..................................................... 23

3.12 PHPMyAdmin ........................................... 24

3.13 CSS ............................................................ 25

3.14 Laravel ....................................................... 25

3.15 Materialize CSS ........................................ 26

3.16 Pengertian Flowchart ................................ 26

BAB IV TINJAUAN PUSTAKA ........................................................... 30

4.1 Tahap Perancangan Aplikasi ..................... 30

4.2 Flowchart .................................................. 31

4.2.1. Flowchart Login Admin dan User ............. 31

4.2.2. Flowchart Surat Masuk .............................. 33

4.2.3. Flowchart Surat Keluar .............................. 34

4.2.4. Flowchart Galeri File ................................. 34

4.2.5. Flowchart Manajemen User ....................... 36

4.3 Pembuatan Database.................................. 36

4.3.1 Tabel Disposisi ........................................ 38

4.3.2 Tabel Instansi ............................................. 39

4.3.3 Tabel Kode Surat ....................................... 40

4.3.4 Tabel Users ................................................ 40

vi
 4.3.5 Tabel Surat Keluar ..................................... 41

4.3.6 Tabel Surat Masuk ..................................... 42

4.4 Perancangan Desain Website ..................... 43

4.4.1 Desain Halaman Form Login ..................... 43

4.4.2 Desain Halaman Beranda Admin ............... 43

4.4.3 Desain Halaman Beranda User .................. 44

4.4.4 Desain Halaman Surat Masuk .................... 44

4.4.5 Desain Halaman Surat Keluar .................... 45

4.4.6 Desain Halaman Galeri Surat Masuk ......... 45

4.4.7 Desain Halaman Galeri Surat Keluar ......... 46

4.4.8 Desain Halaman Manejemen User ............. 46

4.5 Pengujian Program ..................................... 47

4.5.1 Pengujian Halaman Login ......................... 47

4.5.2 Pengujian Halaman Admin Dashboard ...... 48

4.5.3 Pengujian Halaman User Dashboard ......... 48

4.5.4 Pengujian Halaman Surat Masuk ............... 49

4.5.5 Pengujian Halaman Surat Keluar ............... 49

4.5.6 Pengujian Halaman Galeri File .................. 50

4.5.7 Pengujian Halaman Manajemen User ........ 51

3.6 Analisis Pengujian Program .................................... 51

BAB V PENUTUP ................................................................................... 52

5.1 Kesimpulan ....................................................... 52

5.2 Saran .................................................................. 52

DAFTAR PUSTAKA .............................................................................. 53

vii
 DAFTAR GAMBAR

Gambar 4.1 Flowchart Login Admin ..................... Error! Bookmark not defined.
Gambar 4.2 Flowchart Tambah User .................... Error! Bookmark not defined.
Gambar 4.3 Flowchart Tambah Ruangan .............. Error! Bookmark not defined.
Gambar 4.4 Flowchart Konfirmasi Reservasi ....... Error! Bookmark not defined.
Gambar 4.5 Flowchart Login User ........................ Error! Bookmark not defined.
Gambar 4.6 Flowchart Reservasi Ruangan ........... Error! Bookmark not defined.
Gambar 4.7 Rancangan Halaman Login ................ Error! Bookmark not defined.
Gambar 4.8 Rancangan Dashboard Admin ........... Error! Bookmark not defined.
Gambar 4.9 Rancangan Halaman Verifikasi .......... Error! Bookmark not defined.
Gambar 4.10 Rancangan Halaman Riwayat Reservasi AdminError! Bookmark
not defined.
Gambar 4.11 Rancangan Halaman Data User ....... Error! Bookmark not defined.
Gambar 4.12 Rancangan Halaman Tambah User .. Error! Bookmark not defined.
Gambar 4.13 Rancangan Halaman Data Ruangan . Error! Bookmark not defined.
Gambar 4.14 Rancangan Halaman Tambah RuanganError! Bookmark not
defined.
Gambar 4.15 Rancangan Halaman Dashboard UserError! Bookmark not
defined.
Gambar 4.16 Rancangan Halaman Pilihan RuanganError! Bookmark not
defined.
Gambar 4.17 Rancangan Halaman Reservasi RuanganError! Bookmark not
defined.
Gambar 4.18 Rancangan Halaman Riwayat Reservasi UserError! Bookmark not
defined.
Gambar 4.19 Halaman Login ................................. Error! Bookmark not defined.
Gambar 4.20 Halaman Dashboard Admin ............ Error! Bookmark not defined.
Gambar 4.21 Halaman Verifikasi Ruangan ........... Error! Bookmark not defined.
Gambar 4.22 Halaman Riwayat Reservasi Admin Error! Bookmark not defined.

viii
Gambar 4.23 Halaman Data User .......................... Error! Bookmark not defined.
Gambar 4.24 Halaman Tambah User..................... Error! Bookmark not defined.
Gambar 4.25 Halaman Data Ruangan .................... Error! Bookmark not defined.
Gambar 4.26 Halaman Tambah Ruangan .............. Error! Bookmark not defined.
Gambar 4.27 Halaman Dashboard User ................ Error! Bookmark not defined.
Gambar 4.28 Halaman Pilihan Ruangan ................ Error! Bookmark not defined.
Gambar 4.29 Halaman Reservasi Ruangan ............ Error! Bookmark not defined.
Gambar 4.30 Halaman Riwayat Reservasi User .... Error! Bookmark not defined.

ix
 DAFTAR TABEL

HALAMAN
Tabel 3.1 Tabel flow symbol .................................. Error! Bookmark not defined.

Tabel 4.1 Tabel users ............................................. Error! Bookmark not defined.

Tabel 4.2 Tabel room ............................................. Error! Bookmark not defined.
Tabel 4.3 Tabel reserve .......................................... Error! Bookmark not defined.

x
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Dalam suatu perusahaan baik swasta atau pemerintahan dalam melakukan
kegiatan tidak terlepas dari kegiatan surat menyurat, pengurusan surat termasuk
kegiatan penting yang haru dilakukan oleh suatu perusahaan swasta atau
pemerintahan dan kegiatan pengurusan surat tiap instansi memiliki cara yang
berbeda. Kegiatan surat menyurat harus mendapatkan perhatian yang sungguh-
sungguh, karena isi surat pada perusahaan akan menjadi sarana pencapaian tujuan
dari suatu organisasi, maka dari itu perlu adanya pengelolaan surat yang baik dalam
suatu organisasi, perusahaan atau instansi.
Surat masuk atau surat keluar yang diarsipkan beberapa tahun yang lalu tentu
lebih sulit dicari jika menggunakan cara penyimpanan konvensional berupa
hardcopy dan lembaran lembaran kertas. Dengan memanfaatkan teknologi berbasis
website, penyimpanan arsip surat masuk dan arsip surat keluar bisa dilakukan
dengan mudah, akurat dan tahan lama tidak termakan waktu meskipun sudah
beberapa tahun yang lalu. Penyimpanan arsip arsip tersebut berupa file atau soft
copy dengan disertai kode-kode tertentu sehingga memungkinkan kemudahan dan
kecepatan dalam hal pencarian dan tidak rusak dimakan waktu.

Agar mendapatkan pengarsipan yang baik, tepat dan tersistematis

diperlukannya perbaikan sistem pengarsipan diperusahaan, organisasi atau
instansi. Seiring perkembangan teknologi yang semakin pesat, pengarsipan surat
yang semula masih menggunakan pembukuan, tentunya memiliki banyak
kelemahan seperti kecenderungan kelalaian dalam proses pengarsipan data.

Adanya perkembangan teknologi harusnya bisa menjadi alat bantu untuk

mempermudah proses pengarsipan surat agar menjadi lebih baik dan
tersistematis. Proses pengarsipan surat diharapkan bisa menjadi lebih baik
dengan pemanfatan teknologi yang tepat.

1
 Bank Sumsel Babel tepatnya di Divisi kepatuhan Tata Kelola Kebijakan
dan APU PPT masih menggunakan pembukuan dalam mengarsipkan masuk dan
keluarnya surat-surat sehingga sistem ini memiliki cukup banyak permasalahan,
antara lain surat tercecer, kehilangan buku, buku tersebut rusak, mudah
diduplikasi (palsukan), sulitnya dalam proses pencarian nomor surat karena
membutuhkan waktu untuk mencari dibuku tersebut atau kekeliruan lainnya.

Dengan permasalahan di tersebut, akan dibuat sebuah aplikasi yang dapat

mempermudah dalam pengarsipan surat masuk dan surat keluar.Adapun judul
yang penulis berikan adalah “APLIKASI SURAT MASUK DAN SURAT
KELUAR DI DIVISI KEPATUHAN TATA KELOLA KEBIJAKAN DAN
APU PPT BANK SUMSEL BABEL KANTOR PUSAT.”

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas maka dirumuskan masalah yaitu
bagaimana cara membuat aplikasi website untuk memfasilitasi proses surat
masuk dan surat keluar pada Divisi Kepatuhan Tata Kelola Kebijakan Dan
APU PPT.

1.3 Batasan Masalah

Untuk mencapai sasaran yang diinginkan, permasalahan akan dibatasi

sebagai berikut:
1. Aplikasi yang dilakukan merupakan penelitian berbasis web.
2. Aplikasi ini dibuat menggunakan bahasa pemrograman PHP dan
MySQL sebagai database-nya.

3. Data yang diolah berupa data surat masuk dan surat keluar.

2
1.4 Tujuan
Tujuan dari penyusunan laporan ini adalah Untuk merancang sebuah
aplikasi yang dapat memfasilitasi proses surat masuk dan surat keluar secara
online pada Bank Sumsel Babel Kantor Pusat

1.5 Manfaat
Adapun manfaat dari penyusunan laporan ini adalah sebagai berikut:
1. Mempermudah proses surat masuk dan surat keluar secara online pada
Bank Sumsel Babel Kantor Pusat.
2. Mempermudah Pimpinan untuk mendisposisi surat masuk dan surat
keluar

3
 BAB II

TINJAUAN UMUM

2.1 Sejarah Singkat Bank Sumsel Babel

PT Bank Pembangunan Daerah Sumatera Selatan dan Bangka Belitung
didirikan pada tanggal 6 November 1957 dengan nama PT Bank
Pembangunan Sumatera Selatan yang didirikan berdasarkan:
1. Keputusan Panglima Ketua Penguasa Perang Daerah Sriwijaya Tingkat I
Sumatera Selatan Nomor 132/SPP/58 tanggal 10 April 1958 dengan berlaku
surut. mulai tanggal 6 Nopember 1957.
2. Akta Notaris Tan Thong Khe Nomor 54 tanggal 29 September 1958 dengan
izin Menteri Kehakiman No. J.A.5/44/16 tanggal 11 Mei 1959.
3. Izin Usaha Bank dari Menteri Keuangan Nomor 47692/UM II tanggal 18
April 1959.

Selanjutnya dengan diberlakukannya Undang-Undang Nomor 13 Tahun

1962 tentang Bank Pembangunan Daerah, maka terhitung sejak tahun 1962,
secara resmi seluruh kegiatan PT. Bank Pembangunan Sumatera Selatan
menjadi milik Pemerintah Daerah Propinsi Sumatera Selatan dengan status
badan hukum perusahaan Daerah berdasarkan Peraturan DaerahNomor
11/DPRDGR Tingkat I Sumatera Selatan, Dengan izin usaha yang
dikeluarkan oleh Menteri Urusan Bank Central / Gubernur Bank Indonesia
Nomor 2/Kep/MUBS/G/63 Tanggal 27 Februari 1963.
Setelah mengalami beberapa kali perubahan, terakhir sejak
diberlakukannya Undang-undang Nomor 7 Tahun 1992 Tentang perbankan
dan sesuai dengan Perda No. 6 tahun 2000 tanggal 19 Mei 2000, Bank Sumsel
mengubah bentuk badan hukum dari Perusahaan Daerah menjadi Perusahaan
Persero Terbatas dengan Akta Pendirian No. 20 tanggal 25 November 2000
dan persetujuan Deputi Gubernur Bank Indonesia No.3/2/KEP.DpG/2001
tanggal 24 September 2001.

4
 Perubahan badan hukum tersebut terhitung tanggal 1 Oktober 2001, dengan
berbagai perubahan yang mendasar dan menyeluruh tersebut agar Bank
Sumsel lebih profesional dan mampu bersaing pada era otonomi daerah.
Berdasarkan Pernyataan Keputusan Pemegang Saham di Luar Rapat
PT. Bank Pembangunan Daerah Sumatera Selatan Nomor2 tanggal 03
November 2009 dan Pengesahan Menteri Hukum dan Hak Azazi Manusia
Republik Indonesia Nomor:AHU-56914.AH.01.02. Tahun 2009 tanggal 20
November 2009, maka: Bank Sumsel berubah nama menjadi Bank Sumsel
Babel.

2.2 Visi dan Misi Bank Sumsel Babel

Sebagai salah satu Bank Daerah paling berkembang di Indonesia, hal
ini dibuktikan dengan banyaknya penghargaan dan penilaian baik dari
berbagai Lembaga. Hasil audit tahun 2021 oleh Bank Indonesia juga
menempatkan Bank Sumsel Babel sebagai sebagai bank dengan peringkat
kesehatan BK II yang berarti bank yang sehat. Tentunya hal ini sejalan dengan
Visi dan Misi yang digaungkan oleh Bank Sumsel Babel yaitu :
Visi :
Menjadi Bank Terkemuka dan Terpercaya dengan Kinerja Unggul.
Misi :
1. Membantu mengembangkan potensi daerah dan meningkatkan
pertumbuhan perekonomian daerah.
2. Menumbuh kembangkan Retail Banking, Corporate Banking, dan
International Banking.
3. Mengembangkan Human Capital yang profesional dan tata kelola
perusahaan yang baik.

5
2.3 Logo Bank Sumsel Babel

Gambar 2.1 Logo Bank Sumsel Babel

Lambang Bank Sumsel Babel memiliki arti 8 anak sungai yang ada di
wilayah sumsel ditandai dengan gambar 8 gelombang.

2.4 Alamat Bank Sumsel Babel Kantor Pusat

Bank Sumsel Babel beralamat di Jl. Gubernur H. Ahmad Bastari
no.07 Kelurahan. Silaberanti Kecamatan. Seberang Ulu I Jakabaring
Palembang.

Gambar 2.2 Alamat Bank Sumsel Babel Kantor Pusat

6
2.5 Struktur Organisasi Bank Sumsel Babel Kantor Pusat

Gambar 2.3 Struktur Organisasi Bank Sumsel Babel Kantor Pusat

Berdasarkan struktur organisasi yang ada di PT Bank Pembangunan

Daerah Sumatera Selatan dan Bangka Belitung, tugas dan tujuan jabatan
dapat dijelaskan sebagai berikut :
- Rapat umum pemegang saham

Rapat umum pemegang saham merupakan agenda penting untuk

menetapkan arah yang bersifat strategis kepada direksi dan dewan komisaris
dalam batas undang-undang dan anggaran.
- Dewan Pengawas Syariah

Untuk memastikan kesesuaian Syariah, maka Dewan Pengawas Syariah

akan melakukan pengawasan, baik secara aktif maupun pasif, terutama dalam
pelaksanaan fatwa DSN serta memberikan pengarahan/pengawasan atas
produk/jasa dan kegiatan usaha agar sesuai dengan prinsip Syariah.

7
- Dewan Komisaris

Dewan Komisaris bertugas mengawasi dan memberikan nasihat kepada

Direksi sebagai pengurus perusahaan.
- Komite Nominasi dan Remunerasi

Komite Nominasi dan Remunerasi berperan membantu Dewan Komisaris

dalam penetapan kriteria pemilihan calon anggota Dewan Komisaris dan
Direksi beserta sistem remunerasinya, membantu Dewan Komisaris
mempersiapkan calon anggota Dewan Komisaris dan Direksi serta
mengusulkan besaran remunerasinya.
- Komite Pemantau Risiko

Komite Pemantau Risiko bertugas mengevaluasi kesesuaian kebijakan

manajemen risiko dengan pelaksanaannya dan melakukan pengawasan dan
evaluasi pada pelaksanaan tugas Komite Manajemen Risiko dan Satuan Kerja
Manajemen Risiko.
- Komite Audit

Komite Audit bertugas untuk melakukan pengawasan atas efektivitas

sistem pengendalian internal, internal audit, proses pelaporan Keuangan,
sehingga Bank dapat dikelola berdasarkan prinsip-prinsip transparansi,
akuntabilitas, pertangung jawaban, independensi dan kewajaran.
- Komite Assets dan Liabilities Management Committee (ALCO)

ALCO adalah komite yang dibentuk oleh Direksi. ALCO merupakan

wadah utama untuk mencapai tujuan dari ALM (Assets dan Liabilities
Management) dan bertanggung jawab untuk pengembangan, implementasi,
monitoring, dan evaluasi, dari strategi ALM Bank.
- Komite Kredit/Pembiayaan

Komite Kredit dibentuk dalam rangka menunjang proses pemberian

kredit dan produk program dengan tetap memperhatikan prinsip kehati-hatian
yang wajib menerapkan four-eyes principles.

8
- Komite Manajemen Risiko

Komite Manajemen Risiko (Risk Management Committee - RMC) untuk

menetapkan, meninjau pelaksanaan dan terus memperbaiki kebijakan dan
metodologi yang digunakan untuk mengelola risiko.
- Komite Pengarah TI

Komite Pengarah Teknologi Informasi dibentuk dengan tujuan membantu

pelaksanaan tugas Direksi dalam melaksanakan tugas dan tanggung jawab
terhadap penetapan rencana strategis Teknologi informasi dan kebijakan bank
terkait penggunaan Teknologi Informasi.
- Komite Kebijakan Perkreditan/Pembiayaan

Komite Kebijakan Perkreditan adalah komite yang dibentuk oleh Direksi

dalam rangka pengelolaan kebijakan perkreditan yang bertujuan untuk
mendukung pemberian kredit yang sehat dan mengandung unsur
pengendalian internal mulai tahap awal proses kegiatan perkreditan sampai
dengan tahap pemantauan perkreditan dengan memperhatikan prinsip kehati-
hatian.
- Komite Human Capital

Komite Human Capital bertujuan mendorong terlaksananya tata kelola

perusahaan yang baik melalui suatu mekanisme pengendalian dan
implementasi kebijakan strategis di bidang organisasi, compensation dan
benefit, dan Talent Management, Bank mengoptimalkan fungsi
supervisory/advisory guna memberikan arahan-arahan strategis dan
pengambilan keputusan-keputusan penting serta kebijakan baru menuju
pemberdayaan SDM.
- Direktur Utama

Direktur utama Melaksanakan pengurusan Perseroan untuk kepentingan

Perseroan dan sesuai dengan maksud dan tujuan Perseroan, Melakukan segala
tindakan dan perbuatan mengenai pengurusan maupun pemilikan kekayaan
Perseroan.

9
- Direktur Bisnis

Direktur Bisnis bertugas Mengarahkan dan mengevaluasi penyusunan

Business Plan dan Action Plan jangka pendek, jangka menengah dan jangka
panjang agar sejalan dengan kebijakan Perseroan.
- Direktur Operasional

Direktur Operasional bertugas mengarahkan, mengevaluasi, serta

mensosialisasikan kebijakan dan stategi di bidang operasional.
- Direktur Keuangan

Direktur Keuangan bertugas memimpin Departemen Keuangan untuk

memastikan Perseroan memenuhi seluruh kewajiban pelaporan, ketentuan
akuntansi dan audit yang ditetapkan oleh peraturan pasar modal, serta
menyusun dan membuat anggaran dasar tahunan, anggaran lainnya dan
rencana keuangan Perseroan.
- Direktur Kepatuhan dan Manajemen Risiko

Direktur Kepatuhan dan Manajemen Risiko bertugas dalam hal mengatur

dan mengawasi agar proses manajemen risiko dapat berjalan dengan baik
serta mengatasi risiko kepatuhan yang merupakan salah satu jenis risiko yang
akan dihadapi oleh suatu badan organisasi.
- Divisi Bisnis Komersial & Institusi (BKI)
Bertugas menyalurkan kredit untuk melakukan skala korporasi, seperti
menyalurkan kredit ke pemerintah atau perusahaan swasta besar
- Divisi Pengembangan Produk dan Pemasaran (PPM)
Divisi Pengembangan Produk dan Pemasaran bertujuan menciptakan
berbagai jenis produk bank serta mengelola proses pemasaran dalam rangka
mendapatkan laba.
- Divisi Sekertaris Perusahaan (SKP)
fungsi Sekretaris Perusahaan adalah melaksanakan tugas paling kurang
meliputi :

10
 1. Mengikuti perkembangan Pasar Modal khususnya peraturan perundangan
yang berlaku di bidang pasar modal.
2. Memberikan masukan kepada Direksi dan Dewan Komisaris untuk
mematuhi ketentuan peraturan perundangan di bidang Pasar Modal.
3. Membantu Direksi dan Dewan Komisaris dalam pelaksanaan tata kelola
perusahaan yang meliputi:
a. Keterbukaan informasi kepada masyarakat, termasuk ketersediaan
informasi pada Situs Web Emiten
b. Penyampaian laporan kepada OJK tepat waktu
c. Penyelenggaraan dan dokumentasi Rapat Umum Pemegang Saham
d. Penyelenggaraan dan dokumentasi Rapat Direksi dan/atau Dewan
Komisaris
e. Pelaksanaan program orientasi terhadap perusahaan bagi Direksi dan/atau
Dewan Komisaris.
4. Sebagai penghubung antara Emiten dengan Pemegang Saham, OJK dan
pemangku kepentingan lainnya.
- Divisi Satuan Hukum (SHK)
1. Melaksanakan, memonitor dan mengendalikan kegiatan nasabah melalui
laporan internal, profil transaksi dan rekening nasabah.
2. Melakukan penyempurnaan sistem untuk mendukung program anti money
laundering.
3. Melakukan pengujian dan penelitian aspek kepatuhan sehubungan dengan
rancangan kebijakan yang akan diputuskan oleh direksi.
4. Melakukan analisa laporan hasil pemeriksaan SKAI atau pemeriksaan
eksternal dalam rangka koordinasi dengan SKAI untuk penyempurnaan
prosedur kepatuhan di setiap unit kerja bank.
5. Bertanggungjawab terhadap tuntutan hukum yang dihadapi bank baik di
dalam maupun di luar pengadilan.

11
- Divisi Perencanaan (REN)
1. Melakukan analisa terhadap perkembangan kondisi makro dan mikro
ekonomi keuangan baik secara regional maupun nasional guna merencanakan
strategi bisnis perusahaan kedepan.
2. Membuat indikator perkembangan bisnis dalam rangka penyusunan
anggaran KC/KCP/K Kedai dalam bentuk kebijakan umum direksi.
3. Menyusun rencana kerja dan anggaran bank jangka panjang (corporate
plan) dan menengah (business plan).
4. Melaksanakan fungsi project management office (PMO) guna membantu
Direksi dalam menjalankan program inisiatif perusahaan dan percepatan
pengembangan usaha bank.
5. Membuat analisa kelayakan terhadap perluasan jaringan kantor termasuk
ATM serta analisa BEP terhadap jaringan kantor yang akan dibuka.
- Divisi Human Capital (HCL)
1. Menyusun program penghasilan dan kesejahteraan komisaris, direksi dan
pegawai bank.
2. Menyelenggarakan, memonitor dan mengendalikan seluruh pendidikan
dan latihan baik yang diselenggarakan secara internal, bekerjasama dengan
pihak eksternal, maupun mengirim ke lembaga pendidikan dan kerjasama
dengan lembaga-lembaga pendidikan di dalam negeri maupun di luar negeri.
3. Bertanggung jawab dalam program pengembangan dan kaderisasi pegawai.
4. Bertanggung jawab dalam penetapan dan penilaian KPI.
5. Melakukan teguran atau peringatan secara lisan maupun tertulis untuk dan
atas nama direksi kepada pegawai yang telah melakukan tindakan tidak
disiplin serta pelanggaran atau penyimpangan atas peraturan bank yang
mengakibatkan kerugian bank sesuai prosedur kepegawaian yang berlaku
- Divisi Operasional & Pelayanan (OPR)
1. Melakukan review dan pemantauan atas kegiatan operasional bank baik
yang dilakukan oleh internal divisi operasional maupun KC/KCP/KK lainnya
dan memastikan bahwa seluruh kebijakan yang ditetapkan dapat
dimplementasikan dengan baik.

12
 2. Memastikan pelaksanaan penerapan Pernyataan Standar Akuntasi
Keuangan (PSAK) benar-benar terlaksanan dan berjalan dengan baik.
3. Melaksanakan dan mengelola Management Information System (MIS)
dengan baik.
4. Melakukan evaluasi atas kebutuhan pengembangan atau perbaikan sistem
operasi dan melaksanakan pengembangan bersama dengan unit kerja terkait.
- Divisi Manajemen Aset Khusus (MAK)
1. Memastikan status kepemilikan suatu aset.
2. Memelihara dan melakukan pengadaan seluruh aset perusahaan.
3. Menjaga agar nilai aset tetap tinggi dan memiliki usia hidup yang
panjang.
4. Memastikan suatu aset dapat menghasilkan keuntungan yang
maksimum.
- Divisi Umum & Manajemen Aset (UMA)
1. Memelihara dan melakukan pengadaan seluruh gedung kantor, rumah
dinas, kendaraan dinas dan inventaris bank baik milik sendiri maupun sewa.
2. Bertanggungjawab dalam perumusan atau evaluasi sistem dan prosedur di
lingkungan divisi umum.
3. Bertanggung jawab dalam pelaksanaan kegiatan dalam rangka perayaan
dan hari besar.
4. Memelihara semua barang inventaris kantor pusat dan
mengadministrasikan dokumen-dokumen bank termasuk semua surat masuk
dan keluar dalam rangka pengarsipan.
5. Mendukung dan mengeksekusi semua penyelesaian biaya dan pemilihan
vendor rekanan untuk promosi dalam upaya percepatan kegiatan promosi
bank.
- Divisi Satuan Risiko Kredit (SRK)
1. melakukan analisa dan evaluasi terhadap memorandum analisa kredit
2. memastikan aktivitas penyediaan dana Bank tidak terekspos pada risiko
kredit yang dapat menimbulkan kerugian.

13
- Divisi Tresuri (TRS)
1. Bertugas melakukan transaksi valuta asing untuk memperoleh keuntungan,
jual beli valuta asing.
2. Menyusun anggaran (budget) tahunan dan melakukan monitoring/
pengendalian atas pelaksanaannya.
3. Memelihara likuiditas bank sesuai dengan ketentuan Bank Indonesia.
4. Mengendalikan portofolio dana bank meliputi penempatan dana antar
bank, surat-surat berharga, penyertaan, pasar uang dan pasar modal dalam
upaya optimalisasi laba.
5. Mewakili direksi dalam mengadakan hubungan dengan pihak ketiga
berkenaandengan pelaksanaan tugas- tugas divisi.
6. Menyusun rencana kerja atau strategi bisnis divisi produk dan dana serta
unit kerja dibawah supervisi dalam bentuk KPI.
- Divisi Bisnis Retail,Konsumer & UKMK (BKU)
Bertugas menyalurkan kredit untuk keperluan konsumtif, seperti
pemberian Kredit untuk PNS dalam program kredit rumah/KPR
- Divisi Pengedalian Keuangan dan Akuntasi (PKA)
Divisi Pengedalian Keuangan dan Akuntasi (PKA) bertugas melakukan
pengolahan keuangan di bank
- Divisi Audit Intern (ADT)
1. Menjabarkan secara operasional perencanaan, pelaksanaan dan
pemantauan secara aktif (on-site) dan pemantauan secara pasif (off-site) serta
memberikan saran perbaikan dan informasi yang objektif tentang kegiatan
yang di-review kepada semua tingkatan manajemen.
2. Melakukan penilaian terhadap sistem pengendalian intern dan prosedur
yang ada pada seluruh aspek kegiatan bank untuk memperoleh keyakinan
tercapainya tujuan dan sasaran bank secara optimal.
3. Melaksanakan proses kegiatan audit secara profesional dan independen dan
proaktif serta berkelanjutan sesuai dengan internal audit charter dan buku
pedoman perusahaan (BPP) risk based audit dan ketentuan yang berlaku.

14
 4. Melakukan proses audit terhadap hal-hal diluar dari rencana kerja baik itu
atas permintaan internal maupun eksternal yang berwenang sesuai
persetujuan direksi.
5. Melakukan koordinasi tugas dan mendampingi pemeriksanaan ekternal
dalam rangka kelancaran pelaksanaan pemeriksaan.
- Divisi Kepatuhan, Tata Kelola Kebijakan & APU PPT (KPN)
Divisi Kepatuhan, Tata Kelola Kebijakan & APU PPT (KPN) Bertugas
mengkaji segala sesuatu/kebijakan secara hukum.
- Divisi Teknologi & Sistem Informasi (TSI)
1. Melakukan perencanaan, pengembangan dan kajian strategis fungsi TI
meliputi TI infrastruktur, TI vendor, TI operasional, TI support termasuk TI
system security untuk menghasilkan implementasi TI yang baik dan benar.
2. Melaksanakan review terhadap penerapan TI blue print, TI operasional,
TIbusiness proses untuk mengembangkan, menyelaraskan dan menerapkan
TIorganisasi dan perencanaan, TI vendor, TI jaringan operasional, TI
technicalsupport dan help desk dan TI infrastruktur termasuk TI security
strategy dan TIblue print.
3. Menetapkan atau mengimplementasikan proses atau sistem pengembangan
aplikasi atau system development life cycle (SDLC) secara end-to-end untuk
memastikan setiap tahapan proses pengembangan telah sesuai dengan
requirement atau request for proposal (RFP), business requirement definition
(BRD) dan kebijakan pengamanan teknologi sistem informasi.
4. Melaporkan kegiatan operasional TI yang terdiri dari data center, help desk
dan disaster recovery center (DRC) sesuai dengan target waktu yang telah
ditetapkan.
5. Menjamin dan mengelola tersedianya dukungan dan layanan TI atau TI
service dan delivery terhadap kebutuhan bisnis Bank Riau
- Divisi Manajemen Risiko (MER)
1. Melakukan identifikasi dan mengukur risiko kredit, risiko pasar dan risiko
operasional.
2. Menentukan limit eksposure manajemen risiko masing-masing unit kerja.

15
 3. Melakukan analisa terhadap usulan aktivitas atau produk baru dari unit
kerja operasional lainnya.
4. Melakukan validasi dan akurasi data dengan menggunakan internal model.
5. Melakukan review terhadap parameter yang ada pada aplikasi profil risiko
dan me-review secara berkala penilaian risiko kontrol sistem pengawasan
aktif dewan komisaris dan direktur.
- Divisi Usaha Syariah (USY)
1. Mengendalikan portofolio dana syariah meliputi penempatan dana antar
bank, surat-surat berharga, penyertaan, pasar uang dan pasar modal dalam
upaya optimalisasi laba.
2. Bertanggung jawab dalam rangka pengembangan produk dana dan
pembiayaan syariah.
3. Mencari sumber-sumber penghimpunan dana pihak ketiga dan memelihara
sumber dana yang potensial
4. Melakukan monitoring dan evaluasi terhadap semua aktivitas syariah dan
melaporkannya kepada direktur supervisi.
5. Menyusun rencana kerja/ strategi bisnis divisi produk dan dana serta unit
kerja dibawah supervisi dalam bentuk KPI.
- Divisi Satuan Anti Fraud (SAF)
Divisi Satuan Anti Fraud bertugas menyusun dan menerapkan strategi
Anti Fraud yang menyeluruh yang meliputi pencegahan, deteksi, investigasi,
dan evaluasi yang berlaku di seluruh kegiatan.

2.6 Produk dan Layanan Bank Sumsel Babel Kantor Pusat

Sebagai bank pembangunan daerah tentunya Bank Sumsel Babel
memiliki berbagai macam produk dan layanana unggulan yang menawarkan
kemudahan dan keuntungan kepada para nasabah. Berikut adalah produk dan
layanan yang dihasilkan Bank Sumsel Babel.

16
1. Deposito
- Deposito Depati (Deposito Tanpa Penalti)
- Deposito Berjangka
- Sertifikat Deposito

2. Tabungan
- Tabungan Tasbih
- Tabungan Seluler
- Tabungan Pesirah
- Tabunganku

3. Giro
- Giro Demang

4. Kredit
- Kredit Seba Guna
- Kredit Usaha Kecil (KUKPEDES)
- Kredit Investasi (KInv)
- Kredit Usaha Mikro (KUM)
- Kredit Griya Sejahtera (KGS)
- Kredit Kendaraan Bermotor (KKB)
- Kredit Usaha Rakyat (KUR)
- KPEN - RP
- Kredit Griya Sejahtera FLPP

5. Kartu Kredit

6. BSB Cash

7. Fasilitas Layanan
- SMS Banking Telepati
- Phone Banking
- Safe Deposit Box
- ATM
- Bank Sumsel Babel Prioritas
- Mobile Banking
- QRIS Bank Sumsel Babel
- Mobile Banking
- Customer On Boarding

17
8. Produk Internasional
- Deposito Valas
- Giro Valas
- Remittance
- Standby Letter Of Credit (SBLC)
- SKBDN
- LC
- INKASO

9. Produk Tresuri
- Transaksi Nilai Tukar
- Capital Market
- Money Market
- Hedging Instrument

10. Produk Klinik UMKM

- Songkok Resam
- Getas dan Kerupuk Rizky Sahir
- Terasi dan Rusip Meli
- Terasi dan Rusip Fifi
- Madu Pelawan Zaiwan
- Kerupuk Angka Delapan
- Kerajinan Kerang
- Sirup Jeruk Kunci
- Keripik Jamur
- Batik Katis
- Keripik dan Pangsit Rahayu
- Teh Gaharu
- Kemplang Ikan dan Getas Cumi
- Kerajinan dari Tempurung Kelapa

18
 BAB III
TINJAUAN PUSTAKA

3.1 Aplikasi dan Pengolahan Data

Menurut Nurcahyono (2017) Aplikasi berasal dari kata application yang
artinya penerapan, lamaran, penggunaan. Secara istilah aplikasi adalah program
siap pakai yang direka untuk melaksanakan suatu fungsi bagi pengguna atau
aplikasi yang lain dan dapat digunakan oleh sasaran yang dituju. Sedangkan
menurut Hartono (2013) Data adalah hasil pengukuran dan pencatatan terhadap
fakta tentang sesuatu, keadaan, tindakan, atau kejadian.

3.2 Surat
Menurut Wursanto dalam Saputra dan Famukhit (2014) berpendapat bahwa
“surat adalah sarana komunikasi untuk menyampaikan informasi tertulis oleh suatu
pihak kepada pihak lain”.

3.3 Website

Menurut Zufria dan Azhari dalam jurnal yang ditulis oleh Zahir
(2019) Website adalah sebuah komponen yang terdiri dari teks, gambar,
suara, animasi sehingga menjadi media informasi yang menarik dikunjungi
oleh orang lain. Menurut Prasetyo dalam jurnal yang ditulis oleh
Hendrawan,dkk. (2017) 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 dan
interaksi itu bisa berupa tulisan, gambar atau bahkan dapat
ditampilkan dalam bentuk video, animasi, suara, dan lain-lain.

Halaman website biasanya berupa dokumen yang ditulis dalam format

HyperText Markup Language (HTML), yang bisa diakses melalui HTTP, HTTP
adalah suatu protokol yang menyampaikan berbagai informasi dari server

19
website untuk ditampilkan kepada para user atau pemakai melalui web browser
(Nofyat, dkk., 2018).

3.4 Internet
Interconnection network (internet) dapat diartikan sebagai jaringan
komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer
dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat
berbagai sumber daya informasi dari mulai yang statis hingga yang dinamis dan
interaktif(Eddy Purwanto,2010).

3.5 HyperText Markup Language (HTML)

Menurut Suryatiningsih dalam jurnal yang ditulis oleh Fauzi, dkk., (2021)
“HyperText Markup Language (HTML) adalah bahasa yang digunakan untuk
membuat suatu situs web atau homepage. Setiap dokumen dalam web ditulis dalam
format HTML. Semua format dokumen, hyperlink yang dapat diklik, gambar,
dokumen multimedia form yang dapat diisi dan sebagainya didasarkan atas HTML.
Menurut Puspitasari (2016) HyperText Markup Language merupakan suatu
metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau
dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena
sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan
bukan sebagai program.

Gambar 3.1 Syntax dasar bahasa pemrograman HTML

20
3.6 Database

Basis data (database) merupakan kumpulan data yang saling

berkaitan dan berhubungan satu dengan yang lain, tersimpan di perangkat
keras komputer dan menggunakan perangkat lunak untuk
memanipulasinya. Data perlu disimpan dalam basis data untuk keperluan
penyediaan informasi lebih lanjut. Data didalam basis data perlu
diorganisasikan sedemikian rupa supaya informasi yang dihasilkan
berkualitas (Fauzi,dkk., 2021.
Menurut Siregar,dkk. (2018) menjelaskan database atau basis data adalah
sekumpulan informasi yang disimpan dalam komputer secara sistematik dan
merupakan sumber informasi yang dapat diperiksa menggunakan suatu program
komputer dan berfungsi untuk menyimpan informasi atau data.

.
Gambar 3.2 Logo Database

3.7 Hypertext Pre-processor (PHP)

PHPMyAdmin adalah perangkat lunak bebas yang ditulis dalam

bahasa pemrograman PHP yang digunakan untuk menangani administrasi
MySQL. PHPMyAdmin mendukung berbagai operasi MySQL diantaranya
mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks,
pengguna (users), perijinan (permissions), dan lain-lain (Barri, dkk., 2015).

21
 Gambar 3.3 Syntax bahasa PHP

3.8 JavaScript

Menurut Yani dan Saputra (2018) “JavaScript adalah bahasa yang

digunakan untuk membuat program yang digunakan agar dokumen HTML
yang ditampilkan pada sebuah browser menjadi lebih interaktif, tidak
sekedar indah saja. Javascript memberikan beberapa fungsionalitas ke
dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan
dengan menggunakan antar muka web”.

Gambar 3.4 Logo JavaScript

3.9 JQuery
JQuery adalah open source add-on pustaka Javascript yang menekankan
pada interaksi antara Javascript dan HTML. JQuery merupakan kode Javascript
yang telah ditulis dan tinggal menambahkan satu atau dua baris kode untuk
memanggil JQuery (Pahlevi, dkk., 2018).
JQuery adalah kumpulan kode Javascript siap pakai. Keunggulan
menggunakan JQuery dibandingkan dengan Javascript standar, yaitu

22
menyederhanakan kode Javascript dengan cara memanggil fungsi-fungsi yang
disediakan oleh JQuery. Javascript sendiri merupakan bahasa scripting yang
bekerja disisi client/browser sehingga website bisa lebih interaktif (Lavarino dan
Yustanti, 2016:75).

3.10 MySQL (Structured Query Language)

Menurut Puspitasari (2016) MySQL merupakan database yang

pertama kali didukung oleh bahasa pemrograman script untuk internet.
MySQL dan PHP dianggap sebagai pasangan software pembangun aplikasi
web yang ideal. MySQL lebih sering digunakan untuk membangun aplikasi
berbasis web, umumnya pengembangan aplikasinya menggunakan bahasa
pemrograman script PHP.
Menurut Suryadi dan Zulaikhah dalam jurnal yang ditulis oleh Catriwati
dkk. (2020) menjelaskan bahwa, “MySQL merupakan perangkat lunak sistem
manajemen berbasis data SQL (Bahasa Inggris: database management system) atau
DBMS yang multi thread dan multi user, dengan sekitar enam juta instalasi di
seluruh dunia”.

Gambar 3.5 Logo MySQL

3.11 XAMPP
Menurut Iqbal dalam jurnal yang ditulis oleh Putra (2019:82) menyatakan
XAMPP merupakan software server apache dimana dalam XAMPP yang telah

23
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, apache web server, database server PHP support (PHP 4 dan
PHP 5) dan beberapa modul lainnya

XAMPP ialah software yang di dalamnya terdapat server MySQL

dan didukung oleh PHP sebagai bahasa pemrograman untuk membuat
website dinamis serta terdapat web server apache yang dapat dijalankan
dibeberapa platform seperti OS X, Windows, Linux, Mac, dan Solaris
(Putra, 2019).

Gambar 3.6 Tampilan XAMPP

3.12 PHPMyAdmin

PHPMyAdmin adalah perangkat lunak bebas yang ditulis dalam

bahasa pemrograman PHP yang digunakan untuk menangani administrasi
MySQL. PHPMyAdmin mendukung berbagai operasi MySQL diantaranya
mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks,
pengguna (users), perijinan (permissions), dan lain-lain (Barri, dkk., 2015).

24
 Gambar 3.7 Tampilan dashboard PHPMyAdmin

3.13 CSS
Menurut Marlina & Masnur (2021) Cascading Style Sheet (CSS) adalah
suatu aturan untuk mengatur tampilan dari website sehingga tampilan dalam web
lebih terstruktur. CSS sendiri bukanlah bahasa pemrograman, CSS lebih seperti
konfigurasi tampilan dari suatu tag pada website. CSS dapat merubah text, warna,
background dan posisi dari suatu tag .

Gambar 3.8 Logo CSS

3.14 Laravel
Laravel merupakan salah satu framework PHP paling populer yang akan
memudahkan programmer dalam membuat aplikasi web berbasis PHP. Banyak
kemudahan yang akan didapat ketika telah menguasasi Laravel (Abdulloh, 2018).

25
 Sedangkan definisi Laravel merupakan salah satu framework berbasis PHP
bersifat open source, dan menggunakan konsep MVC (model, view, controller).
Laravel berada di bawah MIT License dengan menggunakan Github sebagai tempat
berbagi code menjalankannya (Naista, 2017).
Laravel adalah pengembangan website berbasis MVP yang ditulis dalam
PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan
mengurangi biaya pengembangan awal dan biaya pemeliharaan, serta untuk
meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks
yang ekspresif, jelas, dan menghemat waktu (Yudhanto, 2019).

3.15 Materialize CSS

Cascading Style Sheets (CSS) adalah suatu bahasa style sheet yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam
bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk
memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua
jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh
World Wide Web Consortium (W3C) (Puspitasari, 2016).

Gambar 3.9 Logo Materialize CSS

3.16 Pengertian Flowchart

Flowchart (bagan alir sistem) adalah representasi secara simbolik dari suatu
algoritma atau prosedur untuk menyelesaikan suatu masalah, dengan menggunakan

26
flowchart akan memudahkan pengguna melakukan pengecekan bagian-bagian yang
terlupakan dalam analisis masalah, disamping itu flowchart juga berguna sebagai
fasilitas untuk berkomunikasi antara pemrogram yang bekerja dalam tim suatu
proyek. Bagan alir sistem berbeda dengan bagan alir program (program flow-chart).
Bagan alir program sifatnya lebih terperinci tentang langkah-langkah proses di
dalam program dari awal sampai akhir. Bagan alir sitem hanya menggambarkan
arus data dari sistem. Simbol- simbol yang digunakan pada bagian aliran sistem ada
yang sama dan ada yang berbeda dengan simbol-simbol yang digunakan pada bagan
alir program (Jogiyanto, 2005).

Tabel 3.1 Simbol Diagram Flowchart

NO SIMBOL KETERANGAN

Simbol arus/flow, berfungsi untuk

1
menyatakan jalannya arus suatu proses

Simbol connector, berfungsi untuk

menyatakan sambungan dari proses ke
2
proses lainnya dalam halaman yang
sama
Simbol offline connector, berfungsi
untuk menyatakan sambungan dari
3
proses ke proses lainnya dalam halaman
yang berbeda

Simbol process, berfungsi untuk

4
menyatakan suatu tindakan (proses)
yang dilakukan oleh computer

Simbol manual, berfungsi untuk

menyatakan suatu tindakan (proses)
5
yang tidak dilakukan oleh computer

27
 Simbol decision, berfungsi untuk
menunjukkan suatu kondisi tertentu
6
yang akan menghasilkan dua
kemungkinan jawaban : ya/tidak

Simbol terminal, berfungsi untuk

7 menyatakan permulaan atau akhir suatu
program

Simbol predefined process, berfungsi

untuk menyatakan penyediaan tempat
8
penyimpanan suatu pengolahan untuk
memberi harga awal
Simbol keying operation, berfungsi
untuk menyatakan segala jenis operasi
9
yang diproses dengan menggunakan
suatu mesin yang mempunyai keyboard
Simbol offline-storage, berfungsi untuk
menunjukkan bahwa data dalam simbol
10
ini akan disimpan ke suatu media
tertentu

Simbol manual input, berfungsi untuk

11 memasukkan data secara manual
dengan menggunakan online keyboard

Simbol input/output, berfungsi untuk

12 menyatakan proses input atau output
tanpa tergantung jenis peralatannya

Simbol magnetic tape, berfungsi untuk

13 menyatakan input berasal dari pita
magnetis atau output disimpan ke pita
magnetis

28
 Simbol disk storage, berfungsi untuk
14 menyatakan input berasal dari disk atau
output disimpan ke disk.

Simbol document,berfungsi untuk

15 mencetak keluaran dalam bentuk
dokumen (melalui printer)

Simbol punched card, berfungsi untuk

16 menyatakan input berasal dari kartu atau
output ditulis ke kartu

29
 BAB IV
TINJAUAN PUSTAKA

Berdasarkan permasalahan sebelumnya pada Dinas Tenaga Kerja dan

Transmigrasi (Disnakertrans) Provinsi Sumatera Selatan setiap harinya selalu melakukan
kegiatan pengolahan data secara manual diantaranya pengagendaan serta pengarsipan
surat masuk dan keluar, pengajuan cuti dan proses perizinan cuti. Disnakertrans belum
memiliki aplikasi pengolahan data untuk mengelola surat masuk dan keluar beserta
pengelolaan cuti berbasis web yang dapat mempercepat proses pengagendaan surat
masuk dan keluar beserta pengelolaan cuti. Pada pembahasan ini akan membahas
bagaimana melakukan perancangan, pembuatan dan pengujian aplikasi surat masuk dan
keluar beserta pengelolaan cuti berbasis web apakah berfungsi dengan baik dan layak
digunakan di Dinas Tenaga Kerja dan Transmigrasi Provinsi Sumatera Selatan.

4.1 Tahap Perancangan Aplikasi

Secara umum proses awal pembuatan website ini dimulai dengan membuat desain
dan form untuk antarmuka program aplikasinya sebagai langkah pertama yang dilakukan.
Langkah kedua yaitu mengimplementasikan hasil desain tersebut dengan melakukan
pengkodean untuk tampilan front-end website. Berikutnya langkah ketiga ialah membuat
sistem penyimpanan menggunakan database phpMyAdmin di MySQL. Dilanjutkan
langkah keempat dengan melakukan pengkodean untuk back-end website, selanjutnya
proses pengkodean program aplikasi agar dapat berjalan sesuai dengan rancangan yang
diinginkan. Lalu diikuti langkah kelima dilakukan penghubungan antara database, front-
end dan back-end menggunakan coding, barulah kemudian aplikasi dapat dijalankan atau
di running sesuai dengan perintah coding. Untuk lebih jelasnya dapat dilihat dari gambar
4.1 tentang blok diagram dari analisis perancangan aplikasi berikut.

Gambar 4.1 Analisis perancangan aplikasi

Pembuatan website ini menggunakan Visual Studio Code sebagai text editor-nya
untuk membuat script bahasa pemrograman PHP. Untuk web server yang digunakan yaitu
XAMPP versi 3.3.0 dimana XAMPP telah mencakup beberapa aplikasi di dalamnya
termasuk PHPMyAdmin sebagai aplikasi untuk membuat database-nya. Untuk Database
Management System yang digunakan yaitu MySQL.

30
4.2 Flowchart
Dalam merancang sebuah program aplikasi, terlebih dahulu menyusun alur dari
proses pada suatu program yang dijalankan dengan flowchart. Pada perancangan aplikasi
surat masuk dan keluar beserta pengelolaan cuti berbasis web terdapat beberapa mekanisme
flowchart. Terdapat sembilan buah flowchart yang dibuat, yaitu flowchart login admin dan
user, flowchart surat masuk, flowchart surat keluar, flowchart surat cuti, flowchart agenda
surat, flowchart galeri file, flowchart kode surat, flowchart data pegawai, serta flowchart
user (menu admin). Flowchart login admin dan user menjelaskan tentang alur proses yang
dilakukan untuk masuk ke dalam sistem aplikasi ini. Pada flowchart surat masuk terdapat
form-form yang terdapat di halaman surat masuk yaitu tambah surat masuk, detail surat
masuk, edit surat masuk, hapus surat masuk, disposisi surat masuk, cetak surat masuk dan
cari surat masuk,. Pada flowchart surat keluar terdapat form-form yang terdapat di halaman
surat keluar yaitu tambah surat keluar, detail surat keluar, edit surat keluar, hapus surat
keluar dan cari surat keluar. Pada flowchart agenda surat terdapat form-form yaitu
menampilkan data surat serta mencetak agenda data surat masuk dan surat keluar. Pada
flowchart galeri file terdapat form-form di halaman galeri file yaitu menampilkan galeri
dari surat masuk dan keluar. Flowchart data kode surat terdapat form-form yaitu tambah
kode surat, edit kode surat dan hapus kode surat. Flowchart data pegawai terdapat form-
form yaitu tambah data pegawai, edit data pegawai dan hapus data pegawai. Serta flowchart
user (menu admin) terdapat form-form yaitu tambah useri, edit user dan hapus user .
Berikut flowchart yang terdapat pada aplikasi surat masuk dan keluar beserta pengelolaan
cuti berbasis web.

4.2.1. Flowchart Login Admin dan User

Berikut merupakan flowchart login, menggambarkan proses yang terdapat di
halaman menu login admin dan user dengan ditunjukkan seperti pada gambar
4.2.

31
Gambar 4.2 Flowchart Login

32
4.2.2. Flowchart Surat Masuk
Berikut merupakan flowchart surat masuk yang menggambarkan proses yang ada
di halaman surat masuk yang ditunjukkan pada gambar 4.3.

Gambar 4.3 Flowchart Surat Masuk

33
4.2.3. Flowchart Surat Keluar
Berikut merupakan flowchart surat keluar yang menggambarkan proses yang ada
pada halaman surat keluar, seperti yang ditunjukkan pada gambar 4.4.

Gambar 4.4 Flowchart Surat Keluar

4.2.4. Flowchart Galeri File
Berikut merupakan flowchart galeri file yang menggambarkan proses yang ada
pada halaman galeri file, seperti yang ditunjukkan pada gambar 4.5.

34
Gambar 4.5 Flowchart Galeri File

35
4.2.5. Flowchart Manajemen User
Berikut merupakan flowchart manajemen user yang ada pada level admin yang
menggambarkan proses pada halaman manajemen user, seperti ditunjukkan pada gambar
4.6.

Gambar 4.6 Flowchart Manajemen User

4.3 Pembuatan Database
Database dibuat menggunakan MySQL, yaitu salah satu database web server yang
disediakan oleh XAMPP. Langkah-langkah dalam pembuatan database menggunakan
phpMyAdmin MySQL XAMPP :
1. Silakan jalankan service Apache dan MySQL pada XAMPP dengan menekan
tombol Start, seperti yang ditunjukkan pada gambar 4.11
2. Pada browser, silahkan akses URL berikut: localhost/phpmyadmin
3. Untuk membuat database, silahkan klik New, masukkan nama database yang anda
inginkan, kemudian klik tombol Create. Disini nama database yang dibuat adalah
“esurat”.

36
4. Setelah database selesai dibuat, buat tabel sesuai kebutuhan. Dalam pembuatan
aplikasi web ini penulis menggunakan 8 tabel yaitu disposisi, instansi, kode surat,
pegawai, surat cuti, surat keluar, surat masuk dan users.

Gambar 4.8 Tampilan awal XAMPP

37
4.3.1 Tabel Disposisi
Tabel ini berfungsi untuk menampung data disposisi surat masuk. Berikut
merupakan rancangan tabel disposisi seperti pada tabel 4.1.

Tabel 4.1 Tabel Disposisi

No Nama Field Tipe Data Ukuran Ket

1 id_disposisi int 11 Primary

2 username varchar 100 -

3 password varchar 255 -

4 nama varchar 150 -

5 email varchar 150 -

6 nip char 21 -

7 level enum - -

8 token varchar 255 -

9 requested_at datetime - -

10 created_at datetime - -

11 updated_at datetime - -

38
4.3.2 Tabel Instansi
Tabel ini berfungsi untuk menyimpan data instansi. Berikut merupakan rancangan
tabel instansi yang ditunjukkan seperti pada tabel 4.2.

Tabel 4.2 Tabel Instansi

No Nama Field Tipe Data Ukuran Ket

1 id_instansi int 1
Primary

2 dinas varchar 255

-

3 instansi varchar 255

-

4 alamat varchar 255

-

5 telepon varchar 20
-

6 email varchar 150

-

7 website varchar 150

-

8 logo varchar 255

-

9 pimpinan varchar 150

-

10 nip char 21
-

11 updated_at timestamp -
-

39
4.3.3 Tabel Kode Surat
Tabel kode surat digunakan untuk menyimpan data kode surat. Berikut merupakan
rancangan tabel kode surat yang ditunjukkan seperti pada tabel 4.3

Tabel 4.3 Tabel Kode Surat

No Nama Field Tipe Data Ukuran Ket

1 id_kode_surat int 11 Primary

2 kode varchar 50 -

3 uraian varchar 255 -

4 user_id int 11 -
5 created_id datetime - -
6 updated_id datetime - -

4.3.4 Tabel Users

Tabel ini berfungsi untuk menyimpan data pengguna yang dijadikan sebagai acuan
pada saat proses login mulai dari memeriksa apakah username dan password benar serta
mengarahkan pengguna ke halaman sesuai tingkatan atau bagian. Berikut merupakan
rancangan tabel users yang ditunjukkan seperti pada tabel 4.5
Tabel 4.5 Tabel Users

No Nama Field Tipe Data Ukuran Ket

1 id_users int 11 Primary

2 username varchar 100 -
3 password varchar 255 -

4 nama varchar 150 -

5 email varchar 150 -
6 nip char 21 -

7 level enum - -

8 token varchar 255 -

9 requested_id datetime - -

10 created_id datetime - -

11 updated_id datetime - -

40
4.3.5 Tabel Surat Keluar
Tabel ini berfungsi untuk menyimpan data serta file surat keluar. Berikut merupakan
rancangan tabel surat keluar yang ditunjukkan seperti pada tabel 4.7

Tabel 4.7 Tabel Surat Keluar

No Nama Field Tipe Data Ukuran Ket
1 id_surat_keluar int 11 Primary
2 kode_id int 11 -
3 nomor_agenda int 11 -

4 nomor_surat varchar 100 -

5 tanggal_surat date - -
6 tujuan varchar 255 -
7 perihal varchar 255 -
8 keterangan varchar 255 -
9 lampiran varchar 255 -
10 tahun year 4 -
11 user_id int 11 -
12 created_id datetime - -
13 updated_id datetime - -

41
4.3.6 Tabel Surat Masuk
Tabel ini berfungsi untuk menyimpan data serta file surat masuk. Berikut
merupakan rancangan tabel surat masuk yang ditunjukkan seperti pada tabel 4.8

Tabel 4.8 Tabel Surat Masuk

No Nama Field Tipe Data Ukuran Ket

1 id_surat_keluar int 11 Primary

2 kode_id int 11 -
3 nomor_agenda int 11 -

4 nomor_surat varchar 100 -

5 tanggal_surat date - -
6 asal varchar 255 -

7 perihal varchar 255 -

8 tanggal_diterima date - -

9 indeks varchar 75 -

10 keterangan varchar 255 -

11 lampiran varchar 255 -

12 tahun year 4 -

13 user_id int 11 -

14 created_id datetime - -

15 updated_id datetime - -

42
4.4 Perancangan Desain Website
Rancangan desain website ini merupakan hasil dari diskusi dengan Dinas Tenaga
Kerja dan Transmigrasi Provinsi Sumatera Selatan yang kemudian menjadi acuan saat
pembuatan website baik itu layout ataupun tata letak tombol dan form. Website ini juga
didesain dengan menggunakan framework materializecss.

4.4.1 Desain Halaman Form Login

Halaman ini terdiri dari sebuah form dengan beberapa elemen seperti kolom input
username, password dan tombol login. Berikut merupakan rancangan desain halaman login
yang dapat dilihat pada gambar 4.9.

Gambar 4.9. Desain Halaman Form Login

4.4.2 Desain Halaman Beranda Admin

Pada halaman ini menampilkan beranda bagi admin. Berikut ini adalah rancangan
desain halaman beranda admin yang ditunjukkan pada gambar 4.10.

43
 Gambar
4.10. Desain Halaman Beranda Admin

4.4.3 Desain Halaman Beranda User

Pada halaman ini menampilkan halaman beranda bagi user biasa. Berikut ini adalah
rancangan desain halaman user yang ditunjukkan pada gambar 4.14.

Gambar 4.10. Desain Halaman User

4.4.4 Desain Halaman Surat Masuk

Pada halaman ini menampilkan halaman surat masuk. Berikut ini adalah rancangan
desain halaman surat masuk yang ditunjukkan pada gambar 4.11.

44
 Gambar 4.11. Desain Halaman Surat Masuk

4.4.5 Desain Halaman Surat Keluar

Pada halaman ini menampilkan halaman surat keluar. Berikut ini adalah rancangan
desain halaman surat keluar yang ditunjukkan pada gambar 4.11.

Gambar 4.11. Desain Halaman Surat Keluar

4.4.6 Desain Halaman Galeri Surat Masuk

Pada halaman ini menampilkan halaman galeri surat masuk. Berikut ini adalah
rancangan desain halaman galeri surat masuk yang ditunjukkan pada gambar 4.12.

45
 Gambar 4.12 Desain Halaman Galeri Surat Masuk

4.4.7 Desain Halaman Galeri Surat Keluar

Pada halaman ini menampilkan halaman galeri surat keluar. Berikut ini adalah
rancangan desain halaman galeri surat keluar yang ditunjukkan pada gambar 4.15.

Gambar 4.15 Desain Halaman Galeri Surat Keluar

4.4.8 Desain Halaman Manejemen User

Pada halaman ini menampilkan halaman manajemen user. Berikut ini adalah
rancangan desain halaman manajemen user yang ditunjukkan pada gambar 4.13.

46
 Gambar 4.13 Desain Halaman Manajemen User

4.5 Pengujian Program

Setelah merancang serta membuat program dan database maka hasil pembuatan
website bisa diakses menggunakan web browser, disini penulis menggunakan Google
Chrome, namun sebelum mengakses website yang telah dibuat, terlebih dahulu aktifkan
apache dan MySQL pada aplikasi XAMPP. Setelah itu ketikan “localhost/esurat/” pada
kolom pencarian pada web browser untuk mengarahkan ke halaman login yang dapat
diakses oleh admin dan user.

4.5.1 Pengujian Halaman Login

Pada halaman login terdapat form untuk memasukan username dan password, jika
memasukan username dan password dengan benar maka halaman akan diarahkan menuju
ke halaman form, pada website ini dibagi menjadi 2 grup yaitu halaman admin dan halaman
user. User yang memiliki hak level akses admin akan diarahkan ke halaman beranda admin,
sedangkan user yang memiliki level akses user akan diarahkan ke halaman beranda user.
Namun jika username dan password yang dimasukkan salah, login akan gagal dan user
akan diminta untuk memasukkan username dan password dengan benar. Berikut tampilan
halaman login seperti pada gambar 4.14.

47
 Gambar 4.14 Halaman Login

4.5.2 Pengujian Halaman Admin Dashboard

Pada halaman ini yang bisa mengakses adalah user yang memiliki hak akses sebagai
Admin, user yang memiliki hak akses sebagai Admin memiliki akses penuh pada semua
sistem yang ada di website. Berikut ini adalah tampilan halaman dashboard yang
ditunjukkan pada gambar 4.15.

Gambar 4.16 Halaman admin dashboard

4.5.3 Pengujian Halaman User Dashboard

Pada halaman ini yang bisa mengakses adalah user yang memiliki hak akses sebagai
User Biasa. User Biasa hanya memiliki akses pada surat masuk, surat keluar, surat cuti,
agenda, galeri file dan tidak dapat mengakses manajemen user dan pengaturan yang ada
pada halaman admin. Berikut ini adalah tampilan halaman user dashboard yang
ditunjukkan pada gambar 4.17.

48
 Gambar 4.17 Halaman user dashboard

4.5.4 Pengujian Halaman Surat Masuk

Pada halaman ini digunakan untuk menampilkan tambah surat masuk, detail, edit,
hapus, disposisi, cetak dan cari surat masuk,. Berikut ini adalah tampilan halaman surat
masuk yang ditunjukkan pada gambar 4.18.

Gambar 4.18 Halaman Surat Masuk

4.5.5 Pengujian Halaman Surat Keluar

Pada halaman ini digunakan untuk menampilkan tambah surat keluar, detail, edit,
hapus dan cari surat keluar. Berikut ini adalah tampilan halaman surat keluar yang
ditunjukkan pada gambar 4.19.

49
 Gambar 4.19 Halaman Surat Keluar

4.5.6 Pengujian Halaman Galeri File

1. Tampilan Halaman Galeri Surat Masuk
Berikut ini adalah tampilan halaman galeri surat masuk yang ditunjukkan pada
gambar 4.20.

Gambar 4.20 Halaman Galeri Surat Masuk

2. Tampilan Halaman Galeri Surat Keluar
Berikut ini adalah tampilan halaman galeri surat keluar yang ditunjukkan pada
gambar 4.21.

Gambar 4.21 Halaman Galeri Surat Keluar

50
4.5.7 Pengujian Halaman Manajemen User
Pada halaman ini digunakan untuk menampilkan, menambah, mengedit,
menghapus dan mencari user yang ada di website. Hanya admin yang dapat mengakses
halaman ini. Berikut adalah tampilan halaman manajemen user yang ditunjukkan pada
gambar 4.22.

Gambar 4.22 Halaman Manajemen User

3.6 Analisis Pengujian Program
Berdasarkan pengujian, website yang dibuat mampu berjalan dengan baik sesuai
dengan yang diharapkan. Berikut adalah rekap hasil pengujian surat masuk dan keluar
beserta pengelolaan cuti berbasis web.

Tabel 4.9 Tabel Pengujian

No Halaman Alur Kerja Keterangan

1 Menu Beranda Menampilkan halaman beranda Berhasil
admin / user
2 Menu Surat Masuk Menampilkan halaman Berhasil
surat masuk
3 Menu Surat Keluar Menampilkan halaman Berhasil
surat keluar
5 Menu Galeri File Menampilkan halaman galeri Berhasil
surat masuk dan galeri surat
keluar
6 Menu Daftar Menampilkan halaman Berhasil
User daftar user

51
 BAB V
PENUTUP

5.1 Kesimpulan

Berdasarkan pembahasan yang dilakukan diatas, maka dapat disimpulkan

sebagai berikut:
1. Proses pengembangan aplikasi surat masuk dan surat keluar berbasis web ini
dilakukan melalui beberapa tahap, yaitu tahap perencanaan dan perancangan.
Pada tahap perencanaan hal yang dilakukan adalah menentukan tujuan aplikasi
dan fitur apa saja yang akan dimuat di aplikasi tersebut. Pada tahap perancangan
yang dilakukan adalah merancang aplikasi dengan membuat flowchart,
membuat struktur database, dan merancang tampilan halaman website.
2. Untuk login ke beranda aplikasi, pegawai harus memasukkan username dan
password dengan benar terlebih dahulu, jika username dan password salah
maka login akan gagal dan pegawai harus memasukkan username dan password
kembali, tetapi jika username dan password benar maka login akan berhasil
kemudian pegawai akan masuk ke halaman beranda aplikasi. Di halaman
beranda aplikasi pegawai dapat masuk ke halaman surat masuk atau surat keluar
untuk melakukan pendataan surat. Di halaman surat masuk dan surat keluar
pegawai yang login sebagai admin dapat menambah data surat kemudian
mengedit, dan menghapus data semua surat yang ada di aplikasi. Pegawai yang
login sebagai user dapat menambah data surat dan hanya bisa mengedit dan
menghapus data surat yang dimasukkannya karena pegawai yang login sebagai
user tidak dapat mengedit dan menghapus data surat yang dimasukkan oleh user
lain.

5.2 Saran

Saran yang dapat diberikan adalah untuk mahasiswa yang tertarik

mengembangkan aplikasi berbasis web, diharapkan hasil laporan ini dapat
digunakan sebagai bahan rujukan dalam pengembangan aplikasi berbasis web
tentunya dengan memperhatikan kekurangan dan keterbatasan laporan ini, karena
dalam laporan ini penulis masih merasa banyak kekurangan yang harus diperbaiki.
Selain itu diharapkan pengembangan aplikasi selanjutnya dapat dibuatkan fitur-
fitur baru agar aplikasi tersebut jauh lebih bai

52
 DAFTAR PUSTAKA

Abdulloh Rohi. 2018. 7 In 1 Pemrograman Web Tingkat Lanjut. Jakarta: PT. Elex.
Media Komputindo.
Barri, Maria, Arie Lumenta dan Anneke Wowor. 2015. Perancangan aplikasi SMS
Gateway untuk pembuatan kartu perpustakaan di Fakultas Teknik Unsrat.
Jurnal Teknik Elektro dan Komputer, 4(1), 23-28.
Catriwati., dan Melan Apriliani. 2020. Perancangan Sistem Informasi Arsip
Tagihan Pada PT. PERTAMINA (PERSERO) Fuel Terminal Sei Siak. Jurnal
Intra Tech. 4(2): 99-111.
Eddy Purwanto dan Tim Sub Bag Jaringan Informasi IPTEK, JIIPP, Pengantar
World Wide Web, 2010
Fauzi, Fauzi, Wulandari dan Siska Aprilia. 2021. Sistem Informasi Penjualan
Produk Berbasis Web Pada Chanel Distro Pringsewu. Jurnal TAM
(Technology Acceptance Model), 4, 41-47.
Hartono, Bambang. 2013. Sistem Informasi Manajemen Berbasis Komputer.
Jakarta: Rineka Cipta.

Hendrawan, Vindra Yudha, Sugeng Winardi dan Herison Surbakti. 2017. Sistem
Informasi Rekam Medis Rawat Jalan Dan Pemeriksaan Penunjang
Diagnosa Berbasis Website (Studi Kasus: Rumah Sakit Khusus Bedah
Klinik Sinduadi, Mlati, Sleman, Yogyakarta). Respati, 9(27).
Jogiyanto. 2005. Pengenalan Komputer. Yogyakarta: CV. Andi Offset.

Lavarino, Dio. 2016. Rancang Bangun E–Voting Berbasis Website Di Universitas

Negeri Surabaya. Jurnal Manajemen Informatika, 6(1).
Masuara, Rivaldi, Rizal Sengkey dan Virginia Tulenan. 2015. Rancang Bangun E-
Ticketing Bioskop Studio 21 Manado Berbasis Multiplatform. Jurnal Teknik
Elektro dan Komputer, 4(2), 41-55.
Muslim, Buhori., dan Liza Dayana. 2016. Sistem informasi peraturan daerah
(Perda) Kota Pagar Alam berbasis Web. Jurnal Ilmiah Betrik: Besemah
Teknologi Informasi dan Komputer. 7(01) : 36-49.

53
Nofyat, Ibrahim Adelina, dan Arisandy Ambarita. 2018. Sistem Informasi
Pengaduan Pelanggan Air Berbasis Website pada PDAM Kota Ternate.
IJIS-Indonesian Journal on Information System, 3(1)

54
Nurcahyono, F. 2017. Pembangunan Aplikasi Penjualan dan Stok Barang
pada Toko Nuansa Elektronik Pacitan. Speed-Sentra Penelitian
Engineering dan Edukasi, 4(3).
Pahlevi, Omar, Astiana Mulyani dan Miftahul Khoir. 2018. Sistem
Informasi Inventori Barang Menggunakan Metode Object Oriented
Di Pt. Livaza Teknologi Indonesia Jakarta. PROSISKO: Jurnal
Pengembangan Riset dan Observasi Sistem Komputer, 5(1).
Puspitasari, Diah. 2016. Sistem informasi perpustakaan sekolah berbasis
web. Jurnal Pilar Nusa Mandiri, 12(2), 227-240.
Putra, Agustiranda Bagaskara. 2019. Perancangan dan Pembangunan
Sistem Informasi E-Learning Berbasis WEB (Studi Kasus Pada
Madrasah Aliyah Kare Madiun). In Prosiding Seminar Nasional
Teknologi Informasi dan Komunikasi (SENATIK), (Vol. 2, No. 1,
pp. 81-85).
Saputra, K. A., & Famukhit, M. L. 2014. Perancangan Sistem Informasi
Pengelolaan Surat Masuk dan Surat Keluar Pada MTs Guppi
Jetiskidul. Indonesian Journal on Networking and Security,3(4),59-
62.
Siregar, Helmi Fauzi, Yustria Handika Siregar dan Melani. 2018.
Perancangan Aplikasi Komik Hadist Berbasis Multimedia. JurTI
(Jurnal Teknologi Informasi), 2(2), 113-121.
Yani, Ahmad, Beni Saputra dan Redaksi Tim Jurnal. 2018. Rancang Bangun
Sistem Informasi Evaluasi Siswa Dan Kehadiran Guru Berbasis
Web. Petir: Jurnal Pengkajian dan Penerapan Teknik Informatika,
11(2), 107-124
Yudho Yudhanto dan Helmi A. Prasetyo,. 2019, Mudah Menguasai
Framework. Laravel. Jakarta : PT Elex Media Komputindo.
Zahir, Abdul. 2020. Pengembangan Media Pembelajaran Live Streaming
Pengetahuan Komputer Berbasis Website. d'ComPutarE: Jurnal
Ilmiah Information Technology, 9(2), 1-7.

55
56
57
58