BAB III ANALISIS DAN PERANCANGAN

20 BAB III ANALISIS DAN PERANCANGAN Dalam bab ini akan dibahas analisis dan perancangan aplikasi info rumah kost berbasis web. Perancangan ini merupakan kelanjutan dari studi literatur tentang aplikasi informasi rumah kost. Hasil dari bab III ini adalah sebuah desain dari aplikasi info rumah kost berbasis web sebelum dilakukan tahap coding. 3.1 Analisis Sistem Berjalan Tempat tinggal sementara bagi seseorang yang bekerja maupun mahasiswa yang sedang melanjutkan pendidikan di luar daerah kota asal sangat penting sekali. Karena jika setiap harinya pulang-pergi dari kota asalnya akan memakan banyak waktu dan biaya yang dikeluarkan untuk transportasi. Jika lokasi tempat tinggal dekat dengan tempat bekerja, akan memperlancar jalannya kegiatan sehari-hari. Untuk menghadapi kendala ini, banyak orang memanfaatkan dengan menyewakan rumah atau tempat untuk jangka waktu dan biaya yang sudah di tentukan yang di sebut dengan nama rumah kost. Dalam pencarian rumah kost menjadi kendala tersendiri bagi seseorang atau mahasiswa karena harus berkeliling mencari rumah kost yang kosong. Kadang kala bertanya ke teman ataupun warga untuk mengetahui dimana ada rumah kost yang masih kosong. Kalau ada rumah kost yang kosongpun, harga sewa belum tentu cocok. Maka diperlukan sekali layanan yang memberikan informasi tentang rumah kost yang mudah diakses hanya dengan sentuhan jari pada smartphone. Informasi ketersediaan rumah kost yang didapatkan dari perantara atau pemilik rumah kost terkadang calon penyewa tidak mengetahui diamana lokasi dan tempat rumah kost. Calon penyewa juga tidak bisa langsung mengetahui informasi tentang rumah kost lengkap dengan fasilitas yang tersedia dan biaya sewa yang ditawarkan. Dalam proses pemesanan rumah kost juga secara manual datang langsung ke lokasi. Sistem pencarian informasi rumah kost yang ada pada saat sekarang ini bisa dikatakan masih manual, karena calon penyewa mendapatkan informasi dari seorang perantara ataupun pemilik rumah kost tentang lokasi, tempat, fasiltas dan biaya sewa dari rumah kost. Berikut akan jelaskan sistem pencarian informasi rumah kost yang sedang berjalan : 20

21 3.1.1 Use Case Diagram Berjalan Gambar 3.1 Use Case Diagram Berjalan Info Rumah Kost Tabel 3.1 Use Case Diagram Berjalan memberi informasi rumah kost Use Case Memberi informasi rumah kost Aktor Pemilik rumah kost Deskripsi Memberikan informasi rumah kost ke penyewa dan perantara Pra Kondisi Mendata kamar kost yang kosong Skenario Memberi informasi ada kamar kost yang kosong Pasca Kondisi Informasi kamar kost yang kosong Tabel 3.2 Use Case Diagram Berjalan melakukan pemesanan rumah kost Use Case Melakukan pemesanan rumah kost Aktor Penyewa Deskripsi Melakukan pemesanan rumah kost sesuai informasi pemilik Pra Kondisi Mendapat informasi dari pemilik rumah kost Skenario Check rumah kost dan melakukan pemesanan Pasca Kondisi Konfirmasi dari pemilik rumah kost

22 Tabel 3.3 Use Case Diagram Berjalan menerima Informasi rumah kost Use Case Menerima Informasi rumah kost Aktor Penyewa dan perantara Deskripsi Mendapat informasi dari pemilik rumah kost Pra Kondisi Mencari informasi rumah kost Skenario Mencari dan mendapatkan informasi rumah kost Pasca Kondisi Transaksi pemesanan rumah kost Tabel 3.4 Use Case Diagram Berjalan promosi rumah kost Use Case Promosi rumah kost Aktor Pemilik dan perantara Deskripsi Mempromosikan rumah kost ke calon penyewa Pra Kondisi Tersedia rumah kost kosong Skenario Melakukan promosi rumah kost ke calon penyewa Pasca Kondisi Transaksi pemesanan rumah kost 3.2 Analisis Kebutuhan Hal yang perlu di lakukan sebelum membangun dan membuat suatu aplikasi maupun sistem adalah menganalisa, menentukan, dan mengungkapkan kebutuhan sistem. Kebutuhan system terbagi menjadi dua yaitu : kebutuhan fungsional dan kebutuhan non-fungsional, yang diperlukan untuk mencapai suatu tujuan yang di ingin di capai. 3.2.1 Kebutuhan fungsional Kebutuhan fungsional adalah kebutuhan-kebutuhan yang memiliki keterkaitan langsung dengan sistem. Kebutuhan fungsional dari aplikasi ini meliputi : a. Kebutuhan pengunjung 1) Mencari informasi rumah kost. 2) Menemukan alamat rumah kost. 3) Mendapatkan informasi rumah kost. 4) Menghubungi pemilik rumah kost. 5) Mendaftarkan data diri ke aplikasi.

