Aplikasi Pemesanan Properti Berbasis Web Menggunakan Codeigniter (Studi Kasus : Ray White Cibubur)

Transkripsi

1 Aplikasi Pemesaa Properti Berbasis Web Megguaka Codeigiter (Studi Kasus : Ray White Cibubur) 1 Listya Dea Yogiyati, 2 Tora Fahrudi, 3 Moterico Adria Program Studi D3 Maajeme Iformatika, Fakultas Ilmu Terapa, Uiversitas Telkom 1 listyadea@gmail.com, 1, 3 moterico.adria@gmail.com Abstrak Pemesaa properti merupaka salah satu aktifitas di Ray White Cibubur ii. Pada saat ii pemesaa dilakuka oleh pelagga dega cara maual seperti datag lagsug atau lewat telepo. Saat ii telepo masih diguaka sebagai media komuikasi. Aplikasi Pemesaa Properti Berbasis Web ii merupaka aplikasi pedukug dalam proses jual-beli properti, aplikasi ii aka memudahka pelagga dalam melakuka pemesaa karea dilakuka secara olie. Admi dari aplikasi ii adalah pegawai marketig yag dapat melakuka isert data pejuala da update status pejuala properti. Tipe-tipe properti yag terdapat dalam aplikasi ii yaitu rumah, taah, da apartemet. Aplikasi ii dibagu megguaka bahasa pemrograma PHP dega Framework Codeigiter da database Oracle. Metode yag diguaka adalah metode prototype da diuji dega megguaka metode Black Box Testig. Setelah melakuka pegujia, maka aplikasi yag ii memiliki beberapa fitur yaitu, megelola data listig properti, megelola data karyawa, approve pemesaa properti, approve kofirmasi pembayara, dapat melakuka komuikasi melalui private message atara marketig da member. Utuk member dapat melakuka pemesaa properti, melakuka kofirmasi pembayara, da private message. Kata Kuci: Properti, Aplikasi, Pemesaa Abstract Property order is oe of activity i Ray White Cibubur. at this time, customers order the properties maually such as come directly to the office or by phoe. Curretly the phoe is still used as a media commuicatio. Property order Web-based applicatios is supportig applicatios i the process of buyig ad sellig property, this applicatio will eable customers to make a olie reservatio. Admi of this applicatio is a marketig employee who ca isert sales data ad update the status of the sale of the property. Types of properties cotaied i this applicatio are home, lad, ad apartmets. This applicatio is built usig PHP programmig laguage with CodeIgiter Framework ad Oracle databases. The method used is the prototype method ad tested usig Black Box Testig method. After testig, the applicatio has several features, such as maagig property data listigs, maagig employee data, approve property order, approve the paymet cofirmatio, ca commuicate via private messages betwee marketig ad members. For members ca make a property order, paymet cofirmatio, ad private messages. Key words: Property, Applicatio, Order 1. Pedahulua Pemesaa properti merupaka salah satu aktifitas di Ray White Cibubur ii. Pada saat ii pemesaa dilakuka oleh pelagga dega cara maual seperti datag lagsug atau lewat telepo. Saat ii telepo masih diguaka sebagai media komuikasi. Selai itu perusahaa masih mecatat data properti secara maual pada form yag disebut form listig, pegawai masih megacu pada basisdata yag berupa arsip-arsip da Microsoft Excel.. Dari kedala tersebut, maka dapat dibuat suatu rumusa masalah seperti berikut, Bagaimaa meyediaka fasilitas yag dapat medukug pejuala da pembelia properti yag dilakuka secara olie da saraa iformasi dari perusahaa kepada pelagga, bagaimaa meyediaka fitur kofirmasi pembayara kepada pelagga utuk melakuka pemesaa, serta bagaimaa meyediaka media komuikasi atara marketig da member. Tujua dibaguya aplikasi ii adalah, membagu aplikasi yag meyediaka fasilitas yag dapat medukug pejuala da pembelia properti secara olie da saraa iformasi dari perusahaa kepada pelagga, membagu aplikasi yag meyediaka fitur kofirmasi pembayara kepada member, da meyediaka media komuikasi atara marketig da member dega fitur private message. Pembagua aplikasi peggajia ii megguaka metode SDLC (System Developmet Life Cycle) dega pegembaga Prototype Model yag megacu kepada referesi R.S.Pressma. Secara umum, tahapa pembagua aplikasi ii terdiri dari beberapa proses diataraya, tahap awalya adalah medegarka arasumber dega melakuka wawacara pada arasumber serta survei ke perusahaa terkait yaitu Ray White Cibubur utuk megumpulka data-data yag diperluka da aalisis kebutuha. Selajutya adalah tahap peracaga aplikasi, dega membuat ERD, flowmap,da use case diagram agar mempermudah proses pegkodea. Lalu membuat gambara atarmuka peggua. Pada tahap ii juga dilakuka pegkodea megguaka bahasa pemrograma PHP dega framework Codeigiter da Oracle 11g sebagai database. Setelah semua tahap selesai maka dilakuka tahap pegujia dega megguaka Black Box Testig, pada tahap ii dilakuka pegujia terhadap aplikasi yag sudah dibuat. Pegujia dilakuka agar sistem yag dibuat telah sesuai dega kebutuha peggua da memastika iput yag dimasukka meghasilka output yag sesuai. 2. Ladasa Teori 2.1 Flowmap Alat batu kovesioal, disebut juga mappig flow atau process fuctio chart atau diagram alira dokume atau diagram sistem prosedur kerja atau paperwork flowchart. Merupaka diagram yag meggambarka alira dokume pada suatu prosedur kerja di orgaisasi. Merupaka diagram alir yag meujukka arus dari dokume, alira data fisis, etitas-etitas sistem iformasi da kegiata operasi yag berhubuga dega sistem iformasi. Peggambara biasaya diawali dega megamati dokume apa yag mejadi media data atau iformasi. Selajutya ditelusuri bagaimaa dokume tersebut terbetuk, ke bagia atau etitas maa dokume tersebut megalir, perubaha apa yag terjadi pada dokume tersebut, proses apa yag terjadi terhadap dokume tersebut, da seterusya.[1] 2.2 Uified Modelig Laguage (UML) Pada Perkembaga tekik pemrograma berorietasi objek, mucullah sebuah stadarisasi bahasa pemodela utuk

