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
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.
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
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
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
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
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
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
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
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
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
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 {
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; }
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;
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 {
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;
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 {
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 {
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 {
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 {
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 {
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 {
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;
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
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"); }
}
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>
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>
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>
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> </p> <p> </p> <p><br/> <br/> </p> </div>
<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">
<form method="post" action="search.php"> Tipe : <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>
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">
<select name="kota"/>
<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>
<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 <a
href="www.twitter.com"><img src="tes/Twitter.png" alt="twitter" width="35" height="35" /></a>@MYHOME</div>
</div>
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"); }
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> </p> <p> </p> <p><br/> <br/> </p> </div>
<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">
A-20
Universitas Kristen Maranatha Tipe :
<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 : <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">
<select name="kota"/>
<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>"; }
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");
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 <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>
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">
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> </p> <p> </p> <p><br/> <br/> </p> </div>
<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">
<form method="post" action="search.php"> Tipe : <select name="tipe"/>
<option value="">Pilih Semua</option> <?php
$q = mysql_query("SELECT * FROM `tipe`"); while($h = mysql_fetch_array($q)){
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">
<select name="kota"/>
<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>
<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">
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 <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>
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"/>
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> </p> <p> </p> <p><br/> <br/> </p> </div>
<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">
<form method="post" action="search.php"> Tipe : <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 : <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 :
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">
<select name="kota"/>
<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>
<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];
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 <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"){
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>
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 : <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 : <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>
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">
<select name="kota"/>
<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>
<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 <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();
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>
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>
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> </p> <p> </p> <p><br/> <br/> </p> </div>
<div id="apDiv22">CARI PROPERTY</div> <div id="apDiv29">
<form method="post" action="search.php"> Tipe : <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 : <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)){
A-37
Universitas Kristen Maranatha }
?> </select> </br>
Kota : <span id="ajax">
<select name="kota"/>
<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>
<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 <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'];
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>
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>