PENGEMBANGAN APLIKASI JUAL DAN CARI PROPERTI …

PENGEMBANGAN APLIKASI JUAL DAN CARI PROPERTI PADA WEBSITE WWW.IDAMAN.COM (Kartika Gunadi, et al.)

Jurusan Teknik Informatika, Fakultas Teknologi Industri – Universitas Kristen Petrahttp://puslit.petra.ac.id/journals/informatics/ 19

PENGEMBANGAN APLIKASI JUAL DAN CARI PROPERTI PADAWEBSITE WWW.IDAMAN.COM

Kartika GunadiFakultas Teknologi Industri, Jurusan Teknik Informatika – Universitas Kristen Petra

e-mail : [email protected]

Donny ChristianAlumni Fakultas Teknologi Industri, Jurusan Teknik Elektro – Universitas Kristen Petra

e-mail : [email protected]

ABSTRAK: Pada umumnya para penjual maupun calon pembeli properti masih menggunakancara yang lama, dimana para penjual dan calon pembeli masih menggunakan koran sebagai alatperantara. Apabila koran tersebut sudah hilang maka penjual maupun pencari tidak dapat mencariinformasi diperlukan. Selain itu pencarian properti menggunakan koran kurang praktis.

Pengembangan suatu aplikasi jual dan cari properti berbasis web dengan menggunakandatabase untuk menyimpan data-data properti yang akan dijual, dapat memudahkan pencariinformasi properti untuk menjual dan membeli properti dibandingkan menggunakan koran, karenadengan adanya fasilitas cari atau search sangat membantu dalam pencarian properti.

Pada aplikasi ini dilakukan pembuatan database dengan menggunakan database server MySQLdan perancangan bahasa pemrograman dengan menggunakan bahasa pemrograman PHP4 yangberjalan pada server dengan sistem operasi Linux. Implementasi yang dilakukan padawww.idaman.com antara lain adalah fasilitas cari properti, pendaftaran anggota dan pemasanganproperti.

Dari hasil pengujian menunjukkan bahwa aplikasi yang telah dirancang dapat berjalan denganbaik dan dapat diakses dari berbagai tempat terhubung dengan internet .

Kata kunci: Jual cari Properti, WWW.IDAMAN.COM, PHP4, MySQL, web.

ABSTRACT: Today, many property’s sellers and buyers are still using newspaper as anadvertisement for sellers, and as an information for buyers. Actually they find that newspapers arenot reliable enough, because when they lost their newspaper, they will lose any informationrelated to them. Furthermore, searching properties newspapers are not efficient enough and ittakes much time to find any information they want.

An application to sell and find property based on the web using database to save informationrelated to them, will make easier for buyers and sellers to find the information, compared tinewspaper. They can find it directly and quickly thru the Internet using find and search facilities.

This application, uses database server MySQL as a database making, PHP4 as a programminglanguage, and Linux as the operating system. The facilities in www.idaman.com are find andsearch properties, member registration, and member area.

The result in this application’s testing shows that the application runs normally and it can beaccessed in different places in the world using the Internet.

Keywords: Jual cari Properti, WWW.IDAMAN.COM, PHP4, MySQL, web.

1. PENDAHULUAN

Website www.idaman.com merupakanportal internet yang bergerak di bidangproperti. Isi dari website ini seluruhnyaberhubungan dengan properti, seperti: Jualdan cari properti, Berita mengenai properti,Daftar pengembang (developer) properti,Konsultasi properti, seperti: arsitek, desaininterior, dan desain eksterior, dan Forumdiskusi seputar properti.

Pengembangan aplikasi jual dan cariproperti pada website www.idaman.comdilakukan karena adanya beberapa ke-kurangan, diantaranya adalah: Pendaftarananggota, prosedur pendaftaran dirasakanmasih rumit. Member area, sistem navigasiyang ada pada member area kurangmembantu anggota. Disamping itu anggotahanya dapat melakukan penambahan danpenghapusan data properti sehingga anggotatidak dapat melakukan pengubahan data

JURNAL INFORMATIKA Vol. 3, No. 1, Mei 2002: 19 - 33

Jurusan Teknik Informatika, Fakultas Teknologi Industri – Universitas Kristen Petrahttp://puslit.petra.ac.id/journals/informatics/20

properti bila terjadi kesalahan dalammemasukkan data. Pencarian properti, masihdibagi-bagi berdasarkan tabel yang adadalam database yaitu pembagian antaraproperti yang dijual dan properti yangdisewakan. Masih belum terdapat admini-strator area yang dapat digunakan olehpengelola dalam mengatur database anggota.