2 pembagua peragkat luak yag dibagu dega megguaka tekik pemrograma berorietasi objek, yaitu Uified Modelig Laguage (UML). UML merupaka bahasa visual utuk pemodela da komuikasi megeai sebuah sistem dega megguaka diagram da teks-teks pedukug. UML haya berfugsi utuk melakuka pemodela. Jadi pegguaa UML tidak terbatas pada metodologi tertetu, meskipu pada keyataaya UML palig bayak diguaka pada metodologi berorietasi objek. Pada UML terdiri dari beberapa diagram. Diataraya Use Case Diagram, Class Diagram, Sequece Diagram, da Activity Diagram [2] 2.3 Etity Relatioship Diagram (ERD) Etity Relatioship Diagram (ERD) utuk medokumetasika data perusahaa dega megidetifikasi jeis etitas (etity) da hubugaya. ERD merupaka suatu model jariga yag megguaka susua data yag disimpa pada sistem secara abstrak. ERD juga meggambarka hubuga atara satu etitas yag memiliki sejumlah atribut dega etitas yag lai dalam suatu sistem yag teritegritas. ERD diguaka oleh peracaga sistem utuk memodelka data yag atiya aka dikembagka mejadi basis data (database). Model data ii juga aka membatu pada saat melakuka aalisis da peracaga basis data, karea model data ii aka meujuka bermacam-macam data yag dibutuhka da hubuga atardata. [3] 2.4 PHP Hypertext Preprocessor (PHP) PHP adalah kepedeka dari PHP HyperText Preprocessor, merupaka bahasa utama script server-side yag disisipka pada HTML yag dijalaka di server, da juga bisa diguaka utuk membuat aplikasi desktop. PHP merupaka salah satu aplikasi eksteral yag bisa diguaka oleh server web, sehigga server web tidak sekedar utuk memberika layaa dokume HTML saja, tetapi bisa juga mejadi program yag meerima masuka dari luar da memberika luara yag berasal dari database atau pu sumber data laiya mejadi dokume HTML. PHP bayak diguaka karea kemudahaya. Pegembag aplikasi web dapat dega mudah utuk meyisipka script atau meghasilka dokume HTML dega megguaka PHP [4]. 2.5 Oracle XE Oracle XE (Express Editio) adalah sebuah produk database server yag berlisesi freeware dari Oracle Corp. Dega produk ii, para pemakai Oracle XE dapat megguakaya tidak haya utuk percobaa, tapi juga dapat diguaka utuk pegembaga da deploymet sistem. Sampai saat ii, terdapat dua versi Oracle, yaitu Oracle XE 10g da Oracle XE 11g R2. Keduaya aka memberika kosep atarmuka pemakai utuk pemakaia database yag berbeda [5]. 2.6 Blackbox Testig Pegujia Black box berkaita dega pegujia yag dilakuka pada atarmuka peragkat luak. Meskipu diracag utuk megugkap kesalaha, pegujia black box diguaka utuk memperlihatka bahwa fugsi-fugsi peragkat luak dapat beroperasi, bahwa iput diterima dega baik da output dihasilka dega tepat, da itegritas iformasi eksteral (seperti file data) dipelihara. Pegujia black box meguji beberapa aspek dasar suatu sistem dega memperlihatka sedikit struktur logika iteral peragkat luak tersebut. Pegujia ii fokus kepada persyarata fugsioal peragkat luak [6]. 3. Aalisis 3.1 Gambara Sistem Saat Ii Pada sistem yag sedag berjala, pihak marketig Raywhite Cibubur melakuka pegisia data properti secara maual megguaka form listig. Setelah pegisia form listig utuk masig-masig properti, marketig melakuka rekapitulasi data semua properti megguaka ms.excel, kemudia marketig megiputka ke web pusat Raywhite Australia. Hal ii meyebabka pelagga tidak bisa melakuka pemesaa secara olie karea web pusat Raywhite Australia yag diguaka ii haya berfugsi utuk meampilka iformasi dari seluruh cabag. Pelagga dapat melihat iformasi properti yag ada berdasarka lokasi, harga, da lai-lai. Apabila pelagga telah meemuka properti yag diigika, pelagga meghubugi marketig yag bersagkuta via telepo atau datag lagsug ke kator cabag Raywhite. 3.2 Aalisis Sistem Usula 1. Prosedur usula megelola data listig Admi megisi form data listig yag sudah terdapat di aplikasi sehigga data-data tersebut lagsug dapat tersimpa di database properti. Admi dapat megelola data tersebut. Dari data-data properti yag sudah ada aka mejadi katalog properti di aplikasi ii, katalog tersebut berisi detail properti seperti lokasi, luas taah, luas bagua, harga, gambar properti, fasilitas properti, da dokume-dokume pedukug properti. 2. Prosedur usula megelola data wilayah Jika terdapat wilayah baru, maka admi dapat meambahka dega megisi ama wilayah pada form iput wilayah. Selai itu admi dapat merubah serta meghapus data wilayah. Wilayah yag baru dapat dimasukka sebelum megisi form listig. 3. Prosedur usula megelola data fasilitas Fasilitas yag dimaksud seperti, kamar tidur, kamar madi, listrik, ruag tamu, serta fasilitas-fasilitas lai yag terdapat di dalam properti tersebut. Jika terdapat fasilitas baru, maka admi dapat meambahka dega megisi ama fasilitas pada form iput fasilitas. Selai itu admi dapat merubah serta meghapus data fasilitas. Fasilitas yag baru dapat dimasukka sebelum megisi form listig. 4. Prosedur usula megelola data dokume Dokume yag dimaksud adalah dokume pedukug properti seperti SHM (Sertifikat Hak Milik), HGB (Hak Gua Bagua), PBB (Pajak Bumi Bagua), IMB (Izi Medirika Bagua), serta dokumedokume pedukug properti yag laiya. Jika terdapat dokume baru, maka admi dapat meambahka dega megisi ama dokume pada form iput dokume. Selai itu admi dapat merubah serta meghapus data dokume. Dokume yag baru dapat dimasukka sebelum megisi form listig. 5. Prosedur usula megelola data karyawa Pada aplikasi ii, admi memiliki hak utuk megelola data karyawa yaitu memasukka data-data karyawa, seperti : ama, alamat, o.telepo, , da jabata. Selai memasukka data, admi dapat merubah serta meghapus data tersebut. 6. Prosedur usula pecaria properti Pecaria properti bagi peggua dapat dilakuka dega megisika piliha, seperti tipe properti apa, lokasi, da kisara harga. Setelah itu maka aka mucul properti berdasarka piliha yag sudah diisi. 7. Prosedur usula registrasi member Peggua yag igi melakuka pemesaa properti secara olie harus terlebih dulu megisi form registrasi member utuk medapatka userame da password yag atiya diguaka utuk masuk ke aplikasi ii. 8. Prosedur usula pemesaa properti Setelah peggua melakuka registrasi member, pelagga aka medapatka userame da password utuk melakuka logi. Lalu sistem melakuka verifikasi userame da password apakah valid atau tidak. Jika valid, member dapat masuk ke aplikasi da jika igi melihat properti yag ada dapat membuka katalog properti yag terdapat pada aplikasi. Apabila

