Perancangan Website Dinas Pemberdayaan Masyarakat dan Pemerintahan Kampung (DPMPK) Pegunungan Bintang Menggunakan Framework Laravel
Evan Bagus Kristianto 1) , Sri Yulianto Joko Prasetyo 2) 1,2) Universitas Kristen Satya Wacana
Jl. Diponegoro No.52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah 50711 Email : 672017048@student.uksw.edu 1) , sri.yulianto@uksw.edu 2) Riwayat artikel: Recieved: 29-07-2021 Revised: 25-09-2021 Accepted: 25-09-2021

## Abstract
In order to cover a wider, efficient and good reach in spreading information, we need the promising technology in order to create a better administration for the government. Dinas Pemberdayaan Masyarakat Kampung (DPMPK) Pegunungan Bintang is trying to use the information technology or IT as a means to spread the information or e-government activity in popular terms. As an effort for realization of its e-government activity, a website with Laravel framework is created using PHP and JavaScript programming language. There are three roles in that website that related to each other. These role are super admin, admin, and a user. The Super Admin and Admin role are divided to minimize unrelated problem to each role and easier to control while changing the website content. DPMPK website is built with simple user interface to make it easy for user while browsing some information and to download the required documents.
Keywords: e-government, website,interface,system,Laravel.PHP,JavaScript

## Abstrak
Agar mencakup jangkauan lebih luas, efesien, dan baik dalam menyebarkan informasi dibutuhkan teknologi yang menjanjikan agar dapat mewujudkan pemerintahan yang lebih baik.  Dinas Pemberdayaan Masyarakat Pemerintahan dan Kampung (DPMPK) Pegunungan Bintang berupaya menggunakan teknologi informasi komunikasi sebagai sarana penyebaran informasi atau istilah populernya adalah e-government. Sebagai upaya dalam mewujudkan e-government, dibangun sebuah website dengan framework Laravel, bahasa pemrogramman PHP dan JavaScript. Terdapat tiga peran yang digunakan dalam sistem tersebut di antaranya super admin, admin, dan user yang saling berkaitan. Super admin dan admin dipisahkan agar website dapat lebih mudah dikontrol dan meminimalisir kesalahan yang tidak diperlukan oleh admin dashboard saat mengubah isi dari website tersebut. Pembangunan website DPMPK dibuat dengan tampilan antar muka yang sederhana agar dapat mempermudah user saat melakukan pencarian informasi dan mengunduh dokumen yang diperlukan.
Kata kunci: e-government, website, tampilan, sistem, Laravel, PHP, JavaScript

## Pendahuluan
Pada era otonomi daerah ini dibutuhkan sebuah teknologi yang menjanjikan agar dapat mencakup jangkauan yang lebih luas, efesien, dan dapat menyampaikan informasi pemerintah kepada masyarakat dengan lebih baik. Oleh sebab itu, demi mewujudkan pemerintahan yang lebih  baik ( good governance ) maka salah satu upaya yang digunakan adalah teknologi informasi dan komunikasi atau istilah populer yang dipakai adalah e-government . Pada wilayah kabupaten Pegunungan Bintang memiliki beberapa aplikasi layanan publik yang masih bersifat institusional yang menunjukan bahwa kebutuhan e-government belum sesuai dengan yang diharapkan. Dengan demikian sistem informasi yang sudah diaplikasikan, belum terintegrasi dengan institusi yang lain. Selain itu kabupaten Pegunungan Bintang juga belum menunjukkan penyediaan website dan pengaplikasian teknologi informasi untuk kebutuhan publik secara umum [1].
Demi mengimplementasikan penyediaan website tersebut, perancangan ini dibangun menggunakan bahasa pemrograman PHP yang bersifat open source sehingga dalam proses penggunaannya tidak memerlukan  biaya. Dalam perancangan website ini digunakan framework Laravel dengan konsep model-view- controller . Penggunaan framework Laravel didasari oleh penyediaan fitur dan keamanan website yang lengkap dalam framework tersebut  [2] . Sistem yang dirancang dalam pembuatan website ini agar dapat dimanfaatkan sebagai media atau sarana penyampaian informasi setiap kampung yang  dikelompokkan berdasarkan distrik kepada warga setempat. Distrik yang dimasukkan dalam website tersebut sebanyak 34 distrik yang memiliki sejumlah kampung pada setiap distriknya sehingga mereka dapat mengirimkan informasi dan berkas yang dapat diunduh oleh masyarakat setempat. Seluruh pembuatan website ini bertujuan untuk membantu kinerja pemerintah dalam bertukar informasi antar departemen, masyarakat, serta kelompok terikat seputar DPMPK Pegunungan Bintang lainnya. Dengan aplikasi yang berlandaskan internet dan perangkat lainnya dikelola pemerintah untuk keperluan dalam menyampaikan sebuah informasi pemerintah kepada masyarakat, pegawai, atau lembaga-lembaga lainnya [1]. Dari penjelasan di atas, maka dibangunlah sebuah website yang berfokus kepada sebuah kebutuhan pemerintah dalam meningkatkan kualitas pelayanan masyarakat di  lingkungan pemerintah kabupaten Pegunungan Bintang, Papua.

