Website Informasi Penjualan Rumah.

(1)

i

Universitas Kristen Maranatha

ABSTRAK

Pada masa sekarang ini, pertumbuhan sektor perumahan di tanah air

terbilang sangat pesat pertumbuhannya didorong oleh meningkatnya permintaan

masyarakat akan perumahan yang sesuai dengan tingkat kebutuhannya. Di tengah

berkembangnya teknologi internet maka dapat dimanfaatkan untuk mempermudah

menyelesaikan masalah dari permintaan masyarakat akan permintaan rumah.

Dengan membuat website informasi penjualan rumah, masyarakat dapat

memperoleh berbagai informasi menarik seputar rumah, di antaranya iklan-iklan

rumah, artikel, brosur perumahan dan lain-lain.

Website informasi penjualan rumah dibuat menggunakan beberapa

software, antara lain Adobe Dreamweaver, PHP, MYSQL. Pada website ini juga

user dapat mengunggah iklan rumah, melihat artikel dan brosur. Untuk melakukan

unggah iklan user diharuskan untuk melakukan pendaftaran terlebih dahulu agar

dapat login ke dalam website. Pada bagian property di website user masyarakat

dapat melihat iklan-iklan rumah yang di dalamnya terdapat data-data dari rumah

secara terperinci, contact user yang memasukan iklan tersebut. User juga dapat

menghubungi admin website dengan cara mengisi formulir contact us pada website.

Dengan adanya website ini diharapkan dapat mempermudah masyarakat dalam

pencarian rumah.

(2)

ii

Universitas Kristen Maranatha

ABSTRACT

At present, the growth in the housing sector in the country is very rapid

growth driven by the growing demand for public housing in accordance with the

level of his needs. In the midst of the development of the internet technology can be

utilized to make it easier to resolve the issue of the demand of society will demand

the House. With home sales information to create a website, where the public can

obtain a variety of interesting information about the House, including house ads,

articles, brochures and other housing.

Website information home sales created using several software, among

other adobe dreamweaver, php, mysql. On the website also user can upload

advertising house, see articles and a brochure. To perform uploading

advertisements a user are required to perform pendafataran beforehand so that

they can login into websites. On the property on the website user people can see the

ads the house in which there is data from home in detail, contact user who

nominates of those ads. User also can call by means of admin website fill out the

form contact us at the website. With the existence of this website is expected to

facilitate the public in search of the house.

(3)

iii

Universitas Kristen Maranatha

DAFTAR ISI

ABSTRAK ... i

ABSTRACT ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ... iv

DAFTAR GAMBAR ... x

DAFTAR TABEL ... xiii

BAB I PENDAHULUAN

1.1 Latar Belakang ... 1

1.2 Identifikasi Masalah ... 2

1.3 Tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Sistematika Penulisan ... 2

BAB II LANDASAN TEORI

2.1 Website atau Situs ... 3

2.1.1 Pengertian Website atau Situs ... 3

2.1.2 Gambaran global aplikasi web ... 3

2.2 PHP ... 4

2.2.1 Sekilas Tentang PHP ... 4

2.2.2 Cara Kerja PHP ... 4

2.2.3 Syntax-syntax Program PHP ... 6

2.2.4 Pengelompokan Tipe Data ... 7

2.2.5 Operator Aritmetika ... 8

2.2.6 Operator Relasional ... 9

(4)

iv

Universitas Kristen Maranatha

2.3 Database ... 10

2.3.1 Pengertian Database ... 10

2.3.2 MYSQL ... 11

2.3.3 Tabel ... 12

2.3.4 Kolom dan Tipe Data ... 12

2.3.5 Baris ... 12

2.3.6 Primary Key ... 13

2.3.7 Foreign Key ... 13

2.3.8 SQL ... 13

2.3.9 Memberi Hak Akses Kepada User ... 13

2.3.10 Mencabut Hal Akses User ... 14

2.3.11 Menghapus User ... 15

2.4 XAMPP ... 15

2.5 Adobe Dreamweaver cs4 ... 18

2.5.1 Pengertian Adobe Dreamweaver cs4 ... 18

2.5.2 Tampilan Adobe Dreamweaver cs4 ... 19

2.5.2.1 Start Page ... 19

2.5.2.2 Area Kerja Adobe Dreamweaver cs4 ... 20

2.5.3 Browser ... 20

2.6 HTML ... 21

2.6.1 Pengertian HTML ... 21

2.6.2 Penamaan Dokumen HTML ... 21

(5)

v

Universitas Kristen Maranatha

BAB III PERANCANGAN

3.1 Gambaran Umum Website ... 24

3.2 Perancangan Website ... 25

3.2.1 Denah Website User ... 25

3.2.2 Denah Website Admin ... 26

3.3 FlowChart ... 26

3.3.1 FlowChart Home ... 27

3.3.2 FlowChart Artikel User ... 28

3.3.3 FlowChart Contact Us ... 29

3.3.4 FlowChart Login ... 30

3.3.5 FlowChart Register ... 31

3.3.6 FlowChart Upload ... 32

3.3.7 FlowChart Search ... 33

3.3.8 FlowChart Admin ... 34

3.3.9 FlowChart Login Admin ... 35

3.3.10 FlowChart E-Media Admin ... 36

3.3.11 FlowChart Artikel Admin ... 36

3.3.12 FlowChart Data User Admin ... 37

3.3.13 FlowChart History Admin ... 38

3.4 Perancangan Database ... 38

3.5 Pembuatan Website ... 42

3.5.1 Pembuatan Index ... 42

3.5.2 Pembuatan Member ... 44

3.5.3 Pembuatan Cari Property ... 44

3.5.4 Pembuatan Iklan pada Website ... 46

