Sistem Informasi Pada Kantor Dinas Perdagangan Kota Palopo Berbasis Website

(1)

Department of Electrical Faculty of Engineering and Informatics Patria Artha University, Makassar

ISSN: 2549-6131 | e-ISSN: 2549-614X

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 132

Sistem Informasi Pada Kantor Dinas Perdagangan Kota Palopo Berbasis Website

Hardiana, Akrammunisa Universitas Cokroaminoto Palopo

Penelitian ini bertujuan untuk merancang dan membangun sistem informasi pada kantor Dinas Perdagangan Kota Palopo berbasis website. Metode penelitian yang digunakan untuk merancang dan membangun dalam penelitian ini adalah Research and Development (R&D) yang mengacu pada metode pengembangan waterfall. Tahapan penelitan dimulai dengan tahap analisis kebutuhan dengan melakukan pengumpulan data berupa observasi, wawancara, dan studi pustaka. Kemudian dilanjutkan dengan tahap desain sistem menggunakan UML (Unifed Modeling Language) dengan bantuan aplikasi Microsoft Visio 2016. Perancangan interface dibuat menggunakan aplikasi Balsamiq Mokcups. Pada tahap pembuatan sistem menggunakan bantuan bahasa pemrograman HTML dan PHP, serta Framework Bootstrap untuk membangun website. Penulisan kode program menggunakan aplikasi Sublime Text 3. Database yang digunakan MySQL dengan bantuan aplikasi XAMPP sebagai lokal server. Google Chrome digunakan untuk melihat tampilan interface website.

Tahap pengujian dilakukan dengan teknik pengujian blackbox dan pengujian. Pengujian blackbox yang telah dilakukan dengan total jumlah menu 22, hasil dari pengujian ini menunjukkan bahwa semua fungsionalitas tombol dan menu website dapat berjalan dengan baik. Sedangkan untuk pengujian ahli mendapatkan jumlah rata-rata sebanyak 4,6, dimana angka tersebut masuk dalam kategori sangat baik. Hasil dari penelitian ini berupa sistem inforrmasi layanan pada kantor Dinas Perdagangan Kota Palopo Berbasis Website. Sistem telah diimplementasikan kedalam bentuk website yang sudah layak untuk digunakan.

Kata kunci: sistem informasi, website, XAMPP

This work is licensed under a Creative Commons Attribution 3.0 License

PENDAHULUAN

Perkembangan Ilmu Pengetahuan dan Teknologi (IPTEK), berkembang pesat. Hal ini dapat ditinjau dengan pesatnya pertumbuhan penggunaan internet diberbagai lapisan masyarakat. Hampir semua instansi perusahaan, lembaga pemerintahan ataupun swasta, menggunakan teknologi internet sebagai pertukaran data dan informasi [1].

Website merupakan halaman informasi yang di sediakan melalui jalur internet. Hal inilah yang digunakan oleh instansi pemerintahan, lembaga pendidikan, dan organisasi untuk menyebarkan informasi kedalam layanan

internet berupa sistem informasi berbasis we [2].

Sekaitan dengan perkembangan teknologi informasi dan komputer tersebut juga pada akhirnya sangat berkaitan dengan penyelenggaraan pelayanan sebuah instansi, yang mana di era kemajuan atau perkembangan teknologi saat ini sudah seharusnya telah berbasis teknologi dengan tujuan untuk meningkatkan pelayanan dan memudahkan penyebaran informasi [3].

Dinas Perdagangan adalah perangkat daerah yang bertugas untuk membantu Walikota dalam urusan pemerintah terutama dalam bidang perdagangan.

(2)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 133 Kantor Dinas Perdagangan Kota Palopo

merupakan badan atau instansi yang berlokasi di Jl. KH. Hasyim, No. 06 Kota Palopo yang masih memiliki beberapa keterbatasan dalam memberikan pelayanan kepada masyarakat terutama dalam bidang penyaluran informasi.

Berdasarkan hasil observasi dan wawancara diketahui bahwa, saat ini kantor Dinas Perdagangan Kota Palopo masih minim dalam hal penyaluran informasi seperti informasi yang menyangkut profil instansi, dan beberapa ragam informasi berupa berita, agenda, galeri, serta kontak yang dapat dihubungi.

Masalah ini terjadi dikarenakan sistem informasi di instansi tersebut masih dilakukan dengan cara menempelkan informasi di papan informasi atau disampaikan secara langsung, yang mana pada akhirnya dalam hal akses informasi masyarakat harus terlebih dahulu datang ke kantor Dinas Perdagangan Kota Palopo untuk dapat mengakses informasi terbaru.

Penulis dalam penelitian ini ingin memberikan solusi dengan merancang dan membangun sebuah website sistem informasi pada kantor Dinas Perdagangan Kota Palopo, karena belum adanya sistem informasi pada dinas terkait, maka dibutuhkan sebuah sistem yang dapat memberikan informasi tentang profil, berita, agenda, galeri, informasi layanan, kontak dan alamat pada kantor Dinas Perdagangan Kota Palopo. Untuk mencapai tujuan di atas, maka dibangunlah sebuah website sistem informasi yang akan dituangkan ke dalam sebuah penelitian yang berjudul “Sistem Informasi pada Kantor Dinas Perdagangan Kota Palopo Berbasis Website”.

METODE PENELITIAN

Jenis penelitian yang dipilih oleh penulis adalah Research and Development (R&D).

