• Tidak ada hasil yang ditemukan

Website Informasi Penjualan Rumah.

N/A
N/A
Protected

Academic year: 2017

Membagikan "Website Informasi Penjualan Rumah."

Copied!
127
0
0

Teks penuh

(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

(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.

(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

(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 {

(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 {

(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;

(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 {

(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 {

(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 {

(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 {

(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 {

(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 {

(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;

(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

(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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>MY HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title>

<script>

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"); }

}

(26)

A-15

Universitas Kristen Maranatha </script>

</head>

<div id="apDiv1">

<div id="apDiv"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></div>

<body>

<div id="apDiv3">

<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="apDiv14">

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

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

<input type="text" name="username"/>

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

</form>

<form name="kembali" action="login_dulu.php" > <input type="submit"name="upload" value="Upload"/> </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="apDiv19">

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

<div id="apDiv63"><img src="Gambar/anigif2.gif" alt="" width="340" height="254" /></div> <div id="apDiv66">

<h2>Pentingkah Rumah??</h2>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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>

(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>

<div id="apDiv70">

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

<p><br/> <br/> <br/> </p>

<p>&nbsp;</p> <p>&nbsp;</p> <p><br/> <br/> </p> </div>

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

<form method="post" action="search.php"> Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : <select name="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>

(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 &nbsp;:

<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form>

</div>

<div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div> <div id="apDiv68">

<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 &nbsp;<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>

<div id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>Property</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title>

<script>

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="apDiv1"> <div id="apDiv3">

<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="apDiv14">

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

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

<input type="text" name="username"/>

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

</form>

<input type="submit"name="upload" value="Upload"/> </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>

<footer></footer>

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

<div id="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

<p><br/> <br/> <br/> </p>

<p>&nbsp;</p> <p>&nbsp;</p> <p><br/> <br/> </p> </div>

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

(31)

A-20

Universitas Kristen Maranatha Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :

<select name="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 &nbsp;&nbsp;&nbsp; : <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 &nbsp;:

<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form>

</div>

<div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div> <div id="apDiv44"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></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("</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="apDiv68">

<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 &nbsp;<a

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

</div>

<div id="apDiv20">

<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 id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</div> </div>

(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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>E-Media</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script>

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>

<div id="apDiv1">

<div id="apDiv"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></div>

<body>

<div id="apDiv3">

(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="apDiv14">

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

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

<input type="text" name="username"/>

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

</form>

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

</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="apDiv38">PATHNER KAMI</div>

<div id="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

<p><br/> <br/> <br/> </p>

<p>&nbsp;</p> <p>&nbsp;</p> <p><br/> <br/> </p> </div>

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

<form method="post" action="search.php"> Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : <select name="tipe"/>

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

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

(36)

A-25

Universitas Kristen Maranatha ?>

</select> </br>

Status &nbsp;&nbsp;&nbsp; : <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 &nbsp;:

<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form>

</div>

<div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div> <div id="apDiv64">

(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="apDiv68">

<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 &nbsp;<a

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

</div> </div> <footer>

<div id="apDiv20">

<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 id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</div> </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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>Artikel</title>

(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="apDiv1"> <div id="apDiv3">

<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="apDiv14">

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

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

<input type="text" name="username"/>

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

(39)

A-28

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

</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="apDiv38">PATHNER KAMI</div>

<div id="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

<p><br/> <br/> <br/> </p>

<p>&nbsp;</p> <p>&nbsp;</p> <p><br/> <br/> </p> </div>

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

<form method="post" action="search.php"> Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : <select name="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 &nbsp;&nbsp;&nbsp; : <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 &nbsp;:

(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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form>

</div>

<div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div> <div id="apDiv44"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></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="apDiv68">

<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 &nbsp;<a

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

</div> <footer>

<div id="apDiv20">

<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 id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</div> </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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>MY HOME</title>

<script>

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="apDiv1">

<div id="apDiv"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></div>

<div id="apDiv3">

<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="apDiv14">

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

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

<input type="text" name="username"/>

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

</form>

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

</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); ?>

<h2><p align="center"><b><?php echo $baris['judul'];?></b></p></h2> <p align="justify"><?php echo $baris['isi'];?></p>

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

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

<div id="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

</br></br>

<form method="post" action="search.php"> Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : <select name="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 &nbsp;&nbsp;&nbsp; : <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 &nbsp;:

<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form>

</div>

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

<div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div> <div id="apDiv68">

<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 &nbsp;<a

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

</div>

<div id="apDiv20">

<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 id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</div> </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>

<link href="index.css" type="text/css" rel="stylesheet"/> <title>MY HOME</title>

<script>

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="apDiv1"> <div id="apDiv3">

<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="apDiv14">

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

(46)

A-35

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

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

<input type="submit"name="login" value="Login"/> </form>

<form name="formregister" action="formulir_register.php" method="post"> <input type="submit"name="register" value="Register"/>

</form>

<form name="kembali" action="login_dulu.php" > <input type="submit"name="upload" value="Upload"/> </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="apDiv19">

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

<form method="post" action="send_form_email.php"> <table width="450px">

<tr>

<td valign="top">

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

<td valign="top">

<input type="text" name="email" maxlength="50" size="30"> </td>

</tr> <tr>

<td valign="top">

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

<td valign="top">

<input type="text" name="judul" maxlength="80" size="30"> </td>

</tr> <tr>

<td valign="top">

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

<td valign="top">

<textarea name="comment" maxlength="1000" cols="25" rows="6"></textarea> </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="apDiv36"><img src="Gambar/anigif.gif" width="260" height="260" /></div> <div id="apDiv21">

<p><br/> <br/> <br/> </p>

<p>&nbsp;</p> <p>&nbsp;</p> <p><br/> <br/> </p> </div>

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

<form method="post" action="search.php"> Tipe &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : <select name="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 &nbsp;&nbsp;&nbsp; : <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 &nbsp;:

<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <span id="ajax">

<select name="kota"/>

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

</span> </br>

Harga &nbsp;&nbsp;&nbsp; : <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>

<input type="submit" value="Search" name="search" /> </form></div>

<div id="apDiv40">Copyright © 2012-2013. All rights reserved. Site by Chrisna Gunawan</div> <div id="apDiv41"><img src="Gambar/anigif1.gif" width="260" height="260" /></div>

<div id="apDiv44"><img src="Gambar/MY_HOME_LOGO (587 x 142).jpg" width="586" height="98" /></div>

<div id="apDiv68">

<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 &nbsp;<a

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

</div>

<div id="apDiv20">

<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> </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'];

(49)

A-38

Universitas Kristen Maranatha $sql = "INSERT INTO contact".

"(email, judul, comment)".

"VALUES('$email','$judul','$comment')"; $hasil = mysql_query($sql, $id_mysql);

if (empty($hasil))

print("Gagal mengirim!!! '$judul'"); else

print(" '$judul' Berhasil terkirim."); mysql_close($id_mysql);

} ?> </br>

<form action="contactus.php" method="post" /> <input type="SUBMIT" value="Kembali" /> </form>

login_proses.php (proses login user)

<?php

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

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

$username = $_POST['username']; $password = $_POST['password'];

$u = mysql_real_escape_string ($username); $p = ($password);

$q = "select * from identitas

where username='$u' and password='$p'"; $hasil = mysql_query($q);

if (($hasil !=false) && (mysql_num_rows($hasil) == 1)) { $buff = mysql_fetch_assoc($hasil);

$_SESSION['username'] = $buff['username']; $_SESSION['password'] = $buff['password']; header("location: login.php");

}; ?> <html> <head>

<title>login proses</title> </head>

<body>

(50)

A-39

Universitas Kristen Maranatha <div class="first" style="width:350px; height:175px; display:block; background:#999999; margin-left:auto; margin-right:auto; position:relative; margin-top:15%; "><br />

<div style="font-size:12pt; font-family:Calibri; letter-spacing:1pt; font-weight:normal;

margin:25px 0 25px 0; color: #0000; text-align: center" ><u>Anda memasukan username atau password yang salah! Masukan dengan benar dan coba lagi...</u>

Referensi

Dokumen terkait

Rele arus lebih dengan karakteristik inverse definite minimum time ( IDMT ) ialah jika jangka waktu rele arus mulai pickup sampai selesainya kerja rele mempunyai

Poster jagalah kebersihan kalau pada dasarnya tidak ada kesadaran dan pembiasaan dalam keseharian individu Mahasiswa itu sendiri untuk menjaga lingkungan sekitar.

[r]

elis mengaku tengap menempuh program dokto~ d '. Universitas

Untuk mengetahui tipe habitat nyamuk Anopheles vagus di Desa Labuhan dan Desa Sumur, maka dilakukan pengambilan larva nyamuk dengan cara sebagai berikut :

Penerapan model pembelajaran kooperatif tipe STAD (Student Teams Achievement Divisions) dapat meningkatkan aktivitas belajar para siswa pada mata pelajaran

Website Teknik Industri hasil rancangan sekarang telah dilengkapi dengan menu digilib dalam penyediaan informasi terkait tugas akhir maka perlu adanya perancangan

Pilihannya adalah, apakah kita lebih mengutamakan kepentingan dagang obat-obat NRT dari korporasi-korporasi farmasi internasional yang tidak memberikan keuntungan