(6)

vi

Universitas Kristen Maranatha

3.5.6 Pembuatan Formulir Register ... 48

3.5.7 Pembuatan Formulir Upload ... 49

3.5.8 Pembuatan Property ... 50

3.5.9 Pembuatan E-Media ... 51

3.5.10 Pembuatan Artikel ... 52

3.5.11 Pembuatan Contact Us ... 53

3.6 Tabel Relasi ... 54

BAB IV DATA PENGAMATAN DAN ANALISA

4.1 Tampilan Website User ... 56

4.1.1 Tampilan Home ... 56

4.1.2 Tampilan Property ... 57

4.1.3 Tampilan E-Media ... 58

4.1.4 Tampilan Artikel ... 59

4.1.5 Tampilan Artikel Full ... 60

4.1.6 Tampilan Contact Us ... 61

4.1.7 Tampilan Sesudah Login ... 62

4.1.8 Tampilan Formulir Register ... 63

4.1.9 Tampilan Formulir Upload ... 64

4.2 Tampilan Website Admin ... 65

4.2.1 Tampilan Login User ... 65

4.2.2 Tampilan Home Admin ... 66

4.2.3 Tampilan E-Media Admin ... 67

4.2.4 Tampilan Artikel Admin ... 68

4.2.5 Tampilan Lihat Artikel Admin ... 68

(7)

vii

Universitas Kristen Maranatha

4.2.7 Tampilan Data User Admin ... 70

4.2.8 Tampilan History Admin ... 70

4.3 Uji Coba Website ... 71

4.3.1 Uji Coba Login ... 71

4.3.2 Uji Coba Register ... 72

4.3.3 Uji Coba Upload ... 73

4.3.4 Uji Coba Search ... 75

4.4 Tabel Pengamatan ... 77

4.4.1 Daftar Pertanyaan ... 77

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan ... 81

5.2 Saran ... 81

DAFTAR PUSTAKA ... 82

LAMPIRAN ... A1

(8)

viii

Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 2.1 Global Aplikasi Web ... 3

Gambar 2.2 Cara Kerja Aplikasi Web ... 5

Gambar 2.3 Ilustrasi Database ... 10

Gambar 2.4 XAMPP ... 15

Gambar 2.5 Adobe Dreamweaver cs4 ... 19

Gambar 3.1 Denah Website User ... 25

Gambar 3.2 Denah Website Admin ... 26

Gambar 3.3 Flowchart Home ... 27

Gambar 3.4 Flowchart Artikel User ... 28

Gambar 3.5 Flowchart Contact Us ... 29

Gambar 3.6 Flowchart Login ... 30

Gambar 3.7 Flowchart Register ... 31

Gambar 3.8 Flowchart Upload ... 32

Gambar 3.9 Flowchart Search ... 33

Gambar 3.10 Flowchart Admin ... 34

Gambar 3.11 Flowchart Login Admin ... 35

Gambar 3.12 Flowchart E-Media Admin ... 36

Gambar 3.13 Flowchart Artikel Admin ... 36

Gambar 3.14 Flowchart Data user ... 37

Gambar 3.15 Flowchart History ... 38

Gambar 3.16 XAMPP Control Panel v3.1.0 3.1.0 ... 39

Gambar 3.17 Tampilan Phpmyadmin ... 39

Gambar 3.18 Tampilan Database ... 40

Gambar 3.19 Buat Database ... 40

Gambar 3.20 Buat Tabel ... 41

Gambar 3.21 Database User ... 41

Gambar 3.22 Header ... 42

(9)

ix

Universitas Kristen Maranatha

Gambar 3.24 Footer ... 43

Gambar 3.25 Member... 44

Gambar 3.26 Cari Property ... 45

Gambar 3.27 Iklan pada Website ... 46

Gambar 3.28 Contact Us di Sosial Media ... 47

Gambar 3.29 Formulir Register ... 48

Gambar 3.30 Formulir Upload ... 49

Gambar 3.31 Property ... 50

Gambar 3.32 E-Media ... 51

Gambar 3.33 Artikel ... 52

Gambar 3.34 Contact Us ... 53

Gambar 3.35 Tabel Relasi ... 54

Gambar 4.1 Tampilan Home ... 56

Gambar 4.2 Tampilan Property ... 57

Gambar 4.3 Tampilan E-Media ... 58

Gambar 4.4 Tampilan Artikel ... 59

Gambar 4.5 Tampilan Artikel Full ... 60

Gambar 4.6 Tampilan Contact Us ... 61

Gambar 4.7 Tampilan Sesudah Login ... 62

Gambar 4.8 Tampilan Formulir Register ... 63

Gambar 4.9 Tampilan Formulir Upload ... 64

Gambar 4.10 Tampilan Login User ... 65

Gambar 4.11 Tampilan Home Admin ... 66

Gambar 4.12 Tampilan E-Media Admin ... 67

Gambar 4.13 Tampilan Artikel Admin ... 68

Gambar 4.14 Tampilan Lihat Artikel Admin ... 68

Gambar 4.15 Tampilan Edit Artikel Admin ... 69

Gambar 4.16 Tampilan Data User Admin ... 70

Gambar 4.17 Tampilan History Admin ... 70

Gambar 4.18 Uji coba Login ... 71

(10)

x

Universitas Kristen Maranatha

Gambar 4.20 Gagal Login ... 72

Gambar 4.21 Uji coba Register ... 72

Gambar 4.22 Berhasil Register ... 73

Gambar 4.23 Gagal Register ... 73

Gambar 4.24 Uji coba Upload ... 73

Gambar 4.25 Sebelum Upload ... 74

Gambar 4.26 Setelah Upload ... 75

Gambar 4.27 Search kosong ... 75

