RANCANGAN APLIKASI DISPOSISI

BERBASIS WEB DI UNIT PELAKSANAAN

DINAS PARIWISATA PEMUDA DAN OLAHRAGA

Disusun oleh:

Nama : Syahnaz Nazwa Septiani

Kelas : XII RPL 2

SEKOLAH MENENGAH KEJURUAN NEGERI 4

TASIKMALAYA
KOMPETENSI KEAHLIAN REKAYASA PERANGKAT LUNAK
Jl. Depok, Kel.Sukamenak, Kec.Purbaratu 🕿 (0265) 312059
Kota Tasikmalaya 46196
 LEMBAR PENGESAHAN

Tasikmalaya, ……………….. 2023

Mengetahui,

Pembimbing DU/DI Pembimbing Sekolah

Imas Siti Masopah,S.IP NIP. Arip,S.T.,M.Kom

19670804 199403 2 007 NIP. 19860810 202012 1 005

Kepala Program PPLG

Taufik Hidayat, S.Kom

NIP. 19890628 202221 1 007
 KATA PENGANTAR

Puji dan Syukur saya panjatkan kehadirat Allah SWT Karena dengan Rahmat dan
karunianya,saya dapat menyelesaikan laporan kegiatan Praktek Kerja Lapangan (PKL)
yang telah dilaksanakan mulai tanggal 26 juni sampai dengan 26 september 2023 di “
DINAS PARIWISATA PEMUDA DAN OLAHRAGA “

Dengan diadakannya Praktek Kerja Lapangan(PKL),siswa diharapkan mampu mencapai

tujuan yang di inginkan.Diantaranya siswa mampu mengenal dunia kerja dan mampu
menerapkan materi yang dipelajari di sekolah dan dapat diterapkan di dunia kerja,mampu
menerapkan materi dan praktek sesungguhnya serta dapat menambah wawasan ilmu
pengetahuan dalam dunia kerja/industri
Dalam kesempatan ini, saya mengucapkan banyak terima kasih kepada semua pihak yang
telah membantu dan mendukung dalam penyusunan Laporan
Praktik Kerja Industri ini, di antaranya:

1. Bapak Kurniawan, S.Pd., M.Pd, selaku Kepala SMKN 4 TASIKMALAYA

2. Ibu Imas siti masopah s.ip., selaku pembimbing DU/DI.
3. Bapak arip,S.T.,M Kom selaku pembimbing PKL Di Sekolah SMKN 4 Tasikmaya
4. Seluruh staf di DISPARPORA Kab. Tasikmalaya
5. Seluruh Guru dan Staf yang ada di SMKN 4 Tasikmalaya
6. Orang Tua yang telah memberikan dukungan kepada saya

Akhir kata, saya sebagai penyusun,merasa bahwa Laporan Kegiatan praktek kerja
lapangan ini jauh dari kesempurnaan. Oleh sebab itu saya mohon maaf apabila dalam
penyusunan laporan initerdapat banyak kesalahan,baik dalam segi penulisan,
pembahasan,dan penyusunannya yang kurang rapih.Maka dari itu besar harapan
saya,semoga laporan Praktek Kerja Lapangan ini dapat bermanfaat khususnya bagi saya
dan umumnya bagi para pembaca.

Tasikmalaya, 17 September 2023

Penulis

i
 DAFTAR ISI

KATA PENGANTAR..................................................................................................................i
DAFTAR ISI..............................................................................................................................ii
DAFTAR TABEL DAN GAMBAR............................................................................................iii
BAB I........................................................................................................................................1
PENDAHULUAN......................................................................................................................1
1.1 Latar Belakang..........................................................................................................1
1.2 Tujuan........................................................................................................................1
1.3 Timeline Kerja...........................................................................................................2
BAB II.......................................................................................................................................3
IMPLEMENTASI.......................................................................................................................3
2.1 Tools..........................................................................................................................3
2.2 Skema Database.......................................................................................................4
2.2.1 Tabel “tb_admin”....................................................................................................5
2.2.2 Tabel “tb_disposisi”...............................................................................................5
2.3 Rancangan Program................................................................................................6
2.3.2 Arsitektur Aplikasi...........................................................................................10
2.3.3 Algoritma dan Logika Aplikasi.......................................................................12
BAB III....................................................................................................................................14
DOKUMENTASI.....................................................................................................................14
3.1 Instalasi Development............................................................................................14
3.2 Panduan Pengguna................................................................................................15
BAB IV....................................................................................................................................19
PENUTUP...............................................................................................................................19
4.1 Simpulan.................................................................................................................19
4.2 Saran........................................................................................................................19
DAFTAR PUSTAKA...............................................................................................................21
LAMPIRAN.............................................................................................................................22