Pengembangan aplikasi yang akan di-lakukan mempunyai tujuan untuk memper-baiki kekurangan-kekurangan yang ada padawebsite www.idaman.com dan untukmengakomodasi kebutuhan-kebutuhan yangdiperlukan. Sehingga dengan pengembanganini diharapkan aplikasi ini menjadi lebihbaik. Sistem pendaftaran anggota yang lebihmudah dan efisien maka membuatpengunjung tertarik untuk mendaftar sebagaianggota. Pengguna dapat dengan mudahmencari properti yang dibutuhkan sesuaidengan kebutuhan. Dengan adanya aplikasiAdministrator Area sangat membantupengelola website dalam mengelola dataanggota. Pengguna dapat memakai aplikasiini dari semua jenis web browser yangmendukung HTML 3.2 (atau lebih baru) dancookies. Sejumlah pengguna dapat memakaiaplikasi ini secara bersamaan (simulta-neously).

Untuk pengembangan membuat aplikasiini digunakan bahasa pemprograman PHPdan database server MySQL.

2. TEORI DASAR

2.1 Apache Web Server

Apache adalah salah satu web server yangdapat dijalankan pada beberapa macamsistem operasi. Beberapa keuntungan yangdidapat dari penggunaan web server Apache,antara lain:- Mudah dikonfigurasi dan dapat dengan

mudah digabungkan dengan beberapamodul tambahan lainnya (contoh: modulphp dan modul ssl)

- Karena Apache merupakan web serveryang gratis dan open source, maka tidakperlu melakukan registrasi atau mem-bayar izin (license) untuk memakai danpemakai diperbolehkan mengubah kodeasli dari program web server ini.

- Dapat dijalankan di beberapa sistemoperasi, antara lain: Windows NT/9x,Netware 5.x, OS/2, dan UNIX/Linux

Meskipun beberapa web server lain yangmerupakan web server komersial telahmenyatakan bahwa kecepatanya melebihiApache, tetapi kecepatan dari Apache masihdapat dihandalkan dan yang lebih menarikkarena Apache merupakan web server yanggratis (free) dan Apache telah digunakanpada beberapa situs yang memiliki jumlahpengunjung jutaan per hari.

2.2 Hypertext Markup Language (Html)

HTTP (hypertext transfer protocol)merupakan protokol yang digunakan untukmentransfer data antara web server ke webbrowser. Protokol ini mentransfer dokumen-dokumen web yang ditulis dalam bentukHTML (hypertext markup language).Dikatakan markup language karena HTMLberfungsi untuk membuat file teks biasadapat ditampilkan pada program webbrowser. Hal ini dilakukan denganmenambahkan tag-tag (perintah khusus)pada file teks biasa tersebut.

Tag HTML biasanya berupa tag yangberpasang-pasangan dan ditandai dengansimbol ‘<’ dan ‘>’. Pasangan atau penutupperintah dari sebuah tag ditandai dengantanda ‘/’.

Struktur dokumen HTML:

<HTML>

<HEAD><TITLE>Judul pada title bar webbrowser</TITLE></HEAD>

<BODY>Text, gambar, atau segala sesua-tu yang akan ditampilkan padadokumen</BODY>

</HTML>

Form HTML merupakan tag yang palingpenting khususnya dalam pembuatanaplikasi berbasis web. Form menyediakanelemen-elemen masukan (input) yang dapatberupa textbox, check box, radio button, dantombol.



2.3 Common Gateway Interface (CGI)

Common Gateway Interface (CGI) adalahsuatu istilah untuk sebuah program(interface) yang dapat memproses perintahyang diterima dari form HTML agar dapatterjadi interaksi antar user dan web server.

Form HTML merupakan suatu metodeyang digunakan untuk pengiriman datakarena sangat memudahkan pengaturantampilan pada user interface denganmenggunakan bagian-bagian dari form daninput. Dengan menggunakan form HTMLdapat dengan mudah mengatur masukan(input) dari halaman web, seperti pull-downmenus, checkboxes, dan radio buttons.Semua data yang dimasukan melaluihalaman web akan diubah secara otomatisdan dikirimkan dengan menggunakan formHTML.

Untuk mengimplementasikan CGI padasebuah website dibutuhkan suatu bahasapemrograman. Pada saat ini sudah terdapatberbagai macam bahasa pemrograman yangdapat digunakan untuk CGI, antara lain:Perl, C++, ASP, JSP, PHP, dan Cold Fusion.

2.4 Php Hypertext Preprocessor (Php)

PHP adalah bahasa scripting (pemro-graman) yang menyatu dengan HTML danberada di server (server-side-HTML-embedded scripting). Artinya sintaks danperintah-perintah yang diberikan akansepenuhnya dijalankan di server tetapidisertakan pada halaman HTML biasa.Tujuan dari bahasa pemrograman PHP iniadalah untuk membuat aplikasi-aplikasiyang dijalankan di atas teknologi web,dalam hal ini seluruh proses secarakeseluruhan dijalankan di web server yangkemudian akan memberikan hasil prosestersebut pada web browser.

Seluruh aplikasi yang berbasiskan webdapat dibuat dengan menggunakan PHP.Salah satu kelebihan utama PHP dibanding-kan bahasa pemrograman web lainnyaadalah mempermudah aplikasi web melaku-kan koneksi dengan database.

Kelebihan-kelebihan PHP:

