P a g e | 84 CBIS JOURNAL - VOL.
12 NO.
: MARET
Computer Based Information System Journal ISSN (Prin.
: 2337-8794 | E- ISSN : 2621-5292 web jurnal : http://ejournal.
id/index.
php/cbis RANCANG BANGUN PENYALURAN JASA ASISTEN RUMAH
TANGGA BE8RBASIS WEB PADA PT MANGGA RAYA
MAKMUR
Josh Lee1.
Saut Pintubipar Saragih2 Universitas Putera Batam.
Indonesia.
INFORMASI ARTIKEL
A B S T R A C T
Diterima Redaksi: Januari 2024 Diterbitkan Online: Maret 2024 Household assistants are a highly sought-after profession in Indonesian society, especially in major cities.
However, the process of providing household assistant services still relies on paper documents and excel, which are less efficient and effective.
This research aims to design and implement a web-based information system for the distribution of household assistant services at PT.
MANGGA RAYA
MAKMUR.
This information system can help the company manage its business processes online through a website, offering easier, faster, secure, and reliable household assistant service distribution to clients.
The research methodology employed in this study is the prototype method, which includes encompassing stages such as building a prototype, prototype evaluation, system coding, system testing, and system evaluation.
The information system is designed using the Unified Modeling Language (UML) and built using ReactJS with MySQL as the database.
The results of this research indicate that the web-based household assistant service distribution information system can enhance the performance and satisfaction of both the company and clients in the household assistant service distribution process.
KATA KUNCI
Keywords: Household Assistants.
Prototype.
ReactJS.
Design and Build.
KORESPONDENSI E-mail:
Saut@puterabatam.
pb201510035@upbatam.
Latar Belakang Asisten
(ART)
memainkan peran penting dalam masyarakat Indonesia, terutama di kota-kota besar.
Menurut Badan Pusat Statistik (BPS), jumlah ART di Indonesia pada tahun 2020 mencapai 4,2 juta orang, meningkat 8% dari tahun sebelumnya.
ART membantu meringankan beban pekerjaan rumah tangga bagi keluarga yang sibuk dengan aktivitas pekerjaan atau bisnis mereka .
Namun, penyaluran ART sering kali menemui http://ejournal.
id/index.
php/cbis Misalnya.
PT.
MANGGA RAYA
MAKMUR, sebuah perusahaan jasa penyaluran ART di Batam, masih menggunakan dokumen kertas dan excel dalam pengolahan data.
Selain itu, mereka tidak memiliki sistem pelacakan progres dalam rekrutmen untuk klien dan mengharuskan klien untuk datang langsung ke kantor jika ingin memesan ART.
Hal ini dapat menjadi hambatan bagi klien dengan rutinitas harian yang sibuk .
Berdasarkan data kuesioner yang telah diisi oleh para klien PT.
CBIS JOURNAL - VOL.
12 NO.
: MARET
MANGGA
RAYA
MAKMUR,
diidentifikasi beberapa masalah utama yang dihadapi oleh klien dalam menggunakan layanan penyaluran jasa ART.
Sebanyak 81% atau 102 responden pernah menggunakan layanan dari PT.
MANGGA RAYA MAKMUR, namun 84,6% dari mereka mengalami kesulitan seperti harus datang langsung ke kantor perusahaan, 76,9% mengalami kendala atau kesulitan dalam membayar secara tunai atau transfer, dan 72,1% tidak dapat melihat informasi lengkap mengenai ART yang tersedia.
Untuk mengatasi masalah ini.
PT.
MANGGA
RAYA
MAKMUR
memperkenalkan sistem penyaluran jasa ART berbasis web.
Dengan mengembangkan platform online.
PT.
MANGGA RAYA MAKMUR dapat memberikan solusi yang lebih praktis, cepat, dan aman bagi klien.
Melalui website ini, klien dapat mencari, memilih, dan memesan ART tanpa harus datang ke kantor fisik, serta memiliki akses penuh terhadap informasi lengkap mengenai ART yang mereka pilih.
Dengan demikian, rancang bangun penyaluran jasa ART berbasis web di PT.
MANGGA RAYA MAKMUR diharapkan dapat memenuhi kebutuhan klien secara optimal dan memberikan pengalaman yang lebih baik dalam menggunakan layanan ini.
II.
Kajian Literatur Terdapat berbagai penelitian yang dapat dijadikan sebagai panduan oleh penulis dalam melakukan penelitian, antara lain sebagai berikut:
1 Rancang Bangun Rancang bangun adalah konsep yang sering digunakan untuk merujuk pada proses pembuatan atau perancangan suatu objek dari tahap awal perancangan hingga tahap akhir produksi.
Dalam konteks ini, termasuk dalam prosesnya adalah perencanaan, pengembangan konsep, perincian desain, pelaksanaan, dan penyelesaian pembuatan objek tersebut.
Proses rancang bangun ini membentuk dasar bagi penciptaan dan pengembangan berbagai jenis produk atau sistem yang dapat beragam dalam kompleksitasnya .
http://ejournal.
id/index.
php/cbis P a g e | 85 Menurut .
Perancangan adalah tahap kunci dalam mengembangkan suatu sistem, yang melibatkan proses menyusun rencana rinci berdasarkan temuan dan rekomendasi yang ditemukan selama analisis sistem.
Pada tahap ini, langkah-langkah awal ditempuh untuk merinci bagaimana sistem akan dibangun, termasuk spesifikasi yang akan menjadi panduan dalam proses pengembangannya.
2 Sistem Informasi Sistem informasi sebagai alat bantu yang digunakan untuk mendigitalisasi seluruh proses bisnis yang ada pada industri, merupakan salah satu langkah memasuki era digital ini.
Dengan menggunakan sistem informasi proses pertukaran informasi antar proses bisnis dapat dengan mudah dilakukan, tidak ada lagi batasan waktu dan tempat yang menjadi hambatan.
Proses pengelolaan data menjadi suatu informasi menjadi lebih mudah dan efisien, yang membuat kemudahan dalam menangkap informasi .
Menurut .
Sistem informasi merupakan gabungan dari elemen yang terhubung satu sama lain yang menciptakan suatu keutuhan dan saling terintegrasi yang berfungsi memproses data serta menyalurkan informasi.
Sistem informasi ialah gabungan yang terdari perangkat keras, perangkat lunak, dan pengguna yang akan mengerjakan sejumlah data-data menjadi suatu informasi.
Selain itu menurut .
Sistem informasi adalah gabungan dari teknologi, prosedur kerja, data, serta interaksi individu yang terstruktur untuk mencapai tujuan tertentu dalam suatu organisasi atau lingkungan bisnis.
3 Website Website adalah sekumpulan halaman yang dimulai dengan halaman utama yang berisi informasi, iklan, dan aplikasi.
Sebaliknya.
Web Server adalah suatu komputer yang terdiri dari perangkat keras dan perangkat lunak.
Web browser adalah perangkat lunak yang digunakan untuk mengambil dan menampilkan informasi sumber .
Selain itu menurut .
website P a g e | 86 CBIS JOURNAL - VOL.
12 NO.
: MARET
merujuk pada proses penciptaan halaman web tunggal, yang mencakup elemen estetika seperti grafik, palet warna, jenis huruf, isi konten, dan struktur navigasi.
Tujuan dari desain website ini adalah untuk menciptakan halaman web yang tidak hanya memiliki tampilan menarik, tetapi juga mengandung informasi yang unik, sehingga mempermudah pengunjung dalam mengakses dan memperoleh informasi yang mereka butuhkan.
Website adalah kumpulan halaman web yang terkait satu sama lain dan berada di server yang sama, yang berisi informasi yang disediakan oleh individu, kelompok, atau organisasi.
Website dapat diakses melalui jaringan seperti Internet atau jaringan lokal (LAN) dengan menggunakan alamat Internet yang disebut URL.
Website adalah bagian dari World Wide Web, yang merupakan sistem informasi global yang dapat diakses oleh publik melalui Internet .
4 Web Menurut .
Web merupakan suatu sistem informasi yang menyokong interaksi pengguna melalui antarmuka berbasis web.
Ciri-ciri khas dari web termasuk adanya persistensi data, dukungan untuk transaksi, dan komposisi halaman web dinamis yang dapat dianggap sebagai suatu bentuk hibrida antara hypermedia dan sistem informasi.
Web adalah sebuah perangkat lunak yang digunakan untuk menampilkan dokumendokumen yang ada di web, yang merupakan kumpulan informasi yang tersedia di internet.
Web memungkinkan pengguna untuk mengakses internet dengan menggunakan perangkat lunak yang terhubung dengan jaringan internet.
Web menampilkan dokumen-dokumen dalam berbagai format, seperti teks, gambar, audio, video, atau Web memungkinkan pengguna untuk berinteraksi dengan dokumen-dokumen tersebut, misalnya dengan mengklik tautan, mengisi formulir, atau memberikan komentar.
Web adalah salah satu cara untuk mendapatkan informasi dan berkomunikasi secara online .
http://ejournal.
id/index.
php/cbis 5 Jasa Jasa merujuk kepada segala tindakan atau pelaksanaan yang disediakan oleh satu pihak kepada pihak lain dan umumnya bersifat tak berwujud serta tidak mengakibatkan peralihan Produk atau layanan jasa ini bisa terkait dengan atau tidak tergantung pada sebuah barang fisik .
Menurut .
Jasa adalah suatu bentuk aktivitas atau pekerjaan yang dilakukan oleh satu pihak untuk memberikan manfaat atau kepuasan kepada pihak lain.
Ini tidak melibatkan transfer kepemilikan benda, namun lebih kepada penyediaan kemampuan atau ketrampilan untuk memenuhi kebutuhan atau keinginan pelanggan.
Jasa bersifat tidak berwujud dan sering kali melibatkan interaksi langsung antara penyedia jasa dan penerima jasa.
Contoh jasa mencakup layanan profesional, perbaikan, konsultasi, dan berbagai bentuk aktivitas lain yang memberikan nilai tambah kepada individu atau organisasi.
6 Asisten Rumah Tangga Asisten rumah tangga adalah orang yang bekerja dalam suatu keluarga atau rumah tangga untuk membantu pekerjaan-pekerjaan yang ada di Pekerjaan tersebut umumnya meliputi pekerjaan rumah tangga, namun terkadang juga mencakup pekerjaan lain yang berkaitan dengan Asisten rumah tangga memiliki posisi kerja yang dipengaruhi oleh apa yang mereka kerjakan dalam suatu keluarga.
Keluarga atau rumah tangga secara konseptual adalah kelompok orang yang tinggal bersama dalam satu rumah dan satu dapur.
Kelompok orang tersebut biasanya terdiri dari orang tua .
yah/suami dan ibu/istr.
dan anak-anak, serta mungkin juga ada satu atau lebih asisten rumah tangga dan kerabat mereka .
Menurut .
Asisten Rumah Tangga (ART) adalah pekerja domestik yang memegang peran P a g e | 87 CBIS JOURNAL - VOL.
12 NO.
: MARET
signifikan dalam kehidupan masyarakat, terutama di lingkungan perkotaan.
Peran ART menjadi semakin penting karena banyak individu, terutama wanita yang aktif berkarir, memiliki jadwal yang padat dan tidak dapat menangani seluruh pekerjaan rumah tangga sendiri.
Untuk mengatasi keterbatasan waktu dan tenaga, masyarakat mencari bantuan dari ART untuk membantu menyelesaikan tugas-tugas rumah 7 React.
Menurut .
React.
js merupakan salah satu kerangka kerja web yang paling populer di dunia Node.
Dokumentasinya sangat komprehensif, dan kemudahan penggunaannya memungkinkan kita untuk mengembangkan berbagai produk, termasuk aplikasi web dan antarmuka pemrograman aplikasi (API) RESTful.
React.
dapat dijadikan dasar untuk membangun kerangka kerja web yang lebih kompleks, karena Dengan ReactJS, pengembang memiliki kemampuan untuk membuat komponen antarmuka pengguna (UI) yang lebih interaktif, memiliki keadaan .
, dan dapat digunakan kembali .
Dalam konteks model-view-controller (MVC).
ReactJS memiliki tanggung jawab terutama pada bagian tampilan .
8 Node.
Menurut .
Node.
js adalah sebuah perangkat lunak yang telah dirancang untuk memfasilitasi pengembangan aplikasi berbasis web dan ditulis dalam bahasa pemrograman JavaScript.
Sebelumnya.
JavaScript dikenal sebagai bahasa pemrograman yang berfungsi hanya di sisi klien atau peramban web.
Akan tetapi.
Node.
js hadir untuk memperluas peran JavaScript sehingga dapat digunakan sebagai bahasa pemrograman yang berjalan di sisi server, sebagaimana yang biasanya dilakukan oleh bahasa pemrograman seperti PHP.
Ruby.
Perl, http://ejournal.
id/index.
php/cbis dan lainnya.
Node.
js dapat dijalankan di berbagai sistem operasi, termasuk Windows.
Mac OS X, dan Linux, tanpa perlu melakukan perubahan pada kode program.
Node.
js adalah suatu platform runtime berbasis JavaScript dengan tingkat skalabilitas yang tinggi, mampu menjalankan kode JavaScript di luar konteks peramban .
Keunggulan Node.
js terletak pada pendekatan non-blocking yang memfasilitasi sistem untuk melaksanakan operasi secara bersamaan tanpa harus menunggu penyelesaian operasi sebelumnya.
Karakteristik ini memungkinkan Node.
js untuk mengelola sejumlah besar permintaan secara simultan.
pengembangan aplikasi.
Dengan demikian.
Node.
js telah menjadi salah satu pilihan utama bagi pengembang web untuk menciptakan aplikasi yang tangguh dan responsif di dunia digital yang terus berkembang .
9 Express.
Express.
js merupakan suatu kerangka kerja web yang tangguh dan efisien, beroperasi di atas Node.
Kerangka memfasilitasi pengembang untuk membangun aplikasi web dan API dengan cepat, kuat, dan dapat diandalkan.
Di sisi lain.
Node.
js adalah platform JavaScript berbasis event-driven yang memungkinkan penanganan banyak koneksi secara efisien dan berskala tinggi .
Menurut .
Express.
js merupakan sebuah kerangka kerja .
yang dirancang untuk beroperasi pada platform aplikasi Node.
js yang bersifat minimalis dan sangat Selain itu.
Express.
js juga dikenal memiliki dokumentasi yang komprehensif dan penggunaannya yang relatif mudah, yang mengembangkan berbagai jenis produk, baik itu aplikasi web maupun layanan API RESTful.
P a g e | 88 CBIS JOURNAL - VOL.
12 NO.
: MARET
10 MySQL seperti Identifikasi Masalah.
Pengumpulan Data.
Membangun Prototype.
Evaluasi Prototype.
Mengkodekan Sistem.
Menguji Sistem.
Evaluasi Sistem, dan Kesimpulan.
MySQL adalah sebuah pengembangan perangkat database yang tersedia secara gratis.
MySQL sering digunakan sebagai sistem database karena kemudahan penggunaannya dan MySQL menggunakan bahasa SQL yang saat ini telah menjadi standar.
Di dalam ekosistem Linux atau Unix.
MySQL merupakan salah satu perangkat lunak database yang paling terkenal.
Keunggulan ini didukung oleh performa query yang dianggap paling cepat dan minim masalah pada saat itu .
Menurut .
MySQL digolongkan sebagai Sistem Manajemen Basis Data (DBMS).
Aplikasi ini membantu pengguna dalam mengelola data dengan tingkat fleksibilitas dan kecepatan yang Beberapa kegiatan komputasi yang didukung oleh perangkat lunak ini mencakup penyimpanan data di dalam tabel, penghapusan data dari tabel, modifikasi data dalam tabel, pengambilan data yang tersimpan dalam tabel, serta pemilihan data tertentu dan penetapan izin akses data.
Metodologi Metode Untuk memudahkan penelitian berlangsung dengan baik, teratur, dan jelas, penulis menerapkan metode prototype menjadi alur penelitian yang menjelaskan langkahlangkah penelitian yang akan dilakukan.
Metode Prototype merupakan salah satu pendekatan dalam pengembangan perangkat lunak yang secara langsung menunjukkan bagaimana suatu perangkat lunak atau komponennya akan beroperasi dalam lingkungannya sebelum tahap konstruksi aktual dilaksanakan.
Model prototipe berperan sebagai penanda gambaran yang akan diwujudkan di masa mendatang dan membedakan dua fungsi utama, yaitu eksplorasi dan demonstrasi .
Beberapa Langkah penelitian http://ejournal.
id/index.
php/cbis Gambar 1.
Metode Penelitian (Sumber : Penulis, 2.
Identifikasi Masalah.
Untuk mengidentifikasi dan memahami masalah yang dihadapi tersebut, penulis membuat beberapa pertanyaan yang akan disebarkan kepada klien PT.
Mangga Raya Makmur.
Pertanyaan ini bertujuan untuk mengetahui masalah dan pengalaman klien dalam menggunakan layanan penyaluran jasa asisten rumah tangga, serta mengetahui minat mereka terhadap sistem digital yang mungkin dapat meningkatkan kinerja dan aksesibilitas.
Pengumpulan Data.
Penulis membuat survei kuesioner yang ditujukan kepada klien PT.
Mangga Raya Makmur.
Tujuan dari survei ini adalah untuk memvalidasi dan memahami lebih dalam permasalahan serta pengalaman klien yang telah diidentifikasi sebelumnya.
Kuesioner mengumpulkan informasi langsung dari memberikan gambaran yang akurat tentang P a g e | 89 CBIS JOURNAL - VOL.
12 NO.
: MARET
tantangan yang mereka hadapi dan bagaimana layanan dapat ditingkatkan.
Membangun Prototype.
Penulis akan merancang prototype sistem penyaluran jasa asisten rumah tangga berbasis web untuk PT.
Mangga Raya Makmur.
Berdasarkan latar belakang dan data yang telah diperoleh dari kuesioner, peneliti akan membangun prototype Aktor.
Aktivitas user, rencana event pada sistem dan Database terkait sebagai dasar perancangan sistem.
Evaluasi Prototype.
Setelah membangun prototype Aktor.
Aktivitas user, kegiatan pada web.
Rencana event pada sistem dan Database terkait, langkah-langkah berikutnya melibatkan evaluasi proses pengembangan sistem berbasis web untuk PT Mangga Raya Makmur.
Proses evaluasi ini bertujuan untuk memeriksa langkah-langkah sebelumnya, yaitu identifikasi masalah, pengumpulan data dan pembangunan prototype, karena evaluasi yang cermat pada tahapan ini menentukan keberhasilan implementasi sistem.
Mengkodean Sistem.
Pada tahap ini, sistem akan dikodekan dengan menggunakan bahasa Javascript .
dan Node.
js untuk pengembangan server .
, serta MySQL sebagai basis data untuk menyimpan dan mengelola informasi untuk website penyaluran jasa asisten rumah tangga yang dapat membantu PT Mangga Raya Makmur dalam mengelola proses bisnisnya secara online.
Menguji Sistem.
Pada tahap pengujian sistem menggunakan metode Black Box Testing, fokus utamanya adalah pada fungsionalitas sistem dari perspektif pengguna akhir.
Pengujian ini bertujuan untuk memastikan bahwa sistem beroperasi sesuai dengan spesifikasi dan kebutuhan yang telah ditetapkan tanpa memerhatikan detail implementasi internalnya.
Evaluasi Sistem, pada tahap ini merupakan tahap kritis dalam pengembangan.
Sistem yang telah dibangun akan dinilai berdasarkan http://ejournal.
id/index.
php/cbis kepatuhan terhadap kebutuhan dan standar yang telah ditetapkan.
Evaluasi ini bertujuan untuk memastikan bahwa sistem berfungsi dengan baik dan memenuhi ekspektasi Jika hasil evaluasi tidak sesuai dengan harapan, langkah-langkah perbaikan dan revisi akan dilakukan.
Kesimpulan.
Tahap kesimpulan akan menyimpulkan hasil keseluruhan dari penelitian ini.
Kesimpulan akan merangkum temuan dari setiap tahap, termasuk hasil identifikasi masalah, pengumpulan data, membangun prototype, evaluasi prototype, mengkodean sistem, menguji sistem, serta evaluasi sistem.
Selain itu, kesimpulan juga akan membahas implikasi dari solusi yang dirancang terhadap penyaluran jasa asisten rumah tangga di PT.
Mangga Raya Makmur dan manfaat yang diharapkan.
Penulis menguraikan tentang alur proses sistem kerja di PT.
Mangga Raya Makmur yang berupa urutan pada sistem yang sedang berjalan saat ini.
Gambar 2.
Aliran Proses Yang Sedang Berjalan (Sumber : Penulis, 2.
P a g e | 90 CBIS JOURNAL - VOL.
12 NO.
: MARET
IV.
Pembahasan Berdasarkan hasil penelitian yang dilakukan oleh penulis tentang rancang bangun sistem informasi penyalur jasa asisten rumah tangga maka berikut ini merupakan hasil rancangan sistem yang telah dibuat:
1 Aliran Sistem Informasi yang Baru Sistem pemesanan asisten rumah tangga, mulai dari proses registrasi, validasi KTP, login, rekrutmen hingga proses pembayaran.
2 Usecase diagram Gambar 4.
Diagram use case (Sumber : Penulis, 2.
Deskripsi setiap aktor yaitu klien dan admin pada use case tersebut dapat dilihat pada tabel berikut ini:
Tabel 1 Deskripsi Aktor use case diagram No Aktor Deskripsi Gambar 3.
Aliran Sistem Informasi yang Baru (Sumber : Penulis, 2.
Dalam aliran sistem baru ini, penelitian berfokus pada peningkatan kemudahan dalam proses penyaluran jasa asisten rumah tangga.
http://ejournal.
id/index.
php/cbis Klien Klien dapat melakukan pemesanan asisten rumah tangga, melihat riwayat transaksi, rekrut asisten rumah tangga dan mulai kontrak Admin Admin dapat melakukan pengelolaan data klien, data asisten rumah tangga, data transaksi dan data rekrutmen.
P a g e | 91 CBIS JOURNAL - VOL.
12 NO.
: MARET
3 Class Diagram Pada halaman login di atas terdapat input untuk email dan password.
Selain itu juga terdapat tombol login yang akan masukan user ke halaman utama ketika email dan password yang di masukan valid.
Pada bawahnya tombol login terdapat link untuk pergi ke halaman daftar.
Gambar 5.
Class Diagram (Sumber : Penulis, 2.
Sebuah diagram class digunakan untuk merepresentasikan model atau rancangan dari class yang akan diimplementasikan dalam suatu Berikut adalah sejumlah class yang akan menjadi bagian dari rancangan model data, disertai dengan hubungan antar kelas.
4 Rancangan Layar Masukan Berikut adalah layar masukan, yaitu antarmuka yang ada di dalam website.
Layar masukan ini merupakan representasi visual dari sistem yang dirancang.
Halaman Login Gambar 6.
Halaman Login (Sumber : Penulis, 2.
http://ejournal.
id/index.
php/cbis Halaman Daftar Gambar 7.
Halaman Daftar (Sumber : Penulis, 2.
Dalam halaman daftar terdapat beberapa input yang harus diisi yaitu nama, no ktp, email, kata sandi, konfirmasi kata sandi, alamat, kota, provinsi, kode pos dan nomor handphone atau Terdapat juga beberapa yang tidak perlu diisi seperti nama perusahaan dan upload Halaman Order Gambar 8.
Halaman Order (Sumber : Penulis, 2.
P a g e | 92 CBIS JOURNAL - VOL.
12 NO.
: MARET
Halaman order yaitu halaman untuk melihat daftar asisten rumah tangga.
Di atas dapat lihat berapa asisten rumah tangga yang tersedia dan di bawahnya terdapat input untuk melakukan pencarian asisten rumah tangga.
Di bawahnya lagi terdapat daftar asisten rumah tangga dan di sebelah kiri terdapat fitur untuk mencari asisten rumah tangga berdasarkan status, asal dan gaji sesuai opsi yang disediakan pada fitur tersebut.
Halaman Asisten Rumah Tangga Yang Diterima Halaman Detail Asisten Rumah Tangga Gambar 9.
Halaman Detail Asisten Rumah Tangga (Sumber : Penulis, 2.
Halaman Detail Asisten Rumah Tangga memberikan detail lebih lengkap tentang asisten rumah tangga seperti nama, umur, asal, agama, tinggi, berat, status dan gaji.
Terdapat tombol pesan sekarang yaitu melakukan pesanan asisten rumah tangga yang akan membawakan ke halaman pembayaran.
Di bawah detail asisten rumah tangga terdapat daftar asisten rumah tangga Halaman rekrutmen yang menampilkan data asisten rumah tangga yang direkrut.
Terdapat dua tombol di bagian kolom action, ketika di tekan tombol terima maka akan melakukan pembayaran kedua yaitu menerima asisten rumah Jika tekan Tolak maka akan hapus asisten rumah tangga dari List Rekrutmen.
Halaman Rekrutmen Gambar 10.
Halaman Rekrutmen (Sumber : Penulis, 2.
http://ejournal.
id/index.
php/cbis Gambar 11.
Halaman Asisten Rumah Tangga Yang Diterima (Sumber : Penulis, 2.
Berikut ini adalah halaman asisten rumah tangga yang diterima setelah melakukan terima asisten rumah tangga di halaman Di halaman ini terdapat satu masukan yaitu mengisi tanggal mulai kerja pada kolom tanggal mulai kerja.
Setelah sudah diisi, maka akan mengaktifkan tombol Mulai Kontrak Kerja.
Jika mulai kontrak kerja ditekan maka akan muncul pop-up surat kontrak kerja yang harus disetujui jika ingin melakukan mulai kontrak Halaman Riwayat Transaksi Gambar 12.
Halaman Riwayat Transaksi (Sumber : Penulis, 2.
P a g e | 93 CBIS JOURNAL - VOL.
12 NO.
: MARET
Halaman riwayat transaksi menampilkan data-data transaksi.
Informasi transaksi mencakup order id, nama, email, alamat, kota, provinsi, kode pos, nomor handphone, nama asisten yang direkrut, total biaya, tanggal transaksi dengan menyertakan bulan, tahun, dan waktu transaksi.
Selain itu, terdapat informasi tentang status user, kotak yang menunjukkan jumlah total karyawan, kotak yang menunjukkan jumlah total admin, kotak yang menunjukkan jumlah total asisten yang diterima klien, kotak yang menunjukkan jumlah transaksi dan yang terakhir kotak yang menunjukkan jumlah rekrutmen.
Halaman Kelola User Halaman Admin Login Gambar 15.
Halaman Kelola User (Sumber : Penulis, 2.
Gambar 13.
Halaman Admin Login (Sumber : Penulis, 2.
Halaman admin login tersebut terdapat dua input yaitu email dan password.
Selain itu terdapat tombol login jika email dan password yang diisi valid dan tekan tombol login maka akan membawa ke halaman utama dashboard admin.
Di bawahnya tombol login terdapat link untuk pergi ke halaman utama.
Halaman Dashboard Admin Gambar 14.
Halaman Dashboard Admin (Sumber : Penulis, 2.
Halaman dashboard admin adalah halaman utama admin yang memberikan ringkasan tentang data yang ada di dalam sistem.
Terdapat kotak yang Menunjukkan jumlah total http://ejournal.
id/index.
php/cbis Halaman kelola user yaitu halaman untuk mengelola data pengguna.
Terdapat beberapa fitur di halaman tersebut.
Di bagian atas, terdapat tombol laporan untuk melihat data laporan dan fitur pencarian yang digunakan dalam mencari pengguna tertentu.
Di bawah fitur pencarian, terdapat tabel yang menampilkan data pengguna, termasuk informasi yang telah diisi oleh pengguna saat registrasi.
Selain itu, terdapat tombol AoKTP LengkapAo yang menampilkan nomor KTP dan gambar KTP yang telah diunggah oleh Pada tabel tersebut juga terdapat tombol untuk mengaktifkan akun pengguna yang memberi mereka akses dalam melakukan Terdapat juga tombol aksi AoEditAo dan AoHapusAo.
Jika tombol AoEditAo ditekan akan diarahkan ke halaman edit user untuk mengubah data pengguna.
Sementara itu, jika tombol hapus ditekan, sistem akan langsung menghapus data pengguna tersebut.
CBIS JOURNAL - VOL.
12 NO.
: MARET
Halaman Edit User P a g e | 94 digunakan untuk menghapus data karyawan dari Selain itu.
Di bagian atas terdapat fitur pencarian yang memungkinkan admin untuk mencari karyawan berdasarkan nama, nomor handphone, atau detail lainnya.
Selain itu, juga terdapat tombol AoTambah KaryawanAo yang akan membawa admin ke halaman tambah karyawan untuk menambah karyawan baru.
Halaman Tambah Karyawan Gambar 16.
Halaman Edit User (Sumber : Penulis, 2.
Halaman edit user ini memberi admin untuk dapat mengelola dan memperbarui data Di halaman ini, admin dapat mengubah berbagai jenis data pengguna yang telah mendaftar di situs web, termasuk nama, email, nomor KTP, nomor HP, alamat, kota, provinsi, dan kode pos.
Selain itu, di bawah juga terdapat dua tombol yaitu tombol simpan dan Kembali.
Tombol simpan untuk menyimpan perubahan yang telah dilakukan admin dan tombol kembali membawa admin kembali ke halaman kelola user.
Halaman Kelola Karyawan Gambar 17.
Halaman Kelola Karyawan (Sumber : Penulis, 2.
Halaman menampilkan daftar karyawan yaitu asisten rumah tangga beserta detail informasi mereka dalam bentuk tabel.
Informasi yang ditampilkan meliputi ID.
Foto Karyawan.
Nama.
Umur.
Asal.
Agama.
No.
Hp.
No.
KTP.
Tinggi.
Gaji.
Berat, dan Status.
Admin dapat melihat detail karyawan dan melakukan beberapa aksi.
Ada dua tombol aksi, yaitu edit dan hapus.
Tombol edit akan membawa admin ke halaman edit karyawan untuk mengubah informasi karyawan, sementara tombol hapus http://ejournal.
id/index.
php/cbis Gambar 18.
Halaman Tambah Karyawan (Sumber : Penulis, 2.
Halaman tambah karyawan adalah halaman untuk admin menambahkan data karyawan baru ke dalam sistem.
Di halaman ini, admin dapat memasukkan berbagai jenis data karyawan, termasuk Nama.
Tempat Lahir.
Umur.
Agama.
No KTP.
No Hp.
Tinggi.
Berat.
Gaji.
Jenis Kelamin, dan Status.
Setelah semua data dimasukkan, admin dapat menekan tombol tambah yang untuk menyimpan data karyawan baru ke dalam sistem.
Jika admin ingin membatalkan proses penambahan karyawan, dapat menekan tombol AoKembaliAo yang akan membawa admin ke halaman kelola karyawan.
Halaman Edit Karyawan Gambar 19.
Halaman Edit Karyawan (Sumber : Penulis, 2.
CBIS JOURNAL - VOL.
12 NO.
: MARET
Halaman edit karyawan adalah halaman untuk admin untuk mengubah data karyawan.
halaman ini, admin dapat mengubah data karyawan seperti Nama.
Tempat Lahir.
Umur.
Agama.
No KTP.
No Hp.
Tinggi.
Berat.
Gaji.
Jenis Kelamin, dan Status.
Setelah semua data dimasukkan, admin dapat menekan tombol simpan untuk menyimpan data karyawan baru ke dalam sistem.
Jika admin ingin membatalkan proses penambahan karyawan, dapat menekan tombol AoKembaliAo yang akan membawa admin ke halaman kelola karyawan.
Halaman Kelola Admin P a g e | 95 Halaman Tambah Admin Gambar 21.
Halaman Tambah Admin (Sumber : Penulis, 2.
Halaman tambah admin untuk dapat menambah admin baru pada sistem tersebut.
Terdapat beberapa input yang harus diisi yaitu nama, email, password, konfirmasi password, no ktp, no handphone, alamat, kota, provinsi dan kode pos, setelah itu admin bisa tekan tombol tambah untuk menambah admin baru.
Terdapat juga tombol kembali disebelah tombol tambah untuk kembali ke halaman kelola admin.
Halaman Kelola Transaksi Gambar 20.
Halaman Kelola Admin (Sumber : Penulis, 2.
Halaman kelola admin yaitu halaman untuk mengelola data admin lainnya.
Terdapat beberapa fitur di halaman tersebut.
Di bagian atas, terdapat fitur pencarian yang digunakan dalam mencari admin tertentu dan tambah admin yang akan membawa admin ke halaman tambah admin.
Di bawah tambah admin, terdapat tabel yang menampilkan data admin.
Selain itu, terdapat tombol AoKTP LengkapAo yang menampilkan nomor KTP dan gambar KTP yang telah diunggah oleh Pada tabel tersebut terdapat tombol aksi edit dan hapus.
Jika tombol edit ditekan akan diarahkan ke halaman edit admin untuk mengubah data admin.
Sementara itu, jika tombol hapus ditekan, sistem akan langsung menghapus data admin tersebut.
http://ejournal.
id/index.
php/cbis Gambar 22.
Halaman Kelola Transaksi (Sumber : Penulis, 2.
Halaman menampilkan daftar transaksi yang telah Informasi yang ditampilkan meliputi ID Order.
Nama.
Alamat.
Kota.
Provinsi.
Kode Pos, no handphone.
Asisten Yang Menerima.
Total Biaya Transaksi.
Tanggal Transaksi, dan Status Transaksi.
Selain itu terdapat dua tombol aksi, yaitu edit dan hapus.
Tombol edit akan membawa admin ke halaman edit transaksi, sementara tombol hapus digunakan untuk CBIS JOURNAL - VOL.
12 NO.
: MARET
menghapus data transaksi dari sistem.
Di bagian atas halaman, terdapat fitur pencarian yang memungkinkan admin untuk mencari transaksi berdasarkan ID order, nama, email, dan lainnya.
Di atas tabel terdapat fitur pencarian dan fitur dropdown pencarian berdasarkan status transaksi.
Di sebelah fitur dropdown terdapat tombol laporan untuk masuk ke halaman laporan Halaman Edit Transaksi Gambar 23.
Halaman Edit Transaksi (Sumber : Penulis, 2.
Halaman edit transaksi yaitu halaman untuk admin mengubah detail transaksi yang telah Di halaman ini, admin dapat mengubah beberapa detail transaksi, termasuk AoAsisten Yang DirekrutAo.
AoStatus TransaksiAo, dan AoTotal BiayaAo.
Setelah semua perubahan dimasukkan, admin dapat menekan tombol AoSimpanAo untuk menyimpan perubahan tersebut ke dalam sistem.
Jika admin ingin membatalkan proses pengeditan, dapat menekan tombol kembali yang akan membawa admin ke halaman kelola transaksi.
Halaman Kelola Rekrutmen Gambar 24.
Halaman Kelola Rekrutmen (Sumber : Penulis, 2.
http://ejournal.
id/index.
php/cbis P a g e | 96 Halaman menampilkan daftar asisten rumah tangga yang telah direkrut.
Informasi yang ditampilkan meliputi ID.
Nama Klien.
Asisten Yang Direkrut.
Detail Transaksi.
Mulai Kontrak Kerja.
Akhir Kontrak Kerja, dan Status.
Detail Transaksi dapat ditekan dan menampilkan informasi transaksi dalam rekrut asisten rumah tangga tersebut.
Selain itu dalam tabel data rekrutmen terdapat dua tombol aksi, yaitu edit dan hapus.
Tombol edit akan membawa admin ke halaman edit rekrutmen, sementara tombol hapus digunakan untuk menghapus data rekrutmen dari sistem.
Di atas tabel data rekrutmen terdapat fitur pencarian dan fitur dropdown pencarian berdasarkan status.
sebelahnya fitur dropdown terdapat tombol Laporan yang akan membawakan admin ke halaman laporan rekrutmen.
Halaman Edit Rekrutmen Gambar 25.
Halaman Edit Rekrutmen (Sumber : Penulis, 2.
Halaman memungkinkan admin untuk mengubah detail rekrutmen yang telah ada.
Di halaman ini, admin dapat mengubah beberapa detail rekrutmen yaitu asisten yang direkrut, mulai kontrak kerja, akhir kontrak kerja dan status rekrutmen Setelah semua perubahan dimasukkan, admin dapat menekan tombol simpan untuk menyimpan perubahan tersebut ke dalam sistem.
Jika admin ingin membatalkan proses pengeditan, mereka dapat menekan tombol kembali yang akan membawa admin ke halaman kelola rekrutmen.
P a g e | 97 CBIS JOURNAL - VOL.
12 NO.
: MARET
Halaman Profile Settings Buletin Sistem Informasi dan Teknologi Islam (BUSITI), vol.
2, no.
1, pp.
6Ae11, .
Alwi Fahrurrozy.
Ardiansyah, and A.
Rose Irawati.
AuAplikasi Pencarian Asisten Rumah Tangga AoAsistenkuAo Berbasis Android,Ay Jurnal Perpadun, vol.
2, no.
237Ae246, 2021.
Josi.
Fisika, and J.
Patra No.
AuRancang Bangun Sistem Informasi Tender Karet Desa Jungai Menggunakan Metode Waterfall,Ay Jurnal SISFOKOM, 06, no.
2, 2017.
Eko Nugroho.
AuPERANCANGAN
SISTEM INFORMASI PENJUALAN
ONLINE STUDI KASUS TOKOKU,Ay Jurnal SIMETRIS, vol.
7, no.
2, 2016.
Dharma.
Satwika, and B.
Nirmala.
AuRancang Bangun Sistem Informasi Penyedia Asisten Rumah Tangga di Yayasan Kasih Keluarga,Ay Jurnal Ilmiah Teknik Informatika dan Sistem Informasi, vol.
8, no.
3, pp.
141Ae 150, 2019.
Silalahi and S.
Saragih.
AuSistem EAdministrasi Masjid Asy-Syuhada Batam Berbasis WebAy, [Onlin.
Available:
http://journal.
org/index.
/JDDAT
Sudana.
Suryadana, and A.
Bayupati.
AuRANCANG
BANGUN
SISTEM
INFORMASI
RUMAH
TRADISIONAL
BALI
BERDASARKAN ASTA KOSALAKOSALI BERBASIS WEBAy, doi:
25126/jtiik.
Nurhadi.
AuPenerapan Metode Waterfall Dalam Sistem Informasi Penyedia Asisten Rumah Tangga Secara Online,Ay JURNAL KHATULISTIWA INFORMATIKA, vol.
VI, no.
2, 2018.
Gambar 26.
Halaman Profile Settings (Sumber : Penulis, 2.
Halaman profile settings.
Halaman tersebut memungkinkan admin untuk mengubah data sendiri.
Di halaman ini, admin dapat mengubah beberapa detail profil, termasuk nama, email.
No KTP, alamat, kota, provinsi, kode pos, dan nomor telepon.
Selain itu, halaman ini juga menyediakan opsi untuk mengunggah KTP Setelah semua perubahan dimasukkan, admin dapat menekan tombol simpan untuk menyimpan perubahan tersebut ke dalam sistem.
Jika admin ingin mengubah kata sandi, dapat menekan tombol ganti password.
Kesimpulan Setelah merancang, membangun, dan mengimplementasikan sistem penyalur jasa asisten rumah tangga berbasis web menggunakan React.
js dan Node.
js di PT Mangga Raya Makmur, penulis menemukan penelitian ini menunjukkan keberhasilan dan optimalisasi dalam perusahaan.
Ucapan Terima Kasih Pada Kesempatan ini, penulis menyampaikan terima kasih besar kepada Bapak Saut Pintubipar Saragih S.
Kom.
MSI.
selaku dosen pembimbing, atas dukungan bimbingannya yang berharga untuk penelitian ini.
Daftar Pustaka Rasman.
Purnawanysah, and A.
Huzain.
AuPerancangan Aplikasi Penyedia Jasa Asisten Rumah Tangga Berbasis Web,Ay http://ejournal.
id/index.
php/cbis P a g e | 98 CBIS JOURNAL - VOL.
12 NO.
: MARET
Mukhlis.
AuPerancangan Media Informasi Sentra Wisata Kuliner Wonorejo di Kota Surabaya Berbasis Website Menggunakan Metode Model View Controller,Ay Jurnal Sistem Informasi Bisnis, vol.
13, no.
2, pp.
143Ae Oct.
21456/vol13iss2pp143-153.
Durbin Hutagalung and F.
Arif.
AuRANCANG
BANGUN
SISTEM
INFORMASI
PERPUSTAKAAN