RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK DAN HAVERSINE...

Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework

19

RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK

DAN HAVERSINE FORMULA DI SURABAYA

I Kadek Dwi Nuryana ST.,M.Kom

Jurusan Teknik Informatika, Fakultas Teknik, Universitas Negeri Surabaya,[email protected]

Yoyok Prastyo D3 Manajemen Informatika, Fakultas Teknik, Universitas Negeri Surabaya, [email protected]

Abstrak Bagi mahasiswa baru yang datang dari luar kota, kendala utama adalah tempat tinggalsementara (kos) selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal kos karena belum tahu wilayah kota tersebut sehingga membutuhkan banyak waktu untuk mendapatkan tempat kos yang sesuai. Dengan menggunakan fasilitas GoogleMaps API dan Google Street View dapat mengetahui letak lokasi dari berbagai tempat kos yang terdapat di sekitar universitas dan fasilitas umum disekitarnya serta juga dapat mengetahui gambaran nyata lingkungan sekitar lokasi kos. Mahasiswa baru tidak perlu lagi membutuhkan banyak waktu untuk mencari lokasi kos. Dengan adanya sistem ini, hasilnyadapat membantu mahasiswa baru dalam melakukan pemesanan kos dengan sistem booking sehingga mahasiswa dapat melihat harga dan fasilitas kos serta membantu pemilik kos dalam mempromosikan tempat kosnya agar mendapatkan hasil yang lebih maksimal. Kata kunci: Kos, Google Maps API, Street View, Mahasiswa

Abstract For new students who come from out of town, the main obstacleis the temporary abode(kost) for education in the search process, most of the students are confuse in finding a place to stay because they did not know the town. By using the Google Maps API andGoogleStreet View we build an aplication wich will help the student to search a new boarding house near the University and also near with public facilities Keyword: Kost, Google Maps API, Street View, College Student

PENDAHULUAN

Setiap kota di Indonesia, pasti memiliki perguruan tinggi, tanpa terkecuali kota besar seperti kota Surabaya. Kota Surabaya sendiri memiliki sekitar kurang lebih 5 perguruan tinggi ternama di Indonesia. Untuk mahasiswa baru yang datang dari luar Surabaya, kendala utama adalah tentunya mereka membutuhkan tempat tinggal sementara selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal sementara karena tidak tahu wilayah kota. Pada biasanya mahasiswa akan langsung menelusuri wilayah kota tersebut untuk mencari lokasi kos tersebut. Hal ini sangat membuang banyak waktu dikarenakan mahasiswa tersebut belum mengetahui detil wilayah tersebut, belum lagi jika tempat kos belum sesuai keinginan maka akan mencari tempat yang lain. Seiring dengan berkembangnya teknologi yang semakin pesat, hal tersebut menjadi sebuah peluang bagi para

pengembang teknologi informasi. Saat ini perkembangan teknologi website begitu berkembang dalam penyajian informasi secara lengkap. Informasi merupakan kebutuhan utama bagi sebagian besar orang. Dengan menggunakan berbagai perangkat komunikasi, informasi dapat diperoleh dimanapun dan kapanpun dalam waktu singkat. Diantaranya yaitu informasi tentang lokasi tempat kos mahasiswa sekitar kampus. Berdasarkan hal itulah maka perlu dibuat sistem informasi yang menyajikan informasi tentang gambaran sesungguhnya lokasi tempat kos mahasiswa sekitar kampus yang terdapat di kota Surabaya. Ditambah dengan fitur sistem booking, diyakinkan mahasiswa tidak lagi repot dalam mencari tempat kos dan melakukan proses transaksi pemesanan kamar kos. Para mahasiswa baru dapat langsung melihat fasilitas-fasilitas berikut harga dari tempat kos yang tergabung dalam sistem informasi ini serta mahasiswa dapat melihat rute untuk menuju lokasi tersebut ditambah dengan tampilan street view lokasi tersebut. Permasalahan yang akan dibahas dalam penelitian ini adalah Bagaimana membuat sistem informasi yang dapat

Jurnal Manajemen Informatika. Volume 04 Nomor 02 Tahun 2015, 19 - 26

20

melakukan proses pencarian tempat kos dengan cepat dan bagaimana membuat sistem informasi yang dapat memberi gambaran secara nyata lokasi kos? Manfaat penelitian ini adalah Membantu mahasiswa dalam pencarian lokasi kos sekitar kampus dan Membantu para pemilik kos untuk mempromosikan tempat kos serta membantu dalam proses pemesanan dengan siste booking.

KAJIAN PUSTAKA Sistem Informasi Geografis (SIG)

SIG adalah sistem yang dapat mendukung (proses) pengambilan keputusan (terkait aspek) spasial dan mampu mengintegrasikan deskripsi-deskripsi lokasi dengan karakteristik-karakteristik fenomena yang ditemukan di lokasi tersebut. SIG yang lengkap akan mencakup metodologi dan teknologi yang diperlukan; yaitu, data spasial, perangkat keras, perangkat lunak, dan struktur organisasi. (Eddy Prahasta, 2009: 115). Teknologi Sistem Informasi Geografis dapat digunakan untuk investigasi ilmiah, pengelolaan sumber daya, perencanaan pembangunan, kartografi dan perencanaan rute. Misalnya, SIG bisa membantu perencana untuk secara cepat menghitung waktu tanggap darurat saat terjadi bencana alam, atau SIG dapat digunaan untuk mencari lahan basah (wetlands) yang membutuhkan perlindungan dari polusi.