## Kajian Pustaka
Kebijakan dan strategi  nasional  pengembangan e-government merupakan sebuah upaya dalam mengembangkan penyelenggaraan kepemerintahan berbasis elektronik untuk meningkatkan pelayanan publik secara efektif dan efesien, tertulis pada instruksi presiden No. 3 Tahun 2003. Menurut Rogers (dalam Rina 2013)
inovasi merupakan sebuah ide, praktik atau objek yang dianggap baru, dapat diimplementasikan, dan dapat berdampak baik sehingga dalam perancangan website ini juga diharapkan dapat membantu pemerintah dalam memberikan wadah dalam guna menyampaikan informasi dan menjadi sarana bagi masyarakat Pegunungan Bintang itu sendiri. Perancangan aplikasi sebelumnya bernama "Ogan Lopian" dibuat dengan basis Android dengan beberapa fitur yang menarik seperti destinasi wisata, laporan warga, layanan kesehatan. layanan pekerjaan dan layanan ojek online pada area Purwakarta [3].
Penelitian yang dibuat sebelumnya juga dibuat dengan tujuan merancang dan membangun sebuah sistem yang dibutuhkan oleh sekolah untuk membantu dalam mengembangkan layanan berbasis website guna mengembangkan organisasi sekolah menggunakan user centered design (UCD ) sebagai metodenya [4]. Perbedaan dari pembuatan sistem dan aplikasi ini dari yang terdahulu adalah adanya super admin yang dapat mengakses keseluruhan dari website dan dapat membuat akun-akun admin yang dapat menambahkan informasi distrik pada bagian halaman user sehingga informasi yang dicakup dapat lebih luas seiring bertambahnya admin-admin baru.

## Metode Penelitian
Gambar 1 Use case diagram website DPMPK Pegunungan Bintang
1. Studi Literatur
Diawali dengan melakukan proses pencarian informasi yang berkaitan dengan pembuatan web-application menggunakan framework Laravel diambil
melalui jurnal penelitian, artikel, dan buku sehingga dalam proses perancangan aplikasi dapat dilakukan perencanaan langkah strategis dalam pembuatannya [5].

## 2. System Design
Proses ini dilakukan analisis data-data yang diberikan, membuat alur sistem informasi data yang akan ditampilkan pada jendela user, admin, maupun super admin serta melakukan perencanaan akan website yang akan diimplementasikan. Setelah melakukan perancangan analisa, konsep dan penerapan akan dilakukan pembuatan use case dan activity diagram dengan desain UML (Unified Modelling Language) [5]. Fungsi dari pembuatan UML tersebut adalah menjelaskan secara rinci langkah-langkah aplikasi dari berbagai aspek [6]. Dalam pembuatan sistem tersebut menggunakan metodologi SDLC (System Development Life Cycle) dan untuk model pengembangannya menggunakan model waterfall. Model System Development Life Cycle dibuat untuk membantu programmer dan analis sistem dalam membangun sistem informasi sehingga dalam proses pembuatannya dapat menghindari kegagalan dalam pembuatan perangkat lunak atau bisa disebut dengan software crisis [7].

