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

(1)

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

UNIVERSITAS SANATA DHARMA

(2)

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

YOGYAKARTA

2007

(3)

(4)

(5)

(6)

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

(7)

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

(8)

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

(9)

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.

(10)

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, S.T.,M.Sc selaku panitia penguji yang telah memberikan banyak kritik dan saran demi sempurnanya tugas akhir saya.

(11)

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.

13. Teman-teman Teknik Informatika khususnya angkatan 2002 atas dukungan dan kebersamaan kita selama ini yang tidak akan pernah kulupakan.

(12)

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

(13)

DAFTAR ISI

JUDUL ...

HALAMAN PERSETUJUAN ...

HALAMAN PENGESAHAN ...

PERNYATAAN KEASLIAN KARYA ...

HALAMAN MOTTO ...

HALAMAN PERSEMBAHAN ...

ABSTRAKSI ...

ABSTRACT ...

KATA PENGANTAR ...

DAFTAR ISI ...

DAFTAR GAMBAR ...

DAFTAR TABEL ...

1.1 Latar Belakang Masalah... 1.2 Rumusan Masalah... 1.3 Batasan Masalah... 1.4 Tujuan Penelitian... 1.5 Metodologi Penelitian………... 1.6 Sistematika Penulisan ...

(14)

BAB II LANDASAN TEORI

2.1 Situs... 2.1.1 Pengertian Situs... 2.1.2 Unsur-unsur Situs... 2.2 Metodologi Pengembangan Sistem...

2.2.1 Use Case Diagram………... 2.2.2 Entity Relationship Diagram (E-R Diagram)………. 2.2.3 DFD (Data Flow Diagram)……… 2.3 Web... 2.4 WWW(World Wide Web)... 2.5 HTTP (HyperText Transfer Protocol) ...

2.6 HTML( Hypertext Markup Language) ...

2.6.1 Struktur HTML………...

2.6.2 Format Tertentu pada HTML………..……... 2.6.2.1Heading………... 2.6.2.2Paragraf………... 2.6.2.3Line Break dan HR (Horizontal Rule)……… 2.6.2.4Bentuk Teks……… 2.6.2.5Daftar / List………. 2.6.2.6Gambar / Image………..

(15)

2.6.2.9Frame / Bingkai……….. 2.6.2.10 Form dan Input……… 2.7 PHP………... 2.7.1 Variabel dalam PHP………... 2.7.2 Tipe Data………...…….…...…………. 2.7.3 Operator………...………...

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

2.7.5 Struktur Kendali / Struktur Kontrol….………...……… 2.7.5.1Percabangan... 2.7.5.2Perulangan... 2.7.6 Require( ) dan Include ( )... 2.8 MySQL... ... 2.8.1 Bahasa dalam MySQL... 2.8.2 Tipe Data dalam MySQL...

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Analisis Sistem ... 3.1.1 Gambaran Umum Sistem………... 3.1.2 Use Case Diagram... 3.1.3 DFD... 3.1.3.1Proses Modeling... 3.1.3.2Diagram Konteks... 3.1.3.3Bagan Berjenjang...

(16)

3.1.3.4Overview Diagram... 3.1.3.4.1Overview Diagram Level 0... 3.1.3.4.2Overview Diagram Level 1... 3.1.3.5DFD Gabungan... 3.1.4 ERD... 3.2 Disain Sistem... ... 3.2.1 Disain Database... 3.2.1.1Disain Logikal... 3.2.1.2Disain Fisikal... 3.2.2 Disain User Interface... 3.2.3 Disain Struktur Menu...

BAB IV. IMPLEMENTASI SISTEM

4.1 Pembuatan Database... 4.2 Koneksi Database... 4.3 Pembuatan Antar Muka Pemakai (User Interface)...

BAB V. ANALISA HASIL

5.1 Analisa Manfaat... 5.2 Kelebihan Sistem yang Dibuat... 5.3 Kekurangan Sistem yang Dibuat...

(17)

BAB VI. PENUTUP

6.1 Kesimpulan... 6.2 Saran...

DAFTAR PUSTAKA

90 90

(18)

DAFTAR GAMBAR

Gambar Keterangan Halaman

2.1 Simbol Use Case 10

2.2 Simbol Actor 10

2.3 Simbol depend on 11

2.4 Lambang dari entitas 11

2.5 Contoh dari atribut mahasiswa 12

2.6 Contoh dari Relasi 12

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 35

3.3 Gambar Bagan Berjenjang 36

3.4 Overview diagram level 0 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 40

3.9 DFD Gabungan 42

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 47

3.15 Rancangan Halaman home member 48