23 b. Kebutuhan pengguna 1) Melakukan login ke dalam aplikasi. 2) Mencari informasi rumah kost. 3) Menemukan lokasi rumah kost. 4) Mendapatkan alamat rumah kost. 5) Menghubungi pemilik dan penyewa rumah kost. 6) Memanipulasi data diri. 7) Memanipulasi data rumah kost. 8) Melakukan pemesanan rumah kost. 9) Melakukan konfirmasi pemesanan rumah kost. 10) Interaksi dengan pengguna lain dengan cara kirim pesan. 11) Melakukan input data pembayaran rumah kost. 12) Konfirmasi pembayaran rumah kost. 13) Melakukan logout. 3.2.2 Kebutuhan Non-fungsional Kebutuhan non-fungsional adalah kebutuhan yang tidak secara langsung terkait dengan fitur tertentu di dalam sistem. a. Kebutuhan perangkat keras Dalam penggunaan aplikasi ini bisa memakai berbagai perangkat keras seperti : komputer (personal computer), laptop (notebook), mobile phone atau smartphone dengan syarat harus terkoneksi dengan jaringan internet dan mempunyai media browser untuk akses ke aplikasi. b. Kebutuhan perangkat lunak Adapun perangkat lunak dalam membangun aplikasi ini adalah sebagai berikut : 1) Sistem operasi Microsoft Windows 7. 2) Framework Boostrap. 3) XAMPP Versi 3.2.1. 4) Web browser Google. 5) Sublime Text.

24 3.3 Rekomendasi Pengembangan Sitem Usulan Gambar 3.2 Use Case Usulan

25 3.3.1 Skenario Use Case Usulan Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.5 Use Case Diagram Daftar Akun Daftar Akun Calon penyewa/pemilik Untuk membuat akun baru di aplikasi info rumah kost Calon penyewa/pemilik belum memiliki akun, sehinga tidak bisa melakukan pemesanan/membuka info rumah kost Calon penyewa/pemilik membuka halaman pendaftaran dan mengisi kelengakapan data diri Calon penyewa/pemilik mendapatkan username dan password Tabel 3.6 Use Case Diagram mencari informasi rumah kost Use Case Mencari informasi rumah kost Aktor Calon penyewa/pemilik dan penyewa/pemilik Deskripsi Untuk mencari informasi rumah kost yang ada di aplikasi Pra Kondisi Calon penyewa/pemilik belum mengetahui informasi rumah kost yang ada di aplikasi Skenario Calon penyewa/pemilik memasukkan kata kunci yang diinginkan kedalam field pencarian Pasca Kondisi Calon penyewa/pemilik mendapatkan list informasi rumah kost yang ada di aplikasi Tabel 3.7 Use Case Diagram melihat informasi rumah kost Use Case Melihat informasi rumah kost Aktor Calon penyewa/pemilik dan penyewa/pemilik Deskripsi Untuk melihat detail informasi rumah kost yang ada di aplikasi Pra Kondisi Calon penyewa/pemilik belum mengetahui informasi detail rumah kost yang ada di aplikasi Skenario Calon penyewa/pemilik memilih list informassi rumah kost dan lihat detail informasi rumah kost Pasca Kondisi Calon penyewa/pemilik mengetahui detail informasi rumah kost yang ada di aplikasi

