2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
Acmad Nurhadi
Program Studi Sistem Informasi, Kampus Kota Pontianak
Fakultas Teknologi Informasi, Universitas Bina Sarana Informatika
Jl. Abdurrahman Saleh No. 18 A Pontianak
e-mail: achmad.ahh@bsi.ac.id
ABSTRAKSI
Berkembangnya Dalam era globalisasi sekarang ini, teknologi informasi melaju dengan cepatnya. Adapun
komputer yang merupakan peralatan yang diciptakan untuk mempermudah pekerjaan manusia,
saat mencapai kemajuan baik di dalam pembuatan hardware maupun software. Peran pekerja rumah tangga
dalam kehidupan sehari-hari amat penting. Perkembangan ruang lingkup perkerjaan bagi buruh yang
berkerja di rumah harus sesuai dengan kemajuan zaman yang ternyata ruang lingkupnya semakin luas dan
kompleks. Untuk mempermudah mencari pekerja rumah tangga, maka ada penyedia jasa pekerja rumah
tangga yang sudah siap menyalurkan pekerjanya. Dikarenakan perkembangan zaman yang makin pesat,
penyedia jasa pekerja rumah tangga ini pun membuka layanan jasa secara online agar dapat diakses dengan
cepat oleh siapa pun yang membutuhkan.
Kata Kunci: Perancangan Sistem Informasi, Asisten Rumah Tangga, Waterfall.
ABSTRACT
In today's era of globalization, information technology is speeding up. The computer that is a device that was created to
facilitate human work, while achieving good progress in the manufacture of hardware and software. The role of domestic
workers in everyday life is very important. The development of the scope of work for workers who work at home should
be in accordance with the progress of the times that it is increasingly widespread and complex. To make it easier to find
domestic workers, there is a provider of domestic workers who are ready to disburse their workers. Due to the rapid
development of the era, this provider of domestic workers also opens online services in order to be accessed quickly by
anyone in need.
Key Word: Web Design, Housemaid, Waterfall.
97
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
bagi buruh yang berkerja di rumah harus sesuai 2. HTML (HyperText Markup Language)
dengan kemajuan zaman yang ternyata ruang “HyperText Markup Language atau HTML
lingkupnya semakin luas dan kompleks. Seorang adalah bahasa standard yang digunakan untuk
pekerja rumah tangga dituntut menguasai banyak menampilkan halaman web” (Hidayatullah &
keterampilan untuk mendukung pekerjaanya dari Kawistara, 2015:13).
mulai memasak, mencuci, merawat kebun, 3. Web Server XAMPP
kebersihan rumah, mengendarai motor, mearawat “Web Server ini adalah tempat di mana anda
anak dan orangtua, bahkan mendampingi anak menyimpan aplikasi web anda kemudian
majikan ketika waktu belajar. mengaksesnya melalui internet” (Hidayatullah
Untuk mempermudah mencari pekerja rumah & Kawistara, 2015:125).
tangga, maka ada penyedia jasa pekerja rumah 4. CSS (Cascading Style Sheet)
tangga yang sudah siap menyalurkan pekerjanya. CSS merupakan alternatif bahasa
Dikarenakan perkembangan zaman yang makin pemrograman web saat ini dan di masa yang
pesat, penyedia jasa pekerja rumah tangga ini pun akan datang, di mana CSS mempunyai
membuka layanan jasa secara online agar dapat keuntungan: ukuran file lebih kecil,
diakses dengan cepat oleh siapa pun yang pemanggilan file lebih cepat, dapat dipadukan
membutuhkan. dengan javascript, pasangan setia XHTML,
menghemat waktu pengerjaan web sebab tidak
2. TINJAUAN PUSTAKA perlu mengulang penerapan css pada styles
2.1. Konsep Dasar Web elemen web yang lain, serta mudah dilakukan
Sebelum lebih dalam mengupas penelitian ini, pengaturan atau penggantian tampilan
alangkah baiknya apabila diketahui terlebih dahulu halaman web dengan mengubah file css-nya
definisi serta uraian singkat mengenai konsep dasar saja (Mandar, 2017:77-78).
dari web yang berhubungan dengan penelitian ini. 5. Adobe Dreamweaver CS6
A. Website Adobe Dreamweaver merupakan aplikasi
“Website adalah sebuah kumpulan halaman pengembangan yang berfungsi untuk
yang diawali dengan halaman muka yang mendesain web yang dibuat, dikembangkan,
berisikan informasi, iklan, serta program dan diproduksi oleh Adobe System, Dengan
aplikasi” (Asropudin, 2013:109). “Web Server menggunakan program ini seorang programer
adalah sebuah komputer yang terdiri dari dapat dengan mudah membuat dan mendesain
perangkat keras dan perangkat lunak” (Sibero, webnya, karena bersifat WYSIWYG (What You
2013:11). “Web browser adalah aplikasi See Is What You Get) (Mandar, 2017:1).
perangkat lunak yang digunakan untuk
mengambil dan menyajikan sumber informasi” 2.2. Basis Data
(Sibero, 2013:11). A. Database
Sistem basis data adalah sistem
B. Bahasa Pemrograman terkomputerisasi yang tujuan utamanya adalah
1. PHP (Personal Home Page) memelihara data yang sudah diolah atau informasi
PHP Hypertext Preprocessor atau disingkat dan membuat informasi tersedia saat dibutuhkan
dengan PHP ini adalah suatu bahasa scripting (Sukamto & Shalahuddin, 2013:43).
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 Sumber : Sukamto & Shalahuddin, (2013)
powerful juga dinamis dengan disertai Gambar 1. Ilustrasi Basis Data
manajemen database-nya (Hidayatullah &
Kawistara, 2015:231).
98
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
B. MySQL telah di buat pada tahap desain (Sukamto &
“MySQL adalah salah satu aplikasi DBMS yang Shalahuddin, 2013:29).
sudah sangat banyak digunakan oleh para 4. Pengujian
pemrogram aplikasi web. Contoh DBMS lainnya Pengujian fokus pada perangkat lunak secara
adalah : PostgreSQL (freeware), SQL Server, MS Access dari segi lojik dan fungsional dan memastikan
dari Microsoft, DB2 dari IBM, Oracle dan Oracle Corp, bahwa semua bagian sudah diuji. Hal ini
Dbase, FoxPro, dsb” (Hidayatullah & Kawistara, dilakukan untuk meminimalisir kesalahan
2015:180). (error) dan memastikan keluaran yang
“Kelebihan dari MySQL adalah gratis, handal, dihasilkan sesuai dengan yang diinginkan
selalu di-update dan banyak forum yang (Sukamto & Shalahuddin, 2013:30).
memfasilitasi para pengguna jika memiliki kendala” 5. Pendukung (Support) atau Pemeliharaan
(Hidayatullah & Kawistara, 2015:180). (Maintenance)
2.3. Model Pengembangan Perangkat Lunak. Tidak menutup kemungkinan sebuah perangkat
Model SDLC air terjun (waterfall) sering disebut lunak mengalami perubahan ketika sudah
juga model sekuensial linear (sequential linear) atau dikirimkan ke user. Perubahan bisa terjadi karena
alur hidup klasik (classic life cycle). Model air terjun adanya kesalahan yang muncul dan tidak terdeteksi
menyediakan pendekatan alur hidup perangkat saat pengujian tau perangkat lunak harus
lunak secara sekuensial atau terurut dimulai dari beradaptasi dengan lingkungan baru. Tahap
analisis, desain, pengkodean, pengujian, dan tahap pendukung atau pemeliharaan dapat mengulangi
pendukung (support) (Sukamto & Shalahuddin, proses pengembangan mulai dari analisis spesifikasi
2013:28-30). untuk perubahan perangkat lunak yang sudah ada,
tapi tidak untuk membuat perangkat lunak baru
(Sukamto & Shalahuddin, 2013:30).
2.4. Struktur Navigasi
Struktur navigasi adalah urutan alur informasi
dari suatu aplikasi multimedia. Dengan
menggunakan struktur navigasi yang tepat maka
suatu aplikasi multimedia mempunyai suatu
Sumber : Sukamto & Shalahuddin, (2013) pedoman dan arah informasi yang jelas (Kurniawan,
Gambar 2. Ilustrasi model waterfall 2013:213).
Dalam pembuatan aplikasi multimedia
1. Analisa kebutuhan perangkat lunak terdapat empat macam bentuk dasar struktur
Proses pengumpulan kebutuhan dilakukan navigasi yang digunakan,yaitu :
secara intensif untuk menspesifikasikan 1. Struktur Navigasi Linier
kebutuhan perangkat lunak agar dapat Struktur navigasi linier hanya mempunyai satu
dipahami perangkat lunak seperti apa yang rangkaian cerita yang berurut, yang
dibutuhkan oleh user. Spesifikasi kebutuhan menampilkan satu demi satu tampilan layar
perangkat lunak pada tahap ini perlu untuk secara berurut menurut urutannya. Tampilan
didokumentasikan (Sukamto & Shalahuddin, yang dapat ditampilkan pada struktur jenis ini
2013:29). adalah satu halaman sebelum atau satu halaman
2. Desain sesudahnya, tidak dapat dua halaman
Desain perangkat lunak adalah proses multi sebelumnya atau dua halaman sesudahnya
langkah yang fokus pada desain pembuatan (Kurniawan, 2013:213).
program perangkat lunak termasuk struktur 2. Struktur Navigasi Non-Linier
data, arsitektur perangkat lunak, representasi Struktur navigasi non linier atau struktur tidak
antarmuka, dan prosedur pengodean (Sukamto berurut merupakan pengembangan dari struktur
& Shalahuddin, 2013:29). navigasi linier. Pada struktur ini, diperkenankan
3. Pembuatan Kode Program membuat navigasi percabangan. Percabangan
Desain harus ditranslasikan ke dalam program yang dibuat pada struktur non linier ini berbeda
perangkat lunak. Hasil dari tahap ini adalah pada percabangan struktur hiraki, karena pada
program komputer sesuai dengan desain yang percabangan non linier ini walaupun terdapat
percabangan, tetapi tiap-tiap tampilan
99
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
mempunyai kedudukan yang sama yaitu tidak Sebagai contoh, sebuah sistem informasi sekolah
ada master page dan slave page (Kurniawan, memiliki pengguna guru dan siswa didalamnya.
2013:214). Sistem informasi ini memiliki sebuah database
3. Struktur Navigasi Hiraki bernama sisfo sekolah dengan tiga buah tabel
Struktur navigasi hirarki biasa tersebut struktur didalamnya. Ketiga tabel tersebut adalah tabel
bercabang, merupakan suatu struktur yang Guru (memuat field NIP, Nama_Guru, Jabatan,
mengandalkan percabangan untuk menampilkan Pangkat_Golongan, Alamat), tabel Mata
data berdasarkan kriteria tertentu. Tampilan Pelajaran (memuat field Kode_Mata_Pelajaran,
pada menu utama akan disebut sebagai Master Nama_Mata_Pelajaran), dan tabel Mengajar
Page (halam utama pertama), halaman utama ini (memuat field NIP, Kode_Mata_Pelajaran, Kelas)
mempunyai halaman percabangan yang disebut (Pratama, 2014:49).
Slave Page(halaman pendukung). Jika salah satu Tabel Mengajar terbentuk dari relasi antara tabel
halaman pendukung dipilih atau diaktifkan, Guru dan tabel Mata Pelajaran. Relasi dalam hal
maka tampilan tersebut akan bernama Master ini berupa relasi N ke N, yang artinya satu atau
Page (halaman utama kedua), dan seterusnya. lebih field pada tabel pertama dapat
Pada struktur navigasi ini tidak diperkenankan dihubungkan ke satu atau lebih (Pratama,
adanya tampilan secara linier (Kurniawan, 2014:49).
2013:215). 2.6. Logical Relationship Structure
4. Struktur Navigasi Campuran Logical Record Structure dibentuk dengan
Struktur navigasi campuran merupakan nomor tipe record , beberapa tipe record
gabungan dari ketiga struktur sebelumnya yaitu digambarkan oleh kotak empat persegi panjang dan
linier, non linier dan hirarki. Struktur navigasi ini dengan nama yang unik (Lestari, 2013:12).
juga biasa disebut dengan struktur navigasi
bebas. Struktur navigasi ini banyak digunakan 3. METODOLOGI
dalam pembuatan website sehingga dapat Untuk mendapatkan data-data yang
memberikan ke-interaksian yang lebih tinggi menunjang penyusun penelitian ini, penulis
(Kurniawan, 2013:216). menggunakan metode pengembangan perangkat
2.5. Enterprise Relationship Diagram lunak dan pengumpulan data yang penulis lakukan
“ERD (Entity Relationship Diagram) adalah sebagai berikut :
diagram yang menggambarkan keterkaitan antar 3.1. Metode Pengembangan Perangkat Lunak
tabel beserta dengan field-field didalamnya pada Metode yang digunakan pada pengembangan
suatu database sistem” (Pratama, 2014:49). perangkat lunak ini menggunakan model waterfall.
Terdapat tiga buah jenis relasi antar tabel Tahapan-tahapan model waterfall (Sukamto &
didalam bagan ERD, ketiga relasi tersebut yaitu : Shalahuddin, 2013:28) adalah :
(Pratama, 2014:49) 1. Analisis Kebutuhan Perangkat Lunak
1. One To One (Satu ke Satu) Proses pengumpulan kebutuhan dilakukan
Relasi ini menggambarkan hubungan satu field secara intensif untuk mespesifikasikan
pada tabel pertama ke pada tabel kedua. Relasi kebutuhan perangkat lunak agar dapat di
ini paling sederhana. Sebagai contoh, pada pahami perangkat lunak seperti apa yang
sistem informasi perpustakaan terdapat tabel dibutuhkan oleh user. Spesifikasi kebutuhan
Buku (dengan field Kode_buku, Kode_Kategori, perangkat lunak pada tahap ini perlu untuk
Kode_Penulis, Nama_Penulis, Judul, Penerbit) didokumentasikan.
dan tabel Kategori (Kode_Kategori, 2. Desain
Nama_Kategori, Alamat). Field Kode_Kategori Pada tahapan ini, penulis membuat perancangan
memiliki keterkaitan (relasi) satu ke satu pada system seperti desain untuk website yang
tabel Buku dan tabel Kategori (Pratama, 2014:49). memfokuskan pada pemodelan basis data
2. One to Many (Satu ke Banyak) dengan menggunkan ERD (Entity Relationship
Relasi ini menggambarkan hubungan satu field Diagram) dan LRS (Logical Relationship
pada tabel pertama ke dua atau beberapa buah Structure).
field di tabel kedua (Pratama, 2014:49). 3. Pembuatan Kode Program
3. Many to Many (Banyak ke Banyak). Desain harus ditranslasikan ke dalam program
perangkat lunak. Hasil dari tahap ini adalah
100
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
perangkat lunak sesuai dengan desain yang A. Administrator
telah dibuat pada tahap desain. 1. Dapat melakukan login.
4. Pengujian 2. Dapat menambah, mengubah, menghapus data
Pengujian fokus pada perangkat lunak secara pembantu.
dari segi logika dan fungsional dengan 3. Dapat menambah, mengubah, menghapus data
menggunaknan BlackBox. BlackBox itu sendiri kategori pembantu.
berfungsi untuk meminimalisir kesalahan 4. Dapat melihat, dan mengubah data penyewaan
(error) pada program yang telah dibuat dengan pembantu
melakukan pengujian terhadap bentuk 5. Dapat melihat, menghapus, mengubah data
masukan (from input) yang ada di web. konfirmasi pembayaran.
5. Pendukung (support) atau Pemeliharaan 6. Dapat menghapus data kustomer.
(maintenance) 7. Dapat melihat menghapus dan mengubah data
Tidak menutup kemungkinan sebuah kota.
perangkat lunak harus mengalami perubahan 8. Dapat melihat dan mengubah data profil
ketika sudah dikirimkan ke user. Perubahan penyewaan.
bisa terjadi karena adanya kesalahan yang 9. Dapat melihat dan mengubah data cara
muncul dan tidak terdeteksi saat pengujian penyewaan.
atau perangkat lunak harus beradaptasi dengan 10. Dapat melihat dan mengubah data rekening
lingkungan baru. Tahap pendukung atau penyewaan.
pemeliharaan dapat mengulangi proses 11. Dapat melihat laporan penyewaan.
pengembangan mulai dari analisis spesifikasi 12. Dapat melakukan logout.
untuk perubahan perangkat lunak yang sudah B. Pengunjung
ada, tapi tidak untuk membuat perangkat 1. Dapat melihat home website.
lunak baru. 2. Dapat melihat profil penyewaan pembantu
3.2. Teknik Pengumpulan Data 3. Dapat melihat cara penyewaan pembantu
Dalam upaya untuk pengumpulan data, fakta 4. Dapat melihat pembantu yang disewakan.
serta informasi yang berkembang dengan masalah 5. Dapat melakukan register.
yang akan dilakukan perlu menggunakan teknik- C. Member
teknik pengumpulan data sebagai berikut : 1. Dapat melihat home website.
1. Observasi 2. Dapat melihat profil penyewaan pembantu.
Suatu pengamatan yang khusus dan secara 3. Dapat melihat cara penyewaan pembantu.
langsung, yaitu mengamati website sejenis 4. Dapat melakukan penyewaan pembantu.
dengan layanan jasa pekerja rumah tangga. 5. Dapat melihat pembantu yang disewakan.
2. Wawancara 6. Dapat melihat riwayat penyewaan pembantu.
Memperoleh data dengan bertanya langsung 7. Dapat melihat riwayat pembayaran
kepada yayasan penyedia jasa pekerja rumah penyewaan.
tangga. 8. Dapat melakukan pengaduan.
3. Studi Pustaka 9. Dapat melakukan logout
Penulis juga melakukan studi kepustakaan 4.2. Entity Relationship Diagram
melalui refensi yang ada baik di perpustakaan ERD merupakan suatu model untuk
maupun di internet. Studi pustaka adalah cara menjelskan hubungan antar data dalam basis data
mengumpulkan informasi menggunakan data- berdasarkan objek – objek dasar data yang
data sekunder maupun primer tentang topik mempunyai hubungan antar relasi.:
atau masalah yang akan diteliti.
Gambar III.4
4.5. Implementasi
1. Halaman Login Admin
Administrator hsrus melakukan logi terlebih
dahulu agar dapat menggunakan modul-modul
yang tersedia
102
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
103
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
8. Tampilan Kategori Produk Pengunjung 11. Tampilan Halaman Register
104
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
14. Tampilan Halaman Cara Pemesan 17. Tampilan Halaman List Penyewaaan
105
JURNAL KHATULISTIWA INFORMATIKA, VOL. VI, NO. 2 DESEMBER 2018
p-ISSN: 2339-1928 & e-ISSN: 2579-633X
106