Kos

Pengertian kos merupakan sejenis kamar sewa yang disewa (booking) selama kurun waktu tertentu sesuai dengan perjanjian pemilik kamar dan harga yang disepakati. Umumnya booking kamar dilakukan selama kurun waktu satu tahun. Namun demikian ada pula yang hanya menyewakan selama satu bulan, tiga bulan, dan enam bulan, sehingga sebutannya menjadi sewa tahunan, bulanan, tri bulanan, dan tengah tahunan. Penyewaan yang kurang dari waktu itu mahasiswa lebih memilih di penginapan. Berbeda dengan kos-kosan, rumah kontrakan merupakan bentuk satu rumah sewa yang disewakan kepada masyarakat khususnya bagi para pelajar dan mahasiswa yang bertempat tinggal di sekitar kampus, selama kurun waktu tertentu sesuai dengan perjanjian sewa dan harga yang disepakati. (Pramudi Utomo, 2009:11). Universitas

Universitas atau perguruan tinggi adalah suatu institusi pendidikan tinggi dan penelitian yang memberikan gelar akademik dalam berbagai bidang. Sebuah universitas menyediakan jenjang pendidikan program diploma, sarjana dan pascasarjana. Kata universitas berasal dari bahasa Latin universitas magistroum et scholarium, yang berarti “komunitas guru dan akademisi”. Selain itu perguruan tinggi juga

mempunyai pengertian pendidikan pada jenjang yang lebih tinggi daripada pendidikan menengah di jalur pendidikan sekolah. Perguruan Tinggi di sini adalah tingkatan universitas yang terdiri atas sejumlah fakultas yang menyelenggarakan pendidikan akademik. Google Maps

Google maps merupakan apliksi antarmuka yang dikeluarkan oleh Google yang dapat diakses lewat javascript. Google Maps menyediakan layanan berbasis peta yang sangat responsif dan mudah dalam penggunaannya. Dengan menggunakan google map ini, pengguna dapat dengan mudah mencari suatu lokasi serta dapat melakukan penelusuran route menuju lokasi yang diinginkan. (Sirenden dan Dachi, 2012:2).

Ditingkat pemrograman, Google maps dapat dikembangkan dengan basis data, semua data yang terkait dengan titik lokasi disimpan dalam tabel dan dapat ditampilkan sesuai keinginan pengguna. Isi tabel yang berisi data posisi peta dapat ditampilkan Dengan menyajikan informasi lokasi yang menggunakan google map. Pengunjung web tentunya akan mendapatkan informasi yang lebih detail terutama informasi lokasi perusahaan atau instansi. Google Street View

Google Street View merupakan sebuah fitur Google Maps yang diperkenalkan tahun 2007 dan menyediakan pemandangan jalan 360° dan membolehkan pengguna melihat bagian dari kota pilihan mereka dan wilayah metropolitan sekitarnya pada tingkat dasar. Ketika diluncurkan tanggal 25 Mei2007, hanya lima kota yang dimasukkan. Kemudian berkembang ke lebih dari 40 kota AS, dan meliputi pinggiran kota, dan kota-kota terdekat. (Heru Soviyan, 2014)

Google Street View, ketika dioperasikan, menampilkan foto yang sebelumnya diambil oleh kamera di atas sebuah kendaraan, dan dapat dijelajahi menggunakan tombol panah di keyboard atau mouse dengan menekan panah di layar. Menggunakan cara ini, foto dapat dilihat dalam berbagai ukuran, dari arah manapun, dan berbagai sudut. Garis yang diperlihatkan di sepanjang jalan menandai arah yang diikuti oleh jalan itu. Haversine Formula

Haversineformula adalah persamaan yang penting dalam navigasi, formulasi rumus yang digunakan untuk menghitung jarak lingkaran yang jauh antara dua titik pada permukaan bola bumi berdasarkan bujur dan lintang. Penggunaan rumus ini mengasumsikan pengabaian efek ellipsoidal, juga pengabaian ketinggian bukit dan kedalaman lembah di permukaan bumi. (Gintoro, Febiyan Rachman, Daniel Halim, 2010).Berikut adalah rumus haversine:


21

Gambar 1 Rumus haversine formula

PHP

PHP (Hypertext Processor) adalah salah satu bahasa pemrograman yang berjalan dalam sebuah webserver dan berfungsi sebagai pengolah data pada sebuah server. (Madcoms, 2012:2).Server-side scripting adalah sintaks dan perintah-perintah yang dijalankan pada server dan disertakan pada dokumen HTML. Ketika sebuah halaman web dinamis dibuka pada web browser, pertama kali yang terjadi adalah server memproses semua perintah PHP yang ada kemudian menampilkan hasilnya pada format HTML ke web browser, sehingga yang ditampilkan ke web browser hanya tampilan desain dari HTML saja, sedangkan skrip PHP bekerja di belakang layar.

Framework

