SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

Gratis

0
0
113
4 months ago
Preview
Full text

  Situs Penawaran Properti di Yogyakarta Berbasis Web

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

  

Memperoleh Gelar Sarjana Teknik

Program Studi Teknik Informatika

Oleh:

Nama : Benedictus Ferryanto Nugroho

  

NIM : 025314036

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

  

Web Based Yogyakarta Property

Supplying Site

A Thesis

Presented as Partial Fulfillment of the Requirements

  

To Obtain the Sarjana Teknik Degree

In Informatics Engineering

By:

Name: Benedictus Ferryanto Nugroho

  

Student Number : 025314036

  

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF ENGINEERING

SANATA DHARMA UNIVERSITY

HALAMAN MOTTO

  Gagasan tidak mempedulikan umur, jenis kelamin, ras, kepercayaan agama, atau warna kulit orang yang memilikinya, atau apa yang dilakukan seseorang dengan gagasan itu.

  Masalah menghasilkan kesabaran; Kesabaran menghasilkan kegigihan; kegigihan menghasilkan watak; watak menghasilkan harapan; harapan menghasilkan kekuatan.

  Buah apel yang kita diamkan dia akan membusuk dan tidak berguna Tetapi Buah apel yang kita makan dia akan berguna pada tubuh kita dan bersama kita selamanya

  Seorang tukang sapu pun dapat menjadi professional jika ia selalu memperbaiki teknik menyapunya. Sebaliknya programmer dapat menjadi tukang selamanya sepanjang tidak ada peningkatan versi pada skill-nya

  Tugas dihadapan kita tak pernah sebesar kekuatan dibelakang kita All things are possible through prayer

HALAMAN PERSEMBAHAN

  

Segala perkara dapat kutanggung

di dalam Dia yang memberi kekuatan kepadaku. FILIPI 4:13

  

Kupersembahkan skripsi ini untuk :

Tuhan Yesus Kristus pembimbing, pelindung, dan juru selamatku.

  

Bapak dan Ibu tercinta atas semangat, doa dan dukungan secara

moril dan materil.

  

Kedua saudara-saudaraku tercinta Mas Wahyu, dan Dik Yudha

Almamaterku Teknik Informatika, khususnya angkatan 2002

  

INTISARI

  Situs penawaran properti di Yogyakarta berbasis web ini merupakan sarana bagi agen properti untuk menawarkan properti yang dipercayakan kepadanya oleh pemilik properti kepada setiap pengunjung. Tujuan dari pembuatan situs ini adalah untuk membantu mempermudah agen properti mendapatkan data dari pelanggan yang akan menawarkan properti yang dimiliki ke dalam situs web, dan juga menawarkan properti tersebut kepada calon pembeli yang sedang mencari properti melalui situs web tersebut.

  Metode pengembangan sistem yang digunakan untuk melakukan pengembangan situs penawaran properti di Yogyakarta berbasis web ini adalah metode terstruktur yaitu pengembangan sistem berdasarkan pada urutan proses yang terdapat dalam DFD .Situs ini akan menampilkan layanan pemasukkan data properti dari pengunjung melalui situs web dengan cara mendaftar terlebih dahulu sebagai member. Sedangkan bagi pengunjung yang sedang mencari properti di Yogyakarta, situs ini menawarkan fasilitas untuk melihat properti yang sedang ditawarkan dan juga melakukan pencarian properti yang sedang ditawarkan sesuai dengan keinginannya.

  Kelebihan dari situs penawaran properti ini adalah tampilan yang mudah dimengerti, menyediakan informasi properti dengan cukup lengkap, dan juga memiliki fasilitas pencarian. Sedangkan situs ini juga masih terdapat kekurangan yaitu tampilan yang masih sederhana, kurang dalam mengatasi error handling, belum memiliki fasilitas pengamanan yang memadai, dan juga belum dapat melayani pemesanan. Dengan demikian maka situs penawaran properti di Yogyakarta berbasis web ini dapat membantu menawarkan properti yang dimiliki oleh agen properti dan mampu memberikan informasi mengenai properti di Yogyakarta yang sedang ditawarkan dan juga membantu pengunjung dalam mencari properti yang ditawarkan

  

ABSTRACT

  This Web Based Yogyakarta Property Supplying Site is a media for the property agents to supply the properties trusted on them by the owner. The agent supply the properties to every surfer of the website. The purposes of this website are to make the property agents easier to get the data from custumer who will supply their properties to the website, and also to offer those properties to the future buyers who are looking for properties through the website.

  The method of the system develpment used to make the development of this website is Structured and Analysis and Design Method. It is a system develpment based on the process sequences which is occured in the DFD. This site will perform input data property service from the website surfer. But they must register first as a member. While for the website surfer who are looking for properties in Yogyakarta, this site offers the facilities to see the property which is being supplied and to search the property that suits with their want or their need.

  The strengths of this site are easy understandable display, quite complete prioperty information providing, and also having a search engine facility. This site also still has some weaknesses such as a very simple display, the lack of ability to handle errors, has not have good security facility, and also has not able to serve order. So this Web Based Yogyakarta Property Offering Site could help to supply properties which owned by the property agents, able to give information deal with the property which are being supplied in Yogyakarta, and to help the customers to find the property.

KATA PENGANTAR

  Puji serta syukur saya panjatkan kepada Tuhan Yesus Kristus, karena atas berkat dan rahmat-Nya saya dapat menyelesaikan tugas akhir ini dengan baik dan lancar.

  Dalam proses penulisan tugas akhir ini saya menyadari bahwa ada begitu banyak pihak yang telah memberikan perhatian dan bantuan dengan caranya masing-masing sehingga tugas akhir ini dapat selesai tepat waktu dan lancar. Oleh karena itu saya ingin mengucapkan terima kasih antara lain kepada :

  1. Bapak Wisnu Wijaya, S.T., M.T., selaku Dosen Pembimbing I, yang telah meluangkan waktu untuk memberikan bimbingan, dan dukungan sehingga saya dapat menyelesaikan tugas akhir ini dengan baik.

  2. Bapak Cosmas Bramono, S.T., selaku Dosen Pembimbing II, yang telah meluangkan waktu dan perhatiannya untuk membimbing dan mendukung saya dari awal pengerjaan sampai tugas akhir ini bisa selesai.

  3. Bapak Ir. Gregorius Heliarko SJ, SS, BST, MA, M.Sc selaku Dekan Fakultas Teknik Universitas Sanata Dharma.

  4. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Ketua Jurusan Teknik Informatika Universitas Sanata Dharma dan juga Dosen Pembimbing Akademik Mahasiswa angkatan 2002.

  5. Ibu Ridowati Gunawan, S.Kom.,M.T. dan Bapak JB. Budi Darmawan,

  6. Pak Bele, Mas Danang, Mas Catur, Agus dan seluruh staff sekretariat Teknik, yang telah memberikan bantuannya terutama dalam proses pengerjaan tugas akhir ini.

  7. Bapak dan Ibu tercinta. Terima kasih atas doa, semangat, dukungan dan cintanya sehingga saya bisa menyelesaikan studi dengan lancar. Semoga saya bisa membalas cinta kalian

  8. Saudara-saudariku tercinta : Mas Wahyu dan Dik Yudha terima kasih atas cinta dan rasa persaudaraan yang selalu menghangatkan.

  9. Temanku Andika yang telah banyak membantu dalam menyelesaikan tugas akhir ini (terutama dalam pemrograman PHP 5 nya).

  10. Teman-temanku yang setia menunggui waktu ujian: Widy, Andre, Albert, Hasto (terima kasih telah mau menunggui dan membantuku), Pram, Agung “Ase”, Agung “Aceng”, Bowo, Niko di Bandung (kapan main bola lagi?), Nata, Handie. Kedatangan kalian merupakan dukungan yang sangat berarti bagi saya.

  11. Anak-anak Kost Pomahan atas kerelaannya meminjamkan tempat dalam pengerjaan tugas akhir ini dan mohon maaf atas semua gangguan yang telah ditimbulkan selama pengerjaan.

  12. Teman-teman baik saya dari SMA : Fendi dan Pulung atas semua dukungan, doa dan dorongan semangatnya untuk menyelesaikan tugas akhir ini.

  14. Dan seluruh pihak yang telah ambil bagian dalam proses penulisan tugas akhir ini yang tidak bisa saya sebutkan satu per satu.

  Dengan rendah hati saya menyadari bahwa tugas akhir ini masih jauh dari sempurna, oleh karena itu berbagai kritik dan saran untuk perbaikan tugas akhir ini sangat saya harapkan. Akhir kata, semoga tugas akhir ini bermanfaat bagi semua pihak. Terima kasih.

  Yogyakarta, 23 Agustus 2007 Penulis

  DAFTAR ISI

JUDUL ...................................................................................................................... i

HALAMAN PERSETUJUAN ................................................................................ iii

HALAMAN PENGESAHAN ................................................................................. iv

PERNYATAAN KEASLIAN KARYA .................................................................. v

HALAMAN MOTTO ..............................................................................................

  vi

  

HALAMAN PERSEMBAHAN .............................................................................. vii

ABSTRAKSI ............................................................................................................ viii

ABSTRACT ............................................................................................................. ix

KATA PENGANTAR ............................................................................................. x

DAFTAR ISI ............................................................................................................

  xiii

  

DAFTAR GAMBAR ............................................................................................... xviii

DAFTAR TABEL .................................................................................................... xxi

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah....................................................................

  1 1.2 Rumusan Masalah..............................................................................

  2 1.3 Batasan Masalah.................................................................................

  2 1.4 Tujuan Penelitian................................................................................

  3 1.5 Metodologi Penelitian…………….....................................................

  3 1.6 Sistematika Penulisan ........................................................................

  6

  BAB II LANDASAN TEORI

  7 2.1 Situs....................................................................................................

  7 2.1.1 Pengertian Situs......................................................................

  7 2.1.2 Unsur-unsur Situs..................................................................

  10 2.2 Metodologi Pengembangan Sistem....................................................

  10 2.2.1 Use Case Diagram……………………………………….....

  11 2.2.2 Entity Relationship Diagram (E-R Diagram)……………….

  13

  2.2.3 DFD (Data Flow Diagram)…………………………………

  15 2.3 Web.....................................................................................................

  15 2.4 WWW(World Wide Web)...................................................................

  16 2.5 HTTP (HyperText Transfer Protocol) ...............................................

  16 2.6 HTML ( Hypertext Markup Language) .............................................

  16 2.6.1 Struktur HTML……………………………………………...

  17 2.6.2 Format Tertentu pada HTML………………………..……...

  17 2.6.2.1 Heading………………………………………….......

  17 2.6.2.2 Paragraf……………………………………………...

  17

  2.6.2.3 Line Break dan HR (Horizontal Rule)………………

  18

  2.6.2.4 Bentuk Teks…………………………………………

  18 2.6.2.5 Daftar / List………………………………………….

  19 2.6.2.6 Gambar / Image……………………………………..

  19

  2.6.2.9 Frame / Bingkai……………………………………..

  21

  2.6.2.10 Form dan Input……………………………………

  22 2.7 PHP………………………………….................................................

  23 2.7.1 Variabel dalam PHP………………………………………...

  23 2.7.2 Tipe Data……………………………...…….…...………….

  24 2.7.3 Operator……………………………...……………………...

  25 2.7.4 Fungsi………………………………...……………………..

  25

  2.7.5 Struktur Kendali / Struktur Kontrol….………...……………

  25 2.7.5.1 Percabangan................................................................

  27 2.7.5.2 Perulangan..................................................................

  28 2.7.6 Require( ) dan Include ( ).......................................................

  29 2.8 MySQL.................................................... ..........................................

  29 2.8.1 Bahasa dalam MySQL...........................................................

  30 2.8.2 Tipe Data dalam MySQL.......................................................

  BAB III ANALISA DAN PERANCANGAN SISTEM

  32 3.1 Analisis Sistem ..................................................................................

  32 3.1.1 Gambaran Umum Sistem…………………………………...

  33 3.1.2 Use Case Diagram.................................................................

  34 3.1.3 DFD........................................................................................

  34 3.1.3.1 Proses Modeling.........................................................

  35

  3.1.3.4 Overview Diagram.....................................................

  37 3.1.3.4.1 Overview Diagram Level 0.........................

  38 3.1.3.4.2 Overview Diagram Level 1.........................

  41 3.1.3.5 DFD Gabungan...........................................................

  43 3.1.4 ERD........................................................................................

  43 3.2 Disain Sistem.......... ...........................................................................

  44 3.2.1 Disain Database......................................................................

  44 3.2.1.1 Disain Logikal............................................................

  44 3.2.1.2 Disain Fisikal.............................................................

  46 3.2.2 Disain User Interface..............................................................

  56 3.2.3 Disain Struktur Menu..............................................................

  BAB IV. IMPLEMENTASI SISTEM

  58 4.1 Pembuatan Database.........................................................................

  61 4.2 Koneksi Database.............................................................................

  62 4.3 Pembuatan Antar Muka Pemakai (User Interface)...........................

  BAB V. ANALISA HASIL

  88 5.1 Analisa Manfaat.................................................................................

  88 5.2 Kelebihan Sistem yang Dibuat..........................................................

  89

  BAB VI. PENUTUP 6.1 Kesimpulan........................................................................................

  6.2 Saran..................................................................................................

  90

  90

DAFTAR PUSTAKA

   DAFTAR GAMBAR