## 3. Implementation
Pada tahap penelitian ini diimplementasikan menggunakan sebuah framework Laravel dengan tools pendukung dalam pembuatan sistem informasi website DPMPK Pegunungan Bintang yang sesuai dengan analisa dan perancangan desain[5].
4. Uji Coba dan Evaluasi
Dalam proses ini dilakukan pengujian sistem dan website yang telah dibangun, sehingga seluruh fitur yang terdapat website fungsinya dapat berjalan baik dan benar sesuai dengan sistem informasi yang telah dibuat dengan framework Laravel, serta memahami kinerja dan performa dari laravel itu sendiri [5].

## 5. Penulisan Laporan
Tahap ini berfungsi untuk mendokumentasikan keseluruhan proses pembuatan sistem informasi dan perancangan website yang telah dibuat sehingga penelitian ini masih dapat dilanjutkan terhadap website yang sudah dibangun[5].

## Hasil dan Pembahasan
Setelah dilakukannya analisis sistem dilakukan, selanjutnya yang harus dilakukan adalah merancang desain sistem untuk memenuhi kebutuhan pada tahap analisis [8]. Terdapat tiga pengguna yang dipakai pada perancangan sistem tersebut,
di antaranya s uper admin, admin, dan user. Super admin role super admin dapat mengelola data dan sistem website DPMPK secara keseluruhan. Secara keseluruhan bagian admin hampir sama fungsinya dengan bagian super admin, bedanya pada bagian ini admin tidak dapat menambahkan akun dan distrik serta melihat kontak akun yang sudah terdaftar. Pada bagian user dapat mengakses website yang diakses secara umum dan dapat mengunduh dokumen publikasi yang dibagikan oleh pemerintah.
Use case berfungsi untuk menggambarkan sebuah relasi antara pengguna dengan sistem yang dirancang, sehingga dapat mempermudah dalam menentukan aktor setiap pengguna yang berhubungan dengan fungsi tertentu yang disediakan sistem[9].  Pada use case diagram tersebut dibagi menjadi tiga aktor utama di antaranya super admin, admin, dan user. Setiap aktor memiliki peran masing- masing, seperti yang tertera pada gambar 2 berikut.
Seperti yang terdapat pada gambar 2, super admin memiliki akses penuh terhadap dashboard pada website DPMPK yang artinya super admin dapat mengubah keseluruhan isi dari website tersebut seperti menambahkan distrik, edit distrik, maupun hapus distrik. Selain itu super admin dapat menambahkan admin yang baru sehingga jika ingin mendaftarkan atau menambahkan distrik baru pada website DPMPK, maka admin baru dapat mendaftarkan  distriknya pada super admin . Dashboard tersebut hanya dibuat dengan satu akun saja untuk mencegah adanya perubahan data atau informasi yang disebarkan secara sengaja maupun tidak sengaja. Di  samping itu super admin juga memiliki akses untuk mengubah informasi yang terdapat pada setiap tempat yang diubah seperti kontak dan profil website tersebut.
Gambar 2 Use case diagram website DPMPK Pegunungan Bintang
Pada use case admin diagram berbeda dengan dashboard super admin yang memiliki akses secara keseluruhan, sehingga dashboard admin tidak disediakan profil website dan registrasi. Admin juga tidak dapat menambahkan distrik seperti super admin sehingga admin hanya memiliki akses untuk menambahkan dan melihat kampung, menambahkan dan melihat foto, menambahkan dan melihat
video, melihat dan menambahkan dokumen publikasi agar dapat di- download, serta melihat dan menambahkan pengumuman,seperti yang terdapat pada gambar 2.
Pada  gambar  2 , user hanya dapat melihat isi dari informasi yang telah diinput pada dashboard admin dan super admin. Tampilan yang disediakan pada tampilan user dibuat sesederhana mungkin agar user atau pengunjung website dapat dengan mudah mencari informasi yang benar-benar ingin dicari. Selain mencari informasi, pengunjung website juga dapat mengunduh dokumen yang telah disediakan pada jendela navigasi publikasi.
Activity diagram berfungsi untuk membuat desain  sistem yang menjelaskan relasi antara user dan sistem melalui sisi aktivitasnya[7] .
Gambar 3 User unduh publikasi
Gambar 4 Super admin mengubah data distrik dan profil website
Gambar 5 Admin/super admin tambah data foto, video,
kampung, pengumuman, dan publikasi
Gambar 6 Super admin tambah data akun dan distrik
Gambar 7 User melihat publikasi
Gambar 8 User melihat pengumuman
Gambar 9 User melihat video
Gambar 10 Super admin menghapus distrik
Gambar 12 User melihat foto Gambar 13 User lihat distrik
Gambar 14 Super admin/admin menghapus data foto, kampung, pengumuman, publikasi, video
Gambar 15 Super admin/admin mengubah data foto, kampung, pengumuman, publikasi, video
Pada gambar 16  terdapat entity relationship diagram digunakan untuk membuat relasi antar tabel pada sebuah baris data[10].