Framework adalah kumpulan fungsi (libraries).Framework menggunakan konsep yang sama dalam membangun suatu aplikasi, yaitu konsep MVC (Model View Controller). Konsep MVC adalah konsep pemisahan antara logika, tampilan dan database. Framework juga menyediakan kumpulan fungsi, tentunya cara menggunakan fungsi-fungsi itu sudah ditentukan olehframework. Beberapa contoh fungsi-fungsi standar yang telah tersedia dalam suatu frameworkadalah fungsi paging, enkripsi, email, SEO, session, security, kalender, bahasa, manipulasigambar, validasi, upload, captcha, proteksi terhadap XSS(XSSfiltering), dan lain-lain. (Sirenden dan Dachi, 2012:2).

Panada Framework

Panada adalah high performance PHP development framework namun tetap sederhana. Tidak hanya sederhana dalam pengertian cara penggunaanya, tetapi juga bagaimana core system-nya bekerja. Dari awal dikembangkan, Panada secara khusus ditujukan untuk membantu para PHP developer yang ingin mengembangkan aplikasi web berperforma tinggi (high performance web application). Namun demikian, prinsip kesederhanaan KISSatauKeep it Simple Son! selalu menjadi prinsip utama dalam setiap pengembangan. Panada adalah framework sederhana dan simpel untuk pembuatan website berbasiskan PHP 5.3 ke atas. Framework ini dikembangkan dengan tujuan membantu para pengembang website untuk bekerja lebih cepat, lebih mudah dan lebih alamiah dalam penulisan kode.

Setiap komponen didesign untuk bisa saling memanfaatkan sumberdaya (resource) dari komponen-komponen lainnya secara otomatis. Hal ini memudahkan pengembang dalam memanfaatkan sumberdaya secara cepat dan efisien. (Iskandar Soesman, 2013).

MySQL

MySQL adalah nama database server. Database server adalah server yang berfungsi untuk menangani database. Database adalah suatu pengorganisasian data dengan tujuan memudahkan penyimpanan dan pengaksesan data. Dengan menggunakan MySQL, bisa menyimpan data dan kemudian data bisa diakses dengan cara mudah dan cepat. MySQL tergolong sebagai database yang relasional. Pada model ini, data dinyatakan dalam bentuk dua dimensi yang secara khusus dinamakan tabel. Tabel tersusun atas baris dan kolom. (Abdul Kadir, 2013: 15).

Twitter Bootstrap

Twitter Bootstrapadalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website. Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript. (Alex Xandra Albert Sim, 2013) Javascript

Javascript merupakan salah satu bahasa script website yang paling banyak digunakan untuk menambah manipulasi script HTML dan CSS pada sisi client/browser. Javascript mampu memberikan fungsionalitas lebih pada website, seperti validasi form, berkomunikasi dengan server, serta membuat website lebih interaktif dan animatif.

Javascript digunakan pada banyak browser, seperti internet explorer, firefox, chrome, opera, safari dan lain sebagainya. Hampir seluruh browser mendukung javascript sehingga tidak perlu khawatir kode javascript yang digunakan pada website tidak berfungsi. (Wahana Komputer, 2012: 3) jQuery

jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak. jQuery adalah pustaka yang dibangun di atas JavaScript, yang ditujukan agar pembuatan kode menjadi lebih ringkas dan konsekuensinya lebih cepat. Selain dapat meringkas penulisan kode, jQuery juga memberi solusi dalam hal

∆lat = lat2− lat1 ∆long = long2− long1 a = sin2(∆lat/2) + cos(lat1).cos(lat2).sin2(∆long/2) c = 2.atan2(√a, √(1−a)) d = R.c Keterangan: R : jari-jari bumi sebesar 6371(km) ∆lat : besaran perubahan latitude ∆long : besaran perubahan longitude c : kalkulasi perpotongan sumbu d : jarak (km)


22

isu kompatibilitas browser. Di JavaScript, kadang suatu kode yang ditulis untuk suatu browser berbeda dengan browser lain karena ada perbedaan fitur di browser. jQuery menghilangkan kesenjangan seperti itu sehingga penulisan kode menjadi lebih sederhana. (Abdul Kadir, 2013: 5).

PERANCANGAN SISTEM

DFD Level Konteks DFD Level Konteks menggambarkan proses

keseluruhan proses yang terdapat pada sistem, serta menggambarkan hubungan sistem dengan entitas.

Gambar 2. DFD Level Konteks

DFD Level 1

Pada DFD Level 1 terdapat 6 proses yaitu : 1) Login, merupakan proses untuk masuk ke dalam

sistem yang dilakukan oleh admin, member pemilik kos dan member pencari kos (mahasiswa baru).

2) Manajemen Data Master, merupakan proses mengolah keseluruhan data pada sistem.

3) Pendaftaran Member Pemilik Kost, merupakan proses untuk pendaftaran bagi calon member pemilik kost.

4) Pendaftaran Member Pencari Kost, merupakan proses untuk pendaftaran calon member pencari kost (mahasiswa baru).

5) Booking, merupakan proses untuk melakukan booking tempat kos oleh member pencari kost.

6) Pencarian kost, merupakan proses untuk melakukan pencarian terhadap tempat kost sesuai dengan kriteria pencari kost.

Gambar 3. DFD Level 1

DFD Level 2 proses 2

Berikut merupakan DFD Level 2 proses 2 dari pemecahan proses Manajemen Data Master.

Gambar 4. DFD Level 2 proses 2

<Default text>

<Default text>

<Default text>

Pesan Pemil ik

Identitas Induk UniversitasIdentitas Universitas

Maintenance Websi te

Info Pesan KonfirmasiInfo Induk Universitas

Info Request Pemilik Baru