Menurut Saputro Penelitian Pengembangan (Research and Development) adalah metode penelitian yang menghasilkan sebuah produk dalam bidang keahlian tertentu, yang diikuti produk sampingan tertentu serta memiliki efektivitas dari sebuah produk tertentu.

Metode air terjun sebagai model pengembangan berurutan yang mengambil pendekatan sistematis dan berurutan untuk membangun perangkat lunak.

Prosesnya mengikuti aliran analisis, desain sistem, penulisan kode, pengujian dan pemeliharaan [5].

Gambar 1. Tahapan Metode Model Waterfall[6]

1. Analisis kebutuhan

Proses pengumpulan kebutuhan dilakukan dengan sungguh-sungguh untuk menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang diinginkan oleh pengguna.

2. Desain Sistem

Desain perangkat lunak adalah proses multi langkah yang berfokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diterapkan menjadi program pada tahap berikutnya.

3. Penulisan kode program

Desain harus ditranslasikan atau dipindahkan ke dalam program perangkat lunak. Hasil pada tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain.

4. Pengujian Program

Pengujian fokus kepada perangkat lunak secara logika dan fungsional serta memastikan bahwa semua bagian sudah diuji untuk meminimalisir terjadinya kesalahan (error) dan keluaran yang dihasilkan sesuai dengan yang diperlukan.

5. Penerapan Program

(3)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 134 Pada tahap ini penerapan sekaligus

pengujian bagi sistem baru serta merupakan tahapan bagi sistem baru serta merupakan tahapan dimana aplikasi siap dioperasikan pada keadaan yang sebenarnya. Efektifitas sistem baru akan diketahui secara pasti, juga untuk semua kelebihan dan kekurangan sistem dari program aplikasi.

Tahapan Penelitian yang akan penulis lakukan dalam kegiatan ini adalah sebagai berikut: Teknik observasi yang dilakukan dengan cara mendatangi langsung instansi tersebut dan mencatat secara teliti serta sistematis keadaan yang yang diamati ke objek penelitian sebagai sumber data yang diperlukan untuk dijadikan acuan penelitian dalam menyelesaikan permasalahan yang ada. Wawancara dilakukan dengan melakukan tanya jawab secara langsung maupun online terkait objek yang diteliti yaitu dengan mewawancarai Kasubag Dinas Perdagangan Kota Palopo. Studi Pustaka dilakukan dengan cara mempelajari teori- teori, baik dari buku cetak maupun non- cetak yang berhubungan dengan objek penelitian

HASIL DAN PEMBAHASAN 1. Tampilan Interface Admin a. Tampilan Menu Beranda Admin

Tampilan menu beranda merupakan tampilan awal yang akan mucul saat admin dan user membuka website.

tampilan ini akan menampilkan beberapa pilihan menu sebelum admin melakukan login. Berikut tampilan menu beranda admin yang dapat dilihat pada gambar 2.

Gambar 2. Menu Beranda Admin b. Tampilan Menu Login Admin

Tampilan menu login admin merupakan tampilan ketika sistem akan dijalankan,

login harus dilakukan admin untuk masuk ke dalam sistem. Berikut tampilan menu login admin yang dapat dilihat pada gambar 3.

Gambar 3. Tampilan Menu Login Admin c. Tampilan Menu Dashboard Admin Tampilan menu dashboard admin merupakan tampilan yang muncul pertama kali setelah admin berhasil login.

Pada tampilan ini akan muncul beberapa menu yang dapat digunakan admin untuk mengelola profil seperti sejarah, visi dan misi dan struktur organisasi, admin juga dapat mengelola berita, agenda, galeri, informasi layanan, pengaduan serta kontak. Berikut tampilan menu dashboard admin yang dapat dilihat pada gambar 4.

Gambar4. Tampilan Menu Dashboard Admin d. Tampilan Kelola Menu Sejarah Admin Tampilan kelola menu sejarah merupakan tampilan yang digunakan admin untuk menginput, mengedit, dan menghapus data sejarah. Berikut tampilan kelola menu sejarah admin yang dapat dilihat pada gambar 5.

(4)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 135 Gambar 6. Tampilan Kelola Menu Sejarah

Admin

e. Tampilan Kelola Menu Visi dan Misi Admin

Tampilan kelola menu visi dan misi merupakan tampilan yang digunakan admin untuk menginput, mengedit, dan menghapus data visi dan misi. Berikut tampilan kelola menu visi dam misi admin yang dapat dilihat pada gambar 7.

Gambar 2. Tampilan Kelola Menu Visi dan Misi Admin

f. Tampilan Kelola Menu Struktur Organisasi

Tampilan kelola menu struktur organisasi merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data struktur organisasi.

Berikut tampilan kelola menu struktur organisasi admin yang dapat dilihat pada gambar 8.

Gambar 3. Tampilan Kelola Menu Struktur Organisasi Admin

g. Tampilan Kelola Menu Berita Admin Tampilan kelola menu berita merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data berita Berikut tampilan kelola menu berita admin yang dapat dilihat pada gambar 9.

Gambar 9. Tampilan Kelola Menu Berita h. Tampilan Kelola Menu Agenda Admin Tampilan kelola menu agenda merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data agenda. Berikut tampilan kelola menu agenda admin yang dapat dilihat pada gambar 10.

Gambar 10. Tampilan Kelola Menu Agenda Admin