• Koneksi ke DatabasePHP mendukung banyak sekali databasedalam mode native dan melalui ODBC.

Sistem database yang telah didukung olehPHP hingga saat ini adalah: Oracle,Sybase, mSQL, MySQL, Solid, GenericODBC, PostgreSQL, Adabas D, FilePro,Velocis, dBase, Unix dbm, dan semuadatabase dengan interface ODBC.

• HTTP CookiePHP secara transparan mendukung HTTPcookie . Cookie adalah mekanisme untukmenyimpan data pada browser sehinggaadministrator dapat melacak ataumengidentifikasi user . Administratordapat menset cookies mengunakanfunction setcookie(). Cookie adalahbagian dari HTTP header, sehinggafunction SetCookie() harus dipanggilsebelum ada output yang dikirimkan kebrowser. Hal ini sama dengan saatmenggunakan fungsi header(). Setiapcookie yang dikirimkan ke administratordari client akan secara otomatis dianggapsebagai variabel PHP seperti halnyavariabel dari GET dan POST method .Jika hendak mengisi banyak data untuksatu cookie, hanya dengan menambahkantanda [] pada nama cookie.

• HTTP Authentication Dengan PHPKelebihan HTTP Authentication padaPHP hanya tersedia sejak PHP berjalansebagai modul pada web server Apache .Pada script PHP, administrator dapatmengirimkan sebuah pesan “Authentica-tion Required“ ke browser client yangmenyebabkan browser mengeluarkaninput window untuk meminta Usernamedan Password. Begitu user mengisi user-name dan password, URL yang berisiscript PHP akan dipanggil lagi denganvariabel $PHP_AUTH_USER, $PHP_AUTH_PW dan $PHP_AUTH_TYPEyang masing–masing isinya adalahusername, password dan authenticationtype.

• Regular ExpressionRegular expression digunakan untukmanipulasi string yang kompleks padaPHP. Fungsi regular expression adalah :- ereg()- ereg_replace()- eregi()- eregi_replace()- split()



Fungsi–fungsi ini mengambil regularexpression string dari argumenpertamanya. PHP menggunakan Posixextended regular expression yangdidefinisikan pada Posix 1003.2.

• File UploadPHP mampu menerima file yang di-upload dari setiap browser yang RFC-1867 compliant. Kemampuan upload inimemungkinkan user untuk meng-uploadfile teks atau binary. Dengan fungsi-fungsi authentication dan logik PHP,dimiliki kontrol untuk menentukan siapayang boleh meng-upload dan apa yangharus dikerjakan terhadap file tersebutsetelah file itu selesai di upload.

• Pengaksesan File GIF Dengan PHPPHP tidak terbatas hanya untukmenghasilkan output halaman HTML.PHP juga dapat digunakan untukmenghasilkan file gambar GIF ataubahkan agar lebih elegan gambar GIFyang bersifat stream dari server kebrowser. Sebelumnya PHP terlebihdahulu di compile dengan GD libraryyang mengandung fungsi–fungsi manipu-lasi GIF .

• Error HandlingSeluruh PHP expression dapat dipanggildengan prefix “@”, yang akan memati-kan error reporting untuk expression itu .Jika terjadi error pada expression itu, danfeature track errors di aktifkan. Untukmendapatkan error message dapat meng-gunakan variabel global $php_errormsg,

Modul PHP

PHP didukung oleh API dan memilikihubungan yang luas dengan perlengkapanlain dan dengan platform. Kebanyakan dariperlengkapan atau modul add-on ini tersediadalam bentuk libraries. Beberapaperlengkapan yang di dukung oleh PHP,antara lain:

PHP mendukung banyak konektifitas kebanyak jenis database, antara lain: Adabas,dBase, Empress, FilePro, Informix,InterBase, MySQL, Oracle dan beberapadatabase yang men-support ODBC (OpenDatabase Connectivity) salah satu contohdatabase yang dapat menggunakan PHPODBC adalah IBM DB2.

LDAP (Light-weight Directory AccessProtocol) adalah protokol lain yangdidukung oleh PHP. PHP menyediakanAPI’s untuk menulis program-programLDAP Client. LDAP adalah sebuah protokolyang digunakan untuk mengakses directoryyang berhubungan dengan informasi sepertiaddress book , white pages .

XML (eXtensible Markup Langguage)yang dipuji sebagai bahasa pemrogramanweb masa depan yang juga didukung olehPHP. XML memisahkan isi atau informasiyang dimiliki suatu halaman web daripresentasi dari halaman tersebut. WDDX(Web Distributed Data eXchange) sebuahteknologi yang diturunkan dari XML yangjuga didukung oleh PHP.

Protokol mail seperti IMAP (InteractiveMail Access Protocol) dan SMTP (SimpleMail Transfer Protocol) juga didukung olehPHP. IMAP adalah sebuah protokol yangdigunakan untuk pengambilan email darisebuah mail server dan SMTP adalahprotokol yang digunakan untuk meroutingmail di internet.