Gambar 4.28 Search terisi ... 76

Gambar 4.29 Hasil Search ... 76

Gambar 4.30 Data tidak lengkap ... 77

(11)

xi

Universitas Kristen Maranatha

DAFTAR TABEL

Tabel 2.1 Operasi Aritmetika ... 8

Tabel 2.2 Operasi Relasional ... 9

Tabel 2.3 Operasi Logika ... 9

Tabel 4.1 Daftar Pertanyaan ... 77

(12)

A-1

Universitas Kristen Maranatha

LAMPIRAN

CODING PROGRAM

Coding Index.css @charset "utf-8"; /* CSS Document */ <style type="text/css"> <!--

#apDiv1 {

position: absolute; margin-left: auto; margin-right: auto; left: 0px;

right: 0; width: 1059px; border: 0px; height: auto; }

body {

background-image: url(Gambar/wallpaper.jpg); background-repeat: repeat;

}

#apDiv2 {

position:absolute; width:67px; height:25px; z-index:1; left: 644px; top: 530px; font-size: 18px; }

#apDiv3 {

position:absolute; width:1054px; height:52px; z-index:1; top: 100px;

background-color: #CC6600; left: 3px;

color: #C60; }

#apDiv4 {

position:absolute; width:144px; height:40px; z-index:2; left: 150px; top: 7px;

(13)

A-2

Universitas Kristen Maranatha font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;

background-color: #FFFFCC; }

#apDiv5 {

position:absolute; width:95px; height:42px; z-index:1; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; left: 53px;

top: 264px; }

#apDiv6 {

position:absolute; width:85px; height:40px; z-index:1; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;

left: 50px; top: 7px;

background-color: #FFFFCC; }

#apDiv7 {

position:absolute; width:200px; height:115px; z-index:2; }

#apDiv8 {

position:absolute width:200px;

height:115px; z-index:2; }

#apDiv9 {

position:absolute; width:116px; height:40px; z-index:2; left: 310px; top: 7px; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;

background-color: #FFFFCC; }

(14)

A-3

Universitas Kristen Maranatha position:absolute;

width:116px; height:40px; z-index:3; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;

left: 440px; top: 7px;

background-color: #FFFFCC; }

#apDiv11 {

position:absolute; width:181px; height:40px; z-index:4; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; left: 570px;

top: 7px; color: #000;

background-color: #FFFFCC; }

#apDiv12 {

position:absolute; width:288px; height:115px; z-index:1; left: 770px; top: 212px;

background-color: #FFFFFF; }

#apDiv13 {

position:absolute; width:287px; height:20px; z-index:2; left: 771px; top: 212px; font-size: 20px; color: #000;

background-color: #FFFFFF; }

#apDiv14 {

position:absolute; width:262px; height:178px; z-index:3; left: 795px; top: 206px; font-size: 18px;

(15)

A-4

Universitas Kristen Maranatha }

#apDiv15 {

position:absolute; width:91px; height:23px; z-index:4; font-size: 18px; left: 777px; top: 293px; }

#apDiv16 {

position:absolute; width:75px; height:23px; z-index:1; left: 800px; top: 335px; font-size: 18px; }

#apDiv17 {

position:absolute; width:55px; height:23px; z-index:5; font-size: 18px; left: 900px; top: 335px; }

#apDiv18 {

position:absolute; width:1055px; height:31px; z-index:4; left: 3px; top: 154px; color: #000;

background-color: #999999; }

#apDiv19 {

position:absolute; width:707px; height:882px; z-index:5; left: 10px; top: 197px;

background-color: #CCCCCC; color: #CCC;

}

#apDiv20 {

position:absolute; width:1056px; height:51px;

(16)

A-5

Universitas Kristen Maranatha z-index:1;

left: 5px; top: 1259px;

background-color: #C60; }

#apDiv21 {

position:absolute; width:248px; height:212px; z-index:1; left: 806px; top: 389px;

<input type="submit"name="Cari" value="Cari"/> ; background-color: #CCCCCC;

}

#apDiv22 {

position:absolute; width:248px; height:25px; z-index:2; left: 806px; top: 389px; font-size: 18px;

background-color: #C60;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#apDiv23 {

position:absolute; width:65px; height:23px; z-index:3; left: 812px; top: 420px; font-size: 16px;

background-color: #FFFFFF; }

#apDiv24 {

position:absolute; width:65px; height:23px; z-index:4; left: 812px; top: 449px; font-size: 18px;

background-color: #FFFFFF; }

#apDiv25 { position:absolute;

width:59px; height:25px; z-index:4; left: 840px;

(17)

A-6

Universitas Kristen Maranatha top: 489px;

font-size: 18px; }

#apDiv26 {

position:absolute; width:65px; height:23px; z-index:5; left: 813px; top: 509px;

background-color: #FFFFFF; }

#apDiv27 {

position:absolute; width:65px; height:23px; z-index:6; left: 812px; top: 479px; font-size: 18px;

background-color: #FFFFFF; }

#apDiv28 {

position:absolute; width:65px; height:23px; z-index:7; left: 814px; top: 539px; font-size: 18px;

background-color: #FFFFFF; }

#apDiv29 {

position:absolute; width:240px; height:162px; z-index:8; left: 810px; top: 420px; }

#apDiv30 {

position:absolute; width:162px; height:23px; z-index:9; left: 888px; top: 449px; }

#apDiv31 {

position:absolute; width:161px; height:23px;

(18)

A-7

Universitas Kristen Maranatha z-index:6;

left: 888px; top: 479px; }

#apDiv32 {

position:absolute; width:162px; height:23px; z-index:10; left: 889px; top: 509px; }

#apDiv33 {