3 telah meemuka yag sesuai, member dapat memesa properti yag dipilih. Setelah memesa, member harus membayar uag muka sebagai tada jadi memesa properti, batas pembayara uag muka adalah sampai 3 hari setelah pemesaa dilakuka. 9. Prosedur usula approve pemesaa properti Bagia marketig melakuka approval setelah member melakuka pemesaa. Utuk melakuka approval, marketig harus melakuka logi terlebih dahulu. Setelah pemesaa di approve, maka status pada properti berubah mejadi booke. properti. Sedagka utuk pimpia mempuyai hak utuk melihat lapora. 4.2 Etity Relatioship Diagram (ERD) Berikut ii merupaka etity relatioship diagram (ERD) dari aplikasi yag dibuat : Password #Userame Nama No_telp No_idetitas Alamat #Id_tras Status_tras Tgl_bookig Tgl_tras Alamat_ properti Daerah #No_listig Telp Keluraha Wilayah Kode_pos Tipe_properti Status_properti Keteraga Nama_pemilik #Id_dokume Jeis_ dokume 10. Prosedur usula kofirmasi pembayara Kofirmasi pembayara dilakuka oleh member setelah melakuka pembayara via ATM atau setor tuai ke bak, kemudia member memasuka data pembayara, seperti omor pemesaa da upload bukti pembayara. Lalu marketig memvalidasi omor pemesaa dega data pemesaa, jika data pemesaa valid kemudia marketig melakuka approval kofirmasi pembayara da megubah status properti da jika data pemesaa tidak valid maka marketig aka melakuka reject kofirmasi pembayara. 11. Prosedur usula private message Private message diguaka sebagai media komuikasi atara member da marketig yag sebelumya harus melakuka logi terlebih dulu. Pesa-pesa atara member da marketig aka tersimpa di database. 12. Prosedur usula utuk melihat lapora Pimpia yag aka melihat lapora terlebih dulu melakuka logi. Lalu dapat melihat da mecari lapora yag ada per bula. Isi lapora terdiri dari data grafik pejuala da peyewaa properti tiap bulaya. 4. Desai da Implemetasi 4.1 Use Case Diagram Berikut adalah use case diagram utuk aplikasi yag aka dibagu : Member melakuka Trasaksi terdapat Private_ message Tgl_status Status Teks Waktu #Id_ pembayara See Peerima Pegirim Judul Bukti_ pembayara 1 terdapat Pembayara Nomial Luas_taah/ bagua Tigkat Orietasi Gambar Tgl_kofirmasi approve Tada-tada Gambar Harga_jual Gambar 2 Etit y Relatioship Diagram 1 Properti Iput_data 1 Karyawa m Harga_sewa Masa_sewa No_idetitas #Id_karyawa Password Nama_kar No_telp Alamat mempuyai Biaya_ perawata No_tlp_pemilik Etity Relatioship Diagram diatas mempuyai 7 etitas da 57 atribut. Dari masig-masig etitas tersebut, aka mejadi sebuah tabel utama dega kolom yag diambil dari atribut masigmasig etitas, Selai itu aka mucul 2 tabel baru yag diambil dari relasi bayak ke bayak atara etitas properti dega etitas dokume pedukug, da etitas properti dega etitas fasilitas.. Selai itu, ada tabel baru yag diambil dari atribut komposit berkas yag terdapat di etitas daerah. 4.3 Implemetasi Halama Data Karyawa Halama ii berisi data-data karyawa pada Ray White Cibubur. Dari halama ii admi dapat meambahka, megubah, serta meghapus data karyawa. memiliki Jumlah m m #Id_Fasilitas Dokume_ pedukug Fasilitas Jeis_fasilitas Gambar 1 Use Case Diagram Use Case diatas mempuyai 5 aktor, diataraya : Admi, marketig, member, peggua, da pimpia. Masig-masig aktor mempuyai hak akses tersediri. Admi mempuyai hak utuk megelola data karyawa da megelola data listig properti, megelola data wilayah, megelola data fasilitas, da megelola data dokume pedukug properti. Marketig mempuyai hak utuk melihat data listig, approve pemesaa properti, approve kofirmasi pembayara, da melakuka private message. Member dapat melakuka pemesaa properti, kofirmasi pembayara, da melakuka private message. Utuk peggua dapat melakuka registrasi member, da mecari Gambar 3 Halama Data Karyawa 4.4 Implemetasi Halama Tambah Data Karyawa Pada halama tambah data karyawa ii, admi megisi form yag sudah ada utuk dapat meambahka data karyawa.