Info Pesan Pemilik

Info UniversitasInfo Maintenance

Konfi rmasi Login

Login MemberPesan Member

Pesan KomentarPesan Konfirmasi

Kriteria Pencarian

Konfirmasi LoginInfo Pesan Member

Komentar

Info BookingInfo Rumah Kost

Info Kamar KostInfo Fasilitas Kost

Info Fasili tas UmumInfo Universitas

Login Pemilik

Identitas Rumah KostIdentitas Kamar Kost

Identitas Pemilik Kost

Identitas Fasilitas UmumPesan Pemil ik

Pesan Komentar

Konfirmasi LoginInfo Rumah Kost

Info Kamar Kost

Info Identitas Pemilik

Info Fasilitas Umum

Info Pesan Pemilik

Identitas Calon Pemilik Kost

Pesan Request Pemilik Baru

Pemilik Kost Baru

Info Pesan Request

Identitas Calon Member

Member Baru

Nomor Rekening

Rekening Admin

Komentar

Identitas Member

Info Identitas Member

Identitas Pesan Booking

Info Pesan Booking

Pesan MemberPesan Konfirmasi

Info Pesan Member

Login Admin

Sandi Lama

Sandi Baru

Sandi Lama

Sandi Baru

Booking Kamar

Info Pesan Konfirmasi

1

Sistem Informasi Pencarian Kost

Admin

Member Pencari Kost

Member Pemilik Kost

Calon Member Pemil ik Kost

Calon Member Pencari Kost

Login Admin

Konfirm asi Login

Logi n PemilikKonfirm asi Login

Logi n Member

Konfirm asi Login

Pesan Request Pemilik Baru

Infp Pesan Request

Identitas Ca lon Pemilik Kost

Info Pemilik Kost

Identitas Cal on Member Pencari Info Member Pencari

Login Adm in

Konfirmasi Login

Login Pemilik

Konfirm asi Login

Login Member

Konfirmasi Login

Iden titas Calon Member Pencari

Info Member Pencari

Komentar

Identitas Fasilitas Umum

Iden titas Pemi lik Kost

Identitas Kamar Kost

Ident itas Rumah Kost

Info Kamar Kost

Info Rumah Kost

In fo Fasilitas Umum

Info Kom entar

Info Pesan Pem ilik

Pesan Pemilik

Identitas Induk Universitas

Identitas Un iversitas

Pesan Pemili kPesan Mem berPesan Konfirm asi

In fo Induk Universitas

In fo UniversitasInfo Request Pemilik

Baru

Reken ing Admin

Nomor RekeningMai ntenance Web

Pesan Member

Pesan Komentar

Info Pesan Member

Komentar

Kriteria Pencarian

Info Rumah Kost

Info Kam ar Kost

Info Fasi litas KostInfo Fasilitas Um um

Info Universitas

Pesan Request

Info Pesan Request

Pesan Komentar

Komentar

Pesan Konfi rmasiInfo Pesan Konfi rmasi

Pesan Mem ber

Info Pesan Member

Pesan Pemil ikIn fo Pesan Pemilik

Nomor Rekening

Rekening Admin

M aintenance WebInfo M aintenance

Iden titas Rum ah KostInfo Rumah Kost

Iden titas Kam ar Kost

Info Kamar Kost

Identitas Fasilitas Kost

Info Fasilitas KostIdent itas Fasilitas

Umum

In fo Fasilitas Umum

Iden titas Induk Un iversitas

Info Induk Universitas

Identitas Un iversitas

Info Universitas

Iden titas Pesan Booking

Info Booki ng Info Booking

Booking Kamar Kost

Info Kamar Kost

Info Rumah Kost

Info Kamar Kost

Info Fasilitas Kost

Info Fasilitas Um um

Info Unive rsitas


Iden titas Member

Info Iden titas Member

Info Identitas M ember

Identitas Member



Identitas Kamar

Booking Kamar

Info Kam ar

Info Booking


Info Pesan Pemilik

Info Pesan MemberInfo Pesan Konfirmasi

Info Mai ntenanceInfo Pesan Booking

Sandi LamaSandi Baru

Sandi Baru

Sandi Lama

Sandi Baru

Sandi Lam a

AdminMember Pencari Kost

Member Pem ilik Kost

Calon Mem ber Pem ilik Kost


1.1

Login

1 .2

M anajemen Data Master

1.3

Pendaf taran Mem ber Pemilik Kost

1.4

Pendaftaran Member Pencari Kost

1.5

Booking

1.6

Pencarian Kost

1 admin

2 pemilik_kost

3 member

4 rumah_kost

5 kamar_kost

6 fasilitas_kost

7 fasilitas_umum

8 induk_uni versitas

9 universitas

10 booking

11 komentar

12 pesan_transfer

13 pesan_request

14 pesan_member

15 pesan_pemilik

16 rekening_admin

17 maintenance

Identitas Rumah Kost


Info Kamar Kost

Identitas Fasil itas Umum

Info Fasil itas Umum

Komentar

Info Komentar



Pesan Pemilik

Info Pesan Pemilik

Pesan Komentar

Info Komentar

Info Pesan Member

Pesan KonfirmasiInfo Pesan Konfirmasi

Identitas Member


Pesan Pemilik

Pesan Member


Info Pesan PemilikInfo Pesan Member


Info Pesan Booking


Identitas Universitas