## Gambar 16 Entity relationship diagram
Seluruh pembuatan sistem informasi  ini diterapkan agar dapat menjadi dashboard yang utama dalam bentuk penerapan teknologi yang membantu pemerintah saat mengelola informasi yang harus diberikan kepada masyarakat [11] .
Kode program 1 merupakan fungsi tambah profil distrik. Langkah awalnya mengambil data yang sudah dimasukkan dalam form “name” dan “description”. Kemudian untuk bagian photo dilakukan pengecekan apakah terdapat file photo yang dimasukkan dalam form .
Kode Program 1 Fungsi tambah profil distrik halaman dashboard.
1. public function store(Request $request)
2. {
3. $district = new District();
4.
5. $district->name = $request->name;
6. $district->description = $request->description;
7.
8. if( $request->hasFile ('photo') ) {
9. $file = $request->file('photo');
10. $extension = $file->getClientOriginalExtension();
11. $filename = time() . '.' . $extension;
12. $file->move('assets/district/', $filename);
13. $district->photo = $filename;
14. } else {
15. return $request;
16. $district->photo = '';
17. }
18. 19. $district -> save();
20. return redirect()->route('districts.index');}
Jika terdapat photo , maka dilakukan pengubahan nama file menjadi random string untuk menghindari duplikat nama file . Kemudian file disimpan dalam folder “assets/district” dan ditampilkan pada halaman districts.index.
Kode Program 2 Fungsi menampilkan video halaman dashboard.
1. public function index()
2. {
3. $videos = Video::orderBy('created_at', 'desc')
4. ->get();
5.
6. return view ('pages.admin.village-galleries.viewVideo')->with([
7. 'videos' => $videos
8. ]);}
Kode program 2 merupakan fungsi menampilkan video. Langkah awalnya dengan mengambil data video dari database kemudian diurutkan berdasarkan tanggal pembuatannya. Setelah itu video ditampilkan pada halaman “pages.admin.village-galleries.viewVideo”.
Kode Program 3 Fungsi menampilkan pengumuman halaman beranda.
1. public function index(Request $request)
2. {
3. $places = Announcement::with(['announcement'])
4. ->orderBy('date', 'desc')
5. ->limit(5)
6. ->get();
7.
8. return view('pages.user.home', [
9. 'places' => $places ]);}
Kode program 3 merupakan fungsi menampilkan pengumuman. Langkah awalnya dengan mengambil data pengumuman beserta relasi “announcement” dari database . Kemudian diurutkan berdasarkan tanggal dan dibuat batasan dengan 1 halaman berisi 5 data pengumuman. Setelah itu data ditampilkan pada halaman “pages.user.home”. Kode program 4 merupakan tampilan halaman profil kampung. Langkah awal pembuatannya dengan membagi halaman menjadi dua kolom (col- md-8 dan col-md-4). Kolom sebelah kiri (col-md-8) berisi informasi distrik seperti
gambar, nama distrik, dan deskripsi. Kolom sebelah kanan (col-md-4) menampilkan nama daftar dari setiap kampung yang ada pada distrik tersebut.
Kode Program 4 Tampilan halaman profil kampung
1. <div class="col-md-8">
2. <img src="{{ url('assets/district/' . $place->photo) }}">
3. <h2 class="mt-4 mb-3">{{ $place->name }}</h2> 4. <span class="text-justify>{!! $place->description !!}</span>
5. <br> 6. </div>
7. <div class="col-md-4">
8. <h2 class="mb-4">Daftar Kampung</h2>
9. <ul>
10. @foreach ($place->villages as $village)
11. <li class="mb-3 p-3”>
12. <a href="{{ route('villageUser', $village->id) }}">{{ $village>
13. name }}</a></li> 14. @endforeach
15. </ul> 16. </div>
Kode program 5 merupakan fungsi search, download, dan menampilkan data pada halaman publikasi. Pada fungsi search langkah awalnya dengan mengambil  data yang dimasukkan dalam form search . Kemudian dilakukan pencarian pada tabel districts , apakah terdapat nama yang sesuai ataupun mirip dengan data yang dimasukkan pada form search . Setelah data ditemukan, maka ditampilkan pada halaman pages.user.districtList.
Kode Program 5 Fungsi search, download, dan menampilkan data halaman Publikasi.
1. public function search(Request $request)
2. {
3. $search = $request->search;
4.
5. $places = DB::table('districts')
6. ->where('name','like',"%".$search."%");
7.
8. return view('pages.user.districtList', [
9. 'places' => $places 10. ]);
11.
12. public function download($id)
13. {
14. $place = Publication::where('id', $id)->firstOrFail();
15. $pathToFile = public_path('assets/publication/' . $place->file);
16. return response()->download($pathToFile);
17. }
18. 19. public function index(Request $request)
20. {
21. $places = Publication::with(['village_publication'])
22. ->orderBy('date', 'desc')
23. ->paginate(12);
24. 25. return view('pages.user.publicationList', [ 26. 'places' => $places ]);}
Fungsi download langkah awalnya dengan mencari apakah terdapat file publikasi dengan id yang diminta. Jika terdapat id yang sesuai, maka dilakukan pencarian nama file menggunakan public_path pada folder “assets/publication”, kemudian dilakukan pengunduhan file . Fungsi menampilkan data langkah awalnya dengan mengambil data publikasi beserta relasi “village_publication” dari database . Kemudian diurutkan berdasarkan tanggal dan dibuat batasan dengan 1 halaman berisi 12 data publikasi. Setelah itu data ditampilkan pada halaman “pages.user.publicationList”.
Kode Program 6 Tampilan halaman galeri.
1. <h2 class="text-center mb-4">GALERI VIDEO</h2>
2. <div class="row mb-5">
3. @foreach ($videos as $video)
4. <div class="col-xl-4">
5. <div class="team-item shadow">
6. <div class="card">
7. {!! Embed::make($video->video_link)->parseUrl()->getIframe() !!}
8. <h4 class="p-4”>{{ $video->title }}</h4>
9. </div> 10. </div>
11. </div>
12.
@endforeach 13. </div> 14. <h2 class="text-center mb-4">GALERI FOTO</h2> 15. <div class="row"> 16. @foreach ($places as $place) 17. <div class="col-xl-4"> 18. <div class="team-item shadow"> 19. <img src="{{ url($place->village_galleries->count() ? 'assets/gallery/' . 20. $place->village_galleries->first()->photo : 'assets/gallery/no_img.png'
21.
) }}">
22. <div class="down-content">
23. <h4>{{ $place->name }}</h4> 24. <a href="{{ route('galleryUser', $place->id) }}">
25. <span>Lihat Gallery</span> 26. </a>
27. </div>
28. </div>
29. </div>
30. @endforeach 31.
</div>
Kode  program 6 merupakan tampilan halaman galeri. Langkah awal pembuatannya dengan membagi menjadi tiga kolom untuk setiap tampilan video/foto dengan ukuran col-xl-4. Bagian galeri video ditampilkan dengan bantuan “ plugin embed ” untuk dapat menghubungkan video dengan Youtube. Pada bagian galeri foto yang ditampilkan berisi foto-foto galeri dan nama kampung. Halaman dashboard tediri dari dua multi level user , yaitu super admin dan admin . Super admin dapat mengakses seluruh menu pada dashboard , sedangkan admin hanya dapat mengakses tujuh menu yaitu dashboard , distrik  kampung, galeri foto, galeri video, publikasi dan pengumuman. Penjelasan dari setiap menu pada dashboard
antara lain menu dashboard berisi informasi tentang jumlah total data dan list data pada distrik, kampung, pengumuman, dan publikasi.
Menu Distrik berisi tentang membuat, mengubah, melihat, dan menghapus data pada distrik. Data yang dibutuhkan untuk membuat dan mengubah distrik yaitu nama distrik, foto, dan deskripsi distrik seperti gambar 17 .

