JURNAL ILMIAH TEKNOLOGI INFORMASI DAN KOMUNIKASI (JTIK) VOL 14.
No.
Maret 2023, 86 - 95 p-ISSN : 2087-0868 .
edia ceta.
e-ISSN : 2598-9707 .
edia onlin.
C page 86 http://ejurnal.
id/index.
php/JTIKP PERANCANGAN SISTEM INFORMASI DATA
KUNJUNGAN NASABAH BANK MUAMALAT BERBASIS
WEB
Qori Azmi Ayasy Siagian1.
Mukamal Bil Syahbana Angkat2 Universitas Islam Negeri Sumatera Utara Jl.
Lap.
Golf No.
Kp.
Tengah.
Kec.
Pancur Batu.
Kabupaten Deli Serdang.
Sumatera Utara 20353, ( 6.
E-mail: qoriayasy331@gmail.
Universitas Islam Negeri Sumatera Utara Jl.
Lap.
Golf No.
Kp.
Tengah.
Kec.
Pancur Batu.
Kabupaten Deli Serdang.
Sumatera Utara 20353, ( 6.
E-mail: abilsyahbana08@gmail.
ARTICLE INFO
Article history:
Received : 13 Ae Desember - 2022
Received in revised form : 15 Ae Desember - 2022
Accepted : 25 Ae Januari - 2023
Available online : 1 Ae Maret - 2023
ABSTRACT
Technological developments are increasingly rapid with all the conveniences in assisting human activities both personally and in groups.
From these activities get an important information stored.
The customer transaction process still applies a manual system for recording all customer transactions using the cooperative ledger.
This causes bank officers to find it difficult and convoluted in managing data, which is increasing day by day.
The solution to the problems that occur at Bank Muamalat Medan is the application of information technology by installing an information or relevance system that allows officers to handle customer data.
This research was built using PHP programming by operating PHP and MySQL as the database.
The research results can be used in the process of controlling customer data at Bank Muamalat so that it can speed up the process of recording customer data.
Keywords: Bank Service.
Visitor.
Visit Service Data.
PENDAHULUAN
Kemajuan dalam teknologi informasi berkembang sangat cepat sekali dalam berbagai kehidupan, pemanfaatan teknologi informasi sangat dibutuhkan dalam membantu mempermudah kinerja karyawan dalam memenuhi tanggung jawabnya.
Teknologi informasi sering kali digunakan dalam pengolahan data dan informasi termasuk menyimpan, memproses, mendapatkan memanipulasi dan menampilkan data untuk menghasilkan informasi yang bagus dengan kualitas baik.
Oleh sebab itu, sistem informasi sangat diharapkan dalam suatu instansi maupun perusahaan untuk mengolah data yang di inginkan.
Kantor cabang Bank Muamalat pada wilayah Kota Medan.
Provinsi Sumatera Utara ialah salah satu kantor cabang Bank Muamalat.
Kantor ini melayani nasabah untuk banyak sekali kebutuhan terkait produk Bank Muamalat seperti pengajuan kredit serta pinjaman, setor tunai, simpanan, pembuatan akun bank, program haji, pengajuan kredit pemilikian rumah atau KPR bank Muamalat, sampai mobile online banking.
Dengan demikian, permasalahan yang sering terjadi pada Bank Muamalat ialah masih dilakukannya sistem Received : 13 Ae Desember - 2022.
Received in revised form : 15 Ae Desember - 2022.
Accepted :
25 Ae Januari - 2023.
Available online : 1 Ae Maret - 2023 p-ISSN : 2087-0868 e-ISSN : 2598-9707 manual dalam mengelola data kunjungan nasabah dengan tujuan nasabah masing-masing seperti yang telah dijelaskan di atas yaitu masih menggunakan sistem manual dalam pencatatan dan perekapan tujuan transaksi nasabah masih menggunakan buku sehingga data transaksi nasabah dikhawatirkan akan menyulitkan karyawan dalam mencatat dan merekap statistik jumlah kunjungan nasabah dengan tujuannya masingmasing.
Dalam mengatasi masalah tersebut memerlukan teknologi informasi dalam mempermudah kinerja Sistem informasi adalah sekelompok unsur atau komponen yang hubungannya erat dengan yang lain yang berfungsi untuk mencapai tujuan tertentu.
Penelitian ini akan merancang suatu sistem informasi data layanan kunjungan nasabah bank yang menggunakan Aplikasi Visual Studio Code,Php dan MysQL dengan metode pengembangan perangkat lunak.
TINJAUAN PUSTAKA
Sebelum lebih detail memahami penilitian ini, alangkah baiknya apabila diketahui terlebih dahulu definisi serta uraian singkatt mengenai konsep dasar dari web yang berhubungan dengan penelitian ini.
Website "Website adalah sebuah kumpulan halaman yang diawali halan depan berisikan informasi, iklan, serta program aplikasi".
"Web Server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkat lunak" .
"Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi" .
PHP (Personal Home Pag.
PHP Hypertext Preprocessor atau disingkat dengan PHP ini adalah suatu bahasa scripting khususnya digunakan untuk web development.
Karena sifatnya yang server side scripting, maka untuk menjalankan PHP harus menggunakan web server.
PHP juga dapat diintegrasikan dengan HTML.
JavaScript.
Jquery.
Ajax.
Namun, pada umumnya PHP lebih banyak digunakan bersamaan dengan file bertipe HTML.
Dengan menggunakan PHP anda bisa membuat website powerful juga dinamis dengan disertai manajemen databasenya .
HTML (HyperText Markup Language HyperText Markup Language atau HTML adalah bahasa standard yang digunakan untuk menampilkan halaman web .
Web Server XAMPP AuWeb Server ini adalah tempat di mana anda menyimpan aplikasi web anda kemudian mengaksesnya melalui internetAy .
MySQL MySQL merupakan sistem manajemen Database yang bersifat open source yang paling populer, dikembangkan, didistribusikan, dan didukung oleh Oracle Corporation dikutip dari situs resmi MySQL.
Sistem Manajemen Basis data sendiri adalah kumpulan data yang terstruktur.
Sederhananya saat kita ingin menyimpan suatu informasi yang besar untuk menambah, mengakses, dan memproses suatu data yang disimpan dalam komputer pastinya memerlukan sistem manajemen basis data seperti MySQL .
CSS (Cascading Style Shee.
CSS merupakan alternatif bahasa pemrograman web saat ini dan di masa yang akan datang, di mana CSS mempunyai keuntungan: ukuran file lebih kecil, pemanggilan file lebih cepat, dapat dipadukan dengan javascript, pasangan setia XHTML, menghemat waktu pengerjaan web sebab tidak perlu mengulang penerapan css pada styles elemen web yang lain, serta mudah dilakukan pengaturan atau penggantian tampilan halaman web dengan mengubah file css-nya saja .
Visual Studio Code Visual Studio Code (VS Cod.
ini adalah sebuah teks editor ringan dan handal yang dibuat oleh Microsoft untuk sistem operasi multiplatform, artinya tersedia juga untuk versi Linux.
Mac, dan Windows.
Teks editor
PERANCANGAN SISTEM INFORMASI DATA KUNJUNGAN NASABAH BANK MUAMALAT
BERBASIS WEB (Qori Azmi Ayasy Siagian.
p-ISSN : 2087-0868 e-ISSN : 2598-9707 ini secara langsung mendukung bahasa pemrograman JavaScript.
Typescript, dan Node.
js, serta bahasa pemrograman lainnya dengan bantuan plugin yang dapat dipasang via marketplace Visual Studio Code .
eperti C .
C#.
Python.
Go.
Java, dst .
Banyak sekali fitur-fitur yang disediakan oleh Visual Studio Code, diantaranya Intellisense.
Git Integration.
Debugging, dan fitur ekstensi yang menambah kemampuan teks editor.
Fitur-fitur tersebut akan terus bertambah seiring dengan bertambahnya versi Visual Studio Code.
Pembaruan versi Visual Studio Code ini juga dilakukan berkala setiap bulan, dan inilah yang membedakan VS Code dengan teks editor-teks editor yang lain .
METODOLOGI PENELITIAN
Pada perancangan sistem informasi data pelayanan pengunjung melalui tahapan penelitian yang terbagi dalam empat tahapan, yaitu: .
Identifikasi masalah, .
Perancangan sistem, .
Implementasi sistem, dan .
Pengujian sistem dan analisis hasil pengujian.
Gambar 1.
Tahapan pada penilitian Tahapan penelitian di gambar 1 bisa dijelaskan sebagai berikut: .
tahap pertama: Identifikasi persoalan, pada tahap ini dilakukan identifikasi terhadap permasalahan yang ada, menerima data yang terkait dan mengamati proses pelayanan pengunjung pada Bank Muamalat Kc BalaiKota.
tahap kedua.
Perancangan Sistem, tahap ini dilakukan perancangan sistem yang mencakup perancangan proses memakai diagram Unified Modelling Language (UML) serta perancangan database.
Perancangan proses memakai UML mencakup use case diagram serta activity diagram.
tahap ketiga: Implementasi Sistem, yaitu membentuk sistem informasi berbasis web sesuai perancangan proses di tahap kedua.
tahap keempat:
Pengujian sistem serta Analisis hasil Pengujian, selanjutnya dari hasil implementasi akan dilakukan pengujian buat melihat apakah sistem yang sudah didesain telah sesuai dengan yang diperlukan atau tidak terdapat error, bila belum sinkron maka akan dilakukan perbaikan Di tahap pengidentifikasi persoalan, proses penelitian dilakukan identifikasi terhadap permasalahan yang ada dengan melakukan wawancara, menerima data yang berkaitan menggunakan pelayanan pengunjung.
Php serta Mysql.
Wawancara dilakukan menggunakan cara tanya jawab dengan Costumer Service.
Berdasarkan hasil wawancara permasalahan yang ada didefinisikan menjadi berikut: .
Dibutuhkannya sistem buat mengelola data pelayanan pengunjung berbasis web.
Dibutuhkannya sistem yang bisa mempermudah akses terhadap layanan pengunjung di Bank Muamalat Kc BalaiKota.
terkait proses pendataan pelayanan pengunjung pada Bank Muamalat sebagai berikut:
JURNAL ILMIAH TEKNOLOGI INFORMASI DAN KOMUNIKASI (JTIK) VOL 14.
No.
Maret 2023, 86 - 95 p-ISSN : 2087-0868 e-ISSN : 2598-9707 Gambar 2.
Proses pencatatan kunjungan nasabah di Bank Muamalat Gambar 2 ialah alur penugasan buat melakukan pendataan pelayanan pengunjung pada Bank Muamalat.
Petugas melakukan pendataan kunjungan nasabah dan mencatat jumlah, kemudian membuat statistik pengunjung tiap bulannya.
Lalu data disimpan pada Excel.
sesudah data dihasilkan, petugas membuat rekapitulasi buat mengetahui terjadinya peningkatan atau penurunan jumlah pengunjung yang memanfaatkan fasilitas di Bank Muamalat sesuai data yang telah dicatat.
Metode yang akan digunakan di buat perancangan Sistem informasi Data Pelayanan kunjungan pada Bank Muamalat berbasis web ialah Prototype contoh dimana suatu prototype suatu bentuk perkiraan awal dari suatu sistem dibangun, diuji, kemudian dikerjakan ulang sesuai kebutuhan sampai akhirnya tercapai suatu prototype yang dapat diterima.
Prototype model ialah metode perancangan menggunakan melakukan pendekatan dari sisi kebutuhan pengguna sistem.
Gambar 3.
Prototype Model .
Tahap-tahap yang terdapat di Gambar 3 ialah listen to customer dimana dilakukan wawancara menggunakan user buat mengumpulkan kebutuhan-kebutuhan yang dibutuhkan pada pembuatan sistem.
Sesuai data serta kebutuhan sistem yang sudah dikumpulkan kemudian dilakukan tahap yang ke 2 yaitu build/revise mock-up.
Di tahap ini dilakukan proses perancangan sistem sinkron dengan kebutuhan Perancangan sistem meliputi perancangan proses serta perancangan database.
Lalu dilakukan proses pembuatan prototype sesuai dengan akibat perancangan yang sudah dirancang.
di tahap selanjutnya hasil dari prototype kemudian dilakukan customer test-drives mock-up, yaitu sistem akan diberikan pada pihak yang bersangkutan buat dilakukan pengujian apakah sistem telah sesuai dengan yang diharapkan.
Hasil dari customer test-drive mock-up akan dipergunakan buat pengembangan prototype selanjutnya.
3 tahapan prototype dilakukan terus berulang hingga prototype yang dibangun telah sesuai dengan kebutuhan PERANCANGAN SISTEM INFORMASI DATA KUNJUNGAN NASABAH BANK MUAMALAT BERBASIS WEB (Qori Azmi Ayasy Siagian.
p-ISSN : 2087-0868 e-ISSN : 2598-9707 Tahapan di metode prototype berakhir Jika prototype yang dibangun telah sesuai dengan kebutuhan pengguna serta siap untuk diimplementasikan.
Perancangan proses bertujuan buat mendeskripsikan secara jelas alur yang terdapat di sistem yang akan dibangun.
Perancangan memakai UML mencakup use case diagram.
Perancangan use case diagram dirancang sesuai aktivitas yang dilakukan oleh admin.
Gambar 4.
Use Case Diagram Sistem Gambar 4 memperlihatkann use case diagram sistem informasi data pelayanan pengunjung nasabah Bank Muamalat.
Terdiri dari dua aktor, yaitu admin dan user.
Admin bertugas untuk mengolah data pelayanan seperti menambah data, mengubah data, dan menghapus data.
Admin juga dapat melihat data.
User hanya dapat melihat data.
Gambar 5.
Activity Diagram Admin dan User Gambar 5 memperlihatkan acitivity diagram admin dan system.
Admin memasuki/mengakses halaman pada web kemudian muncul halam tampilan admin.
admin bisa menginput data kunjungan nasabah dengan tujuan nasabah masing-masing, dan system menyimpan data di database kemudian menampilkannya kepada admin.
HASIL DAN PEMBAHASAN
Hasil implementasi sistem data kunjungan pelayanan nasabah berdasarkan perancangan yang telah dibuat didefinisikan sebagai berikut.
Sistem informasi ini memiliki satu sisi user/pengguna, yaitu hanya Pada tampilan awal bagian admin melakuan login sebelum mengakses halaman input data kunjungan nasabah untuk melakukan pengolahan data.
JURNAL ILMIAH TEKNOLOGI INFORMASI DAN KOMUNIKASI (JTIK) VOL 14.
No.
Maret 2023, 86 - 95 p-ISSN : 2087-0868 e-ISSN : 2598-9707 Gambar 6.
Login admin Gambar 6 ialah menampilkan pertama halaman login admin.
Admin diwajibkan melakukan login terlebih dahulu agar dapat masuk ke halaman website data kunjungan nasabah bank Muamalat yang tersedia, dengan memasukkan username dan password yang terdaftar di database, dan kemudian admin dapat berhasil masuk kedalam website tersebut.
Dapat ditunjukkan pada Gambar 7, dapat melihat mendapatkan data.
Source Code Program 1.
Perintah untuk login Pada Source code Program 1 data diambil dari database untuk login kedalam website.
Gambar 7.
Halaman Input Data Kunjungan Nasabah Di halaman mengolah data atau input data, admin dapat melakukan update/simpan data jumlah pengunjung dengan tujuannya masing-masing.
Data tadi ditampilkan dengan memakai fungsi buat menerima data dari database.
PERANCANGAN SISTEM INFORMASI DATA KUNJUNGAN NASABAH BANK MUAMALAT
BERBASIS WEB (Qori Azmi Ayasy Siagian.
p-ISSN : 2087-0868 e-ISSN : 2598-9707 Di Gambar 7 memperlihatkan tampilan update/simpan data pelayanan kunjungan nasabah.
Admin dapat mengelola jumlah pengunjung disesuaikan dengan tanggal seta bulan.
Lalu setelah selesai melakukan simpan, admin mengklik button simpan agar data yang diubah tersebut tersimpan di database.
Source Code Program 2.
Perintah untuk simpan/update data pengunjung Pada Source code Program 2 terdapat kegunaan [AobsimpanA.
pada controll $koneksi.
INSERT INTO ttamu VALUES, atribut-atribut data yang akan dikirim dari form menggunakan method post lalu disimpan kedalam variabel yang lalu dikirimkan menjadi parameter fungsi [AobsimpanA.
pada model ttamu.
Gambar 8.
Rekapitulasi Data Kunjungan Nasabah Pada gambar 8 menunjukkan tampilan rekapitulasi data pelayanan pengunjung.
halaman tadi hanya bisa dilihat oleh admin.
ada beberapa kategori pelayanan pengunjung yang ada pada sidebar.
Admin bisa melihat data dari masing-masing tujuan nasabah, seperti yang dicontohkan gambar diatas.
Admin dapat merekapitulasi data kunjungan nasabah dari tanggal yang ingin di rekap sampai dengan tanggal saat ini.
Pada data rekapitulasi tersebut, admin dapat mendowload hasil rekapitulasi sesuai tanggal yang ditentukan oleh Data kunjungan nasabah juga disediakan dalam jarak waktu setiap hari atau setiap bulan.
Source Code Program 3.
Perintah untuk menampilkan rekapitulasi JURNAL ILMIAH TEKNOLOGI INFORMASI DAN KOMUNIKASI (JTIK) VOL 14.
No.
Maret 2023, 86 - 95 p-ISSN : 2087-0868 e-ISSN : 2598-9707 Pada Source Code Program 3 ialah fungsi untuk menampilkan/memperlihat rekapitulasi yang terdapat pada view.
Rekapitulasi bisa ditentukan oleh keinginan admin, dan dapat dtimpilkan dengan menggunakan plug-in admin.
Source Code Program 4.
Untuk mendowload Excel Rekapitulasi Nasabah Pada Source Code Program 4 merupakan button mendowload file excel beradasarkan data yang sudah diinputkan dan direkapitulasi, admin hanya klik export excel pada tampilan rekapitulasi.
Fungsi dari include akan mengambil data dari database.
Gambar 9.
Hasil rekapitulasi data pengunjung di excel Gambar 9 menunjukkan data pelayanan pengunjung dalam dalam bentuk excel yang telah di Data tersebut ditampilkan/diperlihatkan dalam bentuk table berdasarkan tujuan dan data yang telah diinputkan di dalam website.
Data menunjukkan bahwa nasabah dengan tujuan setor tunai, lebih banyak dibandingkan dengan Transfer, mendaftar prohajj dan mendaftar KPRiB.
Pengujian sistem dilakukan buat menguji seluruh fungsi yang sudah dirancang pada sistem.
Pengujian Sistem informasi pengunjung memakai teknik pengujian alpha.
Pengujian alpha ialah pengujian sistem yang dilakukan di semua orang yang terlibat pada pembutan sistem.
Pengujian alpha memakai metode blackbox yaitu pengujian fungsi-fungsi sistem secara langsung tanpa menunjukkan alur eksekusi program.
Tabel hasil pengujian bisa ditinjau di Tabel 1.
PERANCANGAN SISTEM INFORMASI DATA KUNJUNGAN NASABAH BANK MUAMALAT
BERBASIS WEB (Qori Azmi Ayasy Siagian.
p-ISSN : 2087-0868 e-ISSN : 2598-9707 Tabel 1.
Hasil Pengujian Sistem Menggunakan Metode Blackbox Fungsi diujikan Output yang Output pada sistem Login admin Login berhasil Jika username dan password salah, maka gagal login.
Jika benar, maka sukses login dan dapat masuk ke halaman utama Mengubah data Simpan data sukses.
Data pengunjung berhasil di update di kunjungan nasabah Terima Kasih Melihat Data Sistem berhasil menampilkan data Statistik data berubah apabila jumlah data pengunjung Status Valid Valid Valid Sesuai hasil dari pengujian sistem memakai teknik blackbox di Tabel 1 bisa ditinjau status seluruh fungsi merupakan valid, maka disimpulkan bahwa fungsi-fungsi pada sistem yang diujikan berjalan dengan baik serta membuat output yang sesuai yang diharapan.
KESIMPULAN DAN SARAN
Dapat disimpulkan dari uraian diatas bahwa sistem informasi data Kunjungan Nasabah Bank Muamalat dibangun dengan menggunakan Visual Stuido Code.
Php dan Mysql.
Sistem informasi ini digunakan untuk melihat jumlah pengunjung yang terdapat di Bank Muamalat Kc BalaiKota.
Sistem tersebut dirancang dengan fitur-fitur yang dapat menampilkan statistik jumlah data pengujung yang datang hari ini, kemarin, minggu ini, bulan ini, dan jumlah keseluruhan.
Statistik pada data pengunjung bersifat sangat penting agar dapat diketahui jika terjadi sebuah peningkatan dan penurunan jumlah kunjungan nasabah yang datang ke Bank Muamalat.
Penilitian ini dapat menghasilkan sebuah sistem informasi kunjungan nasabah Bank Muamalat Kc BalaiKota berbasis web.
Sistem informasi pada data kunjungan bisa mempermudah karyawan atau petugas Bank Muamalat untuk pengolahan statistik data dan jumlah data pada proses pencatatan yang sebelumnya manual dengan menuliskannya di dalam buku, kemudian di input ke aplikasi Microsoft Excel serta menuliskan statistik kunjungan secara manual.
Sistem ini dapat diharapkan membantu serta meningkatkan kualitas dari layanan kunjungan nasabah yang terdapat pada Bank Muamalat Kc BalaiKota.
Sistem informasi data lyanan kunjungan nasabah Bank Muamalat diharapkan dapat dikembangkan dan diperbaiki pada penelitian selanjutnya, seperti memperbaharui desain yang lebih menarik, dapat menambahkan fitur-fitur atau menu baru untuk pengolahan kategori pelayanan dari kunjungan nasabah Bank Muamalat Kc BalaiKota.
DAFTAR PUSTAKA