ii
 DAFTAR TABEL DAN GAMBAR

Daftar Tabel :
Tabel 1 Timeline Kerja...............................................................................................................2

Daftar Gambar :
Gambar 1 Skema Database db_disposisi.................................................................................5
Gambar 2 Flowchart Login........................................................................................................7
Gambar 3 Flowchart CRUD Admin...........................................................................................8
Gambar 4 Flowchart CRUD Disposisi.......................................................................................9
Gambar 5 Flowchart Logout...................................................................................................10
Gambar 6 Tampilan Halaman.................................................................................................11
Gambar 7 Tampilan Formulir...................................................................................................11
Gambar 8 Tampilan Tabel.......................................................................................................12
Gambar 9 Form Login.............................................................................................................15
Gambar 10 Halaman Utama...................................................................................................15
Gambar 11 Contoh Form Tambah Data..................................................................................16
Gambar 12 Contoh Form Edit Data........................................................................................17
Gambar 13 Contoh Hapus Data-1..........................................................................................17
Gambar 14 Contoh Hapus Data Setelah Dihapus-2...............................................................17
Gambar 15 Contoh Logout.....................................................................................................18
Gambar 16 Contoh Setelah Logout Aplikasi...........................................................................18

iii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Pelatihan Kerja Lapangan (PKL) merupakan sebuah program yang diselenggarakan
dengan tujuan utama untuk memberikan siswa kesempatan melatih kemampuan mereka
di dunia industri. PKL ini bertujuan agar siswa dapat mengukur sejauh mana kompetensi
keahlian yang mereka miliki. Tidak hanya itu, PKL juga berperan penting dalam
memberikan bekal kepada siswa untuk menghadapi tantangan dunia kerja di masa
depan. Dengan pengalaman ini, diharapkan siswa dapat bersaing dengan baik dalam
lingkungan industri maupun usaha yang ada. Selain itu, PKL juga memberikan
kesempatan kepada siswa untuk memperluas pengetahuan dan wawasan mereka,
terutama dalam bidang teknologi dan ilmu pengetahuan. Hal ini membantu siswa untuk
memiliki pemahaman yang lebih luas dan fleksibel dalam menghadapi perkembangan
dunia industri. Di sisi lain, PKL juga berkontribusi dalam meningkatkan kualitas dan mutu
Sekolah Menengah Kejuruan (SMK) dengan memungkinkan siswa untuk
mengaplikasikan secara langsung ilmu dan keterampilan yang mereka pelajari di
sekolah.

1.2 Tujuan
Tujuan pelaksanaan Pelatihan Kerja Lapangan (PKL) di SMKN 4 Kota Tasikmalaya
adalah sebagai berikut:

1. Pengembangan Kompetensi Siswa

Salah satu tujuan utama PKL adalah untuk mengembangkan kompetensi siswa di
bidang keahlian yang mereka pilih di SMKN 4. Dengan melaksanakan PKL, siswa
dapat mengaplikasikan pengetahuan dan keterampilan yang mereka pelajari di
sekolah dalam situasi nyata di dunia industri. Hal ini membantu mereka menjadi lebih
kompeten dan siap untuk memasuki dunia kerja setelah lulus.

2. Persiapan untuk Dunia Kerja

PKL juga bertujuan untuk mempersiapkan siswa untuk menghadapi dunia kerja yang
sebenarnya. Dalam lingkungan kerja, siswa akan belajar tentang tata cara, etika
kerja, dan dinamika industri yang sesungguhnya. Mereka juga akan belajar
bagaimana berinteraksi dengan rekan kerja, atasan, dan klien. Semua ini merupakan

1
 bekal berharga yang akan membantu siswa berintegrasi dengan baik dalam dunia
kerja.

3. Peningkatan Kualitas Pendidikan