## Gambar 17 Halaman distrik
Menu  kampung berisi tentang membuat, mengubah, melihat, dan menghapus data pada kampung. Data yang dibutuhkan untuk membuat dan mengubah kampung yaitu nama distrik, nama kampung, foto, dan deskripsi kampung. Menu galeri foto berisi tentang membuat, melihat, dan menghapus data pada galeri foto. Data yang dibutuhkan untuk membuat galeri foto yaitu nama kampung dan foto. Menu  galeri  video berisi tentang membuat, melihat, dan menghapus data pada galeri video. Data yang dibutuhkan untuk membuat galeri video yaitu judul dan link video. Video yang ditampilkan akan diambil dari link YouTube yang telah dimasukkan seperti Gambar 18 .
Menu publikasi berisi tentang membuat, melihat, menghapus , dan mengunduh data pada publikasi. Data yang dibutuhkan untuk membuat publikasi yaitu nama kampung, judul, cover publikasi, file , tanggal, dan deskripsi. Menu pengumuman berisi tentang membuat, mengubah, melihat, dan menghapus data pada pengumuman.  Data yang dibutuhkan untuk membuat dan mengubah pengumuman yaitu nama kampung, judul, foto, tanggal, dan deskripsi.  Menu Registrasi berisi tentang melihat dan mendaftar akun pada registrasi. Data yang dibutuhkan untuk register akun yaitu nama, email, dan password .