position:absolute; width:110px; height:23px; z-index:11; left: 889px; top: 540px; }

#apDiv34 {

position:absolute; width:262px; height:25px; z-index:1; left: 1px; color: #000;

background-color: #C60;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; top: -7px;

}

#apDiv35 {

position:absolute; width:470px; height:94px; z-index:7; top: 4px; left: 3px;

background-color: #FFFFFF; }

#apDiv36 {

position:absolute; width:260px; height:240px; z-index:12; left: 795px; top: 640px; }

#apDiv37 {

position:absolute; width:200px; height:115px;

(19)

A-8

Universitas Kristen Maranatha z-index:8;

left: 754px; top: 955px; }

#apDiv38 {

position:absolute; width:260px; height:25px; z-index:9; left: 796px; top: 614px; font-size: 18px;

background-color: #C60;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#apDiv39 { position:absolute;

width:110px; height:23px; z-index:11; left: 888px; top: 593px; }

#apDiv40 {

position:absolute; width:auto; height:auto; z-index:13; left: 310px; top: 1289px; }

#apDiv41 {

position:absolute; width:261px; height:261px; z-index:1; left: 795px; top: 901px; }

#apDiv42 { position:absolute;

width:85px; height:40px; z-index:1; font-size: 30px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;

left: 50px; top: 7px;

background-color: #FFFFCC; }

#apDiv43 {

position:absolute; width:auto;

(20)

A-9

Universitas Kristen Maranatha height:auto;

z-index:1; left: 324px; top: 7px; }

#apDiv44 {

position:absolute; width:583px; height:100px; z-index:14; }

#apDiv45 {

position:absolute; width:664px; height:33px; z-index:1; left: 75px; top: 279px;

background-color: #C60; }

#apDiv46 { position:absolute;

width:664px; height:33px; z-index:1; left: 70px; top: 228px;

background-color: #C60; }

#apDiv47 {

position:absolute; width:704px; height:28px; z-index:15; left: 1px; top: 1px;

background-color: #C60; font-size: 18px;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #000;

}

#apDiv48 {

position:absolute; width:683px; height:424px; z-index:16; left: 41px; top: 249px;

background-color: #FFFFFF; }

#apDiv49 {

position:absolute; width:676px;

(21)

A-10

Universitas Kristen Maranatha height:64px;

z-index:17; left: 44px; top: 234px; }

#apDiv50 {

position:absolute; width:129px; height:24px; z-index:18; left: 45px; top: 318px; font-size: 18px; }

#apDiv51 {

position:absolute; width:110px; height:23px; z-index:19; left: 47px; top: 350px; }

#apDiv52 {

position:absolute; width:110px; height:23px; z-index:20; left: 47px; top: 386px; }

#apDiv53 {

position:absolute; width:110px; height:23px; z-index:21; left: 46px; top: 420px; }

#apDiv54 {

position:absolute; width:676px; height:319px; z-index:19; left: 45px; top: 350px; }

#apDiv55 {

position:absolute; width:150px; height:23px; z-index:20; left: 48px;

(22)

A-11

Universitas Kristen Maranatha top: 357px;

}

#apDiv56 {

position:absolute; width:200px; height:115px; z-index:1; }

#apDiv57 {

position:absolute; width:150px; height:23px; z-index:21; left: 48px; top: 387px; }

#apDiv58 {

position:absolute; width:150px; height:23px; z-index:22; left: 48px; top: 414px; }

#apDiv59 {

position:absolute; width:200px; height:23px; z-index:23; left: 204px; top: 357px; }

#apDiv60 {

position:absolute; width:200px; height:23px; z-index:24; left: 205px; top: 387px; }

#apDiv61 {

position:absolute; width:310px; height:86px; z-index:25; left: 205px; top: 416px; }

#apDiv62 {

position:absolute; width:91px; height:26px;

(23)

A-12

Universitas Kristen Maranatha z-index:26;

left: 297px; top: 544px; }

#apDiv63 {

position:absolute; width:200px; height:115px; z-index:16; left: 9px; top: 47px; }

#apDiv64 {

position:absolute; width:200px; height:115px; z-index:1; left: 856px; top: 121px; }

#apDiv65 {

position:absolute; width:337px; height:273px; z-index:17; left: 367px; top: 4px; color: #000; font-size: 36px; }

#apDiv1 #apDiv19 #apDiv65 p { font-size: 16px; }

#apDiv68 {

position:absolute; width:260px; height:85px; z-index:1; left: 796px; top: 1167px;

background-color: #CCCCCC; }

#apDiv69 {position:absolute; width:260px; height:25px; z-index:1;

background-color: #C60; top: -4px;

}

#apDiv72 { position:absolute;

width:254px; height:52px;

(24)

A-13

Universitas Kristen Maranatha z-index:2;

top: 28px; left: 2px; }

#apDiv66 {

position:absolute; width:330px; height:285px; z-index:17; left: 367px; top: 37px;

background-color: #CCCCCC; font-weight: bold;

color: #000; text-align: justify; }

#apDiv1 #apDiv19 #apDiv66 h2 { text-align: center; }

#apDiv67 {

position:absolute; width:690px; height:217px; z-index:18; left: 10px; top: 336px; color: #000; font-weight: bold; text-align: justify; }

#apDiv70 {

position:absolute; width:688px; height:302px; z-index:19; left: 12px; top: 564px; color: #000; text-align: justify; font-weight: bold; }

#apDiv1 #apDiv19 #apDiv70 h2 { text-align: center; }

--> </style>

koneksi.php <?php

$server ="localhost"; $user ="root";

(25)

A-14

Universitas Kristen Maranatha $password="";

$id_mysql = mysql_connect($server, $user, $password); $db_user = mysql_select_db("user", $id_mysql); ?>