26 Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.8 Use Case Diagram login Login Penyewa dan pemilik rumah kost Memasukkan username dan password, kemudian masuk ke menu beranda Proses login merupakan langkah awal dalam menjalankan aplikasi untuk proses pemesanan dan membuat info rumah kost Penyewa/pemilik memasukkan username dan password untuk masuk ke aplikasi Menampilkan menu beranda Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.9 Use Case Diagram mengelola data diri Mengelola data diri Penyewa dan pemilik rumah kost Untuk merubah data diri penyewa atau pemilik rumah kost Penyewa atau pemilik sudah memiliki akun. Penyewa/pemilik login ke aplikasi dan memilih menu data pribadi untuk merubah dan kelola data diri Berhasil update data diri Tabel 3.10 Use Case Diagram mengelola data rumah kost Use Case Mengelola data rumah kost Aktor Pemilik rumah kost Deskripsi Untuk merubah data dan deskripsi rumah kost Pra Kondisi Pemilik sudah memiliki akun dan mempunyai rumah kost. Skenario Pemilik login ke aplikasi dan memilih menu rumah kost untuk merubah dan kelola data rumah kos Pasca Kondisi Berhasil update data rumah kost

27 Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.11 Use Case Diagram Pesan Pesan Penyewa dan pemilik rumah kost Berkomunikasi dengan antar pengguna melalui pesan Pengguna sudah memiliki akun di aplikasi. Pengguna login ke aplikasi dan melakukan kirim pesan dengan pengguna lain. Mendapatkan informasi dari pesan Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.12 Use Case Diagram pemesanan Pemesanan Penyewa Penyewa melakukan pemesanan (booking) ke pemilik kost Penyewa sudah memiliki akun di aplikasi. Penyewa login ke aplikasi dan melakukan pemesanan rumah kost berdasarkan postingan rumah kost dari pemilik. Proses booking ke pemilik rumah kost Tabel 3.13 Use Case Diagram melakukan konfirmasi pemesanan Use Case Melakukan Konfirmasi pemesanan Aktor Pemilik Deskripsi Pemilik melakukan konfirmasi pemesanan (booking) Pra Kondisi Penyewa melakukan booking rumah kost Skenario Pemilik login ke aplikasi dan melakukan konfirmasi pemesanan sesuai rumah kost yang di pesan penyewa Pasca Kondisi Selesai proses pemesanan

28 Use Case Aktor Deskripsi Pra Kondisi Skenario Pasca Kondisi Tabel 3.14 Use Case Diagram melakukan pembayaran Melakukan pembayaran Penyewa Melakukan pembayaran setelah dikonfirmasi pemesanan dari pemilik atau pembayaran tiap bulan Penyewa telah melakukan pemesanan rumah kost Penyewa melakukan pembayaran Konfirmasi pembayaran selesai Tabel 3.15 Use Case Diagram Melakukan konfirmasi pembayaran Use Case Melakukan Konfirmasi pembayaran Aktor Pemilik Deskripsi Melakukan konfirmasi pembayaran setelah penyewa melakukan pembayaran sesuai harga sewa rumah kost Pra Kondisi Penyewa telah melakukan pembayaran sesuai harga sewa rumah kost yang di sewa Skenario Pemilik login ke aplikasi dan melakukan konfirmasi pembayaran sesuai rumah kost yang akan disewa Pasca Kondisi Konfirmasi pembayaran selesai

29 3.3.2 Activity Diagram Gambar 3.3 Activity Daftar Akun Gambar 3.4 Activity Mencari Informasi Rumah Kost

30 Gambar 3.5 Activity Melihat Informasi Rumah Kost Gambar 3.6 Activity Diagram Login

31 Gambar 3.7 Activity Diagram Mengelola data Diri Gambar 3.8 Activity Diagram Mengelola Data Rumah Kost

32 Semua pengguna Aplikasi Pilih menu pesan Menampilkan list pesan List pesan Pilih pesan masuk Pilih pesan baru Ketik pesan Ketik pesan Kirim pesan Gambar 3.9 Activity Diagram Pesan Gambar 3.10 Activity Diagram Pemesanan

33 Pemilik Aplikasi Pilih menu rumah kost Detail list booking rumah kost Detail list booking rumah kost Detail list booking rumah kost Konfirmasi booking Ya Tidak Update booking cancel Booking berhasil konfirmasi Gambar 3.11 Activity Diagram Konfirmasi Pemesanan Gambar 3.12 Activity Diagram Pembayaran

34 Penyewa Pemilik Aplikasi Pilih menu pembayaran Konfirmasi pembayaran Terima konfirmasi pembarayan Pembayaran selesai Gambar 3.13 Activity Diagram Konfirmasi Pembayaran 3.3.3 Sequence Diagram Kelola data user Daftar Calon Penyewa/Pemilik 1. Memasukkan data user() 2. Menyimpan data user() Data berhasil disimpan 3. Mendapatkan username dan password Gambar 3.14 Sequence Diagram Daftar Akun