Fungsi gambar (image) juga didukungoleh PHP, dengan menggunakan PHP APIdapat menghasilkan banyak gambar secaradinamik, untuk merespon masukkan (input)dari user.

PDF (Portable Document Format) yangdipromosikan oleh Adobe untuk mendistri-busikan dokumen dalam web, yang jugadidukung secara terpisah oleh PostScript,bentuk dokumen lain yang juga sebuahbahasa pengontrol printer.

SNMP V3 (Simple Network ManagementProtocol Version 3) juga didukung oleh PHPsehingga kemampuan untuk mengatur lewatsuatu jaringan dapat dilakukan.

2.5 MySQL Database Server

MySQL merupakan sebuah serverdatabase yang banyak digunakan di Internetkarena kehandalannya dan juga karenasifatnya yang shareware. Bahasa yangdigunakan dalam MySQL sama denganbahasa yang dipakai oleh server databaselainnya yaitu bahasa SQL. SQL (StructuredQuery Language) adalah bahasa standardyang digunakan untuk mengakses serverdatabase. Bahasa ini pada awalnya dikem-



bangkan oleh IBM, namun telah diadopsidan digunakan sebagai standard industri.

Dalam konteks bahasa SQL, padaumumnya informasi tersimpan dalam tabel–tabel yang secara logik merupakan strukturdua dimensi yang terdiri atas baris–barisdata (row atau record) yang berada dalamsatu atau lebih kolom (column) . Baris padatabel sering disebut sebagai attributes ataufield. Keseluruhan tabel itu dihimpun dalamsatu kesatuan yang disebut database.

Keunggulan MySQL

Ketika membandingkan MySQL dengansistem database yang lain, pikirkan apa yangpaling penting, ‘performance’ (dayaguna),‘support’, keistimewaan, kebebasan danpembatasan dalam penggunaan dan hargaadalah faktor–faktor yang perlu dipikirkan.Sebagai pertimbangan, MySQL mempunyaibanyak keistimewaan yang ditawarkan:

Speed (kecepatan): MySQL bekerjadengan cepat. Para pengembang berpen-dapat bahwa MySQL adalah database yangtercepat yang didapat. Pendapat ini dapat dibuktikan melalui berbagai macam pengujianyang dapat dilihat pada tabel perbandinganyang terdapat pada site http://www.mysql.com/benchmark.html.

Ease of use (kemudahan dalam peng-gunaan): MySQL adalah sistem databaseyang sederhana dengan performa tinggi dansangat mudah untuk di-setup dan sangatmudah dalam pengaturan, dibandingkandengan sistem database yang lebih besar.

Cost (biaya): MySQL adalah gratis untuksemua pengguna.

Query language support (mendukungbahasa query): MySQL memahami SQL(Structured Query Langguage), bahasaumum yang digunakan pada hampir semuadatabase modern. MySQL juga dapatdiakses menggunakan aplikasi yang men-dukung ODBC (Open Database Connec-tivity) sebuah protokol untuk komunikasidatabase yang dikembangkan oleh Micro-soft.

Capability (kemampuan): Banyak clientdapat melukakan koneksi ke server pada saatyang bersamaan. Clients dapat mengguna-kan beberapa database secara bergantian.Terdapat beberapa macam interface yang

dapat digunakan untuk melakukan koneksike database dan melakukan queries danmenampilkan hasil. Sebagai tambahanbermacam-macam programming interfaceyang tersedia adalah C, Perl, Java, PHP danPhyton.

Connectivity and security (konektifitasdan keamanan): MySQL terhubung denganjaringan secara keseluruhan dan databasedapat diakses dari manapun melalui internet,sehingga dapat membagi data dimana saja.Tetapi MySQL memiliki kontrol aksessehingga siapa saja yang tidak diperboleh-kan melihat data tidak bisa melihat data.

Portability: MySQL dapat berjalan dibanyak varian dari UNIX dan juga dapatberjalan pada sistem selain sistem UNIX,seperti Windows dan OS/2. MySQL dapatberjalan pada PC rumahan (home PC)sampai dengan PC server dengan teknologitinggi.

Open distribution (distribusi yang ter-buka): MySQL mudah untuk di dapatkan,hanya dengan menggunakan web browsersudah dapat mendapatkan source dariMySQL.

Perlengkapan yang Tersedia untukMySQL

Pada semua distribusi MySQL sudahterdapat beberapa tools (perlengkapan),antara lain:

SQL Server, program utama (engine) dariMySQL yang menyediakan akses kedatabase.

Client program, program interaktif klienyang digunakan untuk melakukan berbagaiperintah pada database MySQL, antara lain:Program untuk melakukan queries secaralangsung pada database dan menampilkanhasilnya secara langsung.Program administrasi dan beberapa programkecil tambahan yang dapat digunakan untukmenjalankan situs.

Program untuk mengatur akses kedatabase. Program untuk melakukan importdan export database.