Info Universitas

Maintenance Web

Info Maintenance


Info Rumah Kost


Info Kamar Kost

Info Fasil itas Kost

Identitas Fasil itas Umum


Komentar

Info Komentar

Identitas Pemilik KostInfo Identitas Pemilik

Pesan Pemilik

Info Pesan Pemilik

Pesan Member

Info Pesan Member


Rekening Admin

Identitas MemberInfo Identitas Member

Pesan Pemilik

Info Pesan PemilikPesan Member

Info Pesan Member


Info Pesan Booking



Identitas Universitas

Info Universitas

Maintenance Web

Info Maintenance

Info Rumah Kost


Sandi Lama

Sandi Baru

Sandi Lama

Sandi Baru

Sandi Lama

Sandi Baru

Sandi Lama

Sandi Baru


Info Booking

Member Pemilik Kost

Admin

Member Pencari Kost

10 booking

11 komentar

12 pesan_transfer

14 pesan_member

15 pesan_pemilik

16 rekening_admin

17 maintenance

4 rumah_kost

5 kamar_kost

6 fasil itas_kost

7 fasil itas_umum

8 induk_universitas

9 universitas

3 member

2 pemilik_kost

1.2.1

Olah Data Rumah Kost

1.2.2

Olah Data Kamar Kost

1.2.3

Olah Data Fasil itas Umum

1.2.4

Olah Review Komentar

1.2.5

Olah Data Profil Pemilik

1.2.6

Olah Pesan Pemilik

1.2.7

Olah Pesan Member Pencari

1.2.8

Olah Data Transfer

1.2.9

Olah Data Profil Member Pencari

1.2.10

Olah Pesan Admin

1.2.11

Olah Data Booking

1.2.12

Olah Data Universitas

1.2.13

Olah Tampilan Website


DFD Level 2 proses 3 Berikut merupakan DFD level 2 proses 3 pemecahan

dari proses Pendaftaran Member Pemilik Kost.



Berikut merupakan DFD level 2 proses 4 pemecahan dari proses Pendaftaran Member Pencari Kost.



Berikut merupakan DFD level 2 proses 5 pemecahan dari proses Booking.



Berikut merupakan DFD level 2 proses 6 pemecahan dari proses Pencarian Kost.


CDM (Conceptual Data Model)

Gambar 9. CDM (Conceptual Data Model)

PDM (Physical Data Model)

Gambar 10. PDM (Physical Data Model)

Pesan Request Pemilik

Info Pesan Request

Identi tas Calon Pemilik Kost

Identi tas Calon Pemilik

Info Pemi lik Kost

Pesan Request

Info Pesan Request

Pemilik Kost Baru

Info Pemilik Kost

Calon Member Pemil ik Kost

2 pemilik_kost

13 pesan_request1.3.1

Request Pemil ik Kost Baru

1.3.2

Val idasi Link Email

1.3.3

Input Data Pemilik Kost

Identitas Calon Member Pencari

Identi tas Calon Pencari

Info Member Pencari

Identitas Calon Member Pencari

Info Member Pencari


3 member

1.4.1

Input Data Calon Pencari Kost

1.4.2

Validasi Emai l

Identi tas Kamar

Info Kamar

Booking Kamar

Info Booking

Info Kamar

Booking Kamar

Identitas Kamar

Info Booking

Member Pencari Kost

10 booking

5 kamar_kost1.5.1

Cari Kamar Kost

1.5.2

Booking Kamar Kost

Kri teria Pencarian


Kri teria

Info Rumah Kost

Info Kamar Kost

Info Fasilitas Kost

Info Rumah Kost

Info Kamar Kost

Info Fasilitas Kost

Info Universitas Info Fasili tas Umum

Info Universitas

Member Pencari Kost

4 rumah_kost

5 kamar_kost

6 fasi litas_kost

7 fasilitas_umum9 universitas

1.6.1

Filter Kriteria

1.6.2

Pencarian

Fasi li tasKost_Berelasi_KamarKost

RumahKost_Berelasi_Komentar

Relationship_6

Pemi l ikKost_Berelasi_PesanPem il ik

Relationship_8

Pemi l ikKost_Berelasi_Rum ahKost

Universi tas_Berelasi_Rum ahKost

IndukUniversi tas_Berelasi_Universi tas

Admin_Berelasi_Maintenance

Rum ahKost_Berelasi_Fasi li tasUm um

Member_Berelasi_PesanMem ber

Relationship_5

RumahKost_Berelasi_KamarKost

KamarKost_Berelasi_Booking

M ember_Berelasi_PesanTransfer

RekeningAdmin_Berelasi_Booking

Pem il ikKost_Berelasi_KamarKost

Pemi l ikKost_Berelasi_Fasi l i tasUmum

admin

id_adminusername_adminpasswordnama_adm inemai lno_hpfoto_adminlevel

<pi> IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Variable characters (30)Characters (1)

<M >

Identi fier_1...

<pi>

pemi lik_kost

id_pemi l ikusername_pemi l ikpasswordnama_pem il ikemai ljenis_kelno_ktpno_hpalamat_pemi l ikno_rekeningfoto_pemi l ikwaktu_daftarlevel

<pi> IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Characters (16)Variable characters (12)Variable characters (50)Variable characters (30)Variable characters (30)Date & T imeCharacters (1)

<M>

Identi fier_1...

<pi>

mem ber