Index.php (tampilan awal web user) <?php

include "koneksi.php"; ?>

<?php

session_start();

if(isset($_SESSION['id'])) {

header("location:login.php"); }

?> <head>

function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('ajax').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

(26)

A-15

Universitas Kristen Maranatha </script>

</head>

<body>

<div id="apDiv6"><a href="Index.php">HOME</a></div> <div id="apDiv4"><a href="property.php">PROPERTY</a></div> <div id="apDiv9"><a href="tampilan_emedia.php">E-MEDIA</a></div> <div id="apDiv10"><a href="tampilan_artikel.php">ARTIKEL</a></div> <div id="apDiv11"><a href="contactus.php">CONTACT US</a></div> </div>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

Password : <input type="password" name="password"/> <br/>

</form>

</p> </div>

<div id="apDiv18"><marquee>Tempat Terbaik untuk Memulai Pencarian Properti Anda. Situs properti ini memberikan informasi mengenai rumah dijual tren harga rumah berdasarkan sejarah transaksi sehingga memberikan gambaran yang jelas apakah saat ini adalah waktu yang tepat bagi Anda untuk melakukan jual, beli. Dapatkan tips properti yang membahas investasi properti, desain interior rumah minimalis, arsitektur gambar rumah dan berita properti terkini.</marquee></div>

<div id="apDiv47">Situs Property Terdepan di Indonesia</div>

<h2>Pentingkah Rumah??</h2>

      Setiap orang pasti membutuhkan rumah untuk mereka tinggali dan pastinya mereka menginginkan rumah yang nyaman dan indah. apalagi untuk para mereka yang bekerja seharian diluar setelah pekerjaan mereka selsesai pasti mereka menginginkan rumah yang nyaman serta indah untuk mereka tinggali. model atau desain dari rumah memang penting dan apalagi ditambah dengan interior-interior rumah tersebut yang menarik serta cocok di padukan dengan warna dari tembok ruangan tersebut.</div>

<div id="apDiv67">      Karena hal tersebut banyak orang menyewa jasa para arsitek yang hebat. tapi terkadang ada juga yang lebih memilih untuk mereka sendiri yang mendesain rumahnya dengan alasan biar mereka bisa mewujudkan rumah impian mereka dan apabila telah berhasil dalam pembuatan tersebut mereka bisa merasakan kepuasan

(27)

A-16

Universitas Kristen Maranatha tersendiri. rumah salah satu kebutuhan pokok yang sangat penting dari hidup kita, dan ada pepatah yang menyebutkan "rumah ku, istanaku". tetapi ngak semua orang setuju dengan pepatah tersebut ada mereka yang mengangagap kalo rumah mereka adalah neraka bagi mereka . hal tersebut mungkin karena suasana rumah mereka yang tidak nyaman seperti orang tua mereka yang sering bertengkar, atau ketika mereka pulang tidak ada yang menyambut mereka dengan senyum hangat dari ibunya. atau karena faktor lain yang kita semua terkadang hanya menyepelekan mereka. karena itu jangan sampai hal-hal tersebut terjadi kepada kita dan buat lah rumah mu senyaman mungkin.</div>

<h2>MYHOME memberi kemudahan untuk anda</h2>

      Jika Anda ingin mengIklankan rumah pribadi Anda, tidak ada yang lebih kuat daripada Internet . Hal ini karena ribuan orang kini mengandalkan pada teknologi ini untuk menemukan jawaban atas kebutuhan mereka. Alih-alih melakukan cara tradisional seperti menjual rumah sebagai arahan, Untuk dijual signage, dan publikasi lokal, Anda dapat menjangkau lebih banyak orang ketika Anda menggunakan iklan online. Karena akan mencapai jutaan orang, Anda akan dapat menjual atau membeli properti dalam waktu yang singkat. Tentunya, di antara jutaan orang di internet yang ingin mencari properti, akan ada satu orang yang akan membeli spesifikasi rumah Anda. Maka dari itu MYHOME menjadi tempat yang tepat untuk memasangkan iklan anda. Situs ini melayani pemilik properti individu yang ingin menjual properti mereka secara pribadi. Penjualan rumah pribadi tidak harus melewati agen penjualan sehingga akan dijual kepada calon klien. Apa yang pemilik harus lakukan adalah untuk memanfaatkan situs ini untuk eksposur.</div>

</div>

<div id="apDiv38">PATHNER KAMI</div>

<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

</select> </br>

Status     : <select name="status"/>

(28)

A-17

Universitas Kristen Maranatha <option value="">Pilih Semua</option>

<?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onchange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

<?php

$q = mysql_query("SELECT * FROM `provinsi`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[provinsi]'>$h[provinsis]</option>"; }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

</select>

</div>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div>

(29)

A-18

Universitas Kristen Maranatha <div id="apDiv43"><a href="Index.php">HOME</a> | <a href="property.php">PROPERTY </a>| <a href="tampilan_emedia.php">E-MEDIA </a>| <a href="tampilan_artikel.php">ARTIKEL</a> | <a href="contactus.php">CONTACT US</a></div>

</div>

</body> </html>

property.php (tampilan property pada web user) <?php

include "koneksi.php"; session_start();

if(isset($_SESSION['id'])) {

header("location:login.php"); }

?> <head>

function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('ajax').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

(30)

A-19

Universitas Kristen Maranatha return xmlhttp;

} </script> </head> <body>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

Password : <input type="password" name="password"/> <br/>

</form>

</div>

<div id="apDiv38">PATHNER KAMI</div>

<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">

(31)

A-20

Universitas Kristen Maranatha Tipe       :

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

</select> </br>

Status     : <select name="status"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onchange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

<?php