PKL merupakan salah satu cara untuk meningkatkan kualitas pendidikan di SMKN 4.
Dengan melibatkan siswa dalam pengalaman praktis di industri, sekolah dapat
memastikan bahwa kurikulum dan pembelajaran yang disediakan sesuai dengan
kebutuhan dan tuntutan pasar kerja. Ini membantu memastikan bahwa lulusan SMKN
4 memiliki kualifikasi dan keterampilan yang relevan untuk bersaing di pasar kerja.

1.3 Timeline Kerja

MINGGU JUNI JULI AGUSTUS SEPTEMBER

PENYUSUNAN
1 PENYELESAIAN
BAB I

ADAPTASI

PENYUSUNAN
2
BAB II

PENYUSUNAN MEMBUAT
3
BAB III PROJECT

PENGAJUAN
JUDUL

PENYUSUNAN
4 ADAPTASI
BAB IV

Tabel 1 Timeline Kerja

2
 BAB II
IMPLEMENTASI

2.1 Tools
Pembahasan mengenai tools yang digunakan dalam pengembangan perangkat lunak
adalah hal yang penting, terutama dalam konteks pemrograman web. Dalam
pembahasan ini, akan dibahas beberapa tools yang umum digunakan oleh para
pengembang perangkat lunak web, seperti Visual Studio Code, Google Chrome, XAMPP,
PHP, MySQL, dan CSS. Setiap tool memiliki peran dan fungsi tersendiri dalam proses
pengembangan perangkat lunak.

1. Visual Studio Code

Visual Studio Code (VS Code) adalah editor kode sumber populer yang
dikembangkan oleh Microsoft. Ringan, dapat disesuaikan, dan mendukung berbagai
bahasa pemrograman dan kerangka kerja. VS Code menyediakan fitur seperti
penyorotan sintaksis, penyelesaian kode, dan debugging, menjadikannya pilihan
yang disukai banyak pengembang.

2. Google Chrome
Google Chrome adalah browser web yang banyak digunakan dan dikenal karena
kecepatan, keamanan, dan antarmukanya yang ramah pengguna. Ini mendukung
teknologi web modern dan menyediakan alat pengembang yang kuat untuk
debugging dan pengujian aplikasi web. Alat pengembang Chrome memungkinkan
pengembang memeriksa dan memodifikasi HTML, CSS, dan JavaScript secara real-
time, menjadikannya alat penting untuk pengembangan web.

3. XAMPP
XAMPP adalah solusi server web lintas platform sumber terbuka dan gratis yang
mencakup Apache, MySQL, PHP, dan Perl. Ini menyediakan lingkungan
pengembangan lokal untuk menguji dan menjalankan aplikasi web pada komputer
pribadi. XAMPP menyederhanakan pengaturan dan konfigurasi server web,
menjadikannya pilihan ideal bagi pemula dalam pengembangan web.

4. PHP
PHP (Hypertext Preprocessor) adalah bahasa skrip sisi server yang digunakan untuk
pengembangan web. Ini banyak digunakan untuk membuat halaman web dinamis

3
 dan berinteraksi dengan database. PHP dapat tertanam dalam kode HTML dan
dieksekusi pada server web, menghasilkan konten dinamis yang dikirim ke browser
web klien.

5. MySQL
MySQL adalah sistem manajemen basis data relasional sumber terbuka (RDBMS)
yang banyak digunakan untuk aplikasi web. Ini memberikan solusi yang kuat dan
terukur untuk menyimpan dan mengambil data. PHP dapat digunakan untuk
berinteraksi dengan database MySQL, memungkinkan pengembang untuk membuat
aplikasi web yang dinamis dan berbasis data.

6. CSS
CSS (Cascading Style Sheets) adalah bahasa style sheet yang digunakan untuk
mendeskripsikan presentasi dokumen yang ditulis dalam HTML. Ini digunakan untuk
mengontrol tata letak, warna, font, dan aspek visual lainnya dari halaman web. CSS
bekerja sama dengan HTML dan JavaScript untuk membuat halaman web yang
menarik secara visual dan ramah pengguna

2.2 Skema Database

Skema database adalah kerangka atau blueprint yang digunakan untuk mengatur dan
menghubungkan data yang disimpan dalam basis data. Skema ini dapat berupa sketsa
atau diagram yang menggambarkan struktur dan hubungan antara objek skema, seperti
tabel, tampilan, kolom, relasi, package, indeks, dan jenis lainnya.