id_memberusername_memberpasswordnama_mem beremai ljenis_kelno_ktpno_hpfoto_m emberkode_akti fasistatus_aktifwaktu_daftarbatas_aktifasistatus_bloki rbatas_bloki rlevel

<pi> IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Characters (16)Variable characters (12)Variable characters (30)Variable characters (32)Characters (1)Date & Tim eDate & Tim eCharacters (1)Date & Tim eCharacters (1)

<M>

Identi fier_1...

<pi>

rumah_kost

id_rum ah_kostnam a_kostalamat_kostkotajum_kamarjum_kamar_mandiluas_bangunanlebar_jalanlebar_parki rangenderketeranganrata_ratingradius_rumahtgl_daftarfoto_tempatlat_rum ahlng_rumahpi tchheading

<pi> IntegerVariable characters (30)Variable characters (30)Variable characters (30)IntegerIntegerDecimalDecimalDecimalVariable characters (12)T extDecimalDecimalDate & TimeVariable characters (30)DecimalDecimalDecimalDecimal

<M >

Identi fier_1...

<pi>

kam ar_kost

id_kam arjum_kamarjum_tersewaukuran_kamarfasi l i tas_lainbiayapem bayaranfoto_kamarfoto_panoramaketerangan

<pi> IntegerIntegerIntegerVariable characters (10)Variable characters (50)IntegerVariable characters (30)Variable characters (30)Variable characters (30)Text

<M>

Identi fier_1...

<pi>

fasi l i tas_kost

id_fasil i tasnama_fasi l itas

<pi> Variable characters (25)Variable characters (50)

<M >

Identi fier_1...

<pi>

fasi l i tas_umum

id_fasi l itas_um umnam a_fas_umumalamat_fasi l itasjenis_fasi l itasradius_fasil i tasfotolat_faslng_faspi tchheading

<pi> IntegerVariable characters (30)Variable characters (50)Variable characters (30)DecimalVariable characters (30)DecimalDecimalDecimalDecimal

<M >

Identi fier_1...

<pi>

induk_universi tas

id_induk_univnama_indukwebsi telogo

<pi> IntegerVariable characters (50)Variable characters (30)Variable characters (30)

<M>

Identi fier_1...

<pi>

universitas

id_univnama_univalamat_univkotajenis_univbannerlat_univlng_univpi tchheading

<pi> IntegerVariable characters (50)Variable characters (50)Variable characters (30)Variable characters (20)Variable characters (30)Decim alDecim alDecim alDecim al

<M>

Identi fier_1...

<pi>

maintenance

id_maintenancebackgroundfontcolor

<pi> IntegerVariable characters (30)Variable characters (50)Variable characters (10)

<M>

Identi fier_1...

<pi>

pesan_request

id_requestnamaemai lno_hpjudul_reqpesanscan_rt_rwscan_i jinkode_akti fasistatus_akti fwaktu_reqstatus_baru

<pi> IntegerVariable characters (30)Variable characters (30)Variable characters (12)Variable characters (30)T extVariable characters (30)Variable characters (30)Variable characters (32)Characters (1)Date & T imeCharacters (1)

<M >

Identi fier_1...

<pi>

booking

id_bookingjum_transferwaktu_bookingbatas_bookingstatus_bookingkodestatus_baru

<pi> IntegerIntegerDate & Tim eDate & Tim eCharacters (1)Variable characters (10)Characters (1)

<M>

Identi fier_1...

<pi>

komentar

id_komentarratingkomentarwaktu

<pi> IntegerIntegerTextDate & T im e

<M>

Identifier_1...

<pi>

pesan_transfer

id_pesanjudulisikode_veriffoto_buktiwaktu_kirimstatus_baru

<pi> IntegerVariable characters (30)TextVariable characters (10)Variable characters (30)Date & TimeCharacters (1)

<M>

Identi fier_1...

<pi>

pesan_pemi l ik

id_pesan_pemi l ikusernamejudulisiwaktustatus_baru

<pi> IntegerVariable characters (30)Variable characters (30)TextDate & T im eCharacters (1)

<M>

Identifier_1...

<pi>

rekening_admin

id_rekeningno_rekbank

<pi> IntegerVariable characters (30)Variable characters (20)

<M >

Identi fier_1...

<pi>

pesan_member

id_pesan_mem berusernamejudulisiwaktustatus_baru

<pi> IntegerVariable characters (30)Variable characters (30)TextDate & TimeCharacters (1)

<M>

Identifier_1...

<pi>

admin

id_adminuse rname_adm inpasswordnam a_adminema ilno_hpfoto_adminleve l...

intvarchar(30)varchar(32)varchar(30)varchar(30)varchar(12)varchar(30)char(1)

<pk>

pemilik_kost

id_pemili kusername_pemilikpasswordnama_pemilikemailjenis_kelno_ktpno_hpalamat_pemilikno_rekeni ngfoto_pem ilikwaktu_da ftarlevel...

i ntvarchar(30)varchar(32)varchar(30)varchar(30)varchar(12)char(16)varchar(12)varchar(50)varchar(30)varchar(30)datetimechar(1)

<pk>

member

id_memberusername_m emberpasswordnama_mem beremailjenis_kelno_ktpno_hpfoto_memberkode_aktifasistatus_aktifwaktu_dafta rbatas_aktifasistatus_bloki rbatas_blokirlevel...