i. Tampilan Kelola Menu Galeri Admin Tampilan kelola menu galeri merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data galeri. Berikut tampilan kelola menu galeri admin yang dapat dilihat pada gambar 11.

Gambar 11. Tampilan Kelola Menu Galeri Admin

(5)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 136 j. Tampilan Kelola Menu Informasi

Layanan Admin

Tampilan kelola menu informasi layanan merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data informasi layanan.

Berikut tampilan kelola menu informasi layanan admin yang dapat dilihat pada gambar 12.

Gambar 12. Tampilan Menu Kelola Informasi Layanan Admin

k. Tampilan Kelola Menu Kontak Admin Tampilan kelola menu kontak merupakan tampilan yang digunakan admin untuk menginput, mengedit dan menghapus data kontak. Berikut tampilan kelola menu kontak admin yang dapat dilihat pada gambar 13.

Gambar 13. Tampilan Kelola Menu Kontak Admin

l. Tampilan Menu Logout Admin

Tampilan menu logout admin merupakan tampilan yang digunakan admin untuk keluar dari halaman admin. Berikut tampilan menu logout admin yang dapat dilihat pada gambar 14.

Gambar 14. Tampilan Kelola Menu Kontak Admin

2. Tampilan Interface User/Masyarakat a. Tampilan Menu Beranda User

Tampilan menu beranda adalah tampilan yang akan muncul pertama kali saat user membuka website. Berikut tampilan menu beranda user yang dapat dilihat pada gambar 15.

Gambar 15. Tampilan Menu Beranda User b. Tampilan Menu Profil (Sejarah User) Tampilan menu sejarah adalah tampilan sejarah dari kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user.

Berikut tampilan menu sejarah user yang dapat dilihat pada gambar 16.

Gambar 16. Tampilan Menu Sejarah User c. Tampilan Menu Profil (Visi dan Misi

User)

Tampilan menu visi dan misi adalah tampilan visi dan misi dari kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user. Berikut tampilan menu

(6)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 137 visi dan misi user yang dapat dilihat pada

gambar 17.

Gambar 17. Tampilan Menu Visi dan Misi User d. Tampilan Menu Profil (Struktur

Organisasi User)

Tampilan menu struktur organisasi adalah tampilan struktur organisasi dari kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user. Berikut tampilan menu struktur organisasi user yang dapat dilihat pada gambar 18.

Gambar 18. Tampilan Menu Struktur Organsasi User

e. Tampilan Menu Berita User

Tampilan menu berita adalah tampilan berita seputar kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user.

Berikut tampilan menu berita user yang dapat dilihat pada gambar 19.

Gambar 19. Tampilan Menu Berita User

f. Tampilan Menu Agenda User

Tampilan menu agenda adalah tampilan agenda yang dilaksanakan oleh kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user. Berikut tampilan menu agenda user yang dapat dilihat pada gambar 20.

Gambar 20. Tampilan Menu Agenda User g. Tampilan Menu Galeri User

Tampilan menu galeri adalah tampilan berupa foto-foto di kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user. Berikut tampilan menu galeri user yang dapat dilihat pada gambar 21.

Gambar 21. Tampilan Menu Galeri User h. Tampilan Menu Informasi Layanan

User

Tampilan menu informasi layanan

merupakan tampilan yang

memperlihatkan tahapan dalam surat masuk dan surat keluar dalam bidang umum di kantor Dinas Perdagangan Kota Palopo, yang dapat dilihat oleh user.

Berikut tampilan menu informasi layanan user yang dapat dilihat pada gambar 22.

(7)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 138 Gambar 22. Tampilan Menu Informasi

Layanan User i. Tampilan Menu Kontak User

Tampilan menu kontak adalah tampilan yang berisi email dan nomor yang dapat dihubungi dari kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user.

Berikut tampilan menu kontak user yang dapat dilihat pada gambar 23.

Gambar 23. Tampilan Menu Kontak User

j. Tampilan Menu Alamat

Tampilan menu alamat adalah tampilan berupa google maps yang akan menunjukakan lokasi dari kantor Dinas Perdagangan Kota Palopo yang dapat dilihat oleh user. Berikut tampilan menu alamat user yang dapat dilihat pada gambar 24.

Gambar 24. Tampilan Menu Alamat User 3. Pengujian Sistem

a. Pengujian Black box

Pengujian yang digunakan penulis dalam penelitian ini adalah pegujian black box.

Pengujian tersebut bertujuan untuk menguji fungsionalitas program atau untuk mengamati hasil input dan output dari software.

Tabel 1. Pengujian Halaman Beranda Admin

Komponen Uji Hal Yang Diharapkan Keterangan

Menu beranda Sistem akan menampilkan halaman

beranda. Berhasil

Menu dropdown profil Sistem akan menampilkan pilihan menu sejarah, visi dan misi, serta struktur organisasi.

Berhasil Menu berita Sistem akan menampilkan halaman

berita. Berhasil

Menu agenda Sistem akan menampilkan halaman

agenda. Berhasil

Menu galeri Sistem akan menampilkan halaman

galeri. Berhasil

Menu informasi layanan

Sistem akan menampilkan halaman

informasi layanan Berhasil

Menu Kontak Sistem akan menampilkan halaman kontak.

Berhasil Menu Alamat Sistem akan menampilkan halaman

alamat berupa google maps.

Berhasil Sumber: Hasil Olah Data (2023)

(8)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 139 Tabel 2. Pengujian Halaman Login Admin