3.16 Rancangan Halaman data anda 48

3.17 Rancangan Halaman update data anda 49

(19)

3.18 Rancangan Halaman daftar properti 49 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 52

3.24 Rancangan Halaman home admin 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 3.30 Rancangan Halaman lihat properti 55 3.31 Rancangan Halaman pencarian properti 56

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.3 Halaman Index(Lanjutan) 63

4.4 Halaman regristrasi member 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 75

4.11 Halaman pencarian properti(Lanjutan) 76

4.12 Halaman login admin 78

4.13 Halaman lihat member admin 79

(20)

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

(21)

DAFTAR TABEL

Tabel Keterangan Halaman

2.1 Tabel OperatorAritmatika pada PHP 24 2.2 Tabel Operator Logika pada PHP 24 2.3 Tabel kebenaran operasi logika 25

2.4 Tabel Tipe Data pada MySQL 30

3.1 Tabel input output proses modeling 34

3.2 Tabel member 44

3.3 Tabel property 45

3.4 Tabel lokasi 45

3.5 Tabel jenis properti 45

3.6 Tabel administrator 46

(22)

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 dibutuhkan situs web yang dapat melakukan pencarian sesuai dengan keinginannya.

(23)

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

(24)

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 :

(25)

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

(26)

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

(27)

1.6 Sistematika Penulisan

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

(28)

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

2.1.2 Unsur-unsur Situs

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 dunia internet. Contoh : http://www.baliorange.net, http://www.detik.com

Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran

(29)

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)

(30)

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

(31)

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

(32)

11

Proses 2 Proses 1

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

(33)

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

(34)

13

Satu dan hanya satu

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

(35)

nama entitas luar

tidak tahu menahu mengenai apa yang terjadi di entitas luar. Gambar 2.8 merupakan simbol entitas luar.

Gambar 2.8 Entitas Luar

nama aliran data

b. Aliran data / Data Flow

Untuk menggambarkan aliran data dari suatu proses ke proses lainnya. Gambar 2.9 merupakan simbol aliran data.

Gambar 2.9 Simbol Aliran Data

id nama proses 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.

Gambar 2.10 Simbol Proses

(36)

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

2.3 Web

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.

2.4 WWW (World Wide Web)

World Wide Web (WWW) merupakan salah satu sumber daya internet

(37)

2.5 HTTP (HyperText Transfer Protocol)

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 :

deskripsi dokumen </HEAD>

<BODY>

(38)

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

2.6.4.1Heading

HTML menyediakan enam tingkatan heading sebagai beikut :

− <H1>...</H1> : heading level 1 dengan besar huruf 24 point.

untuk ukuran teks normal pada HTML adalah 12 point.

2.6.4.2Paragraf

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.

(39)

2.6.4.3Line 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.4Bentuk 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.5Daftar / List

HTML menyediakan lima cara untuk membuat daftar, yaitu :

a. Daftar dengar Penomoran (Ordered List)

(40)

19

b. Daftar dengan Bullet (Unordered List)

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.6Gambar / 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 :

2.6.4.7Tabel

(41)

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

<TD> isi kolom </TD> </TR>

</TABLE> </BODY>

2.6.4.8Link

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.9Frame / Bingkai

(42)

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.

2.6.4.10 Form dan Input

(43)

membuat kerangkanya sedangkan tag <INPUT> menyediakan elemen antarmuka dengan user. Standar penulisan form adalah :

<FORM METHOD=”POST|GET” ACTION=”URL”> ...

</FORM>

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 : <INPUT TYPE =’text’….>

− PASSWORD : <INPUT TYPE =’password’….>

− SUBMIT : <INPUT TYPE =’submit’….>

− RESET : <INPUT TYPE =’reset’….>

− CHECKBOX : <INPUT TYPE =’checkbox’….>

− RADIO BUTTON : <INPUT TYPE =’radio’….>

− HIDDEN : <INPUT TYPE =’hidden’….>

− TEXT WINDOW : <TEXTAREA>….</TEXTAREA>

− MENU : <SELECT>…<OPTION>…</SELECT>

2.7 PHP

(44)

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

... ?>

b. <?php ... ?>

c. <SCRIPT LANGUAGE=”php”> ...

</SCRIPT> 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

(45)

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

= = Sama dengan

!= Tidak sama dengan

< Lebih kecil

> Lebih besar

(46)

25

> = Lebih besar sama dengan AND atau && 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 0 0

1 0 0 1 1 0

0 1 0 1 1 1

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

2.7.7.1Percabangan

(47)

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)

{

case konstanta1 :

perintah1; break;

case konstanta2 :

(48)

27

break;

default :

perintah default;

}