Client library, library yang disediakanuntuk mempermudah pemrograman, ter-utama dengan menggunakan bahasa Ckarena library ini menggunakan bahasa C,tetapi library ini juga dapat digunakan untukbahasa pemrograman yang lain.



3. PERENCANAAN

3.1 Sistem Jual dan Cari

Untuk membuat aplikasi jual dan caripada website ini maka terlebih dahulu dilihatinteraksi apa saja yang akan terjadi pada saataplikasi dijalankan oleh user. Dalam websiteini user dapat melakukan beberapa aktifitasyang dilakukan dengan beberapa aplikasi,diantara adalah:

Pendaftaran anggota (member registration)

Untuk dapat memasukkan data propertipada database properti, maka setiappengunjung yang akan memasukkan dataproperti diharuskan untuk mendaftar terlebihdahulu. Sistem keanggotaan dibagi menjadi3 (tiga) kategori, yaitu:- individu adalah kategori member yang

tidak perlu membayar biaya keanggotaandan hanya dapat memasukkan dataproperti sebanyak 3 buah data properti.

- individu sales adalah kategori memberyang didaftarkan oleh member broker.

- broker adalah kategori member yangharus membayar biaya keanggotaan dandapat memasukkan data properti lebihdari 3 buah data properti.

Penggantian password (lupa password)

Apabila anggota yang telah terdaftarsebagai member menghilangkan atau lupapassword yang dimasukkan pada waktupendaftaran, maka dapat meminta programuntuk mengubah password dengan passwordyang baru.

Memasang properti jual atau properti sewa(member area)

Setelah terdaftar sebagai anggota denganmelakukan proses pendaftaran anggota,maka setiap anggota dapat memasuk-kan/memasang properti yang akan dijualatau disewakan kedalam database. Jumlahdata yang dapat dimasukkan oleh setiapanggota tergantung dari pilihan keanggotaanpada saat pertama kali pendaftaran sebagaianggota.

Mencari properti jual atau properti sewa

Fasilitas ini dapat digunakan oleh seluruhpengunjung website, baik pengunjung yangbelum terdaftar sebagai anggota maupun

pengunjung yang sudah terdaftar sebagaianggota. 3.2 Perencanaan Database

3.2.1 Rancangan Entity Relationship Dia-gram (ERD)

Untuk menggambarkan relasi antaraentity yang ada digunakan Entity Relation-ship Diagram (ERD). Dengan adanya ERDini maka akan memudahkan untuk melihathubungan antara entity, dan pengembanganaplikasi selanjutnya.

Assosiasi Pabrikpunya

1 N

Rukopunya

Rumahpunya

N

Kospunya

N

Kantorpunya

N

Gudangpunya

N

Standpunya

N

Tanahpunya

N

Apartemenpunya

N

Villapunya

N

N1

1

1

1

1

1

1

1

1

Gambar 1. 3.2.2 Database Schema

Untuk menyimpan data keanggotaan dandata properti yang diperlukan sebuahdatabase yang terdir dari tabel-tabel sebagai-berikut:− Tabel anggota, berisi data anggota

dengan kategori member biasa danindividu sales.

− Tabel assosiasi, berisi data anggotadengan kategori member broker.

− Tabel apartemen, berisi data apartemenyang akan dijual atau disewakan olehanggota.

− Tabel gudang, berisi data gudang yangakan dijual atau disewakan oleh anggota.

− Tabel kantor, berisi data kantor yangakan dijual atau disewakan oleh anggota.

− Tabel kos, berisi data kos yang akandijual atau disewakan oleh anggota.



− Tabel pabrik, berisi data pabrik yangakan dijual atau disewakan oleh anggota.

− Tabel ruko, berisi data ruko yang akandijual atau disewakan oleh anggota.

− Tabel rumah, berisi data rumah yangakan dijual atau disewakan oleh anggota.

− Tabel stand, berisi data stand yang akandijual atau disewakan oleh anggota.

− Tabel tanah, berisi data tanah yang akandijual atau disewakan oleh anggota.

− Tabel villa, berisi data villa yang akandijual atau disewakan oleh anggota.

3.3 Diagram Alir Aplikasi

Start

SudahMendaftar?

Login

Proses PendaftaranAnggota Baru

Yes

No

UbahPassword?

Proses UbahPassword

PasangListing?

Yes

Lihat DaftarListing ?

LIhat DetailListing ?

Proses Pasang Listing

Tampilkan DaftarListing

Edit Listing ?

Tampilkan DetailListing

Edit Listing

Yes

Yes

Yes

Yes

No

No

No

Stop

Logout

No

No

Gambar 2. 4. PENGUJIAN

Pengujian terhadap aplikasi dilakukandengan cara menguju secara labgsung untuksetiap halaman yang telah direncanakan,diantaranya adalah: fasilitas mencari pro-perti, fasilitas pendaftaran anggota, fasilitaslupa password, fasilitas yang terdapat padamember area (ubah password, pasanglisting, lihat daftar listing, detail listing, edit

listing, dan mendaftarkan individu sales) danfasilitas administrator area.

4.1 Mencari Properti