Dalam desain skema database fisik, struktur tabel ditampilkan secara lengkap, termasuk
nama kolom, jenis data, batasan, kunci utama, kunci tamu, dan relasi di antara mereka.
Model database fisik juga memiliki karakteristik berikut :

1. Menjelaskan persyaratan data suatu proyek.

2. Menampilkan semua tabel dan kolom yang ada.

Skema database memainkan peran penting dalam pengembangan aplikasi web dan
sistem manajemen basis data. Dengan menggunakan skema yang baik, pengembang
dapat memastikan bahwa data disimpan dengan efisien dan dapat diakses dengan
mudah.

4
 Gambar 1 Skema Database db_disposisi

2.2.1 Tabel “tb_admin”

Tabel "tb_admin" digunakan untuk menyimpan informasi mengenai akun admin
yang memiliki akses ke website aplikasi. Tabel ini memiliki tiga kolom utama:

1. id_admin: Kolom ini merupakan kolom unik yang berfungsi sebagai

identifikasi unik untuk setiap akun admin. Biasanya, nilai dalam kolom ini
adalah angka atau kode unik.

2. username: Kolom ini digunakan untuk menyimpan nama pengguna

(username) dari setiap akun admin. Nama pengguna ini digunakan sebagai
identifikasi saat admin melakukan login ke website.

3. password: Kolom ini berisi sandi (password) yang terenkripsi atau di-hash
yang digunakan untuk otentikasi admin saat login ke sistem. Sandi biasanya
disimpan dalam bentuk terenkripsi demi keamanan.

2.2.2 Tabel “tb_disposisi”

Tabel "tb_disposisi" digunakan untuk menyimpan data terkait dengan pencatatan
disposisi surat. Tabel ini memiliki beberapa kolom yang menggambarkan
informasi disposisi surat yang diterima oleh instansi tersebut. Berikut adalah
struktur kolom dalam tabel "tb_disposisi":

5
 1. id_surat: Kolom ini merupakan identifikasi unik untuk setiap surat yang
masuk dan mendapatkan disposisi. Nilai dalam kolom ini berfungsi sebagai
nomor identifikasi unik.

2. surat_dari: Kolom ini berisi informasi tentang sumber atau pihak pengirim
surat.

3. no_surat: Kolom ini menyimpan nomor surat yang diterima.

4. tgl_surat: Kolom ini berisi tanggal surat diterbitkan.

5. tgl_terima: Kolom ini berisi tanggal surat diterima oleh instansi.

6. no_agenda: Kolom ini digunakan untuk mencatat nomor agenda disposisi.

7. perihal: Kolom ini berisi informasi singkat mengenai perihal surat yang
diterima.

2.3 Rancangan Program

2.3.1 Flowchart

6
1. Flowchart Login

Gambar 2 Flowchart Login

7
2. Flowchart CRUD Admin

Gambar 3 Flowchart CRUD Admin

8
3. Flowchart CRUD Disposisi

Gambar 4 Flowchart CRUD Disposisi

9
 4. Flowchart Logout

Gambar 5
Flowchart Logout

2.3.2 Arsitektur Aplikasi

a. Tampilan Halaman
Tampilan halaman adalah antarmuka pengguna yang menampilkan
konten dan fitur aplikasi kepada pengguna. Desain tampilan halaman
yang baik harus memperhatikan faktor-faktor berikut :

 Tampilan halaman harus dioptimalkan agar dapat berjalan dengan

baik pada berbagai perangkat dengan kecepatan hardware yang
berbeda-beda.

 Tampilan halaman harus responsif dan dapat menyesuaikan diri

dengan ukuran layar dan resolusi perangkat pengguna.

10
  Tampilan halaman harus memanfaatkan fitur-fitur terbaru pada
browser dan dukungan HTML5 untuk memberikan pengalaman
pengguna yang lebih baik.

Gambar 6 Tampilan Halaman

b. Tampilan Toggle Form

Tampilan toggle form adalah tampilan yang memungkinkan pengguna
untuk beralih antara tampilan form yang terbuka dan tertutup. Fitur ini
berguna untuk menghemat ruang tampilan dan memberikan pengalaman
pengguna yang lebih interaktif. Beberapa contoh penggunaan tampilan
toggle form adalah pada aplikasi pengelolaan data, pengaturan profil,
atau pengaturan preferensi.

Gambar 7 Tampilan Formulir