## Gambar 18 Halaman galeri video
Menu profil website berisi tentang melihat dan mengubah data pada profil website . Profil website memiliki sub-menu yaitu profil dan kontak. Data yang dibutuhkan untuk mengubah profil yaitu visi misi, foto struktur organisasi, tugas, dan rencana kerja, sedangkan data untuk mengubah kontak antara lain email , nomor telepon, lokasi, link Facebook, link email, dan link WhatsApp. Halaman user berisi informasi yang sudah dimasukkan oleh super admin ataupun admin pada dashboard . Halaman user terdiri dari enam menu, antara lain Beranda berisi tentang informasi pengumuman seperti pada gambar 17 . Profil dinas berisi informasi tentang profil website seperti visi misi, struktur organisasi, tugas, dan rencana kerja. Profil kampung berisi informasi tentang distrik dan kampung Pegunungan Bintang. Publikasi berisi informasi tentang publikasi dan unduh file seperti pada gambar 19 .  Galeri berisi video dan foto yang dimiliki oleh setiap kampung, dapat berupa dokumentasi dari kegiatan yang diadakan seperti pada gambar 18 .
Gambar 19 Halaman beranda
Gambar 20 Halaman galeri

## Gambar 21 Halaman publikasi
Kontak berisi informasi tentang kontak website seperti email, nomor telepon, dan lokasi.  Pada dasarnya untuk keseluruhan pada website ini sudah diberikan surat lolos uji user experience (UX) dan user  interface (UI) dari perusahaan  yang menjembatani pemerintah dengan penulis dalam pembuatan system dan website yang telah dibuat.