35 Gambar 3.15 Sequence Diagram Mencari Informasi Rumah Kost Gambar 3.16 Sequence Diagram Melihat Informasi Rumah Kost

36 Gambar 3.17 Sequence Diagram Login Gambar 3.18 Sequence Diagram Mengelola data Diri

37 Gambar 3.19 Sequence Diagram Mengelola Data Rumah Kost Gambar 3.20 Sequence Diagram Pesan

38 Kelola pemesanan Pemesanan Penyewa 1. Memilih list pesanan() 2. Memanggil data() Data berhasil di tampilkan Data berhasil di tampilkan 3. Melakukan booking() 4. Mengirim booking() Data berhasil dikirim Data berhasil dikirim Gambar 3.21 Sequence Diagram Pemesanan Konfirmasi pemesanan Data Pemesanan Pemilik 1. Memilih list booking() 2. Memanggil data() Data berhasil di tampilkan Data berhasil di tampilkan 3. Menerima booking() 4. Konfirmasi booking() Data berhasil dikonfirmasi Data berhasil dikonfirmasi Gambar 3.22 Sequence Diagram Konfirmasi Pemesanan

39 Gambar 3.23 Sequence Diagram Pembayaran Kelola pembayaran Data Pembayaran Penyewa Pemilik 1. Konfirmasi pembayaran() 2. Mengirim data() Data berhasil dikonfirmasi Data berhasil dikonfirmasi Data berhasil dikonfirmasi Gambar 3.24 Sequence Diagram Konfirmasi Pembayaran

40 3.3.4 Class Diagram Gambar 3.25 Class Diagram 3.3.5 Spesifikasi Database Spesifikasi database aplikasi info rumah kost dijelaskan sebagai berikut : 1. Tabel User Database Name : infokost Table Name : user Tabel 3.16 Tabel User No Field type Null Key Keterangan 1 id_user varchar(10) No Id user 2 nama_user varchar(50) No Nama user 3 jenkel varchar(10) YES Jenis Kelamin 4 alamat varchar(250) YES Alamat 5 no_telpon varchar(15) No Nomer telepon 6 email varchar(50) YES Alamat email

41 7 img varchar(100) YES Alamat file foto 8 no_rekening varchar(25) YES Nomer rekening bank 9 nama_rekening varchar(50) YES Nama di rekening 10 nama_bank varchar(50) YES Nama bank 11 username varchar(30) YES Username 12 password varchar(15) YES Password 2. Tabel Rumah Kost Database Name : infokost Table Name : rumahkost Tabel 3.17 Tabel Rumah Kost No Field type Null Key Keterangan 1 id_kost varchar(10) No Id kost 2 nama_kost varchar(50) No Nama kost 3 alamat varchar(50) No Alamat 4 harga_harian int(10) No Harga kost harian 5 harga_bulanan int(10) No Harga kost bulanan 6 harga_tahunan int(10) No Harga kost tahunan 7 stok_kamar int(10) No Stok kamar 8 jenis_penghuni varchar(50) No Jenis penghuni 9 keterangan varchar(250) YES Keterangan kost 10 id_pemilik varchar(10) No Id user pemilik kost

42 3. Tabel Fasilitas Database Name Table Name : infokost : fasilitas Tabel 3.18 Tabel Fasilitas No Field type Null Key Keterangan 1 id_fasilitas varchar(10) No Id fasilitas kost 2 nama_fasilitas varchar(50) No Nama faslitas kost 3 id_kost varchar(10) No Id kost 4 flag int(1) No Penanda 4. Tabel Image Database Name Table Name : infokost : img Tabel 3.19 Tabel Image No Field type Null Key Keterangan 1 id_img varchar(10) No Id image 2 nama_img varchar(50) No Nama image 3 id_kost varchar(10) No Id kost 5. Tabel Penghuni Kost Database Name : infokost Table Name : penghuni_kost Tabel 3.20 Tabel Penghuni Kost No Field type Null Key Keterangan 1 id_user varchar(10) No Id user 2 id_kost varchar(10) No Id kost 3 flag int(1) No Penanda

