Sistem Penjualan Properti Berbasis E-Commerce

(1)

SISTEM PANJUALAN PROPERTI

BERBASIS E-COMMERCE

TUGAS AKHIR

KIKY YOHANA BERTUA H

102406223

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013


(2)

SISTEM PENJUALAN PROPERTI

BERBASIS E-COMMERCE

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

KIKY YOHANA BERTUA H

102406223

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013


(3)

PERSETUJUAN

Judul : SISTEM PENJUALAN PROPERTI BERBASIS

E- COMMERCE

Kategori : TUGAS AKHIR

Nama : KIKY YOHANA BERTUA HUTABARAT

Nomor Induk Mahasiswa : 102406223

Program Studi : DIPLOMA(D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM

(FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2013

Disetujui Oleh:

Departement Matematika FMIPA USU Pembimbing Ketua,

Prof. Dr. Tulus, M.Si

NIP. 19620901 198803 1 002 NIP:19511227 198003 1 001 Drs. Partano Siagian, M.Sc


(4)

PERNYATAAN

SISTEM PENJUALAN PROPERTI BERBASIS E-COMMERCE

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

KIKY YOHANA BERTUA HUTABARAT 102406223


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus yang maha pengasih, karena atas limpah karunia-Nya, Penulis dapat menyelesaikan Tugas Akhir dengan judul “SISTEM PENJUALAN PROPERTY BERBASIS E-COMMERCE”.

Penulisan Tugas Akhir ini merupakan salah satu syarat akademik dalam menyelesaikan program Diploma 3 jurusan Teknik Informatika di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Medan.

Dengan selesainya penulisan Tugas Akhir ini, penulis sangat menyadari bahwa semua proses hingga terselesaikannya Tugas Akhir ini tidak lepas dari semua yang turut serta secara langsung maupun tidak langsung memberikan semangat, bantuan, arahan maupun gagasan yang sifatnya membangun sehingga Tugas Akhir ini dapat tercapai.

Dalam kesempatan yang berbahagia ini, penulis ingin mengucapkan terima kasih yang sebesar-besarnya diiringi dengan ketulusan hati kepada:

1. Bapak Dr. Sutarman,M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Prof. Dr. Tulus, Vordipl, M.Si, Ph.D selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 3. Bapak Drs. Partano Siagian, M.Sc sebagai Dosen Pembimbing yang telah banyak


(6)

4. Teristimewa untuk kedua orang tua dan keluarga untuk segenap doa dan memberikan dorongan yang kuat baik berupa moral maupun material dalam menyelesaikan Tugas Akhir ini.

5. Seluruh teman-teman seperjuangan yang ikut memberikan saran dan kritik dalam penyusunan Tugas Akhir ini.

6. Dan seluruh pihak yang telah membantu menyelesikan tugas akhir ini yang tidak mungkin disebutkan satu persatu.

Semoga Tugas Akhir ini dapat bermanfaat bagi siapa saja yang mengunakannya. Penulis menerima kritik dan saran untuk perbaikan dan kemajuan tugas akhir ini dimasa mendatang, Terima kasih.

Medan, Juni 2013 Penulis

NIM:102406223


(7)

ABSTRAK

Perkembangan bisnis properti di Indonesia berkembang pesat, semakin tahun bisnis properti mengalami peningkatan. Untuk memasarkan produk atau jasa, suatu perusahaan dituntut untuk melakukan serangkaian proses promosi, begitu pula dengan bisnis properti. Tidak dipungkiri media promosi konvensional seperti memasang iklan pada media cetak (koran) atau media elekronik (televisi) tidak bisa memenuhi kebutuhan promosi bisnis properti secara maksimal karena keterbatasan waktu dan tempat pengaksesan. Oleh karena itu, dibutuhkan suatu media promosi berbasis web yang dibentuk dalam sebuah situs penjualan properti. Dimana pada saat ini pemakaian internet sudah merasuki setiap sendi kehidupan masyarakat tanpa ada batasan kalangan, waktu dan tempat. Tugas akhir ini bertujuan merancang sistem penjualan properti berbasis e-commerce menggunakan perangkat lunak Macromedia Dreamwever CS5, adobe Photoshop, XAMPP yang merupakan gabungan dari apache web server, PHP dan MYSQL dan browser Mozilla Firefox. Perancangan website ini menggunakan sistem e-commerse dengan type aplikasi e-marketing atau internet marketing yang dapat menyediakan informasi tentang properti yang sedang dipasarkan selama 24 jam kepada pelanggan dan menjadi suatu media promosi yang lebih efektif dan efisien dari sebelumnya.


(8)

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK vi

DAFTAR ISI vii

DAFTAR TABEL x

DAFTAR GAMBAR xi

BAB 1 PENDAHULUAN 1

1.1Latar Belakang 1

1.2Identifikasi Masalah 3

1.3Rumusan Masalah 3

1.4Batasan Masalah 3

1.5Tujuan Penelitian 4

1.6Manfaat Penelitian 4

1.6.1 Manfaat Bagi Pihak Pemasar 4

1.6.2 Manfaat Bagi Mahasiswa 4

1.7Metodologi Penelitian 5

1.8 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8

2.1 Pengertian E-Commerce 8

2.1.1 Karakteristik E-commerce 10

2.2 Pengertian Sistem 12

2.3 Pengenalan Internet 13

2.3.1 Network 14

2.3.2 Web Browser 15


(9)

2.4 Personal Home Page (PHP) 17

2.4.1 Kelebihan PHP 18

2.4.1 Cara Penulisan PHP 19

2.5 My Structure Query Language (MySQL) 20

2.6Hyper Text Markup Language (HTML) 20

2.6.1 Kerangka Dasar HTML 22

2.7 Pengenalan Adobe Dreamweaver 5 23

BAB 3 PERANCANGAN SISTEM 25

3.1 Perancangan Sistem 25

3.2 Perancangan Struktur Web 25

3.3 Entity Relationship Diagram (ERD) 27

3.4 Desain Database 28

3.5 Flowchart 29

BAB 4 IMPLEMENTASI SISTEM 35

4.1 Pengertian Implementasi Sistem 35

4.2 Komponen-Komponen Kebutuhan Sistem 35

4.2.1 Hardware 35

4.2.2 Software 36

4.2.3 Brainware 36

4.3Instalasi Software 37

4.3.1 Instalasi Apache Server 37

4.4 Demonstrasi Program 39

BAB 5 KESIMPULAN DAN SARAN 44

5.1 Kesimpulan 44

5.2 Saran 45

DAFTAR PUSTAKA LAMPIRAN


(10)

DAFTAR TABEL

Halaman

Tabel 3.1 Data detail_produk 28

Tabel 3.2 Data member 28

Tabel 3.3 Data produk 29

Tabel 3.4 Data pesan 29


(11)

DAFTAR GAMBAR

Gambar 3.1 Rancangan Web Untuk Pengunjung Biasa 26

Gambar 3.2 Rancangan Web Untuk Member 26

Gambar 3.3 Rancangan Web Untuk Administrator 26

Gambar 3.4 Entity Relationship Diagram (ERD) 27

Gambar 3.5 Flowchart Menu Utama 30

Gambar 3.6 Flowchart Pasang Iklan 31

Gambar 3.7 Flowchart Tambah Property 32

Gambar 3.8 Flowchart Edit Property 32

Gambar 3.9 Flowchart Edit Profil 33

Gambar 3.10 Flowchart Halaman Administrator 34

Gambar 4.1 Instalasi Apache Server 37

Gambar 4.2 Jendela Server Information 38

Gambar 4.3 Proses Instalasi Apache 38

Gambar 4.4 Halaman Utama(Index) 39

Gambar 4.5 Halaman Property 39

Gambar 4.6 Halaman Pasang Iklan 40

Gambar 4.7 Halaman Home 40

Gambar 4.8 Halaman Tambah Property 41

Gambar 4.9 Halaman Edit Property 41

Gambar 4.10 Halaman Profil 42

Gambar 4.11 Halaman Admin – Property 42

Gambar 4.12 Halaman Admin – Pesan 43


(12)

ABSTRAK

Perkembangan bisnis properti di Indonesia berkembang pesat, semakin tahun bisnis properti mengalami peningkatan. Untuk memasarkan produk atau jasa, suatu perusahaan dituntut untuk melakukan serangkaian proses promosi, begitu pula dengan bisnis properti. Tidak dipungkiri media promosi konvensional seperti memasang iklan pada media cetak (koran) atau media elekronik (televisi) tidak bisa memenuhi kebutuhan promosi bisnis properti secara maksimal karena keterbatasan waktu dan tempat pengaksesan. Oleh karena itu, dibutuhkan suatu media promosi berbasis web yang dibentuk dalam sebuah situs penjualan properti. Dimana pada saat ini pemakaian internet sudah merasuki setiap sendi kehidupan masyarakat tanpa ada batasan kalangan, waktu dan tempat. Tugas akhir ini bertujuan merancang sistem penjualan properti berbasis e-commerce menggunakan perangkat lunak Macromedia Dreamwever CS5, adobe Photoshop, XAMPP yang merupakan gabungan dari apache web server, PHP dan MYSQL dan browser Mozilla Firefox. Perancangan website ini menggunakan sistem e-commerse dengan type aplikasi e-marketing atau internet marketing yang dapat menyediakan informasi tentang properti yang sedang dipasarkan selama 24 jam kepada pelanggan dan menjadi suatu media promosi yang lebih efektif dan efisien dari sebelumnya.


(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan bisnis properti di Indonesia berkembang pesat. Kalangan bisnis properti memandang, bisnis penjualan properti di Indonesia sangat prospektif dan menjamin dimasa depan. Faktor pendukungnya adalah stabilitas situasi politik dan ekonomi, tecermin dari pertumbuhan ekonomi yang cukup stabil, inflasi relatif rendah dan suku bunga kredit pemilikan rumah (KPR) semakin kompetitif sehingga memperbesar daya beli masyarakat. Untuk memperkenalkan produk atau jasa yang dihasilkan, sebuah perusahaan dituntut untuk melakukan serangkaian proses promosi, begitu pula dengan bisnis properti. Melalui promosi diharapkan proses pemasaran dapat berjalan dengan lancar. Seperti halnya produk-produk lain, pemasaran bisnis properti dilakukan menggunakan berbagai media.

Tidak dipungkiri, media promosi konvensional tidak bisa memenuhi kebutuhan promosi bisnis properti secara maksimal karena keterbatasan waktu dan tempat pengaksesan. Perkembangan teknologi membawa dampak positif bagi penanganan masalah pemasaran properti. Internet yang sudah mulai menjamur memungkinkan pemasaran dilakukan tanpa ada batasan waktu dan tempat.


(14)

memungkinkan informasi sampai tepat sasaran. Terlebih dengan adanya internet for mobile, maka pengaksesan informasi dapat dilakukan dengan genggaman tangan tanpa menyita banyak waktu untuk melakukannya. Kapan saja seseorang mungkin melakukan pencarian informasi tanpa ada ikatan waktu. Dalam 24 jam informasi dapat diperoleh dengan mudah dan akurat.

Dapat disimpulkan betapa pentingnya membangun sebuah media promosi modern yang dibentuk menjadi sebuah situs properti.Pemasaran properti berbasis web ini merupakan media pengembang dan promosi yang banyak diminati oleh para developer maupun pihak lain yang ingin menjual rumah ataupun tanah.

Berdasarkan uraian diatas penulis berkeinginan merancang sebuah website menggunakan sistem e-commerce dengan memanfaatkan salah satu type aplikasinya yaitu e-marketing (EMs) EMs adalah sebuah sarana teknologi informasi dan komunikasi yang menyediakan fasilitas-fasilitas bagi para penjual dan pembeli untuk bertukar informasi tentang harga dan produk yang ditawarkan. Keuntungan fasilitas EMs bagi pelanggan adalah terlihat lebih nyata dan efisien dalam hal waktu. Sedangkan bagi penjual, ia dapat mendistribusikan informasi mengenai produk dan service yang ditawarkan dengan lebih cepat sehingga dapat menarik pelanggan lebih banyak. Metode yang digunakan dalam pembuatan aplikasi pemasaran properti ini dilakukan dengan bahasa pemrograman web PHP yang terkoneksi dengan basisdata MySQL. Atas dasar itulah penulis mengangkat judul tugas akhir “SISTEM PENJUALAN PROPERTI BERBASIS E-COMMERCE”.


(15)

1.2 Identifikasi Masalah

Beberapa masalah yang melatarbelakangi perancangan sistem penjualan ini, diantaranya :

1. Kurangnya media promosi untuk penjualan properti. Pada umumnya promosi yang dilakukan hanya dengan memasang iklan pada media cetak (koran) ataupun elektronik yang kurang praktis.

2. Semakin banyak pembangunan perumahan, apartemen, ruko, villa maupun penjualan tanah sehingga memberikan variasi dalam: harga, luas tanah atau bangunan, lokasi, dan fasilitas. Informasi yang minim menyulitkan pembeli untuk menentukan pilihan yang sesuai dengan kebutuhan dan kemampuan calon pembeli.

1.3 Rumusan Masalah

Berdasarkan dari uraian mengenai latar belakang masalah di atas, maka permasalahan yang dapat dirumuskan adalah bagaimana merancang Sistem Penjualan Properti Berbasis E-commerce.

1.4 Batasan Masalah

Batasan-batasan masalah dalam pembuatan sistem penjualan properti berbasis e-commerce ini adalah sebagai berikut:

1. Kategori Properti yang disediakan adalah rumah, apartement, ruko, tanah dan villa.


(16)

3. Sistem ini merupakan Penyajian informasi penjualan properti yang dijual oleh semua pihak yang ingin menjual properti dan hanya mencakup wilayah Indonesia.

4. Sistem ini dirancang menggunakan bahasa pemrograman PHP, database MySQL,dan menggunakan Macromedia Dreamweaver sebagai media perancangannya.

1.5 Tujuan Penelitian

Merancang sebuah website penjualan properti berbasis e-commerce sebagai media promosi penjualan properti secara online bagi pemasar dan dapat menyajikan informasi seputar penjualan properti kepada para calon pembeli.

1.6 Manfaat Penelitian

1.6.1 Manfaat untuk Pihak Pemasar.

1. Memperluas jangkauan pasar dan meningkatkan omset penjualan. 2. Mempermudah proses pemasaran properti.

1.6.2 Manfaat untuk Mahasiswa

1. Mahasiswa dapat menumbuhkan kreatifitas mahasiswa dalam bidang ilmu pengetahuan dan teknologi khususnya Teknik informatika.

2. Mahasiswa dapat meningkatkan keterampilan dalam merancang dan membuat aplikasi sistem informasi yang tepat guna.


(17)

1.7 Metodologi Penelitian

Metodologi penelitian ini digunakan oleh penulis sebagai pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidak menyimpang dari tujuan yang telah ditentukan sebelumnya. Metodologi yang digunakan penulis dalam pelaksanaan penelitian antara lain :

1. Studi Kepustakaan ( Library Research )

Penulis melakukan studi pustaka dengan mengumpulkan data-data yang ada hubungannya dengan topik masalah yang penulis angkat yang bersifat teoritis dengan cara membaca buku-buku, bahan kuliah dan bahan sumber lainnya.

2. Studi Literatur

Penulis mengunjungi dan mempelajari website atau situs-situs yang berhubungan dengan Tugas Akhir penulis, seperti website penjualan properti, serta mempelajari bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial mengenai bahasa pemrograman yang penulis gunakan.

3. Perancangan Program

Perancangan akan dilakukan dengan menyelesaikan desain layout/ tampilan pada website. Pendesainan dibangun dengan menggunakan Macromedia Dreamweaver CS5.

4. Pengerjaan Program

Setelah desain tampilan selesai dirancang, penulis akan mengerjakan program dengan menggunakan bahasa pemrograman PHP, database MySQL, dan Apache sebagai web server.


(18)

5. Pengujian Program

Pengujian akan dilaksanakan jika program telah selesai dikerjakan. Bila saat pengujian terdapat kesalahan maka perlu adanya perbaikan terhadap program agar menghasilkan hasil yang maksimal.

1.8 Sistematika Penulisan

Untuk mempermudah penulisan Tugas Akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Pada bab ini diuraikan pembahasan tentang latar belakang, identifikasi masalah, rumusan masalah, batasan masalah, tujuan dan manfaat penelitian, metodologi penelitian, dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Bab ini berisikan tinjauan pustaka dan teori yang digunakan sebagai landasan dasar dalam penyusunan tugas akhir, antara lain Pengertian e-commerce, sistem, pengenalan tentang komponen internet serta perangkat lunak pendukung.

BAB 3 PERANCANGAN SISTEM

Bab ini membahas tentang rancangan sistem yang akan dibuat meliputi perancangan struktur web, Entity Relationship Diagram, desain database dan flowchart.


(19)

BAB 4 IMPLEMENTASI SISTEM

Bab ini terdiri dari pengertian implementasi sistem, komponen kebutuhan sistem, instalasi software, dan demonstrasi program.

BAB 5 KESIMPULAN DAN SARAN

Sebagai penutup bab ini terdiri dari kesimpulan dan saran dari hasil penelitian yang penulis peroleh


(20)

BAB 2

LANDASAN TEORI

2.1 Pengertian E-Commerce

Perdagangan sebenarnya merupakan kegiatan yang dilakukan manusia sejak awal peradabannya. Sejalan dengan perkembangan manusia, cara dan sarana yang digunakan untuk berdagang senantiasa berubah. Bentuk perdagangan terbaru yang kian memudahkan penggunanya kini ialah commerce. Secara umum e-commerce dapat didefinisikan sebagai segala bentuk transaksi perdagangan/perniagaan barang atau jasa (trade of goods and service) dengan menggunakan media elektronik. Media elektronik yang dibicarakan di dalam tulisan ini adalah penggunaan media internet.

Penggunaan internet dipilih oleh kebanyakan orang sekarang ini karena kemudahan-kemudahan yang dimiliki oleh jaringan internet, yaitu: murah, cepat dan kemudahan akses. Di dalam e-commerce, para pihak yang melakukan kegiatan perdagangan/perniagaan hanya berhubungan melalui suatu jaringan publik (public network) yang dalam perkembangan terakhir menggunakan media internet. E-commerce adalah kegiatan-kegiatan bisnis yang menyangkut konsumen (consumers), manufaktur (manufactures), service providers dan


(21)

pedagang perantara (intermediaries) Jika diklasifikasikan, sistem e-commerce terbagi menjadi tiga tipe aplikasi, yaitu:

1. Electronic Markets (EMs).

EMs adalah sebuah sarana yang menggunakan teknologi informasi dan komunikasi untuk melakukan/menyajikan penawaran dalam sebuah segmen pasar, sehingga pembeli dapat membandingkan berbagai macam harga yang ditawarkan.Keuntungan fasilitas EMs bagi pelanggan adalah terlihat lebih nyata dan efisien dalam hal waktu. Sedangkan bagi penjual, ia dapat mendistribusikan informasi mengenai produk dan service yang ditawarkan dengan lebih cepat sehingga dapat menarik pelanggan lebih banyak.

2. Electronic Data Interchange (EDI).

EDI adalah sarana untuk mengefisienkan pertukaran data transaksi-transaksi reguler yang berulang dalam jumlah besar antara organisasi-organisasi komersial. EDI sangat luas penggunaannya, biasanya digunakan oleh kelompok retail yang besar ketika melakukan bisnis dagang dengan para supplier mereka..Keuntungan dalam menggunakan EDI adalah waktu pemesanan yang singkat, mengurangi biaya, mengurangi kesalahan, memperoleh respon yang cepat, pengiriman faktur yang cepat dan akurat serta pembayaran dapat dilakukan secara elektronik.


(22)

3. Internet Commerce.

Internet commerce adalah penggunaan internet yang berbasis teknologi informasi dan komunikasi untuk perdagangan. Kegiatan komersial ini seperti iklan dalam penjualan produk dan jasa. Transaksi yang dapat dilakukan di internet antara lain pemesanan/pembelian barang dimana barang akan dikirim melalui pos atau sarana lain setelah uang ditransfer ke rekening penjual.

2.1.1 Karakteristik E-Commerce.

Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus, yaitu :

1. Transaksi tanpa batas

Dengan internet pengusaha kecil dan menengah dapat memasarkan produknya secara internasional cukup dengan membuat situs web atau dengan memasang iklan di situs-situs internet tanpa batas waktu (24 jam), dan tentu saja pelanggan dari seluruh dunia dapat mengakses situs tersebut dan melakukan transaksi secara on line.

2. Transaksi anonim

Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari


(23)

pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan, yang biasanya dengan kartu kredit.

3. Produk digital dan non digital

Produk-produk digital seperti software komputer, musik dan produk lain yang bersifat digital dapat dipasarkan melalui internet dengan cara mendownload secara elektronik. Dalam perkembangannya obyek yang ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya.

4. Produk barang tak berwujud

Banyak perusahaan yang bergerak di bidang e-commercen dengan menawarkan barang tak berwujud separti data, software dan ide-ide yang dijual melalui internet.

Secara umum e-commerce dapat diklasifasikan menjadi dua jenis yaitu; Business to Business (B2B) dan Business to Consumer (B2C). Business to Business (B2B) adalah sistem komunikasi bisnis online antar pelaku bisnis, sedangkan Business to Consumer (B2C) merupakan mekanisme toko online (electronic shopping mall), yaitu transaksi antara e-merchant dengan e-customer Dalam Business to Business pada umumnya transaksi dilakukan oleh para trading partners yang sudah saling kenal dengan format data yang telah disepakati bersama. Sedangkan dalam Business to Customer sifatnya terbuka untuk publik, sehingga setiap individu dapat mengaksesnya melalui suatu web server.


(24)

2.2 Pengertian Sistem

Terdapat dua pendekatan dalam mendefenisikan sistem yaitu yang menekankan pada prosedur dan yang menekankan pada komponen atau elemennya. Pendekatan sistem yang lebih mendekatkan pada prosedur dalam buku yang berjudul “Fundamentals of System Analysis” menerangkan bahwa suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Seangkan pendekatan yang lebih menekankan pada elemen atau komponennya mendefenisikan sistem sebagai kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu.(Jogiyanto, 2000)

Dari pendekatan pengertian sistem diatas dapat dimaknai bahwa suatu sistem merupakan jaringan kerja dari beberapa kumpulan elemen-elemen atau subsistem yang saling berhubungan dan berinteraksi untuk mencapai suatu tujuan tertentu.Elemen yang mewakili sistem secara umum adalah masukan (input), pengolahan (processing), dan keluaran (output). Suatu sistem juga mempunyai ciri-ciri yaitu:

1. Mempunyai ruang lingkup

2. Mempunyai elemen-elemen sistem

3. Mempunyai manajemen terpadu diantara elemen-elemen sistem 4. Mempunyai keterkaitan antar elemen-elemen system.


(25)

2.3 Pengenalan Internet

Internet itu sendiri adalah jaringan komputer yang saling terhubung secara global yang memungkinkan pengguna internet saling bertukar informasi/data malalui jaringan tersebut. Dan untuk awal mula kisah munculnya internet, ada seorang bernama Leonard Kleinrock yang lahir di New York City, Amerika Serikat, 13 Juni 1934, adalah seorang insinyur dan ilmuwan Amerika Serikat. Dia merupakan penemu internet atau bisa disebut Bapaknya Internet.

Kemunculan internet dimulai pada 1966, oleh ARPA (AdvancedResearch Project Agency-Salah satu divisi di departemen pertahanan U.S. ). Dengan ide yang sangat simple: mebuat jaringan komputer militer yang mampu bertukar data dari tempat yang jauh. Dan kemudian pada tanggal 29 Oktober 1969, ARPA dengan ARPANET-nya berhasil menghubungkan dua komputer di University of California, Los Angeles dan SRI International di Menlo Park, California. Hal ini lah yang menjadi embrio kelahirannya internet.

Di tahun 1974, TPC/IP ( Transmission Control Protocol/ Internet Protocol ) diperkenalkan dan menjadi sangat populer serta diterima di tahun 80-an. TCP/IP adalah standar komunikasi data yang digunakan untuk proses tukar-menukar data dalam jaringan internet. Sederhananya, TPC/IP adalah protocol/aturan yang digunakan bersama dalam mentransfer data dari satu komouter ke komputer lain dalam jaringan komputer. Pada Oktober 1984, sistem domain name (.com. .org, .gov, .edu, etc) diperkenalkan. Domain name adalah stu


(26)

cara untuk membuat internet menjadi lebih mudah untuk di jelajahi. November 1990, format World Wide Web atau www diperkenalkan oleh Tim Barners Lee, seorang karyawan CERN (Organisasi gabungan negara-negara eropa yang meneliti teknologi nuklir).

Ini merupakan hal yang penting namun seringkali pemahaman kita kurang tepat: internet dan world wide web adalah dua hal yang berbeda. Internet adalah jaringan komputer yang terhubung dalam skala global, sedangkan world wide web adalah salah satu layanan internet yang berupa jaringan dokumen atau sumber daya lain seperti audio, video atau gambar yang saling terhubung oleh hyperlink atau URL (Uniform Resource Locator – alamat web dokumen web yang anda ketikkan di address bar browser) yang ditransfer melalui jaringan internet melalui protocol HTTP (hypertext transfer protocol).

Jadi awalnya ada berbagai macam format penukaran data antara komputer yang eksis di jaringan internet. Akan tetapi, terkadang antara satu format dengan format yang lain tidak kompetibel. Hal tersebut yang mendasari diciptakannya world wide web sebagai platform internet: untuk menyeragamkan format pertukaran data di internet.

2.3.1 Network

Network adalah jaringan dari system komunikasi data yang melibatkan sebuah atau lebih system komputer yang dihubungkan dengan jalur transmisi alat


(27)

komunikasi membentuk satu system. Dengan network, komputer yang satu dapat menggunakan data di komputer yang lain. Dapat mencetak laporan di printer komputer yang lain, dapat memberi berita ke komputer yang lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasi kansystem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.

2.3.2 Web Browser

Web Browser adalah suatu program yang digunakan untuk menjelajahi dunia Internet atau untuk mencari informasi tentang suatu halaman web yang tersimpan di komputer. Web browser akan menampilkan halaman yang berbentuk kode HTML. Semua halaman web ditulis dengan bahasa HTML (Hypertext Mark Up Language). Walaupun beberapa file mempunyai ekstensi yang berbeda (contoh .html, .php, .php3), output file-file tersebut tetap HTML. Berikut beberapa contoh Web Browser: Mozilla firefox, Internet explorer, Safari, Opera, Google chrome,

2.3.3 World Wide Web

World Wide Web atau lebih dikenal dengan nama web. Web adalah sebuah layanan yang didapat oleh pemakai komputer apabila komputernya tersambung dengan Internet. dengan Web, pengguna komputer di seluruh penjuru dunia dapat saling berinteraksi dengan pengguna Internet lainnya tanpa harus beranjak dari tempat dimana Internet tersebut dapat diakses. Dengan mengakses Internet dapat


(28)

dengan mudah memperoleh informasi yang diinginkan, bahkan dapat menyimpan program, atau gambar yang ditampilkan dari media internet.

Web ditemukan oleh seorang berkebangsaaan Inggris yang bernama dengan tujuan untuk mempermudah tukar menukar dan memperbarui informasi kepada sesama peneliti di tempat dia bekerja yaitu di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. Namun pada tanggal 30 April 1993, CERN menginformasikan bahwa WWW dapat digunakan secara gratis oleh semua orang.

Sekarang ini web telah memiliki pemirsa dalam jumlah yang sangat besar di luar lingkup akademis : kurang lebih 30% dari server web yang tengah beroperasi saat ini berada di komputer dalam domain komersial, dan di sebagian industri, di mana keberadaaan perusahaan web sama pentingnya dengan memiliki telpon atau faks bagi tujuan komunikasi bisnis. Web sekarang telah menjadi media yang sangat penting bagi periklanan dan alamat web sekarang sudah umum dijumpai pada majalah, surat kabar, dan iklan televisi.

2.3.4 Hyper Text Transfer Protocol (HTTP)

HTTP adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web


(29)

server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.

2.4 Personal Home Page (PHP)

PHP Hypertext Preprocessor adalah disisipkan ke dalam

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh taForm Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari dan menamakannya

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, sudah diimplementasikan dalam program modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama


(30)

PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

2.4.1 Kelebihan PHP

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.


(31)

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.

2.4.2 Cara penulisan PHP

PHP bersifat case sensitif yang artinya semua penulisannya harus sesuai dengan kamus data yang tersedia. Secara mendasar php memiliki struktur sebagai berikut :

<?php

//Ini contoh komentar dalam php

echo "<h2>Contoh sederhana penulisan PHP</h2>"; $nama="Satria Multimedia";

echo "<p>$nama</p>"; $nilai=10;

$hasil=$nilai+10; echo $hasil; ?>

Kode diatas adalah contoh sederhana struktur PHP, berikut penjelasanya :

1. Awal kode harus diawali dengan "<?php" dan diakhiri dengan "?>", perintah tersebut harus ada pada tiap bagian yang memanggil fungsi php.

2. Dalam barisan perintah php, kita bebas menyisipkan komentar dengan diawali tanda "//". halaman yang sama. Komentar digunakan untuk mempermudah mengingat kumpulan baris dengan proses yang sama

3. Echo digunakan untuk mengirimkan hasil ke browser, sehingga yang dikirimkan adalah bagian yang berada setelah perintah echo


(32)

4. Setiap variabel harus diawali dengan tanda dolar "$" dan dapat dipanggil kapanpun dalam MySQL adalah sebuah perangkat lunak Pembuat database yang bersifat terbuka atau open source dan berjalan disemua platform baik Linux maupun di Windows.

2.5 My Structure Query Language (MySQL)

MySQL merupakan program pengakses database yang bersifat network sehingga dapat digunakan untuk aplikasi Multi User (Pengguna Banyak). MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.

2.6 Hyper Text Markup Language (HTML)

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang


(33)

sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

1. structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1


(34)

2. presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,

3. hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan

menampilka

4. Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

2.6.1 Kerangka Dasar HTML

HTML adalah bahasa yang digunakan untuk menulis halaman web.ciri utama dokumen HTML adalah adanya tag dan elemen. Setiap dokumen terdiri atas elemen head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih kecil ”<” (tag awal) dan tanda lebih besar “>” (tag


(35)

akhir). Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut :

<html> <head>

… informasi tentang dokumen HTML </head>

<body>

… informasi yang ditampilkan dalam browser web </body>

</html>

Setiap dokumen html harus diawali dengan menuliskan tag <html> dan tag </html> diakhiri dokumen. Tag ini menandai elemen html, yang berarti dokumen ini adalah dokumen HTML. Dalam suatu dokumen hanya ada satu elemen html. Section atau elemen head ditandai dengan tag <head> diawal, dan tag </head> di akhiri. Section ini berisi informasi tentang dokumen htmlnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunkan tag <title> Dan diakhiri dengan </title>. Section body merupakan elemen terbesar didalam dokumen html. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraph, grafik, link, table, dan sebagainya.

2.7 Pengenalan Adobe Dreamweaver 5

Dreamweaver merupakan perangkat lunak atau softwere yang berfungsi sebagai web editor untuk membangun dan mendesain suatu website. Dreamweaver CS5 mempunyai kelebihan dari tipe sebelumnya, antara lain penggunaan fitur canggih


(36)

Ajax, JQuery yang menggunakan Browser Widget serta pengujian tampilan web menggunakan Web Adobe Browser Lab.


(37)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perencanaan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan pada sistem baru yang akan diterapkan. Dalam membangun sebuah situs perancangan sistem merupakan tahap awal yang akan dilakukan. Diperlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang untuk hasil yang maksimal. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya, MySQL sebagai databasenya, serta Dreamweaver CS5 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang. Dalam Pembuatan sistem penjualan properti berbasis e-commerce ini rancangan sistem meliputi perancangan struktur web, rancangan basisdata, entity relationship diagram dan flowchart.

3.2 Perancangan Struktur Web

Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam yaitu bagi admin, member dan maupun pengunjung biasa. Rancangan ini dapat


(38)

Gambar 3.1 Rancangan Web Untuk Pengunjung Biasa

Gambar 3.2 Rancangan Web Untuk Member

Gambar 3.3 Rancangan Web Untuk Administrator

Homepage Property.com

Index Property Contact

Us

About Us Pasang Iklan

Homepage Property.com

Home Property Tambah Property

Edit Property

Profil Logout

Homepage Property.com


(39)

3.3 Entity Relationship Diagram (ERD)

Entity relationship diagram adalah komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari dunia nyata yang kita tinjau.

Admin

Tambah

Produk

Kirim Pesan

Memiliki

Member

memiliki Detal_produk

Pass

email nama

Nama

Alamat Pesan

email

Id produk Nama produk Luas_bangunan

nama Luas_tanah

Harga Lokasi_produk

kota

keterangan foto

status tanggal

Id_produk

Nama_produ

Nama No hp

Email Pass Foto


(40)

3.4 Desain Database

Database merupakan kumpulan dari beberapa file yang dikelompokkan secara terstruktur dalam beberapa tabel sesuai informasi yang dibutuhkan di dalamnya. Perancangan database dilakukan dengan membuat tabel-tabel untuk menampung data/file yang digunakan dalam mengelola sistem ini, sesuai dengan kebutuhan yang diperlukan sebagai media input dan media penyimpanan data serta sebagai media output.

3.4.1 Detail_produk

Nama Field Type Size Keterangan

id_produk varchar 10 Id Produk

nama_produk varchar 50 Nama

Harga varchar 20 Harga

luas_tanah integer 11 Luas Tanah

luas_bangunan integer 11 Luas Bangunan

lokasi_produk text - Lokasi

Kota varchar 20 Kota

Keterangan text - Keterangan

Foto varchar 50 Gambar

Tanggal varchar 20 Tanggal

Nama varchar 50 Nama

Status varchar 30 Status Property

Tab el 3.1 Data detail_produk

3.4.2 Member

Nama Field Type Size Keterangan

Nama varchar 50 Nama Member

no_hp integer 20 No Handphone

email varchar 100 Email, Primary Key

pass varchar 32 Password

foto varchar 50 Gambar


(41)

3.4.3 Produk

Nama Field Type Size Keterangan

Id_produk varchar 10 Id Produk, Primary Key

nama_produk varchar 50 Kategori Produk

Tabel 3.3 Data produk

3.4.4 Pesan

Nama Field Type Size Keterangan

nama varchar 50 Nama Pengirim

email varchar 100 Email

alamat text - Alamat

pesan text - Pesan/Komentar

Tabel 3.4 Data pesan

3.4.5 Tabel Admin

Nama Field Type Size Keterangan

nama varchar 30 Nama, Primary Key

email varchar 100 Email

pass varchar 32 Password

Tabel 3.5 Data admin

3.5 Flowchart

Diagram alur ( flowchart ) merupakan simbol-simbol yang digunakan untuk menggambarkan urutan proses yang terjadi didalam suatu program komputer secara sistematis dan logis. (Jogiyanto 2001,h. 766 )


(42)

3.5.1 Flowchart Menu Utama

N Y

N Y

N Y

N

N

Y Y

N N

Y Y

N

N

Y Y

N N

Y Y

N N N

N N

Y Y

Gambar 3.5 Flowchart Menu Utama

Start login Home End Tampilan Halaman Member Tampilan Halaman Utama Property Contact Us About Us Pasang Iklan Close Home Property Tambah Property Edit Property Profil Logout Procedur Pasang Iklan Procedur Tambah Prperty Procedur Edit Property Halaman Utama Seluruh Property Tentang Website Halaman Home member Seluruh Property Member Procedur Edit Profil Tampilan Halaman Utama Index Hubungi Kami


(43)

3.5.2 Flowchart Pasang Iklan

N

Y

N

Y

N

Y

Gamabar 3.6 Flowchart Pasang Iklan

Procedur Pasang Iklan

Pengisian Form Daftar Member

Data Sudah Diisi dengan

benar?

Simpan Data Member

Login

Pengisian Email Dan Password

Email dan Password Benar?

Halaman Home Member Berhasil Terdaftar


(44)

3.5.3 Flowchart Tambah Property

Gambar 3.7 Flowchart Tambah Property

3.5.4 Flowchart Edit Property

Y

N

Y

N

Gambar 3.8 Flowchart Edit Property

Procedur Tambah Property

Isi Form Pemasangan IklanProperty

Simpan Data Iklan Property

Procedur Edit Property

Edit Property

Edit Status Simpan Perubahan

Tampilan Data Berhasil Disimpan

Tampilan Update Berhasil Tampilan Property

Member

Update Property

Update Status Pilih Properti


(45)

3.5.5 Flowchart Edit Profil

N

Y

N

Y

N

Gambar 3.9 Flowchart Edit Profil

Procedur Edit Profil

Edit Profil

Edit Password Tampilan Profil

Member

Simpan Perubahan

Tampilan Update Berhasil Update Profil

Update Password


(46)

3.5.6 Flowchart Halaman Administrator Y N Y Y N Y N Y N N Y Y

Gambar 3.10 Flowchart Halaman Administrator

Start

Input nama dan password

Nama dan password benar? Halaman Home Admin Login Gagal Input nama & password Index Edit Data Property Edit Data Pesan Edit Data Member Keluar End Update Data Property Update Data Pesan Update Data Member Simpan Perubahan


(47)

BAB 4

IMLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur atau langkah yang dilakukan untuk meletakkan sistem baru yang telah direncanakan dan dibuat untuk diterapkan. Dalam menjalankan implementasi dilakukan beberapa hal yaitu menerapkan rencana implementasi, melakukan kegiatan implementasi dan tindak lanjut implementasi. Tujuan dari implementasi sistem ini adalah:

a. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

b. Memastikan bahwa pemakai(user) dapat mengoperasikan sistem baru c. Menguji apakah sistem baru tersebut sesuai dengan pemakai

d. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

4.2 Komponen-Komponen Kebutuhan Sistem

4.2.1 Hardware

Hardware merupakan semua bagian fisik komputer, komponen-komponen yang membentuk suatu sistem komputer yang memungkinkan komputer dapat


(48)

melaksanakan tugasnya. Perangkat keras yang dibutuhkan dalam pembuatan sistem ini adalah:

1. Prosesor 2. Harddisk 3. Memory 4. Monitor 5. Keyboard 6. Mouse 7. Modem

4.2.2 Software

Software/ perangkat lunak adalah program yang berisi kumpulan instruksi untuk melakukan proses pengolahan data Adapun software yang digunakan adalah: a. Sistem operasi. Penulis menggunakan sistem operasi Windows 8

b. Apache 2.4.2 (Win32) sebagai web server c. PHP 5.4.4 sebagai web programming d. MySQL 5.5.25asebagai database server

e. Macromedia Dreamweaver CS5 sebagai web editor

f. Browser web sebagai melihat output atau tampilan website.

4.2.3 Brainware

Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat intelektual yang


(49)

mengoperasikan dan mengeksplorasi kemampuan dari Hardware maupun Software. Brainware yang dapat menjalankan website ini terbagi menjadi 3 yaitu:

1. Administrator

2. Member (Pelanggan/Anggota) 3. Pengunjung (Publik)

4.3 Instalasi Software

Jika website akan digunakan dalam jaringan lokal maka diperlukan software untuk membaca file php, membuat server lokal dan instalasi database. Penginstalan Software yang disarankan adalah Apache server, PHP dan MySQL.

Dalam Tugas akhir ini penulis hanya mencantumkan instalasi apache server.

4.3.1 Instalasi Apache Server

1. Download Apache Server

2. setelah selesai mendownload klik2x file tersebut seperti gambar dibawah ini:


(50)

3. Selanjutnya klik next --> klik I accept --> klik next lagi lalu sampai pada gambar di bawah ini:

Gambar 4.2 Jendela Server Information

4. Kemudian klik next pilih typical Kemudian klik “change” untuk mengubah folder tujuan penginstalan. Sebagai contoh kita akan menginstal program ini ke “C:\Apache\” untuk PHP MySQL serta phpMyAdmin akan kita install di folder yang sama. Hal ini untuk mempermudah instalasi dan pengaturan lain nantinya. Sehingga akan menjadi seperti gambar dibawah ini:

Gambar 4.3 Proses Instalasi Apache


(51)

4.4 Demonstrasi Program

Folder website yang telah selesai disimpan didalam directori htdocs, selanjutnya diuji di server localhost dengan alama website yang telah di uji di web browser

4.4.1 Tampilan Halaman Utama (index)

Gambar 4.4 Halaman Utama(index)


(52)

4.4.3 Tampilan Halaman Pasang Iklan

Gambar 4.6 Halaman Pasang Iklan

4.4.4 Tampilan Halaman Home (Member)


(53)

4.4.5 Tampilan Halaman Tambah Property (Member)

Gambar 4.8 Halaman Tambah Property


(54)

4.4.7 Tampilan Halaman Profil (Member)

Gambar 4.10 Halaman Profil

4.4.8 Tampilan Halaman Admin – Property


(55)

4.4.9 Tampilan Halaman Admin – Pesan

Gambar 4.12 Halaman Admin – Pesan

4.4.10 Tampilan Halaman Admin – Member


(56)

BAB 5

KESIMPULAN DAN SARAN

5.1Kesimpulan

Dari hasil penelitian dapat diambil kesimpulan sebagai berikut:

1. Dalam merancang dan menrealisasikan sistem penjualan properti berbasis e-commerce ini menggunakan bahasa pemrograman PHP sebagai bahasa scripting yang menyatu dengan HTML, MySQL sebagai database manajemen sistem, Apache sebagai web server, dan Macromedia Dreamweaver CS5 sebagai web editornya.

2. Elektronic Markets (EMs) atau disebut juga internet marketing, merupakan type aplikasi yang tepat digunakan dalam perancangan situs penjualan properti berbasis e-commerce ini, yang diberikan nama property.com.

3. Dengan adanya website ini memberikan manfaat bagi pihak terlibat antara lain :

a. Pengembang bisnis properti tidak lagi mengalami kesulitan dalam mempromosikan secara luas produk propertinya, sehingga proses promosi menjadi lebih efektif dan efisien dari sebelumnya.

b. Memberi banyak informasi bagi calon pembeli mengenai harga, lokasi, luas tanah/bangunan, dan fasilitas yang ditawarkan oleh bermacam-


(57)

macam pengembang, bahkan calon pembeli tidak perlu mendatangi ke tempat kantor pemasaran untuk mendapatkan infomasi singkat mengenai properti, sehingga lebih efisien waktu dan calon pembeli dapat memilih properti yang sesuai dengan kebutuhan dan kemampuan calon pembeli.

5.2 Saran

1. Belum terdapatnya fasilitas komunikasi online antara pengunjung dengan pengembang guna dapat memberikan lebih banyak informasi bagi pengunjung/calon pembeli.

2. Dalam membangun situs penjualan, agar desain lebih diperhatikan untuk bisa menarik pengunjung/ member lebih banyak lagi dan menambah konten seperti aneka tips dan berita terkini seputar hal yang dijual.

3. Website ini tentunya dapat dikembangkan ke tahapan yang lebih terperinci. Halaman produk yang terdapat pada website ini kemungkinan dapat dimodifikasi agar menjadi katalog produk online secara dinamis. Selain itu fitur-fitur visual dalam web ini juga dapat dikembangkan lebih baik nantinya.


(58)

DAFTAR PUSTAKA

Betha Sidik,Ir dan Husni Iskandar Pohan,Ir.,M.Eng. 2007. Pemrograman WEB dengan HTML.Bandung: Informatika Bandung.

Hakim, Lukmanul dan Musalini Uus. 2004. Cara Cerdas Menguasai Layout, Desain dan aplikasi Web. Jakarta: PT Elex Media Komputindo.

Kadir, abdul. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi

Pramono, Andi dan M.Syafili. 2005. Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Website. Yogyakarta: Andi.

Sulistya, Cristianus Sigit. 2009. Belajar Kilat Adobe Dreamweaver CS4. Yogyakarta: Andi dengan ELCOM

Sutarman S.kom. 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.

Wahana Komputer. 2001. Apa dan Bagaimana E-Commerce. Edisi pertama. Yogyakarta:Andi


(59)

LISTING PROGRAM

Home.php

<html> <head>

<title>Property.Com</title>

<link rel="stylesheet" type="text/css" href="style/style.css" media="screen"> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" src="./script.js"></script> </head> <body> <div class="wrapper"> <div class="w-head"> <div class="isi"></div> </div> <script type="text/javascript" src="js/swfobject.js"></script> <div id="art-flash-area"> <div id="art-flash-container"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="896" height="224">

<param name="movie" value="gambar/flash.swf" valuetype="data"></param> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="gambar/flash.swf" width="1000" height="224">

<param name="quality" value="high" valuetype="data"></param>


(60)

value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <div class="art-flash-alt"> <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_button s/get_flash_player.gif" alt="Get Adobe Flash player" />

</a> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <script type="text/javascript">swfobject.switchOffAutoHideShow( ); swfobject.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");</script> <div class="menu"> <ul> <li> <a id="h" href="?menu=home">Home</a> </li> <li> <a href="menu/property/property.php?menu=property"> Property</a> </li> <li> <a href="menu/contact-us/contact-us.php?menu=contact-us">Contact Us</a> </li> <li> <a href="menu/about-us/about-us.php?menu=about-us">About Us</a> </li> <li> <a href="menu/daftar-member.php?menu=pasang-iklan">Pasang Iklan Gratis</a>

</li> </ul>


(61)

</div> <div class="content"> <div id="isi-kiri-content"> <div id="j"> KATEGORI </div> <div id="i-k"> <?php error_reporting('0'); include('koneksi/koneksi.php'); $menu=$_GET['menu']; $query="select *from produk"; $data=mysql_query($query); while ($data2=mysql_fetch_array($data)) {

echo "<a id=\"l-k\"

href=\"menu/menu-kiri/menu-kiri.php?id_produk=".$data2['id_produk']."&menu=$menu\" >

<div id=\"ii\"> <p>".$data2['nama_produk']."</p>

</div> </a>"; } ?> </div> <div id="j"> LOGIN </div> <div id="i">

<form method="post" action="menu/halaman-member/proses-login.php">

<table id="login"> <tr>

<th>EMAIL</th> <td><input type="email" maxlength="50" name="email"></td>

</tr> <tr> <th>PASSWORD</th>

<td><input type="password" maxlength="20" name="pass"></td>

</tr> <tr>

<th></th> <td><input


(62)

id="login" type="submit" value="LOGIN"></ins></td> </tr> </table> </form> </div> </div> <div id="isi-kanan-content"> <div id="slide"> <?php include('slidee.php');?> </div> <div id="isi-isi"> <div id="j-ii"> <p>PROPERTY TERBARU</p> </div> <?php

// SELECT * FROM `detail_produk`,`produk` WHERE

`detail_produk`.`id_produk`=`produk`.`id_produk` include('koneksi/koneksi.php');

$query2="select *from detail_produk where tanggal >'2013-05-30' and

status='belum laku'";

$data1_2=mysql_query($query2); while ( $data2_2=mysql_fetch_array($data1_2)) {

$query3="select *from member where nama='$data2_2[nama]'";

$data3=mysql_query($query3); $data3_2=mysql_fetch_array($data3); echo " <a href=\"menu/detail/detail-property-kiri.php?id_produk=".$data2_2['id_produk']."&nama=".$da ta2_2['nama']."&harga=".$data2_2['harga']."\"> <div id=\"isi-p\"> <div id=\"d-p\"> <div id=\"harga\"> <p

id=\"i-harga\">Rp.".$data2_2['harga']."</p> </div>

<img id=\"g-d\"

src=\"menu/property/gambar/".$data2_2['foto']."\"> <div id=\"n-p\">

<p id=\"d-me\">


(63)

</p> <p id=\"t-me\"> Telp: ".$data3_2['no_hp']." </p> </div> </div> </div> </a>"; } ?> </div> </div> </div> </div> </body> </html>

Property.php

<html> <head> <title>Produk</title>

<link rel="stylesheet" type="text/css" href="../../style/style.css" media="screen"> <script type="text/javascript" src="../../jquery.js"></script> <script type="text/javascript" src="../../script.js"></script> </head> <body> <div class="wrapper"> <div class="w-head"> <div class="isi"></div> </div> <script type="text/javascript" src="../../js/swfobject.js"></script> <div id="art-flash-area"> <div id="art-flash-container"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="896" height="224">

<param name="movie" value="gambar/flash.swf" valuetype="data"></param> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param>


(64)

value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="../../gambar/flash.swf" width="1000" height="224"> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--<![endif]--> <div class="art-flash-alt"> <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_button s/get_flash_player.gif" alt="Get Adobe Flash player" />

</a> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <script type="text/javascript">swfobject.switchOffAutoHideShow( );swfobject.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");</script> <div class="menu"> <ul> <li> <a href="../../home.php?menu=home">Home</a> </li> <li> <a id="h" href="property.php?menu=property">Property</a> </li> <li>


(65)

<a href="../contact-us/contact-us.php?menu=contact-us">Contact Us</a> </li> <li> <a href="../about-us/about-us.php?menu=about-us">About Us</a> </li> <li> <a href="../daftar-member.php?menu=pasang-iklan">Pasang Iklan Gratis</a> </li> </ul> </div> <div class="content"> <div id="isi-kiri-content"> <div id="j"> KATEGORI </div> <div id="i-k"> <?php include('../../koneksi/koneksi.php'); $menu=$_GET['menu'];

$query="select *from produk"; $data=mysql_query($query);

while ($data2=mysql_fetch_array($data)) {

echo "<a id=\"l-k\"

href=\"../menu-kiri/menu-kiri.php?id_produk=".$data2['id_produk']."&menu=$menu\" > <div id=\"ii\"> <p>".$data2['nama_produk']."</p> </div> </a>"; } ?> </div> <div id="j"> LOGIN </div> <div id="i"> <form method="post" action="../halaman-member/proses-login.php"> <table id="login"> <tr> <th>EMAIL</th> <td><input type="email" maxlength="50" name="email"></td>

</tr> <tr>


(66)

<th>PASSWORD</th>

<td><input type="password" maxlength="20" name="pass"></td>

</tr> <tr>

<th></th> <td><input id="login" type="submit" value="LOGIN"></ins></td>

</tr> </table> </form> </div> </div> <div id="isi-kanan-content"> <div id="isi-isi"> <div id="j-ii"> <p>SELURUH PRODUK</p> </div> <?php

// SELECT * FROM `detail_produk`,`produk` WHERE `detail_produk`.`id_produk`=`produk`.`id_produk` include('../../koneksi/koneksi.php'); $query="select *from produk"; $data=mysql_query($query); while ($data2=mysql_fetch_array($data)) { echo "<div id=\"i-p\">

<p>".$data2['nama_produk']."</p> <div id=\"b\"></div>"; $id_produk=$data2['id_produk'];

$query2="select *from detail_produk where

id_produk='$id_produk' and status='belum laku'"; $data1_2=mysql_query($query2);

while ( $data2_2=mysql_fetch_array($data1_2)) { $query3="select *from member where

nama='$data2_2[nama]'";

$data3=mysql_query($query3);

$data3_2=mysql_fetch_array($data3);

echo "<a href=\"../detail/detail-property-kiri.php?id_produk=".$data2_2['id_produk']."&nama=".$da ta2_2['nama']."&harga=".$data2_2['harga']."\">

<div id=\"isi-p-p\">


(67)

<div id=\"harga-p\"> <p id=\"i-harga-p\">Rp.".$data2_2['harga']."</p> </div> <img id=\"g-d-p\" src=\"gambar/".$data2_2['foto']."\"> <div id=\"n-p-p\"> <p id=\"d-me-p\"> ".$data3_2['nama']." </p> <p id=\"t-me-p\"> Telp: ".$data3_2['no_hp']." </p> </div> </div> </div> </a>"; } echo "</div>"; } ?> </div> </div> </div> </div> </body> </html> Contact-us.php <html> <head> <title></title>

<link rel="stylesheet" type="text/css" href="../../style/style.css" media="screen"> <script type="text/javascript" src="../../jquery.js"></script> <script type="text/javascript" src="../../script.js"></script> </head> <body> <div class="wrapper"> <div class="w-head"> <div class="isi"></div> </div> <script type="text/javascript" src="../../js/swfobject.js"></script> <div id="art-flash-area"> <div id="art-flash-container"> <object


(68)

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="896" height="224"> <param name="movie" value="gambar/flash.swf" valuetype="data"></param> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="../../gambar/flash.swf" width="1000" height="224"> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--<![endif]--> <div class="art-flash-alt"> <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_button s/get_flash_player.gif" alt="Get Adobe Flash player" />

</a> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <script type="text/javascript">swfobject.switchOffAutoHideShow( );swfobject.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");</script> <div class="menu">


(69)

<ul> <li> <a href="../../home.php?menu=home">Home</a> </li> <li> <a href="../property/property.php?menu=property">Property< /a> </li> <li>

<a id="h" href="../contact-us/contact-us.php?menu=contact-us">Contact Us</a> </li> <li> <a href="../about-us/about-us.php?menu=about-us">About Us</a> </li> <li> <a href="../daftar-member.php?menu=pasang-iklan">Pasang Iklan Gratis</a> </li> </ul> </div> <div class="content"> <div id="isi-kiri-content"> <div id="j"> KATEGORI </div> <div id="i-k"> <?php error_reporting('0'); include('../../koneksi/koneksi.php'); $menu=$_GET['menu']; $query="select *from produk"; $data=mysql_query($query); while ($data2=mysql_fetch_array($data)) {

echo "<a id=\"l-k\"

href=\"../menu-kiri/menu-kiri.php?id_produk=".$data2['id_produk']."&menu=$menu\" >

<div id=\"ii\"> <p>".$data2['nama_produk']."</p> </div>

</a> ";

} ?> </div>


(70)

<div id="j"> LOGIN </div>

<div id="i">

<form method="post" action="../halaman-member/proses-login.php">

<table id="login"> <tr>

<th>EMAIL</th> <td><input type="email" maxlength="50" name="email"></td>

</tr> <tr> <th>PASSWORD</th>

<td><input type="password" maxlength="20" name="pass"></td>

</tr> <tr>

<th></th> <td><input id="login" type="submit" value="LOGIN"></ins></td>

</tr> </table> </form> </div> </div> <div id="isi-kanan-content"> <?php $aksi=$_GET['aksi'];

if ($aksi=='kirim-pesan') { include('kirim-pesan.php'); } else{ include('isi-contact-us.php'); } ?> </div> </div> </div> </body> </html> About-us.php <html>


(71)

<head>

<title></title>

<link rel="stylesheet" type="text/css" href="../../style/style.css" media="screen"> <script type="text/javascript" src="../../jquery.js"></script> <script type="text/javascript" src="../../script.js"></script> </head> <body> <div class="wrapper"> <div class="w-head"> <div class="isi"></div> </div> <script type="text/javascript" src="../../js/swfobject.js"></script> <div id="art-flash-area"> <div id="art-flash-container"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="896" height="224">

<param name="movie" value="gambar/flash.swf" valuetype="data"></param> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="../../gambar/flash.swf" width="1000" height="224"> <param name="quality" value="high" valuetype="data"></param> <param name="scale" value="exactfit" valuetype="data"></param> <param name="wmode" value="transparent" valuetype="data"></param> <param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param> <param name="swfliveconnect" value="true" valuetype="data"></param>


(72)

<!--<![endif]--> <div class="art-flash-alt"> <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_button s/get_flash_player.gif" alt="Get Adobe Flash player" />

</a> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <script type="text/javascript">swfobject.switchOffAutoHideShow( );swfobject.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");</script> <div class="menu"> <ul> <li> <a href="../../home.php?menu=home">Home</a> </li> <li> <a href="../property/property.php?menu=property">Property< /a> </li> <li> <a href="../contact-us/contact-us.php?menu=contact-us">Contact Us</a> </li> <li>

<a id="h" href="about-us.php?menu=about-us">About Us</a> </li> <li> <a href="../daftar-member.php?menu=pasang-iklan">Pasang Iklan Gratis</a> </li> </ul> </div> <div class="content"> <div id="isi-kiri-content"> <div id="j"> KATEGORI </div> <div id="i-k">


(73)

<?php include('../../koneksi/koneksi.php'); $menu=$_GET['menu']; $query="select *from produk"; $data=mysql_query($query); while ($data2=mysql_fetch_array($data)) {

echo "<a id=\"l-k\"

href=\"../menu-kiri/menu-kiri.php?id_produk=".$data2['id_produk']."&menu=$menu\" > <div id=\"ii\"> <p>".$data2['nama_produk']."</p> </div> </a> "; } ?> </div> <div id="j"> LOGIN </div> <div id="i">

<form method="post" action="../halaman-member/proses-login.php">

<table id="login"> <tr>

<th>EMAIL</th> <td><input type="email" maxlength="50" name="email"></td>

</tr> <tr> <th>PASSWORD</th>

<td><input type="password" maxlength="20" name="pass"></td>

</tr> <tr>

<th></th> <td><input id="login" type="submit"

value="LOGIN"></ins></td> </tr> </table> </form> </div> </div> <div id="isi-kanan-content"> <div id="isi-isi"> <div id="j-ii">


(74)

<p>TENTANG KAMI</p> </div>

<div id="isi-about-us"> <p id="ju-ab-u">Selamat Datang di

Property.com</p><p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Property.com

merupakan media untuk pasang iklan Proerty gratis,Mudah dan cepat laku.

</p> <p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Saat ini semakin banyak orang mencari info rumah dijual melalui Internet.

Indonesia memiliki pasar property yang dinamis dan kami memberikan anda informasi yang terlengkap dan terkini untuk membantu anda dalam memutuskan sebuah investasi. Iklan properti yang Anda pasang di website ini dapat dilihat oleh semua orang di seluruh Indonesia.

Jika iklan rumah Anda dilengkapi foto dan harga yang pantas, calon pembeli pasti tertarik.

</p> <p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kami berharap situs ini berguna bagi Anda. Mau jual rumah, beli rumah, atau jual dan cari properti lain ditawarkan untuk menjamin kenyamanan Anda.

</p> </div> </div> </div> </div> </div> </body> </html> Daftar-member.php <html> <head> <title></title>

<link rel="stylesheet" type="text/css" href="../style/style.css" media="screen"> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="../script.js"></script> </head> <body>


(1)

</form>

</div> </div>"; }

?> </div> </div>

</div> </body> </html>

Halaman-member.php

<?php

error_reporting(0); include('fungsi.php'); session_start();

$email=$_SESSION['email']; $passw=$_SESSION['pass'];

if(!empty($email) and !empty($passw)){ ?>

<html> <head>

<title></title>

<link rel="stylesheet" type="text/css" href="../../style/style.css" media="screen">

<script type="text/javascript" src="../../../jquery.js"></script>

<script type="text/javascript" src="../../../script.js"></script> </head>

<body>

<div class="wrapper"> <div class="w-head">

<div class="isi"></div> </div>

<script type="text/javascript" src="../../../js/swfobject.js"></script>

<div id="art-flash-area">

<div id="art-flash-container">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="896" height="224">

<param name="movie"

value="gambar/flash.swf" valuetype="data"></param> <param name="quality" value="high" valuetype="data"></param>

<param name="scale" value="exactfit" valuetype="data"></param>


(2)

value="transparent" valuetype="data"></param> <param name="flashvars"

value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param>

<param name="swfliveconnect" value="true" valuetype="data"></param>

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="../../gambar/flash.swf"

width="1000" height="224">

<param name="quality" value="high" valuetype="data"></param>

<param name="scale" value="exactfit" valuetype="data"></param>

<param name="wmode" value="transparent" valuetype="data"></param>

<param name="flashvars" value="color1=0xFFFFFF&alpha1=.30&framerate1=24&loop=tr ue&wmode=transparent" valuetype="data"></param>

<param name="swfliveconnect" value="true" valuetype="data"></param>

<!--<![endif]-->

<div class="art-flash-alt">

<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_button s/get_flash_player.gif" alt="Get Adobe Flash player" />

</a> </div>

<!--[if !IE]>--> </object>

<!--<![endif]--> </object>

</div> </div>

<script

type="text/javascript">swfobject.switchOffAutoHideShow( );swfobject.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");</script>

<div class="menu2"> <?php

include('../../koneksi/koneksi.php'); $email=$_GET['email'];

$query="select *from member where email='$email'"; $data=mysql_query($query);

$data2=mysql_fetch_array($data); ?>


(3)

<ul>

<li>

<a id="h" href="halaman-member.php?email=<?php echo $data2['email'];?>&nama=<?php echo $data2['nama']; ?>">Home</a>

</li> <li>

<a href="property-member.php?email=<?php

$nama=$_GET['nama']; echo $email; ?>&nama=<?php $nama2=$_GET['nama']; echo $nama2; ?>">Property</a>

</li> <li>

<a href="tambah-property.php?email=<?php

$nama=$_GET['nama']; echo $email; ?>&nama=<?php echo $nama; ?>">Tambah Property</a>

</li> <li>

<a href="edit-property.php?email=<?php

$nama=$_GET['nama']; echo $email; ?>&nama=<?php echo $nama; ?>">Edit Property</a>

</li> <li>

<a href="member/profil-member.php?email=<?php $nama=$_GET

['nama']; echo $email; ?>&nama=<?php echo $nama; ?>"> <?php

include('../../koneksi.php') ; $email=$_GET['email'];

$query="select *from member where email='$email'"; $data=mysql_query($query);

$data2=mysql_fetch_array($data);

echo"<img id=\"g-d-m\" src=\"foto/".$data2['foto']."\"> <p id=\"ket-m\">".$data2['nama']."</p>";

?> </a> </li> <li>

<a href="halaman-member.php?logout">LOGOUT<!-- <img id="" src=""> --></a>

</li> </ul>

</div>

<div class="content">

<div id="isi-kiri-content"> <div id="j">

KATEGORI </div>

<div id="i-k"> <?php


(4)

include('../../koneksi/koneksi.php'); $nama=$_GET['nama']; $query="select *from produk";

$data=mysql_query($query);

while ($data2=mysql_fetch_array($data)) {

echo "<a id=\"l-k\"

href=\"../menu-kiri/menu-kiri-member.php?id_produk=".$data2['id_produk']."&email=$ema il&nama=$nama\">

<div id=\"ii\">

<p>".$data2['nama_produk']."</p> </div>

</a>"; }

?> </div> </div>

<div id="isi-kanan-content"> <div id="isi-isi">

<?php

include('../../koneksi/koneksi.php'); $nama=$_GET['nama'];

$query="select *from member where nama='$nama'";

$data=mysql_query($query);

$data2=mysql_fetch_array($data);

echo "<p id=\"h-k\">Hai, <b>".$data2['nama']."</b></p> <p id=\"h-k\">Selamat Datang di halaman Member ini</p>

<p id=\"h-k\">Di sini Anda Bisa Memasang Iklan PROPERTY yang akan Anda Jual</p>

<p id=\"h-k\">Di sini Anda Juga Bisa menambah dan mengupdate data-data PROPERTY yang Anda akan jual</p>

<p id=\"h-k\">Anda Juga Bisa Melihat data-data apa saja yang Anda telah Input-kan</p>

<p id=\"h-k\">Langsung saja Anda Jelajahi Halaman Khusus Untuk Anda ini</p>";

?> </div> </div>

</div> </div>

</body> </html> <?php } else{

echo "belum login"; }


(5)

?>

Home.php (Administrator)

<?php

error_reporting(0); include('fungsi.php'); session_start();

$user=$_SESSION['nama']; $passw=$_SESSION['pass'];

if(!empty($user) and !empty($passw)){ ?>

<html> <head>

<title>Administrator</title>

<link rel="stylesheet" type="text/css" href="style-admin/style-admin.css">

</head> <body>

<div class="w-admin"> <div class="head">

<p>HALAMAN ADMIN</p> <div id="b"></div>

<a id="lo" href="home.php?logout"><img id="g-logout" src="gambar/Log-Out-icon.png"></a>

</div>

<div class="content"> <div id="kiri">

<div id="ju">

<img id="g-ju" src="icon/home3.png"><p>HOME</p> </div>

</div>

<div id="kanan"> <ul>

<li><a id="h" href="home.php?user=<?php echo $user ; ?>"><img id="g"

src="icon/home3.png"><p>Home</p></a></li> <li><a

href="menu/property/property.php?aksi=lihat&ju=s&user=< ?php echo $user ; ?>"><img id="g"

src="icon/property.png"><p>Property</p></a></li> <li><a

href="menu/pesan/pesan.php?aksi=lihat&ju=lihat&user=<?p hp echo $user ; ?>"><img id="g"

src="icon/mail.png"><p>Pesan</p></a></li> <li id="t"><a

href="menu/member/member.php?aksi=lihat&ju=data&user=<? php echo $user ; ?>"><img id="g"


(6)

</ul> </div> </div>

<div id="footer">

<p>copyright &copy; 2013</p> </div>

</div> </body> </html> <?php } else{

echo "belum login"; }