Menu login Jika admin mengklik menu login maka sistem akan menampilkan form login berupa username dan password..

Berhasil

Tombol login Jika username dan password yang dimasukkan admin benar, setelah admin menekan tombol login maka sistem akan menampilkan halaman dashboard admin. Jika username dan password yang dimasukkan salah, maka akan kembali menampilkan form login.

Berhasil

Sumber: Hasil Olah Data (2023)

Tabel 3. Pengujian Halaman Dashboard Admin

Komponen Uji Hal Yang Diharapkan Keterangan Menu dashboard Sistem akan menampilkan

halaman dashboard admin. Berhasil Menu sejarah Sistem akan menampilkan

halaman sejarah. Berhasil

Menu visi dan misi Sistem akan menampilkan

halaman visi dan misi. Berhasil Menu struktur

organisasi

Sistem akan menampilkan

halaman struktur organisasi. Berhasil Menu berita Sistem akan menampilkan

halaman berita. Berhasil

Menu agenda Sistem akan menampilkan

halaman agenda. Berhasil

Menu galeri Sistem akan menampilkan

halaman galeri. Berhasil

halaman informasi layanan Berhasil Menu kontak Sistem akan menampilkan

halaman kontak. Berhasil

Tombol cards menu sejarah

Sistem akan mengarahkan ke

Tombol cards menu visi dan misi

halaman visi dan misi. Berhasil Tombol cards menu

struktur organisasi

halaman struktur organisasi. Berhasil Tombol cards menu

berita

Tombol cards menu agenda

Tombol cards menu galeri

Tombol cards menu informasi layanan

halaman informasi layanan. Berhasil Tombol cards kontak Sistem akan mengarahkan ke

(9)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 140 Tabel 4. Pengujian Menu Kelola Sejarah Admin

Komponen Uji Hal Yang Diharapkan Keterangan Menu sejarah Sistem akan menampilkan

halaman data sejarah. Berhasil Tombol tambah data Sistem akan menampilkan form

tambah data sejarah. Berhasil

Tombol tanggal Sistem akan menampilkan pilihan

tanggal pembuatan data sejarah. Berhasil Tombol choose file Sistem akan membuka file yang

ingin ditambahkan. Berhasil

Tombol simpan Sistem akan menyimpan data

sejarah yang ditambah. Berhasil Tombol batal Sistem akan mengembalikan ke

halaman awal data sejarah. Berhasil Tombol edit Sistem akan menampilkan form

edit data sejarah. Berhasil

Tombol update Sistem akan memperbarui data

sejarah yang diedit. Berhasil

Tombol hapus Sistem akan menghapus data

sejarah yang pilih. Berhasil

Tombol show entries Sistem akan menampilkan jumlah

data yang dipilih. Berhasil

Search data Sistem akan menampilkan data

sejarah yang dicari. Berhasil

Tombol id selector Sistem akan menyeleksi elemen

berdasarkan id tertentu Berhasil Tombol previous Sistem akan menampilkan

halaman sebelumnya. Berhasil

Tombol next Sistem akan menampilkan

halaman berikutnya. Berhasil

Tabel 5. Pengujian Menu Kelola Visi dan Misi Admin

halaman data visi dan misi. Berhasil Tombol tambah data Sistem akan menampilkan form

tambah data visi dan misi. Berhasil Tombol tanggal Sistem akan menampilkan pilihan

tanggal pembuatan data visi dan misi.

Berhasil Tombol simpan Sistem akan menyimpan data visi

dan misi yang ditambah. Berhasil Tombol batal Sistem akan mengembalikan ke

halaman awal data visi dan misi.

Berhasil Tombol edit Sistem akan menampilkan form

edit data visi dan misi.

Berhasil Tombol update Sistem akan memperbarui data

visi dan misi yang diedit.

Berhasil Tombol hapus Sistem akan menghapus data visi

dan misi yang pilih.

Berhasil Tombol show entries Sistem akan menampilkan jumlah

data yang dipilih.

Berhasil Search data Sistem akan menampilkan data

visi dan misi yang dicari.

Berhasil

(10)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 141 Tombol id selector Sistem akan menyeleksi elemen

berdasarkan id tertentu

Berhasil Tombol previous Sistem akan menampilkan

halaman sebelumnya.

Berhasil Tombol next Sistem akan menampilkan

halaman berikutnya.

Tabel 6. Pengujian Menu Kelola Struktur Organisasi Admin

Menu struktur organiasasi

Sistem akan menampilkan halaman data struktur organiasasi.

Berhasil Tombol tambah data Sistem akan menampilkan form

tambah data struktur organiasasi. Berhasil Tombol choose file Sistem akan membuka file yang

Tombol simpan Sistem akan menyimpan data struktur organiasasi yang ditambah.

Berhasil Tombol batal Sistem akan mengembalikan ke

halaman awal data struktur organiasasi.

edit data struktur organiasasi. Berhasil Tombol update Sistem akan memperbarui data

struktur organiasasi yang diedit. Berhasil Tombol hapus Sistem akan menghapus data

struktur organiasasi yang pilih. Berhasil Tombol show entries Sistem akan menampilkan jumlah

data struktur organiasasi yang dipilih.

struktur organiasasi yang dicari. Berhasil Tombol id selector Sistem akan menyeleksi elemen

Tabel 7. Pengujian Kelola Menu Berita Admin

Menu berita Sistem akan menampilkan