$q = mysql_query("SELECT * FROM `provinsi`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[provinsi]'>$h[provinsis]</option>"; }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

(32)

A-21

Universitas Kristen Maranatha </select>

</div>

<div id="apDiv65">PROPERTY</div> <div id="apDiv64">

<?php

//baca data

$today = date("Y-m-d");

$sql = "SELECT idupload, gambar, tipe, status, provinsi, kota, harga, nama, alamat, contact, keterangan FROM upload WHERE `keluar` > '$today'";

$hasil = mysql_query($sql, $id_mysql); if (! $hasil)

die("Salah SQL");

while ($baris = mysql_fetch_row($hasil)) {

$idupload = $baris[0]; $gambar = $baris[1]; $tipe = $baris[2]; $status = $baris[3]; $provinsi = $baris[4]; $kota = $baris[5]; $harga = $baris[6]; $nama = $baris[7]; $alamat = $baris[8]; $contact = $baris[9]; $keterangan = $baris[10];

echo '<pre>';

print("<table width = \"100%\"border=\"5\">\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Tipe</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$tipe</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Status</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$status</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Provinsi</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$provinsi</td>\n"); print("</tr>\n");

print("</tr>\n");

(33)

A-22

Universitas Kristen Maranatha print("<td width=\"50%\" bgcolor =\"#FFF\">$kota</td>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Harga</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$harga</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Nama</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$nama</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Lokasi</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$alamat</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Contact</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$contact</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Keterangan</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$keterangan</td>\n"); print("</tr>\n");

print("<br/>");

echo'<img src= "/www/image/'.$gambar.'" width="300" height="200"/>'; }

//akhir baca

mysql_close($id_mysql); ?>

</div>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div>

<div id="apDiv43"><a href="Index.php">HOME</a> | <a href="property.php">PROPERTY </a>| <a href="tampilan_emedia.php">E-MEDIA </a>| <a href="tampilan_artikel.php">ARTIKEL</a> | <a href="contactus.php">CONTACT US</a></div>

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

(34)

A-23

Universitas Kristen Maranatha tampilanemedia.php (tampilan emedia pada web user)

<?php

include "koneksi.php"; session_start();

if(isset($_SESSION['id'])) {

header("location:login.php"); }

?> <head>

function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('ajax').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

</script> </head>

<body>

<div id="apDiv6"><a href="Index.php">HOME</a></div> <div id="apDiv4"><a href="property.php">PROPERTY</a></div>

(35)

A-24

Universitas Kristen Maranatha <div id="apDiv9"><a href="tampilan_emedia.php">E-MEDIA</a></div>

<div id="apDiv10"><a href="tampilan_artikel.php">ARTIKEL</a></div> <div id="apDiv11"><a href="contactus.php">CONTACT US</a></div> </div>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

Password : <input type="password" name="password"/> <br/>

</form>

</p> </div>

<div id="apDiv38">PATHNER KAMI</div>

<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

(36)

A-25

Universitas Kristen Maranatha ?>

</select> </br>

Status     : <select name="status"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onChange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

<?php

$q = mysql_query("SELECT * FROM `provinsi`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[provinsi]'>$h[provinsis]</option>"; }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

</select>

</div>

<?php //baca data

(37)

A-26

Universitas Kristen Maranatha $sql = "SELECT nama FROM unggah";

$hasil = mysql_query($sql, $id_mysql); if (! $hasil)

die("Salah SQL");

while ($baris = mysql_fetch_row($hasil)) {

$nama = $baris[0];

echo '<pre>';

print("<table width = \"100%\"border=\"5\">\n");

echo'<img src= "/www/emedia/'.$nama.'" width="500" height="400"/>'; }

//akhir baca

mysql_close($id_mysql); ?>

</div>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div> </div> <footer>

<div id="apDiv43"><a href="Index.php">HOME</a> | <a href="property.php">PROPERTY </a>| <a href="tampilan_emedia.php">E-MEDIA</a> | <a href="tampilan_artikel.php">ARTIKEL</a> | <a href="contactus.php">CONTACT US</a></div>

</footer> </body> </html>

tampilan_artikel.php (tampilan artikel pada web user) <?php

include "koneksi.php"; session_start();

if(isset($_SESSION['id'])) {

header("location:login.php"); }

?> <head>

(38)

A-27

Universitas Kristen Maranatha function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('ajax').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

</script> </head> <body>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

Password : <input type="password" name="password"/> <br/>

(39)

A-28

Universitas Kristen Maranatha <input type="submit"name="upload" value="Upload"/>

</p> </div>

<div id="apDiv38">PATHNER KAMI</div>

<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

</select> </br>

Status     : <select name="status"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onChange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

(40)

A-29

Universitas Kristen Maranatha <?php

$q = mysql_query("SELECT * FROM `provinsi`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[provinsi]'>$h[provinsis]</option>"; }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

</select>

</div>

<div id="apDiv64"> <?php

//baca data

$sql = "SELECT id, judul FROM artikel"; $hasil = mysql_query($sql, $id_mysql); if (! $hasil)

die("Salah SQL");

echo '<pre>';

print("<table width = \"100%\"border=\"5\">\n"); print("</tr>\n");

print("<th width=\"70%\" bgcolor=\"#00CCCC\">Judul</th>\n"); print("<th width=\"10%\" bgcolor=\"#33FF33\">Action</th>\n");

print("</tr>\n");

while ($baris = mysql_fetch_row($hasil)) {

$id = $baris[0];

$judul= $baris[1];

(41)

A-30

Universitas Kristen Maranatha print("<td width=\"10%\" bgcolor =\"#FFF\"><a href=artikel_full1.php?id=$id> Lihat </a></td>\n");

print("</tr>\n"); print("</tr>\n"); print("<br/>"); }

