akhir. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut :
html head
… informasi tentang dokumen HTML head
body … informasi yang ditampilkan dalam browser web
body html
Setiap dokumen html harus diawali dengan menuliskan tag html dan tag html diakhiri dokumen. Tag ini menandai elemen html, yang berarti dokumen
ini adalah dokumen HTML. Dalam suatu dokumen hanya ada satu elemen html. Section atau elemen head ditandai dengan tag head diawal, dan tag head di
akhiri. Section ini berisi informasi tentang dokumen htmlnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan
ditampilkan pada caption bar dari window browser, ditandai dengan menggunkan tag title Dan diakhiri dengan title. Section body merupakan elemen terbesar
didalam dokumen html. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraph, grafik, link, table, dan sebagainya.
2.7 Pengenalan Adobe Dreamweaver 5
Dreamweaver merupakan perangkat lunak atau softwere yang berfungsi sebagai web editor untuk membangun dan mendesain suatu website. Dreamweaver CS5
mempunyai kelebihan dari tipe sebelumnya, antara lain penggunaan fitur canggih
Universitas Sumatera Utara
Ajax, JQuery yang menggunakan Browser Widget serta pengujian tampilan web
menggunakan Web Adobe Browser Lab.
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perencanaan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan pada sistem baru yang akan diterapkan. Dalam membangun
sebuah situs perancangan sistem merupakan tahap awal yang akan dilakukan. Diperlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan
yang berulang-ulang untuk hasil yang maksimal. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya, MySQL sebagai
databasenya, serta Dreamweaver CS5 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang. Dalam Pembuatan sistem penjualan
properti berbasis e-commerce ini rancangan sistem meliputi perancangan struktur web, rancangan basisdata, entity relationship diagram dan flowchart.
3.2 Perancangan Struktur Web
Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam yaitu bagi admin, member dan maupun pengunjung biasa. Rancangan ini dapat
dilihat pada gambar dibawah ini:
Universitas Sumatera Utara
Gambar 3.1 Rancangan Web Untuk Pengunjung Biasa
Gambar 3.2 Rancangan Web Untuk Member
Gambar 3.3 Rancangan Web Untuk Administrator
Homepage Property.com
Index Property
Contact Us
About Us Pasang
Iklan
Homepage Property.com
Home Property
Tambah Property
Edit Property
Profil Logout
Homepage Property.com
Home Property
Pesan Member
Logout
Universitas Sumatera Utara
3.3 Entity Relationship Diagram ERD
Entity relationship diagram adalah komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang
mempresentasikan seluruh fakta dari dunia nyata yang kita tinjau.
Gambar 3.4 Entity Relationship Diagram ERD
Admin
Tambah
Produk Kirim
Pesan
Memiliki
Member memiliki
Detal_produk Pass
email nama
Nama Alamat
Pesan email
Id produk Nama produk
Luas_bangunan
nama Luas_tanah
Harga Lokasi_produk
kota
keterangan foto
status tanggal
Id_produk Nama_produ
Nama No hp
Email Pass
Foto
Universitas Sumatera Utara
3.4 Desain Database