## Simpulan
Website DPMPK Pegunungan Bintang Papua dibuat dengan framework Laravel yang dibangun menggunakan bahasa pemrograman PHP dan JavaScript. Tentunya dalam proses pengerjaannya, ditemukan beberapa kekurangan pada framework yang dipakai seperti file yang besar karena banyak file dan assets yang terinstal  dari framework Laravel itu sendiri  dan pembaharuan versi yang cepat sehingga terdapat perbedaan fitur yang ada. Website ini dirancang menggunakan beberapa sistem informasi untuk mempermudah dan meminimalisir kesalahan pada proses pembuatan website tersebut di antaranya menggunakan use case diagram, activity diagram, serta entity  relationship  diagram. Desain user interface yang dibuat pada website DPMPK dibangun sesederhana mungkin agar dalam proses penggunaannya, user dapat lebih mudah dalam mencari informasi dan mengunduh dokumen wilayah yang dibutuhkan. Dashboard admin dan super admin memiliki fungsi yang mirip, perbedaannya hanya terdapat pada akses tambah distrik, registrasi, dan mengubah profil website yang tidak terdapat pada dashboard admin. Pembuatan dashboard dibuat demikian agar admin dapat meminimalisir kesalahan yang tidak diperlukan.
Daftar Pustaka [1]  Sabino  Mariano, “Penerapan E-Government Dalam Pelayanan Publik Di Kabupaten Sidoarjo,” J. Chem. Inf. Model. , vol. 53, no. 9, pp. 1689–1699,
2019.
[2]  B. Hermanto, M. Yusman, and N. Nagara, “Sistem Informasi Manajemen
Keuangan pada PT. Hulu Balang Mandiri Menggunakan Framework Laravel,” J. Komputasi , vol. 7, no. 1, pp. 17–26, 2019, doi: 10.23960/komputasi.v7i1.2051.
[3]  K. Dan and I. Di, “Inovasi Pelayanan Publik Berbasis E- Government : Studi Kasus Aplikasi Ogan Lopian Dinas,” vol. 3, no. 1, pp. 66–77.
[4]  Y. Mukti, “Rancang Bangun Website Sekolah Dengan Metode User Centered Design (UCD),” J. Ilm. Betrik , vol. 9, no. 02, pp. 84–95, Jul. 2018, doi: 10.36050/betrik.v9i02.34.
[5]  D. K. Pratama and A. S. Paramita, “Rancang Bangun Sistem Informasi Afiliasi Penjualan Tiket Seminar Berbasis Website Menggunakan Framework Laravel,” Teknol. Inf. dan Ilmu Komput. , vol. 7, no. 1, pp. 109– 124, 2020, doi: 10.25126/jtiik.202071466.
[6]  Suwarno and S. A. Prakoso, “Pembuatan Toko Online . Studi Kasus Pada Toko Anugrah,” Komputaki , vol. 1, no. 1, pp. 72–84, 2015.
[7]  Y. S. Dwanoko, “Implementasi Software Development Life Cycle ( Sdlc ) Dalam Penerapan Pembangunan Aplikasi Perangkat,” J. Teknol. Inf. , vol. 7, no. 2, pp. 83–94, 2016.
[8]  Zulkifli, “Perancangan Sistem Informasi Pemasaran (E-Commerce) PT.Jogja Kelapa Mas Berbasis Web,” J. Teknol. Informasi-Aiti , vol. 14, no. 1, pp. 91–103, 2016.
[9]  F. G. john Rupilele, “Perancangan Sistem Informasi Manajemen  Pelayanan Anggota Jemaat, Baptisan, dan Pernikahan Berbasis Web (Studi Kasus: Gekari Lembah Pujian Kota Sorong),” J. Teknol. Inf. dan Ilmu Komput. , vol. 5, no. 2, p. 147, 2018, doi: 10.25126/jtiik.201852685.
[10]  D. M. Fitriani et al. , “SISTEM INFORMASI LAYANAN PENGADUAN UPT-TIK UPGRIS BERBASIS WEB,” vol. 5, no. Sens 5, pp. 310–314, 2020.
[11]  G. E. A. Kustanto and H. P. Chernovita, “Perancangan Sistem Informasi Manajemen Berbasis Web Studi Kasus : PT Unicorn Inter tranz,” J. Teknol. Inf. dan Ilmu Komput. , vol. 8, no. 4, p. 719, 2021, doi: 10.25126/jtiik.2021844849.