echo "</table>"; //akhir baca

mysql_close($id_mysql); ?>

</div>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div> <footer>

<div id="apDiv43"><a href="Index.php">HOME</a> | <a href="property.php">PROPERTY </a>| <a href="tampilan_emedia.php">E-MEDIA</a> | <a href="tampilan_artikel.php">ARTIKEL</a> | <a href="contactus.php">CONTACT US</a></div>

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

artikel_full1.php (tampilan artikel full pada web user) <?php

include "koneksi.php"; session_start();

if(isset($_SESSION['id'])) {

header("location:login.php"); }

?> <head>

function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

(42)

A-31

Universitas Kristen Maranatha }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

</script> </head> <body>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

Password : <input type="password" name="password"/> <br/>

</form>

</p> </div>

(43)

A-32

Universitas Kristen Maranatha Situs properti ini memberikan informasi mengenai rumah dijual tren harga rumah berdasarkan sejarah transaksi sehingga memberikan gambaran yang jelas apakah saat ini adalah waktu yang tepat bagi Anda untuk melakukan jual, beli. Dapatkan tips properti yang membahas investasi properti, desain interior rumah minimalis, arsitektur gambar rumah dan berita properti terkini.</marquee></div>

<div id="apDiv19"> <?php

$q = "SELECT * FROM artikel WHERE id = $_GET[id]"; $hasil = mysql_query($q);

$baris = mysql_fetch_array($hasil); ?>

</br> <a href="tampilan_artikel.php">Kembali</a> </div>

<div id="apDiv38">PATHNER KAMI</div>

</br></br>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

</select> </br>

Status     : <select name="status"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onChange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

(44)

A-33

Universitas Kristen Maranatha $q = mysql_query("SELECT * FROM `provinsi`");

while($h = mysql_fetch_array ($q)){

echo "<option value='$h[provinsi]'>$h[provinsis]</option>"; }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

</select>

</div>

<div id="apDiv22">CARI PROPERTY</div>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div>

<div id="apDiv43"><a href="Index.php">HOME</a> | <a href="property.php">PROPERTY </a>| <a href="tampilan_emedia.php">E-MEDIA</a> | <a href="tampilan_artikel.php">ARTIKEL</a> | <a href="contactus.php">CONTACT US</a></div>

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

contactus.php (tampilan contact us pada web user) <?php

include "koneksi.php"; session_start();

(45)

A-34

Universitas Kristen Maranatha {

header("location:login.php"); }

?> <head>

function ajax(url){

xmlhttp = getXmlHttpObject(); if(xmlhttp==null){

alert("Ajax not supported"); return;

}

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('ajax').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function getXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

</script> </head> <body>

<div id="apDiv34">MEMBER</div> <p>

<form name="formlogin" action="login_proses.php" method="post"> Username :

(46)

A-35

Universitas Kristen Maranatha <input type="text" name="username"/>

Password : <input type="password" name="password"/> <br/>

</form>

</p> </div>

<div id="apDiv47">Contact Us</div> </br> </br> </br>

<tr>

<label for="email"><strong>Email</strong></label> </td>

</tr> <tr>

<label for="judul"><strong>Judul</strong></label> </td>

</tr> <tr>

<label for="comment"><strong>Comment </strong></label> </td>

</tr> <tr>

(47)

A-36

Universitas Kristen Maranatha </tr>

</table> </form> </div>

<div id="apDiv66"><img src="tes/mail.jpg" width="151" height="102" /></div> <div id="apDiv38">PATHNER KAMI</div>

<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){

echo "<option value='$h[tipe]'>$h[tipe]</option>"; }

</select> </br>

Status     : <select name="status"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `status`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[status]'>$h[status]</option>"; }

?> </select> </br>

Provinsi  :

<select name="provinsi" onChange="ajax('ajax_kota.php?prov='+this.value)" /> <option value="">Pilih Semua</option>

<?php

$q = mysql_query("SELECT * FROM `provinsi`"); while($h = mysql_fetch_array ($q)){

(48)

A-37

Universitas Kristen Maranatha }

?> </select> </br>

Kota      : <span id="ajax">

<option value="">Pilih Semua</option> </select>

</span> </br>

Harga     : <select name="harga"/>

<option value="">Pilih Semua</option> <?php

$q = mysql_query("SELECT * FROM `harga`"); while($h = mysql_fetch_array ($q)){

echo "<option value='$h[idharga]'>$h[harga]</option>"; }

</select>

<div id="apDiv69">FOLLOW KAMI JUGA DI :</div>

<div id="apDiv72"><a href="www.facebook.com"><img src="tes/facebook_button.png" alt="facebook" width="35" height="35" /></a>MY HOME  <a

href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>

</div>

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

send_form_email.php (proses untuk mengirim contact kepada admin pada web user) <?php

if ($_POST ["kirim"] == "kirim") {

$email = $_POST['email'];

$judul = $_POST['judul'];

$comment = $_POST['comment']; include ("koneksi.php");

(1)

A-111

Universitas Kristen Maranatha

echo '<pre>';

print("<table width = \"100%\"border=\"5\">\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Tipe</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$tipe</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Status</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$status</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Provinsi</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$provinsi</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Kota</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$kota</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Harga</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$harga</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Nama</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$nama</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Lokasi</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$alamat</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Contact</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$contact</td>\n"); print("</tr>\n");

print("</tr>\n");

print("<td width=\"25%\" bgcolor =\"#FFF\">Keterangan</td>\n"); print("<td width=\"50%\" bgcolor =\"#FFF\">$keterangan</td>\n"); print("</tr>\n");

print("<br/>");

echo'<img src= "/www/image/'.$gambar.'" width="300" height="200"/>'; }