halaman data berita. Berhasil

Tombol tambah data Sistem akan menampilkan form

tambah data berita. Berhasil

tanggal pembuatan data berita. Berhasil Tombol choose file Sistem akan membuka file yang

berita yang ditambah. Berhasil

Tombol batal Sistem akan mengembalikan ke

halaman awal data berita. Berhasil Tombol edit Sistem akan menampilkan form

edit data berita. Berhasil

(11)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 142 Tombol update Sistem akan memperbarui data

berita yang diedit. Berhasil

berita yang pilih. Berhasil

data berita yang dipilih. Berhasil Search data Sistem akan menampilkan data

berita yang dicari. Berhasil

Tabel 8. Pengujian Menu Kelola Agenda Admin

halaman data agenda. Berhasil

tambah data agenda. Berhasil

tanggal pembuatan data agenda. Berhasil Tombol simpan Sistem akan menyimpan data

agenda yang ditambah. Berhasil

halaman awal data agenda. Berhasil Tombol edit Sistem akan menampilkan form

edit data agenda. Berhasil

agenda yang diedit. Berhasil

agenda yang pilih. Berhasil

data agenda yang dipilih. Berhasil Search data Sistem akan menampilkan data

agenda yang dicari. Berhasil

Tabel 9. Pengujian Menu Kelola Galeri Admin

halaman data galeri. Berhasil

tambah data galeri. Berhasil

tanggal pembuatan data galeri. Berhasil Tombol choose file Sistem akan membuka file yang

(12)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 143 Tombol simpan Sistem akan menyimpan data

galeri yang ditambah. Berhasil

halaman awal data galeri. Berhasil Tombol edit Sistem akan menampilkan form

edit data galeri. Berhasil

galeri yang diedit. Berhasil

galeri yang pilih. Berhasil

data galeri yang dipilih. Berhasil Search data Sistem akan menampilkan data

galeri yang dicari. Berhasil

Tabel 10. Pengujian Menu Kelola Informasi Layanan Admin

halaman data informasi layanan. Berhasil Tombol tambah data Sistem akan menampilkan form

tambah data informasi layanan. Berhasil Tombol tanggal Sistem akan menampilkan pilihan

tanggal pembuatan data informasi layanan.

Berhasil Tombol choose file Sistem akan membuka file yang

informasi layanan yang ditambah. Berhasil Tombol batal Sistem akan mengembalikan ke

halaman awal data informasi layanan.

edit data informasi layanan. Berhasil Tombol update Sistem akan memperbarui data

informasi layanan yang diedit. Berhasil Tombol hapus Sistem akan menghapus data

informasi layanan yang pilih. Berhasil Tombol show entries Sistem akan menampilkan jumlah

data informasi layanan yang dipilih.

informasi layanan yang dicari. Berhasil Tombol id selector Sistem akan menyeleksi elemen

(13)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 144 Tabel 11. Pengujian Menu Kelola Kontak Admin

Menu kontak Sistem akan menampilkan

tambah data kontak. Berhasil

kontak yang ditambah. Berhasil

Tombol edit Sistem akan menampilkan form

edit data kontak. Berhasil

kontak yang diedit. Berhasil

halaman data kontak. Berhasil

kontak yang pilih. Berhasil

Tombol show entries Sistem akan menampilkan jumlah data kontak yang dipilih.

kontak yang dicari.

Berhasil Tombol id selector Sistem akan menyeleksi elemen

berdasarkan id tertentu

Berhasil Tombol previous Sistem akan menampilkan

halaman sebelumnya.

Berhasil Tombol next Sistem akan menampilkan

halaman berikutnya.

Tabel 12. Pengujian Menu Logout Admin

Menu logout Jika Admin menekan menu logout maka sistem akan menampilkan pesan ingin logout atau batal.

Berhasil Tombol batal Jika admin memilih tombol batal

maka admin tidak keluar dari halaman dashboard.

Berhasil Tombol logout Jika admin memilih tombol logout

maka admin akan keluar dari halaman dashboard.

Tabel 13. Pengujian Menu Beranda User

Menu beranda Sistem akan menampilkan

halaman beranda. Berhasil

Tombol slide bar Jika di klik gambar akan bergeser. Berhasil Sumber: Hasil Olah Data (2023)

Tabel 14. Pengujian Menu Dropdown Profil

Menu dropdown profil

Sistem akan menampilkan pilihan menu sejarah, visi dan misi, serta struktur organisasi.

(14)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 145 Tabel 15. Pengujian Menu Sejarah User

Menu sejarah Sistem akan menampilkan

Tombol slide bar Jika di klik gambar akan bergeser Berhasil Sumber: Hasil Olah Data (2023)

Tabel 16. Pengujian Menu Visi dan Misi User

halaman visi dan misi. Berhasil Tombol slide bar Jika di klik gambar akan bergeser Berhasil

Tabel 17. Pengujian Menu Struktur Organisasi User

Menu struktur organisasi

halaman struktur organisasi. Berhasil Tombol slide bar Jika di klik gambar akan bergeser Berhasil Sumber: Hasil Olah Data (2023)

Tabel 18. Pengujian Menu berita User

Menu berita Sistem akan menampilkan

Tombol slide bar Jika di klik gambar akan bergeser Berhasil Tombol baca

selengkapnya

keseluruhan teks berita. Berhasil Sumber: Hasil Olah Data (2023)