Pada halaman awal situs www.idaman.com pengunjung langsung ditampilkan padapilihan jenis properti yang akan dicari,seperti pada gambar 3.

Gambar 3. Halaman Penentuan JenisProperti yang akan Dicari

Setelah jenis properti dipilih, secaraotomatis program akan mengarahkanpengunjung ke sebuah halaman yang berisiform isian yang dapat diisi oleh pengunjunguntuk memasukkan data-data pencarianproperti yang ingin dilakukan, seperti padagambar 4.

Gambar 4. Form Isian Data-DataPencarian Properti

Setelah form isian diisi, kemudian tombol‘CARI’ di klik maka program akandipanggil dan segera menampilkan datahasil pencarian seperti pada gambar 5.



Gambar 5. Tampilan Daftar Listing HasilPencarian

Daftar listing yang ditampilkan masihbelum detail, untuk melihat data dari tiap-tiap properti secara detail dapat mengkliklink ‘alamat’. Tampilan dari halaman detailproperti adalah seperti pada gambar 6.

Gambar 6. Tampilan Detail Properti

Apabila data yang dicari tidak terdapatpada database, maka program akan memberipesan kepada pengunjung seperti padagambar 7.

Gambar 7. Halaman Pesan Apabila DataYang Dicari Tidak Ada

4.2 Pendaftaran Anggota Baru

Untuk dapat memasang properti padadatabase www.idaman.com setiap pengun-jung diharuskan untuk mendaftar dahulusebagai anggota, dengan mengklik link‘daftar’ yang terletak pada bagian kirihalaman depan. Link daftar dapat dilihatpada gambar 8.

Gambar 8. Link Pendaftaran Anggota

Setelah link daftar diklik program akanmeminta calon anggota untuk menentukankategori keanggotaan yang diinginkan padasebuah halaman HTML yang berisi formisian beserta kategori-kategori keanggotaanlengkap dengan keterangan setiap kategori,seperti pada gambar 9.

Gambar 9. Halaman Pemilihan KategoriKeanggotaan

Seteleah kategori keanggotaan ditentukankemudian program akan menampilkanketentuan umum dan tata tertib sebagaianggota, seperti pada gambar 10.



Gambar 10. Halaman Tata Tertib Anggota

Setelah ketentuan dan tata tertib ditampil-kan kemudian program akan menampilkanform isian untuk pengunjung memasukkanidentitas anggota. Form isian tersebut dapatdilihat pada gambar 11.

Gambar 11. Form Isian Identitas Anggota

Apabila semua data-data telah diisi,pengunjung dapat mengklik tombol ‘daftar’yang terletak pada bagian bawah form isian.Sebelum program memasukkan data anggotakedalam database, program akan melakukanpengecekan kedalam database terhadapemail yang digunakan untuk mendaftar.Pengecekan ini dilakukan untuk mencegahpenggandaan ‘id’ dari anggota karena emaildigunakan sebagai login. Apabila emailyang dimasukkan oleh pengunjung telahterdaftar maka program tidak memasukkandata kedalam database dan memberikanpesan kepada pengunjung seperti padagambar 12.

Gambar 12. Halaman Pemberitahuan EmailTelah Terdaftar

Apabila email yang digunakan belumterdaftar dalam database, maka programakan memasukkan data pengunjung kedalam database. Sebelum profil anggotadisimpan dalam database, program akanmenampilkan ulang data-data penting yangtelah dimasukkan pengunjung kedalam formisian profil anggota. Tujuan dari ditampilkanulang data-data penting ini untukmeyakinkan calon anggota terhadap data-data yang telah dimasukkan dan akandisimpan dalam database. Tampilan darihalaman data-data profil anggota adalahseperti pada gambar 13.

Gambar 13. Halaman Penampilan UlangData-Data Profil Anggota

Setelah calon anggota yakin dengan data-data tersebut, maka dapat mengklik tombol‘Post’.

4.3 Lupa Password

Untuk anggota yang telah mendaftar danlupa dengan pasword, maka dapat meng-



gunakan fasilitas ini. Setelah link ‘lupapassword’ diklik, akan ditampilkan sebuahhalaman yang berisi form isian untukmemasukkan email, seperti pada gambar 14.

Gambar 14. Halaman Isian Untuk LupaPassword

Apabila email yang dimasukkan kedalamform isian tidak terdapat dalam databaseatau belum terdaftar, program akan menam-pilkan pesan seperti pada gambar 15.

Gambar 15. Halaman Pesan ApabilaEmail Belum Terdaftar

Setelah pengecekan email pada databasedilakukan dan email telah terdaftar, programakan melakukan penggantian password yanglama dengan password yang baru dan akanmenampilkan pesan seperti pada gambar 16.

4.3 Member Area

Member area adalah halaman terpentinguntuk para anggota agar dapat menggunakanfasilitas-fasilitas sebagai anggota. Untukdapat masuk kedalam member area, setiapanggota diharuskan melakukan proses login