Gambar Keterangan Halaman

  40

  38

  3.5 Overview diagram level 1 proses 2

  38

  3.6 Overview diagram level 1 proses 4

  39

  3.7 Overview diagram level 1 proses 5

  40

  3.8 Overview diagram level 1 proses 8

  3.9 DFD Gabungan 42

  36

  3.10 Gambar ERD 43

  3.11 Relasi antar tabel 44

  3.12 Rancangan Halaman home

  46

  3.13 Rancangan Halaman regristrasi

  member

  47

  3.14 Rancangan Halaman login member

  3.4 Overview diagram level 0

  3.3 Gambar Bagan Berjenjang

  2.1 Simbol Use Case

  12

  10

  2.2 Simbol Actor

  10

  2.3 Simbol depend on

  11

  2.4 Lambang dari entitas

  11

  2.5 Contoh dari atribut mahasiswa

  2.6 Contoh dari Relasi 12

  35

  2.7 Notasi dari kardinalitas 13

  2.8 Entitas Luar 14

  2.9 Simbol Aliran Data

  14

  2.10 Simbol Proses 14

  2.11 Simbol Berkas 15

  3.1 Use Case Diagram

  33

  3.2 Gambar Diagram Konteks

  47

  3.18 Rancangan Halaman daftar properti

  4.3 Halaman Index (Lanjutan) 63

  3.32 Desain struktur menu member 56

  3.33 Desain struktur menu admin 57

  3.34 Desain struktur menu pengunjung

  57

  4.1 Halaman

  Database

  property_db

  60

  4.2 Halaman Index

  62

  4.4 Halaman regristrasi member

  3.31 Rancangan Halaman pencarian properti

  65

  4.5 Halaman login member

  67

  4.6 Halaman mendaftar properti 68

  4.7 Halaman lihat properti member

  70

  4.8 Halaman ubah properti member

  71

  4.9 Halaman lihat properti pengunjung

  74

  4.10 Halaman pencarian properti

  56

  55

  49

  52

  3.19 Rancangan Halaman lihat properti member

  50

  3.20 Rancangan Halaman

  update

  data properti

  50

  3.21 Rancangan Halaman upload gambar properti

  51

  3.22 Rancangan Halaman lihat gambar properti

  51

  3.23 Rancangan Halaman login admin

  3.24 Rancangan Halaman home admin

  3.30 Rancangan Halaman lihat properti

  52

  3.25 Rancangan Halaman

  update

  data admin 53

  3.26 Rancangan Halaman update member

  53

  3.27 Rancangan Halaman lihat properti admin 54

  3.28 Rancangan Halaman update lokasi

  54

  3.29 Rancangan Halaman update jenis properti

  55

  75

  4.14 Halaman lihat properti admin 80

  4.15 Halaman lihat lokasi

  82

  4.16 Halaman tambah lokasi

  83

  4.17 Halaman lihat jenis properti

  84

  4.18 Halaman tambah jenis properti

  86

  DAFTAR TABEL

Tabel Keterangan Halaman

  member

  3.6 Tabel administrator

  45

  3.5 Tabel jenis properti

  45

  3.4 Tabel lokasi

  45

  3.3 Tabel property

  44

  3.2 Tabel

  2.1 Tabel OperatorAritmatika pada PHP

  34

  3.1 Tabel input output proses modeling

  30

  2.4 Tabel Tipe Data pada MySQL

  25

  2.3 Tabel kebenaran operasi logika

  24

  2.2 Tabel Operator Logika pada PHP

  24

  46

BAB I PENDAHULUAN

1.1 Latar Belakang

  Sekarang ini kebutuhan akan properti di kota Yogyakarta sudah berkembang dengan pesat. Seiring dengan perkembangan akan kebutuhan properti itu maka dibutuhkan juga suatu sarana untuk menawarkan properti bagi agen-agen properti secara luas. Dengan begitu sarana yang paling tepat untuk menawarkan properti secara luas adalah melalui situs web.

  Pada saat ini situs web yang dimiliki oleh agen properti hanya berguna untuk menampilkan properti yang sedang ditawarkan oleh agen tersebut.

  Pelanggan yang ingin menampilkan properti yang dimiliki ke dalam situs tersebut harus menyerahkan data mengenai properti yang dimiliki langsung ke tempat agen properti yang dipercaya. Selain itu fasilitas pencarian yang ditawarkan kepada pengunjung masih sangat terbatas.

  Dengan kondisi seperti yang telah disebutkan tadi maka dibutuhkan suatu situs web dari agen properti yang mampu memberikan layanan pemasukkan data properti dari pelanggan. Dengan demikian pelanggan tidak harus langsung datang ke tempat agen properti untuk menyerahkan data properti yang dimilikinya tetapi cukup mengakses situs web yang dimiliki oleh agen properti tersebut. Selain itu bagi orang yang mencari properti

  2 Mengingat beberapa keuntungan dari situs penawaran properti yang berbasis web dan permasalahan yang dihadapi agen properti maupun orang yang mencari properti di Yogyakarta tersebut maka penulis tertarik meneliti pembangunan situs penawaran properti di Yogyakarta berbasis web menggunakan PHP5 dan MySql5.

  1.2 Rumusan Masalah

  Rumusan masalah dari tugas akhir ini adalah bagaimana merancang dan membangun sebuah situs penawaran properti di Yogyakarta berbasis

  web dengan menggunakan PHP5 dan MySql5.

  1.3 Batasan Masalah

  Situs Penawaran Properti di Yogyakarta Berbasis Web ini mempunyai batasan sebagai berikut :

  1. Situs ini menampilkan informasi mengenai properti yang sedang ditawarkan dan berada di kota Yogyakarta.

  2. Properti yang akan ditampilkan hanya terbatas pada properti di kota Yogyakarta yang sedang ditawarkan oleh member yang telah terdaftar.

  3. Informasi yang bisa ditampilkan oleh member hanya berupa informasi secara garis besar saja, yaitu berupa alamat, fasilitas properti, fasilitas lokasi, harga, pihak yang dapat dihubungi, dan gambar dari properti

  3

  4. Tidak membahas mengenai masalah keamanan. pembangunan Situs Penawaran Properti di Yogyakarta Berbasis Web ini menggunakan PHP5 dan MySql5.

  1.4 Tujuan Penelitian

  Tujuan dari pembangunan Situs Penawaran Properti di Yogyakarta Berbasis Web ini adalah :

  1. Dapat membantu pihak pemilik maupun agen properti di kota Yogyakarta untuk menawarkan properti yang dimilikinya.

  2. Memberikan informasi mengenai properti di kota Yogyakarta yang sedang ditawarkan calon pembeli property.

  3. Membantu calon pembeli properti dalam mencari properti yang ditawarkan, yang sesuai dengan keinginannya.

  1.5 Metodologi Penelitian

  Metodologi penelitian yang digunakan dalam pengerjaan tugas akhir ini adalah :

  1. Pengumpulan dan Analisa kebutuhan, dengan metode yang mengacu th

   Edition

  dari buku System Analysis and Design Method 6 karangan Whitten, Bentley, Dittman sebagai berikut :

  4 A. Library Research (Penelitian Kepustakaan)

  Dilakukan dengan mempelajari bahan-bahan tertulis seperti buku, tutorial, dan jurnal yang ada kaitannya dengan pengembangan dan pembangunan sebuah sistem informasi properti.

  B. Wawancara (Interview) Dilakukan dengan cara tanya jawab dan bertatap muka langsung dengan pihak pemilik properti dan juga pengelola agen properti untuk mendapatkan keterangan dan informasi mengenai permasalahan yang ada, sistem seperti apa yang diharapkan dan proses-proses yang mampu dilakukan oleh sistem yang akan dibangun.

  2. Analisis sistem Pada tahap ini dilakukan pemodelan sistem kedalam bentuk use case,

  Data Flow Diagram (DFD), dan Entity Relationship Diagram (ERD).

  3. Disain sistem Pada tahap ini dilakukan disain sistem secara umum, yang meliputi disain database, disain user interface, dan disain struktur menu.

  4. Implementasi Pada tahap ini dilakukan pengimplementasian sistem berdasarkan

  5

  5. Uji coba sistem Pada tahap ini dilakukan uji coba terhadap sistem untuk mengetahui apakah hasil sudah sesuai dengan rancangan yang diinginkan dan mencari kesalahan-kesalahan yang mungkin terjadi. metode pengembangan sistem yang digunakan untuk melakukan pengembangan sistem informasi ini adalah metode terstruktur (Structured

  

Analysis and Design Method ) yaitu pengembangan sistem berdasarkan pada

urutan proses yang terdapat dalam Data Flow Diagram (DFD),.

  6

   Sistematika Penulisan

1.6 Struktur penulisan tugas akhir ini adalah sebagai berikut :

  BAB I : PENDAHULUAN Berisi tentang latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, metodologi penelitian, dan sistematika penulisan dari pembuatan tugas akhir ini.

  BAB II : LANDASAN TEORI Berisi tentang dasar teori yang mendukung pembuatan tugas akhir ini. BAB III : ANALISIS DAN PERANCANGAN SISTEM Berisi tentang gambaran umum, analisis, meliputi pendefinisian dan pemodelan sistem dalam bentuk use case, DFD, ERD, serta disain sistem yang meliputi disain database, disain user interface, dan disain struktur menu dari sistem yang akan dibangun.

  BAB IV : IMPLEMENTASI Berisi tentang implementasi sistem dari perancangan yang telah dibangun sebelumnya beserta pengkodean dan penjelasannya. BAB V : ANALISA HASIL Berisi tentang hasil analisa sistem yang dibangun, kelebihan dan kekurangan sistem. BAB VI : PENUTUP

BAB II LANDASAN TEORI

2.1 Situs

  2.1.1 Pengertian Situs Website atau situs dapat diartikan sebagai kumpulan halaman-

  halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan- jaringan halaman (hyperlink).

   Unsur-unsur Situs

  2.1.2 Untuk menyediakan keberadaan sebuah website, maka harus tersedia

  unsur-unsur penunjangnya, adalah sebagai berikut:

1. Nama domain (Domain name/URL - Uniform Resource Locator)

  Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada

  8 sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).

  2. Rumah tempat website (Web hosting)

  Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.

  Web Hosting

  juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun luar negeri.

  3. Bahasa Program (Scripts Program)

  Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat

  9 semakin dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.

  Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.

4. Desain website

  Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website. Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan

  10

  web designer ini yang umumnya memerlukan biaya yang tertinggi dari

  seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.

2.2 Metodologi Pengembangan Sistem

2.2.1 Use Case Diagram

  Use case diagram adalah sebuah diagram yang menggambarkan

  interaksi antara sistem, eksternal sistem dan pemakai. Use case merupakan bagian dari keseluruhan sistem. Gambar 2.1 merupakan simbol use case.

Gambar 2.1. Simbol Use Case

  Actor merupakan segala sesuatu yang dibutuhkan untuk berinteraksi

  dengan sistem untuk mengubah informasi. Dapat berupa orang, organisasi atau sistem informasi yang lain atau juga suatu waktu kejadian. Gambar 2.2 merupakan simbol dari actor.

  Actor

Gambar 2.2. Simbol Actor

  Use case depends on relationship merupakan sebuah relasi use case

  yang menentukan bahwa sebuah use case bergantung pada use case sebelumnya. Digambarkan sebagai anak panah yang dimulai dari satu use

  11

  Proses 1 Proses 2 <<depend on>>

Gambar 2.3. Simbol depend on

  Yang berarti proses 2 bisa dilakukan apabila proses 1 telah dilakukan terlebih dahulu (proses 2 bergantung pada proses 1).

2.2.2 Entity Relationship Diagram (E-R Diagram)

  E-R Diagram merupakan sebuah data model (database modeling) yang memanfaatkan beberapa notasi untuk menggambarkan data dalam entitas dan relasi yang dijelaskan oleh data. Data model adalah sebuah teknik untuk mengorganisasikan dan mendokumentasikan data dari sistem.

  Komponen – komponen pembentuk E-R Diagram :

  a. Entitas / Entity adalah sebuah kumpulan dari orang, tempat, objek, kejadian atau konsep yang diperlukan untuk menyimpan data. Nama entitas berupa kata benda tunggal. Gambar 2.4 merupakan lambang dari entitas.

Gambar 2.4 Lambang dari entitas

  b. Atribut merupakan sebuah sifat atau karakteristik deskriptif dari sebuah entitas. Gambar 2.5 merupakan contoh dari entitas mahasiswa

  12

  Mahasiswa nim nama alamat

Gambar 2.5 Contoh dari atribut mahasiswa

  c. Relasi / Relationship adalah sebuah asosiasi bisnis normal yang ada antara satu atau lebih entitas. Relasi mungkin juga mewakili suatu kejadian yang menghubungkan antara entitas atau logika gabungan antara entitas. Gambar 2.6 merupakan contoh dari relasi. nama entitas 1 nama entitas 2

Gambar 2.6 Contoh dari Relasi

  d. Kardinalitas (derajat relasi) / Cardinality merupakan minimum dan maksimum kejadian dari sebuah entitas yang dihubungkan dengan kejadian tunggal dari entitas yang lain. Karena seluruh relasi adalah

  bidirectional maka kardinalitas harus didefinisikan pada kedua arah untuk setiap relasi. Gambar 2.7 merupakan notasi dari kardinalitas.

  13

  Notasi entitas entitas atau entitas entitas entitas entitas

  Kardinalitas Satu dan hanya satu Nol atau satu Satu atau banyak Nol atau banyak Lebih dari satu

  Minim um

  1

  1 Banyak (>1)

Maksim um

  

1

  

1

Ba yak

( 1)

n

>

  

Banyak

( 1) >

Ba yak

( 1)

n

>

Gambar 2.7 Notasi dari kardinalitas

2.2.3 DFD (Data Flow Diagram)

  DFD digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur (Structured Analysis and Design).

  Ada beberapa simbol DFD yang dipakai untuk menggambarkan data beserta proses transformasi data, antara lain : a. Entitas Luar / External Entity

  14 tidak tahu menahu mengenai apa yang terjadi di entitas luar.

Gambar 2.8 merupakan simbol entitas luar.

  nama entitas luar

Gambar 2.8 Entitas Luar

  b. Aliran data / Data Flow Untuk menggambarkan aliran data dari suatu proses ke proses lainnya.