11
 c. Tampilan Tabel
Tampilan tabel digunakan untuk menampilkan data dalam bentuk baris
dan kolom. Desain tampilan tabel yang baik harus memperhatikan faktor-
faktor berikut :

 Tampilan tabel harus mudah dibaca dan dipahami oleh pengguna.

Penggunaan warna, font, dan kontras yang tepat dapat membantu
meningkatkan keterbacaan tabel.

 Tampilan tabel harus interaktif, memungkinkan pengguna untuk

melakukan tindakan seperti mengedit, menghapus, atau
menambahkan data dengan mudah. Fitur ini dapat meningkatkan
produktivitas pengguna dalam mengelola data.

Gambar 8 Tampilan Tabel

2.3.3 Algoritma dan Logika Aplikasi

Aplikasi “DISPOSISI BERBASIS WEB DI UNIT PELAKSANAAN DINAS
PARIWISATA PEMUDA DAN OLAHRAGA” dirancang dengan berbagai fitur dan
algoritma yang mengatur cara kerja aplikasi. Berikut adalah langkah-langkah
utama dalam algoritma dan logika aplikasi ini:

1. Inisialisasi Aplikasi:
 Saat aplikasi dijalankan, inisialisasi awal dilakukan. Ini termasuk mengatur
pengaturan dasar, menghubungkan ke database "db_disposisi," dan
memastikan halaman utama (login) ditampilkan.

2. Otentikasi Pengguna:
 Setelah aplikasi diinisialisasi, pengguna (admin) akan diminta untuk
melakukan otentikasi. Admin harus memasukkan nama pengguna
(username) dan sandi (password) mereka.

12
  Aplikasi akan memeriksa kecocokan data yang dimasukkan dengan data
yang ada di tabel "tb_admin" dalam database. Jika data otentikasi sesuai,
admin akan diizinkan masuk ke sistem. Jika tidak, akses ditolak.

3. Halaman Utama:
 Setelah berhasil masuk, admin akan diarahkan ke halaman utama
aplikasi. Halaman ini mungkin berisi menu utama dan daftar surat-surat
yang perlu di-disposisikan.

4. Tambah Data Admin dan Disposisi:

 Admin yang berwenang dapat menambahkan data admin baru atau
mencatat disposisi surat baru.
 Pada operasi ini, admin akan mengisi formulir dengan informasi yang
relevan, seperti nama pengguna dan sandi baru untuk admin, atau data
surat yang diterima.
 Setelah data dimasukkan, aplikasi akan memvalidasi informasi dan
menyimpannya ke dalam database "db_disposisi."

5. Edit Data Admin dan Disposisi:

 Admin yang berwenang juga dapat mengedit data admin yang ada atau
data disposisi yang sudah tercatat.
 Pada operasi ini, admin akan memilih entitas yang ingin diedit, mengubah
informasi yang dibutuhkan, dan kemudian menyimpan perubahan tersebut
ke dalam database.

6. Hapus Data Admin dan Disposisi:

 Admin memiliki kemampuan untuk menghapus data admin yang sudah
tidak diperlukan atau menghapus catatan disposisi yang sudah selesai.
 Saat menghapus, admin harus memastikan untuk memilih data dengan
hati-hati, karena penghapusan bersifat permanen dan data tidak dapat
dikembalikan.

7. Logout:
Admin dapat keluar dari aplikasi dengan aman melalui opsi logout. Ini akan
mengakhiri sesi admin dan mengembalikannya ke halaman login.

13
 BAB III
DOKUMENTASI

3.1 Instalasi Development

1. Menginstal XAMPP:
 Langkah pertama adalah menginstal XAMPP, sebuah platform pengembangan