4 Gambar 4 Halama Tambah Data Karyawa 4.5 Implemetasi Halama Data Properti Halama ii berisi data-data properti pada Ray White Cibubur. Dari halama ii admi dapat meambahka, megubah, serta meghapus data properti. Gambar 6 Halama Tambah Data Properti Gambar 5 Halama Data Properti 4.6 Implemetasi Halama Tambah Data Properti Pada halama tambah data karyawa ii, admi megisi form yag sudah ada utuk dapat meambahka data properti. 4.7 Implemetasi Halama Detail Properti Utuk melihat detail suatu properti adalah dega cara klik pada gambar, maka selajutya aka meuju halama detail property. Pada halama ii, member dapat melakuka private message dega klik tombol kotak marketig maka aka lagsug tersambug dega marketig yag bersagkuta dega properti tersebut, lalu jika member igi memesa properti tersebut, maka member dapat lagsug klik tombol pesa. Gambar 7 Halama Detail Properti 4.8 Implemetasi Halama Approve Pemesaa Saat marketig masuk ke meu pemesaa, jika ada daftar pemesaa maka marketig melakuka approve pemesaa properti pada halama ii.

5 5. Pegujia Gambar 8 Halama Approve Pemesaa 4.9 Implemetasi Halama Kofirmasi Pembayara Jika pemesaa properti sudah di approve oleh admi yag bersagkuta, maka selajutya member dapat melakuka kofirmasi pembayara yag adapada meu pembayara. Pegujia yag dilakuka peulis ii megguaka metode pegujia black box. Pegujia ii dilakuka dega cara meguji aplikasi dari segi fugsioalitasya, yaitu memberika iputa berdasarka suatu kodisi, lalu megamati apakah keluara yag dihasilka sesuai dega keluara yag diharapka sebelumya da memberika kesimpula dari hasil pegujia tersebut.pada aplikasi ii, peulis melakuka pegujia terhadap 12 fugsioalitas yag tersedia. Adapu beberapa fugsioalitas yag diuji adalah proses logi, registrasi member, kofirmasi pembayara, meambah data karyawa, meambah data properti, meambah data fasilitas, meambah data dokume properti, da private message. Dari 12 fugsioalitas yag diuji, keluara yag diharapka da keluara yag dihasilka dari masig-masig fugsioalitas sudah mecapai 100% sama (sudah sesuai). 6. Kesimpula da Sara 6.1 Kesimpula Berdasarka pembagua da pegujia aplikasi ii, maka dapat disimpulka, Aplikasi ii dapat medukug kegiata pejuala da pembelia secara olie, dega dapat melakuka pemesaa secara olie. Aplikasi ii dapat membatu admi dalam pegelolaa data listig da data karyawa. Aplikasi ii meyediaka fitur kofirmasi pembayara. Aplikasi ii meyediaka media komuikasi atara marketig da member dega meggguaka fitur private message. 6.2 Sara Gambar 9 Halama Kofirmasi Pembayara 4.10 Implemetasi Halama Approve Kofirmasi Pembayara Saat marketig masuk ke meu pembayara, jika ada daftar pembayara maka marketig melakuka approve kofirmasi pembayara pada halama ii. Adapu sara yag diajuka utuk aplikasi ii adalah, Aplikasi ii diharapka dapat megguaka sistem pembayara properti yag teritergrasi dega pihak bak. Aplikasi ii diharapka memiliki fugsioalitas otifikasi yag terdapat di dalam aplikasi atau otifikasi melalui yag memberika iformasi megeai properti yag sedag dipesa. Daftar Pustaka [1] Iegar, Pemodela dega Flowmap. Badug: PT. Lokomedia, [2] Rosa A.S ad M Salahuddi, Modul Pembelajara Rekayasa Peragkat Luak (Terstruktur da Berorietasi Objek). Badug: Modula, [3] Yakub, Pegatar Sistem Iformasi. Yogyakarta: Graha Ilmu, [4] Sidik Betha, Pemrograma Web PHP Edisi Revisi. Badug: Iformatika Badug, [5] Susato B., Membagu Sistem Basis Data dega OracleXE. Yogyakarta: ANDI, [6] Ratasari Komala, Kuriawa Nur Ramadhai Eddy Prasetyo Nugroho, Rekayasa Peragkat Luak. Badug: Politekik Telkom, Gambar 10 Halama Approve Kofirmasi Pembayara

6