dengan cara memasukan alamat email danpassword pada form isian yang telah tersediapada halam utama sebelah kiri, seperti padagambar 17.

Gambar 16. Halaman Pesan ApabilaPassword Telah Diubah

Gambar 17. Form Isian Untuk Login keMember Area

Setelah anggota berhasil melakukanproses login, program akan menampilkan‘member area’ seperti pada gambar 18.

Gambar 18. Halaman Member AreaSetelah Login Berhasil



Bila email yang dimasukkan belumterdaftar atau password yang dimasukkandalam form isian tidak sesuai, program akanmenampilkan pesan salah dan akan memintaemail dan password kembali seperti padagambar 19.

Gambar 19. Halaman Pesan ApabilaPassword Salah

4.4 Ubah Password

Setiap anggota yang telah berhasil loginke member area dapat melakukan perubahanpassword dengan cara mengklik link ‘ubahpassword’, yang kemudian akan dimintauntuk mengisi form isian untuk passwordyang baru, seperti pada gambar 20.

Gambar 20. Halaman Form Isian UntukUbah Password

4.5 Pasang Listing

Apabila proses penggantian passwordberhasil maka program akan menampilkanhalaman pemberitahuan bahwa passwordtelah berubah, seperti pada gambar 21.

Gambar 21. Halaman PemberitahuanPassword Telah Berubah

Fasilitas utama dari member area iniadalah untuk memasang properti yang akanditawarkan oleh anggota. Untuk memasuk-kan properti kedalam database adalahdengan mengklik link ‘isi listing’.

Setelah link ‘isi listing’ diklik maka akanditampilkan sebuah halaman HTML berupatabel yang berisi jenis-jenis properti yangdapat dimasukkan kedalam database. Padasetiap jenis properti terdapat angka yangmenunjukkan jumlah properti yang telahdimasukkan ke dalam database oleh anggotatersebut. Selain jumlah data setiap properti,pada sebelah kanan tiap jenis propertiterdapat 2 (dua) buah link yaitu: ‘lihat’ dan‘pasang’. Gambar untuk halaman isi listingini dapat dilihat pada gambar 22.

Gambar 22. Halaman Isi Listing

Untuk memasang atau memasukkanproperti ke dalam database, dilakukandengan cara mengklik link ‘pasang’, sesuaidengan jenis properti yang akan dimasukkankedalam database, setelah link ‘pasang’



diklik maka program akan meminta anggotauntuk mengisi sebuah form isian untukmengisi data-data penting dari properti,tampilan dari form isian seperti pada gambar23.

Gambar 23. Form Isian Pasang Properti

Setelah form isian pasang properti telahdiisi dan tombol ‘PASANG’ diklik, programakan melakukan pemeriksaan terhadapkategori member apabila kategori memberadalah member individu maka program akanmenghitung jumlah total properti yang telahdimasukkan oleh member tersebut. Apabilakategori member adalah individu dan jumlahdata properti yang telah dimasukkan adalah3 (tiga) maka program akan menampilkanpesan bahwa member telah mencapai batasmaksimum pemasangan properti, sepertipada gambar 24.

Gambar 24. Halaman PemberitahuanTelah Mencapai Jumlah Maksimum

Apabila jumlah properti yang telahdipasang belum mencapai 3 (tiga) ataukategori member adalah individu sales atau

broker, maka program akan menampilkanhalaman pemberitahuan kepada anggotabahwa data-data properti yang dimasukkanpada form isian telah berhasil dimasukkankedalam database properti sesuai denganjenis properti yang dipilih. Halamanpemberitahuan tersebut seperti pada gambar25.

Gambar 25. Halaman PemberitahuanData Sudah Dimasukkan

4.6 Lihat Daftar Listing

Untuk dapat melihat daftar properti yangsudah tersimpan pada database dapatdilakukan oleh semua anggota denganmengklik link ‘lihat’ pada menu ‘isi listing’.Link yang akan diklik sesuai dengan jenisproperti yang akan dilihat oleh anggota,misalkan anggota akan melihat daftar listingproperti rumah yang sudah tersimpan dalamdatabase maka dapat dilakukan denganmengklik link ‘lihat’ pada baris ‘rumah’.

Setelah link ‘lihat’ diklik maka programakan menampilkan halaman baru yang berisidaftar listing sesuai dengan jenis propertimasing-masing, contoh dari halaman daftarlisting ini seperti pada gambar 26.

Pada halaman daftar listing tersebutsemua data tidak ditampilkan secarakeseluruhan melainkan ditampilkan secaraper halaman, dimana jumlah data perhalaman yang ditampilkan adalah 20 data.

4.7 Lihat Detail Listing

Seperti pada gambar 23, data-data yangditampilkan adalah sebagian kecil dari fieldpada tabel properti. Untuk dapat melihatdata secara detail atau lengkap, anggota



dapat mengklik link ‘Detail’ pada baris yangakan dilihat data-datanya secara detail.