Tabel 19. Pengujian Menu Agenda User

Tabel 20. Pengujian Menu Galeri User

Tabel 21. Pengujian Menu Informasi Layanan User

Sistem akan menampilkan halaman informasi layanan surat masuk dan surat keluar.

Berhasil Tombol slide bar Jika di klik gambar akan bergeser Berhasil Sumber: Hasil Olah Data (2023)

(15)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 146 Tabel 22. Pengujian Menu Kontak User

Menu kontak Sistem akan menampilkan halaman kontak berupa email dan telephone.

Berhasil Tombol slide bar Jika di klik gambar akan bergeser Berhasil

Tabel 23. Pengujian Menu Alamat User

Menu Alamat Sistem akan menampilkan halaman alamat berupa google maps.

Berhasil Tombol slide bar Jika di klik gambar akan bergeser Berhasil Fitur google maps Jika diklik akan membuka google

maps Berhasil

Sumber: Hasil Olah Data (2023) Berdasarkan hasil pengujian, tombol- tombol yang dibuat pada website sistem informasi pada kantor Dinas Perdagangan Kota Palopo berjalan dengan baik, maka dengan ini dapat disimpulkan bahwa website sistem informasi pada kantor Dinas Perdagangan Kota Palopo, sudah berfungsi sesuai dengan yang diharapkan dan untuk menjalankan website ini pengguna dapat mengaksesnya dimana saja selama terkoneksi dengan jaringan internet. Pengujian sistem dilakukan untuk mengetahui tingkat keberhasilan atau kelayakan dari suatu aplikasi telah sesuai dengan rancangan yang telah

dibuat sebelumnya, begitupun dengan aplikasi berbasis website yang dibuat dan dinilai dari aspek tampilan, kemudahan, dan kualitas isi aplikasi. Dalam pengujian ahli yang berperan dalam validasi penelitian ini adalah Dosen Fakultas Teknik Komputer Universitas Cokroaminoto Palopo. Aplikasi di validasi oleh dua validator ahli website. Lembar validasi dibuat oleh penulis kemudian diisi oleh validator untuk mendapatkan validasi aplikasi.

Tabel 24. Tabel Pengujian Ahli Sistem

No Aspek/Indicator Penilaian Nilai/Skor Pengamatan Ahli 1 Ahli 2 1 Layout atau Tata Letak

a Kesesuaian susunan atau aliran informasi sudah

mudah diikuti oleh mata 5 4

b

Kesesuaian Susunan elemen sudah berdasarkan skala prioritas dari paling penting → penting → kurang penting

5 4

2 White Space atau Ruang Kosong

a White space jarak antar baris dan antarparagraf

dalam body text. 5 5

b Ruang kosong dengan jarak yang sama antara

satu elemen dengan elemen lainnya. 5 5

3 Pilihan Font

a Jenis huruf yang digunakan di layar 5 4

b Kombinasi huruf yang digunakan 4 4

c Variasi ukuran huruf berdasarkan skala prioritas

untuk aliran informasi 5 4

4 Skema Warna Website

a Pemilihan Warna Latar 4 4

b Pemilihan Warna Tulisan 4 4

(16)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 147

c Kombinasi warna 5 4

5 Desain Navigasi

a Letak Navigasi 5 5

b Kategori navigasi berdasarkan subtopik utama

dari situs web 5 5

c Jumlah baris navigasi 4 5

d Menu dropdown untuk subtopik dengan sub-

subtopik 4 5

6 Aspek Kualitas Isi/Informasi

a Kesesuaian isi dengan judul yang diambil 5 5

b Kelengkapan isi materi 5 5

7 Aspek Pengoperasian

a Kemudahan dalam melihat tampilan aplikasi 5 4

b Kemudahan dalam melihat isi aplikasi 5 4

c Kemudahan dalam penggunaan login sistem 4 4 d Kesesuaian output dan input yang diminta 5 4 8 Aspek Tampilan (interface)

a Tampilan halaman menu beranda 5 5

b Tampilan halaman menu profil 5 5

c Tampilan halaman menu berita 5 5

d Tampilan halaman menu agenda 5 5

e Tampilan halaman menu galeri 5 5

f Tampilan halaman menu Informasi layanan 5 5

g Tampilan halaman menu kontak 5 5

h Tampilan halaman menu alamat 5 5

9 Desain Halaman Login

a Letakkan tombol 4 4

b Tombol berupa huruf atau simbol 5 4

10 Desain Halaman Kontak

a Personal: Alamat (lengkap atau hanya nama

kota), nomor telepon (opsional), surel 5 5 11 Desain Halaman Alamat

a Fitur google maps 5 5

12 Desain Footer

a Informasi tambahan beurpa copyright, alamat, social media

4 5

b Informatif 5 5

13 Kualitas Gambar

a Resolusi foto atau ilustrasi 4 4

b Foto relevan dengan konten 5 4

c Sumber foto 5 4

d Ektensi file foto 4 4

Total Nilai 180 172

Jumlah total skor penilaan dari validator 1, dapat dilihat pada rumus perhitungan di bawah ini

𝒙̅𝟏 = ∑ 𝒏 𝒏 𝒙̅𝟏 = 𝟏𝟖𝟎 𝒙̅𝟏 = 𝟒, 𝟕 𝟑𝟖

Adapun jumlah total skor penilaian dari validator 2, dapat dilihat pada rumus perhitungan di bawah ini.