Gambar 2.9 merupakan simbol aliran data.

  nama aliran data

Gambar 2.9 Simbol Aliran Data

  c. Proses Untuk mentransformasikan atau merepresentasikan proses yang terjadi pada data atau fungsi yang berada dalam sistem yang dimodelkan.

Gambar 2.10 merupakan simbol proses.

  id nama proses

Gambar 2.10 Simbol Proses

  15 d. Berkas / Data Store Merupakan komponen yang berfungsi untuk menyimpan data atau file.

Gambar 2.11 merupakan simbol berkas.

  

id nama berkas

Gambar 2.11 Simbol Berkas Web

  2.3 Aplikasi web tidak saja digunakan di Internet, namun juga dapat

  digunakan untuk keperluan intra organisasi. Jaringan aplikasi web yang terpasang di lingkungan intra-organisasi ini dikenal dengan sebutan intranet.

  Aplikasi web sendiri dibagi menjadi: Web Statis dan Web Dinamis. Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus- menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi Web dinamis.

   WWW (World Wide Web)

  2.4 World Wide Web

  (WWW) merupakan salah satu sumber daya internet yang berkembang pesat. Informasi web didistribusikan melalui pendekatan

  

hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk

  membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang

  16

   HTTP (HyperText Transfer Protocol)

  2.5 HTTP (Hypertext Transfer Protocol) merupakan protokol yang

  digunakan untuk mentransfer data antara web server (server) ke web

  browser

  (client). Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Protokol adalah kumpulan aturan-aturan yang mengatur dan menentukan agar dapat saling bertukar informasi.

  2.6 HTML (HyperText Markup Language)

  HTML adalah bahasa yang digunakan untuk penulisan halaman web yang dirancang untuk tidak bergantung pada satu sistem operasi tertentu (Purwanto, 2001).

2.6.3 Struktur HTML

  HTML menggunakan tag, tag selalu diawali dengan tanda lebih kecil dan diakhiri dengan tanda lebih besar (<tag>). Bentuk umum didalam penulisan kode HTML sebagian besar diawali dengan <nama_tag> dan diakhiri dengan </nama_tag>.

  Didalam standar penulisannya HTML mempunyai 3 buah tag utama, yaitu : <HTML>

  17 </BODY> </HTML> tag <TITLE>...</TITLE> biasanya juga digunakan untuk mendeskripsikan judul dokumen. Tag tersebut dituliskan didalam tag <HEAD>.

  2.6.4 Format Tertentu pada HTML Heading

  2.6.4.1 HTML menyediakan enam tingkatan heading sebagai beikut : − <H1>...</H1> : heading level 1 dengan besar huruf 24 point.

  − <H2>...</H2> : heading level 2 dengan besar huruf 18 point. − <H3>...</H3> : heading level 3 dengan besar huruf 14 point. − <H4>...</H4> : heading level 4 dengan besar huruf 12 point. − <H5>...</H5> : heading level 5 dengan besar huruf 10 point. − <H6>...</H6> : heading level 6 dengan besar huruf 7 point. untuk ukuran teks normal pada HTML adalah 12 point.

  2.6.4.2 Paragraf

  Untuk membuat paragraf diawali dengan menggunakan tag <P> dan diakhiri dengan tag </P>. Posisi paragraf bisa diatur dengan menggunakan atribut ALIGN.

  − <P ALIGN=”right”> ..... </P> : untuk rata kanan − <P ALIGN=”center”> ..... </P> : untuk rata tengah.

  − <P ALIGN=”left”> ..... </P> : untuk rata kiri.

  18

  2.6.4.3 Line Break dan HR (Horizontal Rule)

  Tag line break (<BR>) digunakan untuk untuk membuat baris baru tanpa spasi kosong. Tag <BR> adalah tag tunggal tanpa penutup.

  Sedangkan tag <HR> digunakan untuk membuat garis horizontal pada jendela browser.

  2.6.4.4 Bentuk Teks

  Bentuk tag teks yang umum digunakan : − <B> ……........</B> : membuat teks tebal.

  − <U> ……........</U> : membuat garis bawah teks. − <I> ……..........</I> : membuat teks mirinsg. − <S> …….........</S> : membuat coretan pada teks. − <SUB> ……...</SUB> : membuat teks Subscript. − <SUP> ……...</SUP> : membuat teks Superscript. − <BIG> ……....</BIG> : Membesarkan teks. − <SMALL>.......</SMALL> : Mengecilkan teks.

  2.6.4.5 Daftar / List

  HTML menyediakan lima cara untuk membuat daftar, yaitu : a.

   Daftar dengar Penomoran (Ordered List)

  Daftar dengan penomoran digunakan untuk membuat daftar menggunakan nomor secara berurutan (1,2,3,...). Daftar dengan penomoran dimulai dengan tag <OL> dan diakhiri dengan </OL>.

  19

   Daftar dengan Bullet (Unordered List) b.

  Daftar dengan Bullet digunakan untuk membuat sebuah urutan yang ditandai dengan tanda bullet. Daftar dengan bullet dimulai dengan tag <UL> dan diakhiri dengan </UL>. Untuk menyatakan daftarnya digunakan tag <LI> diantara tag <UL> dan </UL>. Tag <LI> tidak memerlukan tak penutup.

  c. Daftar Definisi (Definition List)

  Daftar definisi adalah sebuah daftar dengan keterangan dari masing-masing item daftar yang bersangkutan. Tag yang dipakai adalah <DL>............</DL>, di antara kedua tag tersebut digunakan tag <DT> (menunjukkan istilah) dan <DD> (menunjukkan definisi/penjelasan).

  d. Daftar Menu (Menu List) dan Daftar Direktori

  Daftar menu dan daftar direktori tidak jauh berbeda, keduanya digunakan untuk membuat daftar item yang pendek-pendek.

  2.6.4.6 Gambar / Image

  Format standard yang sering dipakai di web adalah format gambar GIF, JPEG, dan PNG. Tag yang digunakan untuk menampilkan gambar adalah tag <IMG>. Standar pennulisan tag <IMG> adalah :

  <IMG SRC=”sumber_file_gambar” ALT=“nama_alternatif”>

  2.6.4.7 Tabel

  20 − <TABLE> …… </TABLE> untuk mendefinisikan sebuah tabel.

  Kemudian diantara tag tersebut digunakan tag − <TR> ………… </TR> (Table row) untuk membuat sebuah baris dan di dalam tag <TR> digunakan tag − <TD> …. <TD> (Table Data) untuk mendefinisikan kolom dan data.

  Pola penggunaan ketiga buah tag tersebut adalah sebagai berikut : <BODY> <TABLE>

  <TR> <TD> isi kolom </TD> </TR> </TABLE> </BODY>

   Link

  2.6.4.8 Link dibuat dengan menggunakan tag anchor <A>. Untuk membuat

  sebuah link ke dokumen HTML lain digunakan tag <A HREF=”nama_dokumen”>link_teks</A>.

  Link juga bisa dibuat dalam sebuah dokumen HTML, agar bisa melakukannya diperlukan adanya nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan dengan tag <A NAME=”nama_anchor”>teks_pada_browser</A>. Untuk melakukan link digunakan tag <A HREF=”#nama_anchor”>link_teks</A>.

  2.6.4.9 Frame / Bingkai

  21 <FRAMESET>. Tag ini diletakkan pada bagian <BODY>. Atribut yang menyertai tag <FRAMESET> adalah: − ROWS : untuk mengatur besarnya baris dalam satu bingkai. Pemberian nilai bisa berupa angka atau persen. Nilai yang berupa angka berarti jumlah baris dalam suatu bingkai sedangkan angka persen berarti menunjukkan persentasi dari pixel yang akan digunakan.

  − COLS : fungsinya mirip dengan ROWS, namun yang diatur adalah besarnya kolom.

  Setelah tag <FRAMESET> dideklarasikan, tag <FRAME> akan mendefinisikan isi dari masing-masing bingkai. Atribut yang menyertai tag ini adalah: − SRC : menunjukkan dokumen yang akan dibuka.

  − NAME : nama bingkai. − SCROLLING: mendefinisikan apakan bingkai diberi scroll atau tidak − FRAMEBORDER : mendefinisikan bingkai diberi border atau tidak − MARGINWIDTH : mendefinisikan margin kanan dan kiri.

  − MARGINHEIGHT : mendefinisikan margin atas dan bawah. − NORESIZE : mendefinisikan apakah bingkai dapat diubah ukurannya atau tidak.

   Form dan Input

2.6.4.10 Tag <FORM> dan <INPUT> digunakan bersama-sama untuk

  22 membuat kerangkanya sedangkan tag &lt;INPUT&gt; menyediakan elemen antarmuka dengan user. Standar penulisan form adalah :

  &lt;FORM METHOD=”POST|GET” ACTION=”URL”&gt; .......... &lt;/FORM&gt;

  Atribut METHOD mempunyai dua nilai POST dan GET. Metode GET digunakan untuk mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL (Uniform Resource Locator). Metode POST mengirimkan data secara terpisah. Metode POST menyimpan data dalam jumlah banyak. Atribut ACTION digunakan untuk menentukan kemana informasi form akan diserahkan. Tipe input dalam suatu form: − TEXT : &lt;INPUT TYPE =’text’….&gt; − PASSWORD : &lt;INPUT TYPE =’password’….&gt; − SUBMIT : &lt;INPUT TYPE =’submit’….&gt; − RESET : &lt;INPUT TYPE =’reset’….&gt; − CHECKBOX

  : &lt;INPUT TYPE =’checkbox’….&gt; − RADIO BUTTON : &lt;INPUT TYPE =’radio’….&gt; − HIDDEN : &lt;INPUT TYPE =’hidden’….&gt; − TEXT WINDOW : &lt;TEXTAREA&gt;….&lt;/TEXTAREA&gt; − MENU : &lt;SELECT&gt;…&lt;OPTION&gt;…&lt;/SELECT&gt;

2.7 PHP

  23 dapat dijalankan multiplatform. PHP merupakan bahasa scripting yang menyatu dengan HTML dan dijalankan pada server-side. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.

  Ada tiga cara untuk menuliskan script PHP, yaitu :

  a. &lt;? ......... ?&gt;

  b. &lt;?php .........

  ?&gt;

  c. &lt;SCRIPT LANGUAGE=”php”&gt; .........

  &lt;/SCRIPT&gt; Untuk pengetikan komentar digunakan : /* komentar anda */ atau //komentar anda

  2.7.3 Variabel dalam PHP

  Variabel dalam PHP ditandai dengan tanda dolar ($). Variabel dalam PHP bersifat case sensitive sama halnya dengan bahasa C.

  2.7.4 Tipe Data

  PHP memiliki 6 buah tipe data, yaitu :

  a. Empat tipe skalar : − boolean − integer − floating-point number (float) − string

  b. Dua tipe gabungan : − array

  24

2.7.5 Operator Operator Aritmatika

  Operator aritmatika merupakan operator yang berhubungan dengan fungsi matematika. Operator arimatika yang biasanya digunakan didalam PHP terdapat pada tabel 2.1.

Tabel 2.1 Tabel Operator Aritmatika pada PHP Operator Operasi

  • Penambahan - Pengurangan * Perkalian / Pembagian bulat

  % Modulus / Sisa hasil bagi

  Operator Logika / Pembanding

  Operator logika berfungsi untuk membandingkan kondisi benar (true) dan salah (false). Seperti bahasa C nilai benar adalah bernilai 1 dan salah adalah bernilai 0. Tabel 2.2 merupakan tabel operator logika pada PHP dan Tabel 2.3 merupakan tabel kebenaran operasi logika.

Tabel 2.2 Tabel Operator Logika pada PHP Operator Operasi

  25 &gt; = Lebih besar sama dengan

  AND atau &amp;&amp; Logika AND OR atau || Logika OR

  XOR Logika

  XOR ! Logika not

Tabel 2.3 Tabel kebenaran operasi logika p q p AND q p OR q p XOR q !p

  1 1

  1

  1 1 0

  1

  1 0 1

  1

  1

  1 0 0

  1

  2.7.6 Fungsi

  Fungsi pada PHP ada yang mempunyai nilai balik ada juga yang tidak mempunyai nilai balik. Fungsi beragumen juga dikenal di PHP baik dengan teknik passing by value dan passing by reference. Perintah untuk membuat fungsi dalam PHP adalah fuction. Perintah return yang digunakan untuk mengembalikan nilai tertentu. fuction nama_fungsi(argumen) { kode perintah }

  2.7.7 Struktur Kendali / Struktur Kontrol

  Ada dua jenis struktur kendali didalam PHP, yaitu : struktur percabangan dan struktur perulangan.

   Percabangan

  2.7.7.1

  26 tertentu (sebagai pengambilan keputusan). Ada 3 macam perintah percabangan, yaitu : IF, IF...ELSE, dan SWITCH.

  a. IF

  IF digunakan untuk menjalankan satu atau lebih perintah yang menyatakan keadaan. Format penulisannya adalah sebagai berikut : If (kondisi) {

  Perintah yang akan dijalankan jika kondisi benar }

  b. IF...ELSE

  IF...ELSE mirip dengan perintah IF hanya saja didalam IF...ELSE digunakan untuk banyak blok perintah. Format penulisannya adalah : If (kondisi1) {

  Perintah 1 yang akan dijalankan jika kondisi1 benar } Elseif (kondisi2) {

  Perintah 2 yang akan dijalankan jika kondisi 1 bernilai salah dan kondisi 2 bernilai benar }

  Else {

  Perintah yang dijalankan jika kondisi 1 dan 2 salah }

  c. SWITCH Format penulisan perintah SWITCH adalah : switch (kondisi)

  {

  27 break; default : perintah default; }

   Perulangan