Setelah link ‘Detail’ diklik maka programakan menampilkan sebuah halaman baruyang berisi data-data lengkap dari propertiyang telah tersimpan pada database. Contohtampilan detail listing adalah seperti padagambar 27.

Gambar 26. Halaman Lihat DaftarListing

Gambar 27. Halaman Detail Listing

4.8 Edit Listing

Pada halaman daftar listing terdapat link‘edit’ yang dapat digunakan oleh anggotauntuk mengganti data-data dari propertiyang telah dimasukkan kedalam database.

Setelah link ‘edit’ diklik maka programakan menampilkan sebuah halaman denganform isian yang telah terisi dengan data-datadari properti yang diinginkan. Anggotadapat mengganti isi dari form isian tersebutsesuai dengan data-data yang akan diganti.Tampilan halaman edit listing adalah sepertipada gambar 28.

Setelah data-data yang lama digantidengan data-data yang baru maka data-datapada tabel properti akan berubah menurutdata-data yang telah dimasukkan pada formisian. Dan program akan menampilkanhalaman pemberitahuan seperti pada gambar29.

Gambar 28. Halaman Edit Listing

Gambar 29. Halaman PemberitahuanData Telah Diedit

4.9 Mendaftarkan Individu Sales (Khu-sus Broker)

Fasilitas untuk mendaftarkan ‘individusales’ hanya dimiliki oleh ‘broker’, prosespendaftaran ‘individu sales’ yang dilakukanoleh member broker tidak jauh berbedadengan pendaftaran anggota secaralangsung.

4.10 Logout

Apabila anggota telah selesai mengguna-kan fasiltas yang tersedia pada member area,makan setiap anggota dapat melakukanproses logout untuk mencegah penggunaanfasilitas keanggota oleh pihak ketiga.



Untuk melakukan proses logout, anggotadapat mengklik link ‘logout’ pada menusebelah kiri, setelah link ‘logout’ diklikmaka program akan menampilkan halamanbaru untuk meyakinkan anggota apakahbetul-betul akan keluar. Halaman konfirmasilogout dapat dilihat pada gambar 30.

Jika anggota yakin telah selesai meng-gunakan fasiltas keanggotan, maka anggotadapat mengklik tombol ‘LOGOUT’ danprogram akan mengarah ke halamanpertama dari website.

Gambar 30. Halaman Konfirmasi Logout

4.11 Administrator Area

Untuk menghapus anggota yang telahterdaftar dalam database, pengelola websitedapat menggunakan administrator area yangakan menampilkan daftar seluruh anggota,seperti pada gambar 31.

Gambar 31. Halaman Administrator Area

Apabila link ‘HAPUS’ yang terletak padakolom paling kanan diklik maka programakan mengirimkan ‘id’ dari anggota yangakan dihapus dan kemudian menampilkan

halaman pemberitahuan bahwa anggotadengan id tersebut telah dihapus, tampilanpesan dapat dilihat pada gambar 32.

Gambar 32. Halaman PemberitahuanData Anggota Telah Dihapus

5. KESIMPULAN

Setelah dilakukan perancangan ulangterhadap database terdahulu yang digunakanuntuk menyimpan data-data properti, dapatdibentuk sebuah database dengan meng-gunakan tabel-tabel yang lebih sedikitdaripada database sebelumnya. Pada data-base sebelumnya tiap jenis properti memiliki2(dua) buah tabel yang masing-masinguntuk membedakan antara properti jual danproperti sewa.

Dengan adanya sistem pendaftarananggota yang baru, setiap anggota yangtelah melakukan pendaftaran tidak perlumenunggu proses aktifasi sehingga dapatlangsung menggunakan fasilitas yang ter-dapat pada member area.

Pada rancangan ‘member area’ yangbaru, selain dapat melakukan penambahandan penghapusan data, setiap anggota jugadapat melakukan pengubahan data propertiyang telah dimasukkan kedalam database.

DAFTAR PUSTAKA

1. Castagnetto, Jesus. Professional PHPProgramming, USA: Wrox Press Ltd,1999.

2. Choi, Wankyu. Beginning PHP 4, USA :Wrox Press Ltd, 2000.



3. DuBois, Paul. MySQL, Indianapolis: NewRiders, 2000.

4. The PHP Group, PHP: Hypertext Pre-processor, [http://www.php.net]. January2002.

5. MySQL AB, MySQL Documentation,[http://www.mysql.com/documentation/].January 2002.

6. The Apache Software Foundation, TheApache Software Foundation, [http://www.apache.org]. December 2001.

7. INT Media Group Inc., The ResourcesFor PHP Developer, [http://www.phpbuilder.net]. November 2001.

8. Center Networks, HTML Center,[http://www.htmlcenter.com]. December200.

9. Developer Shed, The Open Source WebDevelopment Site, [http://www.devshed.com]. December 2001.

10.WeberDev, PHP: php and mysql exam-ples and resources from WeberDev.Com, [http://www.weberdev.com]. Janu-ary 2002.

Documents

PENGEMBANGAN APLIKASI JUAL DAN CARI PROPERTI …