𝒙̅𝟐 = ∑ 𝒏 𝒏 𝒙̅𝟐 = 𝟏𝟕𝟐 𝒙̅𝟐 = 𝟒, 𝟓 𝟑𝟖

Hasil perhitungan dari kedua validator dijumlahkan kembali agar dapat mengetahui nilai rata-rata akhir sebagai

(17)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 148 penentu apakah sistem layak digunakan

atau tidak. Rumus perhitungan nilai rata- rata dapat dilihat pada rumus di bawah ini.

𝐱̅ = ∑ 𝐱𝟏 + ∑ 𝐱𝟐 𝐧 𝒙̅ = 𝟒, 𝟕 + 𝟒, 𝟓 𝒙̅ = 𝟒, 𝟔 𝟐

Dari hasil nilai rata-rata yang ditemukan yaitu 4,6 maka nilai rata-rata tersebut selanjutnya dikategorikan berdasarakan tabel kategori kelayakan sistem.

Tabel 25. Kategori Kelayakan Sistem No Skor rata-rata Kategori 1 4,50 ≤ 𝒙̅ ≤ 5 Sangat Baik 2 3,50 ≤ 𝒙̅ ≤

4,49

Baik 3 2,50 ≤ 𝒙̅ ≤

3,49

Cukup Baik 4 1,50 ≤ 𝒙̅ ≤

2,49

Kurang Baik 5 𝒙̅ ≤ 1,49 Tidak Baik Sumber: Sudjana (2014)

Adapun hasil dari rata-rata skor validasi para ahli dapat dilihat pada tabel rata- rata validator di bawah ini.

Tabel 26. Rata-rata validator No Uraian Aspek Skor

1. Validator 1 4,7

2. Validator 2 4,5

Rata-rata 4,6

Sumber : Hasil Olah Data

Berdasarkan tabel 28 diketahui bahwa validator 1 memberikan skor 4,7.

Sedangkan validator 2 memberikan skor 4,5. Dari kedua nilai tersebut menghasilkan nilai rata-rata 4,6. Nilai tersebut masuk dalam kategori “Sangat Baik”.

Gambar 4. Grafik Hasil Pengujian Ahli

Berdasarkan diagram di atas dapat dijelaskan bahwa skor validasi validator 1 sebanyak 4,7, sedangkan pada validator 2 memberikan skor sebanyak 4,5. Dari diagram di atas, maka disimpulkan bahwa validator 1 memberikan nilai skala baik (4) yakni sebanyak 10 dan nilai skala sangat baik (5) yakni sebanyak 28. Sedangkan validator 2 memberikan nilai skala baik (4) yakni sebanyak 18 dan nilai skala sangat baik (5) yakni sebanyak 20. Hasil rata-rata dari kedua validator mendapatkan nilai sebesar 4,6, sehingga nilai rata-rata tersebut masuk kedalam interval kelayakan 4,50 ≤ 𝒙̅ ≤ 5. Dari hasil rata-rata tersebut dapat dinyatakan bahwa Sistem Informasi Layanan pada kantor Dinas Perdagangan Kota Palopo Berbasis Website masuk dalam kategori “Sangat Baik” dan layak digunakan.

KESIMPULAN

Berdasarkan hasil penelitian dan pembahasan yang telah diuraikan pada bab sebelumnya, maka dapat ditarik kesimpulan bahwa penelitian ini menghasilkan sistem informasi layanan pada kantor Dinas Perdagangan Kota Palopo berbasis website, yang dapat memberikan informasi seputar kantor Dinas Perdagangan Kota Palopo dan menyediakan layanan pengaduan kepada masyarakat secara online. Jenis penelitian menggunakan Research and Development yang mengacu pada model waterfall.

Perancangan ini dimulai dengan analisis kebutuhan yang terdiri atas teknik pengungumpulan data, analisis kebutuhan fungsional dan non-fungsional, perancangan model/sistem, rancangan interface yang menggunakan bantuan aplikasi balsamiq mockups serta rancangan database. Desain sistem dilakukan menggunakan UML (Unifed Modeling Languange), yang didalamnya mencakup usecase diagram, activity diagram, sequence diagram, dan class diagram, dengan bantuan aplikasi Microsoft Visio 2016. Untuk pembuatan aplikasi menggunakan beberapa software yaitu Sublime Text 3 sebagai teks editor, bahasa pemrograman PHP, database 0

1 2 3 4 5

Validasi 1 Validasi2

Validasi Ahli

Validator 1 Validator 2

(18)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 149 MySQL, dan XAMPP sebagai web server.

Aplikasi yang dibuat telah diuji dengan pengujian black box.

REFERENSI

[1] Abdussalaam, F., & Ramadhan, M.

M. (2019). Perancangan Sistem Informasi Work Order dengan Metode Interaktif Menggunakan Framework Codeigniter (Studi Kasus: CV Sirna Miskin Bandung).

Jurnal E-Komtek (Elektro- Komputer-Teknik), 3(1), 37.

[2] Anamisa, D. R., & Mufarroha, F. A.

(2022). Dasar pengembangan web dan implementasi: html, css, javascript, bootstrap, codeigniter.

Malang: Media Nusa Creative.

[3] Aprilian, L. V., Setyawan, M. Y. H.,

& Saputra, M. H. K. (2020).

Memahami metode omax dan promethee pada sistem pendukung keputusan. Bandung: Kreatif Industri Nusantara.