2.7.7.2 Perulangan digunakan untuk mengulang suatu perintah tanpa menulis perintah yang akan diulang sebanyak perulangan yang diinginkan.

  Didalam PHP ada tiga macam perintah pengulangan, yaitu : FOR, WHILE, dan DO...WHILE.

  a. FOR Perintah FOR digunakan untuk mengulang perintah dengan jumlah perulangan yang sudah diketahui. Pada perintah FOR tidak ada kondisi yang diuji yang diperlukan hanyalah mendeklarasikan nilai awal dan akhir variabel penghitung. Nilai variabel penghitung secara otomatis bertambah atau bekurang setiap kali perulangan dilaksanakan. Format penulisannya adalah : for ($i=nilai_awal, $i=nilai_akhir, $i++ atau $i--)

  { perintah yang akan dijalankan }

  b. WHILE Perintah WHILE digunakan untuk mengulang sebuah perintah sampai kondisi tertentu bernilai salah. Perulangan akan terus berjalan selama

  28 c. DO...WHILE

  Perintah ini mirip dengan perintah WHILE. Proses perulangan akan berjalan selama kondisi yang diperiksa di while bernilai benar dan perulangan dihentikan jika kondisinya sudah bernilai salah. Perbedaan WHILE dan DO...WHILE adalah letak dari kondisi yang diperiksa.

  Pada perintah WHILE terletak di awal perulangan sehingga sebelum masuk ke perulangan kondisi tersebut harus bernilai benar. Sedangkan pada DO...WHILE, kondisi diperiksa diakhir perulangan. Ini berarti paling sedikit sebuah perulangan akan dilakukan DO...WHILE, karena untuk masuk perulangan tidak ada kondisi yang harus dipenuhi. Format penulisan perintahnya adalah : do

  { perintah yang akan dijalankan }while (kondisi)

2.7.8 Require( ) dan Include( )

  Fungsi require( ) adalah pernyataan yang berfungsi menukar fungsi require( ) tersebut dengan isi file yang ditunjuk oleh fungsi tersebut.

  Fungsi include( ) adalah sebuah fungsi yang bertujuan untuk memasukkan

  29

2.8 MySQL MySQL merupakan sebuah Database Management System (DBMS).

  MySQL memiliki kemampuan multithread yang dapat menangani banyak permintaan (request) layanan secara bersamaan sehingga MySQL bisa digunakan sebagai multi user database server.

  2.8.3 Bahasa dalam MySQL MySQL menggunakan bahasa Structured Query Language (SQL).

  SQL merupakan bahasa yang telah distandarisasi dan digunakan dalam mengakses dan mengelola server database. Di dalam SQL terdapat 3 sub bahasa, yaitu :

  1. Data Definition Language (DDL) DDL adalah perintah SQL yang digunakan untuk mendefinisikan atau mengatur objek-objek yang akan menampung atau mengelola record data. Perintah yang digolongkan kedalam DDL adalah :

  • CREATE : untuk membuat objek.
  • ALTER : untuk memodifikasi objek.
  • DROP : untuk menghapus objek.

  30 DML adalah perintah SQL yang digunakan untuk mengelola record data, seperti menambah, menghapus, mengubah, dan menampilkannya.

  Perintah yang digolongkan kedalam DML adalah :

  • INSERT : untuk menambahkan record data.
  • UPDATE : untuk mengubah record data.
  • DELETE : untuk menghapus record data.
  • SELECT : untuk menampilkan data.

2.8.4 Tipe Data dalam MySQL

  Tipe data yang dapat digunakan dalam MySQL dapat dilihat pada Tabel 2.5.

Tabel 2.4 Tabel Tipe Data pada MySQL Tipe Data Keterangan

  tinyint Ukuran terkecil dari integer smallint Ukuran kecil dari integer mediumint Ukuran menengah dari integer int, integer integer bigint Ukuran terbesar dari integer float Presisi tunggal double, double precision, real

  Presisi ganda decimal, numeric Pecahan dengan range seperti tipe data double. date Tanggal. Format : ‘YYYY-MM-DD’ datetime Kombinasi tanggal dan jam.

  Format : ‘YYYY-MM-DD HH:MM:SS’ timestamp Kombinasi tanggal dan jam yang berisi waktu saat tabel diakses. Format : ‘YYMMDDHHMMSS’,

  31 char Karakter, dengan menghilangkan spasi pada saat penyimpanan.

  Range : 1 s.d. 255 karakter. nchar, Karakter, dengan tidak menghilangkan spasi national char pada saat penyimpanan.

  Range : 1 s.d. 255 karakter. varchar Karakter, dengan menghilangkan spasi pada saat penyimpanan.

  Range : 1 s.d. 255 karakter. tinyblob teks/blob dengan panjang karakter maksimal tinytext 255. blob Deretan karakter yang panjang. Biasa dipakai text sebagai pengganti format data text karena keterbatasan ukuran format text. Dengan panjang maksimum 65535 karakter. medium blob teks/blob dengan panjang karakter maksimal medium text 65535. long blob teks/blob dengan panjang karakter maksimal long text 16777215. enum Objek string yang hanya boleh diisi dari daftar (‘value1’,value2’,...) pilihan value yang diberikan, NULL, atau error value. Maksimum value : 65535. set Objek string yang hanya boleh diisi dari daftar (‘value1’,value2’,...) pilihan value yang diberikan, NULL, atau error value. Maksimum value : 64.

BAB III ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

  Dalam tahap analisis sistem ini akan disajikan pemodelan sistem dalam bentuk Use Case Diagram, ERD dan DFD untuk Situs Penawaran Properti di Yogyakarta Berbasis Web.

   Gambaran Umum Sistem

3.1.1 Situs Penawaran Properti Di Yogyakarta Berbasis Web yang akan

  dibangun untuk ini bertujuan untuk membantu pihak agen properti di kota Yogyakarta untuk menawarkan properti yang dipercayakan kepadanya dan juga dapat memberikan informasi mengenai properti di kota Yogyakarta yang sedang ditawarkan maupun membantu pengunjung dalam mencari properti yang ditawarkan

  Situs ini memiliki fasilitas member sehingga pengunjung bisa mendaftarkan properti yang dimiliki untuk ditampilkan di dalam situs ini setelah melakukan regristrasi sebagai member.

  Sistem ini juga memiliki fasilitas pencarian bagi pengunjung untuk mencari properti yang sedang ditawarkan berdasarkan jenis properti, lokasi properti, harga properti, dan nama pemilik properti.

  33

   Use Case Diagram

  3.1.2 Use Case Diagram dari Situs Penawaran Properti Di Yogyakarta Berbasis Web dapat dilihat pada Gambar 3.1.

  

Situs Penawaran Properti di Yogyakarta Berbasis Web

Regristrasi Member Login admin Login Member &lt;&lt;depend on&gt;&gt;

&lt;&lt;depend on&gt;&gt; &lt;&lt;depend on&gt;&gt;

Data Admin Update Update Update Data Member Properti Isi Data Update Lokasi Member Properti Update

  Member Logout User Update Data Properti Update Jenis Properti Logout Admin Admin

  Lupa Password Li hat P roperti Pencarian

  Pengunjung Proper ti

Gambar 3.1 Use Case Diagram

  34

   DFD

  3.1.3

3.1.3.1 Proses Modeling

  Proses modeling digunakan untuk mengorganisasikan dan mendokumentasikan proses dari sistem. Tabel input output proses modeling untuk Situs Penawaran Properti Di Yogyakarta Berbasis Web dapat dilihat pada tabel 3.1.

Tabel 3.1 Tabel input output proses modeling ENTITAS

INPUT OUTPUT

  username member, password Informasi data member, member, data member, data Informasi properti yang properti member, kata kunci dimiliki, Informasi update data

  Member dan jawaban. member, Informasi update data properti member, Status logout member. username admin, password informasi data member, admin, data lokasi, data jenis informasi data properti, properti. Informasi update data admin,

  Admin informasi update member, Informasi update properti, properti, Informasi update lokasi, Status logout admin.

  Pengunjung Kata kunci pencarian Data properti yang dicari

  35 Member a Pengunjun c g In Sistem formasi Penawaran Pro ti di Yogyakarta Berbasis Web per username member, password member, data member, data properti member, kata kunci dan jawaban. informasi member, Informasi properti yang dimiliki, Informasi update data member, informasi update data properti member, status logout member. kata kunci pencarian data properti yang dicari A in b dm username admin, password admin, data admin. Informasi data member, informasi properti, informasi update data admin, informasi update member, informasi update properti, informasi update jenis properti, informasi update lokasi, status logout admin.

3.1.3.2 Diagram Konteks

  Diagram Konteks digunakan untuk merepresentasikan elemen sistem sebagai sebuah proses tunggal dengan input dan output data yang

ditunjukkan oleh panah masuk dan keluar. Diagram konteks untuk Situs

Penawaran Properti di Yogyakarta Berbasis Web dapat dilihat pada Gambar

  3.2.

  3.1.3.3 Bagan Berjenjang (Decomposition Diagram) Bagan berjenjang digunakan untuk menggambarkan

dekomposisi/hirarki dari sistem. Penggambaran bagan berjenjang untuk

  

Situs Penawaran Properti di Yogyakarta Berbasis Web dapat dilihat pada

Gambar 3.2 Gambar Diagram Konteks

  Sistem Informasi

  Properti Di Yogyakarta

  Berbasis Web Top Level

  3p 1p

  2

  4

  7

  7

  5

  6 Mengisi Data Mengupdate

  Registrasi Lupa

  Pencarian Login

  Logout Melihat Data

  Properti data Member

  Password Properti

  Level 0 2.1p 2.2p 4.1p

  5.1p 5.2p 8.1p 8.2p 4.6p 4.8p

  4.4p Mengupdate

  Melihat Melihat Mengupdate

  Mengupdate Mengupdate

  Login Member Login Admin Logout User Logout Admin

  Jenis Data Member

  Properti Data member Properti

  Data Admin Properti

  4.7p 4.5p

  4.2p Mengupdate

  Mengupdate Mengupdate

  Lokasi Member

  Data Properti Level 1

Gambar 3.3 Gambar Bagan Berjenjang

  36

  37

3.1.3.4 Overview Diagram

  Berikut ini adalah overview diagram untuk Situs Penawaran Properti di Yogyakarta Berbasis Web :

   Overview Diagram Level 0 Identitas m em ber Informasi acc ount

3.1.2.4.1 Registrasi

  Member 1p properti Data D2 properti User name dan Data member baru D1 member properti member Data Mengisi data 3p Data member Informasi data properti D1 member

  2

  a pa ssword member Login member 4 Data properti yang diupdate member Login yang diupdate valid D2 properti Mengupdate a Data member, data properti, data 10p Informasi update data member, informasi update Informasi reset password data properti, member Username, kata kunci,jawaban Lupa password 8 Logout Status logout member Username 2 D5 admin Informasi update data admin, informasi update member, Informasi update properti, Informasi update lokasi b dan password Data admin admin admin Login admin valid data jenis properti,, data lokasi Login Mengupdate data 4 yang diupdate Data member yang diupdate Data properti yang diupdate Data lokasi D4 lokasi D1 member D2 properti 8 Data jenis properti yang diupdate Data admin yang dupdate D5 admin D3 Jenis properti Logout Status logout admin admin b

  38

  pengunjung c

  6 Pencarian Data Properti

  Kata kunci pencarian D2 properti

  5 Melihat Data Data properti yang dicari

  Data properti Data properti

  Informasi data properti yang dilihat

Gambar 3.4 Overview diagram level 0

3.1.2.4.2 Overview Diagram Level 1 Overview diagram level 1 proses 2

  admin b member a

  2.1p Login Member 2.2p Login Admin

  D7 admin D1 user Data user Data admin

  Username dan password member Username dan password admin

  2 Login admin valid Login member valid

Gambar 3.5 Overview diagram level 1 proses 2

  39

  Overview diagram level 1 proses 4

  4 4.1p Mengupdate

  Data Member

  member a Login user valid D1 member Data member yang diupdate Informasi update data member member 4.2p a Mengupdate Data Properti Data user Data properti D2 properti Data properti yang diupdate Informasi update data properti

  4.4p Mengupdate Data Admin 4.5p Mengupdate Member 4.6p Mengupdate Properti

  4.7p Mengupdate Lokasi

  admin b

  Login admin valid D5 admin Data admin yang diupdate Data member yang diupdate Data poperti yang diupdate Informasi update user Informasi update member Informasi update data admin Informasi update lokasi

  admin b Data admin Data member

  D4 lokasi Data properti Data lokasi yang diupdate D1 member D2 properti 4.8p Mengupdate Jenis Properti Data lokasi Data Jenis Properti D3 Jenis properti Data jenis properti yang diupdate Informasi update jenis propertii

  40

Gambar 3.6 Overview diagram level 1 proses 4 Overview diagram level 1 proses 5

5 Informasi data properti yang dilihat

  5.1p Melihat Properti pengunjung c

  D2 properti Data properti

  5.2p Melihat Data Member member a

  D2 member Data member Informasi data member yang dilihat

Gambar 3.7 Overview diagram level 1 proses 5 Overview diagram level 1 proses 8

  admin b member a

  8.1p Logout Member 8.2p

  Logout Admin Status logout member Status logout admin

  8 Login member valid Login admin valid

  41