server lokal. Anda dapat mengunduh XAMPP dari situs resminya
(https://www.apachefriends.org/index.html) dan mengikuti panduan instalasi yang
disediakan. Setelah instalasi selesai, pastikan XAMPP server berjalan.
2. Instal Visual Studio Code:
 Selanjutnya, instal Visual Studio Code, sebuah Integrated Development
Environment (IDE) yang akan memudahkan dalam menulis dan mengedit kode
aplikasi. Anda dapat mengunduh Visual Studio Code dari situs resminya
(https://code.visualstudio.com/) dan mengikuti instruksi instalasi.
3. Ekstrak File Aplikasi:
 Unduh arsip aplikasi pencatatan pernikahan dan perceraian dari sumbernya.
Setelah selesai mengunduh, ekstrak file dari arsip tersebut ke direktori lokal di
komputer Anda.
4. Pindahkan ke Direktori "htdocs" XAMPP:
 Pindahkan hasil ekstraksi file aplikasi ke dalam direktori "htdocs" di dalam
direktori instalasi XAMPP. Ini akan memastikan bahwa aplikasi dapat diakses dari
server lokal Anda.
5. Buat Database "db_disposisi":
 Buka browser dan akses http://localhost/phpmyadmin untuk mengakses
phpMyAdmin, alat manajemen basis data yang disediakan oleh XAMPP.
 Buat sebuah database baru dengan nama "db_disposisi" melalui antarmuka
phpMyAdmin. Anda dapat melakukan ini dengan mengklik "Database" di menu
utama phpMyAdmin, lalu masukkan nama database dan klik "Create."
6. Impor File Database:
 Setelah database "db_disposisi" dibuat, impor file-file yang diperlukan seperti file
"db_disposisi.sql" ke dalam basis data tersebut. Pilih database yang telah dibuat,
lalu gunakan opsi "Import" di phpMyAdmin untuk mengimpor struktur dan data
dari file SQL yang sesuai.

14
 7. Menjalankan Aplikasi:
 Terakhir, Anda dapat menjalankan aplikasi web pencatatan pernikahan dan
perceraian ini dengan membuka Google Chrome atau browser lainnya dan
mengakses http://localhost/Syahnaz_Disposisi /home/login.php. Pastikan XAMPP
server masih berjalan selama penggunaan aplikasi.

3.2 Panduan Pengguna

1. Login ke Aplikasi
 Di halaman login, masukkan kredensial akun, yaitu username dan password yang
sesuai dengan data yang terdaftar dalam tabel tb_admin.

Gambar 9 Form Login

2. Halaman Utama
 Setelah berhasil login, akan diarahkan ke Halaman Utama yaitu Dashboard.

Gambar 10 Halaman Utama

15
3. Manajemen CRUD Aplikasi
 Insert
 Untuk melakukan "Insert" atau "Tambah Data," langkah pertama adalah
menekan tombol "Tambah" yang terletak di bawah tabel yang relevan pada
aplikasi.
 Setelah tombol "Tambah" ditekan, sistem akan membuka tampilan formulir
tambah data, yang memungkinkan Anda untuk mengisi semua kolom yang
diperlukan.
 Isi seluruh kolom formulir dengan informasi yang relevan sesuai dengan data
yang ingin Anda tambahkan.
 Setelah seluruh kolom formulir telah diisi dengan benar, Anda dapat menekan
tombol "Tambah."
 Data yang Anda tambahkan akan otomatis tersimpan ke dalam database, dan
tabel akan diperbarui secara otomatis untuk mencerminkan perubahan
tersebut.

Gambar 11 Contoh Form Tambah Data

Update
 Untuk melakukan "Update" atau "Perbarui Data," cari baris data yang ingin
Anda perbarui dalam tabel, dan tekan tombol "Edit" yang terkait dengan baris
data tersebut.
 Setelah menekan tombol "Edit," akan muncul formulir edit di bawah tabel,
dengan isian tiap kolom berisi data yang akan diperbarui.

16
  Perbarui data yang diperlukan dalam formulir edit sesuai dengan kebutuhan
Anda.
 Setelah data dalam formulir edit telah diperbarui, Anda dapat menekan tombol
"Simpan Perubahan" untuk menyimpan perubahan tersebut ke dalam
database.
 Jika Anda tidak ingin menyimpan perubahan atau membatalkan proses edit,
Anda dapat menekan tombol "Edit Kembali," dan Anda akan keluar dari
formulir tanpa menyimpan perubahan.

Gambar 12 Contoh Form Edit Data

 Delete
 Untuk menghapus data pada tabel, cari baris data yang ingin Anda hapus,
dan tekan tombol "Hapus" yang terkait dengan baris data tersebut.
 Setelah menekan tombol "Hapus," data pada baris tabel tersebut akan
otomatis dihapus dari database.

Gambar 13 Contoh Hapus Data-1

Gambar 14 Contoh Hapus Data Setelah Dihapus-2

17
4. Logout
 Untuk keluar dari aplikasi, tekan tombol "Logout" yang terletak di Navigation Bar
atau menu, maka otomatis akan keluar aplikasi dan Kembali ke halaman login.

Gambar 15 Contoh Logout

Gambar 16 Contoh Setelah Logout Aplikasi

18
 BAB IV
PENUTUP

4.1 Simpulan
Aplikasi DISPOSISI BERBASIS WEB DI UNIT PELAKSANAAN DINAS PARIWISATA
PEMUDA DAN OLAHRAGA adalah sebuah solusi yang sangat berguna dalam
pengelolaan disposisi surat di lingkungan Unit Pelaksanaan Dinas Pariwisata, Pemuda,
dan Olahraga. Setelah mengimplementasikan aplikasi ini, beberapa simpulan dapat
ditarik:

1. Aplikasi ini mempermudah proses manajemen dan pelacakan disposisi surat dengan
menggantikan pendekatan manual yang memakan waktu dan berpotensi
mengakibatkan kesalahan manusia.
2. Fitur-fitur CRUD (Create, Read, Update, Delete) memungkinkan pengguna untuk
dengan mudah menambahkan, mengedit, dan menghapus data, menjadikan
pengelolaan data lebih efisien dan akurat.
3. Aplikasi ini menyediakan otentikasi admin, sehingga hanya pengguna yang
berwenang yang dapat mengakses dan mengelola data disposisi.
4. Penggunaan basis data memungkinkan penyimpanan data yang terstruktur dan
aman.

4.2 Saran
Dalam pengembangan dan penggunaan Aplikasi “DISPOSISI BERBASIS WEB DI UNIT
PELAKSANAAN DINAS PARIWISATA PEMUDA DAN OLAHRAGA”, terdapat beberapa
saran untuk perbaikan dan pengembangan lebih lanjut:

1. Peningkatan Keamanan: Perlu ditingkatkan lagi lapisan keamanan aplikasi, terutama

dalam hal otentikasi admin dan perlindungan terhadap serangan siber.
2. Pengembangan Fitur: Pertimbangkan untuk mengembangkan fitur-fitur tambahan
yang dapat meningkatkan fungsionalitas aplikasi, seperti notifikasi atau riwayat
disposisi.
3. Pemeliharaan Rutin: Lakukan pemeliharaan rutin terhadap aplikasi, termasuk
pemantauan dan pembaruan perangkat lunak yang digunakan, untuk memastikan
keandalan dan kinerja yang optimal.

19
4. Pelatihan Pengguna: Pastikan pengguna aplikasi, khususnya admin, menerima
pelatihan yang memadai dalam penggunaan sistem ini untuk mengoptimalkan
manfaatnya.
5. Pengumpulan Umpan Balik: Selalu terbuka untuk umpan balik dari pengguna aplikasi
untuk terus meningkatkan kualitas dan fungsionalitasnya.

20
 DAFTAR PUSTAKA

Diakses pada hari Minggu, 17 September 2023 pukul 19:32 WIB :

https://bootstrapmade.com/
https://youtu.be/QmUyB7uYL1w
https://youtu.be/9JCAk4yQ1Lo
https://youtu.be/3xHrMwy-Y5A

Diakses pada hari Senin, 18 September 2023 pukul 21:47 WIB :

https://stackoverflow.com/questions/65137731/do-i-need-xampp-for-visual-studio
https://code.visualstudio.com/docs/java/java-tomcat-jetty

Diakses pada hari Selasa, 19 September 2023 pukul 20:19 WIB :

http://eprints.polbeng.ac.id/564/4/4.%20KP-6103181286-Full%20Text.pdf
https://www.hostinger.co.id/tutorial/skema-database
https://stikeshb.ac.id/tujuan-pkl/#:~:text=Tujuan%20PKL%20atau%20Praktik%20Kerja
%20Lapangan&text=Tujuan%2Dtujuan%20tersebut%20diantaranya%20adalah,sikap
%20profesional%20dalam%20bidang%20keahliannya

Diakses pada hari Rabu, 20 September 2023 pukul 22:55 WIB :

https://repository.uinjkt.ac.id/dspace/bitstream/123456789/3074/1/IMAMUL%20HUDA-
FST.pdf
https://repository.its.ac.id/3562/7/1212100097-Undergraduate-Theses.pdf

21
LAMPIRAN

22