in tva rchar(30)va rchar(32)va rchar(30)va rchar(30)va rchar(12)char(16)va rchar(12)va rchar(30)va rchar(32)char(1)da tetimeda tetimechar(1)da tetimechar(1)

<pk>

rumah_kost

id_rumah_kostid_univid_pemi liknama_kostalamat_kostkotajum_kam arjum_kam ar_mandiluas_bangunanlebar_ja lanlebar_pa rkirangenderketeranganrata_rati ngradius_rumahtgl_dafta rfoto_tem patlat_rumahlng_rum ahpitchheading...

intintintvarchar(30)varchar(30)varchar(30)intintdecimaldecimaldecimalvarchar(12)textdecimaldecimaldatetimevarchar(30)decimaldecimaldecimaldecimal

<pk><fk2><fk1>

kamar_kost

id_kamarid_fasilitasid_pemilikid_rumah_kostjum_kamarjum_tersewaukuran_kamarfasilitas_lainbi ayapembayaranfo to_kamarfo to_panoram ake terangan...

intvarchar(25)intintintintvarchar(10)varchar(50)intvarchar(30)varchar(30)varchar(30)text

<pk><fk1><fk3><fk2>

fasilitas_kost

id_fasilitasnama_fasilitas

va rchar(25)va rchar(50)

<pk>

fasilitas_umum

id_fasilitas_um umid_pemilikid_rumah_kostnama_fas_um umal amat_fasilitasjenis_fasilitasradius_fasilitasfo tola t_faslng_faspi tchheading...

intintintvarchar(30)varchar(50)varchar(30)decim alvarchar(30)decim aldecim aldecim aldecim al

<pk><fk2><fk1>

induk_universitas

id_induk_univnama_ indukwebsitelogo...

in tva rchar(50)va rchar(30)va rchar(30)

<pk>

un iversitas

id_univid_induk_uni vnama_univa lamat_univko tajenis_univbannerla t_univlng_univp itchheading.. .

intintvarchar(50 )varchar(50 )varchar(30 )varchar(20 )varchar(30 )decimaldecimaldecimaldecimal

<pk><fk>

maintenance

id_mai ntenanceid_adm inbackgroundfontcolor...

i nti ntvarchar(30)varchar(50)varchar(10)

<pk><fk>

pesan_request

id_requestnamaemailno_hpjudul_reqpesanscan_rt_rwscan_ijinkode_aktifasistatus_aktifwaktu_reqstatus_baru.. .

intvarchar(30)varchar(30)varchar(12)varchar(30)textvarchar(30)varchar(30)varchar(32)char(1)datetimechar(1)

<pk>booking

id_bookingid_rekeningid_kam arid_memberjum_transferwaktu_bookingbatas_bookingstatus_bookingkodestatus_baru...

in tin tin tin tin tdatetimedatetimechar(1)va rchar(10)char(1)

<pk><fk3><fk2><fk1>

komentar

id_komentarid_memberid_rumah_kostratingkomentarwaktu...

intintintinttextdateti me

<pk><fk2><fk1>

pesan_transfer

id_pesanid_memberjudulisikode_veriffoto_buktiwaktu_kirimstatus_baru...

intintvarchar(30 )textvarchar(10 )varchar(30 )datetimechar(1)

<pk><fk>

pesan_pemilik

id_pesan_pemili kid_pemilikusernamejudulisiwaktustatus_baru...

intintvarchar(30)varchar(30)textdatetimechar(1)

<pk><fk>

rekening_adm in

id_rekeningid_adminno_rekbank...

intintvarchar(30)varchar(20)

<pk><fk>

pesan_member

id_pesan_memberid_memberusernamejudulisiwaktustatus_baru...

intintvarchar(30)varchar(30)textdatetimechar(1)

<pk><fk>


24

HASIL UJI COBA DAN PEMBAHASAN

Halaman Home Berikut adalah halaman awal (home) dari sistem.

Pada halaman ini terdapat slide universitas, tab login dan slide tempat kos.

Gambar 11. Halaman Home

Halaman Advance Search

Pada halaman ini terdapat beberapa kriteria dalam melakukan pencarian tempat kos.

Gambar 12. Halaman Advance Search

Halaman Hasil Pencarian Advance

Pada halaman ini terdapat tampilan hasil dari advance search. Halaman ini menampilkan foto rumah kos, nama tempat kos, radius rumah dan keterangan rumah kos yang sesuai dengan filter pada formadvance search.

Gambar 13. Hasil Advance Search

Halaman Detil Lokasi Kos

Pada halaman ini terdapat tentang detil tempat kos dan kamar kos. Pada halaman ini member pencari kos dapat melakukan booking tempat kos dengan menekan tombol booking.

Gambar 14. Halaman Detil Lokasi Kos

Halaman Booking Kamar Kos

Pada halaman ini terdapat informasi detil dari proses booking yang telah dilakukan member (mahasiswa). Detil informasi yang terdapat pada halaman ini meliputi detil tentang pemesan yaitu nama pemesan, alamat email pemesan, dan nomor telepon pemesan. Selain detil tentang pemesan juga terdapat informasi tentang detil tempat kos yaitu nama pemilik kos, alamat tempat kos, nomor telepon pemilik kos, nama penerima transfer (admin), nama tempat kos.


Gambar 15. Halaman Booking Kamar Kos

Halaman Lihat Jalur Lokasi Kos