3.1.2.5 DFD Gabungan

  1p Registrasi

  Identitas member Data member

  DFD Gabungan untuk Situs Penawaran Properti di Yogyakarta dapat dilihat pada Gambar 3.9.

  D2 properti Data properti yang diupdate

  Data member yang diupdate Informasi update data properti

  Username, kata kunci,jawaban D1 member data galeri

  Informasi reset password Status logout member

  Mengupdate Data Properti

  Lupa password 4.5p

  Data member 7p

  Data member baru Informasi update data member

  Informasi data properti Informasi account

  Member 2.1p

  member a

  Data properti

  Member D2 properti

  8.1p Logout

  Mengupdate Data Member

  Properti 4.1p

  3p Mengisi Data

  Login member valid D1 member

  Login Member Username dan password member

  member a

  42

  admin b 2.2p Login Admin Login admin valid 4.4p Mengupdate Data Admin

  8.2p Logout Admin D5 admin Data admin Username dan password admin

  admin b D1 member 4.8p

  Mengupdate Jenis Properti 4.6p Mengupdate Properti 4.5p Mengupdate Member 4.7p Mengupdate Lokasi Data admin Data member Data properti Data lokasi Informasi update data admin Informasi update member Informasi update jenis properti Informasi update properti Informasi update lokasi Data member yang diupdate D2 properti Data properti yang diupdate D3 Jenis properti Data jenis properti yang diupdate D4 lokasi Data lokasi yang diupdate D5 admin Data admin yang diupdate

  Status logout admin Data jenis properti

  pengunjung c

  6p M cari Pr erti en op Kata kunci pencarian D2 properti 5.1p Melihat Pr erti op Data properti yang dicari Data properti Data properti Informasi data properti yang dilihat

  43

3.1.3 ERD

  Gambar ERD untuk Sistem Informasi Penawaran Properti di Yogyakarta Berbasis Web dapat dilihat pada Gambar 3.10.

  Fully Atributed Data Model

  Properti Member Primary Key Primary Key Kode_Properti [PK] Lokasi masukan No_Telepon Alamat Password Non-Key Attributes Username[PK] Nama Non-Key Attributes Kode_Lokasi [FK] Jenis_Penawaran Nama_Properti Kode_Jenis_Properti [FK] Username [FK] punya Nama_Lokasi Non-Key Attributes Kode_Lokasi Primary Key Kata_kunci Jawaban Alamat_Email Status_member Harga Alamat punya Fasilitas_Properti Kode_Jenis_Properti Fasilitas_Lokasi Status_Kepemilikan Tanggal_Mulai Nama_Jenis_Properti Non-Key Attributes Primary Key Jenis Properti Gambar_4 Gambar_3 Gambar_2 Gambar_Utama Tanggal_Terakhir Gambar_5 Gambar_1

Gambar 3.10 Gambar ERD

3.2 Disain Sistem

  Dalam tahap disain sistem ini akan disajikan mengenai disain database, disain user interface, dan disain struktur menu untuk Situs Penawaran Properti di Yogyakarta Berbasis Web.

  44

3.2.1 Disain Database Disain Logikal

  3.2.1.1 Sistem ini menggunakan 5 tabel yaitu tabel member, properti, galeri

  lokasi dan jenis properti. Relasi antar tabel di dalam disain database dapat dilihat pada gambar 3.11 berikut :

  member properti username Kode_properti

  • Lokasi Nama Username ** Password Kode_lokasi

  kode_lokasi

  • Alamat Kode_jenis_properti nama_lokasi
    • No_Telepon Nama_Properti Alamat_email Jenis_Penawaran Kata_kunci Alamat Jawaban Harga Status_Member Fasilitas_Propert i Fasilitas_Lokasi Status_Kepemil an ik

  Tanggal_Mulai Tanggal_Terak hir Jenis_properti Gambar_utama kode_jenis_properti

  • Gambar_1 nama_jenis_properti Gambar_2 Gambar_3 Gambar_4 Gambar_5

Gambar 3.11 Relasi antar tabel Disain Fisikal

  3.2.1.2 Disain fisikal dari sistem yang dibuat adalah sebagai berikut :

  1. Tabel member

Tabel 3.2 Tabel member Nama Field Tipe Data Ukuran Field

  username varchar

  20 password varchar 20 nama varchar 50 alamat varchar 100 no_telepon varchar

  15 alamat_email varchar

  50

  45

  varchar

  kode_jenis_properti varchar

Tabel 3.4 Tabel jenis properti Nama Field Tipe Data Ukuran Field

  4. Tabel jenis properti

  15

  2 nama_lokasi varchar

  kode_lokasi varchar

Tabel 3.3 Tabel lokasi Nama Field Tipe Data Ukuran Field

  3. Tabel lokasi

  100 gambar_4 varchar 100 gambar_5 varchar 100

  100 gambar_1 varchar 100 gambar_2 varchar 100 gambar_3

  2. Tabel properti

  varchar

  3 tanggal_mulai date tanggal_berakhir date gambar_utama

  10 harga varchar 15 fasilitas_properti text fasilitas_lokasi text status_kepemilikan varchar

  varchar

  2 jenis_penawaran varchar 16 alamat varchar 70 luas

  int

  4 username varchar 20 kode_lokasi int 2 nama_properti varchar 30 kode_jenis_properti

  kode_properti int

Tabel 3.3 Tabel properti Nama Field Tipe Data Ukuran Field

  2

  46

  5. Tabel adeministrator

Tabel 3.5 Tabel administrator

  

Nama Field Tipe Data Ukuran Field

  username

  

varchar

  20 password varchar

  20

3.2.2 Disain User Interface

  Desain user interface untuk Situs Penawaran Properti di Yogyakarta Berbasis Web adalah sebagai berikut :

1. Halaman home

  HEADER FOOTER Home Selamat datang di layanan ini. Tanggal_hari ini Welcome

  • registrasi
  • login admin - Registrasi Member - Login Member - Lihat Properti - Pencarian

  47 H E A D E R F O O T E R H om e Tanggal_ hari ini

  S ilahkan m engisi data-data keanggotaan dibaw ah ini : U sernam e : P assw ord : U langi P assw ord : N am a :

  A lam at : N o Telepon : E m ail : K ata kunci : Jaw aban : K irim B atal

D ata -data yang saya isi diatas adalah benar adanya

- R egistrasi M em ber - Login M em ber - Lihat P roperti - P encarian

  HEADER FOOTER Username : Password : Login

  2. Halaman registrasi member

Gambar 3.13 Halaman registrasi member

  3. Halaman login member

  • ) Lupa password anda ?

Gambar 3.14 Halaman login member

  48

4. Halaman home member

  HEADER FOOTER Selamat Datang nama_member Home Tanggal_hari ini - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

Gambar 3.15 Halaman home member

  HEADER FOOTER Home Tanggal_hari ini Nama : Budi Alamat : Malioboro, Yogyakarta No Telepon : 8097378736 Email : budi@yahoo.com - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

  5. Halaman data anda

Gambar 3.16 Halaman data anda

  49

  HEADER FOOTER Home Tanggal_hari ini

Silahkan mengisi data-data keanggotaan dibawah ini :

Nama : Alamat :

  No Telepon : Email : Kirim Batal - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

  HEADER FOOTER Home Tanggal_hari ini

Silahkan mengisi data-data keanggotaan dibawah ini :

  Kirim Batal

  Daftar Properti Nama Properti : Lokasi : Jenis Properti : Jenis Penawaran :

  Alamat : Harga : Rp Fasilitas Properti : Fasilitas Lokasi : Status Kepemilikan : Tanggal Mulai : Tanggal hari ini Tanggal Berakhir : Tanggal hari ini + 30 hari - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

  6. Halaman update data anda

Gambar 3.17 Halaman update data anda

  7. Halaman daftar properti

  50

8. Halaman lihat properti member

  HEADER FOOTER Home &gt;&gt; Update Properti Home Tanggal_hari ini

  GAMBAR Nama Properti : Rumah Budi Lokasi : Jogja Tengah Jenis Properti : Rumah Jenis Penawaran : Dijual Alamat : Malioboro,Yogyakarta Harga : Rp 200.000.000 Fasilitas Properti : Kamar Mandi 2, Garasi, Kamar Tidur Fasilitas Lokasi : Pinggir Jalan Raya, Dekat Supermarket Status Kepemilikan : SHM

  Edit Hapus - Data anda - Update data anda - Daftar properi - Update properti - Update galeri - Logout

Gambar 3.19 Halaman lihat properti member

  

HEADER

Home Tanggal_hari ini Silahkan mengisi data-data keanggotaan dibawah ini :

  Kirim Batal

  Home &gt;&gt; Update Properti &gt;&gt; Edit Properti Nama Properti : Jenis Properti : Jenis Penawaran :

  Lokasi : Alamat : Harga : Fasilitas Properti : Fasilitas Lokasi : Status Kepemilikan : - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

  9. Halaman edit data properti

  51

  HEADER FOOTER Home &gt;&gt; Update Galeri Home Tanggal_hari ini Gambar Utama : Gambar 1 :

  Gambar 2 : Gambar 3 : Gambar 4 : Gambar 5 : BROWSE UPLOAD

  Nama_properti

  UPLOAD UPLOAD UPLOAD UPLOAD UPLOAD BROWSE BROWSE BROWSE BROWSE BROWSE

  10. Halaman upload gambar properti