2.7.7.2Perulangan

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 kondisi masih bernilai benar. Format penulisan perintahnya adalah : while (kondisi)

(49)

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

(50)

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.

(51)

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

bigint Ukuran terbesar dari integer

float Presisi tunggal

double,

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’, ‘YYMMDDHHSS’, atau ‘YYMMDD’.

time Jam Format : ‘HH:MM:SS’. year Tahun

(52)

31

char Karakter, dengan menghilangkan spasi pada saat penyimpanan.

Range : 1 s.d. 255 karakter. nchar,

national char

Karakter, dengan tidak menghilangkan spasi pada saat penyimpanan.

Range : 1 s.d. 255 karakter.

varchar Karakter, dengan menghilangkan spasi pada saat penyimpanan.

Range : 1 s.d. 255 karakter. tinyblob

tinytext

teks/blob dengan panjang karakter maksimal 255.

blob text

Deretan karakter yang panjang. Biasa dipakai sebagai pengganti format data text karena keterbatasan ukuran format text. Dengan panjang maksimum 65535 karakter.

medium blob medium text

long blob long text

enum

(‘value1’,value2’,...)

Objek string yang hanya boleh diisi dari daftar pilihan value yang diberikan, NULL, atau error value. Maksimum value : 65535.

set

(‘value1’,value2’,...)

(53)

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.

3.1.1 Gambaran Umum Sistem

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.

(54)

33

3.1.2 Use Case Diagram

Use Case Diagram dari Situs Penawaran Properti Di Yogyakarta

Berbasis Web dapat dilihat pada Gambar 3.1.

<<depend on>>

Lihat Properti

Pencarian

Situs Penawaran Properti di Yogyakarta Berbasis Web

(55)

3.1.3 DFD

3.1.3.1Proses 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

Member

username member, password member, data member, data properti member, kata kunci dan jawaban.

Informasi data member, Informasi properti yang dimiliki, Informasi update data member,

Informasi update data properti member, Status logout member.

Admin

username admin, password admin, data lokasi, data jenis properti.

(56)

35 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.2Diagram 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.3Bagan 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.3.

(57)

36

(58)

37

3.1.3.4Overview Diagram

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

member

member Login member valid D1 member

Informasi update data member, informasi update data properti,

Data member, data properti,

10p

Lupa password Informasi reset password Username, kata

kunci,jawaban

admin

b 2

Login Login admin valid 4

Mengupdate data

8

Logout

Status logout admin data jenis properti,, data lokasi

D5 admin

Informasi update data admin, informasi update member, Informasi update properti, Informasi update lokasi

admin Data jenis properti

yang dupdate D3 Jenis properti Data admin

yang diupdate

(59)

pengunjung

Data properti yang dicari

Data properti

Data properti Informasi data properti yang dilihat

Gambar 3.4 Overview diagram level 0

admin

3.1.2.4.2 Overview Diagram Level 1

Overview diagram level 1 proses 2

(60)

39

4

Informasi update data member

member

Informasi update data properti

4.4p Informasi update data admin

Informasi update lokasi

(61)

Gambar 3.6 Overview diagram level 1 proses 4

5.1p

Informasi data properti yang dilihat

5.2p

Informasi data member yang dilihat

Gambar 3.7 Overview diagram level 1 proses 5

admin

(62)

41

member Login member valid D1 member

Informasi update data member Data member

Informasi reset password

Status logout member

Informasi update data properti properti D2 Data properti

yang diupdate

3.1.2.5 DFD Gabungan

(63)

admin

b 2.2p

Login Admin Login admin valid 4.4p Mengupdate

Informasi update data admin

Informasi update member

Informasi update jenis properti Informasi update properti Data jenis properti

yang diupdate

Data properti yang dicari

Data properti

Data properti Informasi data properti yang dilihat

(64)

43

Gambar ERD untuk Sistem Informasi Penawaran Properti di Yogyakarta

Berbasis Web dapat dilihat pada Gambar 3.10.

Fully Atributed Data Model

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

(65)

3.2.1 Disain Database

3.2.1.1Disain Logikal

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 :

Gambar 3.11 Relasi antar tabel

3.2.1.2Disain Fisikal

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

(66)

45

2. Tabel properti

Tabel 3.3 Tabel properti

kode_properti int 4

username varchar 20

kode_lokasi int 2

nama_properti varchar 30 kode_jenis_properti int 2 jenis_penawaran varchar 16

alamat varchar 70

luas varchar 10

harga varchar 15

fasilitas_properti text fasilitas_lokasi text

status_kepemilikan varchar 3 tanggal_mulai date