[4] Fitri, M. O. (2021). Awebserver sebagai Alternatif Pengganti XAMPP pada Platform Android. Teknosains:

Media Informasi Sains dan Teknologi, 15(2), 246.

[5] Hadiprakoso, R. B. (2020). Rekayasa perangkat lunak. Jakarta: RBH.

[6] Hartati, S. (2020). Perancangan Sistem Informasi Inventaris Barang pada Kantor Notaris dan PPAT R.A Lia Kholila, SH Menggunakan Visual Studio Code. Jurnal Siskomti, 3(2), 39.

[7] Hidayat, A., Yani, A., & Rusidi, R.

(2019). Membangun Website SMA PGRI Gunung Raya Ranau Menggunakan PHP dan MySql. Jurnal Teknik Informatika Mahakarya, 2(2), 43–46.

[8] Ibrahim, I. (2019). Aplikasi Sistem Pengelolaan Panti Sosial Bina Remaja “Budi Satria” Banjarbaru Berbasis Web. Technologia: Jurnal Ilmiah, 10(4), 222.

[9] Jauhari, A., Anamisa, D. R., &

Mufarroha, F. A. (2022). Rekayasa perangkat lunak. Malang: Media Nusa Creative.

[10] Lestari, N., Mair, Z. R., & Afrizal, A.

S. (2021). Company Profile pada Kantor Desa Lumpatan 1 Berbasis Web. Jurnal Nasional Ilmu Komputer, 2(3), 160–178.

[11] Maydianto, & Ridho, M. R. (2021).

Rancang Bangun Sistem Informasi Point of Sale dengan Framework Codeigniter pada Cv Powershop.

Jurnal Comasie, 04(02), 50–52.

[12] Muqdamien, B., Umayah, U., Juhri, J., & Raraswaty, D. P. (2021).

Tahap defensi dalam four-d model pada Penelitian Research &

Development (R&D) alat peraga edukasi ular tangga untuk meningkatkan pengetahuan SAINS.

Jurnal Intersections, 6(1), 23–33.

[13] Novita, N. (2022). Manajemen Proyek Sistem Informasi Pengolahan Data Apotek Berbasis Database.

Jurnal Ilmiah Sistem Informasi, 2(1), 11.

[14] Prahasti, Kanedi, I., Qurniati, N., &

Mirnawati. (2022). Aplikasi penilaian sekolah adiwiyata pada Badan Lingkungan Hidup (BLH) menggunakan bahasa pemrograman basic dan database mysql. Jurnal Media Infotama Vol.18, 18(2), 376.

[15] Pressman, R. S. (2012). Rekayasa perangkat lunak pendekatan praktisi. Yogyakarta: Andi.

[16] Purnama, P. A. W., & Putra, T. A.

(2020). Perancangan sistem penjualan berbasis web ( e- commerce ) pada Toko Dmx Factory Outlet dengan menggunakan bahasa pemrograman php-mysql dan java script. Riset dan E-Jurnal Manajemen Informatika Komputer, 5(1), 179.

[17] Romadhon, M. H., Yudhistira, Y., &

Mukrodin. (2021). Sistem Informasi Rental Mobil Berbsasis Android dan Website Menggunakan Framework Codeigniter 3 (Studi Kasus : CV Kopja Mandiri). Jurnal Sistem Informasi dan Teknologi Peradaban (JSITP), 2(1), 31.

[18] Romindo, Mayefis, R., Yusnanto, Heryana, N., Jamaludin, Aulia, A.

(19)

PATRIA ARTHA Technological Journal • Vol. 7 Issue 2 October 2023 150 P., Permana, A. A., Aisa, S.,

Pasribu, J. S., S, W., & Sihombing, F. A. (2023). Rekayasa Perangkat Lunak.

[19] Sallaby, A. F., & Kanedi, I. (2020).

Perancangan Sistem Informasi Jadwal Dokter Menggunakan Framework Codeigniter. Jurnal Media Infotama, 16(1), 49.

[20] Saputro, B. (2021). Best practices penelitian pengembangan (research

& development) bidang manajemen pendidikan ipa. Sekaran: Academia Publication.

[21] Simatupang, J., & Sianturi, S.

(2019). Perancangan Sistem Informasi Pemesanan Tiket Bus pada PO. Handoyo Berbasis Online.

Jurnal Intra-Tech, 3(2), 12–25.

[22] Suryana, H., & Kuswara, H. (2020).

Sistem Informasi Penerimaan Karyawan Baru Berbasis Web pada Belanja Keramik Cikarang. JISICOM (Journal of Information System, Informatics and Computing), 4(1), 26–27.

[23] Tukino. (2018). Perancangan Sistem Informasi Pelaporan Gangguan dan Restitusi Pelanggan Internet Corporate Berbasis Web (Studi Kasus: PT . Indosat Mega Media West). Jurnal Ilmiah Informatika (JIF), 6(1), 1.

[24] Yandri, Y. (2022). Perancangan dan Implementasi Sistem Informasi Laporan Keuangan Apotek Jati jaya dengan Menggunakan Bahasa Pemrograman PHP dan Database MySql. Journal of Computer Science and Information Systems (JCoInS), 03(03), 117.

[25] Zakariah, M. A., Afriani, V., &

Zakariah, K. M. (2020). Metodologi penelitian kualitatif, kuantitatif, action research, research and develompent (r n d). Kolaka:

Yayasan Pondok Pesantren Al Mawaddah.