Gambar 3.21 Halaman upload gambar properti

  HEADER Tanggal_hari ini GAMBAR GAMBAR GAMBAR GAMBAR GAMBAR GAMBAR

  11. Halaman lihat gambar properti

  • login admin
  • Home - Data anda - Update data anda - Daftar properi - Lihat properti -- Logout

      52

      HEADER ER Home

    FOOT

    Username Password : : Login

      Home &gt;&gt; Login

      12. Halaman login admin

    Gambar 3.23 Halaman login admin

      

    HEAD R

    E Selamat Datang Tanggal_hari ini - Ubah Data - Lihat Member - Lihat Properti - Lihat Lokasi - Lihat Jenis Properti - Logout Home

      13. Halaman home admin

      53

      HEADER

    FOOTER

    Tanggal_hari ini Ubah Batal Masukkan username dan password baru anda :

    Username baru :

    Password baru :

    Ulangi password baru :

    Home - Ubah Data - Lihat Member - Lihat Properti - Lihat Lokasi - Lihat Jenis Properti - Logout

      14. Halaman update data admin

    Gambar 3.25 Halaman update data admin

      

    HEADER

    FOOTER

    Tanggal_hari ini ……... ……………………... Ubah Hapus ……... ……………………... Ubah Hapus Username Password Aksi Home - Ubah Data - Lihat Member - Lihat Properti - Lihat Lokasi - Lihat Jenis Properti - Logout

      15. Halaman update member

      54

      16. Halaman lihat properti admin

    • - Ubah Data Tanggal_hari ini

      

    HEADER

    Home
    • - Logout - Lihat Jenis Properti - Lihat Lokasi - Lihat Member Lihat Properti - ……………………... ... Ubah Hapus Nama Properti Tanggal Berakhir Aksi ……………………... ... Ubah Hapus

      

    FOOTER

    Gambar 3.27 Halaman lihat properti admin

      17. Halaman update lokasi Ubah Data - Tanggal_hari ini HEADER Home

    • - Lihat Jenis Properti - Lihat Lokasi - Lihat Properti - Lihat Member Logout - ……... ……………………... Ubah Hapus ……... ……………………... Ubah Hapus ……... ……………………... Ubah Hapus

      Kode lokasi Nama Lokasi Aksi

      Tambah Lokasi

      55

      HEADER

    FOOTER

    Tanggal_hari ini Tambah Lokasi ……... ……………………... Ubah Hapus ……... ……………………... Ubah Hapus Kode Jenis Properti Nama Jenis Properti Aksi Home ……... ……………………... Ubah Hapus - Ubah Data - Lihat Member - Lihat Properti - Lihat Lokasi - Lihat Jenis Properti - Logout

      18. Halaman update jenis properti

    Gambar 3.29 Halaman update jenis properti

      HEADER Home &gt;&gt; Lihat Properti Tanggal_hari ini

      GAMBAR Nama Properti : Rumah Budi Jenis Properti : Rumah Jenis Penawaran : Dijual Lokasi : Jogja Utara Alamat : Maguwoharjo, Depok, Sleman Harga : Rp 200.000.000 Fasilitas Properti : Kamar Mandi 2, Garasi, Kamar Tidur Fasilitas Lokasi : Pinggir Jalan Raya, Dekat Supermarket Status Kepemilikan : SHM Home - Registrasi Member - Login Member - Lihat Properti - Pencarian [1][2][3][4][5][6] - login admin [Lihat Galeri]

      19. Halaman lihat properti

      56

      HEAD FOOTER Pencarian Home Aturan Tanggal_hari ini Silahkan masukkan kategori pencarian properti

      Cari Batal Jenis Properti : Jenis Penawaran : Harga : Lokasi : Pemilik Properti : - login admin - Registrasi Member - Login Member - Lihat Properti - Pencarian

      L o g in R e g is tra s i L u p a P a s s w o rd

    L ih a t P ro p e rti L o g o u t

    D a fta r P ro p e rti D a ta a n d a U p te P r rti ER d a o p e

      Disain struktur menu untuk Situs Penawaran Properti di Yogyakarta Berbasis Web dapat dilihat pada Gambar 3.32 untuk disain struktur menu

      member , gambar 3.33 untuk disain struktur menu admin, dan gambar 3.34 untuk disain struktur menu pengunjung.

      20. Halaman pencarian properti

    Gambar 3.31 Halaman pencarian properti

    3.2.3 Disain Struktur Menu

      57

      Update profil 57 Login Admin Ubah Hapus Update properti Ubah Hapus Update member Ubah Tambah Hapus Update lokasi Logout Update Jenis Properti Ubah Tambah Hapus

      Lihat Properti Pencarian Properti

    Gambar 3.33 Disain struktur menu adminGambar 3.34 Disain struktur menu pengunjung

    BAB IV IMPLEMENTASI SISTEM Setelah selesai merancang dan menganalisa sistem yang akan dibuat,

      langkah selanjutnya adalah mencoba mengimplementasikan ke dalam bahasa yang dapat dimengerti oleh mesin.

      Sistem ini dibuat dengan spesifikasi Software dan Hardware sebagai berikut : Spesifikasi Software 1. Sistem Operasi Windows XP Professional.

      2. Macromedia Dreamweaver MX 3. xampp 136.2 php dengan MySQL 5.0.24a dan PHP 5.1.6

      4. Macromedia Flash MX

      5. Adobe Photoshop 7.0 Spesifikasi Hardware

      1. Prosessor Intel Pentium IV 1.88 GHz

      2. Memory 512 MB

      3. HardDisk 100 GB

    4.1 Pembuatan Database

      Pertama – tama yang dilakukan dalam pembangunan situs penawaran properti berbasis web ini adalah membuat database terlebih dahulu dengan menggunakan database MySQL. Jadi sistem yang dibuat hanya mengacu pada satu database yang diberi nama properti_db.

      Adapun langkah pembuatan database properti_db adalah sebagai berikut :

      59 a. Tabel member, tabel dibuat dengan sintak SQL sebagai berikut:

      CREATE TABLE ` m em ber` ( ` usernam e` varchar( 20) collat e lat in1_general_ci NOT NULL, ` password` varchar( 20) collat e lat in1_general_ci NOT NULL, ` nam a` varchar( 50) collat e lat in1_general_ci NOT NULL, ` alam at m ` v archar( 100) collat e lat in1_general_ci NOT NULL, ` no_t elepon` varchar( 15) collat e lat in1_general_ci default NULL, ` alam at _em ail` varchar( 50) collat e lat in1_general_ci default NULL, ` kat a_kunci` varchar( 50) collat e lat in1_general_ci NOT NULL, ` j awaban` varchar( 20) collat e lat in1_general_ci NOT NULL, ` st at us_m em ber` varchar( 5) collat e lat in1_general_ci default NULL, PRI MARY KEY ( ` user nam e` ) , UNI QUE KEY ` usernam e` ( ` usernam e` ) )

       b. Tabel properti, tabel dibuat dengan sintak SQL sebagai berikut:

      CREATE TABLE ` propert i` ( ` kode_propert i` int ( 4) NOT NULL aut o_increm ent , ` usernam e` varchar( 20) collat e lat in1_general_ci NOT NULL, ` kode_lokasi` int ( 4) NOT NULL, ` nam a_propert i` varchar ( 30) collat e lat in1_general_ci NOT NULL, ` kode_j enis_propert i` int ( 4) NOT NULL, ` j enis_penaw aran` varchar( 16) collat e lat in1_general_ci NOT NULL, ` alam at ` varchar( 100) collat e lat in1_gener al_ci NOT NULL, ` luas` varchar( 10) collat e lat in1_general_ci NOT NULL, ` harga` varchar( 15) collat e lat in1_general_ci NOT NULL, ` fasilit as_propert i` t ex t collat e lat in1_general_ci, ` fasilit as_lok asi` t ext collat e lat in1_gener al_ci, ` st at us_kepem ilikan` varchar( 3) collat e lat in1_general_ci NOT NULL, ` t anggal_m ulai` dat e NOT NULL, ` t anggal_berakhir` dat e NOT NULL, ` gam baru` varchar( 100) collat e lat in1_general_ci default NULL, ` gam bar1` varchar( 100) collat e lat in1_general_ci default NULL, ` gam bar2` varchar( 100) collat e lat in1_general_ci default NULL, ` gam bar3` varchar( 100) collat e lat in1_general_ci default NULL, ` gam bar4` varchar( 100) collat e lat in1_general_ci default NULL, ` gam bar5` varchar( 100) collat e lat in1_general_ci default NULL,

      60 CREATE TABLE ` lokasi` ( ` kode_lokasi` int ( 4) NOT NULL aut o_increm ent , ` nam a_lokasi` varchar( 15) collat e lat in1_general_ci NOT NULL, PRI MARY KEY ( ` kode_lokasi` ) )

      d. Tabel jenis_properti, tabel dibuat dengan sintak SQL sebagai berikut: CREATE TABLE ` j enis_propert i` ( ` kode_j enis_propert i` int ( 4) NOT NULL aut o_increm ent , ` nam a_j enis_propert i` var char( 15) collat e lat in1_gener al_ci NOT NULL, PRI MARY KEY ( ` kode_j enis_propert i` ) )

      e. Tabel administrator, tabel dibuat dengan sintak SQL sebagai berikut: CREATE TABLE ` adm inist rat or` ( ` usernam e` varchar( 20) collat e lat in1_general_ci NOT NULL, ` password` varchar( 20) collat e lat in1_general_ci NOT NULL, PRI MARY KEY ( ` user nam e` ) )

      Hasil terakhir database properti_db menggunakan MySQL dapat dilihat pada gambar 4.1.

      61

    4.2 Koneksi Database

      Tabel – tabel yang telah dibuat belum dapat terhubung dengan sistem. Untuk menghubungkan MySQL dengan sistem, maka digunakan sintak sebagai berikut :

      &lt;?php $db_host = "localhost"; $db_name = "properti_db"; $db_user = "root"; $db_password = ""; function opendb() { global $db_host, $db_user, $db_password, $db_name, $db_connection; $db_connection = mysql_connect($db_host, $db_user, $db_password) or die ("Gagal membuka database!"); $db_select = mysql_select_db($db_name); } function querydb($query) { global $result; $result = mysql_query($query) or die ("Gagal melakukan query = $query"); return $result; } function closedb() { global $db_connection; mysql_close($db_connection); } ?&gt;

      62 Dalam melakukan koneksi, empat variabel yang dideklarasikan adalah :

      1. db_host = digunakan untuk menunjuk nama host dari komputer server.

      2. db_user = digunakan untuk menunjuk nama user yang bertugas sebagai administrator database dalam MySQL.

      3. db_password = password administrator database MySQL. 4. db_name = digunakan untuk menunjuk nama database yang akan diakses.

    4.3 Pembuatan Antar Muka Pemakai (User Interface)

      Disini akan dijelaskan bagaimana pembuatan antar muka pemakai (user interface) situs penawaran properti di Yogyakarta berbasis web.

    4.3.1 Halaman Index

    1. Halaman Index

      63

    2. Halaman Index (Lanjutan)

    Gambar 4.3 Halaman index (Lanjutan)

      Melalui halaman index, pengguna dapat melakukan beberapa hal, diantaranya adalah :

      1. Melakukan registrasi untuk mendaftar menjadi member dan melakukan logout jika ingin keluar dari sistem.

      2. Melihat properti yang sedang ditawarkan oleh member.

      3. Melakukan pencarian properti berdasarkan jenis properti, jenis penawaran, lokasi, harga dan pemilik properti.

      Tampilan halaman index dibuat dengan menggunakan file index.php. Isi file index.php adalah sebagai berikut:

      64 &lt; ? set cookie( " Cookies" ," propert i" ,t im e( ) + 3600) ; ?&gt; &lt; ! DOCTYPE HTML PUBLI C " - / / W3C/ / DTD HTML 4.01 Transit ional/ / EN" &gt; &lt; ht m l&gt; &lt; head&gt; &lt; t it le&gt; YOGYAKARTA PROPERTI &lt; / t it le&gt; &lt; link href= " source/ proper t i.css" rel= " st y lesheet " t ype= " t ext / css" &gt; &lt; / head&gt; &lt; body&gt; &lt; div id= " Layer 1" st yle= " posit ion: absolut e; left : 201px; t op: 712px; widt h: 1px; height : 1px; z- index: 1" &gt; &lt; / div &gt; &lt; div align= " cent er" &gt; &lt; t able widt h= " 580" height = " 826" border= " 4" bordercolor= " # FFFFFF" bgcolor= " # 000000" &gt; &lt; t r&gt; &lt; t d colspan= " 3" &gt; &lt; obj ect classid= " clsid: D27CDB6E- AE6D- 11cf- 96B8- 444553540000" codebase= " ht t p: / / download.m acrom edia.com / pub/ shock wave/ cabs/ flash/ swflash.cab# version= 6,0,29,0" widt h= " 784" height = " 144" &gt; &lt; param nam e= " m ov ie" value= " I MAGE/ header .swf" &gt; &lt; param nam e= " qualit y" value= " high" &gt; &lt; em bed src= " I MAGE/ header .swf" qualit y= " high" pluginspage= " ht t p: / / www .m acrom edia.com / go/ get flashplayer" t ype= " applicat ion/ x- shockwav e- flash" w idt h= " 784" height = " 144" &gt; &lt; / em bed&gt; &lt; / obj ect &gt; &lt; / t d&gt; &lt; / t r&gt; &lt; t r&gt; &lt; t d widt h= " 172" height = " 27" rowspan= " 2" align= " cent er" valign= " m iddle" &gt; &lt; font color= " # FFFFFF" &gt; &lt; ? include ( " t anggal.php" ) ?&gt; &lt; / font &gt; &lt; / t d&gt; &lt; t d height = " 27" colspan= " 2" &gt; &lt; m arquee&gt; &lt; st rong&gt; &lt; font color= " # FFFFFF" &gt; SELAMAT DATANG DI WEBSI TE YOGYAKARTA PROPERTI &lt; / font &gt; &lt; / st rong&gt; &lt; / m arquee&gt; &lt; / t d&gt; &lt; / t r&gt; &lt; t r&gt; &lt; t d height = " 21" colspan= " 2" align= " r ight " &gt; &lt; a href= " index.php" &gt; HOME &lt; / a&gt; &lt; / t d&gt; &lt; / t r&gt; &lt; t r&gt; &lt; t d height = " 250" align= " cent er " &gt; &lt; div class= " m enu" &gt; &lt; font color= " # FF0000" &gt; MENU&lt; / font &gt; &lt; / div&gt; &lt; p&gt; &lt; / p&gt; &lt; p&gt; &lt; a href= " regr ist rasim em ber .php" &gt; Regrist rasi Mem ber&lt; / a&gt; &lt; br&gt; &lt; a href= " loginm em ber.php" &gt; Login Mem ber&lt; / a&gt; &lt; br&gt; &lt; a href= " lihat propert i.php" &gt; Lihat Pr opert i&lt; / a&gt; &lt; br &gt; &lt; a href= " pencarian.php" &gt; Pencar ian&lt; / a&gt; &lt; br&gt; &lt; / p&gt; &lt; / t d&gt; &lt; t d widt h= " 606" height = " 23" rowspan= " 3" align= " left " valign= " t op" bordercolor= " # FFFFFF" bgcolor= " # CC0000" &gt; &lt; p&gt; &lt; br&gt; &lt; font size= " + 2" &gt; Selam at dat ang di Yogyakart a Propert i &lt; / font &gt; &lt; / p&gt; &lt; p&gt; &lt; font size= " + 1" &gt; Yogyakart a Propert i adalah sebuah sit us yang m eny ediakan layanan unt uk m em bant u para user dalam m enawarkan m aupun m encar i berbagai

      65 &lt; / t r&gt; &lt; t r&gt; &lt; t d height = " 40" align= " cent er" &gt; &lt; p&gt; &lt; br&gt; &lt; a href= " adm in.php" &gt; Adm inist rat or &lt; / a&gt; &lt; br&gt; &lt; / t d&gt; &lt; p&gt; &amp;nbsp; &lt; / p&gt; &lt; / t r&gt; &lt; t r&gt; &lt; t d height = " 32" colspan= " 3" align= " cent er" background= " # 000000" &gt; &lt; font color= " # FFFFCC" &gt; &lt; m arquee&gt; Terim a k asih at as kunj ungannya &lt; / m arquee&gt; &lt; / font &gt; &lt; / t d&gt; &lt; / t r&gt; &lt; t r&gt; &lt; t d height = " 91" colspan= " 3" align= " cent er" background= " im age/ foot er .j pg" &gt; &lt; font color = " # FFFFFF" &gt; &lt; st rong&gt; &lt; br&gt; &amp;nbsp; copyright @ 2007&lt; / st rong&gt; &lt; / font &gt; &lt; br&gt; &lt; a href= " m ailt o: dickver nugie@y ahoo.co.id" &gt; dickvernugie@y ahoo.co.id&lt; / a&gt; &lt; / t d&gt; &lt; / t r&gt; &lt; / t able&gt; &lt; p&gt; &amp;nbsp; &lt; / p&gt; &lt; / div&gt; &lt; / body&gt; &lt; / ht m l&gt;

    3. Halaman regristrasi member

      66

    Gambar 4.4 akan muncul jika pengunjung ingin melakukan regristrasi untuk menjadi. Pada halaman ini pengunjung harus mengisi data secara

      lengkap terlebih dahulu sebelum dikirimkan. Script halaman untukmemasukkan data ini adalah: &lt; ?php include " koneksi.inc" ; if( isset ( $_POST[ " Subm it " ] ) ) { opendb( ) ; $unam e= $_POST[ 'usernam em '] ; $password= $_POST[ 'passwor dm '] ; $password2= $_POST[ 'passw ordm 2'] ; $nam a= $_POST[ 'nam a'] ; $alam at = $_POST[ 'alam at '] ; $not elp= $_POST[ 'not elp'] ; $em ail= $_POST[ 'em ail'] ; $kat akunci= $_POST[ 'kat akunci'] ; $j awaban= $_POST[ 'j awaban'] ; $cek= $_POST[ 'cek'] ; if( $cek ! = 1) { echo " Anda belum m eny et uj ui at uran yang berlaku! " ; } else if( $passw ord ! = $passw ord2) { echo " Passw ord t idak sam a! " ; } else if( $unam e = = " " | | $password = = " " | | $password2 = = " " | | $nam a = = " " | | $alam at = = " " | | $kat akunci = = " " | | $j awaban = = " " ) { echo " Belum sem ua dat a anda isi! " ; } else { $sql= " insert int o m em ber values( '$unam e', '$passw ord', '$nam a', '$alam at m ', '$not elp','$em ail', '$kat akunci', '$j awaban') " ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Regist rasi gagal, silahkan m engulang lagi! " ; } else { echo " Regist rasi ber hasil, anda sudah bisa m elakukan login! " ; } } } ?&gt;

      67

    4. Halaman login member

    Gambar 4.5 Halaman login memberGambar 4.5 akan muncul jika pengunjung ingin melakukan login member. Pada halaman ini pengunjung harus mengisi username dan

      password terlebih dahulu untuk bisa login sebagai member. Script supaya login dapat dikenali setelah mengisi username dan password adalah: if( isset ( $_POST[ " Subm it " ] ) ) { opendb( ) ; $unam e= $_POST[ 'usernam em '] ; $password= $_POST[ 'passwor dm '] ; if( $unam e = = " " | | $passwor d = = " " ) { echo " Belum sem ua dat a anda isi! Silahkan login lagi! " ; } else { $sql= " select * from m em ber where usernam e = '$unam e' and password = '$password' and st at us_m em ber like '% ak t if% '" ; querydb( $sql) ; closedb( ) ; $dat a = m ysql_num _rows( $r esult ) ;

      68 halam an m em ber&lt; / font &gt; &lt; / a&gt; " ; } } } else { ?&gt;

    5. Halaman mendaftar properti

    Gambar 4.6 Halaman mendaftar propertiGambar 4.6 akan muncul jika member ingin mendaftarkan properti yang dimiliki ke dalam situs ini. Pada halaman ini pengunjung harus mengisi

      data-data properti secara lengkap sebelummengirim data Script untuk memasukkan data properti adalah: &lt; ?php include " koneksi.inc" ;

      69 $lokasi= $_POST[ 'lokasi'] ; $j enisp= $_POST[ 'j enispropert i'] ; $j enispen= $_POST[ 'j enispenawaran'] ; $alam at = $_POST[ 'alam at p'] ; $luas= $_POST[ 'luas'] ; $harga= $_POST[ 'harga'] ; $fasilit asp= $_POST[ 'fasilit asp'] ; $fasilit asl= $_POST[ 'fasilit aslok'] ; $st at us= $_POST[ 'st at uskepem ilikan'] ; $gam bar= " upload/ noim age.gif" ; $t gl_akhir= dat e( " Y- m - d" ,st rt ot im e( $_POST[ 't gl_akhir'] ) ) ; $t gl_m ulai= dat e( " Y- m - d" ,st r t ot im e( $_POST[ 't gl_m ulai'] ) ) ; if( $nam ap = = " " | | $lokasi = = " " | | $j enisp = = " " | | $j enispen = = " " | | $alam at = = " " | | $luas = = " " | | $harga = = " " | | $st at us = = " " | | $t gl_akhir = = " " ) { echo " Belum sem ua dat a yang harus diisi anda isi. Silahk an ulangi lagi! " ; } else if ( ! is_num er ic( $harga) ) { echo " Harga harus berupa angka! " ; } else { $sql= " insert int o propert i values ( '$kodep', '$unam e', '$lokasi', '$nam ap', '$j enisp', '$j enispen', '$alam at ', '$luas', '$harga','$fasilit asp', '$fasilit asl', '$st at us', '$t gl_m ulai', '$t gl_akhir', '$gam bar', '$gam bar', '$gam bar', '$gam bar', '$gam bar', '$gam bar') " ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Pem asukkan dat a propert i gagal, silahkan m engulang lagi! " ; } else { echo " Pem asukkan dat a propert i berhasil! " ; } } } ?&gt;

      70

    6. Halaman lihat properti member

    Gambar 4.7 Halaman lihat properti pengunjung

      Dalam halaman ini member bisa melihat data properti yang telah dimasukkan. Script untuk menampilkan properti milik member adalah: &lt; ?php $j um _dat a= m ysql_num _row s( $result ) ; if( $j um _dat a ! = 0) { while ( $dat a_propert i= m ysql_fet ch_assoc( $result ) ) { echo " &lt; t able w idt h= '100% ' border= '1'&gt; &lt; t r&gt; &lt; t d widt h= '40% ' align= 'cent er' valign= 't op'&gt; " ; echo " &lt; im g src= '$dat a_propert i[ gam baru] ' widt h= '200' height = '135'&gt; &lt; br&gt; " ; echo " &lt; a href= 'lihat gam bar m em ber.php?id= $dat a_propert i[ kode_propert i] '&gt; &lt; font color= '# HHHHHH'&gt; [ Lihat yang lain ] &lt; / font &gt; &lt; a/ &gt; " ; echo " &lt; br&gt; &lt; br&gt; " ; echo " &lt; a href= 'uploadgam barm em ber .php?id= $dat a_propert i[ kode_propert i] '&gt; &lt; font color= '# HHHHHH'&gt; [ Upload gam bar ] &lt; / font &gt; &lt; a/ &gt; " ; echo "

      &lt; / t d&gt; &lt; t d widt h= '60% '&gt;

      " ;

      71 echo " Luas : $dat a_propert i[ luas] &lt; br&gt; " ; echo " Harga : $dat a_propert i[ harga] &lt; br&gt; " ; echo " Fasilit as Propert i : $dat a_propert i[ fasilit as_propert i] &lt; br&gt; " ; echo " Fasilit as Lokasi : $dat a_propert i[ fasilit as_lokasi] &lt; br&gt; " ; echo " St at us Kepem ilikan : $dat a_propert i[ st at us_k epem ilikan] &lt; br&gt; " ; echo " Tanggal Mulai : " .dat e( " d- m - Y" , st r t ot im e( $dat a_propert i[ t anggal_m ulai] ) ) ." &lt; br&gt; " ; echo " Tanggal Berakhir : " .dat e( " d- m - Y" , st r t ot im e( $dat a_propert i[ t anggal_berak hir ] ) ) ." &lt; br&gt; " ; echo " &lt; pr e&gt; " ; echo " &lt; a href= 'uppropert i.php?act ion= edit &amp;id= $dat a_propert i[ kode_propert i] '&gt; &lt; font color= '# FFFFFF'&gt; Ubah&lt; / font &gt; &lt; / a&gt; &lt; a href= 'upproper t i.php?act ion= hapus&amp;id= $dat a_propert i[ kode_propert i] '&gt; &lt; font color= '# FFFFFF'&gt; Hapus&lt; / font &gt; &lt; / a&gt; &lt; br&gt; " ; echo " &lt; / pre&gt; " ; echo " &lt; / t d&gt; &lt; / t r&gt; &lt; / t able&gt; " ; } } else { echo" Tidak ada dat a" ; } ?&gt;

    7. Halaman ubah properti member

      72 Halaman ubah properti meber inidigunakan untuk mengubah data dari properti yang telah dimasukkan sebelumnya. Script untuk mengubah data properti meber adalah: &lt; form act ion= " &lt; ? $_SERVER[ 'PHP_SELF'] ?&gt; " m et hod = " post " &gt;

      &lt; p&gt; &lt; font size= " + 2" &gt; Silahkan m engubah dat a propert i anda: &lt; / font &gt; &lt; / p&gt;

      &lt; pre&gt; Nam a Proper t i : &lt; input nam e= " nam ap" t ype= " t ex t " value= " &lt; ? echo

      $dat a_propert i[ 'nam a_proper t i'] ; ?&gt; " m axlengt h= " 20" &gt; &lt; br&gt; Lokasi Propert i : &lt; select nam e= " lokasi" &gt;

      &lt; opt ion value= " &lt; ? echo $dat a_propert i[ 'kode_lokasi'] ; ?&gt; " &gt; &lt; ? echo $dat a_propert i[ 'nam a_lokasi'] ; ?&gt; &lt; / opt ion&gt;

      &lt; ? opendb( ) ; $sql= " select * from lokasi" ; querydb( $sql) ; closedb( ) ; while( $lokasi= m ysql_fet ch_assoc( $result ) ) { echo " &lt; opt ion value= '$lokasi[ kode_lokasi] '&gt; $lokasi[ nam a_lokasi] &lt; / opt ion&gt; " ;

      } ?&gt;

      &lt; / select &gt; &lt; br &gt; Jenis Propert i : &lt; select nam e= " j enisproper t i" &gt;

      &lt; opt ion value= " &lt; ? echo $dat a_propert i[ 'kode_j enis_propert i'] ; ?&gt; " &gt; &lt; ? echo $dat a_propert i[ 'nam a_j enis_propert i'] ; ?&gt; &lt; / opt ion&gt;

      &lt; ? opendb( ) ; $sql= " select from j enis_propert i" ; * querydb( $sql) ; closedb( ) ; while( $j enisp= m ysql_fet ch_assoc( $result ) ) { echo " &lt; opt ion value= '$j enisp[ kode_j enis_pr opert i] '&gt; $j enisp[ nam a_j enis_propert i] &lt; / opt ion&gt; " ;

      73 &lt; opt ion value = " &lt; ? echo

      $dat a_propert i[ 'j enis_penawaran'] ; ?&gt; " &gt; &lt; ? echo $dat a_propert i[ 'j enis_penawaran'] ; ?&gt; &lt; / opt ion&gt;

      &lt; opt ion value = " Dij ual" &gt; Dij ual&lt; / opt ion&gt; &lt; opt ion value = " Disewakan" &gt; Disew akan&lt; / opt ion&gt;

      &lt; opt ion value = " Dij ual/ Disew akan" &gt; Dij ual/ Disewakan&lt; / opt ion&gt;

      &lt; / select &gt; &lt; br &gt; Alam at Propert i : &lt; input nam e= " alam at p" t y pe= " t ext " v alue= " &lt; ? echo

      $dat a_propert i[ 'alam at '] ; ?&gt; " size= " 50" m axlengt h= " 100" &gt; &lt; br&gt; Type/ Luas : &lt; input nam e= " luas" t ype= " t ex t " value= " &lt; ? echo $dat a_propert i[ 'luas'] ; ?&gt; " m axlengt h= " 10" &gt; &lt; br&gt; Harga : Rp &lt; input nam e= " harga" t ype= " t ex t " value= " &lt; ? echo $dat a_propert i[ 'harga'] ; ?&gt; " size= " 17" m ax lengt h= " 15" &gt; &lt; br&gt; Fasilit as Propert i : &lt; input t y pe= " t ext " nam e= " fasilit aspropert i" value= " &lt; ? echo $dat a_propert i[ 'fasilit as_propert i'] ; ?&gt; " &gt; &lt; br&gt; Fasilit as Lokasi : &lt; input t ype= " t ext " nam e= " fasilit aslokasi" value= " &lt; ? echo $dat a_propert i[ 'fasilit as_lokasi'] ; ?&gt; " &gt; &lt; br &gt; St at us Kepem ilikan : &lt; select nam e= " st at usk epem ilikan" &gt;

      &lt; opt ion value = " &lt; ? echo $dat a_propert i[ 'st at us_kepem ilikan'] ; ?&gt; " &gt; &lt; ? echo $dat a_propert i[ 'st at us_k epem ilik an'] ; ?&gt; &lt; / opt ion&gt;

      &lt; opt ion value = " SHM" &gt; SHM&lt; / opt ion&gt; &lt; opt ion value = " HGB" &gt; HGB&lt; / opt ion&gt;

      &lt; / select &gt; &lt; br &gt; Tanggal Berak hir : &lt; input t y pe= " dat e" nam e= " t glakhir" value= " &lt; ? echo dat e( " d- m - Y" , st rt ot im e( $dat a_propert i[ 't anggal_berakhir'] ) ) ; ?&gt; " &gt;

      Form at dd- m m - yyyy ( cont oh : &lt; ? echo dat e( " d- m - Y" , t im e( + $offset ) ) ; ?&gt; ) &lt; / p&gt; &lt; p&gt; &lt; br&gt; &lt; input t ype= " subm it " nam e= " Subm it " value= " Kir im " &gt; &lt; input t ype= " subm it " nam e= " Reset " value= " Bat al" &gt;

      &lt; / pre&gt; &lt; / form &gt;

      74

      8. Halaman lihat properti pengunjung Gambar 4.9 Halaman lihat properti pengunjung.

      Halaman ini digunakan oleh pengunjung untuk melihat properti- properti yang telah dimasukkan oleh member ke dalam situs ini. Scrip yang digunakan untuk menampilkan properti yang sudah dimasukkan oleh member adalah: &lt; ? include " koneksi.inc" ; opendb( ) ; / / $id= $_SESSI ON[ 'proper t i'] ; / / $t gl_akhir= dat e( " Y- m - d" ) ; $t am pil_dat a= 4; if ( em pt y( $_GET[ 'halam an'] ) )

      { $offset = 0;

      $upset = $t am pil_dat a; $_GET[ 'halam an'] = 1;

      75 $upset = $t am pil_dat a;

      } $sql= " select m .nam a,m .alam at m ,m .alam at _em ail,m .no_t elepon, p.* , l.nam a_lokasi,j .nam a_j enis_propert i from m em ber m ,pr opert i p, lokasi l, j enis_propert i j where m .usernam e = p.usernam e and l.kode_lokasi = p.kode_lokasi and j .kode_j enis_propert i = p.k ode_j enis_propert i and p.t anggal_berakhir &gt; now( ) LI MI T $offset ,$upset " ; querydb( $sql) ; closedb( ) ;

      ?&gt;

    9. Halaman pencarian properti

    Gambar 4.10 Halaman pencarian properti

      76

    10. Halaman pencarian properti (lanjutan)

    Gambar 4.11 Halaman pencarian properti (lanjutan)

      Halaman ini digunakan oleh pengunjung untuk melakukan pencarian berdasrkan kategori-kategari yang diinginkan oleh pengunjung. Script untuk melakukan pencarian adalah: &lt; ? include " koneksi.inc" ; if ( isset ( $_POST[ " cari" ] ) )

      { opendb( ) ; $sql = " select m .nam a,m .alam at m ,m .alam at _em ail,m .no_t elepon, p.* , l.nam a_lokasi,j .nam a_j enis_propert i from m em ber m ,propert i p, lokasi l, j enis_propert i j where m .usernam e = p.user nam e and l.kode_lokasi = p.kode_lokasi and j .kode_j enis_proper t i = p.kode_j enis_pr opert i and p.t anggal_berak hir &gt; now( ) " ; if( em pt y( $_POST[ 'j enispropert i'] ) )

      { $sql = $sql;

      } else { if( isset ( $_POST[ 'j enispropert i'] ) )

      77 }

      $sql .= " and p.kode_j enis_pr opert i= '$kode_j p' " ; } if( em pt y( $_POST[ 'j enispenaw aran'] ) ) {

      $sql = $sql; } else {

      $j enispen= $_POST[ 'j enispenawaran'] ; $sql .= " and p.j enis_penawar an lik e '% $j enispen% ' " ;

      } if( em pt y( $_POST[ 'lokasi'] ) ) {

      $sql = $sql; } else {

      $lok= $_POST[ 'lokasi'] ; $sql .= " and p.kode_lokasi= '$lok' " ;

      } if( em pt y( $_POST[ 'harga'] ) ) {

      $sql = $sql; } else {

      $harga= $_POST[ 'harga'] ; if ( $harga = = 1) {

      $sql .= " and p.harga &lt; 100000000 " ; } else if ( $harga = = 2) {

      $sql .= " and p.harga &gt; = 100000000 and p.harga &lt; = 200000000 " ;

      } else if ( $harga = = 3) {

      $sql .= " and p.harga &gt; = 200000000 and p.harga &lt; = 400000000 " ;

      } else if ( $harga = = 4) {

      $sql .= " and p.harga &gt; = 400000000 and p.harga &lt; = 600000000 " ;

      } else if ( $harga = = 5) {

      $sql .= " and p.harga &gt; = 600000000 and p.harga &lt; = 800000000 " ;

      } else if ( $harga = = 6) {

      $sql .= " and p.harga &gt; = 800000000 and p.harga

      78 } else if ( $harga = = 8) {

      $sql .= " and p.harga &gt; = 1500000000 and p.harga &lt; = 2000000000 " ;

      } else {

      $sql .= " and p.harga &gt; 20000000000 " ; }

      } if( em pt y( $_POST[ 'nam a'] ) ) {

      $sql = $sql; } else {

      $nam a= $_POST[ 'nam a'] ; $sql .= " and m .nam a like '% $nam a% ' " ;

      } $sql_gabungan= $sql .$sql1; querydb( $sql_gabungan) ; closedb( ) ;

      $j um _dat a= m ysql_num _row s( $result ) ; if ( $j um _dat a = = 0) { echo " Tidak ada dat a" ; }

    11. Halaman login admin

      79

    12. Halaman lihat member admin

    Gambar 4.13 Halaman lihat member admin

      Halaman ini digunakan oleh admin untuk melihat username dari member yang telah terdaftar sekaligus digunakan untuk aktivasi member setelah member melakukan regristrasi. Script yang digunakan adalah &lt; ?php include " koneksi.inc" ; $id= $_GET[ 'id'] ; opendb( ) ; $sql= " select * from propert i where user nam e = '$id' " ; $sql1= " select * from m em ber where usernam e = '$id' " ; querydb( $sql) ; querydb( $sql1) ; closedb( ) ; $dat a_m em ber= m ysql_fet ch_assoc( $result ) ; if( $_GET[ " act ion" ] = = " edit " ) {

      80 $id= $_GET[ 'id'] ; $sql= " updat e m em ber set st at us_m em ber= '$st at us' w her e user nam e = '$id'" ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Updat e dat a anda gagal, silahkan m engulang lagi! " ; } else { echo " Updat e dat a anda berhasil! " ; }

      } 13.

       Halaman lihat properti admin

    Gambar 4.14 Halaman lihat properti admin

      Halaman ini digunakan oleh admin untuk melihat data dari properti yang sedang ditawarkan oleh member. Admin juga bisa melakukan hapus

      81 &lt;?php include "koneksi.inc"; $id=$_GET['id']; opendb(); $sql="select * from lokasi where kode_lokasi='$id'"; querydb($sql); closedb(); $data_lokasi=mysql_fetch_assoc($result); if($_GET["action"]=="edit") { if(isset($_POST["Submit"])) { opendb();

      $namal=$_POST['namal']; if($namal =="" ) { echo "Nama lokasi anda isi!"; } else {

      //$id1=$_SESSION['lokasi']; $id=$_GET['id'];

      $sql="update lokasi set nama_lokasi='$namal' where kode_lokasi ='$id'"; querydb($sql); closedb(); if(!$result)

      { echo "Update data anda gagal, silahkan mengulang lagi!"; } else { echo "Update data anda berhasil!"; }

      } } else { ?&gt;

      82

    14. Halaman lihat lokasi

    Gambar 4.15 Halaman lihat lokasi

      Halaman ini menampilkan tabel lokasi. Admin bisa melakukan ubah maupun hapus lokasi pada halaman ini. Scriptnya adalah: &lt; ?php while ( $dat a_lokasi= m ysql_fet ch_assoc( $r esult ) ) { echo " &lt; t r&gt; " ; echo " &lt; t d&gt; $dat a_lokasi[ k ode_lokasi] &lt; / t d&gt; " ; echo " &lt; t d&gt; $dat a_lokasi[ nam a_lokasi] &lt; / t d&gt; " ; echo

      " &lt; t d&gt; &lt; a href= 'uplokasi.php?act ion= edit &amp;id= $dat a_lokasi[ kode_lokasi] '&gt; &lt; font color= '# FFFFFF'&gt; Ubah&lt; / font &gt; &lt; / a&gt; &lt; ar ea&gt; &lt; / ar ea&gt; &lt; area&gt; &lt; / area&gt; &lt; a href= 'uplokasi.php?act ion= hapus&amp;id= $dat a_lokasi[ kode_lokasi] '&gt; &lt; font color= '# FFFFFF'&gt; Hapus&lt; / font &gt; &lt; / a&gt; &lt; / t d&gt; " ; echo " &lt; / t r&gt; " ; }

      83

    15 Halaman tambah lokasi

    Gambar 4.16 Halaman tambah lokasi

      Halaman ini digunakan untuk melakukan proses tambah lokasi baru. Scriptnya adalah: &lt; ?php include " koneksi.inc" ; if( isset ( $_POST[ " Subm it " ] ) ) { opendb( ) ; $kodel= $_POST[ " kode" ] ; $nam a= $_POST[ 'nam al'] ; if( $nam a = = " " ) { echo " Nam a lokasi belum anda isi. Silahkan ulangi lagi! &lt; br&gt; " ; } else { $sql= " insert int o lokasi values ( '$kodel', '$nam a') " ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Pem asukkan lokasi baru gagal, silahkan m engulang lagi! " ; }

      84

    16 Halaman lihat jenis properti

    Gambar 4.17 Halaman jenis properti Halaman ini menampilkan informasi tabel jenis properti.

      Admin bisa melakukan ubah maupun hapus jenis properti pada halaman ini. Scriptnya adalah: &lt; ?php include " koneksi.inc" ; $id= $_GET[ 'id'] ; opendb( ) ; $sql= " select * from j enis_propert i wher e kode_j enis_propert i= '$id'" ; querydb( $sql) ; closedb( ) ;

      85 if( isset ( $_POST[ " Subm it " ] ) ) { opendb( ) ;

      $nam aj p= $_POST[ 'nam aj p'] ; if( $nam aj p = = " " ) { echo " Nam a j enis propert i belum anda isi! " ; } else {

      $id= $_GET[ 'id'] ; $sql= " updat e j enis_proper t i set nam a_j enis_propert i= '$nam aj p' where kode_j enis_propert i = '$id'" ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Updat e dat a anda gagal, silahkan m engulang lagi! " ; } else { echo " Updat e dat a anda berhasil! " ; }

      } } ?&gt;

      86

       Halaman tambah jenis properti

      17 Gambar 4.18 Halaman tambah jenis properti

      Halaman ini digunakan untuk proses menambah jenis properti baru. Scriptnya adalah: &lt; ?php include " koneksi.inc" ; if( isset ( $_POST[ " Subm it " ] ) ) { opendb( ) ; $kode= $_POST[ " kode" ] ; $nam a= $_POST[ 'nam a'] ; if( $nam a = = " " )

      87 { $sql= " insert int o j enis_proper t i values ( '$kode', '$nam a') " ; querydb( $sql) ; closedb( ) ; if( ! $r esult ) { echo " Pem asukkan j enis pr opert i bar u gagal, silahkan m engulang lagi! " ; } else { echo " Pem asukkan j enis pr opert i bar u ber hasil! " ; } } } else { ?&gt;

      88

    BAB V ANALISIS HASIL

      5.1 Analisa Manfaat

      Manfaat yang bisa diperoleh dengan adanya sistem ini adalah sebagai berikut :

      1. Pihak agen properti akan lebih mudah mendapatkan pelanggan yang ingin menawarkan propertinya.

      2. Pihak member akan lebih mudah untuk menawarkan properti yang dimilikinya kepada orang lain secara luas.

      3. Pihak pengunjung tidak perlu pergi ke lokasi properti yang diinginkan untuk untuk mencari properti yang diinginkan.

      4. Pihak pengunjung bisa mencari properti yang sedang ditawarkan yang sesuai dengan keinginannya.

      5. Pihak pengunjung bisa melihat contoh gambar properti yang sedang ditawarkan.

      5.2 Kelebihan Sistem yang Dibuat

      Kelebihan yang dapat diperoleh dari sistem yang dibuat adalah sebagai berikut :

      89

      3. Memiliki fasilitas pencarian berdasarkan kondisi yang diinginkan oleh pengguna.

    5.3 Kekurangan Sistem yang Dibuat 1. Tampilan yang masih sederhana.

      2. Masih terdapat beberapa kekurangan dalam mengatasi error handling .

      3. Belum memiliki kemampuan untuk mengamankan data yang ada di dalamnya.

      4. Pengunjung belum bisa melakukan pemesanan melalui situs ini.

      90

    BAB VI PENUTUP

      6.1 Kesimpulan

      Setelah menganalisa dan mengimplementasikan situs penawaran properti di Yogyakarta berbasis web ini, maka dapat disimpulkan:

      1. Situs ini mampu membantu agen properti di kota Yogyakarta untuk menawarkan properti yang dimilikinya.

      2. Situs ini mampu memberi informasi mengenai properti di kota Yogyakarta yang sedang ditawarkan dan membantu pengunjung dalam mencari properti yang ditawarkan.

      6.2 Saran

      Dari sistem yang dibuat ini, masih dibutuhkan beberapa saran bagi pengembangan sistem ini menuju arah yang lebih baik dan bermanfaat, diantaranya adalah sebagai berikut : 5. Tampilan dibuat lebih menarik.

      6. Kekurangan dalam mengatasi error handling lebih dilengkapi lagi.

      7. Dilengkapi dengan kemampuan pengamanan yang memadai.

      8. Dilengkapi dengan layanan pembelian secara on-line ( e-commerce).

    DAFTAR PUSTAKA

      Saputro, Hendra W, Pengertian Web Site dan Unsur-unsurnya, http:// www.balebengong.net/2007/08/01/pengertian-website-dan-unsur-unsurnya/ , 2007 [ 20 Agustus 2007]

      Susanto, Bambang Heri, Peranan Penilaian Properti Dalam Otonomi Daerah, http:// www.indomedia.com, 2000 [5 Maret 2007] Sumardjono, Maris, Urgensi Dalam Penilaian Properti Dalam Tatanan Ekonomi

      Masyarakat,http:// www.lmfeui.com , 2002 [5 Maret 2007] Panca, Budi Pria, Tujuh Kriteria Dasar Informasi, http://www.sony-ak.com , 2006 [5 Maret 2007].

      Whitten, Bentley Dittman, System Analysis and Design Method 6 th

       Edition

      , Irwin/McGraw-Hill, New York, 2004.

      Sidik, Betha, MySQL Untuk Pengguna, Administrator, dan Pengembangan Aplikasi Web, Informatika Bandung, Bandung, 2003.

      Purwanto, Yudhi, Pemrograman Web dengan PHP, Elex Media Komputindo, Jakarta, 2001.

      Oetomo, Budi Sutedjo Dharmo Oetomo, Perancangan dan Pembangunan Sistem Informasi , Andi, Yogyakarta, 2002.

      Prasetyo, Didik Dwi, Solusi Menjadi Web Master melalui Manajemen web dengan PHP, Elex Media Komputindo, Jakarta, 2005 Jogiyanto, Sistem Teknologi Informasi – Edisi III, Andi, Yogyakarta, 2005.

      Gunawan, Ridowati, Diktat Kuliah Rekayasa Perangkat Lunak II Teknik Informatika

      Universitas Sanata Dharma , Yogyakarta, 2004.

      Polina, A.M, Diktat Kuliah Basis Data I Teknik informatika Universitas Sanata Dharma, Yogyakarta, 2003.

Dokumen baru

Tags

Dokumen yang terkait

Skripsi Yang Diajukan Untuk Memenuhi Syarat Memperoleh Gelar Sarjana Teknik
0
0
15
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan NIKIE RAMSI TAMNGE NIM 20111112047
0
0
17
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar SARJANA PENDIDIKAN
0
0
14
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan
0
0
15
Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan
0
0
17
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan LINDA ROHMAWATI NIM. 20121110045
0
0
13
SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan
0
0
26
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan DEWI KURNIASIH NIM. 20121110008
0
0
16
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan NUR AZIZAH NIM. 20121113025
0
0
15
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan SITI MULYATI NIM. 20131111105
0
0
14
SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan
0
0
14
SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Pendidikan
0
0
16
SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat guna Memperoleh Gelar Sarjana dalam Hukum Islam
0
0
102
Diajukan untuk Memenuhi Salah Satu Syarat Guna Memperoleh Gelar Sarjana dalam Hukum Islam
0
0
121
Susukan Tahun 2010 ) SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Guna Memperoleh Gelar Sarjana dalam Hukum Islam
0
0
84
Show more