tanggal_berakhir date

gambar_utama varchar 100

gambar_1 varchar 100

3. Tabel lokasi

Tabel 3.3 Tabel lokasi

kode_lokasi varchar 2 nama_lokasi varchar 15

4. Tabel jenis properti

Tabel 3.4 Tabel jenis properti

(67)

5. Tabel adeministrator

Tabel 3.5 Tabel administrator

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 :

- registrasi HEADER

FOOTER

Home

Selamat datang di layanan ini.

Tanggal_hari ini

Welcome

- login admin

- Registrasi Member

- Login Member

- Lihat Properti

- Pencarian

1. Halaman home

(68)

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

*) Lupa password anda ?

2. Halaman registrasi member

Gambar 3.13 Halaman registrasi member

3. Halaman login member

(69)

HEADER

FOOTER Selamat Datang nama_member

Home

Tanggal_hari ini

- Data anda

- Update data anda

- Daftar properi

- Lihat properti

--Logout

4. Halaman home member

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

(70)

49

HEADER

FOOTER

Home

Tanggal_hari ini

Silahkan mengisi data-data keanggotaan dibawah ini :

Nama :

- Daftar properi

- Lihat properti

--Logout

HEADER

FOOTER

Home

Tanggal_hari ini

Kirim Batal

Daftar Properti

Nama Properti : Lokasi : Jenis Properti : Jenis Penawaran :

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

(71)

HEADER

FOOTER Home >> 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

8. Halaman lihat properti member

Gambar 3.19 Halaman lihat properti member

HEADER

FOOTER

Home

Tanggal_hari ini

Kirim Batal

Home >> Update Properti >> Edit Properti

Nama Properti : Jenis Properti : Jenis Penawaran :

- Daftar properi

- Lihat properti

--Logout

9. Halaman edit data properti

(72)

51

HEADER

FOOTER Home >> Update Galeri

Home

10.Halaman upload gambar properti

Gambar 3.21 Halaman upload gambar properti

HEADER

- Daftar properi

- Lihat properti

--Logout

11.Halaman lihat gambar properti

(73)

HEADER

ER

Home

FOOT

Username Password

: :

Login

Home >> Login

12.Halaman login admin

Gambar 3.23 Halaman login admin

HEAD R

FOOTER E

Selamat Datang

Tanggal_hari ini

- Ubah Data

- Lihat Member

- Lihat Properti

- Lihat Lokasi

- Lihat Jenis Properti

- Logout

Home 13. Halaman home admin

(74)

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

- Logout

14.Halaman update data admin

Gambar 3.25 Halaman update data admin

HEADER

- Lihat Properti

- Lihat Lokasi

- Logout

15.Halaman update member

(75)

HEADER

FOOTER

Tanggal_hari ini

………... ... Ubah Hapus

Nama Properti Tanggal Berakhir Aksi

Home

- Ubah Data

- Lihat Member

- Lihat Properti

- Lihat Lokasi

- Logout

16.Halaman lihat properti admin

Gambar 3.27 Halaman lihat properti admin

HEADER

FOOTER

Tanggal_hari ini

Tambah Lokasi

……... ………... Ubah Hapus ……... ………... Ubah Hapus

Kode lokasi Nama Lokasi Aksi

Home

……... ………... Ubah Hapus

- Ubah Data

- Lihat Member

- Lihat Properti

- Lihat Lokasi

- Logout

17. Halaman update lokasi

(76)

55

Kode Jenis Properti Nama Jenis Properti Aksi

Home

……... ………... Ubah Hapus

- Ubah Data

- Lihat Member

- Lihat Properti

- Lihat Lokasi

- Logout

18.Halaman update jenis properti

Gambar 3.29 Halaman update jenis properti

HEADER

FOOTER Home >> 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

(77)

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

3.2.3 Disain Struktur Menu

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.

Gambar 3.32 Disain struktur menu member

20.Halaman pencarian properti

(78)

57

Login Admin

Update profil

Ubah Hapus Update properti

Ubah Hapus Update member

Ubah

Tambah Hapus

Update lokasi Update Jenis Properti Logout

Ubah

Tambah Hapus

Lihat Properti Pencarian Properti Gambar 3.33 Disain struktur menu admin

Gambar 3.34 Disain struktur menu pengunjung

(79)

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 :

Database terdiri dari lima tabel utama. Struktur tabel-tabel dalam situs

penawaran properti berbasis web adalah sebagai berikut :

(80)

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 ,

` 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,

PRI MARY KEY ( ` kode_propert i` )

)

(81)

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

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

(82)

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 :

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

(83)

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