43 6. Tabel Pemesanan Database Name : infokost Table Name : pemesanan Tabel 3.21 Tabel Pemesanan No Field type Null Key Keterangan 1 id_pemesanan varchar(10) No Id pemesanan kost 2 tgl_pemesanan date No Tanggal booking 3 id_user varchar(50) No Nama faslitas kost 4 id_kost varchar(10) No Id kost 5 flag int(1) No Penanda 7. Tabel Pembayaran Database Name : infokost Table Name : pembayaran Tabel 3.22 Tabel Pembayaran No Field type Null Key Keterangan 1 id_pembayaran varchar(10) No Id pembayaran 2 id_pesanan varchar(10) No Id pemesanan 3 id_kost varchar(10) No Id kost 4 id_user varchar(10) No Id user 5 tgl_bayar date No Tanggal pembayaran 6 no_rekening varchar(25) YES Nomer rekening bank 7 nama_rekening varchar(50) YES Nama di rekening 8 nama_bank varchar(50) YES Nama bank 9 nominal Int(10) No Nominal bayar

44 10 img varchar(50) YES Image bukti bayar 11 flag int(1) No Penanda 8. Tabel Pesan Database Name Table Name : infokost : pesan Tabel 3.23 Tabel Pesan No Field type Null Key Keterangan 1 id_pesan varchar(10) No Id pesan 2 id_pengirim varchar(10) No id_pengirim 3 id_penerima varchar(10) No Id penerima 4 flag int(1) No Penanda 3.4 Perancangan Arsitektur Aplikasi Berikut arsitektur sistem aplikasi informasi rumah kost berbasis web : Gambar 3.26 Rancangan Arsitektur Sistem

45 3.5 Perancangan Layar 3.5.1 Rancangan Layar Beranda Halaman Utama Pada saat user akses aplikasi akan tampil tampilan beranda sebagai berikut : Gambar 3.27 Rancangan Layar Beranda Halaman Utama 3.5.2 Rancangan Layar Detail Informasi Rumah Kost Di halaman beranda akan banyak tersedia list info rumah kost dan apabila di pilih akan muncul tampilan detail informasi rumah kost. InfoRumahKost Beranda Pencarian Masuk/Daftar Tentang Aplikasi Image Rumah Kost Nama Rumah Kost Informasi rumah kost Pemlik Rumah Kost Kontak Nama Rumah Kost Kamar Tersedia Alamat Tipe Kost Harga Harian Tentang Rumah Kost Harga Bulanan Harga Tahunan Fasilitas Toilet AC Kipas Meja Lemari Kursi Gambar 3.28 Rancangan Layar Detail Informasi Rumah Kost

46 3.5.3 Rancangan Layar Pencarian Rumah Kost Pada menu pencarian user akan bisa mencari rumah kost, sebagai berikut : Gambar 3.29 Rancangan Layar Pencarian Rumah Kost 3.5.4 Rancangan Layar Login Jika user sudah memilik akun,user bisa melakukan masuk ke aplikasi dan bisa membuka menu - menu lainnya di aplikasi info rumah kost. InfoRumahKost Beranda Pencarian Masuk/Daftar Tentang Aplikasi icon image Username Pasword Masuk Gambar 3.30 Rancangan Layar Login

47 3.5.5 Rancangan Layar Daftar Akun Jika belum mempunyai akun, user bisa melakukan pendaftaran. Gambar 3.31 Rancangan Layar Daftar Akun 3.5.6 Rancangan Layar Kelola Akun User bisa mengedit data akun melalui form ini. Gambar 3.32 Rancangan Layar Kelola Akun

48 3.5.7 Rancangan Layar Daftar Rumah Kost User bisa melakukan pendaftaran rumah kost melalui form daftar rumah kost. Gambar 3.33 Rancangan Layar Daftar Rumah Kost 3.5.8 Rancangan Layar Kelola Rumah Kost User yang memiliki rumah kost bisa mengelola rumah kost melalui form ini. InfoRumahKost Beranda Akun Rumah Kost Pesan Keluar Image Rumah Kost Nama Rumah Kost Informasi rumah kost Penghuni Kost Pemesanan Pembayaran Nama Rumah Kost Kamar Tersedia Alamat Tipe Kost Harga Harian Tentang Rumah Kost Harga Bulanan Harga Tahunan Fasilitas Toilet AC Kipas Meja Lemari Kursi Gambar 3.34 Rancangan Layar Kelola Rumah Kost

49 3.5.9 Rancangan Layar Pesan User bisa membuat pesan, membuka dan membalas pesan. Gambar 3.35 Rancangan Pesan