(2)

A-112

Universitas Kristen Maranatha

}else{

echo "Data tidak diketemukan"; }

}else{

echo "Masukan semua"; }

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

(3)

Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang

Rumah sebagai salah satu unsur utama bagi kesejahteraan masyarakat. Memang kebutuhan akan tempat yang dapat dipergunakan sebagai tempat berteduh, disamping sandang dan pangan merupakan salah satu hal yang dirasakan setiap orang. Dalam masyarakat yang adil dan makmur, sudah saatnya masyarakat memiliki tempat tinggal yang layak.

Pada masa sekarang ini, pertumbuhan sektor perumahan di tanah air terbilang sangat pesat pertumbuhannya didorong oleh meningkatnya permintaan masyarakat akan perumahan yang sesuai dengan tingkat kebutuhannya. Untuk memenuhi tujuan tersebut maka dibuatlah “Website Informasi Penjualan Rumah” sehingga masyarakat dapat memperoleh informasi yang jelas menggenai penjualan rumah sehingga masyarakat dapat menentukan rumah yang diinginkan sesuai dengan kemampuan mereka.

Pemenuhan kebutuhan akan rumah merupakan hak individu yang sepenuhnya menjadi tanggung jawab masing-masing individu. Sebagian masyarakat beranggapan, belum lengkap kehidupan seseorang apabila belum memiliki rumah sendiri. Namun demikian, pemenuhan kebutuhan itu tidak sekedar syarat formal untuk berlindung. Setiap individu selalu berkeinginan agar rumah yang dihuninya memenuhi standar kesehatan, standar konstruksi, serta tersedianya fasilitas-fasilitas yang memadai. Tujuan pembelian rumah pun ditekankan pada pentingnya lingkungan yang sehat serta terpenuhinya kebutuhan akan sarana kehidupan yang memberi rasa aman, damai, tentram dan sejahtera. Tujuan itu menjadi harapan ideal dari setiap individu konsumen perumahan.

(4)

Universitas Kristen Maranatha

1.2 Identifikasi Masalah

Bagaimana membuat website informasi penjualan rumah.

1.3 Tujuan

1. Membuat website informasi penjualan rumah.

2. Mempermudah mendapatkan informasi seputar penjualan rumah.

1.4 Pembatasan Masalah

Terdapat beberapa hal yang akan menjadi batasan masalah dalam perancangan dan pembuatan aplikasi ini, yaitu :

1. Website informasi penjualan rumah ini hanya menyediakan

informasi-informasi seputar penjualan rumah saja.

2. Pembuatan Website informasi penjualan rumah ini menggunakan PHP, MYSQL, Adobe Dreamweaver.

1.5 Sistematika Penulisan

Bab I : Pendahuluan

Membahasan mengenai latar belakang, identifikasi masalah, tujuan, pembatasan masalah, sistematika.

Bab II : Landasan Teori

Membahas tentang teori-teori yang menunjang topik tugas akhir. Bab III : Perancangan dan Pemrograman Aplikasi

Membahas tentang perancangan dan Website informasi penjualan rumah menggunakan PHP, MYSQL, Adobe Dreamewaver.

Bab IV : Pengamatan Data

Membahas tentang hasil uji coba dan analisa pada Website Informasi Penjualan Rumah.

Bab V : Kesimpulan dan Saran

Membahas tentang kesimpulan dari seluruh pembahasan topik serta saran yang mungkin membantu dalam pengembangan Website Informasi Penjualan Rumah ini.

(5)

Universitas Kristen Maranatha

BAB V

PENUTUP

5.1Kesimpulan

1. Pembuatan website informasi penjualan rumah telah selesai

2. Berdasarkan data pengamatan, didapatkan hasil bahwa website informasi penjualan rumah dapat mempermudah mendapatkan informasi seputar rumah.

5.2Saran

Dalam pembuatan website informasi penjualan rumah ini terdapat beberapa saran untuk membangun website ini agar lebih baik lagi, beberapa saran yang diberikan adalah sebagai berikut :

1. Menambahkan fitur testimoni

2. Menambahkan fitur transaksi secara Online 3. Menambahkan fitur forum

(6)

Universitas Kristen Maranatha

DAFTAR PUSTAKA

Kadir, Abdul., 2009. From Zero To A Pro Membuat Aplikasi web Dengan PHP + Database MySQL. Yogjakarta: Andi.

Hery, Andreas., 2012. Cepat Kuasai PHP + MySQL. Yogjakarta: Andi. Heryanto. Imam., Raharjo, Budi., R.K, Enjang. 2012. Modul Pemrograman Web (HTML, PHP & MySql) + CD (Edisi Revisi). Bandung: Modula.

Hakim, Lukmanul., 2009. Trik Rahasia Master PHP terbongkar lagi. Yogjakarta: Lokomedia.

Ronald, Rusli., 2013. Membuat Aplikasi GPS & Suara Antrian dengan PHP. Yogjakarta: Lokomedia.

http://andreyanto-gunadarma.blogspot.com/2012/10/pengenalan-flowchart-flowchart.html

http://digitalfreeweb.blogspot.com/2011/11/mengenal-adobe-dreamweaver-cs4.html

http://evgust.wordpress.com/2011/06/05/daftar-pustaka/

http://fasilkomueu21.blogspot.com/2012/11/tugas-sistem-basis-data.html http://yovan-widiyanto.blogspot.com/2011/12/pengertian-function-dan-procedure.html

http://www.maniacms.web.id/2012/01/pengertian-mysql.html http://www.mediabloger.com/2013/03/cara-membuat-tabel-dengan html.html#axzz2Z5DNx1Te

http://www.rumah.com/register