LAPORAN KERJA PRAKTEK
PEMBANGUNAN WEBSITE PORTAL (ADMIN) DENGAN FRAMEWORK LARAVEL
DINAS KOPERASI DAN UKM KABUPATEN BENGKALIS
EKO MARDANI 6304171061
TEKNIK INFORMATIKA
REKAYASA PERANGKAT LUNAK
POLITEKNIK NEGERI BENGKALIS
LEMBAR PENGESAHAN
KATA PENGANTAR
Puji syukur ke hadirat Allah SWT atas berkat dan hidayahnya, kerja praktek dan penulisan Laporan Kerja Praktek di Dinas Koperasi Kab Bengkalis dapat diselesaikan, Kerja Praktek ini dilaksanakan di Dinas Koperasi dan UKM Bengkalis selama 4 bulan, dimulai sejak tanggal 09 Januari – 07 Mei 2021. Dinas Koperasi dan UMKM beralamat di Jl. Pertanian No.561, Senggoro, Kec.
Bengkalis, Kabupaten Bengkalis.
Laporan ini dibuat untuk memenuhi salah satu persyaratan mata kuliah Kerja Praktek di Program Studi rekayasa Perangkat Lunak Politeknik Negeri Bengkalis berdasarkan kerja praktek yang dilaksanakan di Dinas Koperasi, UKM kabupaten Bengkalis. Laporan Kerja Praktek ini dapat diselesaikan dengan baik dan tepat waktu berkat bantuan, dukungan dan bimbingan khususnya kepada :
1. Bapak Johny Custer, S. T, MT selaku Direktur Politeknik Negeri Bengkalis
2. Bapak Danuri, M.Cs selaku ketua Jurusan Teknik Informatika
3. Ibu Rezki Kurniati, M.Kom selaku Ketua program Studi Rekayasa Perangkat Lunak Politeknik Negeri Bengkalis
4. Ibu Lidya Wati, M.Kom selaku pembimbing Kerja Praktek
5. Bapak Drs. Nurminsyah, M.Pd sebagai PLT Kepala Dinas Koperasi, UKM Kabupaten Bengkalis
6. Bapak Jonnaidi, SH, MH sebagai Pembimbing kerja praktek di Dinas Koperasi, UKM Kabupaten Bengkalis
Selama melaksanakan KP, kami merasa sangat puas atas pelayanan dan bimbingan dari pegawai-pegawai di ,Dinas Koperasi dan UKM Kabupaten Bengkalis. kami banyak mempelajari dan mendapat ilmu dari kegiatan kegiatan yang telah kami laksanakan selama Kerja Praktek.
Semoga budi baik serta keikhlasan yang diberikan akan memperoleh imbalan yang sepadan dari Allah SWT, ucapan permohonan maaf kepada seluruh pegawai
Akhirnya, semoga laporan ini dapat bermanfaat bagi semua pihak yang memerlukannya untuk kedepannya.Amin.
Bengkalis, 22 Juli 2021 Penulis
EKO MARDANI 6304171061
DAFTAR ISI
HALAMAN JUDUL i
LEMBAR PENGESAHAN ii
KATA PENGANTAR iii
DAFTAR ISI v
DAFTAR GAMBAR vii
DAFTAR TABEL viii
DAFTAR LAMPIRAN ix
1. Pendahuluan 10
1.1 Latar Belakang 10
1.2 Ruang Lingkup 11
1.3 Tujuan dan Manfaat 11
1.4 Luaran Proyek Kerja Praktek 11
2. Gambaran Umum Perusahaan 12
2.1 Profil dan Sejarah Dinas Koperasi dan UKM Kabupaten Bengkalis 12 2.2 Visi Dan Misi Dinas Koperasi, UKM Kabupaten Bengkalis 14 2.3 Struktur Organisasi Dinas Koperasi, UKM Kabupaten Bengkalis 14 2.4 Ruang Lingkup Organisasi Dinas Koperasi, UKM 16
3. Metodologi 17
3.1 Prosedur Pembuatan Sistem 17
3.2 Metodologi Pengumpulan Data 18
3.3 Proses Perancangan 18
3.4 Tahapan dan Jadwal Pelaksanaan 19
4. Perancangan dan Implementasi 20
4.1 Analisis Data 20
4.2 Rancangan Sistem 20
4.3 Implementasi Sistem 29
4.4 Dampak Implementasi Sistem 34
4.5 Kendala Implementasi Sistem 34
DAFTAR PUSTAKA 36
LAMPIRAN 37
DAFTAR GAMBAR
Gambar 2.1 Gedung Dinas Koperasi, UKM Kab.Bengkalis ... 13
Gambar 2.2 Struktur organisasi Dinas Koperasi, UKM ... 15
Gambar 3.1 Sistem yang akan dibangun ... 19
Gambar 4.1 perancangan use case mengelola data berita ... 20
Gambar 4.2 perancangan use case mengelola data kategori ... 21
Gambar 4.3 perancangan use case mengelola data tags ... 21
Gambar 4.4 perancangan use case mengelola data kepegawaian ... 22
Gambar 4.5 perancangan use case mengelola data renja ... 22
Gambar 4.6 perancangan use case mengelola data renja ... 23
Gambar 4.7 perancangan use case mengelola data visi dan misi ... 23
Gambar 4.8 perancangan use case mengelola data struktur organisasi ... 24
Gambar 4.9 perancangan use case mengelola data struktur organisasi ... 24
Gambar 4.10 perancangan use case mengelola data koperasi ... 25
Gambar 4.11 perancangan use case mengelola data UMKM ... 25
Gambar 4.12 perancangan use case mengelola data link youtube ... 26
Gambar 4.13 perancangan class diagram ... 27
Gambar 4.14 Sequence diagram login ... 28
Gambar 4.15 Sequence diagram mengelola data ... 28
Gambar 4.16 Tampilan halaman pengelola berita ... 29
Gambar 4.17 Tampilan tambah data berita ... 30
Gambar 4.18 Tampilan edit data berita ... 31
DAFTAR TABEL
Tabel 3.1 Tahapan & Jadwal pelaksanaan ... 19
Table 4.1 Aspek luaran implementasi tambah berita ... 32
Table 4.2 Aspek luaran implementasi edit berita ... 32
Tabel 4.3 Hasil uji coba website ... 33
DAFTAR LAMPIRAN
Logbook 35
Luaran Rancangan 74
Dokumen Evaluasi dan Implementasi 77
Dokumen lainnya yang berhubungan dengan KP 81
1. Pendahuluan
1.1 Latar Belakang
Kerja Praktek merupakan salah satu program yang diperuntukkan bagi mahasiswa guna untuk mengetahui dan memperoleh pengalaman di dunia kerja.
Kerja Praktek ini juga merupakan salah satu syarat yang harus dipenuhi oleh mahasiswa, khususnya mahasiswa Politeknik Negeri Bengkalis. Kerja praktek ini bertujuan untuk melatih mahasiswa agar memiliki pengalaman untuk menghadapi dunia kerja secara nyata dan juga sebagai wadah bagi mahasiswa untuk berinteraksi langsung dengan dunia industri.
Mengingat dengan semakin majunya teknologi saat ini, banyak instansi atau perusahaan yang menggunakan teknologi dalam memberikan Pelayanan kepada masyarakat, salah satunya adalah Dinas Koperasi dan UKM Kabupaten Bengkalis.
Dengan adanya teknologi, instansi dipermudah dalam memberikan pelayanan serta informasi, namun Dinas Koperasi dan UKM terdapat kekurangan dalam pelayanan yang diberikan, salah satunya yaitu dalam penyebaran informasi dari Dinas Koperasi dan UKM Bengkalis.Dinas Koperasi dan UKM sendiri sudah menerapkan teknologi dalam penyebaran informasi melalui portal. Akan tetapi hal tersebut dilakukan melalui website portal Dinas Komunikasi dan Informatika, dengan cara membagikan informasi terlebih dahulu kepada Dinas Komunikasi dan Informatika, lalu informasi tersebut disebarkan melalui website portal mereka.
Berdasarkan persoalan yang disebutkan di atas, dapat disimpulkan bahwa diperlukannya sebuah website portal untuk Dinas Koperasi, UKM Kabupaten Bengkalis untuk menghubungkan secara lansung antara Dinas Koperasi dan UKM Kabupaten Bengkalis dan masyarakat dengan menampilkan informasi tentang Dinas Koperasi dan UKM Kabupaten Bengkalis.
Dalam hal ini penulis mengambil bagian dari tim pembangunan website portal Dinas Koperasi dan Koperasi Kabupaten Bengkalis yaitu dibagian sisi administrator, penulis membangun website portal di bagian admin guna mengelola data yang akan ditampilkan di bagian front end website portal Dinas Koperasi dan UKM Bengkalis.
Adapun penulis juga diberikan tugas membuat sebuah video singkat guna memperkenalkan Dinas Koperasi dan UKM yang berada di Bengkalis yang akan dikirim ke Kementerian Koperasi dan UKM.
1 Website portal di kelola oleh administrator 2 Website dihosting dan bisa akses melalui internet
3 Website hanya dapat berjalan dengan menggunakan browser pada perangkat 4 Halaman admin hanya bisa diakses setelah melakukan otentikasi
1.3 Tujuan dan Manfaat
Tujuan dari proyek yang dikerjakan adalah membangun sebuah website administrator untuk mengelola data yang akan ditampilkan pada bagian front end website portal Dinas Koperasi dan UKM Kabupaten Bengkalis dengan framework Laravel.
Adapun manfaat dari proyek yang dikerjakan adalah :
1 Mahasiswa dapat menyalurkan ilmu pengetahuan baik secara teori ataupun konsep dalam dunia kerja.
2 Dapat diterapkannya teknologi untuk pelayanan masyarakat yang lebih baik 3 Dipermudahnya penyebaran informasi dari Dinas Koperasi dan UKM
Kabupaten Bengkalis kepada masyarakat
4 Mempermudah operator dalam mengelola data di website portal Dinas Koperasi dan UKM Kabupaten Bengkalis
1.4 Luaran Proyek Kerja Praktek
Adapun output yang di serah terimakan saat proyek selesai merupakan aplikasi administrator yang akan dikelola oleh operator Dinas Koperasi dan UKM Bengkalis dalam mengelola data yang akan ditampilkan kedalam website portal Dinas Koperasi dan UKM Bengkalis.Adapun data yang dikelola adalah data kepegawaian, struktur organisasi, unit kerja, galeri, video, saran masyarakat, 1.2 Ruang Lingkup
Ruang lingkup dari aplikasi portal Dinas Koperasi dan UKM Kab.Bengkalis berbasis web ini adalah sebagai berikut :
2. Gambaran Umum Perusahaan
2.1 Profil dan Sejarah Dinas Koperasi dan UKM Kabupaten Bengkalis Dinas Koperasi dan UKM Kabupaten Bengkalis adalah Instansi yang berlokasi di Jl. Pertanian No.561, Senggoro, Kec. Bengkalis, Kabupaten Bengkalis.
Melalui Peraturan Daerah Nomor 7 Tahun 2001 tentang Perubahan Peraturan Daerah Kabupaten Bengkalis Nomor 4 Tahun 2001 tentang Pembentukan, Penyusunan Organisasi dan Tata Kerja Dinas–Dinas di lingkungan Pemerintah Kabupaten Bengkalis yang selanjutnya dirubah dalam Peraturan Daerah Kabupaten Bengkalis Nomor 8 Tahun 2008 tentang Pembentukan Susunan Organisasi, Kedudukan dan Tugas Pokok Dinas-Dinas di lingkungan Pemerintah Kabupaten Bengkalis seperti yang telah ditetapkan dalam surat Keputusan Bupati Bengkalis Nomor 13 Tahun 2008, maka dibentuklah Dinas Koperasi dan UKM sebagai salah satu perangkat daerah yang menjalankan fungsi pemerintah dibidang Koperasi, Usaha Mikro, Kecil dan Menengah, baik itu dalam Perumusan kebijakan teknis dibidang Koperasi, Usaha Mikro, Kecil dan Menengah.
Hal tersebut terbentuk sehubungan adanya perubahan paradigma penyelenggaraan kewenangan bidang pemerintahan yang semula sentralisasi menjadi desentralisasi pada pemerintah daerah kabupaten / kota dengan tujuan demokratisasi, pemberdayaan aparatur serta peningkatan pelayanan kepada masyarakat. Kebijakan secara makro dalam rangka meningkatkan kesejahteraan masyarakat di Kabupaten Bengkalis yang Berdasarkan Peraturan Daerah Kabupaten Bengkalis No.13 Tahun 2008 tentang Organisasi dan Tata kerja Dinas Daerah Kabupaten Bengkalis. Dinas Daerah merupakan unsur pelaksanaan otonomi daerah, dipimpin oleh seorang kepala yang berada dibawah dan bertanggung jawab kepada Bupati melalui sekretaris Daerah.
Gambar 2.1 Gedung Dinas Koperasi, UKM Kab.Bengkalis Sumber : Dinas Koperasi, UKM Kab.Bengkalis
Unsur-Unsur Organisasi dalam Dinas Koperasi, UKM Terdiri dari : a. Kepala Dinas
b. Sekretaris
Sub Bagian Penyusunan Program
Sub Bagian Umum & Kepegawaian
Sub Bagian Keuangan & Perlengkapan c. Bidang Pengawasan & Pemeriksaan
Seksi Penilaian Kesehatan
Seksi Pemeriksaan Kelembagaan & Usaha Koperasi
Seksi Penerapan Peraturan & Sanksi d. Bidang Perizinan & Kelembagaan
Seksi Perizinan
Seksi Kelembagaan
Seksi Monitoring, Evaluasi Pelaporan & Data Koperasi e. Bidang Pemberdayaan Usaha Mikro
Seksi Fasilitasi Usaha Mikro
f. Bidang Pemberdayaan Koperasi
Seksi Fasilitasi Usaha Koperasi
Seksi Pengembangan, Penguatan & Perlindungan Koperasi
Seksi Peningkatan Kualitas SDM Koperasi
g. Ka.UPT Pemberdayaan & Pengembangan Koperasi Kec.Bukit Batu h. Ka.UPT Pemberdayaan & Pengembangan Koperasi Kec.Mandau i. Ka.UPT Pemberdayaan & Pengembangan Koperasi Kec.Bantan j. Ka.UPT Pemberdayaan & Pengembangan Koperasi Kec.Pinggir k. Ka.UPT Pemberdayaan & Pengembangan Koperasi Kec.Rupat 2.2 Visi Dan Misi Dinas Koperasi, UKM Kabupaten Bengkalis
Berikut ini merupakan visi dan misi dari Dinas Koperasi, Usaha Kecil &
Menengah :
2.2.1 Visi Dinas Koperasi, UKM Kabupaten Bengkalis
Dinas Koperasi,UKM Kab Bengkalis, (2021) Visi Dinas Koperasi, UKM Adalah Mewujudkan Koperasi, Usaha Mikro, Kecil Dan Menengah sebagai pelaku ekonomi yang handal dan mandiri
2.2.2 Misi Dinas Koperasi, UKM Kabupaten Bengkalis
Dinas Koperasi,UKM Kab Bengkalis, (2021) Misi Dinas Koperasi, UKM Adalah Meningkatkan pelayanan prima kepada masyarakat meningkatkan kemampuan usaha koperasi, mikro, kecil dan menengah, bersaing dalam mekanisme pasar dan meningkatkan sumber daya manusia pengelola koperasi, usaha mikro, kecil dan menengah meningkatkan kesehatan kelembagaan koperasi 2.3 Struktur Organisasi Dinas Koperasi, UKM Kabupaten Bengkalis
Berikut struktur organisasi yang terdapat pada Dinas Koperasi dan UKM Kabupaten Bengkalis:
Gambar 2.2 Struktur organisasi Dinas Koperasi, UKM Sumber : Dinas Koperasi, UKM Kab.Bengkalis
2.4 Ruang Lingkup Organisasi Dinas Koperasi, UKM
Dinas Koperasi dan UKM di Kabupaten Bengkalis terdapat 4 bidang, yaitu bidang Pemberdayaan Koperasi, bidang Pemberdayaan Usaha Mikro, bidang Pengawasan dan Pemeriksaan, bidang Perizinan dan Kelembagaan. Adapun tugas dari bidang umum dan kepegawaian Dinas Koperasi dan UKM Bengkalis, yaitu:
1. Bidang Pemberdayaan Koperasi
Bidang Pemberdayaan Koperasi mempunyai tugas pokok melaksanakan penyiapan perumusan kebijakan teknis pembinaan, koordinasi, fasilitasi, pelaksanaan dan evaluasi pemberdayaan koperasi yang meliputi fasilitasi usaha koperasi.
2. Bidang Pemberdayaan Usaha Mikro
Bidang Pemberdayaan Usaha Kecil dan Menengah (UKM) mempunyai tugas pokok melaksanakan penyiapan perumusan kebijakan teknis pembinaan, koordinasi, fasilitasi pelaksanaan dan evaluasi pemberdayaan UKM
3. Bidang Pengawasan dan Pemeriksaan
melaksanakan penyiapan perumusan kebijakan teknis, koordinasi, fasilitasi dan evaluasi pelaksanaan pembinaan pengawasan dan pemeriksaan koperasi, meliputi penilaian kesehatan koperasi.
4. Bidang Perizinan dan Kelembagaan
Bidang Kelembagaan Koperasi mempunyai tugas pokok melaksanakan penyiapan perumusan kebijakan teknis, koordinasi, fasilitasi, pelaksanaan dan evaluasi pembinaan perizinan dan penguatan kelembagaan Koperasi
5. Kepala Dinas
Dinas Koperasi dan Usaha Mikro, Kecil dan Menengah dipimpin oleh Kepala Dinas, menyelenggarakan urusan di bidang koperasi dan UKM berdasarkan asas desentralisasi, dekonsentrasi dan tugas pembantuan.
6. Sekretariat
Sekretariat mempunyai tugas melaksanakan sebagian administrasi kepegawaian, keuangan, perlengkapan, kerumahtanggaan dan urusan lainnya.
3. Metodologi
3.1 Prosedur Pembuatan Sistem
Purnia, dkk (2019) Dalam pembangunan sistem aplikasi website administrator portal Dinas Koperasi dan UKM Bengkalis, penulis menggunakan metode waterfall sebagai acuan untuk mengumpulkan data dan membangun aplikasi, alasan menggunakan metode waterfall adalah Karena Metode ini tahapan dan juga urutan dari metode yang dilakukan berurutan dan berkelanjutan, seperti layaknya sebuah air terjun. Berikut adalah tahapan dalam proses pengembangan sistem dengan menggunakan metode waterfall:
3.1.1Requirement
Tahapan ini menganalisis kebutuhan dari aplikasi yang akan dibuat dengan melakukan wawancara serta observasi pada media portal lain, wawancara dilakukan bersama pihak plt. Kepala Dinas dan operator Dinas Koperasi, UKM Bengkalis, dalam proses wawancara penulis menanyakan fitur apa yang akan di masukkan kedalam sistem dari mulai fitur fungsional maupun non-fungsional, penulis juga menyarankan fitur yang harus digunakan pada sistem seperti fitur autentikasi (Admin).
3.1.2 Design
Pada tahapan ini penulis merancang arsitektur sistem dan perancangan antarmuka sistem. Perancangan antarmuka sistem di desain pada aplikasi figma dan mockup, untuk perancangan akan ditujukan kepada plt. Kepala Dinas dan operator Dinas Koperasi dan UKM Bengkalis, apakah ada perubahan atau tidak, jika terdapat komentar dan saran, maka penulis akan melakukan perbaikan pada desain sesuai dengan komentar dan saran yang disampaikan.
3.1.3Implementation
Pada tahapan ini penulis melakukan implementasi perancangan kedalam bahasa pemrograman, dan proses ini dilakukan dengan pelaporan progress rutin kepada plt. Kepala Dinas Koperasi dan UKM Bengkalis. Untuk implementasi
3.1.4Testing
Pada tahapan ini testing dilakukan dan ditujukan kepada plt. Kepala Dinas dan operator Dinas Koperasi dan UKM Bengkalis dengan cara mengecek usability dari sistem. ketika semua fitur dapat berjalan dengan sesuai yang diinginkan maka penulis tidak perlu melakukan perbaikan, jika terdapat error maka penulis akan melakukan perbaikan pada sistem yang dibangun.
3.1.5Deployment
Pada tahapan ini penulis melakukan deployment yang dikonfirmasi dari pihak client dan pemilik subdomain bengkaliskab.go.id yakni dinas Komunikasi dan Informatika Kabupaten Bengkalis. Lalu di hosting dengan domain koperasiukm.go.id.
3.1.6Maintenance
Pada tahapan ini penulis akan melakukan pemeliharaan setelah website sudah melakukan perilisan.
3.2 Metodologi Pengumpulan Data
Metode pengumpulan data dilakukan dengan cara melakukan wawancara langsung dengan narasumber dari pihak dan bagian yang terkait tentang beberapa fungsi dan informasi apa yang harus ada pada sistem. Dan juga dilakukan observasi terkait bidang-bidang yang ada pada Dinas Koperasi dan UKM untuk memperoleh informasi secara nyata. Adapun pertanyaan yang diajukan dalam wawancara adalah sebagai berikut:
1. Data apa saja yang akan ditampilkan pada website Dinas Koperasi dan UKM Bengkalis?
2. Apa ada website portal lain yang bisa kami jadikan referensi?
3. Fitur apa saja yang ingin dimasukkan kedalam website Dinas Koperasi dan UKM Bengkalis?
3.3 Proses Perancangan
Setelah melakukan pengumpulan data penulis melakukan perancangan arsitektur sistem. Sistem yang akan dibangun adalah portal web Dinas Koperasi, UKM Kabupaten Bengkalis dibagian admin. Berikut perancangan arsitektur sistem secara keseluruhan aplikasi:
Gambar 3.1 Sistem yang akan dibangun
Aplikasi ini hanya memuat 1 level user, yaitu user admin. user admin memiliki wewenang dalam mengelola data kepegawaian, struktur organisasi, unit kerja, galeri, video, saran masyarakat, RENJA, RESTRA, Kata sambutan, visi-misi, informasi, dan Berita, yang mengharuskan validasi otentifikasi terlebih dahulu sedangkan dibagian public hanya menampilkan informasi dari data inputan admin.
3.4 Tahapan dan Jadwal Pelaksanaan
Adapun perincian dalam tiap tahapan kegiatan tersebut adalah sebagai berikut:
Tabel 3.1 Tahapan & Jadwal pelaksanaan
Kegiatan Bulan ke- 1
Bulan ke- 2
Bulan ke- 3
Bulan ke- 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 Requirement
2 System Design 3 Implementation 4 Testing
5 Deployment 6 Maintanance 7 Penyusunan
Laporan
4. Perancangan dan Implementasi
4.1 Analisis Data
Analisis data dilakukan penulis sesuai dengan kebutuhan sistem yang dibikin penulis yaitu website portal Dinas Koperasi dan UKM Bengkalis yang bagian admin. Adapun data yang akan diolah admin adalah sebagai berikut:
1. Data Pegawai 2. Data berita
3. Data struktur organisasi 4. Data kata sambutan 5. Data Renja
6. Data Renstra 7. Data visi misi
8. Data umkm unggulan 9. Data koperasi aktif 10. Data galeri
11. Data video
12. Data saran masyarakat 4.2 Rancangan Sistem
Dalam melakukan pembangunan website portal Dinas Koperasi dan UKM Kabupaten Bengkalis ini, penulis melakukan perancangan sistem dengan cara merancang, usecase, class diagram, dan sequence diagram
4.2.1 Use Case
Berikut adalah gambaran usecase diagram website portal Dinas Koperasi, UKM bagian admin:
Gambar 4.1 perancangan use case mengelola data berita
Perancangan use case diatas merupakan action yang dilakukan admin dalam
mengelola data berita, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data berita.
Gambar 4.2 perancangan use case mengelola data kategori
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data kategori, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data kategori.
Gambar 4.3 perancangan use case mengelola data tags
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data tags, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data tags.
Gambar 4.4 perancangan use case mengelola data kepegawaian
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data kepegawaian, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data kepegawaian.
Gambar 4.5 perancangan use case mengelola data renja
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data renja, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data renja.
Gambar 4.6 perancangan use case mengelola data renja
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data renstra, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data renstra.
Gambar 4.7 perancangan use case mengelola data visi dan misi
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data visi dan misi, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data visi dan misi.
Gambar 4.8 perancangan use case mengelola data struktur organisasi
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data struktur organisasi, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data struktur organisasi.
Gambar 4.9 perancangan use case mengelola data struktur organisasi
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data unit kerja, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data unit kerja.
Gambar 4.10 perancangan use case mengelola data koperasi
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data koperasi, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data koperasi.
Gambar 4.11 perancangan use case mengelola data UMKM
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data UMKM, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data UMKM.
Gambar 4.12 perancangan use case mengelola data link youtube
Perancangan use case diatas merupakan action yang dilakukan admin dalam mengelola data link youtube, dalam perancangan tersebut admin memiliki akses dalam melihat, menambah, mengedit, dan menghapus data link youtube.
4.2.2 Class Diagram
Pada rancangan class diagram, penulis merancang sesuai dengan kebutuhan data yang akan dikelola pada website portal Dinas Koperasi dan UKM Bengkalis.
Adapun data yang akan dikelola adalah, data berita, data visi-misi, data pegawai, data unit kerja, data renstra, data renja, data struktur organisasi, data profile, data link youtube, data kata sambutan, data koperasi, dan data umkm.Berikut gambar class diagram yang dirancang:
Gambar 4.13 perancangan class diagram
4.2.3 Sequence Diagram
Pada perancangan sequence diagram, penulis menjelaskan bagaimana proses yang dilewati oleh admin dalam mengelola data dan melakukan login.
Berikut adalah gambaran sequence diagram website portal Dinas Koperasi, UKM bagian admin:
Gambar 4.14 Sequence diagram login
Pada gambar 4.14 menggambarkan sequence diagram pada proses login.
Dimulai dengan admin memasukan email dan password pada proses login kemudian sistem akan melakukan autentikasi, jika email dan password tidak sesuai maka sistem akan menampilkan pesan kesalahan, jika email dan password sudah sesuai maka sistem akan menampilkan halaman admin.
Gambar 4.15 Sequence diagram mengelola data
Pada gambar 4.15 menggambarkan sequence diagram pada proses mengelola data. Dimulai dengan admin memasukan email dan password pada proses login kemudian sistem akan melakukan autentikasi, setelah melakukan autentikasi sistem akan menampilkan halaman admin kemudian admin memilih data yang akan dikelola pada tampilan menu admin. Admin dapat melihat data, menambah, mengedit, dan menghapus data sesuai data yang dikelola, setelah mengelola data sistem akan menyimpan dan menampilkan data yang telah dikelola pada halaman admin serta halaman front end.
4.3 Implementasi Sistem
Setelah dilakukan proses perancangan sistem diimplementasi kedalam bentuk bahasa pemrograman. Dalam implementasi sistem ini penulis menggunakan framework Laravel atas permintaan dari pihak terkait dan untuk database server yang digunakan adalah MySqli. Untuk aspek luaran dari sistem yang dibangun dilakukan uji coba dengan menggunakan metode black box dan dilakukan bersama pihak plt. Dinas Koperasi dan UKM Bengkalis, uji coba dilakukan dari aspek UI maupun aspek fitur yang berjalan pada sistem. Berikut beberapa contoh implementasi sistem yang sudah dilakukan pengujian:
1. Halaman Pengelola Berita
Gambar 4.17 Tampilan tambah data berita
Tabel 4.1 Aspek luaran implementasi tambah berita No. Actor Skenario
Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1 Admin Cover, title,tag, desc, keyword, metadesc tidak diisi
kemudian klik tombol Create
Mengklik Create tanpa mengisi data atau hanya sebagian data diisi
Sistem akan menolak dan menampi lkan pesan
“Please fill out this field”
Sesuai harapan
Valid
2 Admin Mengisi data Cover, title,tag, desc, keyword, metadesc kemudian klik tombol Create
Mengklik Create dengan mengisi data lengkap dan benar
Sistem
menerima akses input berita dan kemudian akan ada konfirmasi bahwa data berhasil disimpan
Sesuai harapan
Valid
Tabel 4.2 Aspek luaran implementasi edit berita
No .
Actor Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpul an 1 Admin Cover,
title,tag, desc, keyword, metadesc hanya diedit sebagian kemudian klik tombol update
Mengklik update tanpa mengisi data atau hanya sebagian data diisi
Sistem akan menolak dan menamp ilkan pesan
“Please fill out this field”
Sesuai harapan
Valid
2 Admin Mengubah data Cover, title,tag, desc, keyword, metadesc kemudian klik tombol update
Mengklik update dengan mengubah data lengkap dan benar
Sistem menerima akses
update berita dan kemudian akan ada konfirmasi bahwa data berhasil disimpan
Sesuai harapan
Valid
Adapun hasil dari uji coba untuk menjalankan salah satu fitur yang ada dalam sistem dan dilakukan langsung oleh operator Dinas Koperasi dan UKM Bengkalis diperlihatkan pada tabel berikut:
Tabel 4.3 hasil uji coba website
No Penguji Fitur Keterangan Hasil
Pengujian 1 Operator
Dinas Koperasi dan UKM Bengkalis
Login Fitur dilakukan dengan cara memasukan email dan password
Berhasil Masuk kehalaman admin 2 Operator
Dinas Koperasi dan UKM Bengkalis
Menambah Berita
Fitur dilakukan dengan cara memasukan data sesuai dari form halaman berita
Berhasil menambahkan data berita
3 Operator Dinas Koperasi dan UKM Bengkalis
Mengedit Berita
Fitur dilakukan dengan cara mengedit data sesuai data yang tersimpan dari form halaman berita
Berhasil mengedit data berita
4 Operator Dinas Koperasi dan UKM Bengkalis
Menghapus Berita
Fitur dilakukan dengan cara menekan tombol delete sesuai baris data
Berhasil menghapus data berita
4.4 Dampak Implementasi Sistem
Dengan mengimplementasikan sistem admin website portal ini pihak operator Dinas Koperasi, UKM Bengkalis sendiri dapat memahami proses dalam mengelola data yang ingin ditampilkan ke publik.
4.5 Kendala Implementasi Sistem
Adapun kendala yang didapat dalam implementasi sistem yaitu sulitnya mendapatkan data yang ingin dimasukkan kedalam sistem untuk diolah, hal itu terjadi dikarenakan sibuknya pekerjaan dari beberapa pegawai yang terkait.
5. Penutup
5.1 Kesimpulan
Dari hasil kerja praktek di Dinas Koperasi dan UKM Bengkalis penulis dapat memberikan solusi atas permasalahan dalam membagikan informasi dengan memberikan website portal Dinas Koperasi, UKM Bengkalis, sehingga Dinas Koperasi, UKM Bengkalis dapat melakukan penyebaran informasi seputar koperasi dan UMKM dengan website portal mereka sendiri.
5.2 Saran
Adapun saran yang akan disampaikan terkait website portal yang telah dibangun yaitu lakukan pengisian data yang sesuai dengan form yang sudah dibuat, dan untuk catatan pengembangan selanjutnya adalah agar lebih menyederhanakan kode yang telah dibuat dan dapat mempercantik tampilan dari tampilan yang sudah dibangun.
DAFTAR PUSTAKA
Dinas Koperasi,UKM Kab Bengkalis. (2021, Juni Minggu).
koperasiukm.bengkaliskab.go.id. Retrieved from Dinas Koperasi, UKM Kabupaten Bengkalis: https://koperasiukm.bengkaliskab.go.id/visimisi Politeknik Negeri Bengkalis. (2021, Juni Selasa). www.polbeng.ac.id. Retrieved
from Politeknik Negeri Bengkalis:
https://polbeng.ac.id/download/Panduan_KP_Polbeng.pdf
Purnia, S. D., Rifai, A., & Rahmatullah, S. ( 2019). Penerapan Metode Waterfall dalam Perancangan Sistem Informasi Aplikasi Bantuan Sosial Berbasis Android. PROSIDING SEMNASTEK 2019.
LAMPIRAN
Logbook Form Absen
Form Kegiatan Harian
Foto Dokumentasi
Luaran Perancangan
1. Mockup
Perancangan Mockup login
Perancangan Mockup Dashboard admin
Perancangan mockup table pengelolaa data berita
Perancangan mockup tambah berita
Perancangan mockup edit berita
Implementasi Perancangan
Dashboard admin
Halaman Login
Halaman pengelola data berita
Halaman tambah data berita
Dokumen lainnya yang berhubungan dengan KP