Gambar 16. Halaman Lihat Jalur Lokasi Kos

Halaman Lihat Street View Lokasi Kos

Gambar 17. Halaman Lihat Street View Lokasi Kos

Email Konfirmasi Pendaftaran Member

Berikut adalah email konfirmasi pendaftaran member, untuk validasi pendaftaran member.

Gambar 18. Email Konfirmasi Pendaftaran Member

Email Konfirmasi Pendaftaran Pemilik

Berikut adalah email konfirmasi pendaftaran pemilik, untuk validasi pendaftaran pemilik.

Gambar 19. Email Konfirmasi Pendaftaran Pemilik

Halaman Pemilik Tambah Rumah Kos

Pada halaman ini pemilik dapat menambah tempat kos berdasarkan wilayah universitas tempat rumah kos tersebut.

Gambar 20. Halaman Pemilik Tambah Rumah Kos

Halaman Pemilik Data Profil

Pada halaman panel pemilik data profil ini terdapat 2 buah tombol yaitu tombol untuk edit data profil dan tombol untuk ubah foto profil.

Gambar 21. Halaman Pemilik Data Profil


26

Halaman Pemilik Ubah Sandi Pada halaman ini pemilik kos dapat melakukan

proses ubah sandi dimana terdapat field sandi baru, konfirmasi sandi baru dan field sandi lama.

Gambar 22. Halaman Pemilik Ubah Sandi

SIMPULAN DAN SARAN

Simpulan Berikut adalah kesimpulan yang di dapat dari hasil

sistem yang telah dibuat. 1. Proses pencarian tempat kos dapat dilakukan

dengan sangat mudah dan cepat. 2. Proses pemesanan tempat kos dengan sistem

booking memudahkan pencari kost / mahasiswa baru dari luar kota dalam mencari tempat kos.

3. Dengan adanya fitur tampilan street view dapat memberi gambaran secara nyata tentang lingkungan lokasi tempat kos.

4. Dengan sistem informasi ini pemilik kos dapat mempromosikan tempat kos dengan sangat mudah.

Saran Sistem informasi yang dibangun dalam penyelesaian

tugas akhir ini masih jauh dari sempurna, untuk itu sistem informasi ini diharapkan dapat menjadi bahan atau salah satu referensi bagi pembaca dan pengembang lainnya agar dapat terciptanya sistem informasi tempat tinggal sementara yang lebih baik lagi. Beberapa saran pada sistem informasi tempat tinggal sementara ini antara lain.

1. Untuk fitur tambah rumah kos agar dibuat lebih user friendly. Tampilan pilih wilayah dengan peta dan street view sejajar, agar mempermudah pemilik saat memasukan data rumah kos.

2. Penambahan fitur notifikasi pengingat pembayaran uang sewa kos dengan mengirim pesan pada kotak masuk member atau email member.

DAFTAR PUSTAKA Kadir, Abdul. 2013. Pemrograman Database MySQL.

Yogyakarta: Andi. Kadir, Abdul. 2014. Belajar Sendiri Pasti Bisa jQuery.

Yogyakarta: Andi. Kadir, Abdul. 2013. From Zero to a Pro Javascript dan

jQuery. Yogyakarta: Andi. Kustiyahningsih, Yeni. dan Devie Rosa Anamisa. 2011.

Pemrograman Basis Data Berbasis Web menggunakan PHP & MySQL. Yogyakarta: Graha Ilmu.

Madcom. 2012. Adobe dreamweaver CS6 dan PHP-MYSQL untuk Pemula. Yogyakarta: Andi.

Pressman, Roger S. 2010. Software Engineering A Practitioner’s Approach. New York: McGraw-Hill.

Sim, Alex X.A.. 2013. “Bootstrap Sebuah Framework CSS Dari Twitter (Online)”. http://bertzzie.com/post/31/bootstrap-sebuah-framework-css-dari-twitter di akses pada tanggal 28 Juni 2015).

Sirenden, Herdi Bernadius. dan Ester Laekha Dachi 2012. Buat Sendiri Aplikasi Petamu Menggunakan CodeIgniter dan Google Maps API. Yogyakarta: Andi.

Soesman, Iskandar. 2013. “Tentang Panada (Online)”. (http://panadaframework.com/documentation/id/di akses pada tanggal 1 Februari 2015).

Soviyan, Heru. 2014. “Apa Sih Google Street View? Apa Manfaatnya? (Online)”. http://herugan.com/apa-sih-google-street-view-apa-manfaatnyadi akses pada tanggal 28 Juni 2015).

Utomo, Pramudi. 2009. “Dinamika Pelajar dan Mahasiswa di Sekitar Kampus Yogyakarta (Telaah Pengelolaan Rumah Kontrak dan Rumah Sewa) (Online)”. (http://staff.uny.ac.id/ di akses pada tanggal 1 April 2015).

Wahana Komputer. 2012. Javascript source code paling dicari. Yogyakarta: Andi.

Wisesa, Tiyan. dan I Kadek Dwi Nuryana. 2013. “Web Portal Pencarian Kos TerdekatUntuk MahasiswaDi Sekitar Kampus”. Jurnal Tugas Akhir.

http://herugan.com/apa-sih-

http://bertzzie.com/post/31/bootstrap-sebuah-

RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK DAN HAVERSINE...

Documents

Transcript of RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK DAN HAVERSINE...